/*
Theme Name: 	HTML5 Blank
Theme URI: 	https://html5blank.com
Description: 	HTML5 Blank WordPress Theme
Version: 	1.2.6
Author: 	Todd Motto (@toddmotto)
Author URI: 	https://www.toddmotto.com
Tags: 		Blank, HTML5, CSS3
License:	MIT
License URI:	https://opensource.org/licenses/mit-license.php
*/
/* =============================================================================
   HTML5 Reset
   ========================================================================== */
   *,
   body,
   html {
     font-family: "Mulish", sans-serif;
     scroll-behavior: smooth;
   }
   /* --------------------------------
   Nucleo Web Font
   Generated using nucleoapp.com
   -------------------------------- */
   @font-face {
     font-family: "Nucleo";
     src: url("fonts/Nucleo/Nucleo.eot");
     src: url("fonts/Nucleo/Nucleo.eot") format("embedded-opentype"), url("fonts/Nucleo/Nucleo.woff2") format("woff2"), url("fonts/Nucleo/Nucleo.woff") format("woff"), url("fonts/Nucleo/Nucleo.ttf") format("truetype"), url("fonts/Nucleo/Nucleo.svg") format("svg");
     font-weight: normal;
     font-style: normal;
   }

   .icn {
     display: inline-block;
     font: normal normal normal 1em/1 "Nucleo";
     speak: none;
     text-transform: none;
     /* Better Font Rendering */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }

   [class^=icn] {
     display: inline-block;
     height: 24px;
     width: 24px;
     padding: 4px;
     font-size: 1rem;
     vertical-align: middle;
   }

   .tab-content > .tab-pane {
     display: none;
   }

   .tab-content > .active {
     display: block;
   }

   .fade:not(.show) {
     opacity: 0;
   }

   .fade {
     -webkit-transition: opacity 0.15s linear;
     -o-transition: opacity 0.15s linear;
     transition: opacity 0.15s linear;
   }

   .collapse:not(.show) {
     display: none;
   }

   .collapsing {
     position: relative;
     height: 0;
     overflow: hidden;
     -webkit-transition: height 0.35s ease;
     -o-transition: height 0.35s ease;
     transition: height 0.35s ease;
   }

   .ml-auto {
     margin-left: auto !important;
   }

   .mr-auto {
     margin-right: auto !important;
   }

   .mx-auto {
     margin-left: auto !important;
     margin-right: auto !important;
   }

   .px-auto {
     padding-left: auto !important;
     padding-right: auto !important;
   }

   .m-0 {
     margin: 0 !important;
   }

   .p-0 {
     padding: 0 !important;
   }

   .mx-0 {
     margin-left: 0 !important;
     margin-right: 0 !important;
   }

   .px-0 {
     padding-left: 0 !important;
     padding-right: 0 !important;
   }

   .my-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
   }

   .py-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }

   .mt-0 {
     margin-top: 0 !important;
   }

   .pt-0 {
     padding-top: 0 !important;
   }

   .mr-0 {
     margin-right: 0 !important;
   }

   .pr-0 {
     padding-right: 0 !important;
   }

   .mb-0 {
     margin-bottom: 0 !important;
   }

   .pb-0 {
     padding-bottom: 0 !important;
   }

   .ml-0 {
     margin-left: 0 !important;
   }

   .pl-0 {
     padding-left: 0 !important;
   }

   .m-1 {
     margin: 0.25rem !important;
   }

   .p-1 {
     padding: 0.25rem !important;
   }

   .mx-1 {
     margin-left: 0.25rem !important;
     margin-right: 0.25rem !important;
   }

   .px-1 {
     padding-left: 0.25rem !important;
     padding-right: 0.25rem !important;
   }

   .my-1 {
     margin-top: 0.25rem !important;
     margin-bottom: 0.25rem !important;
   }

   .py-1 {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
   }

   .mt-1 {
     margin-top: 0.25rem !important;
   }

   .pt-1 {
     padding-top: 0.25rem !important;
   }

   .mr-1 {
     margin-right: 0.25rem !important;
   }

   .pr-1 {
     padding-right: 0.25rem !important;
   }

   .mb-1 {
     margin-bottom: 0.25rem !important;
   }

   .pb-1 {
     padding-bottom: 0.25rem !important;
   }

   .ml-1 {
     margin-left: 0.25rem !important;
   }

   .pl-1 {
     padding-left: 0.25rem !important;
   }

   .m-2 {
     margin: 0.5rem !important;
   }

   .p-2 {
     padding: 0.5rem !important;
   }

   .mx-2 {
     margin-left: 0.5rem !important;
     margin-right: 0.5rem !important;
   }

   .px-2 {
     padding-left: 0.5rem !important;
     padding-right: 0.5rem !important;
   }

   .my-2 {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important;
   }

   .py-2 {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
   }

   .mt-2 {
     margin-top: 0.5rem !important;
   }

   .pt-2 {
     padding-top: 0.5rem !important;
   }

   .mr-2 {
     margin-right: 0.5rem !important;
   }

   .pr-2 {
     padding-right: 0.5rem !important;
   }

   .mb-2 {
     margin-bottom: 0.5rem !important;
   }

   .pb-2 {
     padding-bottom: 0.5rem !important;
   }

   .ml-2 {
     margin-left: 0.5rem !important;
   }

   .pl-2 {
     padding-left: 0.5rem !important;
   }

   .m-3 {
     margin: 1rem !important;
   }

   .p-3 {
     padding: 1rem !important;
   }

   .mx-3 {
     margin-left: 1rem !important;
     margin-right: 1rem !important;
   }

   .px-3 {
     padding-left: 1rem !important;
     padding-right: 1rem !important;
   }

   .my-3 {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important;
   }

   .py-3 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }

   .mt-3 {
     margin-top: 1rem !important;
   }

   .pt-3 {
     padding-top: 1rem !important;
   }

   .mr-3 {
     margin-right: 1rem !important;
   }

   .pr-3 {
     padding-right: 1rem !important;
   }

   .mb-3 {
     margin-bottom: 1rem !important;
   }

   .pb-3 {
     padding-bottom: 1rem !important;
   }

   .ml-3 {
     margin-left: 1rem !important;
   }

   .pl-3 {
     padding-left: 1rem !important;
   }

   .m-4 {
     margin: 1.5rem !important;
   }

   .p-4 {
     padding: 1.5rem !important;
   }

   .mx-4 {
     margin-left: 1.5rem !important;
     margin-right: 1.5rem !important;
   }

   .px-4 {
     padding-left: 1.5rem !important;
     padding-right: 1.5rem !important;
   }

   .my-4 {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important;
   }

   .py-4 {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
   }

   .mt-4 {
     margin-top: 1.5rem !important;
   }

   .pt-4 {
     padding-top: 1.5rem !important;
   }

   .mr-4 {
     margin-right: 1.5rem !important;
   }

   .pr-4 {
     padding-right: 1.5rem !important;
   }

   .mb-4 {
     margin-bottom: 1.5rem !important;
   }

   .pb-4 {
     padding-bottom: 1.5rem !important;
   }

   .ml-4 {
     margin-left: 1.5rem !important;
   }

   .pl-4 {
     padding-left: 1.5rem !important;
   }

   .m-5 {
     margin: 3rem !important;
   }

   .p-5 {
     padding: 3rem !important;
   }

   .mx-5 {
     margin-left: 3rem !important;
     margin-right: 3rem !important;
   }

   .px-5 {
     padding-left: 3rem !important;
     padding-right: 3rem !important;
   }

   .my-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important;
   }

   .py-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }

   .mt-5 {
     margin-top: 3rem !important;
   }

   .pt-5 {
     padding-top: 3rem !important;
   }

   .mr-5 {
     margin-right: 3rem !important;
   }

   .pr-5 {
     padding-right: 3rem !important;
   }

   .mb-5 {
     margin-bottom: 3rem !important;
   }

   .pb-5 {
     padding-bottom: 3rem !important;
   }

   .ml-5 {
     margin-left: 3rem !important;
   }

   .pl-5 {
     padding-left: 3rem !important;
   }

   @media (min-width: 576px) {
     .m-sm-0 {
       margin: 0 !important;
     }

     .p-sm-0 {
       padding: 0 !important;
     }

     .mx-sm-0 {
       margin-left: 0 !important;
       margin-right: 0 !important;
     }

     .px-sm-0 {
       padding-left: 0 !important;
       padding-right: 0 !important;
     }

     .my-sm-0 {
       margin-top: 0 !important;
       margin-bottom: 0 !important;
     }

     .py-sm-0 {
       padding-top: 0 !important;
       padding-bottom: 0 !important;
     }

     .mt-sm-0 {
       margin-top: 0 !important;
     }

     .pt-sm-0 {
       padding-top: 0 !important;
     }

     .mr-sm-0 {
       margin-right: 0 !important;
     }

     .pr-sm-0 {
       padding-right: 0 !important;
     }

     .mb-sm-0 {
       margin-bottom: 0 !important;
     }

     .pb-sm-0 {
       padding-bottom: 0 !important;
     }

     .ml-sm-0 {
       margin-left: 0 !important;
     }

     .pl-sm-0 {
       padding-left: 0 !important;
     }

     .m-sm-1 {
       margin: 0.25rem !important;
     }

     .p-sm-1 {
       padding: 0.25rem !important;
     }

     .mx-sm-1 {
       margin-left: 0.25rem !important;
       margin-right: 0.25rem !important;
     }

     .px-sm-1 {
       padding-left: 0.25rem !important;
       padding-right: 0.25rem !important;
     }

     .my-sm-1 {
       margin-top: 0.25rem !important;
       margin-bottom: 0.25rem !important;
     }

     .py-sm-1 {
       padding-top: 0.25rem !important;
       padding-bottom: 0.25rem !important;
     }

     .mt-sm-1 {
       margin-top: 0.25rem !important;
     }

     .pt-sm-1 {
       padding-top: 0.25rem !important;
     }

     .mr-sm-1 {
       margin-right: 0.25rem !important;
     }

     .pr-sm-1 {
       padding-right: 0.25rem !important;
     }

     .mb-sm-1 {
       margin-bottom: 0.25rem !important;
     }

     .pb-sm-1 {
       padding-bottom: 0.25rem !important;
     }

     .ml-sm-1 {
       margin-left: 0.25rem !important;
     }

     .pl-sm-1 {
       padding-left: 0.25rem !important;
     }

     .m-sm-2 {
       margin: 0.5rem !important;
     }

     .p-sm-2 {
       padding: 0.5rem !important;
     }

     .mx-sm-2 {
       margin-left: 0.5rem !important;
       margin-right: 0.5rem !important;
     }

     .px-sm-2 {
       padding-left: 0.5rem !important;
       padding-right: 0.5rem !important;
     }

     .my-sm-2 {
       margin-top: 0.5rem !important;
       margin-bottom: 0.5rem !important;
     }

     .py-sm-2 {
       padding-top: 0.5rem !important;
       padding-bottom: 0.5rem !important;
     }

     .mt-sm-2 {
       margin-top: 0.5rem !important;
     }

     .pt-sm-2 {
       padding-top: 0.5rem !important;
     }

     .mr-sm-2 {
       margin-right: 0.5rem !important;
     }

     .pr-sm-2 {
       padding-right: 0.5rem !important;
     }

     .mb-sm-2 {
       margin-bottom: 0.5rem !important;
     }

     .pb-sm-2 {
       padding-bottom: 0.5rem !important;
     }

     .ml-sm-2 {
       margin-left: 0.5rem !important;
     }

     .pl-sm-2 {
       padding-left: 0.5rem !important;
     }

     .m-sm-3 {
       margin: 1rem !important;
     }

     .p-sm-3 {
       padding: 1rem !important;
     }

     .mx-sm-3 {
       margin-left: 1rem !important;
       margin-right: 1rem !important;
     }

     .px-sm-3 {
       padding-left: 1rem !important;
       padding-right: 1rem !important;
     }

     .my-sm-3 {
       margin-top: 1rem !important;
       margin-bottom: 1rem !important;
     }

     .py-sm-3 {
       padding-top: 1rem !important;
       padding-bottom: 1rem !important;
     }

     .mt-sm-3 {
       margin-top: 1rem !important;
     }

     .pt-sm-3 {
       padding-top: 1rem !important;
     }

     .mr-sm-3 {
       margin-right: 1rem !important;
     }

     .pr-sm-3 {
       padding-right: 1rem !important;
     }

     .mb-sm-3 {
       margin-bottom: 1rem !important;
     }

     .pb-sm-3 {
       padding-bottom: 1rem !important;
     }

     .ml-sm-3 {
       margin-left: 1rem !important;
     }

     .pl-sm-3 {
       padding-left: 1rem !important;
     }

     .m-sm-4 {
       margin: 1.5rem !important;
     }

     .p-sm-4 {
       padding: 1.5rem !important;
     }

     .mx-sm-4 {
       margin-left: 1.5rem !important;
       margin-right: 1.5rem !important;
     }

     .px-sm-4 {
       padding-left: 1.5rem !important;
       padding-right: 1.5rem !important;
     }

     .my-sm-4 {
       margin-top: 1.5rem !important;
       margin-bottom: 1.5rem !important;
     }

     .py-sm-4 {
       padding-top: 1.5rem !important;
       padding-bottom: 1.5rem !important;
     }

     .mt-sm-4 {
       margin-top: 1.5rem !important;
     }

     .pt-sm-4 {
       padding-top: 1.5rem !important;
     }

     .mr-sm-4 {
       margin-right: 1.5rem !important;
     }

     .pr-sm-4 {
       padding-right: 1.5rem !important;
     }

     .mb-sm-4 {
       margin-bottom: 1.5rem !important;
     }

     .pb-sm-4 {
       padding-bottom: 1.5rem !important;
     }

     .ml-sm-4 {
       margin-left: 1.5rem !important;
     }

     .pl-sm-4 {
       padding-left: 1.5rem !important;
     }

     .m-sm-5 {
       margin: 3rem !important;
     }

     .p-sm-5 {
       padding: 3rem !important;
     }

     .mx-sm-5 {
       margin-left: 3rem !important;
       margin-right: 3rem !important;
     }

     .px-sm-5 {
       padding-left: 3rem !important;
       padding-right: 3rem !important;
     }

     .my-sm-5 {
       margin-top: 3rem !important;
       margin-bottom: 3rem !important;
     }

     .py-sm-5 {
       padding-top: 3rem !important;
       padding-bottom: 3rem !important;
     }

     .mt-sm-5 {
       margin-top: 3rem !important;
     }

     .pt-sm-5 {
       padding-top: 3rem !important;
     }

     .mr-sm-5 {
       margin-right: 3rem !important;
     }

     .pr-sm-5 {
       padding-right: 3rem !important;
     }

     .mb-sm-5 {
       margin-bottom: 3rem !important;
     }

     .pb-sm-5 {
       padding-bottom: 3rem !important;
     }

     .ml-sm-5 {
       margin-left: 3rem !important;
     }

     .pl-sm-5 {
       padding-left: 3rem !important;
     }
   }
   @media (min-width: 769px) {
     .m-md-0 {
       margin: 0 !important;
     }

     .p-md-0 {
       padding: 0 !important;
     }

     .mx-md-0 {
       margin-left: 0 !important;
       margin-right: 0 !important;
     }

     .px-md-0 {
       padding-left: 0 !important;
       padding-right: 0 !important;
     }

     .my-md-0 {
       margin-top: 0 !important;
       margin-bottom: 0 !important;
     }

     .py-md-0 {
       padding-top: 0 !important;
       padding-bottom: 0 !important;
     }

     .mt-md-0 {
       margin-top: 0 !important;
     }

     .pt-md-0 {
       padding-top: 0 !important;
     }

     .mr-md-0 {
       margin-right: 0 !important;
     }

     .pr-md-0 {
       padding-right: 0 !important;
     }

     .mb-md-0 {
       margin-bottom: 0 !important;
     }

     .pb-md-0 {
       padding-bottom: 0 !important;
     }

     .ml-md-0 {
       margin-left: 0 !important;
     }

     .pl-md-0 {
       padding-left: 0 !important;
     }

     .m-md-1 {
       margin: 0.25rem !important;
     }

     .p-md-1 {
       padding: 0.25rem !important;
     }

     .mx-md-1 {
       margin-left: 0.25rem !important;
       margin-right: 0.25rem !important;
     }

     .px-md-1 {
       padding-left: 0.25rem !important;
       padding-right: 0.25rem !important;
     }

     .my-md-1 {
       margin-top: 0.25rem !important;
       margin-bottom: 0.25rem !important;
     }

     .py-md-1 {
       padding-top: 0.25rem !important;
       padding-bottom: 0.25rem !important;
     }

     .mt-md-1 {
       margin-top: 0.25rem !important;
     }

     .pt-md-1 {
       padding-top: 0.25rem !important;
     }

     .mr-md-1 {
       margin-right: 0.25rem !important;
     }

     .pr-md-1 {
       padding-right: 0.25rem !important;
     }

     .mb-md-1 {
       margin-bottom: 0.25rem !important;
     }

     .pb-md-1 {
       padding-bottom: 0.25rem !important;
     }

     .ml-md-1 {
       margin-left: 0.25rem !important;
     }

     .pl-md-1 {
       padding-left: 0.25rem !important;
     }

     .m-md-2 {
       margin: 0.5rem !important;
     }

     .p-md-2 {
       padding: 0.5rem !important;
     }

     .mx-md-2 {
       margin-left: 0.5rem !important;
       margin-right: 0.5rem !important;
     }

     .px-md-2 {
       padding-left: 0.5rem !important;
       padding-right: 0.5rem !important;
     }

     .my-md-2 {
       margin-top: 0.5rem !important;
       margin-bottom: 0.5rem !important;
     }

     .py-md-2 {
       padding-top: 0.5rem !important;
       padding-bottom: 0.5rem !important;
     }

     .mt-md-2 {
       margin-top: 0.5rem !important;
     }

     .pt-md-2 {
       padding-top: 0.5rem !important;
     }

     .mr-md-2 {
       margin-right: 0.5rem !important;
     }

     .pr-md-2 {
       padding-right: 0.5rem !important;
     }

     .mb-md-2 {
       margin-bottom: 0.5rem !important;
     }

     .pb-md-2 {
       padding-bottom: 0.5rem !important;
     }

     .ml-md-2 {
       margin-left: 0.5rem !important;
     }

     .pl-md-2 {
       padding-left: 0.5rem !important;
     }

     .m-md-3 {
       margin: 1rem !important;
     }

     .p-md-3 {
       padding: 1rem !important;
     }

     .mx-md-3 {
       margin-left: 1rem !important;
       margin-right: 1rem !important;
     }

     .px-md-3 {
       padding-left: 1rem !important;
       padding-right: 1rem !important;
     }

     .my-md-3 {
       margin-top: 1rem !important;
       margin-bottom: 1rem !important;
     }

     .py-md-3 {
       padding-top: 1rem !important;
       padding-bottom: 1rem !important;
     }

     .mt-md-3 {
       margin-top: 1rem !important;
     }

     .pt-md-3 {
       padding-top: 1rem !important;
     }

     .mr-md-3 {
       margin-right: 1rem !important;
     }

     .pr-md-3 {
       padding-right: 1rem !important;
     }

     .mb-md-3 {
       margin-bottom: 1rem !important;
     }

     .pb-md-3 {
       padding-bottom: 1rem !important;
     }

     .ml-md-3 {
       margin-left: 1rem !important;
     }

     .pl-md-3 {
       padding-left: 1rem !important;
     }

     .m-md-4 {
       margin: 1.5rem !important;
     }

     .p-md-4 {
       padding: 1.5rem !important;
     }

     .mx-md-4 {
       margin-left: 1.5rem !important;
       margin-right: 1.5rem !important;
     }

     .px-md-4 {
       padding-left: 1.5rem !important;
       padding-right: 1.5rem !important;
     }

     .my-md-4 {
       margin-top: 1.5rem !important;
       margin-bottom: 1.5rem !important;
     }

     .py-md-4 {
       padding-top: 1.5rem !important;
       padding-bottom: 1.5rem !important;
     }

     .mt-md-4 {
       margin-top: 1.5rem !important;
     }

     .pt-md-4 {
       padding-top: 1.5rem !important;
     }

     .mr-md-4 {
       margin-right: 1.5rem !important;
     }

     .pr-md-4 {
       padding-right: 1.5rem !important;
     }

     .mb-md-4 {
       margin-bottom: 1.5rem !important;
     }

     .pb-md-4 {
       padding-bottom: 1.5rem !important;
     }

     .ml-md-4 {
       margin-left: 1.5rem !important;
     }

     .pl-md-4 {
       padding-left: 1.5rem !important;
     }

     .m-md-5 {
       margin: 3rem !important;
     }

     .p-md-5 {
       padding: 3rem !important;
     }

     .mx-md-5 {
       margin-left: 3rem !important;
       margin-right: 3rem !important;
     }

     .px-md-5 {
       padding-left: 3rem !important;
       padding-right: 3rem !important;
     }

     .my-md-5 {
       margin-top: 3rem !important;
       margin-bottom: 3rem !important;
     }

     .py-md-5 {
       padding-top: 3rem !important;
       padding-bottom: 3rem !important;
     }

     .mt-md-5 {
       margin-top: 3rem !important;
     }

     .pt-md-5 {
       padding-top: 3rem !important;
     }

     .mr-md-5 {
       margin-right: 3rem !important;
     }

     .pr-md-5 {
       padding-right: 3rem !important;
     }

     .mb-md-5 {
       margin-bottom: 3rem !important;
     }

     .pb-md-5 {
       padding-bottom: 3rem !important;
     }

     .ml-md-5 {
       margin-left: 3rem !important;
     }

     .pl-md-5 {
       padding-left: 3rem !important;
     }
   }
   @media (min-width: 1024px) {
     .m-lg-0 {
       margin: 0 !important;
     }

     .p-lg-0 {
       padding: 0 !important;
     }

     .mx-lg-0 {
       margin-left: 0 !important;
       margin-right: 0 !important;
     }

     .px-lg-0 {
       padding-left: 0 !important;
       padding-right: 0 !important;
     }

     .my-lg-0 {
       margin-top: 0 !important;
       margin-bottom: 0 !important;
     }

     .py-lg-0 {
       padding-top: 0 !important;
       padding-bottom: 0 !important;
     }

     .mt-lg-0 {
       margin-top: 0 !important;
     }

     .pt-lg-0 {
       padding-top: 0 !important;
     }

     .mr-lg-0 {
       margin-right: 0 !important;
     }

     .pr-lg-0 {
       padding-right: 0 !important;
     }

     .mb-lg-0 {
       margin-bottom: 0 !important;
     }

     .pb-lg-0 {
       padding-bottom: 0 !important;
     }

     .ml-lg-0 {
       margin-left: 0 !important;
     }

     .pl-lg-0 {
       padding-left: 0 !important;
     }

     .m-lg-1 {
       margin: 0.25rem !important;
     }

     .p-lg-1 {
       padding: 0.25rem !important;
     }

     .mx-lg-1 {
       margin-left: 0.25rem !important;
       margin-right: 0.25rem !important;
     }

     .px-lg-1 {
       padding-left: 0.25rem !important;
       padding-right: 0.25rem !important;
     }

     .my-lg-1 {
       margin-top: 0.25rem !important;
       margin-bottom: 0.25rem !important;
     }

     .py-lg-1 {
       padding-top: 0.25rem !important;
       padding-bottom: 0.25rem !important;
     }

     .mt-lg-1 {
       margin-top: 0.25rem !important;
     }

     .pt-lg-1 {
       padding-top: 0.25rem !important;
     }

     .mr-lg-1 {
       margin-right: 0.25rem !important;
     }

     .pr-lg-1 {
       padding-right: 0.25rem !important;
     }

     .mb-lg-1 {
       margin-bottom: 0.25rem !important;
     }

     .pb-lg-1 {
       padding-bottom: 0.25rem !important;
     }

     .ml-lg-1 {
       margin-left: 0.25rem !important;
     }

     .pl-lg-1 {
       padding-left: 0.25rem !important;
     }

     .m-lg-2 {
       margin: 0.5rem !important;
     }

     .p-lg-2 {
       padding: 0.5rem !important;
     }

     .mx-lg-2 {
       margin-left: 0.5rem !important;
       margin-right: 0.5rem !important;
     }

     .px-lg-2 {
       padding-left: 0.5rem !important;
       padding-right: 0.5rem !important;
     }

     .my-lg-2 {
       margin-top: 0.5rem !important;
       margin-bottom: 0.5rem !important;
     }

     .py-lg-2 {
       padding-top: 0.5rem !important;
       padding-bottom: 0.5rem !important;
     }

     .mt-lg-2 {
       margin-top: 0.5rem !important;
     }

     .pt-lg-2 {
       padding-top: 0.5rem !important;
     }

     .mr-lg-2 {
       margin-right: 0.5rem !important;
     }

     .pr-lg-2 {
       padding-right: 0.5rem !important;
     }

     .mb-lg-2 {
       margin-bottom: 0.5rem !important;
     }

     .pb-lg-2 {
       padding-bottom: 0.5rem !important;
     }

     .ml-lg-2 {
       margin-left: 0.5rem !important;
     }

     .pl-lg-2 {
       padding-left: 0.5rem !important;
     }

     .m-lg-3 {
       margin: 1rem !important;
     }

     .p-lg-3 {
       padding: 1rem !important;
     }

     .mx-lg-3 {
       margin-left: 1rem !important;
       margin-right: 1rem !important;
     }

     .px-lg-3 {
       padding-left: 1rem !important;
       padding-right: 1rem !important;
     }

     .my-lg-3 {
       margin-top: 1rem !important;
       margin-bottom: 1rem !important;
     }

     .py-lg-3 {
       padding-top: 1rem !important;
       padding-bottom: 1rem !important;
     }

     .mt-lg-3 {
       margin-top: 1rem !important;
     }

     .pt-lg-3 {
       padding-top: 1rem !important;
     }

     .mr-lg-3 {
       margin-right: 1rem !important;
     }

     .pr-lg-3 {
       padding-right: 1rem !important;
     }

     .mb-lg-3 {
       margin-bottom: 1rem !important;
     }

     .pb-lg-3 {
       padding-bottom: 1rem !important;
     }

     .ml-lg-3 {
       margin-left: 1rem !important;
     }

     .pl-lg-3 {
       padding-left: 1rem !important;
     }

     .m-lg-4 {
       margin: 1.5rem !important;
     }

     .p-lg-4 {
       padding: 1.5rem !important;
     }

     .mx-lg-4 {
       margin-left: 1.5rem !important;
       margin-right: 1.5rem !important;
     }

     .px-lg-4 {
       padding-left: 1.5rem !important;
       padding-right: 1.5rem !important;
     }

     .my-lg-4 {
       margin-top: 1.5rem !important;
       margin-bottom: 1.5rem !important;
     }

     .py-lg-4 {
       padding-top: 1.5rem !important;
       padding-bottom: 1.5rem !important;
     }

     .mt-lg-4 {
       margin-top: 1.5rem !important;
     }

     .pt-lg-4 {
       padding-top: 1.5rem !important;
     }

     .mr-lg-4 {
       margin-right: 1.5rem !important;
     }

     .pr-lg-4 {
       padding-right: 1.5rem !important;
     }

     .mb-lg-4 {
       margin-bottom: 1.5rem !important;
     }

     .pb-lg-4 {
       padding-bottom: 1.5rem !important;
     }

     .ml-lg-4 {
       margin-left: 1.5rem !important;
     }

     .pl-lg-4 {
       padding-left: 1.5rem !important;
     }

     .m-lg-5 {
       margin: 3rem !important;
     }

     .p-lg-5 {
       padding: 3rem !important;
     }

     .mx-lg-5 {
       margin-left: 3rem !important;
       margin-right: 3rem !important;
     }

     .px-lg-5 {
       padding-left: 3rem !important;
       padding-right: 3rem !important;
     }

     .my-lg-5 {
       margin-top: 3rem !important;
       margin-bottom: 3rem !important;
     }

     .py-lg-5 {
       padding-top: 3rem !important;
       padding-bottom: 3rem !important;
     }

     .mt-lg-5 {
       margin-top: 3rem !important;
     }

     .pt-lg-5 {
       padding-top: 3rem !important;
     }

     .mr-lg-5 {
       margin-right: 3rem !important;
     }

     .pr-lg-5 {
       padding-right: 3rem !important;
     }

     .mb-lg-5 {
       margin-bottom: 3rem !important;
     }

     .pb-lg-5 {
       padding-bottom: 3rem !important;
     }

     .ml-lg-5 {
       margin-left: 3rem !important;
     }

     .pl-lg-5 {
       padding-left: 3rem !important;
     }
   }
   @media (min-width: 1216px) {
     .m-xl-0 {
       margin: 0 !important;
     }

     .p-xl-0 {
       padding: 0 !important;
     }

     .mx-xl-0 {
       margin-left: 0 !important;
       margin-right: 0 !important;
     }

     .px-xl-0 {
       padding-left: 0 !important;
       padding-right: 0 !important;
     }

     .my-xl-0 {
       margin-top: 0 !important;
       margin-bottom: 0 !important;
     }

     .py-xl-0 {
       padding-top: 0 !important;
       padding-bottom: 0 !important;
     }

     .mt-xl-0 {
       margin-top: 0 !important;
     }

     .pt-xl-0 {
       padding-top: 0 !important;
     }

     .mr-xl-0 {
       margin-right: 0 !important;
     }

     .pr-xl-0 {
       padding-right: 0 !important;
     }

     .mb-xl-0 {
       margin-bottom: 0 !important;
     }

     .pb-xl-0 {
       padding-bottom: 0 !important;
     }

     .ml-xl-0 {
       margin-left: 0 !important;
     }

     .pl-xl-0 {
       padding-left: 0 !important;
     }

     .m-xl-1 {
       margin: 0.25rem !important;
     }

     .p-xl-1 {
       padding: 0.25rem !important;
     }

     .mx-xl-1 {
       margin-left: 0.25rem !important;
       margin-right: 0.25rem !important;
     }

     .px-xl-1 {
       padding-left: 0.25rem !important;
       padding-right: 0.25rem !important;
     }

     .my-xl-1 {
       margin-top: 0.25rem !important;
       margin-bottom: 0.25rem !important;
     }

     .py-xl-1 {
       padding-top: 0.25rem !important;
       padding-bottom: 0.25rem !important;
     }

     .mt-xl-1 {
       margin-top: 0.25rem !important;
     }

     .pt-xl-1 {
       padding-top: 0.25rem !important;
     }

     .mr-xl-1 {
       margin-right: 0.25rem !important;
     }

     .pr-xl-1 {
       padding-right: 0.25rem !important;
     }

     .mb-xl-1 {
       margin-bottom: 0.25rem !important;
     }

     .pb-xl-1 {
       padding-bottom: 0.25rem !important;
     }

     .ml-xl-1 {
       margin-left: 0.25rem !important;
     }

     .pl-xl-1 {
       padding-left: 0.25rem !important;
     }

     .m-xl-2 {
       margin: 0.5rem !important;
     }

     .p-xl-2 {
       padding: 0.5rem !important;
     }

     .mx-xl-2 {
       margin-left: 0.5rem !important;
       margin-right: 0.5rem !important;
     }

     .px-xl-2 {
       padding-left: 0.5rem !important;
       padding-right: 0.5rem !important;
     }

     .my-xl-2 {
       margin-top: 0.5rem !important;
       margin-bottom: 0.5rem !important;
     }

     .py-xl-2 {
       padding-top: 0.5rem !important;
       padding-bottom: 0.5rem !important;
     }

     .mt-xl-2 {
       margin-top: 0.5rem !important;
     }

     .pt-xl-2 {
       padding-top: 0.5rem !important;
     }

     .mr-xl-2 {
       margin-right: 0.5rem !important;
     }

     .pr-xl-2 {
       padding-right: 0.5rem !important;
     }

     .mb-xl-2 {
       margin-bottom: 0.5rem !important;
     }

     .pb-xl-2 {
       padding-bottom: 0.5rem !important;
     }

     .ml-xl-2 {
       margin-left: 0.5rem !important;
     }

     .pl-xl-2 {
       padding-left: 0.5rem !important;
     }

     .m-xl-3 {
       margin: 1rem !important;
     }

     .p-xl-3 {
       padding: 1rem !important;
     }

     .mx-xl-3 {
       margin-left: 1rem !important;
       margin-right: 1rem !important;
     }

     .px-xl-3 {
       padding-left: 1rem !important;
       padding-right: 1rem !important;
     }

     .my-xl-3 {
       margin-top: 1rem !important;
       margin-bottom: 1rem !important;
     }

     .py-xl-3 {
       padding-top: 1rem !important;
       padding-bottom: 1rem !important;
     }

     .mt-xl-3 {
       margin-top: 1rem !important;
     }

     .pt-xl-3 {
       padding-top: 1rem !important;
     }

     .mr-xl-3 {
       margin-right: 1rem !important;
     }

     .pr-xl-3 {
       padding-right: 1rem !important;
     }

     .mb-xl-3 {
       margin-bottom: 1rem !important;
     }

     .pb-xl-3 {
       padding-bottom: 1rem !important;
     }

     .ml-xl-3 {
       margin-left: 1rem !important;
     }

     .pl-xl-3 {
       padding-left: 1rem !important;
     }

     .m-xl-4 {
       margin: 1.5rem !important;
     }

     .p-xl-4 {
       padding: 1.5rem !important;
     }

     .mx-xl-4 {
       margin-left: 1.5rem !important;
       margin-right: 1.5rem !important;
     }

     .px-xl-4 {
       padding-left: 1.5rem !important;
       padding-right: 1.5rem !important;
     }

     .my-xl-4 {
       margin-top: 1.5rem !important;
       margin-bottom: 1.5rem !important;
     }

     .py-xl-4 {
       padding-top: 1.5rem !important;
       padding-bottom: 1.5rem !important;
     }

     .mt-xl-4 {
       margin-top: 1.5rem !important;
     }

     .pt-xl-4 {
       padding-top: 1.5rem !important;
     }

     .mr-xl-4 {
       margin-right: 1.5rem !important;
     }

     .pr-xl-4 {
       padding-right: 1.5rem !important;
     }

     .mb-xl-4 {
       margin-bottom: 1.5rem !important;
     }

     .pb-xl-4 {
       padding-bottom: 1.5rem !important;
     }

     .ml-xl-4 {
       margin-left: 1.5rem !important;
     }

     .pl-xl-4 {
       padding-left: 1.5rem !important;
     }

     .m-xl-5 {
       margin: 3rem !important;
     }

     .p-xl-5 {
       padding: 3rem !important;
     }

     .mx-xl-5 {
       margin-left: 3rem !important;
       margin-right: 3rem !important;
     }

     .px-xl-5 {
       padding-left: 3rem !important;
       padding-right: 3rem !important;
     }

     .my-xl-5 {
       margin-top: 3rem !important;
       margin-bottom: 3rem !important;
     }

     .py-xl-5 {
       padding-top: 3rem !important;
       padding-bottom: 3rem !important;
     }

     .mt-xl-5 {
       margin-top: 3rem !important;
     }

     .pt-xl-5 {
       padding-top: 3rem !important;
     }

     .mr-xl-5 {
       margin-right: 3rem !important;
     }

     .pr-xl-5 {
       padding-right: 3rem !important;
     }

     .mb-xl-5 {
       margin-bottom: 3rem !important;
     }

     .pb-xl-5 {
       padding-bottom: 3rem !important;
     }

     .ml-xl-5 {
       margin-left: 3rem !important;
     }

     .pl-xl-5 {
       padding-left: 3rem !important;
     }
   }
   /*!
    * Slidebars - A jQuery Framework for Off-Canvas Menus and Sidebars
    * Version: 2.0.2
    * Url: http://www.adchsm.com/slidebars/
    * Author: Adam Charles Smith
    * Author url: http://www.adchsm.com/
    * License: MIT
    * License url: http://www.adchsm.com/slidebars/license/
    */
   /**
    * Box Model, Html & Body
    */
   html, body, [data-name=container], [data-off] {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }

   @media screen and (max-width: 768px) {
     html, body {
       overflow-x: hidden;
     }
   }

   /**
    * Canvas
    */
   [data-name] {
     z-index: 1;
   }

   [data-name=container] {
     width: 100%;
     height: 100%;
     position: relative;
     /*background-color: white; /* Basic background color, overwrite this in your own css. */
     -webkit-overflow-scrolling: touch;
     /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
   }
   @media screen and (max-width: 768px) {
     [data-name=container] {
       overflow-y: auto;
     }
   }

   [data-name=container]:before {
     clear: both;
     content: "";
     display: table;
   }

   [data-name=container]:after {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     content: "";
     background-color: rgba(0, 0, 0, 0.4);
     -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
     -o-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
     transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
     opacity: 0;
     visibility: hidden;
   }

   .js-close-any-slidebar:after {
     z-index: 1000;
     opacity: 1;
     visibility: visible;
   }

   [data-name=container] .close-sidebar{
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 9999;
      background-color: rgba(0, 0, 0, 0.4);
      -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      -o-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
      transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
   }
   @media screen and (max-width: 768px) {
     .js-close-any-slidebar {
       height: 100vh !important;
       overflow: hidden !important;
     }
   }

   /**
    * Off-Canavs
    */
   [data-off] {
     display: none;
     position: fixed;
     overflow: hidden;
     overflow-y: auto;
     background-color: black;
     /* Basic background color, overwrite this in your own css. */
     color: white;
     /* Basic colors, overwrite this in your own css. */
     -webkit-overflow-scrolling: touch;
     /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
   }



   [data-off*=top] {
     width: 100%;
     height: 255px;
     top: 0;
   }

   [data-off*=right] {
     width: 255px;
     height: 100%;
     top: 0;
     right: 0;
   }

   [data-off*=bottom] {
     width: 100%;
     height: 255px;
     bottom: 0;
   }

   [data-off*=left] {
     width: 255px;
     height: 100%;
     top: 0;
     left: 0;
   }

   [data-off*=reveal] {
     z-index: 0;
   }

   [data-off*=push] {
     z-index: 1;
   }

   [data-off*=overlay] {
     z-index: 9999;
   }

   [data-off*=shift] {
     z-index: 0;
   }

   /*------------------------
     icons
   -------------------------*/
   .icn-check-small::before {
     content: "\ea03";
   }

   .icn-small-down::before {
     content: "\ea04";
   }

   .icn-small-right::before {
     content: "\ea05";
   }

   .icn-circle-remove::before {
     content: "\ea06";
   }

   .icn-bold-add::before {
     content: "\ea07";
   }

   .icn-preferences::before {
     content: "\ea09";
   }

   .icn-pin::before {
     content: "\ea0a";
   }

   .icn-bold-delete::before {
     content: "\ea0b";
   }

   .icn-chat-round::before {
     content: "\ea0c";
   }

   .icn-check-circle::before {
     content: "\ea0d";
   }

   .icn-users::before {
     content: "\ea0e";
   }

   .icn-single::before {
     content: "\ea0f";
   }

   .icn-crosshair::before {
     content: "\ea10";
   }

   .icn-map-pin::before {
     content: "\ea11";
   }

   .icn-calendar-grid::before {
     content: "\ea12";
   }

   .icn-shape-star::before {
     content: "\ea13";
   }

   .icn-shop::before {
     content: "\ea14";
   }

   .icn-search::before {
     content: "\ea15";
   }

   .icn-category::before {
     content: "\ea16";
   }

   .icn-plane::before {
     content: "\ea17";
   }

   .icn-receipt-list::before {
     content: "\ea18";
   }

   .icn-small-remove::before {
     content: "\ea19";
   }

   .icn-small-delete::before {
     content: "\ea1a";
   }

   .icn-pen-outline::before {
     content: "\ea1e";
   }

   .icn-shape-oval::before {
     content: "\ea20";
   }

   .icn-alert-circle-i::before {
     content: "\ea22";
   }

   .icn-circle-remove-outline::before {
     content: "\ea23";
   }

   .icn-check-circle-outline::before {
     content: "\ea24";
   }

   .icn-shape-star-half::before {
     content: "\ea25";
   }

   .icn-position-marker::before {
     content: "\ea26";
   }

   .icn-bed::before {
     content: "\ea29";
   }

   .icn-bus::before {
     content: "\ea2a";
   }

   .icn-umbrella::before {
     content: "\ea2b";
   }

   .icn-bed-king::before {
     content: "\ea2c";
   }

   .icn-check-square::before {
     content: "\ea2e";
   }

   .icn-shape-rectangle::before {
     content: "\ea2f";
   }

   .icn-small-up::before {
     content: "\ea30";
   }

   .icn-small-left::before {
     content: "\ea31";
   }

   .icn-stopwatch::before {
     content: "\ea35";
   }

   .icn-share::before {
     content: "\ea3a";
   }

   .icn-filter::before {
     content: "\ea3b";
   }

   .icn-sort::before {
     content: "\ea3c";
   }

   .icn-grid::before {
     content: "\ea40";
   }

   .icn-shopping-cart::before {
     content: "\ea41";
   }

   .icn-list::before {
     content: "\ea42";
   }

   .icn-clock::before {
     content: "\ea43";
   }

   .icn-launch::before {
     content: "\ea45";
   }

   .icn-cycling-track::before {
     content: "\ea46";
   }

   .icn-shape-square::before {
     content: "\ea47";
   }

   .icn-pin-outline::before {
     content: "\ea48";
   }

   .icn-chat-fill::before {
     content: "\ea49";
   }

   .icn-trash::before {
     content: "\ea4a";
   }

   .icn-flash::before {
     content: "\ea4b";
   }

   .icn-circle-delete::before {
     content: "\ea4c";
   }

   .icn-strong-up::before {
     content: "\ea4d";
   }

   .icn-credit-card::before {
     content: "\ea4e";
   }

   .icn-up-down::before {
     content: "\ea4f";
   }

   .icn-bold-negative::before {
     content: "\ea50";
   }

   .icn-bold-positive::before {
     content: "\ea51";
   }

   .icn-negative::before {
     content: "\ea52";
   }

   .icn-positive::before {
     content: "\ea53";
   }

   .icn-bold-neutral::before {
     content: "\ea54";
   }

   .icn-neutral::before {
     content: "\ea55";
   }

   .icn-move::before {
     content: "\ea56";
   }

   .icn-upload::before {
     content: "\ea58";
   }

   .icn-download::before {
     content: "\ea59";
   }

   .icn-bold-coupon::before {
     content: "\ea5a";
   }

   .icn-speaker::before {
     content: "\ea5b";
   }

   .icn-calendar-done::before {
     content: "\ea5c";
   }

   .icn-currency-dollar::before {
     content: "\ea5d";
   }

   .icn-bold-question::before {
     content: "\ea5e";
   }

   .icn-bold-info::before {
     content: "\ea5f";
   }

   .icn-home::before {
     content: "\ea60";
   }

   .icn-tail-right::before {
     content: "\ea61";
   }

   .icn-tail-left::before {
     content: "\ea62";
   }

   .icn-tail-down::before {
     content: "\ea63";
   }

   .icn-tail-up::before {
     content: "\ea64";
   }

   .icn-warning::before {
     content: "\ea65";
   }

   .icn-map::before {
     content: "\ea66";
   }

   .icn-multiple::before {
     content: "\ea67";
   }

   .icn-coupon::before {
     content: "\ea68";
   }

   .icn-pen-underline::before {
     content: "\ea69";
   }

   .icn-coins::before {
     content: "\ea6a";
   }

   .icn-bold-cash::before {
     content: "\ea6b";
   }

   .icn-cash::before {
     content: "\ea6c";
   }

   .icn-add::before {
     content: "\ea6d";
   }

   .icn-delivery::before {
     content: "\ea6e";
   }

   .icn-favorite-heart::before {
     content: "\ea6f";
   }

   .icn-contact::before {
     content: "\ea70";
   }

   .icn-cart-cancel::before {
     content: "\ea71";
   }

   .icn-fail::before {
     content: "\ea72";
   }

   .icn-bold-filter::before {
     content: "\ea73";
   }

   .icn-hamburger::before {
     content: "\ea74";
   }

   .icn-broadcast::before {
     content: "\ea75";
   }

   .icn-tools::before {
     content: "\ea76";
   }

   .icn-chart::before {
     content: "\ea77";
   }

   .icn-bold-shopping-cart::before {
     content: "\ea78";
   }

   .icn-bold-bag-remove::before {
     content: "\ea79";
   }

   .icn-bold-delivery::before {
     content: "\ea7a";
   }

   .icn-bold-box::before {
     content: "\ea7b";
   }

   .icn-bold-phone::before {
     content: "\ea7c";
   }

   .icn-preview::before {
     content: "\ea7d";
   }

   .icn-trash-simple::before {
     content: "\ea7e";
   }

   .icn-send::before {
     content: "\ea7f";
   }

   .icn-notification::before {
     content: "\ea80";
   }

   .icn-marker::before {
     content: "\ea81";
   }

   .icn-tag::before {
     content: "\ea82";
   }

   .icn-video::before {
     content: "\ea83";
   }

   .icn-player::before {
     content: "\ea84";
   }

   .icn-image::before {
     content: "\ea85";
   }

   .icn-bold-play::before {
     content: "\ea86";
   }

   .icn-bold-pause::before {
     content: "\ea87";
   }

   .icn-phone::before {
     content: "\ea88";
   }

   .icn-bold-nutrition::before {
     content: "\ea89";
   }

   .icn-url::before {
     content: "\ea8a";
   }

   .icn-bold-single::before {
     content: "\ea8b";
   }

   .icn-grid-interface::before {
     content: "\ea8c";
   }

   .icn-blog::before {
     content: "\ea8d";
   }

   .icn-bold-blog::before {
     content: "\ea8e";
   }

   .icn-playerline::before {
     content: "\ea8f";
   }

   .icn-bold-player::before {
     content: "\ea90";
   }

   .icn-bold-shop::before {
     content: "\ea96";
   }

   .icn-bold-remove::before {
     content: "\ea9a";
   }

   .icn-bold-headset::before {
     content: "\ea9b";
   }

   .icn-bold-category::before {
     content: "\ea9c";
   }

   .icn-bold-favorite::before {
     content: "\ea9d";
   }

   .icn-bold-group::before {
     content: "\ea9e";
   }

   .icn-bold-basket::before {
     content: "\ea9f";
   }

   .icn-bold-share::before {
     content: "\eaa0";
   }

   .icn-bold-squareshare::before {
     content: "\eaa1";
   }

   .icn-bold-verified::before {
     content: "\eaa3";
   }

   .icn-camera::before {
     content: "\eaa4";
   }

   .icn-bold-img::before {
     content: "\eaa5";
   }

   .icn-bold-image-library::before {
     content: "\eaa6";
   }

   .icn-bold-loudspeaker::before {
     content: "\eaa7";
   }

   .icn-bold-homesearch::before {
     content: "\eaa9";
   }

   .icn-bold-refresh::before {
     content: "\eaaa";
   }

   .icn-facebook::before {
     content: "\eaab";
   }

   .icn-zalo::before {
     content: "\eaae";
   }

   .icn-shipper::before {
     content: "\eaaf";
   }

   .icn-home-search::before {
     content: "\eab0";
   }

   .icn-bold-pen::before {
     content: "\eab1";
   }

   .icn-bold-bag::before {
     content: "\eab2";
   }

   .icn-bold-review::before {
     content: "\eab3";
   }

   .icn-check-list::before {
     content: "\eab4";
   }

   .icn-bold-mail::before {
     content: "\eab5";
   }

   .icn-mail::before {
     content: "\eab6";
   }

   .icn-bold-selectbox::before {
     content: "\eab8";
   }

   .icn-bold-receipt-list::before {
     content: "\eab9";
   }

   .icn-energy::before {
     content: "\eaba";
   }

   .icn-bold-calendar::before {
     content: "\eabb";
   }

   .icn-bold-bakery::before {
     content: "\eabc";
   }

   .icn-fullscreen::before {
     content: "\eabd";
   }

   .icn-zoom-in::before {
     content: "\eabe";
   }

   .icn-zoom-out::before {
     content: "\eabf";
   }

   .icn-bold-sort::before {
     content: "\eac0";
   }

   .icn-bold-file::before {
     content: "\eac1";
   }

   .icn-bold-bell::before {
     content: "\eac2";
   }

   .icn-love-card::before {
     content: "\eac3";
   }

   .icn-swap::before {
     content: "\eac4";
   }

   .icn-map-pin-2::before {
     content: "\eac5";
   }

   .icn-bold-backpack::before {
     content: "\eac6";
   }

   .icn-bold-discount::before {
     content: "\eac7";
   }

   .icn-bold-crown::before {
     content: "\eac8";
   }

   .icn-bold-gps::before {
     content: "\eac9";
   }

   .icn-bold-distance::before {
     content: "\eaca";
   }

   .icn-bold-departures::before {
     content: "\eacb";
   }

   .icn-bold-bus::before {
     content: "\eacc";
   }

   .icn-bold-train::before {
     content: "\eacd";
   }

   .icn-bold-clock::before {
     content: "\eace";
   }

   .icn-screen-touch::before {
     content: "\eacf";
   }

   .icn-bold-moon::before {
     content: "\ead0";
   }

   .icn-bold-oval::before {
     content: "\ead1";
   }

   .icn-bold-ship::before {
     content: "\ead2";
   }

   .icn-bold-qr::before {
     content: "\ead3";
   }

   .icn-bold-bulb::before {
     content: "\ead4";
   }

   .icn-bold-tag::before {
     content: "\ead5";
   }

   .icn-bold-present::before {
     content: "\ead6";
   }

   .icn-bold-bowl::before {
     content: "\ead7";
   }

   .icn-bold-tags-stack::before {
     content: "\ead8";
   }

   .icn-mobile::before {
     content: "\eada";
   }

   .icn-pc-monitor::before {
     content: "\eadb";
   }

   .icn-bold-campaign::before {
     content: "\eadc";
   }

   .icn-campaign::before {
     content: "\eadd";
   }

   .icn-lock::before {
     content: "\eade";
   }

   .icn-unlocked::before {
     content: "\eadf";
   }

   .icn-bold-taxi::before {
     content: "\eae0";
   }

   .icn-man-glasses::before {
     content: "\eae1";
   }

   .icn-bold-vespa::before {
     content: "\eae3";
   }

   .icn-bold-car::before {
     content: "\eae4";
   }

   .icn-vespa::before {
     content: "\eae5";
   }

   .icn-car::before {
     content: "\eae6";
   }

   .icn-bold-pointing-right::before {
     content: "\eae7";
   }

   .icn-bold-pointing-left::before {
     content: "\eae8";
   }

   .icn-right-arrow::before {
     content: "\eae9";
   }

   .icn-left-arrow::before {
     content: "\eaea";
   }

   .icn-share-za::before {
     content: "\eaeb";
   }

   .icn-bold-share-za::before {
     content: "\eaec";
   }

   .icn-youtube::before {
     content: "\eaed";
   }

   .icn-instagram::before {
     content: "\eaee";
   }

   .icn-trend-up::before {
     content: "\eaef";
   }

   .icn-trophy::before {
     content: "\eaf0";
   }

   .icn-book::before {
     content: "\eaf1";
   }

   .icn-image-add::before {
     content: "\eaf2";
   }

   .icn-bold-circle-add::before {
     content: "\eaf3";
   }

   .icn-cheque::before {
     content: "\eaf4";
   }

   .icn-clock-2::before {
     content: "\eaf5";
   }

   .icn-a-share::before {
     content: "\eaf6";
   }

   .icn-circle-out::before {
     content: "\eaf7";
   }

   .icn-circle-in::before {
     content: "\eaf8";
   }

   .icn-speaker-2::before {
     content: "\eaf9";
   }

   .icn-tag-check::before {
     content: "\eafa";
   }

   .icn-bold-account::before {
     content: "\eafb";
   }

   .icn-add-circle::before {
     content: "\eafc";
   }

   .icn-account::before {
     content: "\eafd";
   }

   .icn-bold-like::before {
     content: "\eafe";
   }

   .icn-like::before {
     content: "\eaff";
   }

   .sidebar{
     display: none;
   }
   @-webkit-keyframes spinAround {
     from {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
     }

     to {
       -webkit-transform: rotate(359deg);
       transform: rotate(359deg);
     }
   }

   @keyframes spinAround {
     from {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
     }

     to {
       -webkit-transform: rotate(359deg);
       transform: rotate(359deg);
     }
   }

   .tabs,
   .button,
   .file,
   .is-unselectable,
   .modal-close {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
   }

   .navbar-link:not(.is-arrowless)::after,
   .select:not(.is-multiple):not(.is-loading)::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%;
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
     -webkit-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center;
     width: 0.625em;
   }

   .tabs:not(:last-child),
   .title:not(:last-child),
   .subtitle:not(:last-child) {
     margin-bottom: 1.5rem;
   }

   .modal-close {
     -moz-appearance: none;
     -webkit-appearance: none;
     background-color: rgba(0, 0, 0, 0.2);
     border: none;
     border-radius: 290486px;
     cursor: pointer;
     pointer-events: auto;
     display: inline-block;
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     flex-grow: 0;
     -ms-flex-negative: 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;
   }

   .modal-close::before,
   .modal-close::after {
     background-color: hsl(0deg, 0%, 100%);
     content: "";
     display: block;
     left: 50%;
     position: absolute;
     top: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
     -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
     transform: translateX(-50%) translateY(-50%) rotate(45deg);
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     transform-origin: center center;
   }

   .modal-close::before {
     height: 2px;
     width: 50%;
   }

   .modal-close::after {
     height: 50%;
     width: 2px;
   }

   .modal-close:hover,
   .modal-close:focus {
     background-color: rgba(0, 0, 0, 0.3);
   }

   .modal-close:active {
     background-color: rgba(0, 0, 0, 0.4);
   }

   .is-small.modal-close {
     height: 16px;
     max-height: 16px;
     max-width: 16px;
     min-height: 16px;
     min-width: 16px;
     width: 16px;
   }

   .is-medium.modal-close {
     height: 24px;
     max-height: 24px;
     max-width: 24px;
     min-height: 24px;
     min-width: 24px;
     width: 24px;
   }

   .is-large.modal-close {
     height: 32px;
     max-height: 32px;
     max-width: 32px;
     min-height: 32px;
     min-width: 32px;
     width: 32px;
   }

   .button.is-loading::after,
   .control.is-loading::after,
   .select.is-loading::after {
     -webkit-animation: spinAround 500ms infinite linear;
     animation: spinAround 500ms infinite linear;
     border: 2px solid hsl(220deg, 16%, 98%);
     border-radius: 290486px;
     border-right-color: transparent;
     border-top-color: transparent;
     content: "";
     display: block;
     height: 1em;
     position: relative;
     width: 1em;
   }

   .modal-background,
   .modal,
   .is-overlay {
     bottom: 0;
     left: 0;
     position: absolute;
     right: 0;
     top: 0;
   }


   .file-cta,
   .file-name,
   .select select,
   .textarea,
   .input {
     -moz-appearance: none;
     -webkit-appearance: none;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border: 1px solid transparent;
     border-radius: 5px;
     -webkit-box-shadow: none;
     box-shadow: none;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     font-size: 0.875rem;
     height: 2.75em;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     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,
   .file-cta:focus,
   .file-name:focus,
   .select select:focus,
   .textarea:focus,
   .input:focus,
   .is-focused.button,
   .is-focused.file-cta,
   .is-focused.file-name,
   .select select.is-focused,
   .is-focused.textarea,
   .is-focused.input,
   .button:active,
   .file-cta:active,
   .file-name:active,
   .select select:active,
   .textarea:active,
   .input:active,
   .is-active.button,
   .is-active.file-cta,
   .is-active.file-name,
   .select select.is-active,
   .is-active.textarea,
   .is-active.input {
     outline: none;
   }

   [disabled].button,
   [disabled].file-cta,
   [disabled].file-name,
   .select select[disabled],
   [disabled].textarea,
   [disabled].input,
   fieldset[disabled] .button,
   fieldset[disabled] .file-cta,
   fieldset[disabled] .file-name,
   fieldset[disabled] .select select,
   .select fieldset[disabled] select,
   fieldset[disabled] .textarea,
   fieldset[disabled] .input {
     cursor: not-allowed;
   }

   /*! 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 {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }

   *,
   *::before,
   *::after {
     -webkit-box-sizing: inherit;
     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: left;
   }

   html {
     background-color: hsl(0deg, 0%, 100%);
     font-size: 16px;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     min-width: 300px;
     overflow-x: hidden;
     overflow-y: scroll;
     text-rendering: optimizeLegibility;
     -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
     -ms-text-size-adjust: 100%;
     text-size-adjust: 100%;
   }

   article,
   aside,
   figure,
   footer,
   header,
   hgroup,
   section {
     display: block;
   }

   body,
   button,
   input,
   select,
   textarea {
     font-family: "Mulish", sans-serif;
   }

   code,
   pre {
     -moz-osx-font-smoothing: auto;
     -webkit-font-smoothing: auto;
     font-family: monospace;
   }

   body {
     color: hsl(0deg, 0%, 8%);
     font-size: 1em;
     font-weight: 400;
     line-height: 1.5;
   }

   a {
     color: #0068FF;
     cursor: pointer;
     text-decoration: none;
   }

   a strong {
     color: currentColor;
   }

   a:hover {
     color: hsl(220deg, 43%, 10%);
   }

   code {
     background-color: hsl(0deg, 0%, 96%);
     color: hsl(352deg, 70%, 48%);
     font-size: 0.875em;
     font-weight: normal;
     padding: 0.25em 0.5em 0.25em;
   }

   hr {
     background-color: hsl(0deg, 0%, 96%);
     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: hsl(0deg, 0%, 0%);
     font-weight: 700;
   }

   fieldset {
     border: none;
   }

   pre {
     -webkit-overflow-scrolling: touch;
     background-color: hsl(0deg, 0%, 96%);
     color: hsl(0deg, 0%, 8%);
     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: left;
   }

   table th {
     color: hsl(0deg, 0%, 0%);
   }

   .is-clearfix::after {
     clear: both;
     content: " ";
     display: table;
   }

   .is-pulled-left {
     float: left !important;
   }

   .is-pulled-right {
     float: right !important;
   }

   .is-clipped {
     overflow: hidden !important;
   }

   .is-size-1 {
     font-size: 3rem !important;
   }

   .is-size-2 {
     font-size: 2.25rem !important;
   }

   .is-size-3 {
     font-size: 1.5rem !important;
   }

   .is-size-4 {
     font-size: 1.125rem !important;
   }

   .is-size-5 {
     font-size: 1rem !important;
   }

   .is-size-6 {
     font-size: 0.875rem !important;
   }

   .is-size-7 {
     font-size: 0.813rem !important;
   }

   @media screen and (max-width: 768px) {
     .is-size-1-mobile {
       font-size: 3rem !important;
     }

     .is-size-2-mobile {
       font-size: 2.25rem !important;
     }

     .is-size-3-mobile {
       font-size: 1.5rem !important;
     }

     .is-size-4-mobile {
       font-size: 1.125rem !important;
     }

     .is-size-5-mobile {
       font-size: 1rem !important;
     }

     .is-size-6-mobile {
       font-size: 0.875rem !important;
     }

     .is-size-7-mobile {
       font-size: 0.813rem !important;
     }
   }

   @media screen and (min-width: 769px),
   print {
     .is-size-1-tablet {
       font-size: 3rem !important;
     }

     .is-size-2-tablet {
       font-size: 2.25rem !important;
     }

     .is-size-3-tablet {
       font-size: 1.5rem !important;
     }

     .is-size-4-tablet {
       font-size: 1.125rem !important;
     }

     .is-size-5-tablet {
       font-size: 1rem !important;
     }

     .is-size-6-tablet {
       font-size: 0.875rem !important;
     }

     .is-size-7-tablet {
       font-size: 0.813rem !important;
     }
   }

   @media screen and (max-width: 1023px) {
     .is-size-1-touch {
       font-size: 3rem !important;
     }

     .is-size-2-touch {
       font-size: 2.25rem !important;
     }

     .is-size-3-touch {
       font-size: 1.5rem !important;
     }

     .is-size-4-touch {
       font-size: 1.125rem !important;
     }

     .is-size-5-touch {
       font-size: 1rem !important;
     }

     .is-size-6-touch {
       font-size: 0.875rem !important;
     }

     .is-size-7-touch {
       font-size: 0.813rem !important;
     }
   }

   @media screen and (min-width: 1024px) {
     .is-size-1-desktop {
       font-size: 3rem !important;
     }

     .is-size-2-desktop {
       font-size: 2.25rem !important;
     }

     .is-size-3-desktop {
       font-size: 1.5rem !important;
     }

     .is-size-4-desktop {
       font-size: 1.125rem !important;
     }

     .is-size-5-desktop {
       font-size: 1rem !important;
     }

     .is-size-6-desktop {
       font-size: 0.875rem !important;
     }

     .is-size-7-desktop {
       font-size: 0.813rem !important;
     }
   }

   @media screen and (min-width: 1216px) {
     .is-size-1-widescreen {
       font-size: 3rem !important;
     }

     .is-size-2-widescreen {
       font-size: 2.25rem !important;
     }

     .is-size-3-widescreen {
       font-size: 1.5rem !important;
     }

     .is-size-4-widescreen {
       font-size: 1.125rem !important;
     }

     .is-size-5-widescreen {
       font-size: 1rem !important;
     }

     .is-size-6-widescreen {
       font-size: 0.875rem !important;
     }

     .is-size-7-widescreen {
       font-size: 0.813rem !important;
     }
   }

   @media screen and (min-width: 1408px) {
     .is-size-1-fullhd {
       font-size: 3rem !important;
     }

     .is-size-2-fullhd {
       font-size: 2.25rem !important;
     }

     .is-size-3-fullhd {
       font-size: 1.5rem !important;
     }

     .is-size-4-fullhd {
       font-size: 1.125rem !important;
     }

     .is-size-5-fullhd {
       font-size: 1rem !important;
     }

     .is-size-6-fullhd {
       font-size: 0.875rem !important;
     }

     .is-size-7-fullhd {
       font-size: 0.813rem !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;
   }

   .has-text-white {
     color: hsl(0deg, 0%, 100%) !important;
   }

   a.has-text-white:hover,
   a.has-text-white:focus {
     color: #e6e6e6 !important;
   }

   .has-background-white {
     background-color: hsl(0deg, 0%, 100%) !important;
   }

   .has-text-black {
     color: hsl(0deg, 0%, 0%) !important;
   }

   a.has-text-black:hover,
   a.has-text-black:focus {
     color: black !important;
   }

   .has-background-black {
     background-color: hsl(0deg, 0%, 0%) !important;
   }

   .has-text-light {
     color: hsl(0deg, 0%, 96%) !important;
   }

   a.has-text-light:hover,
   a.has-text-light:focus {
     color: #dbdbdb !important;
   }

   .has-background-light {
     background-color: hsl(0deg, 0%, 96%) !important;
   }

   .has-text-dark {
     color: hsl(220deg, 43%, 10%) !important;
   }

   a.has-text-dark:hover,
   a.has-text-dark:focus {
     color: black !important;
   }

   .has-background-dark {
     background-color: hsl(220deg, 43%, 10%) !important;
   }

   .has-text-primary {
     color: #1745CF !important;
   }

   a.has-text-primary:hover,
   a.has-text-primary:focus {
     color: #1236a1 !important;
   }

   .has-background-primary {
     background-color: #1745CF !important;
   }

   .has-text-link {
     color: hsl(216deg, 92%, 34%) !important;
   }

   a.has-text-link:hover,
   a.has-text-link:focus {
     color: #053276 !important;
   }

   .has-background-link {
     background-color: hsl(216deg, 92%, 34%) !important;
   }

   .has-text-info {
     color: hsl(216deg, 92%, 34%) !important;
   }

   a.has-text-info:hover,
   a.has-text-info:focus {
     color: #053276 !important;
   }

   .has-background-info {
     background-color: hsl(216deg, 92%, 34%) !important;
   }

   .has-text-success {
     color: hsl(160deg, 100%, 25%) !important;
   }

   a.has-text-success:hover,
   a.has-text-success:focus {
     color: #004d33 !important;
   }

   .has-background-success {
     background-color: hsl(160deg, 100%, 25%) !important;
   }

   .has-text-warning {
     color: hsl(39deg, 100%, 50%) !important;
   }

   a.has-text-warning:hover,
   a.has-text-warning:focus {
     color: #cc8500 !important;
   }

   .has-background-warning {
     background-color: hsl(39deg, 100%, 50%) !important;
   }

   .has-text-danger {
     color: hsl(352deg, 70%, 48%) !important;
   }

   a.has-text-danger:hover,
   a.has-text-danger:focus {
     color: #a51d2f !important;
   }

   .has-background-danger {
     background-color: hsl(352deg, 70%, 48%) !important;
   }

   .has-text-black-bis {
     color: hsl(0deg, 0%, 8%) !important;
   }

   .has-background-black-bis {
     background-color: hsl(0deg, 0%, 8%) !important;
   }

   .has-text-black-ter {
     color: hsl(0deg, 0%, 14%) !important;
   }

   .has-background-black-ter {
     background-color: hsl(0deg, 0%, 14%) !important;
   }

   .has-text-grey-darker {
     color: hsl(220deg, 43%, 10%) !important;
   }

   .has-background-grey-darker {
     background-color: hsl(220deg, 43%, 10%) !important;
   }

   .has-text-grey-dark {
     color: hsl(0deg, 0%, 80%) !important;
   }

   .has-background-grey-dark {
     background-color: hsl(0deg, 0%, 80%) !important;
   }

   .has-text-grey {
     color: #686E76 !important;
   }

   .has-background-grey {
     background-color: #686E76 !important;
   }

   .has-text-grey-light {
     color: hsl(220deg, 16%, 96%) !important;
   }

   .has-background-grey-light {
     background-color: hsl(220deg, 16%, 96%) !important;
   }

   .has-text-grey-lighter {
     color: hsl(220deg, 16%, 98%) !important;
   }

   .has-background-grey-lighter {
     background-color: hsl(220deg, 16%, 98%) !important;
   }

   .has-text-white-ter {
     color: hsl(0deg, 0%, 96%) !important;
   }

   .has-background-white-ter {
     background-color: hsl(0deg, 0%, 96%) !important;
   }

   .has-text-white-bis {
     color: hsl(0deg, 0%, 98%) !important;
   }

   .has-background-white-bis {
     background-color: hsl(0deg, 0%, 98%) !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: "Mulish", sans-serif !important;
   }

   .is-family-secondary {
     font-family: "Mulish", sans-serif !important;
   }

   .is-family-sans-serif {
     font-family: "Mulish", 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: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
   }

   @media screen and (max-width: 768px) {
     .is-flex-mobile {
       display: -webkit-box !important;
       display: -ms-flexbox !important;
       display: flex !important;
     }
   }

   @media screen and (min-width: 769px),
   print {
     .is-flex-tablet {
       display: -webkit-box !important;
       display: -ms-flexbox !important;
       display: flex !important;
     }
   }

   @media screen and (min-width: 769px) and (max-width: 1023px) {
     .is-flex-tablet-only {
       display: -webkit-box !important;
       display: -ms-flexbox !important;
       display: flex !important;
     }
   }

   @media screen and (max-width: 1023px) {
     .is-flex-touch {
       display: -webkit-box !important;
       display: -ms-flexbox !important;
       display: flex !important;
     }
   }

   @media screen and (min-width: 1024px) {
     .is-flex-desktop {
       display: -webkit-box !important;
       display: -ms-flexbox !important;
       display: flex !important;
     }
   }

   @media screen and (min-width: 1024px) and (max-width: 1215px) {
     .is-flex-desktop-only {
       display: -webkit-box !important;
       display: -ms-flexbox !important;
       display: flex !important;
     }
   }

   @media screen and (min-width: 1216px) {
     .is-flex-widescreen {
       display: -webkit-box !important;
       display: -ms-flexbox !important;
       display: flex !important;
     }
   }

   @media screen and (min-width: 1216px) and (max-width: 1407px) {
     .is-flex-widescreen-only {
       display: -webkit-box !important;
       display: -ms-flexbox !important;
       display: flex !important;
     }
   }

   @media screen and (min-width: 1408px) {
     .is-flex-fullhd {
       display: -webkit-box !important;
       display: -ms-flexbox !important;
       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: -webkit-inline-box !important;
     display: -ms-inline-flexbox !important;
     display: inline-flex !important;
   }

   @media screen and (max-width: 768px) {
     .is-inline-flex-mobile {
       display: -webkit-inline-box !important;
       display: -ms-inline-flexbox !important;
       display: inline-flex !important;
     }
   }

   @media screen and (min-width: 769px),
   print {
     .is-inline-flex-tablet {
       display: -webkit-inline-box !important;
       display: -ms-inline-flexbox !important;
       display: inline-flex !important;
     }
   }

   @media screen and (min-width: 769px) and (max-width: 1023px) {
     .is-inline-flex-tablet-only {
       display: -webkit-inline-box !important;
       display: -ms-inline-flexbox !important;
       display: inline-flex !important;
     }
   }

   @media screen and (max-width: 1023px) {
     .is-inline-flex-touch {
       display: -webkit-inline-box !important;
       display: -ms-inline-flexbox !important;
       display: inline-flex !important;
     }
   }

   @media screen and (min-width: 1024px) {
     .is-inline-flex-desktop {
       display: -webkit-inline-box !important;
       display: -ms-inline-flexbox !important;
       display: inline-flex !important;
     }
   }

   @media screen and (min-width: 1024px) and (max-width: 1215px) {
     .is-inline-flex-desktop-only {
       display: -webkit-inline-box !important;
       display: -ms-inline-flexbox !important;
       display: inline-flex !important;
     }
   }

   @media screen and (min-width: 1216px) {
     .is-inline-flex-widescreen {
       display: -webkit-inline-box !important;
       display: -ms-inline-flexbox !important;
       display: inline-flex !important;
     }
   }

   @media screen and (min-width: 1216px) and (max-width: 1407px) {
     .is-inline-flex-widescreen-only {
       display: -webkit-inline-box !important;
       display: -ms-inline-flexbox !important;
       display: inline-flex !important;
     }
   }

   @media screen and (min-width: 1408px) {
     .is-inline-flex-fullhd {
       display: -webkit-inline-box !important;
       display: -ms-inline-flexbox !important;
       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;
     }
   }

   .is-marginless {
     margin: 0 !important;
   }

   .is-paddingless {
     padding: 0 !important;
   }

   .is-radiusless {
     border-radius: 0 !important;
   }

   .is-shadowless {
     -webkit-box-shadow: none !important;
     box-shadow: none !important;
   }

   .is-relative {
     position: relative !important;
   }

   .column {
     display: block;
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 1;
     flex-shrink: 1;
     padding: 0.75rem;
   }

   .columns.is-mobile>.column.is-narrow {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
   }

   .columns.is-mobile>.column.is-full {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 100%;
   }

   .columns.is-mobile>.column.is-three-quarters {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 75%;
   }

   .columns.is-mobile>.column.is-two-thirds {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 66.6666%;
   }

   .columns.is-mobile>.column.is-half {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 50%;
   }

   .columns.is-mobile>.column.is-one-third {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 33.3333%;
   }

   .columns.is-mobile>.column.is-one-quarter {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 25%;
   }

   .columns.is-mobile>.column.is-one-fifth {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 20%;
   }

   .columns.is-mobile>.column.is-two-fifths {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 40%;
   }

   .columns.is-mobile>.column.is-three-fifths {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 60%;
   }

   .columns.is-mobile>.column.is-four-fifths {
     -webkit-box-flex: 0;
     -ms-flex: none;
     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 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 0%;
   }

   .columns.is-mobile>.column.is-offset-0 {
     margin-left: 0%;
   }

   .columns.is-mobile>.column.is-1 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 8.3333333333%;
   }

   .columns.is-mobile>.column.is-offset-1 {
     margin-left: 8.3333333333%;
   }

   .columns.is-mobile>.column.is-2 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 16.6666666667%;
   }

   .columns.is-mobile>.column.is-offset-2 {
     margin-left: 16.6666666667%;
   }

   .columns.is-mobile>.column.is-3 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 25%;
   }

   .columns.is-mobile>.column.is-offset-3 {
     margin-left: 25%;
   }

   .columns.is-mobile>.column.is-4 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 33.3333333333%;
   }

   .columns.is-mobile>.column.is-offset-4 {
     margin-left: 33.3333333333%;
   }

   .columns.is-mobile>.column.is-5 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 41.6666666667%;
   }

   .columns.is-mobile>.column.is-offset-5 {
     margin-left: 41.6666666667%;
   }

   .columns.is-mobile>.column.is-6 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 50%;
   }

   .columns.is-mobile>.column.is-offset-6 {
     margin-left: 50%;
   }

   .columns.is-mobile>.column.is-7 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 58.3333333333%;
   }

   .columns.is-mobile>.column.is-offset-7 {
     margin-left: 58.3333333333%;
   }

   .columns.is-mobile>.column.is-8 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 66.6666666667%;
   }

   .columns.is-mobile>.column.is-offset-8 {
     margin-left: 66.6666666667%;
   }

   .columns.is-mobile>.column.is-9 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 75%;
   }

   .columns.is-mobile>.column.is-offset-9 {
     margin-left: 75%;
   }

   .columns.is-mobile>.column.is-10 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 83.3333333333%;
   }

   .columns.is-mobile>.column.is-offset-10 {
     margin-left: 83.3333333333%;
   }

   .columns.is-mobile>.column.is-11 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 91.6666666667%;
   }

   .columns.is-mobile>.column.is-offset-11 {
     margin-left: 91.6666666667%;
   }

   .columns.is-mobile>.column.is-12 {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     width: 100%;
   }

   .columns.is-mobile>.column.is-offset-12 {
     margin-left: 100%;
   }

   @media screen and (max-width: 768px) {
     .column.is-narrow-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
     }

     .column.is-full-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 100%;
     }

     .column.is-three-quarters-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 75%;
     }

     .column.is-two-thirds-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 66.6666%;
     }

     .column.is-half-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 50%;
     }

     .column.is-one-third-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 33.3333%;
     }

     .column.is-one-quarter-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 25%;
     }

     .column.is-one-fifth-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 20%;
     }

     .column.is-two-fifths-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 40%;
     }

     .column.is-three-fifths-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 60%;
     }

     .column.is-four-fifths-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       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 {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 0%;
     }

     .column.is-offset-0-mobile {
       margin-left: 0%;
     }

     .column.is-1-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 8.3333333333%;
     }

     .column.is-offset-1-mobile {
       margin-left: 8.3333333333%;
     }

     .column.is-2-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 16.6666666667%;
     }

     .column.is-offset-2-mobile {
       margin-left: 16.6666666667%;
     }

     .column.is-3-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 25%;
     }

     .column.is-offset-3-mobile {
       margin-left: 25%;
     }

     .column.is-4-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 33.3333333333%;
     }

     .column.is-offset-4-mobile {
       margin-left: 33.3333333333%;
     }

     .column.is-5-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 41.6666666667%;
     }

     .column.is-offset-5-mobile {
       margin-left: 41.6666666667%;
     }

     .column.is-6-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 50%;
     }

     .column.is-offset-6-mobile {
       margin-left: 50%;
     }

     .column.is-7-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 58.3333333333%;
     }

     .column.is-offset-7-mobile {
       margin-left: 58.3333333333%;
     }

     .column.is-8-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 66.6666666667%;
     }

     .column.is-offset-8-mobile {
       margin-left: 66.6666666667%;
     }

     .column.is-9-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 75%;
     }

     .column.is-offset-9-mobile {
       margin-left: 75%;
     }

     .column.is-10-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 83.3333333333%;
     }

     .column.is-offset-10-mobile {
       margin-left: 83.3333333333%;
     }

     .column.is-11-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 91.6666666667%;
     }

     .column.is-offset-11-mobile {
       margin-left: 91.6666666667%;
     }

     .column.is-12-mobile {
       -webkit-box-flex: 0;
       -ms-flex: none;
       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 {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
     }

     .column.is-full,
     .column.is-full-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 100%;
     }

     .column.is-three-quarters,
     .column.is-three-quarters-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 75%;
     }

     .column.is-two-thirds,
     .column.is-two-thirds-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 66.6666%;
     }

     .column.is-half,
     .column.is-half-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 50%;
     }

     .column.is-one-third,
     .column.is-one-third-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 33.3333%;
     }

     .column.is-one-quarter,
     .column.is-one-quarter-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 25%;
     }

     .column.is-one-fifth,
     .column.is-one-fifth-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 20%;
     }

     .column.is-two-fifths,
     .column.is-two-fifths-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 40%;
     }

     .column.is-three-fifths,
     .column.is-three-fifths-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 60%;
     }

     .column.is-four-fifths,
     .column.is-four-fifths-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       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 {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 0%;
     }

     .column.is-offset-0,
     .column.is-offset-0-tablet {
       margin-left: 0%;
     }

     .column.is-1,
     .column.is-1-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 8.3333333333%;
     }

     .column.is-offset-1,
     .column.is-offset-1-tablet {
       margin-left: 8.3333333333%;
     }

     .column.is-2,
     .column.is-2-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 16.6666666667%;
     }

     .column.is-offset-2,
     .column.is-offset-2-tablet {
       margin-left: 16.6666666667%;
     }

     .column.is-3,
     .column.is-3-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 25%;
     }

     .column.is-offset-3,
     .column.is-offset-3-tablet {
       margin-left: 25%;
     }

     .column.is-4,
     .column.is-4-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 33.3333333333%;
     }

     .column.is-offset-4,
     .column.is-offset-4-tablet {
       margin-left: 33.3333333333%;
     }

     .column.is-5,
     .column.is-5-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 41.6666666667%;
     }

     .column.is-offset-5,
     .column.is-offset-5-tablet {
       margin-left: 41.6666666667%;
     }

     .column.is-6,
     .column.is-6-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 50%;
     }

     .column.is-offset-6,
     .column.is-offset-6-tablet {
       margin-left: 50%;
     }

     .column.is-7,
     .column.is-7-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 58.3333333333%;
     }

     .column.is-offset-7,
     .column.is-offset-7-tablet {
       margin-left: 58.3333333333%;
     }

     .column.is-8,
     .column.is-8-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 66.6666666667%;
     }

     .column.is-offset-8,
     .column.is-offset-8-tablet {
       margin-left: 66.6666666667%;
     }

     .column.is-9,
     .column.is-9-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 75%;
     }

     .column.is-offset-9,
     .column.is-offset-9-tablet {
       margin-left: 75%;
     }

     .column.is-10,
     .column.is-10-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 83.3333333333%;
     }

     .column.is-offset-10,
     .column.is-offset-10-tablet {
       margin-left: 83.3333333333%;
     }

     .column.is-11,
     .column.is-11-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 91.6666666667%;
     }

     .column.is-offset-11,
     .column.is-offset-11-tablet {
       margin-left: 91.6666666667%;
     }

     .column.is-12,
     .column.is-12-tablet {
       -webkit-box-flex: 0;
       -ms-flex: none;
       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 {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
     }

     .column.is-full-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 100%;
     }

     .column.is-three-quarters-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 75%;
     }

     .column.is-two-thirds-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 66.6666%;
     }

     .column.is-half-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 50%;
     }

     .column.is-one-third-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 33.3333%;
     }

     .column.is-one-quarter-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 25%;
     }

     .column.is-one-fifth-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 20%;
     }

     .column.is-two-fifths-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 40%;
     }

     .column.is-three-fifths-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 60%;
     }

     .column.is-four-fifths-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       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 {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 0%;
     }

     .column.is-offset-0-touch {
       margin-left: 0%;
     }

     .column.is-1-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 8.3333333333%;
     }

     .column.is-offset-1-touch {
       margin-left: 8.3333333333%;
     }

     .column.is-2-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 16.6666666667%;
     }

     .column.is-offset-2-touch {
       margin-left: 16.6666666667%;
     }

     .column.is-3-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 25%;
     }

     .column.is-offset-3-touch {
       margin-left: 25%;
     }

     .column.is-4-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 33.3333333333%;
     }

     .column.is-offset-4-touch {
       margin-left: 33.3333333333%;
     }

     .column.is-5-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 41.6666666667%;
     }

     .column.is-offset-5-touch {
       margin-left: 41.6666666667%;
     }

     .column.is-6-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 50%;
     }

     .column.is-offset-6-touch {
       margin-left: 50%;
     }

     .column.is-7-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 58.3333333333%;
     }

     .column.is-offset-7-touch {
       margin-left: 58.3333333333%;
     }

     .column.is-8-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 66.6666666667%;
     }

     .column.is-offset-8-touch {
       margin-left: 66.6666666667%;
     }

     .column.is-9-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 75%;
     }

     .column.is-offset-9-touch {
       margin-left: 75%;
     }

     .column.is-10-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 83.3333333333%;
     }

     .column.is-offset-10-touch {
       margin-left: 83.3333333333%;
     }

     .column.is-11-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 91.6666666667%;
     }

     .column.is-offset-11-touch {
       margin-left: 91.6666666667%;
     }

     .column.is-12-touch {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 100%;
     }

     .column.is-offset-12-touch {
       margin-left: 100%;
     }
   }

   @media screen and (min-width: 1024px) {
     .column.is-narrow-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
     }

     .column.is-full-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 100%;
     }

     .column.is-three-quarters-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 75%;
     }

     .column.is-two-thirds-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 66.6666%;
     }

     .column.is-half-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 50%;
     }

     .column.is-one-third-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 33.3333%;
     }

     .column.is-one-quarter-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 25%;
     }

     .column.is-one-fifth-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 20%;
     }

     .column.is-two-fifths-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 40%;
     }

     .column.is-three-fifths-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 60%;
     }

     .column.is-four-fifths-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       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 {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 0%;
     }

     .column.is-offset-0-desktop {
       margin-left: 0%;
     }

     .column.is-1-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 8.3333333333%;
     }

     .column.is-offset-1-desktop {
       margin-left: 8.3333333333%;
     }

     .column.is-2-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 16.6666666667%;
     }

     .column.is-offset-2-desktop {
       margin-left: 16.6666666667%;
     }

     .column.is-3-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 25%;
     }

     .column.is-offset-3-desktop {
       margin-left: 25%;
     }

     .column.is-4-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 33.3333333333%;
     }

     .column.is-offset-4-desktop {
       margin-left: 33.3333333333%;
     }

     .column.is-5-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 41.6666666667%;
     }

     .column.is-offset-5-desktop {
       margin-left: 41.6666666667%;
     }

     .column.is-6-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 50%;
     }

     .column.is-offset-6-desktop {
       margin-left: 50%;
     }

     .column.is-7-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 58.3333333333%;
     }

     .column.is-offset-7-desktop {
       margin-left: 58.3333333333%;
     }

     .column.is-8-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 66.6666666667%;
     }

     .column.is-offset-8-desktop {
       margin-left: 66.6666666667%;
     }

     .column.is-9-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 75%;
     }

     .column.is-offset-9-desktop {
       margin-left: 75%;
     }

     .column.is-10-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 83.3333333333%;
     }

     .column.is-offset-10-desktop {
       margin-left: 83.3333333333%;
     }

     .column.is-11-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 91.6666666667%;
     }

     .column.is-offset-11-desktop {
       margin-left: 91.6666666667%;
     }

     .column.is-12-desktop {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 100%;
     }

     .column.is-offset-12-desktop {
       margin-left: 100%;
     }
   }

   @media screen and (min-width: 1216px) {
     .column.is-narrow-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
     }

     .column.is-full-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 100%;
     }

     .column.is-three-quarters-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 75%;
     }

     .column.is-two-thirds-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 66.6666%;
     }

     .column.is-half-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 50%;
     }

     .column.is-one-third-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 33.3333%;
     }

     .column.is-one-quarter-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 25%;
     }

     .column.is-one-fifth-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 20%;
     }

     .column.is-two-fifths-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 40%;
     }

     .column.is-three-fifths-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 60%;
     }

     .column.is-four-fifths-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       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 {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 0%;
     }

     .column.is-offset-0-widescreen {
       margin-left: 0%;
     }

     .column.is-1-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 8.3333333333%;
     }

     .column.is-offset-1-widescreen {
       margin-left: 8.3333333333%;
     }

     .column.is-2-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 16.6666666667%;
     }

     .column.is-offset-2-widescreen {
       margin-left: 16.6666666667%;
     }

     .column.is-3-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 25%;
     }

     .column.is-offset-3-widescreen {
       margin-left: 25%;
     }

     .column.is-4-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 33.3333333333%;
     }

     .column.is-offset-4-widescreen {
       margin-left: 33.3333333333%;
     }

     .column.is-5-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 41.6666666667%;
     }

     .column.is-offset-5-widescreen {
       margin-left: 41.6666666667%;
     }

     .column.is-6-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 50%;
     }

     .column.is-offset-6-widescreen {
       margin-left: 50%;
     }

     .column.is-7-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 58.3333333333%;
     }

     .column.is-offset-7-widescreen {
       margin-left: 58.3333333333%;
     }

     .column.is-8-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 66.6666666667%;
     }

     .column.is-offset-8-widescreen {
       margin-left: 66.6666666667%;
     }

     .column.is-9-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 75%;
     }

     .column.is-offset-9-widescreen {
       margin-left: 75%;
     }

     .column.is-10-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 83.3333333333%;
     }

     .column.is-offset-10-widescreen {
       margin-left: 83.3333333333%;
     }

     .column.is-11-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 91.6666666667%;
     }

     .column.is-offset-11-widescreen {
       margin-left: 91.6666666667%;
     }

     .column.is-12-widescreen {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 100%;
     }

     .column.is-offset-12-widescreen {
       margin-left: 100%;
     }
   }

   @media screen and (min-width: 1408px) {
     .column.is-narrow-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
     }

     .column.is-full-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 100%;
     }

     .column.is-three-quarters-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 75%;
     }

     .column.is-two-thirds-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 66.6666%;
     }

     .column.is-half-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 50%;
     }

     .column.is-one-third-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 33.3333%;
     }

     .column.is-one-quarter-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 25%;
     }

     .column.is-one-fifth-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 20%;
     }

     .column.is-two-fifths-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 40%;
     }

     .column.is-three-fifths-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 60%;
     }

     .column.is-four-fifths-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       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 {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 0%;
     }

     .column.is-offset-0-fullhd {
       margin-left: 0%;
     }

     .column.is-1-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 8.3333333333%;
     }

     .column.is-offset-1-fullhd {
       margin-left: 8.3333333333%;
     }

     .column.is-2-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 16.6666666667%;
     }

     .column.is-offset-2-fullhd {
       margin-left: 16.6666666667%;
     }

     .column.is-3-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 25%;
     }

     .column.is-offset-3-fullhd {
       margin-left: 25%;
     }

     .column.is-4-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 33.3333333333%;
     }

     .column.is-offset-4-fullhd {
       margin-left: 33.3333333333%;
     }

     .column.is-5-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 41.6666666667%;
     }

     .column.is-offset-5-fullhd {
       margin-left: 41.6666666667%;
     }

     .column.is-6-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 50%;
     }

     .column.is-offset-6-fullhd {
       margin-left: 50%;
     }

     .column.is-7-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 58.3333333333%;
     }

     .column.is-offset-7-fullhd {
       margin-left: 58.3333333333%;
     }

     .column.is-8-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 66.6666666667%;
     }

     .column.is-offset-8-fullhd {
       margin-left: 66.6666666667%;
     }

     .column.is-9-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 75%;
     }

     .column.is-offset-9-fullhd {
       margin-left: 75%;
     }

     .column.is-10-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 83.3333333333%;
     }

     .column.is-offset-10-fullhd {
       margin-left: 83.3333333333%;
     }

     .column.is-11-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       flex: none;
       width: 91.6666666667%;
     }

     .column.is-offset-11-fullhd {
       margin-left: 91.6666666667%;
     }

     .column.is-12-fullhd {
       -webkit-box-flex: 0;
       -ms-flex: none;
       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 {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }

   .columns.is-multiline {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   .columns.is-vcentered {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }

   @media screen and (min-width: 769px),
   print {
     .columns:not(.is-desktop) {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }
   }

   @media screen and (min-width: 1024px) {
     .columns.is-desktop {
       display: -webkit-box;
       display: -ms-flexbox;
       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;
     }
   }

   .select select,
   .textarea,
   .input {
     background-color: hsl(0deg, 0%, 100%);
     border-color: #DDDDDD;
     border-radius: 5px;
     color: hsl(0deg, 0%, 0%);
   }

   .select select::-moz-placeholder,
   .textarea::-moz-placeholder,
   .input::-moz-placeholder {
     color: rgba(0, 0, 0, 0.3);
   }

   .select select::-webkit-input-placeholder,
   .textarea::-webkit-input-placeholder,
   .input::-webkit-input-placeholder {
     color: rgba(0, 0, 0, 0.3);
   }

   .select select:-moz-placeholder,
   .textarea:-moz-placeholder,
   .input:-moz-placeholder {
     color: rgba(0, 0, 0, 0.3);
   }

   .select select:-ms-input-placeholder,
   .textarea:-ms-input-placeholder,
   .input:-ms-input-placeholder {
     color: rgba(0, 0, 0, 0.3);
   }

   .select select:hover,
   .textarea:hover,
   .input:hover,
   .select select.is-hovered,
   .is-hovered.textarea,
   .is-hovered.input {
     border-color: #DDDDDD;
   }

   .select select:focus,
   .textarea:focus,
   .input:focus,
   .select select.is-focused,
   .is-focused.textarea,
   .is-focused.input,
   .select select:active,
   .textarea:active,
   .input:active,
   .select select.is-active,
   .is-active.textarea,
   .is-active.input {
     border-color: hsl(216deg, 92%, 34%);
     -webkit-box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
     box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
   }

   .select select[disabled],
   [disabled].textarea,
   [disabled].input,
   fieldset[disabled] .select select,
   .select fieldset[disabled] select,
   fieldset[disabled] .textarea,
   fieldset[disabled] .input {
     background-color: hsl(0deg, 0%, 96%);
     border-color: hsl(0deg, 0%, 96%);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(0deg, 0%, 98%);
   }

   .select select[disabled]::-moz-placeholder,
   [disabled].textarea::-moz-placeholder,
   [disabled].input::-moz-placeholder,
   fieldset[disabled] .select select::-moz-placeholder,
   .select fieldset[disabled] select::-moz-placeholder,
   fieldset[disabled] .textarea::-moz-placeholder,
   fieldset[disabled] .input::-moz-placeholder {
     color: rgba(250, 250, 250, 0.3);
   }

   .select select[disabled]::-webkit-input-placeholder,
   [disabled].textarea::-webkit-input-placeholder,
   [disabled].input::-webkit-input-placeholder,
   fieldset[disabled] .select select::-webkit-input-placeholder,
   .select fieldset[disabled] select::-webkit-input-placeholder,
   fieldset[disabled] .textarea::-webkit-input-placeholder,
   fieldset[disabled] .input::-webkit-input-placeholder {
     color: rgba(250, 250, 250, 0.3);
   }

   .select select[disabled]:-moz-placeholder,
   [disabled].textarea:-moz-placeholder,
   [disabled].input:-moz-placeholder,
   fieldset[disabled] .select select:-moz-placeholder,
   .select fieldset[disabled] select:-moz-placeholder,
   fieldset[disabled] .textarea:-moz-placeholder,
   fieldset[disabled] .input:-moz-placeholder {
     color: rgba(250, 250, 250, 0.3);
   }

   .select select[disabled]:-ms-input-placeholder,
   [disabled].textarea:-ms-input-placeholder,
   [disabled].input:-ms-input-placeholder,
   fieldset[disabled] .select select:-ms-input-placeholder,
   .select fieldset[disabled] select:-ms-input-placeholder,
   fieldset[disabled] .textarea:-ms-input-placeholder,
   fieldset[disabled] .input:-ms-input-placeholder {
     color: rgba(250, 250, 250, 0.3);
   }

   .textarea,
   .input {
     -webkit-box-shadow: inset 0 0.0625em 0.125em rgba(0, 0, 0, 0.05);
     box-shadow: inset 0 0.0625em 0.125em rgba(0, 0, 0, 0.05);
     max-width: 100%;
     width: 100%;
   }

   [readonly].textarea,
   [readonly].input {
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   .is-white.textarea,
   .is-white.input {
     border-color: hsl(0deg, 0%, 100%);
   }

   .is-white.textarea:focus,
   .is-white.input:focus,
   .is-white.is-focused.textarea,
   .is-white.is-focused.input,
   .is-white.textarea:active,
   .is-white.input:active,
   .is-white.is-active.textarea,
   .is-white.is-active.input {
     -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
     box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
   }

   .is-black.textarea,
   .is-black.input {
     border-color: hsl(0deg, 0%, 0%);
   }

   .is-black.textarea:focus,
   .is-black.input:focus,
   .is-black.is-focused.textarea,
   .is-black.is-focused.input,
   .is-black.textarea:active,
   .is-black.input:active,
   .is-black.is-active.textarea,
   .is-black.is-active.input {
     -webkit-box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25);
     box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25);
   }

   .is-light.textarea,
   .is-light.input {
     border-color: hsl(0deg, 0%, 96%);
   }

   .is-light.textarea:focus,
   .is-light.input:focus,
   .is-light.is-focused.textarea,
   .is-light.is-focused.input,
   .is-light.textarea:active,
   .is-light.input:active,
   .is-light.is-active.textarea,
   .is-light.is-active.input {
     -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
     box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
   }

   .is-dark.textarea,
   .is-dark.input {
     border-color: hsl(220deg, 43%, 10%);
   }

   .is-dark.textarea:focus,
   .is-dark.input:focus,
   .is-dark.is-focused.textarea,
   .is-dark.is-focused.input,
   .is-dark.textarea:active,
   .is-dark.input:active,
   .is-dark.is-active.textarea,
   .is-dark.is-active.input {
     -webkit-box-shadow: 0 0 0 0.125em rgba(15, 22, 36, 0.25);
     box-shadow: 0 0 0 0.125em rgba(15, 22, 36, 0.25);
   }

   .is-primary.textarea,
   .is-primary.input {
     border-color: #1745CF;
   }

   .is-primary.textarea:focus,
   .is-primary.input:focus,
   .is-primary.is-focused.textarea,
   .is-primary.is-focused.input,
   .is-primary.textarea:active,
   .is-primary.input:active,
   .is-primary.is-active.textarea,
   .is-primary.is-active.input {
     -webkit-box-shadow: 0 0 0 0.125em rgba(23, 69, 207, 0.25);
     box-shadow: 0 0 0 0.125em rgba(23, 69, 207, 0.25);
   }

   .is-link.textarea,
   .is-link.input {
     border-color: hsl(216deg, 92%, 34%);
   }

   .is-link.textarea:focus,
   .is-link.input:focus,
   .is-link.is-focused.textarea,
   .is-link.is-focused.input,
   .is-link.textarea:active,
   .is-link.input:active,
   .is-link.is-active.textarea,
   .is-link.is-active.input {
     -webkit-box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
     box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
   }

   .is-info.textarea,
   .is-info.input {
     border-color: hsl(216deg, 92%, 34%);
   }

   .is-info.textarea:focus,
   .is-info.input:focus,
   .is-info.is-focused.textarea,
   .is-info.is-focused.input,
   .is-info.textarea:active,
   .is-info.input:active,
   .is-info.is-active.textarea,
   .is-info.is-active.input {
     -webkit-box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
     box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
   }

   .is-success.textarea,
   .is-success.input {
     border-color: hsl(160deg, 100%, 25%);
   }

   .is-success.textarea:focus,
   .is-success.input:focus,
   .is-success.is-focused.textarea,
   .is-success.is-focused.input,
   .is-success.textarea:active,
   .is-success.input:active,
   .is-success.is-active.textarea,
   .is-success.is-active.input {
     -webkit-box-shadow: 0 0 0 0.125em rgba(0, 128, 85, 0.25);
     box-shadow: 0 0 0 0.125em rgba(0, 128, 85, 0.25);
   }

   .is-warning.textarea,
   .is-warning.input {
     border-color: hsl(39deg, 100%, 50%);
   }

   .is-warning.textarea:focus,
   .is-warning.input:focus,
   .is-warning.is-focused.textarea,
   .is-warning.is-focused.input,
   .is-warning.textarea:active,
   .is-warning.input:active,
   .is-warning.is-active.textarea,
   .is-warning.is-active.input {
     -webkit-box-shadow: 0 0 0 0.125em rgba(255, 166, 0, 0.25);
     box-shadow: 0 0 0 0.125em rgba(255, 166, 0, 0.25);
   }

   .is-danger.textarea,
   .is-danger.input {
     border-color: hsl(352deg, 70%, 48%);
   }

   .is-danger.textarea:focus,
   .is-danger.input:focus,
   .is-danger.is-focused.textarea,
   .is-danger.is-focused.input,
   .is-danger.textarea:active,
   .is-danger.input:active,
   .is-danger.is-active.textarea,
   .is-danger.is-active.input {
     -webkit-box-shadow: 0 0 0 0.125em rgba(208, 37, 60, 0.25);
     box-shadow: 0 0 0 0.125em rgba(208, 37, 60, 0.25);
   }

   .is-small.textarea,
   .is-small.input {
     border-radius: 3px;
     font-size: 0.813rem;
   }

   .is-medium.textarea,
   .is-medium.input {
     font-size: 1rem;
   }

   .is-large.textarea,
   .is-large.input {
     font-size: 1.125rem;
   }

   .is-fullwidth.textarea,
   .is-fullwidth.input {
     display: block;
     width: 100%;
   }

   .is-inline.textarea,
   .is-inline.input {
     display: inline;
     width: auto;
   }

   .input.is-rounded {
     border-radius: 290486px;
     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;
     -webkit-box-shadow: none;
     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;
   }

   .radio,
   .checkbox {
     cursor: pointer;
     display: inline-block;
     line-height: 1.25;
     position: relative;
   }

   .radio input,
   .checkbox input {
     cursor: pointer;
   }

   .radio:hover,
   .checkbox:hover {
     color: hsl(0deg, 0%, 0%);
   }

   [disabled].radio,
   [disabled].checkbox,
   fieldset[disabled] .radio,
   fieldset[disabled] .checkbox {
     color: hsl(0deg, 0%, 98%);
     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.75em;
   }

   .select:not(.is-multiple):not(.is-loading)::after {
     border-color: hsl(216deg, 92%, 34%);
     right: 1.125em;
     z-index: 4;
   }

   .select.is-rounded select {
     border-radius: 290486px;
     padding-left: 1em;
   }

   .select select {
     cursor: pointer;
     display: block;
     max-width: 100%;
     font-size: 1em;
     outline: none;
   }

   .select select::-ms-expand {
     display: none;
   }

   .select select[disabled]:hover,
   fieldset[disabled] .select select:hover {
     border-color: hsl(0deg, 0%, 96%);
   }

   .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: hsl(0deg, 0%, 0%);
   }

   .select.is-white:not(:hover)::after {
     border-color: hsl(0deg, 0%, 100%);
   }

   .select.is-white select {
     border-color: hsl(0deg, 0%, 100%);
   }

   .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 {
     -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
     box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
   }

   .select.is-black:not(:hover)::after {
     border-color: hsl(0deg, 0%, 0%);
   }

   .select.is-black select {
     border-color: hsl(0deg, 0%, 0%);
   }

   .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 {
     -webkit-box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25);
     box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25);
   }

   .select.is-light:not(:hover)::after {
     border-color: hsl(0deg, 0%, 96%);
   }

   .select.is-light select {
     border-color: hsl(0deg, 0%, 96%);
   }

   .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 {
     -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
     box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
   }

   .select.is-dark:not(:hover)::after {
     border-color: hsl(220deg, 43%, 10%);
   }

   .select.is-dark select {
     border-color: hsl(220deg, 43%, 10%);
   }

   .select.is-dark select:hover,
   .select.is-dark select.is-hovered {
     border-color: #070b12;
   }

   .select.is-dark select:focus,
   .select.is-dark select.is-focused,
   .select.is-dark select:active,
   .select.is-dark select.is-active {
     -webkit-box-shadow: 0 0 0 0.125em rgba(15, 22, 36, 0.25);
     box-shadow: 0 0 0 0.125em rgba(15, 22, 36, 0.25);
   }

   .select.is-primary:not(:hover)::after {
     border-color: #1745CF;
   }

   .select.is-primary select {
     border-color: #1745CF;
   }

   .select.is-primary select:hover,
   .select.is-primary select.is-hovered {
     border-color: #143db8;
   }

   .select.is-primary select:focus,
   .select.is-primary select.is-focused,
   .select.is-primary select:active,
   .select.is-primary select.is-active {
     -webkit-box-shadow: 0 0 0 0.125em rgba(23, 69, 207, 0.25);
     box-shadow: 0 0 0 0.125em rgba(23, 69, 207, 0.25);
   }

   .select.is-link:not(:hover)::after {
     border-color: hsl(216deg, 92%, 34%);
   }

   .select.is-link select {
     border-color: hsl(216deg, 92%, 34%);
   }

   .select.is-link select:hover,
   .select.is-link select.is-hovered {
     border-color: #063c8e;
   }

   .select.is-link select:focus,
   .select.is-link select.is-focused,
   .select.is-link select:active,
   .select.is-link select.is-active {
     -webkit-box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
     box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
   }

   .select.is-info:not(:hover)::after {
     border-color: hsl(216deg, 92%, 34%);
   }

   .select.is-info select {
     border-color: hsl(216deg, 92%, 34%);
   }

   .select.is-info select:hover,
   .select.is-info select.is-hovered {
     border-color: #063c8e;
   }

   .select.is-info select:focus,
   .select.is-info select.is-focused,
   .select.is-info select:active,
   .select.is-info select.is-active {
     -webkit-box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
     box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
   }

   .select.is-success:not(:hover)::after {
     border-color: hsl(160deg, 100%, 25%);
   }

   .select.is-success select {
     border-color: hsl(160deg, 100%, 25%);
   }

   .select.is-success select:hover,
   .select.is-success select.is-hovered {
     border-color: #006644;
   }

   .select.is-success select:focus,
   .select.is-success select.is-focused,
   .select.is-success select:active,
   .select.is-success select.is-active {
     -webkit-box-shadow: 0 0 0 0.125em rgba(0, 128, 85, 0.25);
     box-shadow: 0 0 0 0.125em rgba(0, 128, 85, 0.25);
   }

   .select.is-warning:not(:hover)::after {
     border-color: hsl(39deg, 100%, 50%);
   }

   .select.is-warning select {
     border-color: hsl(39deg, 100%, 50%);
   }

   .select.is-warning select:hover,
   .select.is-warning select.is-hovered {
     border-color: #e69500;
   }

   .select.is-warning select:focus,
   .select.is-warning select.is-focused,
   .select.is-warning select:active,
   .select.is-warning select.is-active {
     -webkit-box-shadow: 0 0 0 0.125em rgba(255, 166, 0, 0.25);
     box-shadow: 0 0 0 0.125em rgba(255, 166, 0, 0.25);
   }

   .select.is-danger:not(:hover)::after {
     border-color: hsl(352deg, 70%, 48%);
   }

   .select.is-danger select {
     border-color: hsl(352deg, 70%, 48%);
   }

   .select.is-danger select:hover,
   .select.is-danger select.is-hovered {
     border-color: #ba2135;
   }

   .select.is-danger select:focus,
   .select.is-danger select.is-focused,
   .select.is-danger select:active,
   .select.is-danger select.is-active {
     -webkit-box-shadow: 0 0 0 0.125em rgba(208, 37, 60, 0.25);
     box-shadow: 0 0 0 0.125em rgba(208, 37, 60, 0.25);
   }

   .select.is-small {
     border-radius: 3px;
     font-size: 0.813rem;
   }

   .select.is-medium {
     font-size: 1rem;
   }

   .select.is-large {
     font-size: 1.125rem;
   }

   .select.is-disabled::after {
     border-color: hsl(0deg, 0%, 98%);
   }

   .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;
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
   }

   .select.is-loading.is-small:after {
     font-size: 0.813rem;
   }

   .select.is-loading.is-medium:after {
     font-size: 1rem;
   }

   .select.is-loading.is-large:after {
     font-size: 1.125rem;
   }

   .file {
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     position: relative;
   }

   .file.is-white .file-cta {
     background-color: hsl(0deg, 0%, 100%);
     border-color: transparent;
     color: hsl(0deg, 0%, 0%);
   }

   .file.is-white:hover .file-cta,
   .file.is-white.is-hovered .file-cta {
     background-color: #f9f9f9;
     border-color: transparent;
     color: hsl(0deg, 0%, 0%);
   }

   .file.is-white:focus .file-cta,
   .file.is-white.is-focused .file-cta {
     border-color: transparent;
     -webkit-box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
     box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25);
     color: hsl(0deg, 0%, 0%);
   }

   .file.is-white:active .file-cta,
   .file.is-white.is-active .file-cta {
     background-color: #f2f2f2;
     border-color: transparent;
     color: hsl(0deg, 0%, 0%);
   }

   .file.is-black .file-cta {
     background-color: hsl(0deg, 0%, 0%);
     border-color: transparent;
     color: hsl(0deg, 0%, 100%);
   }

   .file.is-black:hover .file-cta,
   .file.is-black.is-hovered .file-cta {
     background-color: black;
     border-color: transparent;
     color: hsl(0deg, 0%, 100%);
   }

   .file.is-black:focus .file-cta,
   .file.is-black.is-focused .file-cta {
     border-color: transparent;
     -webkit-box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
     box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.25);
     color: hsl(0deg, 0%, 100%);
   }

   .file.is-black:active .file-cta,
   .file.is-black.is-active .file-cta {
     background-color: black;
     border-color: transparent;
     color: hsl(0deg, 0%, 100%);
   }

   .file.is-light .file-cta {
     background-color: hsl(0deg, 0%, 96%);
     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;
     -webkit-box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25);
     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: hsl(220deg, 43%, 10%);
     border-color: transparent;
     color: #fff;
   }

   .file.is-dark:hover .file-cta,
   .file.is-dark.is-hovered .file-cta {
     background-color: #0b101b;
     border-color: transparent;
     color: #fff;
   }

   .file.is-dark:focus .file-cta,
   .file.is-dark.is-focused .file-cta {
     border-color: transparent;
     -webkit-box-shadow: 0 0 0.5em rgba(15, 22, 36, 0.25);
     box-shadow: 0 0 0.5em rgba(15, 22, 36, 0.25);
     color: #fff;
   }

   .file.is-dark:active .file-cta,
   .file.is-dark.is-active .file-cta {
     background-color: #070b12;
     border-color: transparent;
     color: #fff;
   }

   .file.is-primary .file-cta {
     background-color: #1745CF;
     border-color: transparent;
     color: #fff;
   }

   .file.is-primary:hover .file-cta,
   .file.is-primary.is-hovered .file-cta {
     background-color: #1641c4;
     border-color: transparent;
     color: #fff;
   }

   .file.is-primary:focus .file-cta,
   .file.is-primary.is-focused .file-cta {
     border-color: transparent;
     -webkit-box-shadow: 0 0 0.5em rgba(23, 69, 207, 0.25);
     box-shadow: 0 0 0.5em rgba(23, 69, 207, 0.25);
     color: #fff;
   }

   .file.is-primary:active .file-cta,
   .file.is-primary.is-active .file-cta {
     background-color: #143db8;
     border-color: transparent;
     color: #fff;
   }

   .file.is-link .file-cta {
     background-color: hsl(216deg, 92%, 34%);
     border-color: transparent;
     color: #fff;
   }

   .file.is-link:hover .file-cta,
   .file.is-link.is-hovered .file-cta {
     background-color: #06429a;
     border-color: transparent;
     color: #fff;
   }

   .file.is-link:focus .file-cta,
   .file.is-link.is-focused .file-cta {
     border-color: transparent;
     -webkit-box-shadow: 0 0 0.5em rgba(7, 71, 166, 0.25);
     box-shadow: 0 0 0.5em rgba(7, 71, 166, 0.25);
     color: #fff;
   }

   .file.is-link:active .file-cta,
   .file.is-link.is-active .file-cta {
     background-color: #063c8e;
     border-color: transparent;
     color: #fff;
   }

   .file.is-info .file-cta {
     background-color: hsl(216deg, 92%, 34%);
     border-color: transparent;
     color: #fff;
   }

   .file.is-info:hover .file-cta,
   .file.is-info.is-hovered .file-cta {
     background-color: #06429a;
     border-color: transparent;
     color: #fff;
   }

   .file.is-info:focus .file-cta,
   .file.is-info.is-focused .file-cta {
     border-color: transparent;
     -webkit-box-shadow: 0 0 0.5em rgba(7, 71, 166, 0.25);
     box-shadow: 0 0 0.5em rgba(7, 71, 166, 0.25);
     color: #fff;
   }

   .file.is-info:active .file-cta,
   .file.is-info.is-active .file-cta {
     background-color: #063c8e;
     border-color: transparent;
     color: #fff;
   }

   .file.is-success .file-cta {
     background-color: hsl(160deg, 100%, 25%);
     border-color: transparent;
     color: #fff;
   }

   .file.is-success:hover .file-cta,
   .file.is-success.is-hovered .file-cta {
     background-color: #00734d;
     border-color: transparent;
     color: #fff;
   }

   .file.is-success:focus .file-cta,
   .file.is-success.is-focused .file-cta {
     border-color: transparent;
     -webkit-box-shadow: 0 0 0.5em rgba(0, 128, 85, 0.25);
     box-shadow: 0 0 0.5em rgba(0, 128, 85, 0.25);
     color: #fff;
   }

   .file.is-success:active .file-cta,
   .file.is-success.is-active .file-cta {
     background-color: #006644;
     border-color: transparent;
     color: #fff;
   }

   .file.is-warning .file-cta {
     background-color: hsl(39deg, 100%, 50%);
     border-color: transparent;
     color: #fff;
   }

   .file.is-warning:hover .file-cta,
   .file.is-warning.is-hovered .file-cta {
     background-color: #f29d00;
     border-color: transparent;
     color: #fff;
   }

   .file.is-warning:focus .file-cta,
   .file.is-warning.is-focused .file-cta {
     border-color: transparent;
     -webkit-box-shadow: 0 0 0.5em rgba(255, 166, 0, 0.25);
     box-shadow: 0 0 0.5em rgba(255, 166, 0, 0.25);
     color: #fff;
   }

   .file.is-warning:active .file-cta,
   .file.is-warning.is-active .file-cta {
     background-color: #e69500;
     border-color: transparent;
     color: #fff;
   }

   .file.is-danger .file-cta {
     background-color: hsl(352deg, 70%, 48%);
     border-color: transparent;
     color: #fff;
   }

   .file.is-danger:hover .file-cta,
   .file.is-danger.is-hovered .file-cta {
     background-color: #c52338;
     border-color: transparent;
     color: #fff;
   }

   .file.is-danger:focus .file-cta,
   .file.is-danger.is-focused .file-cta {
     border-color: transparent;
     -webkit-box-shadow: 0 0 0.5em rgba(208, 37, 60, 0.25);
     box-shadow: 0 0 0.5em rgba(208, 37, 60, 0.25);
     color: #fff;
   }

   .file.is-danger:active .file-cta,
   .file.is-danger.is-active .file-cta {
     background-color: #ba2135;
     border-color: transparent;
     color: #fff;
   }

   .file.is-small {
     font-size: 0.813rem;
   }

   .file.is-medium {
     font-size: 1rem;
   }

   .file.is-medium .file-icon .fa {
     font-size: 21px;
   }

   .file.is-large {
     font-size: 1.125rem;
   }

   .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: 5px;
   }

   .file.has-name.is-empty .file-name {
     display: none;
   }

   .file.is-boxed .file-label {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   .file.is-boxed .file-cta {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     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: 5px 5px 0 0;
   }

   .file.is-boxed.has-name .file-name {
     border-radius: 0 0 5px 5px;
     border-width: 0 1px 1px;
   }

   .file.is-centered {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .file.is-fullwidth .file-label {
     width: 100%;
   }

   .file.is-fullwidth .file-name {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     max-width: none;
   }

   .file.is-right {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
   }

   .file.is-right .file-cta {
     border-radius: 0 5px 5px 0;
   }

   .file.is-right .file-name {
     border-radius: 5px 0 0 5px;
     border-width: 1px 0 1px 1px;
     -webkit-box-ordinal-group: 0;
     -ms-flex-order: -1;
     order: -1;
   }

   .file-label {
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     cursor: pointer;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     overflow: hidden;
     position: relative;
   }

   .file-label:hover .file-cta {
     background-color: #eeeeee;
     color: hsl(0deg, 0%, 0%);
   }

   .file-label:hover .file-name {
     border-color: #d7d7d7;
   }

   .file-label:active .file-cta {
     background-color: #e8e8e8;
     color: hsl(0deg, 0%, 0%);
   }

   .file-label:active .file-name {
     border-color: #d0d0d0;
   }

   .file-input {
     height: 100%;
     left: 0;
     opacity: 0;
     outline: none;
     position: absolute;
     top: 0;
     width: 100%;
   }

   .file-cta,
   .file-name {
     border-color: #DDDDDD;
     border-radius: 5px;
     font-size: 1em;
     padding-left: 1em;
     padding-right: 1em;
     white-space: nowrap;
   }

   .file-cta {
     background-color: hsl(0deg, 0%, 96%);
     color: hsl(0deg, 0%, 8%);
   }

   .file-name {
     border-color: #DDDDDD;
     border-style: solid;
     border-width: 1px 1px 1px 0;
     display: block;
     max-width: 16em;
     overflow: hidden;
     text-align: left;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
   }

   .file-icon {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     height: 1em;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-right: 0.5em;
     width: 1em;
   }

   .file-icon .fa {
     font-size: 14px;
   }

   .label {
     color: hsl(0deg, 0%, 0%);
     display: block;
     font-size: 0.875rem;
     font-weight: 700;
   }

   .label:not(:last-child) {
     margin-bottom: 0.5em;
   }

   .label.is-small {
     font-size: 0.813rem;
   }

   .label.is-medium {
     font-size: 1rem;
   }

   .label.is-large {
     font-size: 1.125rem;
   }

   .help {
     display: block;
     font-size: 0.813rem;
     margin-top: 0.25rem;
   }

   .help.is-white {
     color: hsl(0deg, 0%, 100%);
   }

   .help.is-black {
     color: hsl(0deg, 0%, 0%);
   }

   .help.is-light {
     color: hsl(0deg, 0%, 96%);
   }

   .help.is-dark {
     color: hsl(220deg, 43%, 10%);
   }

   .help.is-primary {
     color: #1745CF;
   }

   .help.is-link {
     color: hsl(216deg, 92%, 34%);
   }

   .help.is-info {
     color: hsl(216deg, 92%, 34%);
   }

   .help.is-success {
     color: hsl(160deg, 100%, 25%);
   }

   .help.is-warning {
     color: hsl(39deg, 100%, 50%);
   }

   .help.is-danger {
     color: hsl(352deg, 70%, 48%);
   }

   .field:not(:last-child) {
     margin-bottom: 0.75rem;
   }

   .field.has-addons {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     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 {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 1;
     flex-shrink: 1;
   }

   .field.has-addons.has-addons-centered {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .field.has-addons.has-addons-right {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
   }

   .field.has-addons.has-addons-fullwidth .control {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 0;
     flex-shrink: 0;
   }

   .field.is-grouped {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
   }

   .field.is-grouped>.control {
     -ms-flex-negative: 0;
     flex-shrink: 0;
   }

   .field.is-grouped>.control:not(:last-child) {
     margin-bottom: 0;
     margin-right: 0.75rem;
   }

   .field.is-grouped>.control.is-expanded {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 1;
     flex-shrink: 1;
   }

   .field.is-grouped.is-grouped-centered {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .field.is-grouped.is-grouped-right {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
   }

   .field.is-grouped.is-grouped-multiline {
     -ms-flex-wrap: wrap;
     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: -webkit-box;
       display: -ms-flexbox;
       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 {
       -ms-flex-preferred-size: 0;
       flex-basis: 0;
       -webkit-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       -ms-flex-negative: 0;
       flex-shrink: 0;
       margin-right: 1.5rem;
       text-align: right;
     }

     .field-label.is-small {
       font-size: 0.813rem;
       padding-top: 0.375em;
     }

     .field-label.is-normal {
       padding-top: 0.375em;
     }

     .field-label.is-medium {
       font-size: 1rem;
       padding-top: 0.375em;
     }

     .field-label.is-large {
       font-size: 1.125rem;
       padding-top: 0.375em;
     }
   }

   .field-body .field .field {
     margin-bottom: 0;
   }

   @media screen and (min-width: 769px),
   print {
     .field-body {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-preferred-size: 0;
       flex-basis: 0;
       -webkit-box-flex: 5;
       -ms-flex-positive: 5;
       flex-grow: 5;
       -ms-flex-negative: 1;
       flex-shrink: 1;
     }

     .field-body .field {
       margin-bottom: 0;
     }

     .field-body>.field {
       -ms-flex-negative: 1;
       flex-shrink: 1;
     }

     .field-body>.field:not(.is-narrow) {
       -webkit-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
     }

     .field-body>.field:not(:last-child) {
       margin-right: 0.75rem;
     }
   }

   .control {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     clear: both;
     font-size: 0.875rem;
     position: relative;
     text-align: left;
   }

   .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: hsl(0deg, 0%, 8%);
   }

   .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.813rem;
   }

   .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: 1rem;
   }

   .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.125rem;
   }

   .control.has-icons-left .icon,
   .control.has-icons-right .icon {
     color: #DDDDDD;
     height: 2.75em;
     pointer-events: none;
     position: absolute;
     top: 0;
     width: 2.75em;
     z-index: 4;
   }

   .control.has-icons-left .input,
   .control.has-icons-left .select select {
     padding-left: 2.75em;
   }

   .control.has-icons-left .icon.is-left {
     left: 0;
   }

   .control.has-icons-right .input,
   .control.has-icons-right .select select {
     padding-right: 2.75em;
   }

   .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.813rem;
   }

   .control.is-loading.is-medium:after {
     font-size: 1rem;
   }

   .control.is-loading.is-large:after {
     font-size: 1.125rem;
   }

   .button {
     background-color: hsl(0deg, 0%, 100%);
     border-color: #DDDDDD;
     border-width: 1px;
     color: hsl(0deg, 0%, 0%);
     font-weight: 700;
     cursor: pointer;
     border-radius: 5px;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     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;
     min-height: 40px;
     max-height: 40px;
   }

   .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: hsl(220deg, 16%, 96%);
     color: hsl(220deg, 43%, 10%);
   }

   .button:focus,
   .button.is-focused {
     border-color: hsl(216deg, 92%, 34%);
     color: hsl(220deg, 43%, 10%);
   }

   .button:focus:not(:active),
   .button.is-focused:not(:active) {
     -webkit-box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
     box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
   }

   .button:active,
   .button.is-active {
     border-color: hsl(0deg, 0%, 80%);
     color: hsl(220deg, 43%, 10%);
   }

   .button.is-text {
     background-color: transparent;
     border-color: transparent;
     color: hsl(0deg, 0%, 8%);
     text-decoration: underline;
   }

   .button.is-text:hover,
   .button.is-text.is-hovered,
   .button.is-text:focus,
   .button.is-text.is-focused {
     background-color: hsl(0deg, 0%, 96%);
     color: hsl(0deg, 0%, 0%);
   }

   .button.is-text:active,
   .button.is-text.is-active {
     background-color: #e8e8e8;
     color: hsl(0deg, 0%, 0%);
   }

   .button.is-text[disabled],
   fieldset[disabled] .button.is-text {
     background-color: transparent;
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   .button.is-white {
     background-color: hsl(0deg, 0%, 100%);
     border-color: transparent;
     color: hsl(0deg, 0%, 0%);
   }

   .button.is-white:hover,
   .button.is-white.is-hovered {
     background-color: #f9f9f9;
     border-color: transparent;
     color: hsl(0deg, 0%, 0%);
   }

   .button.is-white:focus,
   .button.is-white.is-focused {
     border-color: transparent;
     color: hsl(0deg, 0%, 0%);
   }

   .button.is-white:focus:not(:active),
   .button.is-white.is-focused:not(:active) {
     -webkit-box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25);
     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: hsl(0deg, 0%, 0%);
   }

   .button.is-white[disabled],
   fieldset[disabled] .button.is-white {
     background-color: hsl(0deg, 0%, 100%);
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   .button.is-white.is-inverted {
     background-color: hsl(0deg, 0%, 0%);
     color: hsl(0deg, 0%, 100%);
   }

   .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: hsl(0deg, 0%, 0%);
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(0deg, 0%, 100%);
   }

   .button.is-white.is-loading::after {
     border-color: transparent transparent hsl(0deg, 0%, 0%) hsl(0deg, 0%, 0%) !important;
   }

   .button.is-white.is-outlined {
     background-color: transparent;
     border-color: hsl(0deg, 0%, 100%);
     color: hsl(0deg, 0%, 100%);
   }

   .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: hsl(0deg, 0%, 100%);
     border-color: hsl(0deg, 0%, 100%);
     color: hsl(0deg, 0%, 0%);
   }

   .button.is-white.is-outlined.is-loading::after {
     border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !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 hsl(0deg, 0%, 0%) hsl(0deg, 0%, 0%) !important;
   }

   .button.is-white.is-outlined[disabled],
   fieldset[disabled] .button.is-white.is-outlined {
     background-color: transparent;
     border-color: hsl(0deg, 0%, 100%);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(0deg, 0%, 100%);
   }

   .button.is-white.is-inverted.is-outlined {
     background-color: transparent;
     border-color: hsl(0deg, 0%, 0%);
     color: hsl(0deg, 0%, 0%);
   }

   .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: hsl(0deg, 0%, 0%);
     color: hsl(0deg, 0%, 100%);
   }

   .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 hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
   }

   .button.is-white.is-inverted.is-outlined[disabled],
   fieldset[disabled] .button.is-white.is-inverted.is-outlined {
     background-color: transparent;
     border-color: hsl(0deg, 0%, 0%);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(0deg, 0%, 0%);
   }

   .button.is-black {
     background-color: hsl(0deg, 0%, 0%);
     border-color: transparent;
     color: hsl(0deg, 0%, 100%);
   }

   .button.is-black:hover,
   .button.is-black.is-hovered {
     background-color: black;
     border-color: transparent;
     color: hsl(0deg, 0%, 100%);
   }

   .button.is-black:focus,
   .button.is-black.is-focused {
     border-color: transparent;
     color: hsl(0deg, 0%, 100%);
   }

   .button.is-black:focus:not(:active),
   .button.is-black.is-focused:not(:active) {
     -webkit-box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25);
     box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25);
   }

   .button.is-black:active,
   .button.is-black.is-active {
     background-color: black;
     border-color: transparent;
     color: hsl(0deg, 0%, 100%);
   }

   .button.is-black[disabled],
   fieldset[disabled] .button.is-black {
     background-color: hsl(0deg, 0%, 0%);
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   .button.is-black.is-inverted {
     background-color: hsl(0deg, 0%, 100%);
     color: hsl(0deg, 0%, 0%);
   }

   .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: hsl(0deg, 0%, 100%);
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(0deg, 0%, 0%);
   }

   .button.is-black.is-loading::after {
     border-color: transparent transparent hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
   }

   .button.is-black.is-outlined {
     background-color: transparent;
     border-color: hsl(0deg, 0%, 0%);
     color: hsl(0deg, 0%, 0%);
   }

   .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: hsl(0deg, 0%, 0%);
     border-color: hsl(0deg, 0%, 0%);
     color: hsl(0deg, 0%, 100%);
   }

   .button.is-black.is-outlined.is-loading::after {
     border-color: transparent transparent hsl(0deg, 0%, 0%) hsl(0deg, 0%, 0%) !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 hsl(0deg, 0%, 100%) hsl(0deg, 0%, 100%) !important;
   }

   .button.is-black.is-outlined[disabled],
   fieldset[disabled] .button.is-black.is-outlined {
     background-color: transparent;
     border-color: hsl(0deg, 0%, 0%);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(0deg, 0%, 0%);
   }

   .button.is-black.is-inverted.is-outlined {
     background-color: transparent;
     border-color: hsl(0deg, 0%, 100%);
     color: hsl(0deg, 0%, 100%);
   }

   .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: hsl(0deg, 0%, 100%);
     color: hsl(0deg, 0%, 0%);
   }

   .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 hsl(0deg, 0%, 0%) hsl(0deg, 0%, 0%) !important;
   }

   .button.is-black.is-inverted.is-outlined[disabled],
   fieldset[disabled] .button.is-black.is-inverted.is-outlined {
     background-color: transparent;
     border-color: hsl(0deg, 0%, 100%);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(0deg, 0%, 100%);
   }

   .button.is-light {
     background-color: hsl(0deg, 0%, 96%);
     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) {
     -webkit-box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25);
     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: hsl(0deg, 0%, 96%);
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   .button.is-light.is-inverted {
     background-color: rgba(0, 0, 0, 0.7);
     color: hsl(0deg, 0%, 96%);
   }

   .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;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(0deg, 0%, 96%);
   }

   .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: hsl(0deg, 0%, 96%);
     color: hsl(0deg, 0%, 96%);
   }

   .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: hsl(0deg, 0%, 96%);
     border-color: hsl(0deg, 0%, 96%);
     color: rgba(0, 0, 0, 0.7);
   }

   .button.is-light.is-outlined.is-loading::after {
     border-color: transparent transparent hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !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: hsl(0deg, 0%, 96%);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(0deg, 0%, 96%);
   }

   .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: hsl(0deg, 0%, 96%);
   }

   .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 hsl(0deg, 0%, 96%) hsl(0deg, 0%, 96%) !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);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: rgba(0, 0, 0, 0.7);
   }

   .button.is-dark {
     background-color: hsl(220deg, 43%, 10%);
     border-color: transparent;
     color: #fff;
   }

   .button.is-dark:hover,
   .button.is-dark.is-hovered {
     background-color: #0b101b;
     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) {
     -webkit-box-shadow: 0 0 0 0.125em rgba(15, 22, 36, 0.25);
     box-shadow: 0 0 0 0.125em rgba(15, 22, 36, 0.25);
   }

   .button.is-dark:active,
   .button.is-dark.is-active {
     background-color: #070b12;
     border-color: transparent;
     color: #fff;
   }

   .button.is-dark[disabled],
   fieldset[disabled] .button.is-dark {
     background-color: hsl(220deg, 43%, 10%);
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   .button.is-dark.is-inverted {
     background-color: #fff;
     color: hsl(220deg, 43%, 10%);
   }

   .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;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(220deg, 43%, 10%);
   }

   .button.is-dark.is-loading::after {
     border-color: transparent transparent #fff #fff !important;
   }

   .button.is-dark.is-outlined {
     background-color: transparent;
     border-color: hsl(220deg, 43%, 10%);
     color: hsl(220deg, 43%, 10%);
   }

   .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: hsl(220deg, 43%, 10%);
     border-color: hsl(220deg, 43%, 10%);
     color: #fff;
   }

   .button.is-dark.is-outlined.is-loading::after {
     border-color: transparent transparent hsl(220deg, 43%, 10%) hsl(220deg, 43%, 10%) !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: hsl(220deg, 43%, 10%);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(220deg, 43%, 10%);
   }

   .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: hsl(220deg, 43%, 10%);
   }

   .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 hsl(220deg, 43%, 10%) hsl(220deg, 43%, 10%) !important;
   }

   .button.is-dark.is-inverted.is-outlined[disabled],
   fieldset[disabled] .button.is-dark.is-inverted.is-outlined {
     background-color: transparent;
     border-color: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #fff;
   }

   .button.is-primary {
     background-color: #1745CF;
     border-color: transparent;
     color: #fff;
   }

   .button.is-primary:hover,
   .button.is-primary.is-hovered {
     background-color: #1641c4;
     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) {
     -webkit-box-shadow: 0 0 0 0.125em rgba(23, 69, 207, 0.25);
     box-shadow: 0 0 0 0.125em rgba(23, 69, 207, 0.25);
   }

   .button.is-primary:active,
   .button.is-primary.is-active {
     background-color: #143db8;
     border-color: transparent;
     color: #fff;
   }

   .button.is-primary[disabled],
   fieldset[disabled] .button.is-primary {
     background-color: #1745CF;
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   .button.is-primary.is-inverted {
     background-color: #fff;
     color: #1745CF;
   }

   .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;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #1745CF;
   }

   .button.is-primary.is-loading::after {
     border-color: transparent transparent #fff #fff !important;
   }

   .button.is-primary.is-outlined {
     background-color: transparent;
     border-color: #1745CF;
     color: #1745CF;
   }

   .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: #1745CF;
     border-color: #1745CF;
     color: #fff;
   }

   .button.is-primary.is-outlined.is-loading::after {
     border-color: transparent transparent #1745CF #1745CF !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: #1745CF;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #1745CF;
   }

   .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: #1745CF;
   }

   .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 #1745CF #1745CF !important;
   }

   .button.is-primary.is-inverted.is-outlined[disabled],
   fieldset[disabled] .button.is-primary.is-inverted.is-outlined {
     background-color: transparent;
     border-color: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #fff;
   }

   .button.is-primary.is-light {
     background-color: #F5F9FF;
     color: #1745CF;
   }

   .button.is-primary.is-light:hover,
   .button.is-primary.is-light.is-hovered {
     background-color: #e8f1ff;
     border-color: transparent;
     color: #1745CF;
   }

   .button.is-primary.is-light:active,
   .button.is-primary.is-light.is-active {
     background-color: #dceaff;
     border-color: transparent;
     color: #1745CF;
   }

   .button.is-link {
     background-color: hsl(216deg, 92%, 34%);
     border-color: transparent;
     color: #fff;
   }

   .button.is-link:hover,
   .button.is-link.is-hovered {
     background-color: #06429a;
     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) {
     -webkit-box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
     box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
   }

   .button.is-link:active,
   .button.is-link.is-active {
     background-color: #063c8e;
     border-color: transparent;
     color: #fff;
   }

   .button.is-link[disabled],
   fieldset[disabled] .button.is-link {
     background-color: hsl(216deg, 92%, 34%);
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   .button.is-link.is-inverted {
     background-color: #fff;
     color: hsl(216deg, 92%, 34%);
   }

   .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;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(216deg, 92%, 34%);
   }

   .button.is-link.is-loading::after {
     border-color: transparent transparent #fff #fff !important;
   }

   .button.is-link.is-outlined {
     background-color: transparent;
     border-color: hsl(216deg, 92%, 34%);
     color: hsl(216deg, 92%, 34%);
   }

   .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: hsl(216deg, 92%, 34%);
     border-color: hsl(216deg, 92%, 34%);
     color: #fff;
   }

   .button.is-link.is-outlined.is-loading::after {
     border-color: transparent transparent hsl(216deg, 92%, 34%) hsl(216deg, 92%, 34%) !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: hsl(216deg, 92%, 34%);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(216deg, 92%, 34%);
   }

   .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: hsl(216deg, 92%, 34%);
   }

   .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 hsl(216deg, 92%, 34%) hsl(216deg, 92%, 34%) !important;
   }

   .button.is-link.is-inverted.is-outlined[disabled],
   fieldset[disabled] .button.is-link.is-inverted.is-outlined {
     background-color: transparent;
     border-color: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #fff;
   }

   .button.is-link.is-light {
     background-color: #F5F9FF;
     color: #1745CF;
   }

   .button.is-link.is-light:hover,
   .button.is-link.is-light.is-hovered {
     background-color: #e8f1ff;
     border-color: transparent;
     color: #1745CF;
   }

   .button.is-link.is-light:active,
   .button.is-link.is-light.is-active {
     background-color: #dceaff;
     border-color: transparent;
     color: #1745CF;
   }

   .button.is-info {
     background-color: hsl(216deg, 92%, 34%);
     border-color: transparent;
     color: #fff;
   }

   .button.is-info:hover,
   .button.is-info.is-hovered {
     background-color: #06429a;
     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) {
     -webkit-box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
     box-shadow: 0 0 0 0.125em rgba(7, 71, 166, 0.25);
   }

   .button.is-info:active,
   .button.is-info.is-active {
     background-color: #063c8e;
     border-color: transparent;
     color: #fff;
   }

   .button.is-info[disabled],
   fieldset[disabled] .button.is-info {
     background-color: hsl(216deg, 92%, 34%);
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   .button.is-info.is-inverted {
     background-color: #fff;
     color: hsl(216deg, 92%, 34%);
   }

   .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;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(216deg, 92%, 34%);
   }

   .button.is-info.is-loading::after {
     border-color: transparent transparent #fff #fff !important;
   }

   .button.is-info.is-outlined {
     background-color: transparent;
     border-color: hsl(216deg, 92%, 34%);
     color: hsl(216deg, 92%, 34%);
   }

   .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: hsl(216deg, 92%, 34%);
     border-color: hsl(216deg, 92%, 34%);
     color: #fff;
   }

   .button.is-info.is-outlined.is-loading::after {
     border-color: transparent transparent hsl(216deg, 92%, 34%) hsl(216deg, 92%, 34%) !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: hsl(216deg, 92%, 34%);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(216deg, 92%, 34%);
   }

   .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: hsl(216deg, 92%, 34%);
   }

   .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 hsl(216deg, 92%, 34%) hsl(216deg, 92%, 34%) !important;
   }

   .button.is-info.is-inverted.is-outlined[disabled],
   fieldset[disabled] .button.is-info.is-inverted.is-outlined {
     background-color: transparent;
     border-color: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #fff;
   }

   .button.is-info.is-light {
     background-color: #F5F9FF;
     color: #1745CF;
   }

   .button.is-info.is-light:hover,
   .button.is-info.is-light.is-hovered {
     background-color: #e8f1ff;
     border-color: transparent;
     color: #1745CF;
   }

   .button.is-info.is-light:active,
   .button.is-info.is-light.is-active {
     background-color: #dceaff;
     border-color: transparent;
     color: #1745CF;
   }

   .button.is-success {
     background-color: hsl(160deg, 100%, 25%);
     border-color: transparent;
     color: #fff;
   }

   .button.is-success:hover,
   .button.is-success.is-hovered {
     background-color: #00734d;
     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) {
     -webkit-box-shadow: 0 0 0 0.125em rgba(0, 128, 85, 0.25);
     box-shadow: 0 0 0 0.125em rgba(0, 128, 85, 0.25);
   }

   .button.is-success:active,
   .button.is-success.is-active {
     background-color: #006644;
     border-color: transparent;
     color: #fff;
   }

   .button.is-success[disabled],
   fieldset[disabled] .button.is-success {
     background-color: hsl(160deg, 100%, 25%);
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   .button.is-success.is-inverted {
     background-color: #fff;
     color: hsl(160deg, 100%, 25%);
   }

   .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;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(160deg, 100%, 25%);
   }

   .button.is-success.is-loading::after {
     border-color: transparent transparent #fff #fff !important;
   }

   .button.is-success.is-outlined {
     background-color: transparent;
     border-color: hsl(160deg, 100%, 25%);
     color: hsl(160deg, 100%, 25%);
   }

   .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: hsl(160deg, 100%, 25%);
     border-color: hsl(160deg, 100%, 25%);
     color: #fff;
   }

   .button.is-success.is-outlined.is-loading::after {
     border-color: transparent transparent hsl(160deg, 100%, 25%) hsl(160deg, 100%, 25%) !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: hsl(160deg, 100%, 25%);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(160deg, 100%, 25%);
   }

   .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: hsl(160deg, 100%, 25%);
   }

   .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 hsl(160deg, 100%, 25%) hsl(160deg, 100%, 25%) !important;
   }

   .button.is-success.is-inverted.is-outlined[disabled],
   fieldset[disabled] .button.is-success.is-inverted.is-outlined {
     background-color: transparent;
     border-color: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #fff;
   }

   .button.is-success.is-light {
     background-color: #F5F9FF;
     color: #1745CF;
   }

   .button.is-success.is-light:hover,
   .button.is-success.is-light.is-hovered {
     background-color: #e8f1ff;
     border-color: transparent;
     color: #1745CF;
   }

   .button.is-success.is-light:active,
   .button.is-success.is-light.is-active {
     background-color: #dceaff;
     border-color: transparent;
     color: #1745CF;
   }

   .button.is-warning {
     background-color: hsl(39deg, 100%, 50%);
     border-color: transparent;
     color: #fff;
   }

   .button.is-warning:hover,
   .button.is-warning.is-hovered {
     background-color: #f29d00;
     border-color: transparent;
     color: #fff;
   }

   .button.is-warning:focus,
   .button.is-warning.is-focused {
     border-color: transparent;
     color: #fff;
   }

   .button.is-warning:focus:not(:active),
   .button.is-warning.is-focused:not(:active) {
     -webkit-box-shadow: 0 0 0 0.125em rgba(255, 166, 0, 0.25);
     box-shadow: 0 0 0 0.125em rgba(255, 166, 0, 0.25);
   }

   .button.is-warning:active,
   .button.is-warning.is-active {
     background-color: #e69500;
     border-color: transparent;
     color: #fff;
   }

   .button.is-warning[disabled],
   fieldset[disabled] .button.is-warning {
     background-color: hsl(39deg, 100%, 50%);
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   .button.is-warning.is-inverted {
     background-color: #fff;
     color: hsl(39deg, 100%, 50%);
   }

   .button.is-warning.is-inverted:hover,
   .button.is-warning.is-inverted.is-hovered {
     background-color: #f2f2f2;
   }

   .button.is-warning.is-inverted[disabled],
   fieldset[disabled] .button.is-warning.is-inverted {
     background-color: #fff;
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(39deg, 100%, 50%);
   }

   .button.is-warning.is-loading::after {
     border-color: transparent transparent #fff #fff !important;
   }

   .button.is-warning.is-outlined {
     background-color: transparent;
     border-color: hsl(39deg, 100%, 50%);
     color: hsl(39deg, 100%, 50%);
   }

   .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: hsl(39deg, 100%, 50%);
     border-color: hsl(39deg, 100%, 50%);
     color: #fff;
   }

   .button.is-warning.is-outlined.is-loading::after {
     border-color: transparent transparent hsl(39deg, 100%, 50%) hsl(39deg, 100%, 50%) !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 #fff #fff !important;
   }

   .button.is-warning.is-outlined[disabled],
   fieldset[disabled] .button.is-warning.is-outlined {
     background-color: transparent;
     border-color: hsl(39deg, 100%, 50%);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(39deg, 100%, 50%);
   }

   .button.is-warning.is-inverted.is-outlined {
     background-color: transparent;
     border-color: #fff;
     color: #fff;
   }

   .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: #fff;
     color: hsl(39deg, 100%, 50%);
   }

   .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 hsl(39deg, 100%, 50%) hsl(39deg, 100%, 50%) !important;
   }

   .button.is-warning.is-inverted.is-outlined[disabled],
   fieldset[disabled] .button.is-warning.is-inverted.is-outlined {
     background-color: transparent;
     border-color: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #fff;
   }

   .button.is-warning.is-light {
     background-color: #F5F9FF;
     color: #1745CF;
   }

   .button.is-warning.is-light:hover,
   .button.is-warning.is-light.is-hovered {
     background-color: #e8f1ff;
     border-color: transparent;
     color: #1745CF;
   }

   .button.is-warning.is-light:active,
   .button.is-warning.is-light.is-active {
     background-color: #dceaff;
     border-color: transparent;
     color: #1745CF;
   }

   .button.is-danger {
     background-color: hsl(352deg, 70%, 48%);
     border-color: transparent;
     color: #fff;
   }

   .button.is-danger:hover,
   .button.is-danger.is-hovered {
     background-color: #c52338;
     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) {
     -webkit-box-shadow: 0 0 0 0.125em rgba(208, 37, 60, 0.25);
     box-shadow: 0 0 0 0.125em rgba(208, 37, 60, 0.25);
   }

   .button.is-danger:active,
   .button.is-danger.is-active {
     background-color: #ba2135;
     border-color: transparent;
     color: #fff;
   }

   .button.is-danger[disabled],
   fieldset[disabled] .button.is-danger {
     background-color: hsl(352deg, 70%, 48%);
     border-color: transparent;
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   .button.is-danger.is-inverted {
     background-color: #fff;
     color: hsl(352deg, 70%, 48%);
   }

   .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;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(352deg, 70%, 48%);
   }

   .button.is-danger.is-loading::after {
     border-color: transparent transparent #fff #fff !important;
   }

   .button.is-danger.is-outlined {
     background-color: transparent;
     border-color: hsl(352deg, 70%, 48%);
     color: hsl(352deg, 70%, 48%);
   }

   .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: hsl(352deg, 70%, 48%);
     border-color: hsl(352deg, 70%, 48%);
     color: #fff;
   }

   .button.is-danger.is-outlined.is-loading::after {
     border-color: transparent transparent hsl(352deg, 70%, 48%) hsl(352deg, 70%, 48%) !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: hsl(352deg, 70%, 48%);
     -webkit-box-shadow: none;
     box-shadow: none;
     color: hsl(352deg, 70%, 48%);
   }

   .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: hsl(352deg, 70%, 48%);
   }

   .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 hsl(352deg, 70%, 48%) hsl(352deg, 70%, 48%) !important;
   }

   .button.is-danger.is-inverted.is-outlined[disabled],
   fieldset[disabled] .button.is-danger.is-inverted.is-outlined {
     background-color: transparent;
     border-color: #fff;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #fff;
   }

   .button.is-danger.is-light {
     background-color: #F5F9FF;
     color: #1745CF;
   }

   .button.is-danger.is-light:hover,
   .button.is-danger.is-light.is-hovered {
     background-color: #e8f1ff;
     border-color: transparent;
     color: #1745CF;
   }

   .button.is-danger.is-light:active,
   .button.is-danger.is-light.is-active {
     background-color: #dceaff;
     border-color: transparent;
     color: #1745CF;
   }

   .button.is-small {
     border-radius: 3px;
     font-size: 0.813rem;
   }

   .button.is-normal {
     font-size: 0.875rem;
     min-height: unset;
     max-height: 36px;
     border-radius: 5px;
   }

   .button.is-medium {
     font-size: 1rem;
     padding-left: 1.5em;
     padding-right: 1.5em;
   }

   .button.is-large {
     font-size: 1.125rem;
     padding-left: 1.5em;
     padding-right: 1.5em;
   }

   .button[disabled],
   fieldset[disabled] .button {
     background-color: hsl(0deg, 0%, 100%);
     border-color: #DDDDDD;
     -webkit-box-shadow: none;
     box-shadow: none;
     opacity: 0.5;
   }

   .button.is-fullwidth {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
   }

   .button.is-loading {
     color: transparent !important;
     pointer-events: none;
   }

   .button.is-loading::after {
     position: absolute;
     left: calc(50% - (1em / 2));
     top: calc(50% - (1em / 2));
     position: absolute !important;
   }

   .button.is-static {
     background-color: hsl(0deg, 0%, 96%);
     border-color: #DDDDDD;
     color: hsl(0deg, 0%, 98%);
     -webkit-box-shadow: none;
     box-shadow: none;
     pointer-events: none;
   }

   .button.is-rounded {
     border-radius: 290486px;
     padding-left: calc(1em + 0.25em);
     padding-right: calc(1em + 0.25em);
   }

   .buttons {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     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) {
     border-radius: 3px;
     font-size: 0.813rem;
   }

   .buttons.are-medium .button:not(.is-small):not(.is-normal):not(.is-large) {
     font-size: 1rem;
     padding-left: 1.5em;
     padding-right: 1.5em;
   }

   .buttons.are-large .button:not(.is-small):not(.is-normal):not(.is-medium) {
     font-size: 1.125rem;
     padding-left: 1.5em;
     padding-right: 1.5em;
   }

   .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 {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 1;
     flex-shrink: 1;
   }

   .buttons.is-centered {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .buttons.is-centered:not(.has-addons) .button:not(.is-fullwidth) {
     margin-left: 0.25rem;
     margin-right: 0.25rem;
   }

   .buttons.is-right {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
   }

   .buttons.is-right:not(.has-addons) .button:not(.is-fullwidth) {
     margin-left: 0.25rem;
     margin-right: 0.25rem;
   }

   .container {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     margin: 0 auto;
     position: relative;
     width: auto;
   }

   .container.is-fluid {
     max-width: none;
     padding-left: 32px;
     padding-right: 32px;
     width: 100%;
   }

   @media screen and (min-width: 1024px) {
     .container {
       max-width: 960px;
     }
   }

   @media screen and (max-width: 1215px) {
     .container.is-widescreen {
       max-width: 1152px;
     }
   }

   @media screen and (max-width: 1407px) {
     .container.is-fullhd {
       max-width: 1344px;
     }
   }

   @media screen and (min-width: 1216px) {
     .container {
       max-width: 1152px;
     }
   }

   @media screen and (min-width: 1408px) {
     .container {
       max-width: 1344px;
     }
   }

   .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: hsl(0deg, 0%, 0%);
     font-size: 1.5rem;
     font-weight: 700;
     line-height: 1.125;
   }

   .title strong {
     color: inherit;
     font-weight: inherit;
   }

   .title+.highlight {
     margin-top: -0.75rem;
   }

   .title:not(.is-spaced)+.subtitle {
     margin-top: -1.25rem;
   }

   .title.is-1 {
     font-size: 3rem;
   }

   .title.is-2 {
     font-size: 2.25rem;
   }

   .title.is-3 {
     font-size: 1.5rem;
   }

   .title.is-4 {
     font-size: 1.125rem;
   }

   .title.is-5 {
     font-size: 1rem;
   }

   .title.is-6 {
     font-size: 0.875rem;
   }

   .title.is-7 {
     font-size: 0.813rem;
   }

   .subtitle {
     color: hsl(0deg, 0%, 8%);
     font-size: 1.125rem;
     font-weight: 700;
     line-height: 1.25;
   }

   .subtitle strong {
     color: hsl(0deg, 0%, 0%);
     font-weight: 700;
   }

   .subtitle:not(.is-spaced)+.title {
     margin-top: -1.25rem;
   }

   .subtitle.is-1 {
     font-size: 3rem;
   }

   .subtitle.is-2 {
     font-size: 2.25rem;
   }

   .subtitle.is-3 {
     font-size: 1.5rem;
   }

   .subtitle.is-4 {
     font-size: 1.125rem;
   }

   .subtitle.is-5 {
     font-size: 1rem;
   }

   .subtitle.is-6 {
     font-size: 0.875rem;
   }

   .subtitle.is-7 {
     font-size: 0.813rem;
   }

   .icon {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     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;
   }

   .tags {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     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: 0.875rem;
   }

   .tags.are-large .tag:not(.is-normal):not(.is-medium) {
     font-size: 1rem;
   }

   .tags.is-centered {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .tags.is-centered .tag {
     margin-right: 0.25rem;
     margin-left: 0.25rem;
   }

   .tags.is-right {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     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-bottom-left-radius: 0;
     border-top-left-radius: 0;
   }

   .tags.has-addons .tag:not(:last-child) {
     border-bottom-right-radius: 0;
     border-top-right-radius: 0;
   }

   .tag:not(body) {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: hsl(0deg, 0%, 96%);
     border-radius: 5px;
     color: hsl(0deg, 0%, 8%);
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
     font-size: 0.813rem;
     height: 2em;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     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: hsl(0deg, 0%, 100%);
     color: hsl(0deg, 0%, 0%);
   }

   .tag:not(body).is-black {
     background-color: hsl(0deg, 0%, 0%);
     color: hsl(0deg, 0%, 100%);
   }

   .tag:not(body).is-light {
     background-color: hsl(0deg, 0%, 96%);
     color: rgba(0, 0, 0, 0.7);
   }

   .tag:not(body).is-dark {
     background-color: hsl(220deg, 43%, 10%);
     color: #fff;
   }

   .tag:not(body).is-primary {
     background-color: #1745CF;
     color: #fff;
   }

   .tag:not(body).is-primary.is-light {
     background-color: #edf1fd;
     color: #1e50e6;
   }

   .tag:not(body).is-link {
     background-color: hsl(216deg, 92%, 34%);
     color: #fff;
   }

   .tag:not(body).is-link.is-light {
     background-color: #ebf3fe;
     color: #146ef5;
   }

   .tag:not(body).is-info {
     background-color: hsl(216deg, 92%, 34%);
     color: #fff;
   }

   .tag:not(body).is-info.is-light {
     background-color: #ebf3fe;
     color: #146ef5;
   }

   .tag:not(body).is-success {
     background-color: hsl(160deg, 100%, 25%);
     color: #fff;
   }

   .tag:not(body).is-success.is-light {
     background-color: #ebfff8;
     color: #00eb9c;
   }

   .tag:not(body).is-warning {
     background-color: hsl(39deg, 100%, 50%);
     color: #fff;
   }

   .tag:not(body).is-warning.is-light {
     background-color: #fff8eb;
     color: #946000;
   }

   .tag:not(body).is-danger {
     background-color: hsl(352deg, 70%, 48%);
     color: #fff;
   }

   .tag:not(body).is-danger.is-light {
     background-color: #fceef0;
     color: #d0253c;
   }

   .tag:not(body).is-normal {
     font-size: 0.813rem;
   }

   .tag:not(body).is-medium {
     font-size: 0.875rem;
   }

   .tag:not(body).is-large {
     font-size: 1rem;
   }

   .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%;
     -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
     -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
     transform: translateX(-50%) translateY(-50%) rotate(45deg);
     -webkit-transform-origin: center center;
     -ms-transform-origin: center center;
     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: 290486px;
   }

   a.tag:hover {
     text-decoration: underline;
   }

   .navbar {
     background-color: hsl(0deg, 0%, 100%);
     min-height: 3.25rem;
     position: relative;
     z-index: 30;
   }

   .navbar.is-white {
     background-color: hsl(0deg, 0%, 100%);
     color: hsl(0deg, 0%, 0%);
   }

   .navbar.is-white .navbar-brand>.navbar-item,
   .navbar.is-white .navbar-brand .navbar-link {
     color: hsl(0deg, 0%, 0%);
   }

   .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: hsl(0deg, 0%, 0%);
   }

   .navbar.is-white .navbar-brand .navbar-link::after {
     border-color: hsl(0deg, 0%, 0%);
   }

   .navbar.is-white .navbar-burger {
     color: hsl(0deg, 0%, 0%);
   }

   @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: hsl(0deg, 0%, 0%);
     }

     .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: hsl(0deg, 0%, 0%);
     }

     .navbar.is-white .navbar-start .navbar-link::after,
     .navbar.is-white .navbar-end .navbar-link::after {
       border-color: hsl(0deg, 0%, 0%);
     }

     .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: hsl(0deg, 0%, 0%);
     }

     .navbar.is-white .navbar-dropdown a.navbar-item.is-active {
       background-color: hsl(0deg, 0%, 100%);
       color: hsl(0deg, 0%, 0%);
     }
   }

   .navbar.is-black {
     background-color: hsl(0deg, 0%, 0%);
     color: hsl(0deg, 0%, 100%);
   }

   .navbar.is-black .navbar-brand>.navbar-item,
   .navbar.is-black .navbar-brand .navbar-link {
     color: hsl(0deg, 0%, 100%);
   }

   .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: hsl(0deg, 0%, 100%);
   }

   .navbar.is-black .navbar-brand .navbar-link::after {
     border-color: hsl(0deg, 0%, 100%);
   }

   .navbar.is-black .navbar-burger {
     color: hsl(0deg, 0%, 100%);
   }

   @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: hsl(0deg, 0%, 100%);
     }

     .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: hsl(0deg, 0%, 100%);
     }

     .navbar.is-black .navbar-start .navbar-link::after,
     .navbar.is-black .navbar-end .navbar-link::after {
       border-color: hsl(0deg, 0%, 100%);
     }

     .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: hsl(0deg, 0%, 100%);
     }

     .navbar.is-black .navbar-dropdown a.navbar-item.is-active {
       background-color: hsl(0deg, 0%, 0%);
       color: hsl(0deg, 0%, 100%);
     }
   }

   .navbar.is-light {
     background-color: hsl(0deg, 0%, 96%);
     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: hsl(0deg, 0%, 96%);
       color: rgba(0, 0, 0, 0.7);
     }
   }

   .navbar.is-dark {
     background-color: hsl(220deg, 43%, 10%);
     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: #070b12;
     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: #070b12;
       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: #070b12;
       color: #fff;
     }

     .navbar.is-dark .navbar-dropdown a.navbar-item.is-active {
       background-color: hsl(220deg, 43%, 10%);
       color: #fff;
     }
   }

   .navbar.is-primary {
     background-color: #1745CF;
     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: #143db8;
     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: #143db8;
       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: #143db8;
       color: #fff;
     }

     .navbar.is-primary .navbar-dropdown a.navbar-item.is-active {
       background-color: #1745CF;
       color: #fff;
     }
   }

   .navbar.is-link {
     background-color: hsl(216deg, 92%, 34%);
     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: #063c8e;
     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: #063c8e;
       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: #063c8e;
       color: #fff;
     }

     .navbar.is-link .navbar-dropdown a.navbar-item.is-active {
       background-color: hsl(216deg, 92%, 34%);
       color: #fff;
     }
   }

   .navbar.is-info {
     background-color: hsl(216deg, 92%, 34%);
     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: #063c8e;
     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: #063c8e;
       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: #063c8e;
       color: #fff;
     }

     .navbar.is-info .navbar-dropdown a.navbar-item.is-active {
       background-color: hsl(216deg, 92%, 34%);
       color: #fff;
     }
   }

   .navbar.is-success {
     background-color: hsl(160deg, 100%, 25%);
     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: #006644;
     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: #006644;
       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: #006644;
       color: #fff;
     }

     .navbar.is-success .navbar-dropdown a.navbar-item.is-active {
       background-color: hsl(160deg, 100%, 25%);
       color: #fff;
     }
   }

   .navbar.is-warning {
     background-color: hsl(39deg, 100%, 50%);
     color: #fff;
   }

   .navbar.is-warning .navbar-brand>.navbar-item,
   .navbar.is-warning .navbar-brand .navbar-link {
     color: #fff;
   }

   .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: #e69500;
     color: #fff;
   }

   .navbar.is-warning .navbar-brand .navbar-link::after {
     border-color: #fff;
   }

   .navbar.is-warning .navbar-burger {
     color: #fff;
   }

   @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: #fff;
     }

     .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: #e69500;
       color: #fff;
     }

     .navbar.is-warning .navbar-start .navbar-link::after,
     .navbar.is-warning .navbar-end .navbar-link::after {
       border-color: #fff;
     }

     .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: #e69500;
       color: #fff;
     }

     .navbar.is-warning .navbar-dropdown a.navbar-item.is-active {
       background-color: hsl(39deg, 100%, 50%);
       color: #fff;
     }
   }

   .navbar.is-danger {
     background-color: hsl(352deg, 70%, 48%);
     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: #ba2135;
     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: #ba2135;
       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: #ba2135;
       color: #fff;
     }

     .navbar.is-danger .navbar-dropdown a.navbar-item.is-active {
       background-color: hsl(352deg, 70%, 48%);
       color: #fff;
     }
   }

   .navbar>.container {
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     min-height: 3.25rem;
     width: 100%;
   }

   .navbar.has-shadow {
     -webkit-box-shadow: 0 2px 0 0 hsl(0deg, 0%, 96%);
     box-shadow: 0 2px 0 0 hsl(0deg, 0%, 96%);
   }

   .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 {
     -webkit-box-shadow: 0 -2px 0 0 hsl(0deg, 0%, 96%);
     box-shadow: 0 -2px 0 0 hsl(0deg, 0%, 96%);
   }

   .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 {
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-negative: 0;
     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: hsl(0deg, 0%, 8%);
     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;
     -webkit-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center;
     -webkit-transition-duration: 86ms;
     -o-transition-duration: 86ms;
     transition-duration: 86ms;
     -webkit-transition-property: background-color, opacity, -webkit-transform;
     transition-property: background-color, opacity, -webkit-transform;
     -o-transition-property: background-color, opacity, transform;
     transition-property: background-color, opacity, transform;
     transition-property: background-color, opacity, transform, -webkit-transform;
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     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) {
     -webkit-transform: translateY(5px) rotate(45deg);
     -ms-transform: translateY(5px) rotate(45deg);
     transform: translateY(5px) rotate(45deg);
   }

   .navbar-burger.is-active span:nth-child(2) {
     opacity: 0;
   }

   .navbar-burger.is-active span:nth-child(3) {
     -webkit-transform: translateY(-5px) rotate(-45deg);
     -ms-transform: translateY(-5px) rotate(-45deg);
     transform: translateY(-5px) rotate(-45deg);
   }

   .navbar-menu {
     display: none;
   }

   .navbar-item,
   .navbar-link {
     color: hsl(0deg, 0%, 8%);
     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: hsl(0deg, 0%, 98%);
     color: hsl(216deg, 92%, 34%);
   }

   .navbar-item {
     display: block;
     -webkit-box-flex: 0;
     -ms-flex-positive: 0;
     flex-grow: 0;
     -ms-flex-negative: 0;
     flex-shrink: 0;
   }

   .navbar-item img {
     max-height: 1.75rem;
   }

   .navbar-item.has-dropdown {
     padding: 0;
   }

   .navbar-item.is-expanded {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 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: hsl(216deg, 92%, 34%);
   }

   .navbar-item.is-tab.is-active {
     background-color: transparent;
     border-bottom-color: hsl(216deg, 92%, 34%);
     border-bottom-style: solid;
     border-bottom-width: 3px;
     color: hsl(216deg, 92%, 34%);
     padding-bottom: calc(0.5rem - 3px);
   }

   .navbar-content {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 1;
     flex-shrink: 1;
   }

   .navbar-link:not(.is-arrowless) {
     padding-right: 2.5em;
   }

   .navbar-link:not(.is-arrowless)::after {
     border-color: hsl(216deg, 92%, 34%);
     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: hsl(0deg, 0%, 96%);
     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 {
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }

     .navbar-link::after {
       display: none;
     }

     .navbar-menu {
       background-color: hsl(0deg, 0%, 100%);
       -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
       box-shadow: 0 8px 16px rgba(0, 0, 0, 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 {
       -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1);
       box-shadow: 0 -2px 3px rgba(0, 0, 0, 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 {
       -webkit-box-align: stretch;
       -ms-flex-align: stretch;
       align-items: stretch;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }

     .navbar {
       min-height: 3.25rem;
     }

     .navbar.is-spaced {
       padding: 1rem 2rem;
     }

     .navbar.is-spaced .navbar-start,
     .navbar.is-spaced .navbar-end {
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
     }

     .navbar.is-spaced a.navbar-item,
     .navbar.is-spaced .navbar-link {
       border-radius: 5px;
     }

     .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: hsl(0deg, 0%, 96%);
       color: hsl(0deg, 0%, 0%);
     }

     .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active {
       background-color: hsl(0deg, 0%, 96%);
       color: hsl(216deg, 92%, 34%);
     }

     .navbar-burger {
       display: none;
     }

     .navbar-item,
     .navbar-link {
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }

     .navbar-item {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }

     .navbar-item.has-dropdown {
       -webkit-box-align: stretch;
       -ms-flex-align: stretch;
       align-items: stretch;
     }

     .navbar-item.has-dropdown-up .navbar-link::after {
       -webkit-transform: rotate(135deg) translate(0.25em, -0.25em);
       -ms-transform: rotate(135deg) translate(0.25em, -0.25em);
       transform: rotate(135deg) translate(0.25em, -0.25em);
     }

     .navbar-item.has-dropdown-up .navbar-dropdown {
       border-bottom: 2px solid #DDDDDD;
       border-radius: 7px 7px 0 0;
       border-top: none;
       bottom: 100%;
       -webkit-box-shadow: 0 -8px 8px rgba(0, 0, 0, 0.1);
       box-shadow: 0 -8px 8px rgba(0, 0, 0, 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;
       -webkit-transform: translateY(0);
       -ms-transform: translateY(0);
       transform: translateY(0);
     }

     .navbar-menu {
       -webkit-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       -ms-flex-negative: 0;
       flex-shrink: 0;
     }

     .navbar-start {
       -webkit-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
       margin-right: auto;
     }

     .navbar-end {
       -webkit-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end;
       margin-left: auto;
     }

     .navbar-dropdown {
       background-color: hsl(0deg, 0%, 100%);
       border-bottom-left-radius: 7px;
       border-bottom-right-radius: 7px;
       border-top: 2px solid #DDDDDD;
       -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1);
       box-shadow: 0 8px 8px rgba(0, 0, 0, 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: hsl(0deg, 0%, 96%);
       color: hsl(0deg, 0%, 0%);
     }

     .navbar-dropdown a.navbar-item.is-active {
       background-color: hsl(0deg, 0%, 96%);
       color: hsl(216deg, 92%, 34%);
     }

     .navbar.is-spaced .navbar-dropdown,
     .navbar-dropdown.is-boxed {
       border-radius: 7px;
       border-top: none;
       -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
       box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
       display: block;
       opacity: 0;
       pointer-events: none;
       top: calc(100% + (-4px));
       -webkit-transform: translateY(-5px);
       -ms-transform: translateY(-5px);
       transform: translateY(-5px);
       -webkit-transition-duration: 86ms;
       -o-transition-duration: 86ms;
       transition-duration: 86ms;
       -webkit-transition-property: opacity, -webkit-transform;
       transition-property: opacity, -webkit-transform;
       -o-transition-property: opacity, transform;
       transition-property: opacity, transform;
       transition-property: opacity, transform, -webkit-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 {
       -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1);
       box-shadow: 0 -2px 3px rgba(0, 0, 0, 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: hsl(0deg, 0%, 0%);
     }

     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: hsl(0deg, 0%, 98%);
     }
   }

   .hero.is-fullheight-with-navbar {
     min-height: calc(100vh - 3.25rem);
   }

   .modal {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: none;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     overflow: hidden;
     position: fixed;
     z-index: 40;
   }

   .modal.is-active {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }

   .modal-background {
     background-color: rgba(0, 0, 0, 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),
   print {

     .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: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     max-height: calc(100vh - 40px);
     overflow: hidden;
     -ms-overflow-y: visible;
   }

   .modal-card-head,
   .modal-card-foot {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background-color: hsl(0deg, 0%, 96%);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     padding: 20px;
     position: relative;
   }

   .modal-card-head {
     border-bottom: 1px solid #DDDDDD;
     border-top-left-radius: 7px;
     border-top-right-radius: 7px;
   }

   .modal-card-title {
     color: hsl(0deg, 0%, 0%);
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     font-size: 1.125rem;
     line-height: 1;
   }

   .modal-card-foot {
     border-bottom-left-radius: 7px;
     border-bottom-right-radius: 7px;
     border-top: 1px solid #DDDDDD;
   }

   .modal-card-foot .button:not(:last-child) {
     margin-right: 0.5em;
   }

   .modal-card-body {
     -webkit-overflow-scrolling: touch;
     background-color: hsl(0deg, 0%, 100%);
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 1;
     flex-shrink: 1;
     overflow: auto;
     padding: 20px;
   }

   .tabs {
     -webkit-overflow-scrolling: touch;
     -webkit-box-align: stretch;
     -ms-flex-align: stretch;
     align-items: stretch;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     font-size: 0.875rem;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     overflow: hidden;
     overflow-x: auto;
     white-space: nowrap;
   }

   .tabs a {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-bottom-color: #DDDDDD;
     border-bottom-style: solid;
     border-bottom-width: 1px;
     color: hsl(0deg, 0%, 8%);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-bottom: -1px;
     padding: 0.5em 1em;
     vertical-align: top;
   }

   .tabs a:hover {
     border-bottom-color: hsl(0deg, 0%, 0%);
     color: hsl(0deg, 0%, 0%);
   }

   .tabs li {
     display: block;
   }

   .tabs li.is-active a {
     border-bottom-color: hsl(216deg, 92%, 34%);
     color: hsl(216deg, 92%, 34%);
   }

   .tabs ul {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border-bottom-color: #DDDDDD;
     border-bottom-style: solid;
     border-bottom-width: 1px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
   }

   .tabs ul.is-left {
     padding-right: 0.75em;
   }

   .tabs ul.is-center {
     -webkit-box-flex: 0;
     -ms-flex: none;
     flex: none;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding-left: 0.75em;
     padding-right: 0.75em;
   }

   .tabs ul.is-right {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     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 {
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .tabs.is-right ul {
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
   }

   .tabs.is-boxed a {
     border: 1px solid transparent;
     border-radius: 5px 5px 0 0;
   }

   .tabs.is-boxed a:hover {
     background-color: hsl(0deg, 0%, 96%);
     border-bottom-color: #DDDDDD;
   }

   .tabs.is-boxed li.is-active a {
     background-color: hsl(0deg, 0%, 100%);
     border-color: #DDDDDD;
     border-bottom-color: transparent !important;
   }

   .tabs.is-fullwidth li {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     -ms-flex-negative: 0;
     flex-shrink: 0;
   }

   .tabs.is-toggle a {
     border-color: #DDDDDD;
     border-style: solid;
     border-width: 1px;
     margin-bottom: 0;
     position: relative;
   }

   .tabs.is-toggle a:hover {
     background-color: hsl(0deg, 0%, 96%);
     border-color: hsl(220deg, 16%, 96%);
     z-index: 2;
   }

   .tabs.is-toggle li+li {
     margin-left: -1px;
   }

   .tabs.is-toggle li:first-child a {
     border-radius: 5px 0 0 5px;
   }

   .tabs.is-toggle li:last-child a {
     border-radius: 0 5px 5px 0;
   }

   .tabs.is-toggle li.is-active a {
     background-color: hsl(216deg, 92%, 34%);
     border-color: hsl(216deg, 92%, 34%);
     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: 290486px;
     border-top-left-radius: 290486px;
     padding-left: 1.25em;
   }

   .tabs.is-toggle.is-toggle-rounded li:last-child a {
     border-bottom-right-radius: 290486px;
     border-top-right-radius: 290486px;
     padding-right: 1.25em;
   }

   .tabs.is-small {
     font-size: 0.813rem;
   }

   .tabs.is-medium {
     font-size: 1rem;
   }

   .tabs.is-large {
     font-size: 1.125rem;
   }


   .modal {
     display: block;
     z-index: 99999;
   }

   .modal .modal-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 100%;
   }

   .modal .modal-content .context-default {
     background-color: hsl(0deg, 0%, 100%);
     width: 100%;
     padding: 2rem;
     border-radius: 5px;
   }

   .modal .modal-content .context-default p {
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
   }

   .modal.is-hidden {
     display: none;
   }

   @media screen and (max-width: 768px) {
     .wp-block-latest-posts.is-grid li {
       margin-right: 0;
       margin-bottom: 2rem;
     }
   }

   @media screen and (min-width: 1024px) {
     .wp-block-latest-posts.is-grid li {
       margin: 0 2rem 2rem 0;
     }

     .wp-block-latest-posts.columns-4 li {
       width: calc(25% - 2rem);
     }
   }

   /* Slidebar */
   [data-off] {
     background-color: #fff;
     -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
     display: none;
   }

   .slidebar-container {
     position: relative;
   }

   .slidebar-container .js-menu-mobile {
     position: absolute;
     top: 5px;
     right: -50px;
     left: inherit;
   }

   .slidebar-container .user-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-top: 56px;
     padding-left: 16px;
   }

   .slidebar-container .user-info img {
     margin-right: 16px;
     width: 48px;
     border-radius: 50px;
   }
   .slidebar-container .user-info p{
     font-weight: 700;
   font-size: 20px;
     color: #CCE1FF;
   }

   .slidebar-container .user-info .avatar {
     -ms-flex-negative: 0;
     flex-shrink: 0;
     margin-right: 0.5rem;
   }

   .slidebar-container .user-info .desc {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     min-width: 0;
   }

   .slidebar-container .user-info .desc span {
     display: inline-block;
     max-width: 70%;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     word-wrap: normal;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
     font-weight: 600;
   }

   .slidebar-container .user-info .desc a {
     background-color: #4f4f4f;
     padding: 4px 1rem;
     color: hsl(0deg, 0%, 100%);
     font-size: 0.813rem;
     font-weight: 600;
   }

   .slidebar-container>ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     height: calc(100% - 210px);
     overflow-y: auto;
   }

   .slidebar-container ul li {
     display: block;
     border-bottom: 1px solid #272775;
     margin: 16px;
     margin-bottom: 0;
     padding-bottom: 16px;
   }

   /* .slidebar-container ul li:nth-last-of-type(2) {
     padding-bottom: 0;
     border-bottom: none;
   }

   .slidebar-container ul li:last-child {
     display: none;
   } */

   .slidebar-container ul li>a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     color: #fff;
     font-size: 18px;
     font-weight: 700;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2) !important;
     position: relative;
   }

   .slidebar-container ul .menu-item-has-children>a:after {
     background: url(images/white_arrow_icon.png) center center no-repeat;
     background-size: contain;
     content: "";
     width: 16px;
     height: 16px;
     margin-left: 10px;
     transition: all 0.15s;
   }

   .slidebar-container .sub-menu {
     display: block !important;
     margin-top: 0px !important;
     max-height: 0px;
     overflow: hidden;
     -webkit-transition: max-height 0.2s ease-out;
     -o-transition: max-height 0.2s ease-out;
     transition: max-height 0.2s ease-out;
   }

   .slidebar-container .sub-menu li {
     padding: 8px 0;
     padding-bottom: 0;
     border-bottom: none;
   }

   .slidebar-container .sub-menu li:last-child {
     margin-bottom: 0;
     margin-left: 16px;
     display: block;
   }

   .slidebar-container .sub-menu li a {
     border-bottom: 0;
     font-size: 16px;
     color: #fff;
     font-weight: 700;
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2) !important;
     position: relative;
   }

   .slidebar-container ul li a .icn {
     position: relative;
     right: -10px;
     width: auto;
     height: auto;
     font-size: 1.5rem;
   }

   .slidebar-container ul+ul {
     margin-top: 0;
   }

   .slidebar-container .user-info+ul {
     margin-top: 0;
   }

   .slidebar-container .user-info+ul li {
     display: block;
   }

   .slidebar-container .search-input-form {
     margin: 32px 16px 24px;
     background-color: #fff;
     -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
     box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
     border-radius: 8px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
   }

   .slidebar-container .search-input-form:focus-within {
     -webkit-box-shadow: 0 0 0 0.125em rgba(23, 69, 207, 0.15);
     box-shadow: 0 0 0 0.125em rgba(23, 69, 207, 0.15);
   }

   .slidebar-container .search-input-form input {
     width: 90%;
     padding: 10px 24px;
     padding-right: 8px;
     background-color: transparent;
     outline: none;
     border: none;
     font-weight: 600;
     border-radius: 8px;
     font-size: 18px;
     line-height: 24px;
   }

   .slidebar-container ul li.active a:after {
     transform: rotate(180deg);
   }

   .slidebar-container .search-input-form input::-webkit-input-placeholder {
     font-weight: normal;
     color: #7A8490;
   }

   .slidebar-container .search-input-form input::-moz-placeholder {
     font-weight: normal;
     color: #7A8490;
   }

   .slidebar-container .search-input-form input:-ms-input-placeholder {
     font-weight: normal;
     color: #7A8490;
   }

   .slidebar-container .search-input-form input::-ms-input-placeholder {
     font-weight: normal;
     color: #7A8490;
   }

   .slidebar-container .search-input-form input::placeholder {
     font-weight: normal;
     color: #7A8490;
   }

   .slidebar-container .search-input-form .button-search {
     padding: 0;
     outline: none;
     background: none;
     border: none;
     padding-right: 24px;
   }

   .slidebar-container .search-input-form i.icn {
     width: auto;
     padding-right: 0;
     color: #3f444b;
   }

   .slidebar-container {
     position: relative;
     height: 95%;
   }

   .slidebar-container .bottom-sliderbar {
     position: relative;
     bottom: 0;
     padding: 0 16px 24px;
     width: 100%;
   }

   .slidebar-container .bottom-sliderbar .img-logo {
     display: block;
     background: url(images/logo.1.0.2.png) 0 0 no-repeat;
     background-size: contain;
     height: 26px;
     width: 132px;
     text-indent: -9999px;
     outline: none;
     margin-bottom: 24px;
   }

   .slidebar-container .bottom-sliderbar a {
     font-weight: 700;
     font-size: 18px;
     color: #fff;
     margin-top: 16px;
     display: block;
   }

   .gradient-line {
     height: 2px;
     background: linear-gradient(90deg, #FFFFFF 0%, #57DDFF 35.09%, #FFB139 67.74%, #0000FF 87.39%, #250542 99.44%);
     width: 100%;
   }

   html,
   body,
   [data-name=container],
   [data-off] {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
   }

   @media screen and (max-width: 768px) {

     html,
     body {
       overflow-x: hidden;
     }
   }

   /**
      * Canvas
      */
   [data-name] {
     z-index: 1;
   }

   [data-name=container] {
     width: 100%;
     height: 100%;
     position: relative;
     /*background-color: white; /* Basic background color, overwrite this in your own css. */
     -webkit-overflow-scrolling: touch;
     /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
   }

   @media screen and (max-width: 768px) {
     [data-name=container] {
       overflow-y: auto;
     }
   }

   [data-name=container]:before {
     clear: both;
     content: "";
     display: table;
   }

   [data-name=container]:after {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: -1;
     content: "";
     background-color: rgba(0, 0, 0, 0.4);
     -webkit-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
     -o-transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
     transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);
     opacity: 0;
     visibility: hidden;
   }

   .js-close-any-slidebar:after {
     z-index: 1000;
     opacity: 1;
     visibility: visible;
   }

   @media screen and (max-width: 768px) {
     .js-close-any-slidebar {
       height: 100vh !important;
       overflow: hidden !important;
     }
   }

   /**
      * Off-Canavs
      */
   [data-off] {
     display: none;
     position: fixed;
     overflow: hidden;
     overflow-y: auto;
     background-color: #000028;
     /* Basic background color, overwrite this in your own css. */
     color: white;
     /* Basic colors, overwrite this in your own css. */
     -webkit-overflow-scrolling: touch;
     /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
   }

   [data-off*=top] {
     width: 100%;
     height: 255px;
     top: 0;
   }

   [data-off*=right] {
     width: 255px;
     height: 100%;
     top: 0;
     right: 0;
   }

   [data-off*=bottom] {
     width: 100%;
     height: 255px;
     bottom: 0;
   }

   [data-off*=left] {
     width: 320px;
     height: 100%;
     top: 0;
     left: 0;
   }

   [data-off*=reveal] {
     z-index: 0;
   }

   [data-off*=push] {
     z-index: 1;
   }

   [data-off*=overlay] {
     z-index: 9999;
   }

   [data-off*=shift] {
     z-index: 0;
   }


   /* Layout */
   .header {
     width: 100%;
     height: 70px;
     position: relative;
     z-index: 989;
     background-color: #000028;
   }

   .header.is-header-shadow {
     -webkit-box-shadow: none;
     box-shadow: none;
   }

   @media screen and (min-width: 1024px) {
     .header.is-header-shadow {
       -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
       box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
     }
   }

   @media screen and (min-width: 1024px) {
     .header {
       position: fixed;
       top: 0;
       right: 0;
       left: 0;
       height: auto;
     }
   }

   .header.fixed {
     position: fixed;
     top: 0;
     right: 0;
     left: 0;
     height: auto;
     -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
   }

   .header .header-container {
     position: relative;
     z-index: 999;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100%;
     max-width: 1440px;
     margin-right: auto;
     margin-left: auto;
     padding: 0.75rem 1.5rem;
   }

   .header .header-container .img-logo {
     display: block;
     background: url(images/logo.1.0.2.png) 0 0 no-repeat;
     background-size: contain;
     height: 24px;
     width: 120px;
     text-indent: -9999px;
     outline: none;
     align-self: center;
   }
   @media screen and (min-width: 1600px){
     .header .header-container{
       max-width: 1600px;
     }

   }
   @media screen and (max-width: 1023px) {
     .header .header-container {
       height: 65px;
     }
   }

   @media screen and (min-width: 1024px) {
     .header .header-container {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: space-between;
       -ms-flex-pack: space-between;
       justify-content: space-between;
       padding: 12px 24px;
     }

     .header .header-container .img-logo {
       background-size: contain;
       height: 24px;
       width: 121px;
       position: relative;
       margin-right: 16px;
     }

   }

   @media screen and (min-width: 1201px) {
     .header .header-container {
       padding: 24px ;
     }
     .header .header-container .img-logo {
       background-size: contain;
       height: 32px;
       width: 160px;
       position: relative;
       margin-right: 48px;
     }
   }

   .header .header-container ul .menu-item-has-children {
     position: relative;
   }

   .header .header-container .group-header-left {
     display: flex;
     align-content: center;
     justify-content: center;
     height: 100%;
   }

   .header .header-container .nav {
     display: none;
   }

   .header .header-container .nav ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     min-width: 0;
   }

   .header .header-container ul .menu-item-has-children:after {
     content: "";
     position: absolute;
     background: url(images/white_arrow_icon.png) center center no-repeat;
     background-size: contain;
     width: 16px;
     height: 16px;
     display: block;
     bottom: 19px;
     right: 18px;
     transition: all 0.15s;
   }
   @media screen and (min-width: 1201px) {
     .header .header-container ul .menu-item-has-children:after{
       bottom: 22px;
       right: 18px;
     }
   }

   .header .header-container ul .menu-item-has-children:hover:after {
     content: "";
     transform: rotate(180deg);
   }

   .header .header-container ul .menu-item-has-children>a {
     padding-right: 40px !important;
   }

   .header .header-container .nav ul li a {
     display: block;
     padding: 18px 16px;
     color: #fff;
     font-size: 16px;
     line-height: normal;
     font-weight: 700;
     position: relative;
   }
   @media screen and (min-width: 1201px) {
     .header .header-container .nav ul li a {
       display: block;
       padding: 18px 16px;
       color: #fff;
       font-size: 20px;
       font-weight: 700;
       position: relative;
     }
   }

   /* .header .header-container .nav ul li.menu-item-has-children > a:hover:after {
       content: '';
         position: absolute;
         bottom: 24px;
         left: 32px;
         height: 1px;
         width: calc(100% - 64px);
         background-color: #fff;
     } */
   .header .header-container .nav ul li a.button {
     padding-top: calc(0.5em - 1px);
     padding-bottom: calc(0.5em - 1px);
   }

   .header .header-container .nav ul li .dropdown-toggle:after {
     content: "";
     border-style: solid;
     height: 0;
     width: 0;
     border-color: #fff transparent transparent;
     border-width: 5px 5px 0;
   }

   .header .header-container .nav ul li .dropdown-menu {
     display: none;
     position: absolute;
     top: 100%;
     left: 0;
     z-index: 1000;
     float: left;
     background-color: hsl(0deg, 0%, 100%);
     min-width: 170px;
     margin-top: -0.5rem;
     padding: 0.25rem 0;
     border-radius: 5px;
   }

   .header .header-container .nav ul li .dropdown-menu ul {
     display: block;
     margin: 0;
   }

   .header .header-container .nav ul li .dropdown-menu ul li a {
     height: auto;
     padding-top: 10px;
     padding-bottom: 10px;
     line-height: 1.4;
     color: hsl(0deg, 0%, 8%);
     font-weight: 500;
     text-transform: none;
   }

   .header .header-container .nav ul li .dropdown-menu ul li a:hover {}

   .header .header-container .nav ul li .dropdown-menu.show {
     display: block;
   }

   /* .header .header-container .nav ul li.current-menu-item a:after {
       content:'';
     } */
   .header .header-container .nav ul li.is-user {
     margin-right: 1rem;
   }

   .header .header-container .nav ul li.is-user a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }

   .header .header-container .nav ul li.is-user .avatar {
     -ms-flex-negative: 0;
     flex-shrink: 0;
     height: 32px;
     width: 32px;
     margin-right: 0.5rem;
   }

   .header .header-container .nav ul li.is-user span.user-name {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     min-width: 0;
     display: inline-block;
     max-width: 100px;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     white-space: nowrap;
     word-wrap: normal;
     display: none;
   }

   @media screen and (max-width: 1049px) {
     .header .header-container .nav .menu-item a {
       font-size: 1rem;
       padding: 0.875rem;
     }
   }

   @media screen and (min-width: 1024px) {
     .header .header-container .nav {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
     }
   }

   .header .header-container .field-button {
     position: relative;
     margin-bottom: 0;
     z-index: 10;
   }

   .header .header-container .field-button .dropdown-menu {
     top: inherit !important;
     left: inherit !important;
     -webkit-transform: none !important;
     -ms-transform: none !important;
     transform: none !important;
   }

   .header .header-container .field-button .dropdown-menu.show {
     z-index: 2;
     opacity: 1;
     visibility: visible;
   }

   .header .header-container .field-button .context-arr {
     position: absolute;
     right: 0;
     z-index: -1;
     content: "";
     background-color: hsl(0deg, 0%, 100%);
     min-width: 170px;
     margin-top: 44px;
     padding: 0;
     border-radius: 5px;
     opacity: 0;
     visibility: hidden;
     -webkit-box-shadow: 0 16px 32px rgba(67, 86, 100, 0.17) !important;
     box-shadow: 0 16px 32px rgba(67, 86, 100, 0.17) !important;
     border: 1px solid #d7e0ea;
   }

   .header .header-container .field-button .context-arr ul {
     padding-top: 8px;
     padding-bottom: 8px;
   }

   .header .header-container .field-button .context-arr ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 12px 16px;
   }

   .header .header-container .field-button .context-arr ul li a [class^=icn] {
     margin-right: 8px;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
   }

   .header .header-container .field-button .context-arr ul li a span {
     display: block;
     line-height: 1;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
     font-weight: 500;
   }

   .header .header-container .field-button .context-arr ul li a:hover {
     background-color: hsl(0deg, 0%, 96%);
   }

   .header .header-container .field-button .context-arr ul li a:hover span {
     color: #1745CF;
   }

   .header .header-container .field-button .control {
     margin: 0 !important;
   }

   .header .header-container .field-button .control:first-child .button {
     border-right: 0;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }

   .header .header-container .field-button .control:nth-child(2) .button {
     padding-right: 12px;
     padding-left: 12px;
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }

   .header .header-container .field-button .control:nth-child(2) .button i.arr {
     border-style: solid;
     height: 0;
     width: 0;
     border-color: hsl(0deg, 0%, 100%) transparent transparent;
     border-width: 6px 5px 0;
   }

   @media screen and (max-width: 1023px) {
     .header .header-container .field-button .control:nth-child(2) .button i.arr {
       border-style: solid;
       height: 0;
       width: 0;
       border-color: #1745CF transparent transparent;
       border-width: 6px 5px 0;
     }
   }

   .header .header-container .field-button .control:nth-child(2) .button:hover i.arr,
   .header .header-container .field-button .control:nth-child(2) .button:focus i.arr,
   .header .header-container .field-button .control:nth-child(2) .button:active i.arr {
     border-color: hsl(0deg, 0%, 100%) transparent transparent;
   }

   @media screen and (max-width: 1023px) {

     .header .header-container .field-button .control:nth-child(2) .button:hover i.arr,
     .header .header-container .field-button .control:nth-child(2) .button:focus i.arr,
     .header .header-container .field-button .control:nth-child(2) .button:active i.arr {
       border-color: #1745CF transparent transparent;
     }
   }

   .header .header-container .field-button .control:nth-child(2) .button.is-show-arr i.arr {
     border-style: solid;
     height: 0;
     width: 0;
     border-color: transparent transparent hsl(0deg, 0%, 100%);
     border-width: 0 5px 6px;
   }

   .header .header-container .field-button .control:nth-child(2) .button.is-show-arr:hover i.arr,
   .header .header-container .field-button .control:nth-child(2) .button.is-show-arr:focus i.arr,
   .header .header-container .field-button .control:nth-child(2) .button.is-show-arr:active i.arr {
     border-color: transparent transparent hsl(0deg, 0%, 100%);
   }

   @media screen and (max-width: 1023px) {

     .header .header-container .field-button .control:nth-child(2) .button.is-show-arr:hover i.arr,
     .header .header-container .field-button .control:nth-child(2) .button.is-show-arr:focus i.arr,
     .header .header-container .field-button .control:nth-child(2) .button.is-show-arr:active i.arr {
       border-color: transparent transparent #1745CF;
     }
   }

   @media screen and (max-width: 1023px) {
     .header .header-container .field-button .control .create-ad-top-button {
       background-color: hsl(0deg, 0%, 100%);
       border-color: #1745CF;
       color: #1745CF;
     }

     .header .header-container .field-button .control .create-ad-top-button:hover {
       background-color: #e8ecfa;
     }
   }

   .header .header-container .field-button .control .button-arr {
     background-color: #153eba;
   }

   @media screen and (max-width: 1023px) {
     .header .header-container .field-button .control .button-arr {
       background-color: hsl(0deg, 0%, 100%);
       border-color: #1745CF;
       color: #1745CF;
       border-left-color: #8ba2e7;
     }

     .header .header-container .field-button .control .button-arr:hover {
       background-color: #e8ecfa;
     }
   }

   .header .header-container .hamburger {
     position: absolute;
     top: 0.75rem;
     left: 1rem;
     outline: 0;
   }

   @media screen and (min-width: 1024px) {
     .header .header-container .hamburger {
       display: none;
     }
   }

   @media (max-width: 349px) {
     .header .header-container .img-logo {
       height: 15px;
       width: 75px;
     }

     .header .header-container .field-button a {
       font-size: 0.75rem;
     }
   }

   .header .header-container .group-header-right {
     position: absolute;
     right: 1.5rem;
     top: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }
   @media screen and (min-width: 1024px) {
     .header .header-container .group-header-right{
       top: auto;
     }

   }
   .header .header-container .group-search {
     position: relative;
     margin-left: 2.5rem;
   }

   .header .header-container .group-search .search-input-form {
     max-width: 420px;
     position: absolute;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     right: 0;
   }

   .header .header-container .group-search .search-input-form input {
     border: none;
     outline: none;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0.02em;
     color: #000;
     background-color: #fff;
     padding: 0.625rem 1rem;
     border-radius: 8px;
     opacity: 0;
     visibility: hidden;
     width: 0;
     transition: all 0.2s;
     /* cursor: default; */
     font-weight: 400;
     margin-right: 32px;
   }

   @media screen and (min-width: 1201px) {
     .header .header-container .group-search .search-input-form input{
       font-size: 20px;
       line-height: 30px;
     }
   }

   .header .header-container .group-search .search-input-form input::-webkit-input-placeholder {
     color: #7A8490;
     font-weight: normal;
   }

   .header .header-container .group-search .search-input-form input::-moz-placeholder {
     color: #7A8490;
     font-weight: normal;
   }

   .header .header-container .group-search .search-input-form input:-ms-input-placeholder {
     color: #7A8490;
     font-weight: normal;
   }

   .header .header-container .group-search .search-input-form input::-ms-input-placeholder {
     color: #7A8490;
     font-weight: normal;
   }

   .header .header-container .group-search .search-input-form input::placeholder {
     color: #7A8490;
     font-weight: normal;
   }

   .header .header-container .group-search .search-input-form .button-search {
     padding: 0;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     outline: none;
     background: none;
     border: none;
     /* cursor: pointer; */
   }

   .header .header-container .group-search .search-input-form i.icn {
     padding: 0;
     padding-top: 0.5px;
     width: 38px;
     height: auto;
     font-size: 1.125rem;
     text-align: center;
     color: #000;
     /* cursor: pointer; */
   }

   .header .header-container .group-search .search-input-form.active-search {
     z-index: 99;
     min-height: 48px;
   }

   .header .header-container .group-search .search-input-form.active-search input {
     opacity: 1;
     visibility: visible;
     width: 300px;
     /* cursor: text; */
     z-index: 11;
   }

   @media screen and (min-width: 1201px) {
     .header .header-container .group-search .search-input-form.active-search input{
       width: 350px;
     }
   }

   .header .header-container .group-search .search-input-form.active-search .button-search {
     outline: none;
     background: none;
     border: none;
   }

   .header .header-container .group-search .search-input-form.active-search i.icn {
     color: #fff;
   }

   .footer {
     max-width: 1200px;
     margin-right: auto;
     margin-left: auto;
     position: relative
   }
   @media screen and (min-width: 1024px){
     footer.footer:after{
       content: "";
       background: #F6F7F8;
       height: 2px;
       width: 100vw;
       position: absolute;
       top: 0;
       left: 0;
     }
   }
   @media screen and (min-width: 1200px){
     footer.footer:after{
       left: calc((1200px - 100vw)/2);
     }
   }

   .footer .addr-list li {
     margin-bottom: 16px;
   }

   .footer .addr-list li span.lab {
     display: block;
     color: #0D2138;
     font-size: 16px;
     font-weight: 400;
   }

   .footer .addr-list li span.content {
     display: block;
     width: 100%;
     color: #0D2138;
     font-size: 16px;
   }
   .footer .addr-list li span.content a{
     transition: all 0.3s;
   }
   .footer .addr-list li span.content a:hover{
     color: #0D2138;
   }

   .footer .link-list li {
     margin-bottom: 24px;
   }

   .footer .link-list {
     border-bottom: 1px solid #E2E5E9;
   }

   .footer .column:last-child .link-list {
     border-bottom: none;
   }

   .footer .link-list li a {
     color: #0D2138;
     font-size: 16px;
   }

   .footer .link-list li a:hover {
     color: #1745CF;
   }

   .footer .cpr {
     display: block;
     color: rgba(20, 20, 20, 0.5);
     font-size: 0.875rem;
   }

   .footer .addr-list li a {
     color: #0068FF;
   }

   @media screen and (min-width: 1024px) {
     .footer .link-list li {
       margin-bottom: 16px;
     }

     .footer {
       padding: 60px 20px 32px;
       /* border-top: 2.5px solid #F6F7F8; */
     }

     .footer .addr-list {
       padding-right: 2rem;
     }

     .footer .addr-list li {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }

     .footer .addr-list li span.lab {
       -ms-flex-negative: 0;
       flex-shrink: 0;
       width: 100px;
     }

     .footer .addr-list li span {
       -webkit-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       min-width: 0;
     }
   }

   /* Section */
   body.archive{
     overflow-x: hidden;
   }

   .body-single {
     margin-top: 80px;
   }
   @media screen and (min-width: 1201px) {
     .body-single{
       margin-top: 90px;
     }
   }

   @media screen and (max-width: 1023px) {
     .body-single {
       margin-top: 0px;
     }
   }

   @media (min-height: 720px) and (min-width: 1024px) {
     .section-hero {
       height: 85vh !important;
     }
   }

   .section-hero {
     margin-right: auto;
     margin-left: auto;
     padding: 100px 1rem;
   }

   .section-hero h1 {
     display: block;
     margin-bottom: 30px;
     color: hsl(0deg, 0%, 8%);
     font-size: 2em;
     font-weight: 900;
     text-align: center;
     line-height: 1.35;
   }

   .section-hero h1 span {
     -ms-flex-wrap: nowrap;
     flex-wrap: nowrap;
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
     display: inline-flex;
   }

   .section-hero p {
     display: block;
     margin-bottom: 30px;
     color: hsl(0deg, 0%, 8%);
     font-size: 1.125rem;
     text-align: center;
   }

   @media screen and (min-width: 1024px) {
     .section-hero {
       background: url(images/bg_hero.png) center center no-repeat;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       height: 100vh;
       padding-right: 1rem;
       padding-left: 1rem;
     }

     .section-hero .context {
       max-width: 800px;
       margin-right: auto;
       margin-left: auto;
     }

     .section-hero h1 {
       font-size: 3.5em;
       margin-top: 10px;
     }
   }

   .section-hero .buttons {
     margin-bottom: 0;
     margin-top: 10px;
   }

   .section-hero .buttons .button {
     margin-bottom: 0;
   }

   .section-why {
     position: relative;
     max-width: 960px;
     margin-right: auto;
     margin-bottom: 64px;
     margin-left: auto;
   }

   .section-why .context {
     margin-bottom: 70px;
   }

   .section-why .context h2 {
     margin-bottom: 0.625rem;
   }

   .section-why .context p {
     text-align: center;
     max-width: 660px;
     margin: 0 auto;
     color: #686E76;
   }

   @media screen and (max-width: 768px) {
     .section-why .context {
       padding: 0 1.5rem;
     }
   }

   .section-why .phone-swiper {
     display: block;
     position: relative;
     height: auto;
     width: 240px;
     margin-right: auto;
     margin-left: auto;
   }

   .section-why .phone-swiper .ico-oval {
     display: block;
     position: absolute;
     top: 60px;
     left: 50%;
     background: url(images/bg_oval.png) 0 0 no-repeat;
     background-size: cover;
     height: 280px;
     width: 280px;
     margin-left: -140px;
   }

   .section-why .phone-swiper .phone-container {
     position: relative;
     z-index: 5;
     border-radius: 50px;
     overflow: hidden;
     padding-top: 40px;
     background-color: #fff;
   }

   @media screen and (max-width: 768px) {
     .section-why .phone-swiper .phone-container {
       border-radius: 40px;
       margin-bottom: 50px;
       padding-top: 30px;
     }
   }

   .section-why .phone-swiper .phone-container .swiper-slide {
     padding: 0 19px 0 21px;
   }

   @media screen and (max-width: 768px) {
     .section-why .phone-swiper .phone-container .swiper-slide {
       padding: 0 15px;
     }
   }

   .section-why .phone-swiper .phone-frame {
     position: absolute;
     top: 0;
     z-index: 15;
     -webkit-box-shadow: 0 0 25px 5px #d1d1d1;
     box-shadow: 0 0 25px 5px #d1d1d1;
     border-radius: 50px;
   }

   @media screen and (max-width: 768px) {
     .section-why .phone-swiper .phone-frame {
       border-radius: 35px;
     }
   }

   .section-why .item-why {
     margin-right: auto;
     margin-left: auto;
     text-align: center;
   }

   .section-why .item-why i.ico-why {
     display: block;
     background: url(images/sprites_why.png);
     background-size: 280px 70px;
     height: 70px;
     width: 70px;
     margin-right: auto;
     margin-bottom: 8px;
     margin-left: auto;
   }

   .section-why .item-why p {
     display: block;
     color: #686E76;
     font-size: 14px;
   }

   .section-why .item-why.is-01 {
     margin-bottom: 24px;
   }

   .section-why .item-why.is-01 i.ico-why {
     background-position: 0 0;
   }

   .section-why .item-why.is-02 {
     margin-bottom: 24px;
   }

   .section-why .item-why.is-02 i.ico-why {
     background-position: -70px 0;
   }

   .section-why .item-why.is-03 i.ico-why {
     background-position: -140px 0;
   }

   .section-why .item-why.is-04 i.ico-why {
     background-position: -210px 0;
   }

   @media screen and (max-width: 1023px) {
     .section-why .item-why-groups {
       width: 90%;
       margin: 0 auto;
     }

     .section-why .item-why-groups .item-why-group {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
     }

     .section-why .item-why-groups .item-why-group .item-why {
       width: 50%;
     }

     .section-why .item-why-groups .item-why-group .item-why .title-why {
       max-width: 124px;
       margin: 0 auto;
       font-weight: 500;
       font-size: 0.875em;
     }
   }

   @media screen and (max-width: 1023px) and (min-width: 768px) {
     .section-why .item-why-groups {
       width: 75%;
     }

     .section-why .item-why-groups .item-why {
       width: 35% !important;
     }

     .section-why .item-why-groups .item-why .title-why {
       font-size: 1em !important;
     }

     .section-why .item-why-groups .item-why.is-01 {
       position: absolute;
       top: 250px;
       left: 0;
     }

     .section-why .item-why-groups .item-why.is-02 {
       position: absolute;
       top: 250px;
       right: 0;
     }

     .section-why .item-why-groups .item-why.is-03 {
       position: absolute;
       top: 450px;
       left: 0;
     }

     .section-why .item-why-groups .item-why.is-04 {
       position: absolute;
       top: 450px;
       right: 0;
     }
   }

   @media screen and (min-width: 1024px) {
     .section-why {
       margin-bottom: 130px;
     }

     .section-why .phone-swiper {
       height: auto;
       width: 320px;
     }

     .section-why .phone-swiper .ico-oval {
       position: absolute;
       top: 110px;
       left: 50%;
       height: 449px;
       width: 449px;
       margin-left: -225px;
     }

     .section-why .item-why {
       max-width: 240px !important;
       margin-bottom: 0;
       padding-right: 0;
       padding-left: 0;
     }

     .section-why .item-why i.ico-why {
       background-size: 512px 128px;
       height: 128px;
       width: 128px;
     }

     .section-why .item-why.is-01 {
       position: absolute;
       top: 225px;
       left: 0;
     }

     .section-why .item-why.is-02 {
       position: absolute;
       top: 225px;
       right: 0;
     }

     .section-why .item-why.is-02 i.ico-why {
       background-position: -128px 0;
     }

     .section-why .item-why.is-03 {
       position: absolute;
       top: 500px;
       left: 0;
     }

     .section-why .item-why.is-03 i.ico-why {
       background-position: -256px 0;
     }

     .section-why .item-why.is-03 .title-why {
       padding: 0;
     }

     .section-why .item-why.is-04 {
       position: absolute;
       top: 500px;
       right: 0;
     }

     .section-why .item-why.is-04 i.ico-why {
       background-position: -384px 0;
     }
   }

   .sectiom-ecosystem {
     height: auto;
     margin-bottom: 4.5rem;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem {
       margin-bottom: 4rem;
     }

     .sectiom-ecosystem p {
       font-size: 0.875rem;
     }
   }

   .sectiom-ecosystem .container-ecosystem {
     position: relative;
     padding-top: 65px;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem {
       padding: 1.5rem;
       padding-top: 64px;
       padding-bottom: 0;
     }
   }

   .sectiom-ecosystem .container-ecosystem .columns {
     margin: 0;
   }

   .sectiom-ecosystem .container-ecosystem .background {
     position: absolute;
     top: 0;
     right: 0;
     background: #f6f7fa;
     width: 100%;
     height: 100%;
     max-height: 670px;
     z-index: -1;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .background {
       height: 45%;
     }
   }

   .sectiom-ecosystem .container-ecosystem .context {
     margin-bottom: 60px;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .context {
       margin-bottom: 50px;
     }
   }

   .sectiom-ecosystem .container-ecosystem .context h2 {
     margin-bottom: 0.625rem;
   }

   .sectiom-ecosystem .container-ecosystem .context p {
     text-align: center;
     max-width: 700px;
     margin: 0 auto;
     color: #686e76;
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content {
     max-width: 1200px;
     margin: 0 auto;
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo {
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     max-width: 500px;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo {
       max-width: 100%;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
     }

     .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo .columns {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       height: 250px;
     }
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo .column-logo {
     margin-left: 36px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 0rem;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo .column-logo {
       margin-left: 0;
       margin: 0 auto;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
     }
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo .column-logo .image-logo {
     position: relative;
     max-width: 150px;
     height: 150px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     background: #fff;
     margin-bottom: 2rem;
     -webkit-box-shadow: 0 18px 35px 0 rgba(0, 0, 0, 0.06);
     box-shadow: 0 18px 35px 0 rgba(0, 0, 0, 0.06);
     border-radius: 0.5rem;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo .column-logo .image-logo {
       max-width: 100px;
       height: 100px;
       margin-bottom: 1.5rem;
       margin-right: 1rem;
     }
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo .column-logo .image-logo:last-child {
       margin-right: 0;
     }
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo .column-logo .image-logo.is-zalo {
     background: #1745CF;
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo .column-logo .image-logo svg {
     width: 50%;
     height: auto;
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo .column-logo .image-logo p {
     position: absolute;
     bottom: 1.125rem;
     font-size: 0.75rem;
     color: hsl(0deg, 0%, 8%);
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo .column-logo .image-logo p {
       font-size: 0.5rem;
     }
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .logo .columns {
     margin: 0;
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .text {
     max-width: 530px;
     padding: 0;
     margin-left: 48px;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .text {
       max-width: 100%;
       margin-left: 0;
     }
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .text p span {
     font-size: 24px;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .text p span {
       font-size: 1.125rem;
     }
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .circle-percent {
     margin-top: 2.625rem;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .circle-percent {
       margin-top: 1.125rem;
     }

     .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .circle-percent p {
       margin-bottom: 1rem !important;
     }
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .circle-percent p {
     margin-bottom: 2rem;
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .circle-percent .circle-rows {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .circle-percent .circle-rows {
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
     }
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .circle-percent .circle-rows .circle-row {
     margin-right: 40px;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .circle-percent .circle-rows .circle-row {
       margin: 0;
     }

     .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .circle-percent .circle-rows .circle-row svg {
       max-width: 70%;
       height: auto;
     }
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .icon-row {
     margin-top: 2rem;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .icon-row {
       margin-top: 1rem;
     }
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .icon-row p {
     margin-bottom: 0;
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .icon-row .circle-rows {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .icon-row .circle-rows {
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
     }
   }

   .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .icon-row .circle-rows .circle-small-icon {
     margin: 1rem 1.125rem 0;
     margin-left: 0;
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .icon-row .circle-rows .circle-small-icon {
       margin: 1rem 0.75rem 0;
       margin-left: 0;
     }
   }

   @media screen and (max-width: 768px) {
     .sectiom-ecosystem .container-ecosystem .ecosystem-content .text .icon-row .circle-rows .circle-small-icon svg {
       width: 80%;
     }
   }

   .section-video-oa {
     max-width: 1200px;
     margin: 0 auto 4.5rem;
   }

   @media screen and (max-width: 768px) {
     .section-video-oa {
       margin: 0 0 4rem;
     }
   }

   .section-video-oa .column {
     padding: 0;
   }

   .section-video-oa .video {
     max-width: 500px;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
     position: relative;
     display: block;
   }

   @media screen and (max-width: 768px) {
     .section-video-oa .video {
       padding: 0 1.5rem;
     }
   }

   .section-video-oa .video .background-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 98%;
   }

   .section-video-oa .video .background-overlay .button-play {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 100%;
     cursor: pointer;
   }

   @media screen and (max-width: 768px) {
     .section-video-oa .video .background-overlay .button-play {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }
   }

   .section-video-oa .video .background-overlay .button-play i {
     border-radius: 50px;
     font-size: 3.5rem;
     color: #1745CF;
     width: auto;
     height: auto;
     position: relative;
     z-index: 2;
     padding: 0;
     -webkit-box-shadow: 0 5px 10px rgba(28, 48, 79, 0.2);
     box-shadow: 0 5px 10px rgba(28, 48, 79, 0.2);
   }

   .section-video-oa .video .background-overlay .button-play i:after {
     content: "";
     background: #fff;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 12px;
     top: 12px;
     z-index: -1;
   }

   .section-video-oa .video .background-overlay .button-play i:hover {
     -webkit-transform: scale(1.25);
     -ms-transform: scale(1.25);
     transform: scale(1.25);
   }

   .section-video-oa .video .background-overlay .button-play .background-button-video {
     background: #0048b4;
     width: 40px;
     height: 40px;
     position: absolute;
     z-index: 1;
   }

   .section-video-oa .video .background-overlay .button-play .buttonActive {
     opacity: 0;
     font-size: 5rem;
   }

   @media screen and (min-width: 1024px) {
     .section-video-oa .video .background-overlay .button-play:hover .icn {
       opacity: 1 !important;
     }
   }

   @media screen and (max-width: 768px) {
     .section-video-oa .video {
       max-width: 100%;
     }
   }

   .section-video-oa .container {
     max-width: 550px !important;
     margin: 0;
     margin-left: 48px;
   }

   @media screen and (max-width: 768px) {
     .section-video-oa .container {
       max-width: 100% !important;
       margin-left: 0;
       padding: 1.5rem;
       padding-top: 2rem;
       padding-bottom: 0;
     }
   }

   .section-video-oa .container .context {
     margin-bottom: 1.625rem;
   }

   .section-video-oa .container .context h2 {
     margin-bottom: 0.625rem;
   }

   @media screen and (max-width: 768px) {
     .section-video-oa .container .context h2 {
       text-align: center;
     }
   }

   .section-video-oa .container .context p {
     color: #686E76;
     margin-bottom: 10px;
   }

   @media screen and (max-width: 768px) {
     .section-video-oa .container .context p {
       text-align: center;
     }
   }

   .section-video-oa .container .content p {
     font-size: 1rem;
     color: hsl(0deg, 0%, 8%);
   }

   .section-video-oa .container .content ul {
     margin-top: 1.625rem;
     margin-bottom: 1.75rem;
   }

   @media screen and (max-width: 768px) {
     .section-video-oa .container .content ul {
       margin-top: 1.375rem;
       margin-bottom: 1.5rem;
     }
   }

   .section-video-oa .container .content ul li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 11px;
   }

   .section-video-oa .container .content ul li i {
     width: auto;
     height: auto;
     font-size: 1.5rem;
     border: 1px solid #e9e9e9;
     border-radius: 50px;
     color: #1745CF;
     margin-right: 1rem;
   }

   @media screen and (max-width: 768px) {
     .section-video-oa .columns {
       margin: 0;
     }

     .section-video-oa .columns .container p {
       font-size: 0.875rem;
     }

     .section-video-oa .columns .container li {
       font-size: 0.875rem;
     }

     .section-video-oa .columns .container li i {
       font-size: 1.25rem !important;
       margin-right: 0.875rem !important;
       margin-bottom: 0.25rem;
       margin-top: 0.25rem;
     }
   }

   .section-intro {
     max-width: 1200px;
     margin-right: auto;
     /* margin-bottom: 50px; */
     margin-left: auto;
     padding-right: 1rem;
     padding-left: 1rem;
   }

   .section-intro>.title {
     max-width: 500px;
     margin-right: auto;
     margin-left: auto;
   }

   .section-intro .intro-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   .section-intro .intro-list li {
     width: 50%;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     padding: 8px;
   }

   .section-intro .intro-list li .item-intro {
     display: block;
     position: relative;
     border-radius: 15px;
     overflow: hidden;
   }

   .section-intro .intro-list li .item-intro:hover .context {
     background-color: rgba(9, 17, 58, 0.5);
   }

   .section-intro .intro-list li .item-intro:before {
     display: block;
     content: "";
     padding-top: 136%;
   }

   .section-intro .intro-list li .item-intro .context {
     position: relative;
     position: absolute;
     right: 0;
     bottom: 0;
     left: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     background-color: rgba(9, 17, 58, 0.6);
     padding: 12px;
     height: 100%;
   }

   .section-intro .intro-list li .item-intro .context h4.title-intro {
     display: block;
     margin-bottom: 8px;
     color: hsl(0deg, 0%, 100%);
     font-size: 1rem;
     font-weight: 900;
     line-height: 1.25;
   }

   .section-intro .intro-list li .item-intro .context p {
     display: none;
     margin-bottom: 12px;
     color: hsl(0deg, 0%, 100%);
     font-size: 0.875rem;
   }

   .section-intro .intro-list li .item-intro .context span.more {
     display: none;
     color: hsl(0deg, 0%, 100%);
     font-size: 0.875rem;
     font-weight: 700;
   }

   @media screen and (min-width: 1024px) {
     .section-intro {
       margin-bottom: 80px;
     }

     .section-intro .intro-list {
       margin: null(-20px);
     }

     .section-intro .intro-list li {
       width: 25%;
       padding: 0 20px;
     }

     .section-intro .intro-list li .item-intro .context {
       padding: 1.5rem;
     }

     .section-intro .intro-list li .item-intro .context h4.title-intro {
       font-size: 1.5rem;
     }

     .section-intro .intro-list li .item-intro .context p {
       display: block;
     }

     .section-intro .intro-list li .item-intro .context span.more {
       display: block;
     }
   }

   .section-showcase {
     max-width: 1200px;
     margin-right: auto;
     margin-bottom: 3.125rem;
     margin-left: auto;
     padding-right: 1.5rem;
     padding-left: 1.5rem;
   }

   @media screen and (max-width: 768px) {
     .section-showcase {
       margin-bottom: 64px;
     }
   }

   .section-showcase>.title {
     max-width: 500px;
     margin-right: auto;
     margin-left: auto;
   }

   .section-showcase .showcase-tabs-outer {
     position: relative;
     height: 47px;
     margin-bottom: 1.5rem;
   }

   .section-showcase .showcase-tabs-outer:before {
     position: absolute;
     top: 1px;
     right: 1px;
     z-index: 1;
     content: "";
     background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(35%, #fefefe), to(#fefefe));
     background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fefefe 35%, #fefefe 100%);
     background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fefefe 35%, #fefefe 100%);
     height: 45px;
     width: 45px;
     border-radius: 0 5px 5px 0;
   }

   .section-showcase .showcase-tabs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     border: 1px solid #DDDDDD;
     border-radius: 5px;
     -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
     box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.05);
   }

   .section-showcase .showcase-tabs ul.nav-tabs {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: start;
     -ms-flex-pack: start;
     justify-content: flex-start;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     padding-right: 1.5rem;
     padding-left: 1.5rem;
   }

   .section-showcase .showcase-tabs ul.nav-tabs li {
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
   }

   .section-showcase .showcase-tabs ul.nav-tabs li a {
     display: block;
     padding: 12px 20px;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
     font-weight: 700;
     text-align: center;
   }

   .section-showcase .showcase-tabs ul.nav-tabs li a.is-active,
   .section-showcase .showcase-tabs ul.nav-tabs li a.active {
     color: #1745CF;
   }

   .section-showcase .showcase-tabs ul.nav-tabs li a:hover {
     color: #1745CF;
   }

   .section-showcase .showcase-tabs ul.nav-tabs li a:hover i.arr {
     border-style: solid;
     height: 0;
     width: 0;
     border-color: #1745CF transparent transparent;
     border-width: 5px 4px 0;
   }

   .section-showcase .showcase-tabs ul.nav-tabs li a i.arr {
     border-style: solid;
     height: 0;
     width: 0;
     border-color: hsl(0deg, 0%, 8%) transparent transparent;
     border-width: 5px 4px 0;
     margin-left: 4px;
   }

   .section-showcase .showcase-tabs ul.nav-tabs li a.button-another-dropdown {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .section-showcase .hidden-another-dropdown {
     display: none;
     position: absolute;
     right: 150px;
     background-color: hsl(0deg, 0%, 100%);
     width: 170px;
     padding: 0;
     border-radius: 5px;
     margin-top: -5px;
     z-index: 10;
   }

   .section-showcase .hidden-another-dropdown ul {
     padding-top: 8px;
     padding-bottom: 8px;
   }

   .section-showcase .hidden-another-dropdown ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 8px 16px;
   }

   @media screen and (max-width: 1023px) {
     .section-showcase .hidden-another-dropdown ul li a {
       padding: 14px 16px;
     }
   }

   .section-showcase .hidden-another-dropdown ul li a [class^=icn] {
     margin-right: 8px;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
   }

   .section-showcase .hidden-another-dropdown ul li a span {
     display: block;
     line-height: 1;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
     font-weight: 500;
   }

   .section-showcase .hidden-another-dropdown ul li a:hover {
     background-color: hsl(0deg, 0%, 96%);
   }

   .section-showcase .hidden-another-dropdown.another-dropdown-show {
     display: block;
   }

   .section-showcase .showcase-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-right: auto;
     margin-left: auto;
   }

   .section-showcase .showcase-content .desc-showcase {
     -webkit-box-flex: 1;
     -ms-flex-positive: 1;
     flex-grow: 1;
     min-width: 0;
     padding-right: 1rem;
   }

   .section-showcase .showcase-content .desc-showcase p {
     display: block;
     margin-bottom: 1rem;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
   }

   .section-showcase .showcase-content .desc-showcase ul {
     margin-bottom: 1.5rem;
   }

   .section-showcase .showcase-content .desc-showcase ul li {
     display: block;
     position: relative;
     margin-bottom: 8px;
     padding-left: 1rem;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
   }

   .section-showcase .showcase-content .desc-showcase ul li:before {
     position: absolute;
     top: 8px;
     left: 0;
     content: "";
     background-color: hsl(0deg, 0%, 8%);
     height: 6px;
     width: 6px;
     border-radius: 290486px;
   }

   .section-showcase .showcase-content .img-showcase {
     -ms-flex-negative: 0;
     flex-shrink: 0;
     width: 354px;
   }

   @media screen and (max-width: 768px) {
     .section-showcase .showcase-tabs {
       width: 100%;
       padding: 0 10px;
     }

     .section-showcase .showcase-tabs ul.nav-tabs {
       padding-right: 12px;
       padding-left: 12px;
       border: none;
     }

     .section-showcase .showcase-tabs ul.nav-tabs li {
       -ms-flex-negative: 0;
       flex-shrink: 0;
     }

     .section-showcase .showcase-tabs ul.nav-tabs li a {
       padding-right: 12px;
       padding-left: 12px;
     }

     .section-showcase .showcase-tabs ul.nav-tabs li::last-child {
       padding-right: 10px;
     }

     .section-showcase .swiper-buttons {
       top: 45%;
       height: 110%;
       outline: none;
       width: 15%;
     }

     .section-showcase .swiper-buttons.swiper-button-next {
       right: -2px;
       background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(75%, white), to(white));
       background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), white 75%, white);
       background-image: linear-gradient(to right, rgba(255, 255, 255, 0), white 75%, white);
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -webkit-box-pack: end;
       -ms-flex-pack: end;
       justify-content: flex-end;
     }

     .section-showcase .swiper-buttons.swiper-button-prev {
       left: -2px;
       background-image: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0)), color-stop(75%, white), to(white));
       background-image: -o-linear-gradient(right, rgba(255, 255, 255, 0), white 75%, white);
       background-image: linear-gradient(to left, rgba(255, 255, 255, 0), white 75%, white);
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -webkit-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
     }

     .section-showcase .swiper-buttons::after {
       -webkit-transform: scale(0.4, 0.4);
       -ms-transform: scale(0.4, 0.4);
       transform: scale(0.4, 0.4);
       color: #333;
       display: none;
     }

     .section-showcase .swiper-buttons .icon-swiper-button {
       padding: 0;
       position: relative;
       top: -1px;
       font-size: 1.5rem;
       color: #333;
     }

     .section-showcase .swiper-pagination {
       bottom: 0;
       top: unset !important;
       background: #cccccc;
     }

     .section-showcase .hidden-another-dropdown {
       position: absolute;
       right: 0;
     }

     .section-showcase .swiper-button-disabled {
       display: none;
     }
   }

   @media screen and (min-width: 769px) {
     .section-showcase .showcase-tabs {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       border: 1px solid #DDDDDD;
       border-radius: 5px;
     }

     .section-showcase .showcase-tabs ul.nav-tabs {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       position: relative;
       padding-right: 0.5rem;
       padding-left: 0.5rem;
     }

     .section-showcase .showcase-tabs ul.nav-tabs li {
       width: -webkit-fit-content !important;
       width: -moz-fit-content !important;
       width: fit-content !important;
     }

     .section-showcase .showcase-tabs ul.nav-tabs li a {
       display: block;
       padding: 12px;
       color: hsl(0deg, 0%, 8%);
       font-size: 0.875rem;
       font-weight: 700;
       text-align: center;
     }

     .section-showcase .swiper-buttons {
       top: 45%;
       height: 110%;
       outline: none;
     }

     .section-showcase .swiper-buttons.swiper-button-next {
       right: 0;
       background-image: -webkit-gradient(linear, left top, right top, from(transparent), to(grey));
       background-image: -o-linear-gradient(left, transparent, grey);
       background-image: linear-gradient(to right, transparent, grey);
     }

     .section-showcase .swiper-buttons.swiper-button-prev {
       left: 0;
       background-image: -webkit-gradient(linear, right top, left top, from(transparent), to(grey));
       background-image: -o-linear-gradient(right, transparent, grey);
       background-image: linear-gradient(to left, transparent, grey);
     }

     .section-showcase .swiper-buttons::after {
       -webkit-transform: scale(0.4, 0.4);
       -ms-transform: scale(0.4, 0.4);
       transform: scale(0.4, 0.4);
       color: #1745CF;
     }
   }

   @media screen and (min-width: 1024px) {
     .section-showcase {
       margin-right: auto;
       margin-bottom: 2.5rem;
       margin-left: auto;
     }

     .section-showcase h2 {
       margin-bottom: 1.875rem !important;
     }

     .section-showcase .showcase-tabs {
       width: -webkit-fit-content;
       width: -moz-fit-content;
       width: fit-content;
     }

     .section-showcase .showcase-tabs ul.nav-tabs li {
       width: -webkit-fit-content !important;
       width: -moz-fit-content !important;
       width: fit-content !important;
     }

     .section-showcase .showcase-tabs ul.nav-tabs li a {
       display: block;
       padding: 12px 16px;
       color: hsl(0deg, 0%, 8%);
       font-size: 0.875rem;
       font-weight: 700;
       text-align: center;
     }

     .section-showcase .showcase-tabs ul.nav-tabs li a.is-active,
     .section-showcase .showcase-tabs ul.nav-tabs li a.active {
       color: #1745CF;
     }

     .section-showcase .showcase-tabs ul.nav-tabs li a:hover {
       color: #1745CF;
     }

     .section-showcase .showcase-tabs .swiper-buttons,
     .section-showcase .showcase-tabs .swiper-pagination {
       display: none;
     }

     .section-showcase .showcase-tabs .swiper-button-disabled {
       display: none;
     }

     .section-showcase .showcase-content {
       max-width: 760px;
       padding: 1rem;
     }

     .section-showcase .showcase-content p {
       margin-bottom: 1.5rem !important;
       font-size: 1rem !important;
     }

     .section-showcase .showcase-content li {
       font-size: 1rem !important;
     }
   }

   .section-article-home {
     max-width: 960px;
     margin-right: 1.5rem;
     margin-bottom: 50px;
     margin-left: 1.5rem;
   }

   .section-article-home>.title {
     max-width: 600px;
     margin-right: auto;
     margin-bottom: 0.75em;
     margin-left: auto;
   }

   .section-article-home .article-home-list-wrap {
     border: 1px solid #DDDDDD;
     border-radius: 5px;
   }

   .section-article-home .article-home-list-wrap .article-bg {
     height: 160px;
     border-radius: 5px 5px 0 0;
   }

   .section-article-home .article-home-list-wrap .article-home-list-parent {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   .section-article-home .article-home-list-wrap .banner-adchecker {
     margin: 1.5rem;
     margin-top: 0;
     position: relative;
     max-width: 100%;
     display: block;
   }

   .section-article-home .article-home-list-wrap .article-home-list {
     padding: 1.5rem;
   }

   .section-article-home .article-home-list-wrap .article-home-list ul.al-list li a {
     display: block;
     padding-top: 6px;
     padding-bottom: 6px;
     color: #1745CF;
     font-size: 0.875rem;
   }

   .section-article-home .article-home-list-wrap .article-home-list ul.al-list li a:hover {
     text-decoration: underline;
   }

   .section-article-home .article-home-list-wrap .article-home-list+.article-home-list {
     padding-top: 0;
   }

   @media screen and (min-width: 1024px) {
     .section-article-home {
       margin-right: auto;
       margin-bottom: 80px;
       margin-left: auto;
     }

     .section-article-home .article-home-list-wrap {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       min-height: 290px;
     }

     .section-article-home .article-home-list-wrap .article-bg {
       -ms-flex-negative: 0;
       flex-shrink: 0;
       width: 240px;
       height: auto;
       border-radius: 5px 0 0 5px;
     }

     .section-article-home .article-home-list-wrap .article-home-list-parent {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
     }

     .section-article-home .article-home-list-wrap .article-home-list {
       -webkit-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       min-width: 0;
       padding: 2rem;
     }

     .section-article-home .article-home-list-wrap .article-home-list ul.al-list li a {
       font-size: 1rem;
     }

     .section-article-home .article-home-list-wrap .article-home-list+.article-home-list {
       padding-top: 2rem;
     }
   }

   .section-follow {
     position: relative;
     max-width: 960px;
     margin: 0 1.5rem 64px;
     padding: 1rem;
     padding-left: 80px;
     border: 1px solid #DDDDDD;
     border-radius: 5px;
   }

   .section-follow i.ico-phone {
     display: block;
     position: absolute;
     top: 20px;
     left: 1rem;
     background: url(images/ico_follow_phone.png) 0 0 no-repeat;
     background-size: cover;
     height: 50px;
     width: 48px;
     margin-right: 1rem;
   }

   .section-follow .desc-follow {
     margin-bottom: 1rem;
   }

   .section-follow .desc-follow h4 {
     display: block;
     margin-bottom: 4px;
     color: hsl(0deg, 0%, 8%);
     font-size: 1rem;
     font-weight: 700;
     line-height: 1.4;
   }

   .section-follow .desc-follow p {
     display: block;
     color: rgba(20, 20, 20, 0.5);
     font-size: 0.813rem;
   }

   .section-follow .button {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     width: 110px;
     cursor: pointer;
   }

   .section-follow .button iframe {
     width: 100% !important;
   }

   .section-follow .button * {
     cursor: pointer;
   }

   .section-follow .button.is-disabled {
     width: auto;
     display: none !important;
   }

   .section-follow.is-done .button {
     display: none !important;
   }

   .section-follow.is-done .button.is-disabled {
     display: -webkit-inline-box !important;
     display: -ms-inline-flexbox !important;
     display: inline-flex !important;
   }

   @media screen and (min-width: 1024px) {
     .section-follow {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       margin: -30px auto 72px;
       padding-right: 20px;
       padding-left: 20px;
     }

     .section-follow i.ico-phone {
       -ms-flex-negative: 0;
       flex-shrink: 0;
       position: relative;
       top: inherit;
       left: inherit;
     }

     .section-follow .desc-follow {
       width: 100%;
       -webkit-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       min-width: 0;
       margin-bottom: 0;
     }

     .section-follow .button {
       margin-left: auto;
     }
   }

   .section-cta {
     background: url(images/bg_footer_cta.png) top center no-repeat;
     background-size: cover;
   }

   .section-cta .context {
     max-width: 680px;
     margin-right: auto;
     margin-left: auto;
     padding: 50px 2rem;
     text-align: center;
     line-height: 1.25;
   }

   .section-cta .context p {
     display: none;
     margin-bottom: 8px;
     color: hsl(0deg, 0%, 100%);
     font-size: 1rem;
   }

   .section-cta .context h2 {
     display: block;
     margin-bottom: 2rem;
     color: hsl(0deg, 0%, 100%);
     font-size: 1.5rem;
     font-weight: 900;
     text-shadow: 0 1px 2px rgba(0, 0, 0, 0.64);
   }

   .section-cta .context a.button {
     min-width: 240px;
     border-color: transparent;
   }

   @media screen and (min-width: 1024px) {
     .section-cta .context {
       padding: 110px 2rem;
     }

     .section-cta .context p {
       display: block;
     }

     .section-cta .context h2 {
       font-size: 3rem;
     }
   }

   .section-cover {
     position: relative;
     background: #fff;
     padding: 40px 1.5rem;
     overflow: hidden;
     z-index: 800;
   }

   @media screen and (min-width: 1024px) {
     .section-cover {
       background: #f6f7fa;
       z-index: 0;
     }
   }

   .section-cover .head {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 100%;
   }

   .section-cover .head span {
     position: relative;
   }

   .section-cover .head span:before {
     display: none;
     position: absolute;
     right: 0;
     bottom: -10px;
     left: 0;
     content: "";
     background-color: #4f4f4f;
     height: 2px;
   }

   @media screen and (min-width: 1024px) {
     .section-cover .head span:before {
       display: block;
     }
   }

   .section-cover .head .post-categories {
     display: block;
     margin-bottom: 0.75rem;
   }

   .section-cover .head .post-categories li {
     text-align: center;
     display: none;
   }

   .section-cover .head .post-categories li a {
     position: relative;
     color: rgba(20, 20, 20, 0.75);
     font-size: 1rem;
     font-weight: 700;
   }

   .section-cover .head .post-categories li a:before {
     position: absolute;
     bottom: -10px;
     left: 50%;
     content: "";
     background-color: rgba(20, 20, 20, 0.75);
     height: 2px;
     width: 40px;
     margin-left: -20px;
   }

   .section-cover .head .post-categories li:first-child {
     display: block;
   }

   .section-cover .head .post-categories li:first-child a:hover {
     color: #1745CF !important;
   }

   .section-cover .head h1 em {
     padding-top: 10px;
     margin-bottom: -22px;
   }

   .section-cover h1 {
     display: block;
     width: 100%;
     color: hsl(0deg, 0%, 8%);
     font-size: 2rem;
     font-weight: 900;
     text-align: center;
     max-width: 800px;
     margin: 0 auto;
   }

   .section-cover h1 em {
     display: block;
     max-width: 680px;
     margin-right: auto;
     margin-left: auto;
     color: rgba(20, 20, 20, 0.5);
     font-size: 0.875rem;
     font-weight: 400;
     font-style: normal;
     text-align: center;
     line-height: 24px;
   }

   .section-cover h1 em a {
     color: #1745CF;
     text-decoration: underline;
   }

   @media screen and (min-width: 1024px) {
     .section-cover h1 em {
       font-size: 1rem;
     }
   }

   @media screen and (min-width: 1024px) {
     .section-cover h1 {
       font-size: 3rem;
       line-height: 1.25;
       padding-top: 10px;
     }
   }

   @media screen and (min-width: 1024px) {
     .section-cover {
       padding-top: 72px;
       padding-bottom: 60px;
     }
   }

   .section-form label em {
     color: rgba(20, 20, 20, 0.5);
     font-style: normal;
   }

   .section-form .error {
     display: block;
     margin-top: 4px;
     color: hsl(352deg, 70%, 48%);
     font-size: 0.813rem;
   }

   .section-form .select,
   .section-form .input,
   .section-form select {
     width: 100%;
   }

   .section-form .select:after {
     top: 20px !important;
     right: 12px !important;
   }

   .section-form .select select {
     font-size: 0.875rem;
   }

   .section-faqs {
     max-width: 768px;
     padding: 1.5rem 1.5rem 50px;
     margin: 0 auto;
   }

   .section-faqs .tab-faq {
     display: none;
   }

   .section-faqs .card {
     background-color: #fff;
     border-radius: 3px;
     margin-top: 0.75rem;
     cursor: pointer;
     -webkit-box-shadow: 0 8px 16px rgba(67, 86, 100, 0.08);
     box-shadow: 0 8px 16px rgba(67, 86, 100, 0.08);
   }

   .section-faqs .card:first-child {
     margin-top: 0;
   }

   .section-faqs .card.collapsed {
     -webkit-box-shadow: unset;
     box-shadow: unset;
   }

   .section-faqs .card.active,
   .section-faqs .card:hover {
     -webkit-box-shadow: 0 8px 16px rgba(67, 86, 100, 0.08);
     box-shadow: 0 8px 16px rgba(67, 86, 100, 0.08);
   }

   .section-faqs .card .card-header {
     padding: 20px 1em;
   }

   .section-faqs .card .card-header a {
     display: block;
     position: relative;
     padding-right: 24px;
     color: hsl(0deg, 0%, 8%);
     font-size: 1rem;
     font-weight: 600;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
   }

   .section-faqs .card .card-header a:before {
     position: absolute;
     top: -5px;
     right: -5px;
     content: "\ea04";
     font-family: "Nucleo";
     color: hsl(0deg, 0%, 8%);
     font-size: 1.5rem;
     font-weight: 900;
   }

   .section-faqs .card .card-header a.collapsed:before {
     position: absolute;
     top: -5px;
     right: -5px;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
   }

   .section-faqs .card .card-body {
     padding: 0 1em 20px;
     font-size: 0.875rem;
     margin-top: -4px;
   }

   .section-faqs .card .card-body p {
     margin-bottom: 1rem;
   }

   .section-faqs .card .card-body p:last-child {
     margin-bottom: 0;
   }

   .section-faqs .card .card-body ul li {
     position: relative;
     margin-bottom: 1rem;
     padding-left: 24px;
   }

   .section-faqs .card .card-body ul li:before {
     position: absolute;
     top: 10px;
     left: 5px;
     content: "";
     background-color: #1745CF;
     height: 5px;
     width: 5px;
     border-radius: 290486px;
   }

   .section-faqs .card .card-body a {
     text-decoration: underline;
   }

   .section-faqs .card .card-body a[href^="tel:"] {
     color: hsl(0deg, 0%, 8%);
     text-decoration: none;
   }

   @media screen and (min-width: 1024px) {
     .section-faqs {
       padding: 1.5rem 0 72px;
       margin: 0 auto;
     }

     .section-faqs .nav-tabs li {
       margin-right: 2rem;
     }

     .section-faqs .card {
       margin-bottom: 0;
       margin-top: 1rem;
     }

     .section-faqs .card .card-header a {
       font-size: 1rem;
     }
   }

   .top-title-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -ms-flex-item-align: center;
     -ms-grid-row-align: center;
     align-self: center;
     padding-top: 1.5rem;
     position: relative;
   }

   @media screen and (min-width: 1024px) {
     .top-title-container {
       display: none;
       margin: 0;
       margin-bottom: 1.5rem;
       background-color: unset;
       padding-bottom: 0rem;
     }
   }

   .top-title-container p {
     margin-bottom: 0.25rem;
     margin-right: 0.5rem;
   }

   @media screen and (min-width: 1024px) {
     .top-title-container p {
       margin-bottom: 0;
       margin-right: 1.125rem;
       font-size: 1.125rem;
     }
   }

   .top-title-container .dropdown {
     cursor: pointer;
     font-weight: 700;
   }

   @media screen and (min-width: 1024px) {
     .top-title-container .dropdown {
       font-size: 1.125rem;
     }
   }

   .top-title-container .dropdown .dropdown-toggle {
     border-bottom: 2px solid #1745CF;
     color: #1745CF;
   }

   .top-title-container .dropdown .dropdown-toggle i {
     font-size: 1.5rem;
     padding: 0;
     position: relative;
     right: -6px;
     top: -1px;
     margin-left: -6px;
   }

   .top-title-container .dropdown .dropdown-menu {
     top: inherit !important;
     left: inherit !important;
     -webkit-transform: none !important;
     -ms-transform: none !important;
     transform: none !important;
   }

   .top-title-container .dropdown .dropdown-menu.show {
     z-index: 100;
     opacity: 1;
     visibility: visible;
   }

   .top-title-container .dropdown .context-arr {
     position: absolute;
     z-index: -1;
     content: "";
     background-color: hsl(0deg, 0%, 100%);
     margin-top: 0.5rem;
     padding: 0;
     border-radius: 5px;
     opacity: 0;
     visibility: hidden;
     -webkit-box-shadow: 0 16px 32px rgba(67, 86, 100, 0.17);
     box-shadow: 0 16px 32px rgba(67, 86, 100, 0.17);
     border: 1px solid #d7e0ea;
   }

   @media screen and (min-width: 1024px) {
     .top-title-container .dropdown .context-arr {
       width: 220px;
     }
   }

   .top-title-container .dropdown .context-arr ul {
     padding-top: 8px;
     padding-bottom: 8px;
   }

   .top-title-container .dropdown .context-arr ul li.current-cat a {
     color: #1745CF;
   }

   .top-title-container .dropdown .context-arr ul li a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     line-height: 1;
     padding: 12px 16px;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
     font-weight: 500;
   }

   .top-title-container .dropdown .context-arr ul li a [class^=icn] {
     margin-right: 8px;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
   }

   .top-title-container .dropdown .context-arr ul li a span {
     display: block;
     line-height: 1;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
     font-weight: 500;
   }

   @media screen and (min-width: 1024px) {
     .top-title-container .dropdown .context-arr ul li a span {
       font-size: 0.875rem;
     }
   }

   .top-title-container .dropdown .context-arr ul li a:hover {
     background-color: hsl(0deg, 0%, 96%);
   }

   .top-title-container .dropdown .context-arr ul li a:hover span {
     color: #1745CF;
   }

   .section-article-latest {
     padding-top: 1.5rem;
     max-width: 1200px !important;
   }

   @media screen and (min-width: 700px) {
     .section-article-latest {
       padding-top: 0;
     }
   }

   .section-article-latest .item-article-latest {
     display: block;
   }

   .section-article-latest .item-article-latest .img-thumbnail {
     display: block;
     position: relative;
     margin-bottom: 0.5rem;
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
   }

   .section-article-latest .item-article-latest .img-thumbnail:before {
     content: "";
     display: block;
     padding-top: 100%;
   }

   .section-article-latest .count-search-result {
     padding: 0 1.5rem 1.5rem;
     font-size: 1rem;
     color: #3f444b;
   }

   @media screen and (min-width: 1024px) {
     .section-article-latest .count-search-result {
       padding-bottom: 0.5rem;
       font-size: 1.125rem;
     }
   }

   .section-article-latest .count-search-result span {
     font-weight: 700;
     color: #000;
   }

   .section-article-latest .no-result-found {
     margin: 2rem 1.5rem;
     background-color: #fff;
     height: 120px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: #686e76;
     font-size: 1.125rem;
   }

   .article-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding-bottom: 0.5rem;
   }

   .article-list .bl-article {
     width: 100%;
     padding: 1.5rem;
     padding-top: 0;
   }

   .article-list .bl-article.help-center-result {
     display: none !important;
   }

   .article-list .bl-article .article-container {
     overflow: hidden;
     padding: 1.5rem;
     position: relative;
     z-index: 5;
     min-height: 330px;
     border-radius: 3px;
     background-color: #fff;
   }

   .article-list .bl-article .article-container.success-story {
     min-height: 450px;
   }

   .article-list .bl-article .article-container.success-story p {
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
   }

   .article-list .bl-article .article-container:hover {
     -webkit-box-shadow: 0 8px 16px rgba(67, 86, 100, 0.08);
     box-shadow: 0 8px 16px rgba(67, 86, 100, 0.08);
   }

   @media screen and (min-width: 1024px) {
     .article-list .bl-article .article-container {
       min-height: 340px;
     }
   }

   .article-list .bl-article .article-container a {
     display: block;
     cursor: pointer;
   }

   .article-list .bl-article .article-container a.overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 10;
   }

   .article-list .bl-article .article-container a.thumbnail_post {
     margin: -24px -24px 0;
   }

   .article-list .bl-article .article-container .category-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 1.25rem;
     position: relative;
     cursor: pointer;
   }

   .article-list .bl-article .article-container .category-container .square-cate {
     width: 9px;
     height: 9px;
     background-color: #0068ff;
     margin-right: 0.75rem;
   }

   .article-list .bl-article .article-container .category-container .post-category {
     font-weight: 700;
     color: #686e76;
   }

   .article-list .bl-article .article-container img {
     display: block;
     width: 100%;
     height: 200px;
     margin-bottom: 1rem;
     -o-object-fit: cover;
     object-fit: cover;
   }

   .article-list .bl-article .article-container h2 {
     color: hsl(0deg, 0%, 8%);
     font-weight: 700;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
   }

   .article-list .bl-article .article-container p,
   .article-list .bl-article .article-container a.post-category,
   .article-list .bl-article .article-container a.post-edit-link {
     color: #4f4f4f;
     font-size: 0.875rem;
   }

   .article-list .bl-article .article-container .view-article {
     display: none;
   }

   .article-list .bl-article .article-container .button {
     min-width: 120px;
     position: absolute;
     bottom: 1.5rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     z-index: 12;
   }

   .article-list .bl-article .article-container .post-edit-link {
     position: absolute;
     bottom: 1.5rem;
     right: 1.5rem;
     z-index: 12;
   }

   @media screen and (min-width: 700px) {
     .article-list {
       padding-bottom: 20px;
     }

     .article-list .bl-article {
       width: 50%;
       padding: 1.5rem;
     }
   }

   @media screen and (min-width: 1024px) {
     .article-list {
       margin: 0 -1rem;
       padding: 0 1.5rem 20px;
     }

     .article-list .bl-article {
       width: 33.33%;
       padding: 1rem;
     }

     .article-list .bl-article h2 {
       line-height: 1.4;
     }
   }

   .section-single {
     padding-bottom: 40px;
   }

   @media screen and (min-width: 768px) {
     .section-single {
       padding-top: 40px;
     }
   }

   @media screen and (min-width: 1024px) {
     .section-single.policy-post {
       margin: 0;
       padding-right: 0;
       padding-left: 40px;
       max-width: 700px !important;
     }

     .section-single.policy-post article.post {
       max-width: 100%;
     }
   }

   .section-single article.post {
     position: relative;
     margin-right: auto;
     margin-left: auto;
     max-width: 100%;
   }

   @media screen and (min-width: 1024px) {
     .section-single article.post {
       max-width: 620px;
     }
   }

   .section-single article.post figure {
     width: 100%;
   }

   .section-single article.post figure.is-resized {
     width: auto;
   }

   .section-single article.post figure img {
     display: block;
     width: 100%;
     height: auto;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 0;
   }

   .section-single article.post figure figcaption {
     margin-top: 0;
     padding: 0.75rem;
     background-color: #f1f1f1;
   }

   .section-single article.post img {
     display: block;
     max-width: 100%;
     height: auto;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 2rem;
   }

   .section-single article.post video {
     display: block;
     max-width: 100%;
     height: auto;
     margin: 2rem auto 2rem;
   }

   .section-single article.post iframe {
     width: 100%;
     min-height: 300px;
     margin-bottom: 2rem;
   }

   @media only screen and (max-width: 769px) {
     .section-single article.post iframe {
       height: auto;
     }
   }

   .section-single article.post table {
     min-width: 100%;
     margin-bottom: 2rem;
     margin-top: 2rem;
   }

   .section-single article.post h1,
   .section-single article.post h2,
   .section-single article.post h3,
   .section-single article.post h4,
   .section-single article.post h5 {
     display: block;
     margin-top: 2rem;
     margin-bottom: 1.5rem;
     color: hsl(0deg, 0%, 8%);
     font-size: 1.75em;
     font-weight: bold;
   }

   .section-single article.post h3 {
     font-size: 1.5em;
   }

   .section-single article.post h4 {
     font-size: 1.25em;
   }

   .section-single article.post h5 {
     font-size: 18px;
   }

   .section-single article.post p.cpr {
     font-weight: bold;
   }

   .section-single article.post p.cont {
     color: #666;
     font-style: italic;
   }

   .section-single article.post i,
   .section-single article.post em {
     font-style: italic;
     margin-bottom: 16px;
     margin-top: 16px;
   }

   .section-single article.post blockquote {
     position: relative;
     background-color: #fafafa;
     padding: 15px 15px 15px 60px;
     color: #5b5b5b;
     margin-bottom: 2rem;
     margin-top: 2rem;
     line-height: 1.5;
     font-style: italic;
   }

   .section-single article.post blockquote p {
     margin-bottom: 0;
   }

   .section-single article.post blockquote:before {
     position: absolute;
     top: 10px;
     left: 15px;
     content: "";
     background: url(https://ads.zalo.me/html5blank-stable/images/quote.png) 0 0 no-repeat;
     background-size: 50px 25px;
     width: 25px;
     height: 25px;
   }

   .section-single article.post table {
     margin: 2rem 0 2rem;
     width: 100%;
   }

   .section-single article.post table tr:first-child td {
     color: hsl(0deg, 0%, 8%);
     font-weight: 700;
     text-align: center;
     border: 1px solid rgba(20, 20, 20, 0.05);
     background-color: rgba(20, 20, 20, 0.05);
   }

   .section-single article.post table th,
   .section-single article.post table td {
     padding: 10px;
     border: 1px solid rgba(20, 20, 20, 0.05);
     color: hsl(0deg, 0%, 8%);
   }

   .section-single article.post table th p,
   .section-single article.post table td p {
     margin-top: 0.5rem;
   }

   .section-single article.post p+p,
   .section-single article.post p+ul,
   .section-single article.post p+ol,
   .section-single article.post p+.wp-block-button,
   .section-single article.post p+.wp-block-gallery,
   .section-single article.post p+.wp-block-image,
   .section-single article.post p+figure,
   .section-single article.post p+.wp-block-media-text {
     margin-top: 24px;
   }

   .section-single article.post ul,.section-single article.post .wp-block-gallery {
     margin-bottom: 2rem;
   }

   .section-single article.post ul li , .section-single article.post .wp-block-gallery .wp-block-image {
     position: relative;
     margin-bottom: 6.6666666667px;
     padding-left: 36px;
     color: hsl(0deg, 0%, 8%);
     font-size: 1em;
     line-height: 1.65;
   }

   .section-single article.post ul li:before, .section-single article.post .wp-block-gallery .wp-block-image::before {
     position: absolute;
     top: 10px;
     left: 18px;
     content: "";
     background-color: hsl(0deg, 0%, 8%);
     width: 6px;
     height: 6px;
     border-radius: 100%;
   }

   .section-single article.post ul li:last-child, .section-single article.post .wp-block-gallery .wp-block-image:last-child {
     margin-bottom: 0;
   }

   .section-single article.post ol {
     margin-bottom: 2rem;
     padding-left: 27px;
   }

   .section-single article.post ol li {
     position: relative;
     margin-bottom: 6.6666666667px;
     color: hsl(0deg, 0%, 8%);
     font-size: 1em;
     line-height: 1.65;
   }

   .section-single article.post ol li:last-child {
     margin-bottom: 0;
   }

   .section-single article.post .wp-block-image img {
     cursor: -webkit-zoom-in;
     cursor: zoom-in;
   }

   .section-single article.post .wp-block-media-text figure {
     margin-top: 0;
   }

   .section-single article.post .wp-block-gallery li {
     margin-bottom: 0;
     padding-left: 0;
   }

   .section-single article.post .wp-block-gallery li:before {
     display: none;
   }

   .section-single article.post .wp-block-gallery li figure {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   .section-single article.post .wp-block-gallery li figure figcaption {
     color: hsl(0deg, 0%, 8%);
     margin-top: 0;
     padding: 0.5rem;
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#f1f1f1));
     background: -o-linear-gradient(rgba(255, 255, 255, 0), #f1f1f1);
     background: linear-gradient(rgba(255, 255, 255, 0), #f1f1f1);
     position: relative;
   }

   .section-single article.post .wp-block-gallery img {
     -o-object-fit: contain;
     object-fit: contain;
     margin-bottom: 1.5rem;
   }

   @media screen and (min-width: 1024px) {
     .section-single article.post .wp-block-gallery img {
       margin-bottom: 0.25rem;
     }
   }

   .section-single article.post .wp-block-button {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     font-size: 1rem;
     background: #3f444b;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     border-radius: 3px;
     margin-bottom: 2rem;
   }

   .section-single article.post .wp-block-button a {
     background: unset !important;
     color: #fff;
     font-weight: normal;
     padding: 0;
     padding: 10px 0.75rem;
     font-size: 1rem;
     text-align: left !important;
   }

   .section-single article.post .wp-block-button a strong {
     font-weight: unset;
   }

   .section-single article.post .wp-block-button a:hover {
     background: #3e434a;
   }

   .section-single article.post .wp-block-button a::before {
     content: "\ea8a";
     font-family: Nucleo;
     font-size: 1rem;
     color: #fff;
     padding-right: 12px;
     padding-top: 4px;
     padding-bottom: 4px;
     margin-right: 12px;
     border-right: 1px solid #686e76;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
   }

   @media screen and (min-width: 1024px) {
     .section-single article.post .wp-block-column {
       margin-left: 0 !important;
     }
   }

   .section-single article.post .has-2-columns .collumn-content-block {
     max-width: 100%;
   }

   .section-single article.post .collumn-content-block {
     background-color: #fff;
     width: 100%;
     padding: 12px 14px;
     border-left: 2px solid #0052cc;
     -webkit-box-shadow: 0 16px 32px rgba(67, 86, 100, 0.17);
     box-shadow: 0 16px 32px rgba(67, 86, 100, 0.17);
     border-radius: 0 5px 5px 0;
     max-width: 50%;
   }

   .section-single article.post .collumn-content-block p+p {
     margin-top: 5px;
   }

   .section-single article.post .collumn-content-block .title {
     font-size: 20px;
     margin: 0;
   }

   .section-single article.post .collumn-content-block .label {
     font-size: 0.75rem;
     text-transform: uppercase;
     font-weight: normal !important;
   }

   @media screen and (min-width: 1024px) {
     .section-single article.post .collumn-content-block {
       border: none;
       -webkit-box-shadow: none;
       box-shadow: none;
       padding: 0;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       max-width: 100%;
     }

     .section-single article.post .collumn-content-block p+p {
       margin-top: 1rem;
     }

     .section-single article.post .collumn-content-block .title {
       font-size: 2.25rem;
       color: #0052cc;
       text-align: center;
       line-height: 45px;
       width: 120px;
     }

     .section-single article.post .collumn-content-block .label {
       font-size: 0.875rem;
       font-weight: 700;
       text-align: center;
     }
   }

   .section-single article.post .collumn-content-block+p {
     margin-top: 1.5rem;
   }

   @media screen and (min-width: 1024px) {
     .section-single article.post .large-width-img {
       min-width: calc(100vw - 48px - 15px);
       margin-left: calc((620px - 100vw) / 2 + 10px);
     }
   }

   @media screen and (min-width: 1200px) {
     .section-single article.post .large-width-img {
       min-width: 1152px;
       margin-left: -285px;
     }
   }

   .section-single article.post hr,
   .section-single article.post .wp-block-separator {
     height: 1px;
     background-color: #e3e6ea;
   }

   @media screen and (max-width: 1023px) {
     .section-single article.post .wp-block-media-text {
       display: block;
     }

     .section-single article.post .wp-block-media-text .wp-block-media-text__content {
       padding: 0 !important;
     }
   }

   .section-single article.post .wp-block-media-text .wp-block-media-text__content {
     padding: 0;
     padding-left: 8%;
   }

   .section-single article.post .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
     padding: 0;
     padding-right: 8%;
   }

   .section-single article.post .banner-adchecker {
     position: relative;
     margin-top: 2rem;
     display: block;
   }

   .section-single article.post .banner-adchecker img {
     margin-bottom: 0;
   }

   .section-single article.post .banner-adchecker a {
     position: absolute;
     width: 100%;
     height: 100%;
   }

   .section-single p {
     color: hsl(0deg, 0%, 8%);
   }

   .section-single .post-affix-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
   }

   .section-single .func-neo {
     position: absolute;
     top: 50px;
   }

   .section-single .func-neo.add-padding-top {
     padding-top: 2rem;
   }

   .section-single .func-neo ul {
     position: relative;
   }

   .section-single .func-neo ul li:first-child .tooltip {
     width: 90px;
   }

   .section-single .func-neo .func-social {
     display: block;
     background-color: #000;
     height: 38px;
     width: 38px;
     margin-bottom: 0.5rem;
     border-radius: 290486px;
   }

   .section-single .func-neo .func-social:hover {
     background-color: #1745CF;
   }

   .section-single .func-neo .func-social i {
     display: block;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     margin: auto;
     color: #fff;
     padding: 5px 0;
   }

   .section-single .func-neo .func-social i.icn-zalo {
     font-size: 1.5rem;
     padding: 7px 0;
   }

   .section-single .func-neo .func-social i.icn-facebook {
     font-size: 1.25rem;
     padding: 8px 0;
   }

   .section-single .func-neo .func-social i.icn-bold-mail {
     padding: 10px 0;
   }

   .section-single .func-neo .func-social.func-scroll {
     background-color: #e7e7e7;
   }

   .section-single .func-neo .func-social.func-scroll:hover {
     background-color: #ccc;
   }

   .section-single .func-neo .func-social.func-scroll i:before {
     content: "TOP";
     font-style: normal;
     color: #3f444b;
     font-size: 11px;
   }

   .section-single .func-neo.affix {
     position: sticky;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
   }

   .section-single .func-neo.func-bottom {
     position: absolute;
     top: 0;
   }

   .section-single .list-catalogue {
     margin-bottom: 2rem;
     margin-top: -1rem;
     -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
     border-radius: 5px;
     border: 1px solid #dddddd;
     padding: 0.05rem 1.25rem;
     padding-top: 1.05rem;
   }

   .section-single .list-catalogue h3 {
     margin-bottom: 0.75rem;
     font-size: 1.5em;
   }

   .section-single .list-catalogue ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     list-style: decimal;
     padding-left: 1rem;
     font-size: 14px;
     font-weight: 600;
   }

   .section-single .list-catalogue ul li {
     width: 100%;
     margin-bottom: 1rem;
     color: hsl(0deg, 0%, 8%);
   }

   @media screen and (min-width: 768px) {
     .section-single .list-catalogue ul li {
       width: 300px;
     }
   }

   .section-single .list-catalogue ul li a {
     color: hsl(0deg, 0%, 8%);
     font-size: 14px;
     font-weight: 600;
   }

   .section-single .list-catalogue ul li.active,
   .section-single .list-catalogue ul li:hover {
     color: #1745CF;
   }

   .section-single .list-catalogue ul li.active a,
   .section-single .list-catalogue ul li:hover a {
     color: #1745CF;
   }

   .section-single .func-share {
     margin-top: 1rem;
   }

   .section-single .func-share ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }

   .section-single .func-share ul li {
     -ms-flex-negative: 0;
     flex-shrink: 0;
     width: 38px;
     margin-right: 10px;
   }

   .section-single .func-share ul li .func-social {
     display: block;
     background-color: #000;
     height: 38px;
     border-radius: 290486px;
   }

   .section-single .article-button-wrap {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-top: 48px;
   }

   .section-single .article-button {
     position: relative;
     padding-top: 20px;
   }

   .section-single .article-button:before {
     position: absolute;
     top: 0;
     content: "";
     background-color: hsl(0deg, 0%, 8%);
     height: 4px;
     width: 50%;
   }

   .section-single .article-button .post-categories li a {
     display: block;
     width: 100%;
     margin-bottom: 10px;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.813rem;
     font-weight: 700;
     text-transform: uppercase;
   }

   @media screen and (min-width: 1024px) {
     .section-single .article-button .post-categories li a {
       font-size: 0.875rem;
     }
   }

   .section-single .article-button h2 {
     display: block;
     width: 100%;
     margin-bottom: 0;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
     font-weight: 300;
   }

   @media screen and (min-width: 1024px) {
     .section-single .article-button h2 {
       font-size: 1rem;
     }
   }

   .section-single .article-button:hover {
     opacity: 0.85;
   }

   .section-single .article-button:hover h2 {
     color: #1745CF;
   }

   .section-single .article-prev {
     float: left;
     width: 45%;
   }

   .section-single .article-prev:before {
     left: 0;
   }

   .section-single .article-next {
     position: relative;
     float: right;
     width: 45%;
     text-align: right;
   }

   .section-single .article-next:before {
     right: 0;
   }

   .section-single .footer-contact-post {
     margin-top: 2rem;
     padding: 1rem 1.25rem;
     background-color: #f6f7fa;
     max-height: 360px;
   }

   @media screen and (min-width: 1024px) {
     .section-single .footer-contact-post {
       padding: 1.25rem 1.5rem;
       max-height: 250px;
     }
   }

   .section-single .footer-contact-post p {
     font-size: 1rem;
   }

   .section-single .useful-article {
     margin-top: 2rem;
     margin-bottom: 1.5rem;
     background-color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 1.5rem 0;
     border-radius: 5px;
     border: 1px solid #dddddd;
     -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05) !important;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05) !important;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }

   @media screen and (min-width: 1024px) {
     .section-single .useful-article {
       margin-bottom: 0;
     }
   }

   .section-single .useful-article p {
     font-size: 1rem;
     font-weight: 600;
   }

   .section-single .useful-article label {
     font-size: 0.875rem;
   }

   .section-single .useful-article .field {
     margin: 0;
     margin-top: 1.25rem;
   }

   @media screen and (min-width: 1024px) {
     .section-single .useful-article .field {
       margin-top: 0;
     }
   }

   .section-single .useful-article .button {
     width: 100px;
     font-weight: 600;
   }

   .section-single .useful-article .button.choose {
     -webkit-box-shadow: 0 16px 32px rgba(67, 86, 100, 0.17);
     box-shadow: 0 16px 32px rgba(67, 86, 100, 0.17);
     -webkit-transform: translateY(-4px);
     -ms-transform: translateY(-4px);
     transform: translateY(-4px);
   }

   .section-single .useful-article .button img {
     width: 16px;
     margin: 0;
     margin-right: 0.5rem;
   }

   .section-single .useful-article .button i {
     margin: 0;
     color: #1745CF;
     font-style: normal;
   }

   .section-single .useful-article .button:hover i {
     color: #fff;
   }

   .section-single .useful-article .button.like-button {
     background-color: #51d293;
     -webkit-box-align: baseline;
     -ms-flex-align: baseline;
     align-items: baseline;
     padding-top: 9px;
   }

   .section-single .useful-article .button.like-button:hover {
     background-color: #4dc88c;
   }

   .section-single .useful-article .button.dislike-button {
     background-color: #e95367;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }

   .section-single .useful-article .button.dislike-button:hover {
     background-color: #dd4f62;
   }

   .section-single .useful-article .button#send-to {
     margin: 1.5rem 0 1rem;
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     display: none;
   }

   .section-single .useful-article textarea {
     resize: none;
     height: 90px;
     width: 80%;
     max-width: 440px;
     padding: 1rem;
     font-size: 1rem;
     border: 1px solid #686e76;
     border-radius: 5px;
     outline: 0;
     margin-top: 1.25rem;
   }

   @media screen and (min-width: 1024px) {
     .section-single .useful-article textarea {
       width: 100%;
       margin-top: 40px;
     }
   }

   .section-single .useful-article textarea:focus {
     border-color: #1745cf;
     -webkit-box-shadow: 0 0 0 0.125em rgba(23, 69, 207, 0.15);
     box-shadow: 0 0 0 0.125em rgba(23, 69, 207, 0.15);
   }

   .section-single .useful-article textarea::-webkit-input-placeholder {
     color: rgba(63, 68, 75, 0.5);
   }

   .section-single .useful-article textarea::-moz-placeholder {
     color: rgba(63, 68, 75, 0.5);
   }

   .section-single .useful-article textarea:-ms-input-placeholder {
     color: rgba(63, 68, 75, 0.5);
   }

   .section-single .useful-article textarea::-ms-input-placeholder {
     color: rgba(63, 68, 75, 0.5);
   }

   .section-single .useful-article textarea::placeholder {
     color: rgba(63, 68, 75, 0.5);
   }

   .section-single .useful-article textarea#another-option {
     display: none;
   }

   .section-single .useful-article form {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0 1.5rem;
   }

   @media screen and (min-width: 1024px) {
     .section-single .useful-article form {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
     }
   }

   .section-single .useful-article .radio+.radio {
     margin-left: 0;
     margin-top: 14px;
   }

   .section-single .useful-article .checkbox-radio {
     margin-top: 26px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     max-width: 440px;
   }

   .section-single .useful-article .checkbox-radio textarea {
     margin-top: 20px;
     width: 100%;
   }

   .section-single .useful-article #when-useful,
   .section-single .useful-article #when-useless {
     display: none;
   }

   .section-single .useful-article #thank-you {
     display: none;
     width: 100%;
     text-align: center;
   }

   .section-single ul+.table-scroll .wp-block-table {
     margin-top: 0;
   }

   .section-single .table-scroll {
     overflow-x: auto;
     margin-bottom: 2rem;
   }

   @media screen and (max-width: 768px) {
     .section-single .table-scroll .wp-block-table {
       width: 1000px;
     }
   }

   .section-single .table-scroll td p:first-child,
   .section-single .table-scroll td ul:first-child {
     margin-top: 0 !important;
   }

   .section-single .table-scroll td ul {
     margin: 0.5rem 0 !important;
   }

   .section-single .table-scroll table {
     margin-bottom: 0 !important;
   }

   .section-list-contents {
     max-width: 1200px;
     position: relative;
     margin: 0 auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     padding: 0 1.5rem;
   }

   .section-list-contents .func-neo-catalogue {
     max-width: 280px;
     position: sticky;
     padding-left: 1.5rem;
     margin-top: 40px;
     top: 50px;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
     margin-bottom: 40px;
     padding-right: 20px;
     border-right: 1px solid #dadfe5;
   }

   .section-list-contents .func-neo-catalogue.add-padding-top-policy {
     padding-top: 3rem;
   }

   .section-list-contents .func-neo-catalogue h3 {
     font-size: 18px;
     margin-bottom: 20px;
   }

   .section-list-contents .func-neo-catalogue ul {
     position: relative;
     list-style: decimal;
     height: calc(100vh - 150px);
     overflow-y: auto;
     padding-left: 32px;
     margin-left: -24px;
     margin-right: -20px;
   }

   .section-list-contents .func-neo-catalogue ul li {
     margin-bottom: 10px;
     font-size: 14px;
     color: hsl(0deg, 0%, 8%);
     position: relative;
   }

   .section-list-contents .func-neo-catalogue ul li a {
     display: block;
     position: relative;
     padding: 5px 16px 5px 0;
     color: hsl(0deg, 0%, 8%);
     font-size: 14px;
   }

   .section-list-contents .func-neo-catalogue ul li:hover {
     color: #1745CF;
   }

   .section-list-contents .func-neo-catalogue ul li:hover a {
     color: #1745CF;
   }

   .section-list-contents .func-neo-catalogue ul li.active {
     color: #1745CF;
     font-weight: 600;
   }

   .section-list-contents .func-neo-catalogue ul li.active::before {
     content: "";
     background-color: #e5eeff;
     border-radius: 5px;
     position: absolute;
     top: -3px;
     left: -2rem;
     width: 110%;
     height: 110%;
     z-index: -1;
   }

   .section-list-contents .func-neo-catalogue ul li.active a {
     color: #1745CF;
     font-weight: 600;
   }

   .hamburger {
     padding: 8px 8px;
     display: inline-block;
     cursor: pointer;
     -webkit-transition-property: opacity, -webkit-filter;
     transition-property: opacity, -webkit-filter;
     -o-transition-property: opacity, filter;
     transition-property: opacity, filter;
     transition-property: opacity, filter, -webkit-filter;
     -webkit-transition-duration: 0.25s;
     -o-transition-duration: 0.25s;
     transition-duration: 0.25s;
     -webkit-transition-timing-function: ease;
     -o-transition-timing-function: ease;
     transition-timing-function: ease;
     font: inherit;
     color: inherit;
     text-transform: none;
     background-color: transparent;
     border: 0;
     margin: 0;
     overflow: visible;
   }

   .hamburger:hover {
     opacity: 1;
   }

   .hamburger-box {
     width: 28px;
     height: 23px;
     display: inline-block;
     position: relative;
   }

   .hamburger-inner {
     display: block;
     top: 50%;
     margin-top: -1px;
   }

   .hamburger-inner,
   .hamburger-inner::before,
   .hamburger-inner::after {
     width: 28px;
     height: 3px;
     background-color: #fff;
     position: absolute;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-transition-duration: 0.15s;
     -o-transition-duration: 0.15s;
     transition-duration: 0.15s;
     -webkit-transition-timing-function: ease;
     -o-transition-timing-function: ease;
     transition-timing-function: ease;
   }

   .hamburger-inner::before,
   .hamburger-inner::after {
     content: "";
     display: block;
   }

   .hamburger-inner::before {
     top: -10px;
   }

   .hamburger-inner::after {
     bottom: -6px;
   }

   /*
      * Collapse
      */
   .hamburger--collapse .hamburger-inner {
     top: auto;
     bottom: 0;
     -webkit-transition-duration: 0.13s;
     -o-transition-duration: 0.13s;
     transition-duration: 0.13s;
     -webkit-transition-delay: 0.13s;
     -o-transition-delay: 0.13s;
     transition-delay: 0.13s;
     -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
     -o-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
     transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   .hamburger--collapse .hamburger-inner::after {
     top: -20px;
     -webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
     -o-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
     transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
   }

   .hamburger--collapse .hamburger-inner::before {
     -webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
     transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
     -o-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
     transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
     transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
   }

   .hamburger--collapse.is-active .hamburger-inner {
     -webkit-transform: translate3d(0, -6px, 0) rotate(-45deg);
     transform: translate3d(0, -6px, 0) rotate(-45deg);
     -webkit-transition-delay: 0.22s;
     -o-transition-delay: 0.22s;
     transition-delay: 0.22s;
     -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
     -o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
     transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   .hamburger--collapse.is-active .hamburger-inner::after {
     top: 0;
     opacity: 0;
     -webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
     -o-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
     transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
   }

   .hamburger--collapse.is-active .hamburger-inner::before {
     top: 0;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
     -webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
     -o-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
     transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
   }

   .ic {
     display: inline-block;
     background-image: url(images/social_sprites.png);
     background-size: cover;
     background-repeat: no-repeat;
     height: 38px;
     width: 38px;
     vertical-align: middle;
     text-indent: -9999px;
   }

   .ic.ic-zalo {
     background-position: 2px 0;
   }

   .ic.ic-fb {
     background-position: -38px 0;
   }

   .ic.ic-email {
     background-position: -76px 0;
   }

   .ic.ic-top {
     background-position: -112px 0;
   }

   .section-cover-post-article {
     max-width: 1200px;
     margin: 0 auto;
   }

   .section-cover-post-article .columns {
     margin: 0;
   }

   @media screen and (min-width: 768px) {
     .section-cover-post-article .columns {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       background-color: #f6f7fa;
     }
   }

   .section-cover-post-article .columns .column {
     padding: 0;
   }

   @media screen and (min-width: 1024px) {
     .section-cover-post-article {
       padding: 0 1.5rem;
     }
   }

   .section-cover-post-article img {
     -o-object-fit: cover;
     object-fit: cover;
     width: 100%;
     max-height: 400px;
   }

   @media screen and (min-width: 768px) {
     .section-cover-post-article img {
       width: 50%;
     }
   }

   .section-cover-post-article .container {
     padding: 1.5rem !important;
   }

   @media screen and (min-width: 1024px) {
     .section-cover-post-article .container {
       padding: 0 2rem !important;
       max-height: 400px;
     }
   }

   .section-cover-post-article .container .category-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .section-cover-post-article .container .category-container {
       margin-bottom: 1.5rem;
     }
   }

   .section-cover-post-article .container .category-container .square-cate {
     width: 9px;
     height: 9px;
     background-color: #0068ff;
     margin-right: 0.75rem;
   }

   .section-cover-post-article .container .category-container .post-category {
     font-weight: 700;
     color: #686e76;
     font-size: 0.75rem;
   }

   @media screen and (min-width: 1024px) {
     .section-cover-post-article .container .category-container .post-category {
       font-size: 0.875rem;
     }
   }

   .section-cover-post-article .container .post-title {
     font-size: 1.875rem;
     color: #222;
     line-height: 38px;
     margin-bottom: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .section-cover-post-article .container .post-title {
       font-size: 2.25rem;
       line-height: normal;
       margin-bottom: 1.5rem;
     }
   }

   .section-cover-post-article .container .post-time {
     font-size: 0.75rem;
     color: #686e76;
   }

   @media screen and (min-width: 1024px) {
     .section-cover-post-article .container .post-time {
       font-size: 0.875rem;
     }
   }

   .begin-page {
     background-color: #f6f7fa;
   }

   .section-cover-beginpage {
     position: relative;
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }

   .section-cover-beginpage span {
     white-space: nowrap;
   }

   .section-cover-beginpage .column {
     padding: 0;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .section-cover-beginpage .text {
     margin-bottom: 24px;
     color: #fff;
   }

   .section-cover-beginpage .text h2 {
     color: #fff;
     text-align: center;
   }

   .section-cover-beginpage .text p {
     font-size: 0.875rem;
     font-weight: 500;
     text-align: center;
   }

   @media screen and (min-width: 769px) {
     .section-cover-beginpage .text {
       margin-bottom: 0;
       color: #fff;
       padding-right: 125px;
     }

     .section-cover-beginpage .text h2 {
       text-align: left;
     }

     .section-cover-beginpage .text p {
       text-align: left;
     }
   }

   @media screen and (min-width: 1024px) {
     .section-cover-beginpage {
       min-height: 400px;
     }

     .section-cover-beginpage .text {
       margin-bottom: 0;
       color: #fff;
       padding-right: 125px;
     }

     .section-cover-beginpage .text h2 {
       text-align: left;
     }

     .section-cover-beginpage .text p {
       text-align: left;
     }

     .section-cover-beginpage .video {
       padding-bottom: 0;
     }
   }

   .section-cover-beginpage .columns {
     margin: 0;
     max-width: 1200px;
     margin: 0 auto;
     padding: 40px 24px;
   }

   @media screen and (min-width: 1024px) {
     .section-cover-beginpage .columns {
       padding: 50px 24px;
     }
   }

   .section-cover-beginpage .video {
     max-width: 860px;
     position: relative;
   }

   .section-cover-beginpage .video video {
     max-height: 320px;
   }

   .section-cover-beginpage .video .background-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 98%;
   }

   .section-cover-beginpage .video .background-overlay .button-play {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 100%;
     cursor: pointer;
   }

   @media screen and (max-width: 768px) {
     .section-cover-beginpage .video .background-overlay .button-play {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }
   }

   .section-cover-beginpage .video .background-overlay .button-play i {
     border-radius: 50px;
     font-size: 3rem;
     color: #0062FF;
     width: auto;
     height: auto;
     position: relative;
     z-index: 2;
     padding: 0;
     -webkit-box-shadow: 0 5px 10px rgba(28, 48, 79, 0.2);
     box-shadow: 0 5px 10px rgba(28, 48, 79, 0.2);
   }

   .section-cover-beginpage .video .background-overlay .button-play i:after {
     content: "";
     background: #fff;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 12px;
     top: 12px;
     z-index: -1;
   }

   .section-cover-beginpage .video .background-overlay .button-play i:hover {
     -webkit-transform: scale(1.25);
     -ms-transform: scale(1.25);
     transform: scale(1.25);
   }

   @media screen and (min-width: 1024px) {
     .section-cover-beginpage .video .background-overlay .button-play:hover .icn {
       opacity: 1 !important;
     }
   }

   @media screen and (max-width: 768px) {
     .section-cover-beginpage .video {
       max-width: 100%;
     }
   }

   .section-cover-beginpage .image-beginpage {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
   }

   .section-cover-beginpage .overlay {
     position: absolute;
     top: 0;
     width: 100%;
     height: 100%;
     -o-object-fit: cover;
     object-fit: cover;
     background-color: #09113a;
     opacity: 0.3;
   }

   .section-cover-beginpage .container {
     padding: 3rem 2rem;
     max-width: 520px !important;
     color: #fff;
   }

   .section-cover-beginpage .container h2 {
     color: #fff;
     margin-bottom: 8px;
     font-weight: 900;
   }

   .section-cover-beginpage .container p {
     text-align: center;
     font-size: 0.875rem;
   }

   @media screen and (min-width: 1024px) {
     .section-cover-beginpage .container {
       max-width: 650px !important;
       padding: 3.75rem 0;
     }

     .section-cover-beginpage .container h2 {
       margin-bottom: 10px;
     }

     .section-cover-beginpage .container p {
       font-size: 1.125rem;
     }
   }

   .section-beginpage {
     padding: 0 1.5rem;
   }

   .section-beginpage .video {
     max-width: 860px;
     padding-bottom: 64px;
     margin: 0 auto;
     height: auto;
     position: relative;
     display: block;
   }

   .section-beginpage .video .background-overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 98%;
   }

   .section-beginpage .video .background-overlay .button-play {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     height: 100%;
     cursor: pointer;
   }

   @media screen and (max-width: 768px) {
     .section-beginpage .video .background-overlay .button-play {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }
   }

   .section-beginpage .video .background-overlay .button-play i {
     border-radius: 50px;
     font-size: 3.5rem;
     color: #fff;
     width: auto;
     height: auto;
     position: relative;
     z-index: 2;
     padding: 0;
     -webkit-box-shadow: 0 5px 10px rgba(28, 48, 79, 0.2);
     box-shadow: 0 5px 10px rgba(28, 48, 79, 0.2);
   }

   .section-beginpage .video .background-overlay .button-play i:after {
     content: "";
     background: #000;
     width: 30px;
     height: 30px;
     position: absolute;
     left: 12px;
     top: 12px;
     z-index: -1;
   }

   .section-beginpage .video .background-overlay .button-play i:hover {
     -webkit-transform: scale(1.25);
     -ms-transform: scale(1.25);
     transform: scale(1.25);
   }

   @media screen and (min-width: 1024px) {
     .section-beginpage .video .background-overlay .button-play:hover .icn {
       opacity: 1 !important;
     }
   }

   @media screen and (max-width: 768px) {
     .section-beginpage .video {
       max-width: 100%;
     }
   }

   .ready-create-ad {
     padding-top: 40px;
     padding-bottom: 2.5rem;
   }

   @media screen and (min-width: 1024px) {
     .ready-create-ad {
       padding-top: 72px;
     }
   }

   .ready-create-ad .mini-text {
     font-size: 18px;
   }

   @media screen and (min-width: 1024px) {
     .ready-create-ad .mini-text {
       font-size: 24px;
     }
   }

   .ready-create-ad .context {
     max-width: 620px;
     margin: 0 auto;
   }

   .ready-create-ad .context h2 {
     margin-bottom: 0.75rem;
     line-height: 30px;
   }

   .ready-create-ad .context p {
     text-align: center;
     font-size: 0.875rem;
     color: #686e76;
   }

   @media screen and (min-width: 1024px) {
     .ready-create-ad .context p {
       font-size: 1rem;
     }
   }

   .ready-create-ad .tab-cards {
     max-width: 1200px;
     padding: 0 24px;
     margin: 2rem auto 0;
   }

   @media screen and (min-width: 1024px) {
     .ready-create-ad .tab-cards {
       margin-top: 3rem;
     }
   }

   .ready-create-ad .tab-cards .card {
     background-color: #fff;
     border-radius: 3px;
     margin-bottom: 1rem;
     -webkit-box-shadow: 0 8px 16px rgba(67, 86, 100, 0.08);
     box-shadow: 0 8px 16px rgba(67, 86, 100, 0.08);
   }

   .ready-create-ad .tab-cards .card.collapsed {
     -webkit-box-shadow: unset;
     box-shadow: unset;
   }

   .ready-create-ad .tab-cards .card:active,
   .ready-create-ad .tab-cards .card:hover {
     -webkit-box-shadow: 0 8px 16px rgba(67, 86, 100, 0.08);
     box-shadow: 0 8px 16px rgba(67, 86, 100, 0.08);
   }

   .ready-create-ad .tab-cards .card:last-child {
     margin-bottom: 0;
   }

   .ready-create-ad .tab-cards .card .columns {
     margin: 0;
   }

   .ready-create-ad .tab-cards .card .column {
     padding: 0;
   }

   .ready-create-ad .tab-cards .card .card-header a {
     display: block;
     position: relative;
     color: hsl(0deg, 0%, 8%);
     font-size: 1rem;
     font-weight: 600;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     padding: 20px 1rem;
     padding-right: 32px;
   }

   @media screen and (min-width: 1024px) {
     .ready-create-ad .tab-cards .card .card-header a {
       padding-right: 0;
     }
   }

   .ready-create-ad .tab-cards .card .card-header a:before {
     position: absolute;
     top: 15px;
     right: 8px;
     content: "\ea04";
     font-family: "Nucleo";
     color: hsl(0deg, 0%, 8%);
     font-size: 1.5rem;
     font-weight: 900;
   }

   .ready-create-ad .tab-cards .card .card-header a.collapsed:before {
     position: absolute;
     top: 15px;
     right: 8px;
     -webkit-transform: rotate(-90deg);
     -ms-transform: rotate(-90deg);
     transform: rotate(-90deg);
   }

   .ready-create-ad .tab-cards .card .card-body {
     padding: 0 1rem 1rem;
     font-size: 0.875rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
     flex-direction: column-reverse;
   }

   .ready-create-ad .tab-cards .card .card-body .card-content {
     padding-top: 0.75rem;
   }

   .ready-create-ad .tab-cards .card .card-body .card-content p {
     margin-bottom: 0.75rem;
     color: #333333;
   }

   .ready-create-ad .tab-cards .card .card-body .card-content a {
     font-weight: 600;
     padding: 9px 12px;
     margin: 0 auto;
     display: block;
   }

   @media screen and (min-width: 1024px) {
     .ready-create-ad .tab-cards .card .card-body .card-content a {
       margin: unset;
       display: unset;
       padding-bottom: calc(0.5em - 1px);
       padding-left: 1em;
       padding-right: 1em;
       padding-top: calc(0.5em - 1px);
     }
   }

   .ready-create-ad .tab-cards .card .card-body img {
     -o-object-fit: contain;
     object-fit: contain;
     max-width: 375px;
   }

   @media screen and (max-width: 768px) {
     .ready-create-ad .tab-cards .card .card-body img {
       max-width: 100%;
     }
   }

   @media screen and (min-width: 769px) {
     .ready-create-ad .tab-cards .card .card-body {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
     }

     .ready-create-ad .tab-cards .card .card-body .card-content {
       padding-right: 2.5rem;
     }
   }

   @media screen and (min-width: 1024px) {
     .ready-create-ad .tab-cards .card .card-body {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       padding: 18px 16px 20px;
     }

     .ready-create-ad .tab-cards .card .card-body .card-content {
       padding-top: 0;
       padding-right: 4rem;
     }

     .ready-create-ad .tab-cards .card .card-body .card-content p {
       padding-top: 4px;
       margin-bottom: 1.5rem;
     }

     .ready-create-ad .tab-cards .card .card-body .card-content a {
       font-size: 1rem;
     }
   }

   .ready-create-ad .tab-cards .card.new-card {
     padding: 24px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     border-radius: 3px;
   }

   .ready-create-ad .tab-cards .card.new-card .content {
     width: 100%;
   }

   .ready-create-ad .tab-cards .card.new-card .content .tab-header {
     margin-bottom: 1.25rem;
   }

   .ready-create-ad .tab-cards .card.new-card .content .tab-header p {
     font-size: 0.875rem;
     font-weight: 600;
     color: #686E76;
   }

   .ready-create-ad .tab-cards .card.new-card .content .tab-header h2 {
     font-size: 20px;
   }

   .ready-create-ad .tab-cards .card.new-card .content .tab-body .text {
     margin-top: 1.25rem;
   }

   .ready-create-ad .tab-cards .card.new-card .content .tab-body .text p {
     font-size: 0.875rem;
     color: #333333;
     margin-bottom: 1.25rem;
   }

   @media screen and (max-width: 768px) {
     .ready-create-ad .tab-cards .card.new-card .content .tab-body .text .button {
       display: block;
       padding: 8px 1em;
     }
   }

   @media screen and (min-width: 1024px) {
     .ready-create-ad .tab-cards .card.new-card .num {
       min-width: 184px;
       padding-top: 5px;
     }

     .ready-create-ad .tab-cards .card.new-card .num .num-img {
       min-width: 80px;
       height: 100px;
     }

     .ready-create-ad .tab-cards .card.new-card .content {
       width: 100%;
     }

     .ready-create-ad .tab-cards .card.new-card .content .tab-header {
       margin-bottom: 2rem;
     }

     .ready-create-ad .tab-cards .card.new-card .content .tab-header p {
       font-size: 1rem;
       font-weight: 600;
       color: #686E76;
       margin-bottom: 4px;
     }

     .ready-create-ad .tab-cards .card.new-card .content .tab-body {
       width: 100%;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
     }

     .ready-create-ad .tab-cards .card.new-card .content .tab-body .text {
       max-width: 450px;
     }

     .ready-create-ad .tab-cards .card.new-card .content .tab-body .text p {
       font-size: 1rem;
       color: #333333;
       margin-bottom: 2rem;
     }

     .ready-create-ad .tab-cards .card.new-card .content .tab-body img {
       width: 320px;
     }
   }

   .ready-create-ad .useful-article {
     background-color: #fff;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 1.5rem 0;
     border-radius: 5px;
     border: 1px solid #dddddd;
     -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05) !important;
     box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05) !important;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     max-width: 600px;
     margin: 2.5rem auto 0;
   }

   @media screen and (min-width: 1024px) {
     .ready-create-ad .useful-article {
       margin-bottom: 0;
     }
   }

   .ready-create-ad .useful-article p {
     font-size: 1rem;
     font-weight: 600;
   }

   .ready-create-ad .useful-article label {
     font-size: 0.875rem;
   }

   .ready-create-ad .useful-article .field {
     margin: 0;
     margin-top: 1.25rem;
   }

   @media screen and (min-width: 1024px) {
     .ready-create-ad .useful-article .field {
       margin-top: 0;
     }
   }

   .ready-create-ad .useful-article .button {
     width: 100px;
     font-weight: 600;
   }

   .ready-create-ad .useful-article .button.choose {
     -webkit-box-shadow: 0 16px 32px rgba(67, 86, 100, 0.17);
     box-shadow: 0 16px 32px rgba(67, 86, 100, 0.17);
     -webkit-transform: translateY(-4px);
     -ms-transform: translateY(-4px);
     transform: translateY(-4px);
   }

   .ready-create-ad .useful-article .button img {
     width: 16px;
     margin: 0;
     margin-right: 0.5rem;
   }

   .ready-create-ad .useful-article .button i {
     margin: 0;
     color: #1745CF;
     font-style: normal;
   }

   .ready-create-ad .useful-article .button:hover i {
     color: #fff;
   }

   .ready-create-ad .useful-article .button.like-button {
     background-color: #51d293;
     -webkit-box-align: baseline;
     -ms-flex-align: baseline;
     align-items: baseline;
     padding-top: 9px;
   }

   .ready-create-ad .useful-article .button.like-button:hover {
     background-color: #4dc88c;
   }

   .ready-create-ad .useful-article .button.dislike-button {
     background-color: #e95367;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }

   .ready-create-ad .useful-article .button.dislike-button:hover {
     background-color: #dd4f62;
   }

   .ready-create-ad .useful-article .button#send-to {
     margin: 1.5rem 0 1rem;
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
     -webkit-box-shadow: none;
     box-shadow: none;
     display: none;
   }

   .ready-create-ad .useful-article textarea {
     resize: none;
     height: 90px;
     width: 80%;
     max-width: 440px;
     padding: 1rem;
     font-size: 1rem;
     border: 1px solid #686e76;
     border-radius: 5px;
     outline: 0;
     margin-top: 1.25rem;
   }

   @media screen and (min-width: 1024px) {
     .ready-create-ad .useful-article textarea {
       width: 100%;
       margin-top: 40px;
     }
   }

   .ready-create-ad .useful-article textarea:focus {
     border-color: #1745cf;
     -webkit-box-shadow: 0 0 0 0.125em rgba(23, 69, 207, 0.15);
     box-shadow: 0 0 0 0.125em rgba(23, 69, 207, 0.15);
   }

   .ready-create-ad .useful-article textarea::-webkit-input-placeholder {
     color: rgba(63, 68, 75, 0.5);
   }

   .ready-create-ad .useful-article textarea::-moz-placeholder {
     color: rgba(63, 68, 75, 0.5);
   }

   .ready-create-ad .useful-article textarea:-ms-input-placeholder {
     color: rgba(63, 68, 75, 0.5);
   }

   .ready-create-ad .useful-article textarea::-ms-input-placeholder {
     color: rgba(63, 68, 75, 0.5);
   }

   .ready-create-ad .useful-article textarea::placeholder {
     color: rgba(63, 68, 75, 0.5);
   }

   .ready-create-ad .useful-article textarea#another-option {
     display: none;
   }

   .ready-create-ad .useful-article form {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0 1.5rem;
   }

   @media screen and (min-width: 1024px) {
     .ready-create-ad .useful-article form {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
     }
   }

   .ready-create-ad .useful-article .radio+.radio {
     margin-left: 0;
     margin-top: 14px;
   }

   .ready-create-ad .useful-article .checkbox-radio {
     margin-top: 26px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     width: 100%;
     max-width: 440px;
   }

   .ready-create-ad .useful-article .checkbox-radio textarea {
     margin-top: 20px;
     width: 100%;
   }

   .ready-create-ad .useful-article #when-useful,
   .ready-create-ad .useful-article #when-useless {
     display: none;
   }

   .ready-create-ad .useful-article #thank-you {
     display: none;
     width: 100%;
     text-align: center;
   }

   .body-single.zad-page {
     max-width: 1360px;
     margin: 90px auto 0;
   }

   @media screen and (max-width: 1023px) {
     .body-single.zad-page {
       margin-top: 0px;
     }
   }

   .body-single.zad-page .download-container {
     position: relative;
   }

   .body-single.zad-page .download-container .download-button {
     position: absolute;
     top: 24px;
     right: 24px;
     font-size: 1.125rem;
     width: auto;
     height: auto;
     padding: 8px 10px;
     border-color: #1745CF;
   }

   @media screen and (max-width: 768px) {
     .body-single.zad-page .download-container .download-button {
       display: none;
     }
   }

   .body-single.zad-page .download-container .download-button:hover a {
     color: #fff;
   }

   .body-single.zad-page .download-container .download-button a {
     color: #1745CF;
   }

   .body-single.zad-page .download-container .download-button a i {
     padding: 0;
     font-size: 1.25rem;
     width: auto;
     height: auto;
     margin-right: 7px;
   }

   .body-single.zad-page .download-container .download-button a:hover {
     color: #fff;
   }

   .body-single.zad-page .download-container .download-overlay {
     opacity: 0;
     position: absolute;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     transform: translate(-50%, -50%);
     text-align: center;
     cursor: pointer;
     background-color: rgba(23, 69, 207, 0.95);
     width: 100%;
     height: 100%;
     z-index: 99;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .body-single.zad-page .download-container .download-overlay a {
     color: #fff;
     font-size: 1.5em;
   }

   .body-single.zad-page .download-container .download-overlay i.icn-download {
     font-size: 1.5rem;
     margin-right: 10px;
     margin-top: -4px;
     padding: 0;
   }

   .body-single.zad-page .download-container:hover .download-overlay {
     opacity: 1;
   }

   .body-single.zad-page h2 {
     font-size: 3.5rem;
     margin-bottom: 10px;
     color: hsl(0deg, 0%, 8%);
   }

   .body-single.zad-page h2 a {
     color: hsl(0deg, 0%, 8%);
   }

   .body-single.zad-page h2 a i {
     padding: 0;
     font-size: 1.5rem;
     padding-left: 10px;
   }

   .body-single.zad-page h2 a:hover {
     color: rgba(23, 69, 207, 0.9);
   }

   .body-single.zad-page h2 a:hover i {
     color: rgba(23, 69, 207, 0.9);
   }

   .body-single.zad-page h3 {
     font-size: 2rem;
     margin-bottom: 10px;
     color: hsl(0deg, 0%, 8%);
   }

   .body-single.zad-page h3.ando-font {
     font-family: "Ando", sans-serif;
     font-size: 3.125rem;
   }

   .body-single.zad-page h3 a {
     color: hsl(0deg, 0%, 8%);
   }

   .body-single.zad-page h3 a i {
     padding: 0;
     font-size: 1.25rem;
     padding-left: 8px;
   }

   .body-single.zad-page h3 a:hover {
     color: rgba(23, 69, 207, 0.9);
   }

   .body-single.zad-page h3 a:hover i {
     color: rgba(23, 69, 207, 0.9);
   }

   .body-single.zad-page .content-sub {
     font-size: 1.25rem;
     color: #707070;
   }

   .body-single.zad-page .content-sub strong {
     color: #707070;
   }

   .body-single.zad-page .content-sub a {
     text-decoration: underline;
     color: hsl(216deg, 92%, 34%);
   }

   .body-single.zad-page .content-sub a:hover {
     color: hsl(220deg, 43%, 10%);
   }

   .body-single.zad-page .content-sub i {
     vertical-align: unset;
   }

   .body-single.zad-page section .zad-header {
     padding: 70px 0;
     padding-left: 189px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   @media screen and (max-width: 768px) {
     .body-single.zad-page section .zad-header {
       padding-left: 16px;
       padding-right: 16px;
     }
   }

   .body-single.zad-page section .sub-header {
     padding-bottom: 70px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .body-single.zad-page section .sub-header h3 {
     padding-left: 189px;
   }

   @media screen and (max-width: 768px) {
     .body-single.zad-page section .sub-header h3 {
       padding-left: 16px;
       padding-right: 16px;
     }
   }

   .body-single.zad-page section .sub-header .content-sub {
     padding-left: 189px;
     margin-bottom: 70px;
   }

   @media screen and (max-width: 768px) {
     .body-single.zad-page section .sub-header .content-sub {
       padding-left: 16px;
     }
   }

   .body-single.zad-page section .sub-header .content-sub:hover {
     color: #1745CF;
   }

   .body-single.zad-page section.illustration h3 {
     margin-bottom: 70px;
   }

   .body-single.zad-page section .ecosystems-icons {
     padding-bottom: 100px;
     border-bottom: 1px solid #707070;
   }

   .body-single.zad-page section .ecosystems-icons .download-container {
     position: relative;
   }

   .body-single.zad-page section .ecosystems-icons .icons-row {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     padding-left: 189px;
   }

   @media screen and (max-width: 768px) {
     .body-single.zad-page section .ecosystems-icons .icons-row {
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding-left: 0px;
     }
   }

   .body-single.zad-page section .ecosystems-icons .icons-row .zad-icons {
     margin-right: 175px;
     margin-bottom: 60px;
   }

   .body-single.zad-page section .ecosystems-icons .icons-row .zad-icons:hover {
     -webkit-filter: drop-shadow(8px 8px 10px gray);
     filter: drop-shadow(8px 8px 10px gray);
   }

   @media screen and (max-width: 768px) {
     .body-single.zad-page section .ecosystems-icons .icons-row .zad-icons {
       margin-left: 2rem;
       margin-right: 2rem;
     }
   }

   .body-single.zad-page section .color-preview-content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-bottom: 160px;
     border-bottom: 1px solid #707070;
   }

   @media screen and (max-width: 768px) {
     .body-single.zad-page section .color-preview-content {
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
     }
   }

   @media screen and (max-width: 768px) {
     .body-single.zad-page section .color-preview-content .color-col {
       margin-bottom: 20px;
       width: 100%;
     }
   }

   .body-single.zad-page section .color-preview-content .color-col .content-sub {
     font-size: 1.5rem;
     color: #707070;
   }

   @media screen and (max-width: 768px) {
     .body-single.zad-page section .color-preview-content .color-col .content-sub {
       padding-left: 1rem !important;
     }
   }

   .body-single.zad-page section .color-preview-content .color-col .content-sub a {
     text-decoration: underline;
     color: #0068ff;
   }

   .body-single.zad-page section .color-preview-content .color-col .color-preview {
     height: 120px;
     width: 400px;
     margin-bottom: 30px;
   }

   @media screen and (max-width: 768px) {
     .body-single.zad-page section .color-preview-content .color-col .color-preview {
       width: 100%;
     }
   }

   .body-single.zad-page section .color-preview-content .color-col .color-show-0 {
     background-color: #0068ff;
   }

   .body-single.zad-page section .color-preview-content .color-col .color-show-1 {
     background-color: #002991;
   }

   .body-single.zad-page section .color-preview-content .color-col .color-show-2 {
     background-color: #36c8e3;
   }

   .body-single.zad-page section .link-free-stock {
     margin-top: 50px;
     margin-bottom: 60px;
   }

   .body-single.zad-page section.typography,
   .body-single.zad-page section.zad-templates {
     padding-bottom: 160px;
     border-bottom: 1px solid #707070;
   }

   .body-single.zad-page section.illustration {
     padding-bottom: 90px;
     border-bottom: 1px solid #707070;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page {
       margin-top: 0;
       padding: 0;
     }
   }

   .body-single.covid-page .section-background {
     width: 100%;
     margin-bottom: 3rem;
     min-height: 610px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-background {
       padding: unset;
       min-height: 800px;
       margin-bottom: 7.5rem;
       background: -webkit-gradient(linear, left top, left bottom, from(white), color-stop(white), to(#f8f8f8));
       background: -o-linear-gradient(white, white, #f8f8f8);
       background: linear-gradient(white, white, #f8f8f8);
     }
   }

   .body-single.covid-page .section-background .container {
     position: relative;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-background .container {
       max-width: unset !important;
       margin-left: 150px;
     }
   }

   .body-single.covid-page .section-background .container img {
     position: absolute;
     top: -20px;
     right: -150px;
     min-width: 1080px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-background .container img {
       top: 82px;
       right: 0;
       max-width: 1400px;
     }
   }

   .body-single.covid-page .section-background .container .logo-zalo-ad {
     max-width: 110px;
     margin-bottom: 1.5rem;
     margin-left: 1rem;
     margin-top: 3.5rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-background .container .logo-zalo-ad {
       max-width: 160px;
       margin: 0;
       margin-bottom: 3.375rem;
       padding-top: 60px;
     }
   }

   .body-single.covid-page .section-background .container .content {
     width: 100%;
     max-width: 375px;
     position: relative;
     padding: 0 1.5rem;
   }

   .body-single.covid-page .section-background .container .content h1 {
     display: none;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-background .container .content {
       max-width: 42rem;
       padding: 0;
       z-index: 0;
     }

     .body-single.covid-page .section-background .container .content h2 {
       display: none;
     }

     .body-single.covid-page .section-background .container .content h1 {
       display: block;
       font-size: 3rem;
       margin-bottom: 9.375rem;
       line-height: 1.5;
       position: relative;
       z-index: 2;
     }
   }

   .body-single.covid-page .section-background .container .content p {
     font-size: 0.6875rem;
     margin-bottom: 0.5rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-background .container .content p {
       font-size: 1.125rem;
       margin-bottom: 1rem;
     }
   }

   .body-single.covid-page .section-background .container .content h2 {
     font-size: 1.5rem;
     margin-bottom: 2.5rem;
     position: relative;
     z-index: 2;
     line-height: 30px;
   }

   .body-single.covid-page .section-background .container .content .rect {
     position: absolute;
     left: 16px;
     height: 10px;
     width: 100%;
     max-width: 265px;
     background-color: #7eecff;
     border-radius: 50px;
     z-index: 0;
   }

   .body-single.covid-page .section-background .container .content .rect.rect-1 {
     top: 46px;
   }

   .body-single.covid-page .section-background .container .content .rect.rect-2 {
     top: 76px;
     max-width: 310px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-background .container .content .rect {
       left: -5px;
       height: 20px;
       width: 100%;
       max-width: 846px;
     }

     .body-single.covid-page .section-background .container .content .rect.rect-1 {
       top: 90px;
     }

     .body-single.covid-page .section-background .container .content .rect.rect-2 {
       top: 160px;
       max-width: 440px;
     }
   }

   .body-single.covid-page .section-background .container .button-scrolldown {
     min-height: 75px;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     border-radius: 40px;
     border: 1px solid #adadad;
     padding: 16px 12px;
     display: none;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-background .container .button-scrolldown {
       display: block;
       margin-top: 9.375rem;
     }
   }

   .body-single.covid-page .section-background .container .button-scrolldown svg {
     -webkit-animation: drop-down-button 2.5s infinite;
     animation: drop-down-button 2.5s infinite;
   }

   @-webkit-keyframes drop-down-button {
     0% {
       margin-top: 0;
     }

     100% {
       margin-top: 23px;
     }
   }

   @keyframes drop-down-button {
     0% {
       margin-top: 0;
     }

     100% {
       margin-top: 23px;
     }
   }

   .body-single.covid-page .section-small {
     margin-bottom: 3rem;
     padding: 0 1.5rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small {
       padding: 0;
       padding-left: 150px;
       margin-bottom: 5.5rem;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
     }
   }

   .body-single.covid-page .section-small .context {
     margin-bottom: 1.5rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .context {
       margin-bottom: 0;
       width: 33.33%;
     }
   }

   .body-single.covid-page .section-small .context h3 {
     font-size: 1.375rem;
     margin-bottom: 0.5rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .context h3 {
       font-size: 2rem;
       max-width: 150px;
       line-height: 1.25;
       margin-bottom: 1.25rem;
     }
   }

   .body-single.covid-page .section-small .context .rect {
     height: 10px;
     width: 80px;
     background-color: #7eecff;
     border-radius: 50px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .context .rect {
       height: 20px;
       width: 12 0px;
     }
   }

   .body-single.covid-page .section-small .content {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       width: 100%;
       -webkit-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
       -webkit-box-align: baseline;
       -ms-flex-align: baseline;
       align-items: baseline;
     }
   }

   .body-single.covid-page .section-small .content .col-custom {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     margin-bottom: 1.5rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content .col-custom {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       width: 33.33%;
       margin-right: 5rem;
     }
   }

   .body-single.covid-page .section-small .content .col-custom img {
     max-width: 79px;
     -o-object-fit: contain;
     object-fit: contain;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content .col-custom img {
       max-height: 100px;
       margin-bottom: 2rem;
     }
   }

   .body-single.covid-page .section-small .content .context-h4 {
     padding-left: 12px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content .context-h4 {
       width: unset;
       padding-left: 0;
     }
   }

   .body-single.covid-page .section-small .content .context-h4 h4 {
     font-size: 0.875rem;
     margin-bottom: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content .context-h4 h4 {
       font-size: 1.125rem;
       margin-bottom: 1.25rem;
     }
   }

   .body-single.covid-page .section-small .content .context-h4 p {
     font-size: 0.6875rem;
     line-height: 1.5;
     text-align: justify;
     color: #686e76;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content .context-h4 p {
       font-size: 0.875rem;
     }
   }

   .body-single.covid-page .section-small .content ul li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     margin-bottom: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content ul li {
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
     }

     .body-single.covid-page .section-small .content ul li:last-child {
       -webkit-box-align: start;
       -ms-flex-align: start;
       align-items: flex-start;
     }
   }

   .body-single.covid-page .section-small .content ul li .svg-icon {
     margin-right: 1rem;
   }

   .body-single.covid-page .section-small .content ul li .svg-icon svg {
     max-width: 28px;
     height: 30px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content ul li .svg-icon svg {
       max-width: 47px;
       height: 47px;
     }
   }

   .body-single.covid-page .section-small .content ul li p {
     font-weight: 600;
     font-size: 0.875rem;
     line-height: 20px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content ul li p {
       font-size: 1.125rem;
       line-height: 30px;
     }
   }

   .body-single.covid-page .section-small .content ul li .list-major ul {
     margin-top: 0.5rem;
     list-style: disc;
     margin-left: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content ul li .list-major ul {
       margin-top: 0.75rem;
       margin-left: 1.125rem;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       height: 200px;
       min-width: 550px;
     }
   }

   .body-single.covid-page .section-small .content ul li .list-major ul li {
     display: list-item;
     margin-bottom: 0.25rem;
     font-size: 0.875rem;
     line-height: 20px;
     color: #686e76;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content ul li .list-major ul li {
       font-size: 1rem;
       line-height: 24px;
     }
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content ul li .list-major {
       padding-top: 12px;
     }
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content .container-row {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }
   }

   .body-single.covid-page .section-small .content .container-row .row-custom {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 1.75rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content .container-row .row-custom {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       max-width: 220px;
       margin-right: 40px;
     }
   }

   .body-single.covid-page .section-small .content .container-row .row-custom .big-num {
     font-size: 2.5rem;
     font-weight: 100;
     color: #686e76;
     line-height: 0.75;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content .container-row .row-custom .big-num {
       line-height: 2;
       font-size: 3rem;
     }
   }

   .body-single.covid-page .section-small .content .button-detail {
     margin: 0 auto;
     background-color: rgba(232, 232, 232, 0.82);
     padding: 11px 44.5px;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     font-size: 14px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .content .button-detail {
       margin: unset;
       margin-top: 1.25rem;
     }
   }

   .body-single.covid-page .section-small .need-help-content {
     font-size: 40px;
     color: #686e76;
     font-weight: 200;
   }

   .body-single.covid-page .section-small .need-help-content:first-child {
     margin-bottom: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .need-help-content:first-child {
       margin-bottom: 20px;
     }
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small .need-help-content {
       font-size: 48px;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
     }
   }

   .body-single.covid-page .section-small.section-doi-tuong {
     margin-bottom: 1.75rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small.section-doi-tuong {
       margin-bottom: 5rem;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
     }
   }

   .body-single.covid-page .section-small.section-doi-tuong .context {
     margin-bottom: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small.section-doi-tuong .context h3 {
       max-width: 170px;
     }
   }

   .body-single.covid-page .section-small.section-doi-tuong .context .rect {
     margin-bottom: 1rem;
   }

   .body-single.covid-page .section-small.section-doi-tuong .context p {
     font-size: 0.875rem;
     color: #686e76;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small.section-huongdan-thamgia {
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
     }
   }

   .body-single.covid-page .section-small.section-huongdan-thamgia .context {
     margin-bottom: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small.section-huongdan-thamgia .context h3 {
       max-width: 200px;
     }
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small.section-huongdan-thamgia .content {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
     }
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small.section-cantrogiup {
       margin-bottom: 11.25rem;
     }
   }

   @media screen and (min-width: 1024px) {
     .body-single.covid-page .section-small.section-cantrogiup .context h3 {
       max-width: 280px;
     }
   }

   .covid-header {
     position: fixed;
     top: 0;
     padding: 0.875rem 1rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     width: 100%;
     opacity: 0;
     z-index: 995;
     background: #fff;
   }

   .covid-header.show {
     opacity: 1;
   }

   @media screen and (min-width: 1024px) {
     .covid-header {
       padding: 1.625rem 3.75rem;
     }
   }

   .covid-header .covid-header-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-bottom: 2px;
   }

   .covid-header .covid-header-container .hamburger-rule-detail {
     margin-right: 21px;
     margin-top: -3px;
     height: 20px;
   }

   @media screen and (min-width: 1024px) {
     .covid-header .covid-header-container .hamburger-rule-detail {
       display: none;
     }
   }

   .covid-header .covid-header-container .logo-zalo-ad-header {
     width: 110px;
   }

   @media screen and (min-width: 1024px) {
     .covid-header .covid-header-container .logo-zalo-ad-header {
       width: 160px;
     }
   }

   .covid-header .rule-detail {
     display: none;
   }

   @media screen and (min-width: 1024px) {
     .covid-header .rule-detail {
       display: block;
     }
   }

   .covid-header .field.is-grouped {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }

   .covid-header .field.is-grouped .control:not(:last-child) {
     margin-right: 3.75rem !important;
   }

   .covid-header .field.is-grouped .control:not(:last-child) a {
     font-size: 1.125rem;
     font-weight: 400;
     color: #000;
   }

   .covid-header .field.is-grouped .control:not(:last-child) a:hover {
     color: #1745CF;
   }

   .covid-modal-form .header-modal {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 2rem;
   }

   .covid-modal-form .header-modal .close {
     position: static !important;
     padding: 0px;
     border-radius: 50px;
     background: #e8e8e8;
   }

   .covid-modal-form .header-modal .close i {
     font-size: 1.75rem;
     width: auto;
     height: auto;
   }

   .covid-modal-form .header-modal h1 {
     margin-bottom: 0;
     font-size: 1.5rem;
   }

   @media screen and (min-width: 1024px) {
     .covid-modal-form .header-modal h1 {
       font-size: 2.5rem;
     }
   }

   .covid-modal-form .section-form h2 {
     font-size: 1.125rem;
     margin-bottom: 0.5rem;
   }

   @media screen and (min-width: 1024px) {
     .covid-modal-form .section-form h2 {
       font-size: 1.5rem;
       line-height: 30px;
     }
   }

   .covid-modal-form .section-form .context {
     margin: 1rem 0;
   }

   .covid-modal-form .section-form .context span {
     font-weight: 500;
     font-size: 0.875rem;
     line-height: 20px;
   }

   @media screen and (min-width: 1024px) {
     .covid-modal-form .section-form .context span {
       font-size: 1.125rem;
       line-height: 30px;
     }
   }

   .covid-modal-form .section-form .context p {
     font-size: 0.875rem;
     margin-bottom: 0.25rem;
     line-height: 20px;
   }

   @media screen and (min-width: 1024px) {
     .covid-modal-form .section-form .context p {
       font-size: 1.125rem;
       line-height: 30px;
     }
   }

   .covid-modal-form .section-form .context ul {
     list-style: disc;
     margin: 0.5rem 0;
     margin-left: 2rem;
   }

   .covid-modal-form .section-form .context ul li {
     display: list-item;
     margin-bottom: 0.25rem;
     font-size: 0.875rem;
     line-height: 20px;
     color: #686e76;
   }

   @media screen and (min-width: 1024px) {
     .covid-modal-form .section-form .context ul li {
       font-size: 1.125rem;
       line-height: 30px;
     }
   }

   .covid-sidenav {
     height: 100%;
     width: 0;
     position: fixed;
     z-index: 999;
     top: 0;
     left: 0;
     background-color: transparent;
     overflow-x: hidden;
   }

   @media screen and (min-width: 1024px) {
     .covid-sidenav {
       display: none;
     }
   }

   .covid-sidenav #covid-after-background {
     background-color: rgba(0, 0, 0, 0.4);
     height: 100%;
     width: 100%;
     position: absolute;
     z-index: -1;
     top: 0;
     left: 0;
     opacity: 0;
   }

   .covid-sidenav .covid-background {
     background-color: #fff;
     padding: 1rem;
     padding-top: 60px;
     width: 70%;
     height: 100%;
   }

   .covid-sidenav .covid-background a {
     font-size: 1.125rem;
     font-weight: 400;
     color: #000;
   }

   .partner-template {
     overflow-x: hidden;
   }

   .partner-template .columns {
     margin: 0;
   }

   .partner-template .columns .column {
     padding: 0;
   }

   .partner-template .section-cover-partner {
     background: url("images/cover_doi_tac_cao_cap.png") no-repeat center center;
     background-size: cover;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }

   .partner-template .section-cover-partner:after {
     content: "";
     display: block;
     padding-top: 34.7222222222%;
   }

   .partner-template .section-cover-partner .container-partner {
     max-width: 1200px;
     width: 100%;
     margin: 0 auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 4.5rem 1.5rem;
   }

   .partner-template .section-cover-partner .container-partner .context {
     position: relative;
     width: 100%;
     text-align: center;
     max-width: 500px;
   }

   @media screen and (min-width: 768px) {
     .partner-template .section-cover-partner .container-partner .context {
       width: 80%;
       text-align: left;
       max-width: 380px;
     }
   }

   @media screen and (min-width: 1024px) {
     .partner-template .section-cover-partner .container-partner .context {
       padding: 0;
       width: 50%;
       text-align: left;
     }
   }

   .partner-template .section-cover-partner .container-partner .context h2 {
     font-size: 1.875rem;
     color: #fff;
     line-height: 38px;
     margin-bottom: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .partner-template .section-cover-partner .container-partner .context h2 {
       font-size: 2.25rem;
       line-height: 48px;
       margin-bottom: 1.5rem;
     }
   }

   .partner-template .section-cover-partner .container-partner .context p {
     font-size: 1rem;
     color: #fff;
     line-height: 24px;
     margin-bottom: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .partner-template .section-cover-partner .container-partner .context p {
       font-size: 1.125rem;
       line-height: 26px;
       margin-bottom: 1.5rem;
     }
   }

   .partner-template section.section-benefit {
     background: #f5f9ff;
   }

   .partner-template section.section-condition {
     background: #ecf4fe;
   }

   .partner-template section.section-condition ul {
     position: relative;
     margin-top: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .partner-template section.section-condition ul {
       margin-top: 1.5rem;
     }
   }

   .partner-template section.section-condition ul li {
     position: relative;
     padding-left: 2rem;
   }

   .partner-template section.section-condition ul li:before {
     position: absolute;
     top: 9px;
     left: 9px;
     content: "";
     background-color: hsl(0deg, 0%, 8%);
     width: 6px;
     height: 6px;
     border-radius: 100%;
   }

   .partner-template section.section-responsible {
     background: #d8e7f9;
   }

   @media screen and (min-width: 1024px) {
     .partner-template section.section-responsible ul li {
       margin-top: 0.75rem;
     }
   }

   .partner-template section .main-container {
     padding: 4rem 1.5rem;
   }

   @media screen and (min-width: 1024px) {
     .partner-template section .main-container {
       max-width: 1200px;
       margin: 0 auto;
       padding-top: 4.5rem;
       padding-bottom: 4.5rem;
     }
   }

   .partner-template section .main-container .question p {
     font-size: 1.5rem;
   }

   .partner-template section .main-container .container {
     margin-top: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .partner-template section .main-container .container {
       margin-top: 0;
     }
   }

   .partner-template section .main-container .container p {
     font-size: 0.875rem;
   }

   @media screen and (min-width: 1024px) {
     .partner-template section .main-container .container p {
       font-size: 1rem;
       padding-right: 50px;
     }
   }

   .partner-template section .main-container .container .button {
     margin-top: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .partner-template section .main-container .container .button {
       margin-top: 1.5rem;
     }
   }

   .partner-template section .main-container .container ul li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 0.75rem;
   }

   .partner-template section .main-container .container ul li:last-child {
     margin-bottom: 0;
   }

   .partner-template section .main-container .container ul li .icon-tick i {
     width: 30px;
     height: 30px;
     background-color: rgba(0, 82, 204, 0.05);
     border-radius: 50px;
     color: #0052cc;
     padding: 0.5rem;
     margin-right: 1rem;
   }

   @media screen and (min-width: 1024px) {
     .partner-template section .main-container .container ul li .icon-tick i {
       width: 36px;
       height: 36px;
       font-size: 1.25rem;
     }
   }

   .partner-template section.section-list-doitac .main-container {
     padding-bottom: 0;
   }

   .partner-template section.section-list-doitac .main-container p {
     text-align: center;
     padding-left: 0 !important;
   }

   .partner-template section.section-list-doitac .main-container p:nth-child(2) {
     color: #686e76;
     font-size: 0.875rem;
     margin: 0 auto;
     padding-top: 10px;
     line-height: 22px;
     max-width: 512px;
   }

   @media screen and (min-width: 1024px) {
     .partner-template section.section-list-doitac .main-container p:nth-child(2) {
       font-size: 1rem;
       line-height: 24px;
     }
   }

   .partner-template section.section-list-doitac .image-logo {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     flex-direction: row;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 1rem 0.75rem 4rem;
     max-width: 1200px;
     margin: 0 auto;
   }

   @media screen and (min-width: 1024px) {
     .partner-template section.section-list-doitac .image-logo {
       padding-bottom: 4.5rem;
     }
   }

   .partner-template section.section-list-doitac .image-logo .bl-partner {
     max-width: 330px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0 2.5rem 2.5rem;
     position: relative;
     margin: 0 1rem;
     margin-top: 2rem;
     border: 1px solid #eaeaea;
     border-radius: 7px;
     -webkit-box-shadow: 0 5px 8px rgba(67, 86, 100, 0.12);
     box-shadow: 0 5px 8px rgba(67, 86, 100, 0.12);
   }

   .partner-template section.section-list-doitac .image-logo .bl-partner img {
     max-width: 160px;
   }

   .partner-template section.section-list-doitac .image-logo .bl-partner img.hover {
     opacity: 0;
     visibility: hidden;
     position: absolute;
     top: 0;
   }

   .partner-template section.section-list-doitac .image-logo .bl-partner:hover {
     -webkit-box-shadow: 0 8px 16px rgba(67, 86, 100, 0.08);
     box-shadow: 0 8px 16px rgba(67, 86, 100, 0.08);
     border: 1px solid #d1d4d8;
   }

   .partner-template section.section-list-doitac .image-logo .bl-partner:hover img.hover {
     opacity: 1;
     visibility: visible;
   }

   .partner-template section.section-list-doitac .image-logo .bl-partner:hover img.grayscale {
     opacity: 0;
     visibility: hidden;
   }

   .partner-template section.section-list-doitac .image-logo .bl-partner .partner-name {
     font-size: 18px;
     font-weight: 700;
     text-align: center;
     color: #000;
     margin-top: -20px;
     z-index: 10;
   }

   .partner-template section.section-list-doitac .image-logo .bl-partner .partner-desc {
     padding-top: 1rem;
     font-size: 14px;
     color: #686e76;
     text-align: center;
   }

   .partner-template section.section-list-doitac .image-logo.is-small .bl-partner {
     max-width: 280px;
   }

   .partner-template section.section-list-doitac .image-logo.is-small .bl-partner img {
     max-width: 140px;
     margin-bottom: 1rem;
   }

   .partner-template section.section-list-doitac .image-logo.is-small .bl-partner p {
     font-size: 1rem;
   }

   @media screen and (max-width: 768px) {
     .partner-template section.section-list-doitac .image-logo.is-small .bl-partner {
       padding: 0 1rem 1rem;
     }

     .partner-template section.section-list-doitac .image-logo.is-small .bl-partner img {
       max-width: 100px;
     }

     .partner-template section.section-list-doitac .image-logo.is-small .bl-partner p {
       font-size: 0.75rem;
     }
   }

   .partner-template section.section-list-doitac .image-logo .button {
     margin-top: 3rem;
   }

   .partner-template section.section-list-doitac .box-be-collab {
     background: url(images/bg_footer_cta.png) top center no-repeat;
     background-size: cover;
   }

   .partner-template section.section-list-doitac .box-be-collab .context {
     max-width: 600px;
     margin-right: auto;
     margin-left: auto;
     padding: 50px 2rem;
     text-align: center;
     line-height: 1.25;
   }

   .partner-template section.section-list-doitac .box-be-collab .context p {
     display: none;
     margin-bottom: 8px;
     color: hsl(0deg, 0%, 100%);
     font-size: 1rem;
   }

   .partner-template section.section-list-doitac .box-be-collab .context h2 {
     display: block;
     margin-bottom: 2rem;
     color: hsl(0deg, 0%, 100%);
     font-size: 1.5rem;
     font-weight: 900;
     text-shadow: 0 1px 2px rgba(0, 0, 0, 0.64);
   }

   .partner-template section.section-list-doitac .box-be-collab .context a.button {
     min-width: 240px;
     border-color: transparent;
   }

   @media screen and (min-width: 1024px) {
     .partner-template section.section-list-doitac .box-be-collab .context {
       max-width: 800px;
       padding: 110px 2rem;
     }

     .partner-template section.section-list-doitac .box-be-collab .context p {
       display: block;
     }

     .partner-template section.section-list-doitac .box-be-collab .context h2 {
       font-size: 3rem;
     }
   }

   .partner-template section.section-list-doitac .section-cover-list-doitac {
     height: 400px;
     background-color: #ecf4fe;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background: url(images/bg_cover_dsdoitac.png) center center no-repeat;
   }

   .partner-template section.section-list-doitac .section-cover-list-doitac .cover-container {
     max-width: 670px;
     min-height: 275px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 0 1.5rem;
   }

   @media screen and (min-width: 769px) {
     .partner-template section.section-list-doitac .section-cover-list-doitac .cover-container {
       padding: unset;
     }
   }

   .partner-template section.section-list-doitac .section-cover-list-doitac .cover-container h2 {
     font-size: 2.5rem;
     text-align: center;
     margin-bottom: 32px;
   }

   @media screen and (min-width: 769px) {
     .partner-template section.section-list-doitac .section-cover-list-doitac .cover-container h2 {
       margin-bottom: 36px;
     }
   }

   .partner-template section.section-list-doitac .section-cover-list-doitac .cover-container p {
     text-align: center;
     font-size: 0.875rem;
     margin-bottom: 18px;
   }

   .partner-template section.section-list-doitac .section-cover-list-doitac .cover-container p:last-child {
     margin-bottom: 0;
   }

   @media screen and (min-width: 769px) {
     .partner-template section.section-list-doitac .section-cover-list-doitac .cover-container p {
       font-size: 1.125rem;
       margin-bottom: 16px;
     }
   }

   .partner-template section.section-list-doitac .module-loading {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: -1;
     opacity: 0;
   }

   .partner-template section.section-list-doitac .module-loading .context-loading {
     top: 90vh !important;
     position: fixed;
     top: 90vh;
     right: 0;
     left: 0;
     z-index: 10;
     opacity: 0;
     visibility: hidden;
     background-color: hsl(0deg, 0%, 100%);
     -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.12);
     box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.12);
     border-radius: 50%;
     margin-right: auto;
     margin-left: auto;
     height: 60px;
     width: 60px;
     padding: 10px;
   }

   .partner-template section.section-list-doitac .module-loading .context-loading .spinner {
     -webkit-animation: rotator 1.4s linear infinite;
     animation: rotator 1.4s linear infinite;
   }

   @-webkit-keyframes rotator {
     0% {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
     }

     100% {
       -webkit-transform: rotate(270deg);
       transform: rotate(270deg);
     }
   }

   @keyframes rotator {
     0% {
       -webkit-transform: rotate(0deg);
       transform: rotate(0deg);
     }

     100% {
       -webkit-transform: rotate(270deg);
       transform: rotate(270deg);
     }
   }

   .partner-template section.section-list-doitac .module-loading .context-loading .path {
     stroke-dasharray: 187;
     stroke-dashoffset: 0;
     -webkit-transform-origin: center;
     -ms-transform-origin: center;
     transform-origin: center;
     stroke: #1745CF;
     -webkit-animation: dash 1.4s ease-in-out infinite;
     animation: dash 1.4s ease-in-out infinite;
   }

   @-webkit-keyframes dash {
     0% {
       stroke-dashoffset: 187;
     }

     50% {
       stroke-dashoffset: 46.75;
       -webkit-transform: rotate(135deg);
       transform: rotate(135deg);
     }

     100% {
       stroke-dashoffset: 187;
       -webkit-transform: rotate(450deg);
       transform: rotate(450deg);
     }
   }

   @keyframes dash {
     0% {
       stroke-dashoffset: 187;
     }

     50% {
       stroke-dashoffset: 46.75;
       -webkit-transform: rotate(135deg);
       transform: rotate(135deg);
     }

     100% {
       stroke-dashoffset: 187;
       -webkit-transform: rotate(450deg);
       transform: rotate(450deg);
     }
   }

   .partner-template section.section-list-doitac .module-loading.is-active {
     z-index: 100;
   }

   .partner-template section.section-list-doitac .module-loading.is-active .context-loading {
     top: 80px;
     opacity: 1;
     visibility: visible;
   }

   .partner-template .section-footer {
     max-width: 1200px;
     margin-right: auto;
     margin-left: auto;
     padding: 40px 1.5rem;
   }

   .partner-template .section-footer .addr-list li {
     margin-bottom: 12px;
   }

   .partner-template .section-footer .addr-list li span.lab {
     display: block;
     color: rgba(20, 20, 20, 0.5);
     font-size: 0.875rem;
     font-weight: 700;
   }

   .partner-template .section-footer .addr-list li span.content {
     display: block;
     width: 100%;
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
   }

   .partner-template .section-footer .link-list li {
     margin-bottom: 12px;
   }

   .partner-template .section-footer .link-list li a {
     color: hsl(0deg, 0%, 8%);
     font-size: 0.875rem;
   }

   .partner-template .section-footer .link-list li a:hover {
     color: #1745CF;
   }

   .partner-template .section-footer .cpr {
     display: block;
     color: rgba(20, 20, 20, 0.5);
     font-size: 0.875rem;
   }

   @media screen and (min-width: 1024px) {
     .partner-template .section-footer {
       padding-top: 80px;
       padding-bottom: 80px;
     }

     .partner-template .section-footer .addr-list {
       padding-right: 2rem;
     }

     .partner-template .section-footer .addr-list li {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }

     .partner-template .section-footer .addr-list li span.lab {
       -ms-flex-negative: 0;
       flex-shrink: 0;
       width: 100px;
     }

     .partner-template .section-footer .addr-list li span {
       -webkit-box-flex: 1;
       -ms-flex-positive: 1;
       flex-grow: 1;
       min-width: 0;
     }
   }

   .partner-training-template .section-cover-partner {
     background: url("images/cover-doitacdaotao.png") no-repeat center center;
   }

   .partner-training-template .section-info {
     background: #ecf4fe;
     text-align: center;
     padding-bottom: 4.5rem;
   }

   .partner-training-template .section-info .main-container {
     padding-bottom: 2rem;
   }

   .partner-training-template .section-info p {
     max-width: 900px;
     padding: 0 1.5rem;
     margin: auto;
   }

   .partner-training-template .section-benefit {
     text-align: center;
     padding: 0 1.5rem 2.5rem;
   }

   .partner-training-template .section-benefit .block-list-benefit {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     max-width: 1200px;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 0 auto;
   }

   .partner-training-template .section-benefit .block-list-benefit .item {
     margin-bottom: 2.5rem;
     max-width: 300px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }

   @media screen and (min-width: 1024px) {
     .partner-training-template .section-benefit .block-list-benefit .item {
       margin: 0 5rem 2.5rem;
     }
   }

   .partner-training-template .section-benefit .block-list-benefit .item img {
     margin-bottom: 2rem;
     width: 100px;
   }

   @media screen and (min-width: 1024px) {
     .partner-training-template .section-benefit .block-list-benefit .item img {
       width: 150px;
     }
   }

   .partner-training-template .section-condition {
     text-align: center;
     padding: 0 1.5rem 4.5rem;
     background: url("images/doitacdaotao-bottom-bg.png") center center no-repeat !important;
     background-size: cover !important;
     color: #fff;
   }

   .partner-training-template .section-condition .button {
     color: #1744cf;
   }

   .partner-training-template .section-condition .block-condition-joining {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     max-width: 1200px;
     margin: 0 auto 2.5rem;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   @media screen and (min-width: 1024px) {
     .partner-training-template .section-condition .block-condition-joining {
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -webkit-box-pack: space-evenly;
       -ms-flex-pack: space-evenly;
       justify-content: space-evenly;
     }
   }

   .partner-training-template .section-condition .block-condition-joining .item {
     max-width: 250px;
     padding: 1.5rem;
   }

   .partner-training-template .section-condition .block-condition-joining .item img {
     margin-bottom: 1.5rem;
   }

   .page-404-content {
     max-width: 1200px;
     margin: 0 auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     padding: 0 1.5rem;
   }

   .page-404-content img {
     max-width: 500px;
     width: 100%;
     margin-top: 64px;
     margin-bottom: 16px;
   }

   @media screen and (min-width: 768px) {
     .page-404-content img {
       /* margin-top: 144px; */
       margin-bottom: 24px;
     }
   }

   .page-404-content p {
     text-align: center;
     font-weight: 600;
     font-size: 16px;
     color: #7A8490;
     line-height: 24px;
     text-align: center;
     letter-spacing: 0.02em;
     margin-bottom: 16px;
   }
   .page-404-content a {
     margin-bottom: 72px;
   }
   @media screen and (min-width: 768px) {
     .page-404-content a {
       margin-bottom: 120px;
     }
     .page-404-content p {
       font-size: 20px;
       line-height: 32px;
       margin-bottom: 24px;
     }
   }

   /* close popup video in homepage when clicking outside */
   .bg-close-outside{
     position: absolute;
     left: 0;
     top: 0;
     width: 100vw;
     height: 100vh;
   }

   .page-content.homepage {
     background: #000028;
     overflow: hidden;
   }
   .page-content.homepage .homepage-container {
     max-width: 1200px;
     margin: 0 auto;
     color: #fff;
   }
   .blur-circle-animation {
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
     pointer-events: none;
     -webkit-animation: mymove 8s infinite;
             animation: mymove 8s infinite;
   }
   .blur-circle-animation-1 {
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
     pointer-events: none;
     -webkit-animation: mymove-1 8s infinite;
             animation: mymove-1 8s infinite;
   }
   @-webkit-keyframes mymove-1 {
     0% {
       opacity: 1;
     }
     25% {
       opacity: 0;
     }
     50% {
       opacity: 1;
     }
     75% {
       opacity: 0;
     }
     100% {
       opacity: 1;
     }
   }
   @keyframes mymove-1 {
     0% {
       opacity: 1;
     }
     25% {
       opacity: 0;
     }
     50% {
       opacity: 1;
     }
     75% {
       opacity: 0;
     }
     100% {
       opacity: 1;
     }
   }
   @-webkit-keyframes mymove {
     0% {
       opacity: 0;
     }
     25% {
       opacity: 1;
     }
     50% {
       opacity: 0;
     }
     75% {
       opacity: 1;
     }
     100% {
       opacity: 0;
     }
   }
   @keyframes mymove {
     0% {
       opacity: 0;
     }
     25% {
       opacity: 1;
     }
     50% {
       opacity: 0;
     }
     75% {
       opacity: 1;
     }
     100% {
       opacity: 0;
     }
   }
   .page-content.homepage .homepage-container .btn {
     padding: 12px 20px;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     border-radius: 8px;
     font-weight: 700;
     font-size: 18px;
     line-height: normal;
     display: block;
     white-space: nowrap;
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container{
       padding-top: 80px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container {
       padding-top: 90px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .btn{
       font-size: 20px;
       padding: 20px 40px;
     }
   }
   .page-content.homepage .btn.btn-primary {
     color: #000028;
   }
   .page-content.homepage .btn.btn-primary.green {
     background: #1FFF83;
   }
   .page-content.homepage .btn.btn-primary.green:hover {
     background: #fff;
   }
   .page-content.homepage .btn.btn-primary.blue {
     color: #fff;
     background: #0000FF;
   }
   .page-content.homepage .btn.btn-primary.blue:hover {
     background: #fff;
     color: #000028;
   }
   .page-content.homepage .btn.btn-has-icon {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     color: #fff;
   }
   .page-content.homepage .btn.btn-has-icon svg {
     margin-left: 8px;
     position: relative;
     top: 2px;
   }
   .page-content.homepage .btn.btn-has-icon svg path {
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
   }
   .page-content.homepage .btn.btn-has-icon:hover {
     color: #0068FF;
   }
   .page-content.homepage .btn.btn-has-icon:hover svg path {
     fill: #0068FF;
   }
   .page-content.homepage .btn.btn-has-icon.green {
     color: #fff;
   }
   .page-content.homepage .btn.btn-has-icon.green svg path {
     fill: #fff;
   }
   .page-content.homepage .btn.btn-has-icon.green:hover {
     color: #1FFF83;
   }
   .page-content.homepage .btn.btn-has-icon.green:hover svg path {
     fill: #1FFF83;
   }
   .page-content.homepage .btn.btn-has-icon.blue {
     color: #0068FF;
   }
   .page-content.homepage .btn.btn-has-icon.blue:hover {
     color: #fff;
   }
   .page-content.homepage .btn.btn-has-icon.blue:hover svg path {
     fill: #fff;
   }
   .page-content.homepage .homepage-container .section-intro {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
             flex-direction: column-reverse;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     padding: 32px 20px;
   }
   @media screen and (max-width: 1200px) {
     .page-content.homepage .homepage-container .section-intro .block .text .desktop-only{
       max-width: 450px;
     }
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-intro{
       padding: 48px;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-intro {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
       padding: 20px;
     }
   }
   .page-content.homepage .homepage-container .section-intro .block.right{
     margin: 0 -24px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-intro .block.right {
       height: 580px;
       margin: 0;
     }
   }
   .page-content.homepage .homepage-container .section-intro .block video {
     position: relative;
   }
   .page-content.homepage .homepage-container .section-intro .block video.mobile-only{
     margin-top: -32px;
   }
   @media screen  and (min-width: 768px){
     .page-content.homepage .homepage-container .section-intro .block video.mobile-only{
       width: 70%;
       margin: 0 auto;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-intro .block video {
       position: absolute;
       left: 0;
       top: -25%;
       min-width: 580px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-intro .block video {
       min-width: calc(580px + (100vw - 1200px) / 2);
       top: -30%;
     }
     .page-content.homepage .homepage-container .section-intro {
       padding: 90px 20px 120px;
     }
   }
   @media screen and (min-width: 1440px) {
     .page-content.homepage .homepage-container .section-intro {
       padding: 120px 20px;
     }
   }
   @media screen and (min-width: 1750px){
     .page-content.homepage .homepage-container .section-intro .block video{
       top: -50%;
     }
   }
   .page-content.homepage .homepage-container .section-intro .block {
     text-align: center;
     position: relative;
     z-index: 2;
     margin-bottom: 0;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-intro .block {
       width: 50%;
       text-align: left;
     }
   }
   .page-content.homepage .homepage-container .section-intro .block img {
     width: 100%;
     display: block;
   }
   .page-content.homepage .homepage-container .section-intro .block .text {
     margin-bottom: 40px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-intro .block .text {
       margin-bottom: 64px;
     }
   }
   .page-content.homepage .homepage-container .section-intro .block .text p {
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0.02em;
   }
   @media screen and (min-width: 768px)  and (max-width: 1024px){
     .page-content.homepage .homepage-container .section-intro .block .text p {
       width: 70%;
       margin: 0 auto;
     }

   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-intro .block .text p {
       font-weight: 400;
       font-size: 18px;
       line-height: 24px;
     }
   }
   @media screen and (min-width: 1201px){
     .page-content.homepage .homepage-container .section-intro .block .text{
       margin-bottom: 80px;
     }
     .page-content.homepage .homepage-container .section-intro .block .text p{
       font-size: 20px;
       line-height: 30px;
     }
   }
   .page-content.homepage .homepage-container .section-intro .block .text .mobile-only {
     margin-bottom: 40px;
   }
   .page-content.homepage .homepage-container .section-intro .block .text .desktop-only {
     margin-bottom: 64px;
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-intro .block .text .mobile-only{
       width: 90%;
       margin: 0 auto 40px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-intro .block .text .desktop-only{
       margin-bottom: 80px;
     }
   }
   .page-content.homepage .homepage-container .section-intro .block.left {
     margin-top: 40px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-intro .block.left {
       margin-top: 0;
     }
   }
   .page-content.homepage .homepage-container .section-type-ads .noise-3 {
     width: 50vw;
     position: absolute;
     left: -12vw;
     bottom: -22vw;
   }
   .page-content.homepage .homepage-container .section-type-ads .noise-4 {
     width: 62vw;
     position: absolute;
     left: -35vw;
     bottom: -30vw;
   }
   .page-content.homepage .homepage-container .section-intro .noise {
     min-width: 45vw;
     position: absolute;
     z-index: -1;
     top: -16vw;
     left: -22vw;
   }
   .page-content.homepage .homepage-container .section-type-ads .noise {
     min-width: 48vw;
     position: absolute;
     top: -20vw;
     right: -45vw;
   }
   .page-content.homepage .homepage-container .section-type-ads .noise-1 {
     min-width: 68vw;
     position: absolute;
     top: -14vw;
     right: -32vw;
   }
   .page-content.homepage .homepage-container .section-type-ads .noise-2 {
     min-width: 74vw;
     position: absolute;
     left: -40vw;
     top: 0;
   }
   .page-content.homepage .homepage-container .section-start-zad .noise {
     width: 50vw;
     position: absolute;
     left: -12vw;
     top: -22vw;
   }
   .page-content.homepage .homepage-container .section-start-zad .noise-1 {
     width: 62vw;
     position: absolute;
     left: -35vw;
     top: -20vw;
   }
   .page-content.homepage .homepage-container .section-post-effective .noise {
     width: 69vw;
     position: absolute;
     top: -16vw;
     right: -36vw;
   }
   .page-content.homepage .homepage-container .section-post-effective .noise-1 {
     width: 60vw;
     position: absolute;
     top: 0;
     right: -20vw;
   }
   .page-content.homepage .homepage-container .section-post-effective .noise-2 {
     width: 74vw;
     position: absolute;
     right: -45vw;
     top: 4vw;
   }
   .page-content.homepage .homepage-container .section-footer .noise {
     position: absolute;
     min-width: 100vw;
     bottom: 0;
     left: 50%;
     -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
             transform: translateX(-50%);
   }
   .page-content.homepage .homepage-container .section-oa .noise {
     position: absolute;
     min-width: 100vw;
     top: -5vw;
     left: 0;
   }
   .page-content.homepage .homepage-container .section-oa .noise-1 {
     position: absolute;
     min-width: 100vw;
     left: 0;
     bottom: -5vw;
   }
   @media screen and (min-width: 1024px){
     .page-content.homepage .homepage-container .section-oa .noise{
       top: -2vw;
     }
     .page-content.homepage .homepage-container .section-oa .noise-1 {
       bottom: -2vw;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-oa .noise {
       left: calc((1200px - 100vw) / 2);
       top: -5vw;
     }
     .page-content.homepage .homepage-container .section-oa .noise-1 {
       left: calc((1200px - 100vw) / 2);
       bottom: -5vw;
     }
   }

   .page-content.homepage .homepage-container .section-intro .btn-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
   .page-content.homepage .homepage-container .section-intro .btn-group .btn + .btn {
     margin-top: 16px;
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-intro .btn-group {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
               justify-content: center;
     }
     .page-content.homepage .homepage-container .section-intro .btn-group .btn + .btn{
       margin-top: 0;
     }
   }

   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-intro .btn-group {
       justify-content: flex-start;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
     }
     .page-content.homepage .homepage-container .section-intro .btn-group .btn + .btn {
       margin-top: 0;
       margin-left: 16px;
     }
   }
   .page-content.homepage .homepage-container .section-video .cube {
     position: absolute;
     z-index: 10;
     top: 5%;
     right: 0;
     width: 100%;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-video .cube {
       width: 70%;
       top: 5%;
       right: auto;
       left: -1%;
     }
   }

   .page-content.homepage .homepage-container .section-video {
     padding: 120px 20px 60px;
     position: relative;
     z-index: 1;
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-video {
       padding: 100px 48px;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-video {
       padding: 100px 20px 100px;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: flex-end;
           -ms-flex-align: flex-end;
               align-items: flex-end;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-video {
       padding: 160px 20px 100px;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: flex-end;
           -ms-flex-align: flex-end;
               align-items: flex-end;
     }
   }
   .page-content.homepage .homepage-container .section-video .title-absolute {
     text-align: center;
     position: relative;
     margin-bottom: -32px;
     z-index: 1;
   }

   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-video .title-absolute {
       position: absolute;
       margin-bottom: 0;
       right: 120px;
       top: 220px;
       text-align: right;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-video .title-absolute {
       right: 60px;
       top: 220px;
     }
   }
   .page-content.homepage .homepage-container .section-video .title-absolute h2 {
     font-weight: 900;
     font-size: 40px;
     text-transform: uppercase;
     line-height: normal;
     position: relative;
   }
   @media screen and (min-width: 768px){
     .page-content.homepage .homepage-container .section-video{
       padding: 180px 20px 160px;
     }
     .page-content.homepage .homepage-container .section-video .title-absolute h2{
       font-size: 64px;
     }
     .page-content.homepage .homepage-container .section-video .title-absolute{
       margin-bottom: -48px
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-video .title-absolute h2 {
       font-size: 106px;
       white-space: nowrap;
     }
     .page-content.homepage .homepage-container .section-video .title-absolute h2.brand {
       right: -100px;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-video .title-absolute h2{
       font-size: 88px;
       white-space: nowrap;
     }
     .page-content.homepage .homepage-container .section-video .title-absolute h2.brand {
       right: -80px;
     }
   }

   .page-content.homepage .homepage-container .section-video .title-absolute .circle-blur {
     width: 181px;
     height: 181px;
     border-radius: 99px;
     background: -o-radial-gradient(24.15% 90.17%, 238.06% 238.06%, #000028 0%, #0068FF 100%);
     background: radial-gradient(238.06% 238.06% at 24.15% 90.17%, #000028 0%, #0068FF 100%);
     opacity: 0.4;
     position: absolute;
     right: -80px;
     top: -60px;
   }
   .page-content.homepage .homepage-container .section-video .video-blk {
     margin-bottom: 32px;
     position: relative;
   }
   .page-content.homepage .homepage-container .section-video .video-blk img {
     width: 100%;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-video .video-blk {
       margin-bottom: 0;
       width: 75%;
       padding-right: 48px;
     }
   }
   .page-content.homepage .homepage-container .section-video .video-blk .overclick {
     position: absolute;
     z-index: 99;
     height: 100%;
     width: 100%;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-video .video-blk .overclick {
       width: calc(100% - 48px);
     }
     .page-content.homepage .homepage-container .section-video .video-blk .overclick:hover + .btn-play-video .icon-play {
       width: 120px;
     }
   }
   .page-content.homepage .homepage-container .section-video .video-blk .btn-play-video {
     position: relative;
     display: block;
   }
   .page-content.homepage .homepage-container .section-video .video-blk .btn-play-video video {
     display: block;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-video .video-blk .btn-play-video video:hover .icon-play {
       width: 120px;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-video .video-blk .btn-play-video:hover .icon-play {
       width: 120px;
     }
   }
   .page-content.homepage .homepage-container .section-video .video-blk .btn-play-video .icon-play {
     position: absolute;
     width: 52px;
     top: 50%;
     left: 50%;
     -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-video .video-blk .btn-play-video .icon-play {
       width: 100px;
     }
     .page-content.homepage .homepage-container .section-video .video-blk .btn-play-video .icon-play:hover {
       width: 120px;
     }
   }
   .page-content.homepage .homepage-container .section-video .text p {
     font-weight: 400;
     font-size: 16px;
     text-align: center;
     line-height: 24px;
     letter-spacing: 0.02em;
   }
   .page-content.homepage .homepage-container .section-video .text p strong {
     font-weight: 800;
     color: #fff;
   }
   .page-content.homepage .homepage-container .section-video .text p .is-blue {
     color: #0068FF;
   }
   @media screen and (min-width: 768px) and (max-width: 1024px){
     .page-content.homepage .homepage-container .section-video .text p{
       font-size: 18px;
       width: 80%;
       margin: 0 auto;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-video .text p {
       text-align: left;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-video .text p {
       font-size: 20px;
       text-align: left;
       line-height: 30px;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-video .text p{
       font-size: 18px;
       line-height: 24px;
     }
     .page-content.homepage .homepage-container .section-video .text p + .btn {
       margin-top: 20px;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-video .text {
       width: 25%;
       padding-bottom: 16px;
     }
     .page-content.homepage .homepage-container .section-video .text .btn {
       padding-left: 0;
     }
   }
   .page-content.homepage .homepage-container .section-type-ads {
     padding: 100px 20px;
     position: relative;
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-type-ads{
        padding: 160px 48px 100px;
     }
   }
   .page-content.homepage .homepage-container .section-type-ads h3 {
     font-weight: 700;
     font-size: 20px;
     line-height: normal;
     margin-bottom: 48px;
     position: relative;
     z-index: 1;
   }
   .page-content.homepage .homepage-container .section-type-ads h3 strong.is-blue {
     color: #0068FF;
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-type-ads h3 {
       font-size: 40px;
       margin-bottom: 72px;
     }
   }
   .page-content.homepage .homepage-container .section-type-ads .block-green-linear {
     position: relative;
     border-radius: 16px;
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-type-ads h3{
       font-size: 32px;
       margin-bottom: 48px;
     }
   }
   @media screen and (min-width: 1024px) {


     .page-content.homepage .homepage-container .section-type-ads .block-green-linear:before {
       content: "";
       position: absolute;
       inset: 0;
       background: -o-linear-gradient(45deg, #00FFB3 1%, rgba(0, 0, 159, 0) 22.51%);
       background: linear-gradient(45deg, #00FFB3 1%, rgba(0, 0, 159, 0) 22.51%);
       border-radius: inherit;
       left: -20px;
       bottom: 0;
       margin: -2px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-type-ads .block-green-linear:before {
       content: "";
       position: absolute;
       inset: 0;
       background: -o-linear-gradient(45deg, #00FFB3 1%, rgba(0, 0, 159, 0) 22.51%);
       background: linear-gradient(45deg, #00FFB3 1%, rgba(0, 0, 159, 0) 22.51%);
       border-radius: inherit;
       left: -96px;
       bottom: 0;
       margin: -2px;
     }
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads {
     padding: 24px 20px 48px;
     margin: 0 -20px;
     background: #000;
     position: relative;
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads{
       padding: 24px 48px 48px;
       margin: 0 -48px;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads {
       padding: 64px 50px;
       -webkit-box-shadow: 20px 9px 44px #030322;
       box-shadow: 20px 9px 44px #030322;
       border-radius: 16px;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: start;
       -ms-flex-align: start;
           align-items: flex-start;
           height: 750px;
           margin: 0 -20px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads {
       margin: 0 -96px;
       padding: 64px 96px;
       padding-right: 32px;
       -webkit-box-shadow: 20px 9px 44px #030322;
               box-shadow: 20px 9px 44px #030322;
       border-radius: 16px;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: start;
           -ms-flex-align: start;
               align-items: flex-start;
               height: 900px;
     }
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-select {
     margin: 0 -20px 16px;
     padding: 0 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     overflow-x: auto;
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-select .item {
     padding: 16px 24px;
     border-radius: 36px 0 0 36px;
     font-weight: 700;
     font-size: 16px;
     color: #5C727F;
     line-height: normal;
     white-space: nowrap;
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-select .item {
       font-size: 20px;
     }
   }
   @media screen and (min-width: 1024px){
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-select .item{
       font-size: 18px;
     }
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-select .item + .item {
     margin-left: 8px;
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-select .item.active {
     color: #fff;
     background: -o-linear-gradient(356.11deg, #1F1FE0 -15.15%, rgba(208, 51, 145, 0.466667) 49.4%, rgba(0, 0, 0, 0) 113.95%) !important;
     background: linear-gradient(93.89deg, #1F1FE0 -15.15%, rgba(208, 51, 145, 0.466667) 49.4%, rgba(0, 0, 0, 0) 113.95%) !important;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-select {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
           -ms-flex-direction: column;
               flex-direction: column;
       margin: 0;
       padding: 0;
       margin-right: 64px;
       min-width: 259px;
     }
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-select .item {
       min-width: 259px;
       /* padding: 16px; */
     }
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-select .item + .item {
       margin-left: 0;
       margin-top: 8px;
     }
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-select .item:hover {
       background: -o-linear-gradient(356.29deg, #05058A 5.59%, rgba(15, 15, 89, 0) 109.88%);
       background: linear-gradient(93.71deg, #05058A 5.59%, rgba(15, 15, 89, 0) 109.88%);
       color: #fff;
     }
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item {
     display: none;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item.active {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: reverse;
           -ms-flex-direction: row-reverse;
               flex-direction: row-reverse;
       -webkit-box-align: start;
           -ms-flex-align: start;
               align-items: flex-start;
     }
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .banner-img {
     position: relative;
     width: 100%;
     margin-bottom: 48px;
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .banner-img img {
     display: block;
     -o-object-fit: cover;
        object-fit: cover;

   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .banner-img .banner {
     width: 208px;
     margin: 0 auto;
     z-index: 2;
     position: relative;
     -webkit-transition: all 0.5s ease-out;
     -o-transition: all 0.5s ease-out;
     transition: all 0.5s ease-out;
   }
   @media screen and (min-width: 768px){
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .banner-img .banner{
       width: 50%
     }
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .banner-img .slide {
     min-width: 100vw;
     mix-blend-mode: lighten;
     z-index: 1;
     position: absolute;
     top: 0;
     left: -20px;
     -webkit-transition: all 1.5s ease-out;
        -o-transition: all 1.5s ease-out;
        transition: all 1.5s ease-out;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .banner-img {
       width: 50%;
     }
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .banner-img .banner {
       width: 100%;
     }
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .banner-img .slide {
       min-width: unset;
       max-width: 1220px;
       left: -40%;
       top: -25%;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .banner-img .slide{
       top: 0;
     }
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text h2 {
     font-weight: 700;
     font-size: 24px;
     line-height: normal;
     margin-bottom: 24px;
     color: #0068FF;
     text-align: center;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text {
       width: 50%;
       z-index: 2;
     }
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text h2{
       text-align: left;
       font-size: 32px;
     }
   }

   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text h2 {
       font-size: 40px;
       text-align: left;
     }
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text p {
     font-weight: 500;
     font-size: 16px;
     margin-bottom: 16px;
     line-height: 24px;
     color:#ADBDCC;
     letter-spacing: 0.02em;
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text p {
       font-weight: 400;
       font-size: 20px;
       line-height: 32px;
     }
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text ul li{
       font-size: 20px;
     }
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text p strong {
     color: #fff;
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text ul li {
     position: relative;
     padding-left: 16px;
     margin-bottom: 16px;
     color: #ADBDCC;
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text ul li::before {
     content: "|";
     color: #FA4500;
     position: absolute;
     left: 0;
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text .btn-group {
     margin-top: 48px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
   .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text .btn-group .btn + .btn {
     margin-top: 24px;
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text .btn-group{
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
               justify-content: center;
     }
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text .btn-group .btn + .btn {
       margin-top: 0;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text .btn-group {
       margin-top: 56px;
       justify-content: flex-start;
       -webkit-box-align: start;
           -ms-flex-align: start;
               align-items: start;
               position: absolute;
               bottom: 64px;
     }
     .page-content.homepage .homepage-container .section-type-ads .block-show-ads .list-ads-selected .item .content-text .btn-group .btn + .btn {
       margin-top: 0;
     }
   }
   .page-content.homepage .homepage-container .section-start-zad {
     padding: 60px 20px 100px;
     position: relative;
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-start-zad{
       padding: 100px 48px;
     }
   }
   .page-content.homepage .homepage-container .section-start-zad h3 {
     font-weight: 700;
     font-size: 20px;
     line-height: normal;
     margin-bottom: 24px;
     z-index: 1;
     position: relative
   }
   @media screen and (min-width: 768px){
     .page-content.homepage .homepage-container .section-start-zad h3{
       font-size: 32px;
       margin-bottom: 48px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-start-zad h3 {
       font-size: 40px;
       margin-bottom: 96px;
     }
   }
   .page-content.homepage .homepage-container .section-start-zad .content-post {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
             position: relative;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-start-zad .content-post {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-start-zad .list-post-start {
       width: 55%;
       padding-right: 24px;

       position: relative;
       z-index: 1;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-start-zad .list-post-start {
       width: 55%;
       padding-right: 32px;

       position: relative;
       z-index: 1;
     }
   }
   .page-content.homepage .homepage-container .section-start-zad .list-post-start ul {
     margin-top: 24px;
     list-style: auto;
   }
   .page-content.homepage .homepage-container .section-start-zad .list-post-start ul li {
     padding: 16px 0;
     padding-top: 24px;
     border-bottom: 1px solid #0000FF;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
   }
   .page-content.homepage .homepage-container .section-start-zad .list-post-start ul li:hover {
     border-color: #1FFF83;
     color: #1FFF83;
   }
   .page-content.homepage .homepage-container .section-start-zad .list-post-start ul li:hover svg path {
     fill: #1FFF83;
   }
   .page-content.homepage .homepage-container .section-start-zad .list-post-start ul li:hover a {
     color: #1FFF83;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-start-zad .list-post-start ul li {
       padding: 32px 0 28px;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
     }
   }
   .page-content.homepage .homepage-container .section-start-zad .list-post-start ul li svg path {
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
   }
   .page-content.homepage .homepage-container .section-start-zad .list-post-start ul li svg {
     min-width: 16px;
     min-height: 16px;
   }
   .page-content.homepage .homepage-container .section-start-zad .list-post-start ul li a {
     font-weight: 500;
     font-size: 16px;
     color: #fff;
     line-height: normal;
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
     padding-right: 24px;
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .list-faq h3 {
     font-weight: 700;
     font-size: 16px;
     line-height: normal;
     margin-bottom: 16px;
     color: #1FFF83;
   }

   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-start-zad .list-post-start ul li a{
       font-weight: 400;
       font-size: 18px;
     }
     .page-content.homepage .homepage-container .section-start-zad .block-right .list-faq h3{
       font-weight: 700;
       font-size: 24px;
       margin-bottom: 8px;
     }
     .page-content.homepage .homepage-container .section-start-zad .block-right .list-faq a.item p{
       font-weight: 400;
       font-size: 18px;
     }

   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-start-zad .list-post-start ul li a {
       font-weight: 300;
       font-size: 20px;
     }
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right {
     margin: 40px 0 0;
     padding: 32px 24px;
     background: rgba(0, 0, 50, 0.8);
     border: 1px solid #000082;
     border-radius: 16px;
   }
   @media screen and (m) {
     .page-content.homepage .homepage-container .section-start-zad .block-right{
       width: 45%;
       margin: 0;
       margin-left: 24px;
       padding: 32px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-start-zad .block-right {
       width: 45%;
       margin: 0;
       margin-left: 32px;
       padding: 32px;
     }
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .list-faq {
     border-bottom: 1.5px solid #0000FF;
   }

   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-start-zad .block-right .list-faq h3 {
       font-weight: 800;
       font-size: 24px;
       margin-bottom: 8px;
     }
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .list-faq a.item {
     width: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     margin-top: 12px;
     -webkit-transition: 0.15s;
     -o-transition: 0.15s;
     transition: 0.15s;
     padding: 4px;
     border-bottom: 1px solid transparent;
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub .robot {
     min-width: 70%;
     margin-left: -40px;
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub{
       justify-content: space-between;
     }
     .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub .robot{
       height: 200px;
       min-width: unset;
       margin: 0;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-start-zad .block-right .list-faq a.item {
       margin-top: 20px;
       align-items: center;
     }
     .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub .text p{
       font-weight: 400;
       font-size: 18px;
       margin-bottom: 20px;
     }
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .list-faq a.item:hover {
     border-bottom: 1px solid #fff;
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .list-faq a.item p {
     font-weight: 500;
     font-size: 16px;
     line-height: normal;
     color: #fff;
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-start-zad .block-right .list-faq a.item p {
       font-size: 20px;
       font-weight: 300;
     }
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .list-faq a.item svg {
     margin-left: 12px;
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .list-faq .btn {
     padding-left: 0;
     margin-top: 20px;
     margin-bottom: 20px;
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub {
     padding-top: 32px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
     position: relative;
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub .text {
     min-width: 60%;
     width: 60%;
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub .text p {
     font-weight: 500;
     font-size: 16px;
     line-height: normal;
     color: #fff;
     margin-bottom: 8px;
     line-height: 24px;
     letter-spacing: 0.02em;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub .text p {
       margin-bottom: 20px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub .text p {
       font-weight: 300;
       font-size: 20px;
       line-height: 32px;
     }
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub .text .btn {
     padding-left: 0;
   }

   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub .robot{
       right: -80px;
       position: absolute;
       top: 0;
       width: 250px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub .robot {
       right: -120px;
       position: absolute;
       top: -16px;
       width: 300px;
     }
   }
   .page-content.homepage .homepage-container .section-start-zad .block-right .blk-creative-hub .robot img {
     mix-blend-mode: screen;
   }
   .page-content.homepage .homepage-container .section-post-effective {
     padding: 90px 20px 100px;
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-post-effective{
       padding: 100px 48px;
     }
   }
   .page-content.homepage .homepage-container .section-post-effective .group-noise {
     position: relative;
   }
   .page-content.homepage .homepage-container .section-post-effective .cursor_more {
     opacity: 0;
     position: absolute;
     width: 130px;
     -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
     pointer-events: none;
     z-index: 99;
   }
   .page-content.homepage .homepage-container .section-post-effective .cursor_more img {
     width: 130px;
   }
   .page-content.homepage .homepage-container .section-post-effective .header-section {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 24px;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -webkit-box-align: start;
         -ms-flex-align: start;
             align-items: flex-start;
             -webkit-box-orient: vertical;
             -webkit-box-direction: normal;
                 -ms-flex-direction: column;
                     flex-direction: column;
   }
   .page-content.homepage .homepage-container .section-post-effective .header-section h3 {
     font-weight: 700;
     font-size: 20px;
     color: #fff;
     line-height: normal;
   }
   @media screen and (min-width: 768px){
     .page-content.homepage .homepage-container .section-post-effective .header-section h3{
       font-size: 32px;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-post-effective .header-section {
       margin-bottom: 80px;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
     }

   }

   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-post-effective .header-section h3 {
       font-size: 40px;
     }
   }
   .page-content.homepage .homepage-container .section-post-effective .header-section .btn-left-right {
     margin-bottom: 8px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }
   .page-content.homepage .homepage-container .section-post-effective .header-section .btn-left-right .right {
     margin-left: 16px;
     -webkit-transform: rotate(180deg) translateY(-1px);
         -ms-transform: rotate(180deg) translateY(-1px);
             transform: rotate(180deg) translateY(-1px);
   }
   @media screen and (min-width: 1024px) {

     .page-content.homepage .homepage-container .section-post-effective .header-section .btn-left-right .right{
       margin-left: 24px;
       -webkit-transform: rotate(180deg) translateY(0);
         -ms-transform: rotate(180deg) translateY(0);
             transform: rotate(180deg) translateY(0);
       position: relative;
     }
   }
   .page-content.homepage .homepage-container .section-post-effective .header-section .btn-left-right svg path {
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
   }
   .page-content.homepage .homepage-container .section-post-effective .header-section .btn-left-right svg:hover path {
     fill: #fff;
   }

   .page-content.homepage .homepage-container .section-post-effective .linear-gradient {
     margin: 24px 0 32px;
   }
   .page-content.homepage .homepage-container .section-post-effective .linear-gradient img {
     display: block;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-post-effective .linear-gradient {
       margin: 0;
       margin-right: 80px;
     }
     .page-content.homepage .homepage-container .section-post-effective .linear-gradient img {
       min-width: 216px;
       height: 4px;
     }
   }

   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-post-effective .list-post {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: start;
           -ms-flex-align: start;
               align-items: flex-start;
     }
   }
   .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     overflow-x: auto;
     margin: 0 -8px;
     -ms-overflow-style: none;
     /* IE and Edge */
     scrollbar-width: none;
     scroll-behavior: smooth;
   }
   .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal.active {
     cursor: -webkit-grabbing;
     cursor: grabbing;
   }
   .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal::-webkit-scrollbar {
     display: none;
   }
   @media screen and (min-width: 768px) and (max-width: 1023px){
     .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal{
       margin-right: -48px
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal {
       margin: 0;
     }
   }
   @media screen and (min-width: 1200px) {
     .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal {
       margin-right: calc((1200px - 100vw) / 2 - 20px);
     }
   }
   .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal .item {
     min-width: 240px;
     max-width: 240px;
     padding: 0 8px;
     position: relative;
   }

   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal .item{
       max-width: 320px;
       min-width: 320px;
       padding: 0 16px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal .item {
       min-width: 420px;
       max-width: 420px;
       padding: 0 16px;
     }
   }
   .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal .item .thumbnail {
     margin-bottom: 24px;
     width: 100%;
     height: auto;
     position: relative;
     overflow: hidden;
     padding-top: 88.2833787466%;
   }
   .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal .item img {
     display: block;
     max-height: 100%;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     -o-object-fit: cover;
        object-fit: cover;
        transition: all 0.25s;
   }
   .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal .item h4 {
     font-weight: 800;
     font-size: 20px;
     line-height: normal;
     color: #fff;
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal .item h4 {
       font-size: 28px;
     }
   }
   .page-content.homepage .homepage-container .section-post-effective .list-post .list-horizontal .item:hover .thumbnail img {
     transform: scale(1.15);
   }
   .page-content.homepage .homepage-container .section-footer {
     padding: 60px 20px 100px;
     position: relative;
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-footer{
       padding: 60px 48px;
     }
   }
   .page-content.homepage .homepage-container .section-footer .info {
     padding: 0 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
   .page-content.homepage .homepage-container .section-footer .info a, .page-content.homepage .homepage-container .section-footer .info .address {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     margin-bottom: 24px;
   }
   .page-content.homepage .homepage-container .section-footer .info a img, .page-content.homepage .homepage-container .section-footer .info .address img {
     margin-right: 16px;
     display: block;
     width: 40px;
     height: 40px;
   }
   .page-content.homepage .homepage-container .section-footer .info a p, .page-content.homepage .homepage-container .section-footer .info .address p {
     font-weight: 400;
     font-size: 16px;
     line-height: normal;
     color: #fff;
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
     line-height: 24px;
     letter-spacing: 0.02em;
   }
   .page-content.homepage .homepage-container .section-footer .info a:hover p {
     color: #0068FF;
   }
   @media screen and (min-width: 1024px) {
     /* .page-content.homepage .homepage-container .section-footer .info a p, .page-content.homepage .homepage-container .section-footer .info .address p {
       font-size: 20px;
       line-height: 30px;
     } */
     .page-content.homepage .homepage-container .section-footer .info {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
       -webkit-box-pack: justify;
           -ms-flex-pack: justify;
               justify-content: space-between;
       width: 69%;
       float: right;
     }
     .page-content.homepage .homepage-container .section-footer .info img {
       width: 52px;
       height: 52px;
     }
     .page-content.homepage .homepage-container .section-footer .info p {
       font-size: 20px;
     }
     .page-content.homepage .homepage-container .section-footer .info .phone {
       width: 25%;
       margin: 0;
     }
     .page-content.homepage .homepage-container .section-footer .info .phone p {
       white-space: nowrap;
     }
     .page-content.homepage .homepage-container .section-footer .info .mail {
       width: 25%;
       margin: 0;
     }
     .page-content.homepage .homepage-container .section-footer .info .mail p {
       white-space: nowrap;
     }
     .page-content.homepage .homepage-container .section-footer .info .address {
       width: 50%;
       margin: 0;
     }
   }
   .page-content.homepage .homepage-container .section-footer .linear-gradient {
     margin: 40px 0;
   }
   .page-content.homepage .homepage-container .section-footer .linear-gradient img {
     display: block;
     width: 100%;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-footer .linear-gradient {
       margin: 150px 0 120px;
       height: 2px;
       position: relative;
     }
     .page-content.homepage .homepage-container .section-footer .linear-gradient img {
       width: 68%;
       position: absolute;
       right: 0;
     }
   }
   .page-content.homepage .homepage-container .section-footer .link-list {
     padding: 0 12px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-footer .link-list {
       width: 840px;
       position: absolute;
       right: 0;
     }
   }
   .page-content.homepage .homepage-container .section-footer .link-list .column {
     position: relative;
     padding-left: 32px;
     padding-top: 0;
     padding-bottom: 40px;
   }
   .page-content.homepage .homepage-container .section-footer .link-list .column:last-child {
     padding-bottom: 0;
   }
   .page-content.homepage .homepage-container .section-footer .link-list .column li + li {
     margin-top: 16px;
   }
   .page-content.homepage .homepage-container .section-footer .link-list .column::after {
     content: "";
     position: absolute;
     left: 12px;
     top: 7px;
     width: 2px;
     height: 12px;
     background: #F84500;
   }
   .page-content.homepage .homepage-container .section-footer .link-list .column a {
     color: #fff;
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
   }
   .page-content.homepage .homepage-container .section-footer .link-list .column a:hover {
     color: #0068FF;
   }
   .page-content.homepage .homepage-container .section-footer .bottom-footer {
     border-top: 2px solid #0000FF;
     margin-top: 40px;
     padding-top: 32px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
             position: relative;
             z-index: 1;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-footer .bottom-footer{
       margin-top: 350px;
       margin-bottom: 150px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-footer .bottom-footer {
       margin-top: 350px;
       margin-bottom: 250px;
     }
   }
   .page-content.homepage .homepage-container .section-footer .bottom-footer p {
     width: 45%;
     font-weight: 300;
     font-size: 12px;
     line-height: normal;
     color: #ADBDCC;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-footer .bottom-footer p {
       font-size: 16px;
       font-weight: 400;
     }
   }
   .page-content.homepage .homepage-container .section-footer .bottom-footer img {
     display: block;
     width: 45%;
     max-width: 150px;
   }
   .page-content.homepage .homepage-container .section-oa {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: relative;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-oa {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
       padding: 100px 0 100px;
     }
   }
   .page-content.homepage .homepage-container .section-oa::after {
     content: "";
     position: absolute;
     top: 0;
     left: 50%;
     -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
             transform: translateX(-50%);
     width: 65%;
     height: 6px;
     background: #0000FF;
     z-index: 2;
     border-radius: 0px 0px 6px 6px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-oa::after {
       width: 65%;
       top: 100px;
     }
   }
   .page-content.homepage .homepage-container .section-oa .blk-video {
     position: relative;
     /* z-index: 1; */
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-oa .blk-video {
       width: 50%;
     }
   }
   .page-content.homepage .homepage-container .section-oa .blk-video .btn-play {
     position: absolute;
     z-index: 10;
     width: 56px;
     left: 50%;
     top: 70%;
     -webkit-transform: translate(-50%, -50%);
         -ms-transform: translate(-50%, -50%);
             transform: translate(-50%, -50%);
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-oa .blk-video .btn-play{
       width: 100px;
       top: 60%;
     }
   }
   .page-content.homepage .homepage-container .section-oa .blk-video .btn-play img {
     display: block;
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-oa .blk-video .btn-play{
       width: 100px;
       top: 40%;
       left: 50%;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-oa .blk-video .btn-play {
       width: 106px;
       top: 45%;
       -webkit-transform: translate(-50%, -50%);
           -ms-transform: translate(-50%, -50%);
               transform: translate(-50%, -50%);
     }
   }
   .page-content.homepage .homepage-container .section-oa .blk-video .poster-videos:hover img {
     -webkit-transform: scale(1.25);
         -ms-transform: scale(1.25);
             transform: scale(1.25);
   }
   .page-content.homepage .homepage-container .section-oa .blk-video .btn-play:hover img {
     -webkit-transform: scale(1.25);
         -ms-transform: scale(1.25);
             transform: scale(1.25);
   }
   .page-content.homepage .homepage-container .section-oa .blk-video .bg-video {
     position: absolute;
     z-index: 1;
     width: 100%;
     height: 680px;
     -o-object-fit: cover;
        object-fit: cover;
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-oa .blk-video .bg-video {
       max-width: 60vw;
       width: 100vw;
       height: 800px;
       left: calc((1200px - 100vw) / 2);
     }
   }
   @media screen and (min-width: 1024) {
     .page-content.homepage .homepage-container .section-oa .blk-video .bg-video{
       left: 0;
       width: 100vw;
       height: 680px;
     }
   }
   .page-content.homepage .homepage-container .section-oa .blk-video .poster-video {
     position: relative;
     z-index: 3;
     width: 82%;
     top: 40px;
     left: 50%;
     user-select: none;
     -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
             transform: translateX(-50%);
   }
   @media screen and (min-width: 768px) {
     .page-content.homepage .homepage-container .section-oa .blk-video .poster-video{
       width: 100%;
       padding: 0 48px;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-oa .blk-video .poster-video{
       max-width: 800px;
       top: 80px;
       width: 50vw;
       margin-right: 40px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-oa .blk-video .poster-video {
       max-width: 800px;
       top: 80px;
       width: 50vw;
       right: -32px;
       z-index: 4;
       padding: 0;
     }
   }
   .page-content.homepage .homepage-container .section-oa .blk-info {
     background-color: #fff;
     color: #0D2138;
     padding: 80px 20px;
     z-index: 2;
     position: relative;
   }
   @media screen and (min-width: 768px) and (max-width: 1023px){
     .page-content.homepage .homepage-container .section-oa .blk-info{
       padding: 60px 48px;
     }
   }
   .page-content.homepage .homepage-container .section-oa .blk-info h3 {
     font-weight: 700;
     font-size: 20px;
     line-height: normal;
     color: #0068FF;
     margin-bottom: 24px;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info p {
     font-weight: 400;
     font-size: 16px;
     line-height: normal;
     letter-spacing: 0.02em;
     line-height: 24px;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info p + p {
     margin-top: 24px;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info ul li {
     margin-top: 24px;
     padding-left: 16px;
     position: relative;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info ul li::after {
     content: "";
     left: 0;
     top: 1px;
     position: absolute;
     width: 2px;
     height: 16px;
     display: block;
     background-color: #FA4500;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info .findmore {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin: 24px 0;
     -webkit-box-align: end;
         -ms-flex-align: end;
             align-items: flex-end;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info .findmore:hover p{
     color: #0000FF;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info .findmore p {
     margin-top: 0;
     font-weight: 700;
     font-size: 18px;
     color: #0068FF;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info .findmore svg {
     margin-left: 8px;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info .follow-oa.mobile-only .linear-gradient {
     display: block;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info .follow-oa.mobile-only p {
     margin: 40px 0 32px;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info .follow-oa.mobile-only .btn-follow {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: end;
         -ms-flex-align: end;
             align-items: flex-end;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info .follow-oa.mobile-only .btn-follow p {
     margin: 0;
     font-weight: 700;
     font-size: 18px;
     color: #0068FF;
   }
   .page-content.homepage .homepage-container .section-oa .blk-info .follow-oa.mobile-only .btn-follow svg {
     margin-left: 8px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.homepage .homepage-container .section-oa .blk-info{
       left: 0;
       padding-left: 90px;
       width: 100%;
       height: 680px;
       margin-right: calc((100vw - 1200px) / 2);
     }
     .page-content.homepage .homepage-container .section-oa .blk-info h3 {
       font-size: 32px;
       margin-bottom: 32px;
     }
     .page-content.homepage .homepage-container .section-oa .blk-info p {
       font-size: 16px;
       line-height: 24px;
     }
     .page-content.homepage .homepage-container .section-oa .blk-info p + p {
       margin-top: 24px;
     }
     .page-content.homepage .homepage-container .section-oa .blk-info ul li {
       margin-top: 24px;
     }
     .page-content.homepage .homepage-container .section-oa .blk-info ul li::after {
       height: 16px;
       top: 5px;
     }
   }
   @media screen and (min-width: 1201px) {
     .page-content.homepage .homepage-container .section-oa .blk-info {
       left: 0;
       padding-left: 140px;
       width: 100%;
       height: 800px;
       margin-right: calc((1200px - 100vw) / 2);
     }
     .page-content.homepage .homepage-container .section-oa .blk-info h3 {
       font-size: 40px;
       margin-bottom: 32px;
     }
     .page-content.homepage .homepage-container .section-oa .blk-info p {
       font-size: 20px;
       line-height: 30px;
     }
     .page-content.homepage .homepage-container .section-oa .blk-info p + p {
       margin-top: 32px;
     }
     .page-content.homepage .homepage-container .section-oa .blk-info ul li {
       margin-top: 32px;
     }
     .page-content.homepage .homepage-container .section-oa .blk-info ul li::after {
       height: 18px;
       top: 5px;
     }
     .page-content.homepage .homepage-container .section-oa .blk-info .findmore {
       margin: 40px 0;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
     }
     .page-content.homepage .homepage-container .section-oa .blk-info .findmore p {
       font-size: 20px;
     }
     .page-content.homepage .homepage-container .section-oa .blk-info .follow-oa {
       width: 645px;
     }
     .page-content.homepage .homepage-container .section-oa .blk-info::before {
       content: "";
       position: absolute;
       background-color: #fff;
       height: 100%;
       width: 100vw;
       z-index: -1;
       top: 0;
     }
   }
   @media screen and (min-width: 1440px) {
     .page-content.homepage .homepage-container .section-oa .blk-info {
       margin-right: -120px;
     }
   }

   .page-content.homepage .popupFullScreen {
     position: fixed;
     width: 100vw;
     height: 100vh;
     left: 0;
     top: 0;
     background-color: #000028;
     display: none;
     z-index: 990;
   }
   .page-content.homepage .popupFullScreen.show {
     display: block;
   }
   .page-content.homepage .popupFullScreen .video-block {
     display: none;
     opacity: 0;
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
   }
   .page-content.homepage .popupFullScreen .video-block.show {
     display: block;
   }
   .page-content.homepage .popupFullScreen .video-block video {
     display: block;
     margin: 0 auto;
     width: 90vw;
     height: 90vh;
   }
   .page-content.homepage .popupFullScreen .popup-container {
     padding: 40px 20px;
     position: relative;
   }
   .page-content.homepage .popupFullScreen .popup-container .btn-close {
     position: absolute;
     right: 20px;
     top: 20px;
   }
   .page-content.homepage .popupFullScreen .popup-container .btn-close svg {
     display: block;
     -webkit-transform: scale(1.5);
         -ms-transform: scale(1.5);
             transform: scale(1.5);
   }
   .page-content.homepage .popupFullScreen .popup-container .group-video {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     height: 98vh;
   }

   .payment_flow li {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     font-size: unset !important;
     line-height: unset !important;
     padding-left: 0 !important;
   }

   .payment_flow li::before {
     position: unset !important;
     top: unset !important;
     left: unset !important;
     content: "\ea03" !important;
     background-color: unset !important;
     width: unset !important;
     height: unset !important;
     border-radius: unset !important;
     font-family: "Nucleo";
     font-size: 18px;
     margin-right: 16px;
     color: #94CD18;
   }

   .section-single article p+object {
     margin-top: 32px;
   }

   object {
     margin-bottom: 32px;
   }

   [data-name=container] {
     overflow: unset;
   }

   strong {
     color: unset;
   }

   #search-input-search-screen:-webkit-autofill,
   #search-input-mobile:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 50px white inset;
   }

   #search-input:-webkit-autofill {
     -webkit-box-shadow: 0 0 0 50px #3f444b inset;
     -webkit-text-fill-color: #fff;
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }

   .search-submit {
     cursor: pointer;
   }

   input[type=search]::-webkit-search-decoration,
   input[type=search]::-webkit-search-cancel-button {
     -webkit-appearance: none;
   }

   .guiding_document_special_solution .children {
     padding: 0 !important;
   }

   video {
     outline: none;
   }

   video[poster] {
     -o-object-fit: cover;
     object-fit: cover;
   }

   .section-article-latest {
     z-index: 0;
   }

   .section-article-latest {
     max-width: 1200px !important;
   }

   .current-menu-item a,
   .current-menu-ancestor a {
     position: relative;
   }
   li.menu-item{
     position: relative;
   }

   @media only screen and (min-width: 1024px) {

     .current-menu-item a:after,
     .current-menu-ancestor a:after {
       content: '';
       position: absolute;
       bottom: 12px;
       left: 16px;
       height: 1px;
       width: calc(100% - 32px);
       background-color: #fff;
     }

     .current-menu-parent a:after{
       width: calc(100% - 56px);
     }
     li.menu-item:hover::before{
       content: '';
       position: absolute;
       bottom: 12px;
       left: 16px;
       height: 1px;
       width: calc(100% - 32px);
       background-color: #fff;
     }
     li.menu-item-has-children:hover::before{
       width: calc(100% - 56px);
     }



     .pagination {
       padding-bottom: 72px;
     }

     ul.sub-menu li:first-child {
       display: block !important;
     }
     ul.sub-menu .menu-item:hover::before{
       display: none;
     }
     .sub-menu {
       display: block !important;
       border-radius: 8px;
       background: #000028;
       border: 1px solid #3E5260;
       box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
       overflow: hidden;
       padding: 12px 0;
     }

     .sub-menu li a {
       color: #fff;
       white-space: nowrap;
       position: relative;
       padding: 12px 20px !important;
       font-size: 16px;
       font-weight: 600;
       transition: all 0.15s;
     }

     .sub-menu li:hover  a{
       color: #03DBFF !important;
     }

     li.menu-item:hover .sub-menu {
       display: block !important;
     }

     .sub-menu {
       display: none !important;
       position: absolute;
       max-height: unset;
       margin-right: 0;
     }

     /* 	icon sub-menu */
     .sub-menu .has-icon a {
       padding-left: 56px !important;
     }
     @media screen and (min-width: 1201px) {
       .sub-menu .has-icon a{
         padding-left: 66px !important;
       }
     }


     .sub-menu .has-icon a:after {
       content: '';
       background: url(images/icon-step-create.png) center center no-repeat;
       background-size: contain !important;
       width: 24px;
       height: 24px;
       position: absolute;
       left: 20px;
       bottom: 10px;
     }


     .sub-menu .icon-step-create a:after {
       content: '';
       background: url(images/icon-step-create.png) center center no-repeat;
     }

     .sub-menu .icon-doc-guide a:after {
       content: '';
       background: url(images/icon-doc-guide.png) center center no-repeat;
     }

     .sub-menu .icon-policy a:after {
       content: '';
       background: url(images/icon-policy.png) center center no-repeat;
     }

     .sub-menu .icon-faq a:after {
       content: '';
       background: url(images/icon-faq.png) center center no-repeat;
     }

     .sub-menu .icon-premium-partner a:after {
       content: '';
       background: url(images/icon-premium-partner.png) center center no-repeat;
     }

     .sub-menu .icon-training-partner a:after {
       content: '';
       background: url(images/icon-training-partner.png) center center no-repeat;
     }

     .sub-menu .icon-webinar a:after {
       content: '';
       background: url(../business/wp-content/uploads/2023/04/ZW_Training_Webinar.png) center center no-repeat;
     }

     .sub-menu .icon-learning-hub a:after {
       content: '';
       background: url(../business/wp-content/uploads/2023/04/ZW_Training_Learning-Hub.png) center center no-repeat;
     }


   }

   @media screen and (min-width: 1201px) {
     .sub-menu .has-icon a:after {
       width: 36px;
       height: 36px;
       bottom: 8px;
     }
   }

   .summerEvent-header {
     position: fixed;
     top: 0;
     padding: 0.875rem 1rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     -webkit-box-align: end;
     -ms-flex-align: end;
     align-items: flex-end;
     width: 100%;
     opacity: 0;
     z-index: 995;
     background: #fff;
   }

   .summerEvent-header.show {
     opacity: 1;
   }

   .summerEvent-header .button {
     text-transform: uppercase;
   }

   @media screen and (min-width: 1024px) {
     .summerEvent-header {
       padding: 1.625rem 100px;
     }
   }

   .summerEvent-header .summerEvent-header-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-bottom: 2px;
   }

   .summerEvent-header .summerEvent-header-container .hamburger-rule-detail {
     margin-right: 21px;
     margin-top: -3px;
     height: 20px;
   }

   @media screen and (min-width: 1024px) {
     .summerEvent-header .summerEvent-header-container .hamburger-rule-detail {
       display: none;
     }
   }

   .summerEvent-header .summerEvent-header-container .logo-zalo-ad-header {
     width: 110px;
   }

   @media screen and (min-width: 1024px) {
     .summerEvent-header .summerEvent-header-container .logo-zalo-ad-header {
       width: 160px;
     }
   }

   .summerEvent-header .rule-detail {
     display: none;
   }

   @media screen and (min-width: 1024px) {
     .summerEvent-header .rule-detail {
       display: block;
     }
   }

   .summerEvent-header .field.is-grouped {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }

   .summerEvent-header .field.is-grouped .control:not(:last-child) {
     margin-right: 3.75rem !important;
   }

   .summerEvent-header .field.is-grouped .control:not(:last-child) a {
     font-size: 1.125rem;
     font-weight: 400;
     color: #000;
   }

   .summerEvent-header .field.is-grouped .control:not(:last-child) a:hover {
     color: #1745CF;
   }

   .body-single.summerEvent-page {
     font-family: "Mulish", sans-serif;
     z-index: 1;
     position: relative;
   }

   @media screen and (min-width: 1024px) {
     .body-single.summerEvent-page {
       margin-top: 0;
     }
   }

   .body-single.summerEvent-page .button {
     min-height: 48px;
     text-transform: uppercase;
   }

   .body-single.summerEvent-page .section-header {
     position: relative;
     padding: 0 16px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.summerEvent-page .section-header {
       margin-bottom: 150px;
       padding-left: 100px;
     }
   }

   .body-single.summerEvent-page .section-header img.header-bg {
     position: relative;
     top: 0;
     right: 5vw;
     min-width: 110vw;
     z-index: -1;
   }

   @media screen and (min-width: 1024px) {
     .body-single.summerEvent-page .section-header img.header-bg {
       position: absolute;
       max-width: 900px;
       right: -10px;
       min-width: unset;
     }
   }

   @media only screen and (min-width: 1024px) and (max-width: 1280px) {
     .body-single.summerEvent-page .section-header img.header-bg {
       max-width: 700px;
       right: -30px;
     }
   }

   .body-single.summerEvent-page .section-header .block-content {
     position: relative;
     top: 40px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.summerEvent-page .section-header .block-content {
       top: 160px;
     }
   }

   .body-single.summerEvent-page .section-header .block-content img.logo {
     max-width: 130px;
     margin-bottom: 40px;
   }

   .body-single.summerEvent-page .section-header .block-content p {
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
     letter-spacing: 0em;
     text-align: left;
     color: #000;
     margin-bottom: 16px;
     max-width: 205px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.summerEvent-page .section-header .block-content p {
       max-width: 100%;
     }
   }

   .body-single.summerEvent-page .section-header .block-content h1.title-touch,
   .body-single.summerEvent-page .section-header .block-content h1.title-desktop {
     font-size: 40px;
     font-style: normal;
     font-weight: 800;
     line-height: 60px;
     letter-spacing: -0.0055em;
     text-align: left;
     color: #131920;
     text-transform: uppercase;
     margin-bottom: 40px;
     position: relative;
     z-index: 1;
   }

   @media only screen and (min-width: 1024px) and (max-width: 1280px) {

     .body-single.summerEvent-page .section-header .block-content h1.title-touch,
     .body-single.summerEvent-page .section-header .block-content h1.title-desktop {
       font-size: 26px;
       line-height: 42px;
     }
   }

   @media screen and (min-width: 1679px) {

     .body-single.summerEvent-page .section-header .block-content h1.title-touch,
     .body-single.summerEvent-page .section-header .block-content h1.title-desktop {
       font-size: 56px;
       line-height: 84px;
     }
   }

   .body-single.summerEvent-page .section-header .block-content h1.title-touch span,
   .body-single.summerEvent-page .section-header .block-content h1.title-desktop span {
     color: #1744CF;
     position: relative;
   }

   .body-single.summerEvent-page .section-header .block-content h1.title-touch span:before,
   .body-single.summerEvent-page .section-header .block-content h1.title-desktop span:before {
     content: " ";
     position: absolute;
     height: 16px;
     width: 100%;
     left: 0;
     bottom: 0;
     background-color: #F7F7F7;
     z-index: -1;
   }

   .body-single.summerEvent-page img.fly-line {
     max-width: 300px;
     margin: 0 auto;
   }

   .body-single.summerEvent-page img.plane-icon {
     max-width: 80px;
     margin: 0 auto;
     display: block;
     -webkit-transition: all 2s ease;
     -o-transition: all 2s ease;
     transition: all 2s ease;
   }

   @media screen and (min-width: 1024px) {
     .body-single.summerEvent-page img.plane-icon {
       padding-top: 150px;
       position: relative;
       -webkit-animation: plane-fly 2.5s infinite;
       animation: plane-fly 2.5s infinite;
       top: 0px;
     }
   }

   @media only screen and (min-width: 1024px) and (max-width: 1280px) {
     .body-single.summerEvent-page img.plane-icon {
       padding-top: 80px;
     }
   }

   @-webkit-keyframes plane-fly {

     0%,
     100% {
       top: 0px;
     }

     50% {
       top: 25px;
     }
   }

   @keyframes plane-fly {

     0%,
     100% {
       top: 0px;
     }

     50% {
       top: 25px;
     }
   }

   .body-single.summerEvent-page .plane-icon+p {
     margin-top: 36px;
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
     line-height: 20px;
     letter-spacing: 0.0015em;
     text-align: center;
     margin-bottom: 96px;
   }

   .body-single.summerEvent-page .section-body {
     padding: 0 16px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.summerEvent-page .section-body {
       padding: 0 100px;
     }
   }

   .body-single.summerEvent-page .section-body .title {
     margin-bottom: 40px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.summerEvent-page .section-body .title {
       margin-bottom: 48px;
     }
   }

   .body-single.summerEvent-page .section-body .title h2 {
     font-size: 24px;
     font-style: normal;
     font-weight: 700;
     line-height: 30px;
     letter-spacing: 0em;
     text-transform: uppercase;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }

   .body-single.summerEvent-page .section-body .title h2::before {
     content: " ";
     background-color: #1744cf;
     height: 32px;
     width: 6px;
     margin-right: 16px;
   }

   .body-single.summerEvent-page .section-body .title p {
     margin-top: 8px;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
     letter-spacing: 0em;
     color: #80838A;
   }

   .body-single.summerEvent-page .section-body .content-block {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   @media screen and (min-width: 1024px) {
     .body-single.summerEvent-page .section-body .content-block {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       -webkit-box-align: stretch;
       -ms-flex-align: stretch;
       align-items: stretch;
     }
   }

   .body-single.summerEvent-page .section-body .content-block .block {
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border: 1px solid #EDF1FD;
     background-color: #fff;
     -webkit-box-shadow: 0px 4px 8px rgba(15, 44, 133, 0.05);
     box-shadow: 0px 4px 8px rgba(15, 44, 133, 0.05);
     border-radius: 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
     padding: 0px 0px 56px;
     margin-bottom: 24px;
     overflow: hidden;
     max-width: 330px;
   }

   @media screen and (min-width: 1024px) {
     .body-single.summerEvent-page .section-body .content-block .block {
       max-width: 33.33%;
       margin-right: 24px;
       margin-top: 0;
     }

     .body-single.summerEvent-page .section-body .content-block .block:last-child {
       margin-right: 0;
     }
   }

   .body-single.summerEvent-page .section-body .content-block .block img {
     margin-bottom: 20px;
     border-top: 8px solid;
     width: 100%;
   }

   .body-single.summerEvent-page .section-body .content-block .block.first img {
     border-color: #FC626D;
   }

   .body-single.summerEvent-page .section-body .content-block .block.second img {
     border-color: #4DEAFC;
   }

   .body-single.summerEvent-page .section-body .content-block .block.third img {
     border-color: #1744cf;
   }

   .body-single.summerEvent-page .section-body .content-block .block h3,
   .body-single.summerEvent-page .section-body .content-block .block p {
     padding: 0 20px;
   }

   .body-single.summerEvent-page .section-body .content-block .block h3 {
     margin-bottom: 8px;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 28px;
     letter-spacing: 0em;
     color: #0A1829;
   }

   .body-single.summerEvent-page .section-body .content-block .block p {
     max-width: 380px;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
     letter-spacing: 0em;
     color: #80838A;
   }

   .body-single.summerEvent-page .section-body.is-uudai {
     margin-bottom: 72px;
     position: relative;
   }

   .body-single.summerEvent-page .section-body.is-uudai img.bg {
     max-width: 520px;
     position: absolute;
     bottom: 0;
     right: -100px;
     z-index: -1;
   }

   .body-single.summerEvent-page .section-body.is-doituong {
     margin-bottom: 64px;
   }

   .body-single.summerEvent-page .section-body.is-doituong .content-block {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   @media screen and (min-width: 1100px) {
     .body-single.summerEvent-page .section-body.is-doituong .content-block {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -webkit-box-align: start;
       -ms-flex-align: start;
       align-items: flex-start;
     }

     .body-single.summerEvent-page .section-body.is-doituong .content-block img {
       max-width: 550px;
       -o-object-fit: contain;
       object-fit: contain;
     }

     .body-single.summerEvent-page .section-body.is-doituong .content-block .block-list {
       padding-right: 80px;
     }
   }

   @media screen and (min-width: 1100px) {
     .body-single.summerEvent-page .section-body.is-doituong .content-block .item {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
     }

     .body-single.summerEvent-page .section-body.is-doituong .content-block .item .circle-num {
       margin-right: 24px;
     }
   }

   .body-single.summerEvent-page .section-body.is-doituong .content-block .item .circle-num {
     padding: 10px;
     color: #1744cf;
     font-size: 20px;
     font-style: normal;
     font-weight: 700;
     line-height: 25px;
     letter-spacing: 0em;
     text-align: center;
     border: 1px solid #EDF1FD;
     -webkit-box-shadow: 0px 2px 8px 0px rgba(15, 44, 133, 0.0509803922);
     box-shadow: 0px 2px 8px 0px rgba(15, 44, 133, 0.0509803922);
     border-radius: 50px;
     margin-bottom: 8px;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
   }

   .body-single.summerEvent-page .section-body.is-doituong .content-block .item .text-content {
     margin-bottom: 32px;
   }

   .body-single.summerEvent-page .section-body.is-doituong .content-block .item .text-content h3 {
     font-size: 18px;
     font-style: normal;
     font-weight: 700;
     line-height: 28px;
     letter-spacing: 0em;
     color: #0A1829;
     margin-bottom: 16px;
   }

   @media screen and (min-width: 1100px) {
     .body-single.summerEvent-page .section-body.is-doituong .content-block .item .text-content h3 {
       margin-bottom: 24px;
     }
   }

   .body-single.summerEvent-page .section-body.is-doituong .content-block .item .text-content p {
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 28px;
     letter-spacing: 0em;
     text-align: left;
     color: #0A1829;
   }

   .body-single.summerEvent-page .section-body.is-doituong .content-block .item .text-content ul li {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 16px;
   }

   .body-single.summerEvent-page .section-body.is-doituong .content-block .item .text-content ul li .icn {
     color: #42BE65;
     margin-right: 16px;
     padding: 0;
     width: auto;
     height: auto;
     font-size: 1.75rem;
   }

   .body-single.summerEvent-page .section-body.is-thele {
     position: relative;
   }

   .body-single.summerEvent-page .section-body.is-thele .button {
     margin: 0 auto 40px;
     display: inherit;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
   }

   .body-single.summerEvent-page .section-body ul.list-content {
     padding: 16px;
     background-color: #FDF6DF;
     border-radius: 12px;
     list-style: disc;
     margin-bottom: 48px;
     position: relative;
     overflow: hidden;
   }

   .body-single.summerEvent-page .section-body ul.list-content img.bg {
     max-width: 520px;
     position: absolute;
     bottom: -40%;
     right: -16px;
     opacity: 0.3;
   }

   @media screen and (min-width: 1024px) {
     .body-single.summerEvent-page .section-body ul.list-content img.bg {
       right: -50px;
       bottom: -30%;
     }
   }

   .body-single.summerEvent-page .section-body ul.list-content li {
     margin-bottom: 16px;
     margin-left: 24px;
     font-size: 16px;
     font-style: normal;
     font-weight: 400;
     line-height: 24px;
     letter-spacing: 0em;
     color: #0A1829;
   }

   @media screen and (min-width: 1024px) {
     .body-single.summerEvent-page .section-body ul.list-content li {
       max-width: 660px;
     }
   }

   .body-single.summerEvent-page .section-body ul.list-content li:last-child {
     margin-bottom: 0;
   }

   .body-single .post-title-helpCenter,
   .body-single .block-head-helpCenter,
   .body-single .block-body-helpCenter,
   .body-single .block-footer-helpCenter,
   .body-single .helpCenter-text {
     display: none;
   }

   .body-single .comments {
     display: none;
   }


   .help-center {
     padding: 24px;
     background: #F8F9FA;
     font-family: "Roboto Sans", sans-serif !important;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
   .help-center .tag-help-center, .help-center .status-publish {
     font-family: "Roboto Sans", sans-serif !important;
     color: #333333;
   }
   .help-center .tag-help-center h1, .help-center .status-publish h1 {
     font-size: 26px !important;
     line-height: 34px !important;
     font-family: "Roboto Sans", sans-serif !important;
     color: #333333 !important;
   }
   .help-center .tag-help-center h2, .help-center .status-publish h2 {
     font-size: 24px !important;
     line-height: 32px !important;
     font-family: "Roboto Sans", sans-serif !important;
     color: #333333 !important;
   }
   .help-center .tag-help-center h3, .help-center .status-publish h3 {
     font-size: 22px !important;
     line-height: 26px !important;
     font-family: "Roboto Sans", sans-serif !important;
     color: #333333 !important;
   }
   .help-center .tag-help-center h4, .help-center .status-publish h4 {
     font-size: 18px !important;
     line-height: 22px !important;
     font-family: "Roboto Sans", sans-serif !important;
     color: #333333 !important;
   }
   .help-center .tag-help-center h5, .help-center .status-publish h5 {
     font-size: 16px !important;
     line-height: 20px !important;
     font-family: "Roboto Sans", sans-serif !important;
     color: #333333 !important;
   }
   .help-center .tag-help-center p, .help-center .tag-help-center li, .help-center .tag-help-center td, .help-center .status-publish p, .help-center .status-publish li, .help-center .status-publish td {
     font-size: 14px !important;
     line-height: 24px !important;
     font-family: "Roboto Sans", sans-serif !important;
     color: #333333 !important;
   }
   .help-center .tag-help-center .table-scroll .wp-block-table, .help-center .status-publish .table-scroll .wp-block-table {
     width: 100% !important;
   }
   .help-center .tag-help-center .table-scroll tr td:first-child, .help-center .status-publish .table-scroll tr td:first-child {
     min-width: auto !important;
   }
   @media screen and (min-height: 1000px) {
     .help-center {
       height: 100vh;
     }
   }
   .help-center .section-cover-search {
     position: absolute;
     opacity: 0;
     right: -999px;
   }
   .help-center .section-single {
     padding-bottom: 0;
   }
   .help-center .helpCenter-text {
     display: block;
     -webkit-box-flex: 1;
         -ms-flex-positive: 1;
             flex-grow: 1;
   }
   .help-center.help-center-article {
     background-color: #fff;
     padding-top: 0;
   }
   .help-center-article .blk-body{
     padding: 0;
   }
   .help-center.help-center-article article{
     margin-top: 0;
   }
   .help-center.help-center-article .block-head, .help-center.help-center-article .block-head-helpCenter {
     padding-top: 24px;
   }
   .help-center h3.title {
     font-weight: 600;
     font-size: 18px;
     line-height: 24px;
     color: #131920;
     margin-bottom: 0;
     font-family: "Roboto Sans", sans-serif;
   }
   .help-center p.desc {
     font-size: 12px;
     line-height: 16px;
     color: #545D69;
     margin-bottom: 8px;
   }
   .help-center .block-head, .help-center .block-head-helpCenter {
     margin: 0 -24px 16px;
     border-bottom: 1px solid #f2f3f3;
     position: relative;
     display: block;
     background: #F8F9FA;
   }
   .help-center .block-head.fixed, .help-center .block-head-helpCenter.fixed {
     margin: 0;
     position: fixed;
     width: 100%;
     z-index: 999;
     left: 0;
     top: 0;
     padding: 16px 0 0;
   }
   .help-center .block-head .func-go-back, .help-center .block-head-helpCenter .func-go-back {
     position: absolute;
     left: 24px;
     color: #131920;
   }
   .help-center .block-head .func-go-back .icn-tail-left, .help-center .block-head-helpCenter .func-go-back .icn-tail-left {
     padding: 0;
     width: auto;
     height: auto;
   }
   .help-center .block-head .func-go-back + h3, .help-center .block-head-helpCenter .func-go-back + h3 {
     padding-left: 56px;
   }
   .help-center .block-head h3, .help-center .block-head-helpCenter h3 {
     padding-left: 24px;
   }
   .help-center .block-head .block-search, .help-center .block-head-helpCenter .block-search {
     padding-top: 8px;
     position: relative;
     padding: 8px 24px 16px;
   }
   .help-center .block-head .block-search .icn-search, .help-center .block-head-helpCenter .block-search .icn-search {
     font-size: 20px;
     width: auto;
     height: auto;
     padding: 0;
     position: absolute;
     color: #676A73;
     left: 40px;
     top: 18px;
   }
   .help-center .block-head .block-search input, .help-center .block-head-helpCenter .block-search input {
     width: 100%;
     border: 1px solid #F2F3F3;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     border-radius: 4px;
     background-color: #fff;
     padding: 8px 0;
     padding-left: 48px;
     font-size: 14px;
     line-height: 24px;
     min-height: 40px;
     -webkit-box-shadow: none;
             box-shadow: none;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
   }
   .help-center .block-head .block-search input::-webkit-input-placeholder, .help-center .block-head-helpCenter .block-search input::-webkit-input-placeholder {
     color: #9DA3A9;
   }
   .help-center .block-head .block-search input::-moz-placeholder, .help-center .block-head-helpCenter .block-search input::-moz-placeholder {
     color: #9DA3A9;
   }
   .help-center .block-head .block-search input:-ms-input-placeholder, .help-center .block-head-helpCenter .block-search input:-ms-input-placeholder {
     color: #9DA3A9;
   }
   .help-center .block-head .block-search input::-ms-input-placeholder, .help-center .block-head-helpCenter .block-search input::-ms-input-placeholder {
     color: #9DA3A9;
   }
   .help-center .block-head .block-search input::placeholder, .help-center .block-head-helpCenter .block-search input::placeholder {
     color: #9DA3A9;
   }
   .help-center .block-head .block-search input:focus, .help-center .block-head-helpCenter .block-search input:focus {
     border-color: #1744cf;
   }
   .help-center .block-head .block-search #datafetch, .help-center .block-head-helpCenter .block-search #datafetch {
     position: absolute;
     background-color: #fff;
     width: calc(100% - 48px);
     padding: 12px 0;
     -webkit-box-shadow: 0px 0px 2px rgba(10, 24, 41, 0.08), 0px 4px 16px rgba(2, 7, 21, 0.12);
             box-shadow: 0px 0px 2px rgba(10, 24, 41, 0.08), 0px 4px 16px rgba(2, 7, 21, 0.12);
     border-radius: 8px;
     margin-top: 8px;
     opacity: 0;
     -webkit-transition: opacity 0.3s;
     -o-transition: opacity 0.3s;
     transition: opacity 0.3s;
     z-index: 999;
   }
   .help-center .block-head .block-search #datafetch a, .help-center .block-head-helpCenter .block-search #datafetch a {
     display: block;
     padding: 4px 16px;
     font-size: 14px;
     line-height: 20px;
     color: #545D69;
     -webkit-transition: background-color 0.3s;
     -o-transition: background-color 0.3s;
     transition: background-color 0.3s;
   }
   .help-center .block-head .block-search #datafetch a:hover, .help-center .block-head-helpCenter .block-search #datafetch a:hover {
     background-color: #EDF1FD;
   }
   .help-center .block-head .block-search button.search-submit, .help-center .block-head-helpCenter .block-search button.search-submit {
     position: absolute;
     opacity: 0;
   }
   .help-center .block-body, .help-center .block-body-helpCenter {
     display: block;
   }
   .help-center .block-body h3, .help-center .block-body-helpCenter h3 {
     margin-bottom: 4px;
   }
   .help-center .block-body p.desc, .help-center .block-body-helpCenter p.desc {
     font-size: 12px;
     line-height: 16px;
     color: #545D69;
     margin-bottom: 8px;
   }
   .help-center .block-body .expand-list-post, .help-center .block-body-helpCenter .expand-list-post {
     padding: 16px 0 12px;
     cursor: pointer;
     position: relative;
     margin: 0 -16px -16px;
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#FFFFFF));
     background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, #FFFFFF 100%);
     background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, #FFFFFF 100%);
   }
   .help-center .block-body .expand-list-post .item, .help-center .block-body-helpCenter .expand-list-post .item {
     height: 36px;
     text-align: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
     position: relative;
     z-index: 2;
   }
   .help-center .block-body .expand-list-post .item p, .help-center .block-body-helpCenter .expand-list-post .item p {
     font-size: 12px;
     line-height: 20px;
     color: #545D69;
   }
   .help-center .block-body .expand-list-post .item .icn, .help-center .block-body-helpCenter .expand-list-post .item .icn {
     padding: 0;
     width: auto;
     height: auto;
     font-size: 24px;
   }
   .help-center .block-body .expand-list-post .item.close, .help-center .block-body-helpCenter .expand-list-post .item.close {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
             flex-direction: column-reverse;
   }
   .help-center .block-body .expand-list, .help-center .block-body-helpCenter .expand-list {
     padding: 16px;
     margin-bottom: 16px;
     -webkit-box-shadow: 0px 0px 2px rgba(10, 24, 41, 0.08), 0px 0px 8px rgba(10, 24, 41, 0.08);
             box-shadow: 0px 0px 2px rgba(10, 24, 41, 0.08), 0px 0px 8px rgba(10, 24, 41, 0.08);
     border-radius: 8px;
     background-color: #fff;
     overflow: hidden;
   }
   .help-center .block-body .list-post, .help-center .block-body-helpCenter .list-post {
     height: 250px;
     -webkit-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
   }
   .help-center .block-body .list-post.full-expand, .help-center .block-body-helpCenter .list-post.full-expand {
     height: 100% !important;
   }
   .help-center .block-body .list-post.full-expand a.item:last-child, .help-center .block-body-helpCenter .list-post.full-expand a.item:last-child {
     margin-bottom: 0;
   }
   .help-center .block-body .list-post a.item, .help-center .block-body-helpCenter .list-post a.item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     width: 100%;
     font-size: 14px;
     line-height: 20px;
     color: #0A1829;
     margin-bottom: 20px;
   }
   .help-center .block-body .list-post a.item:last-child, .help-center .block-body-helpCenter .list-post a.item:last-child {
     margin-bottom: 0;
   }
   .help-center .block-body .list-post a.item:hover, .help-center .block-body-helpCenter .list-post a.item:hover {
     color: #1744CF;
   }
   .help-center .block-body .list-post a.item img, .help-center .block-body-helpCenter .list-post a.item img {
     width: 20px;
     height: 20px;
     margin-right: 16px;
   }
   .help-center .block-body .block-links-another .item, .help-center .block-body-helpCenter .block-links-another .item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     padding: 12px 16px;
     -webkit-box-shadow: 0px 0px 2px rgba(10, 24, 41, 0.08), 0px 0px 8px rgba(10, 24, 41, 0.08);
             box-shadow: 0px 0px 2px rgba(10, 24, 41, 0.08), 0px 0px 8px rgba(10, 24, 41, 0.08);
     border-radius: 8px;
     margin-bottom: 8px;
     background-color: #fff;
   }
   .help-center .block-body .block-links-another .item:last-child, .help-center .block-body-helpCenter .block-links-another .item:last-child {
     margin-bottom: 0;
   }
   .help-center .block-body .block-links-another .item img, .help-center .block-body-helpCenter .block-links-another .item img {
     width: 56px;
     height: 56px;
     margin-right: 16px;
   }
   .help-center .block-body .block-links-another .item p, .help-center .block-body-helpCenter .block-links-another .item p {
     font-weight: 600;
     font-size: 14px;
     line-height: 20px;
     color: #0A1829;
   }
   .help-center .block-body .block-links-another .item p .icn, .help-center .block-body-helpCenter .block-links-another .item p .icn {
     font-size: 12px;
     width: auto;
     height: auto;
     padding: 0;
     padding-bottom: 3px;
     padding-left: 3px;
   }
   .help-center .block-body .block-links-another .item:hover p, .help-center .block-body-helpCenter .block-links-another .item:hover p {
     color: #1744CF;
   }
   .help-center .block-footer, .help-center .block-footer-helpCenter {
     margin: 16px -24px 0;
     border-top: 1px solid #F2F3F3;
     padding: 16px 24px;
     display: block;
   }
   .help-center .block-footer h3, .help-center .block-footer-helpCenter h3 {
     margin-bottom: 8px;
   }
   .help-center .block-footer p, .help-center .block-footer-helpCenter p {
     font-size: 14px;
     line-height: 22px;
     color: #545D69;
   }
   .help-center .block-footer p a, .help-center .block-footer-helpCenter p a {
     color: #1744cf;
   }
   .help-center .post-title-helpCenter {
     display: block;
     margin-bottom: 16px;
   }
   .help-center .post-title-helpCenter p {
     font-weight: 600;
     font-size: 20px;
     line-height: 24px;
     color: #0A1829;
   }
   .help-center .post-title-helpCenter p a {
     color: #0A1829;
   }
   .help-center .post-title-helpCenter p .icn {
     padding: 0 8px 4px;
     width: auto;
     height: auto;
     font-style: normal;
   }

   .module-balon {
     background-color: #fff;
     position: fixed;
     bottom: -200px;
     right: 24px;
     z-index: 222;
     width: 280px;
     opacity: 0;
     visibility: hidden;
     -webkit-box-shadow: 0px 1px 6px rgba(201, 201, 201, 0.5);
     box-shadow: 0px 1px 6px rgba(201, 201, 201, 0.5);
     border: 1px solid #cccccc;
     border-radius: 5px;
     overflow: hidden;
   }

   .module-balon .inside {
     background-color: #fff;
   }

   .module-balon .inside .img-container {
     background: #f2f4f8;
   }

   .module-balon .inside .img-container span.img {
     display: block;
     background-position: center center;
     background-size: cover;
     background-repeat: no-repeat;
   }

   .module-balon .inside .img-container span.img:after {
     content: "";
     display: block;
     padding-top: 50%;
   }

   .module-balon .inside .desc {
     padding: 16px;
   }

   .module-balon .inside .desc h2 {
     font-size: 1.125em;
     color: #333333;
     font-weight: bold;
     margin-bottom: 10px;
   }

   .module-balon .inside .desc p {
     font-size: 0.813em;
     color: #555555;
   }

   .module-balon .inside .desc .button-wrap {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     margin-top: 16px;
   }

   .module-balon .inside .desc .button-wrap a.btn-close {
     color: #0052cc;
     font-size: 0.813em;
     font-weight: 400;
   }

   .module-balon .inside .desc .button-wrap a.btn-join {
     display: block;
     background: #0052cc;
     font-size: 0.813em;
     font-weight: 600;
     padding: 8px 20px;
     color: #fff;
     border-radius: 18px;
     text-transform: uppercase;
   }

   .module-balon.ease-in {
     opacity: 1;
     bottom: 120px;
     visibility: visible;
     -webkit-animation: ani-balon 0.5s 1 ease;
     animation: ani-balon 0.5s 1 ease;
     -webkit-transition: all 0.65s;
     -o-transition: all 0.65s;
     transition: all 0.65s;
   }

   .category-landing {
     background-color: #F5F9FF;
   }

   .category-landing .intro {
     position: relative;
   }

   .category-landing .intro img.bg {
     position: absolute;
     min-width: 150%;
     bottom: 0;
     right: 0;
   }

   .category-landing .intro .block-text {
     text-align: center;
     background: #0020A7;
     color: #fff;
     padding: 32px 16px;
     padding-bottom: 87.6923076923%;
     position: relative;
   }

   .category-landing .intro .block-text h2 {
     font-size: 24px;
   }

   .category-landing .intro .block-text h2+p {
     font-size: 12px;
     margin: 8px 0;
   }

   .category-landing .intro .block-text a.button {
     margin-top: 8px;
     background: #00D1FF;
     border: none;
     color: #011EA6;
     line-height: normal;
     border-radius: 80px;
   }

   .category-landing .intro .block-text a.button .icn {
     margin-left: 6px;
     margin-right: -6px;
     border: 2px solid #011EA6;
     width: auto;
     height: auto;
     border-radius: 50%;
     font-size: 0.75rem;
   }

   @media screen and (min-width: 768px) {
     .category-landing .intro {
       overflow: hidden;
     }

     .category-landing .intro .block-text {
       z-index: 1;
       height: 100vh;
       background: transparent;
       text-align: left;
       max-width: 1440px;
       margin: 0px auto;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-align: start;
       -ms-flex-align: start;
       align-items: flex-start;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       padding: 0;
       padding-left: 32px;
     }

     .category-landing .intro .block-text h2 {
       font-size: 56px;
       width: 50%;
       line-height: normal;
     }

     .category-landing .intro .block-text p {
       font-size: 20px !important;
       width: 50%;
       margin: 16px 0 !important;
     }

     .category-landing .intro .block-text .button {
       font-size: 20px;
       padding: 24px 32px;
     }

     .category-landing .intro .block-text .button .icn {
       font-weight: 900;
       font-size: 1em;
       margin-left: 12px;
       margin-right: -18px;
       border-width: 3px;
     }

     .category-landing .intro .bg {
       min-width: unset !important;
       bottom: unset !important;
       width: 100%;
       height: 110vh;
       top: 0;
       -o-object-fit: cover;
       object-fit: cover;
     }
   }

   .category-landing .bg-light-blue {
     width: 100vw;
     height: 100%;
     background-color: #DCE8FF;
   }

   .category-landing .block-group-info {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding: 40px 16px;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
     max-width: 1440px;
   }

   .category-landing .block-group-info .item {
     width: 100%;
     position: relative;
     background-color: #fff;
     border-radius: 15px;
     padding: 24px 48px;
     margin: 25px 0;
     text-align: center;
     position: relative;
     z-index: 2;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
   }

   .category-landing .block-group-info .item:hover {
     -webkit-box-shadow: 0px -1px 3px rgba(67, 86, 100, 0.06), 0px 1px 3px rgba(67, 86, 100, 0.123689);
     box-shadow: 0px -1px 3px rgba(67, 86, 100, 0.06), 0px 1px 3px rgba(67, 86, 100, 0.123689);
     color: #0747a6;
   }

   .category-landing .block-group-info .item .circle {
     width: 25%;
     margin-bottom: 8px;
   }

   .category-landing .block-group-info .item h3 {
     font-size: 18px;
     line-height: normal;
     font-weight: 700;
   }

   .category-landing .block-group-info .item h3+p {
     margin-top: 8px;
     font-size: 14px;
     line-height: normal;
     color: #000;
   }

   @media screen and (min-width: 768px) {
     .category-landing .block-group-info {
       margin: 0 auto;
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       padding: 40px 32px;
     }

     .category-landing .block-group-info .item {
       width: 30%;
       min-height: 200px;
       text-align: left;
     }

     .category-landing .block-group-info .item .circle {
       margin-top: -20%;
     }

     .category-landing .block-group-info .item h3 {
       font-size: 24px;
     }

     .category-landing .block-group-info .item p {
       font-size: 16px !important;
     }
   }

   .category-landing .why-chosen {
     padding: 32px 16px;
   }

   .category-landing .why-chosen h3 {
     font-size: 24px;
     margin-bottom: 16px;
     padding-bottom: 8px;
   }

   .category-landing .why-chosen h3:after {
     content: "";
     height: 3px;
     width: 20%;
     background-color: #011EA6;
     display: block;
     margin: 8px auto 0;
   }

   .category-landing .why-chosen .blk-num-info .item {
     border-radius: 16px;
     overflow: hidden;
   }

   @media screen and (min-width: 768px) {
     .category-landing .why-chosen h3 {
       font-size: 40px;
       margin-bottom: 32px;
     }

     .category-landing .why-chosen h3::after {
       width: 10%;
     }
   }

   .category-landing .section-showcase {
     padding: 32px 16px;
     margin-bottom: 0 !important;
   }

   .category-landing .section-showcase .showcase-tabs {
     background-color: #fff;
   }

   .category-landing .section-showcase h3 {
     font-size: 24px;
     margin-bottom: 16px;
     padding-bottom: 8px;
   }

   .category-landing .section-showcase h3:after {
     content: "";
     height: 3px;
     width: 20%;
     background-color: #011EA6;
     display: block;
     margin: 8px auto 0;
   }

   @media screen and (min-width: 768px) {
     .category-landing .section-showcase h3 {
       font-size: 40px;
       margin-bottom: 32px;
     }

     .category-landing .section-showcase h3::after {
       width: 10%;
     }
   }

   @media screen and (min-width: 1600px) {
     .category-landing .section-showcase .showcase-content {
       max-width: 1000px;
     }

     .category-landing .section-showcase .showcase-content .img-showcase img {
       margin-right: -30%;
     }
   }

   .category-landing.is-bds .intro img.bg,
   .category-landing.is-car .intro img.bg {
     -o-object-position: 50% 24px !important;
     object-position: 50% 24px !important;
   }

   @media screen and (min-width: 768px) {

     .category-landing.is-bds .intro img.bg,
     .category-landing.is-car .intro img.bg {
       -o-object-position: top !important;
       object-position: top !important;
     }
   }

   .section-post h3 {
     font-size: 24px;
     margin-bottom: 16px;
     padding-bottom: 8px;
   }

   .section-post h3:after {
     content: "";
     height: 3px;
     width: 20%;
     background-color: #011EA6;
     display: block;
     margin: 8px auto 0;
   }

   @media screen and (min-width: 768px) {
     .section-post h3 {
       font-size: 40px;
       margin-bottom: 32px;
     }

     .section-post h3::after {
       width: 10%;
     }
   }

   .section-post {
     padding-top: 32px;
     background-color: #F5F9FF;
   }

   .block-grid-post {
     max-width: 1440px;
     margin: 0 auto;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 32px 16px;
   }

   .block-grid-post .post-item {
     position: relative;
     width: 100%;
     height: 240px;
     border-radius: 12px;
     overflow: hidden;
     margin-bottom: 16px;
   }

   @media screen and (min-width: 768px) {
     .block-grid-post .post-item {
       width: 50%;
     }
   }

   @media screen and (min-width: 1024px) {
     .block-grid-post .post-item {
       width: 30%;
       margin: 0 16px 32px;
     }
   }

   .block-grid-post .post-item a.overlay {
     width: 100%;
     display: block;
     height: 200px;
     opacity: 0;
     background: transparent;
     position: absolute;
     z-index: 2;
   }

   .block-grid-post .post-item img {
     height: 100%;
     width: 100%;
     -o-object-fit: cover;
     object-fit: cover;
   }

   .block-grid-post .post-item .overlay-gradient {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(51.56%, rgba(0, 0, 0, 0)), to(#000000));
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 51.56%, #000000 100%);
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 51.56%, #000000 100%);
     height: 250px;
     width: 100%;
     position: absolute;
     bottom: 0;
     left: 0;
     z-index: 1;
   }

   .block-grid-post .post-item .text {
     position: absolute;
     bottom: 16px;
     left: 12px;
     z-index: 2;
   }

   .block-grid-post .post-item .text h4 {
     color: #fff;
     font-weight: 500;
     overflow: hidden;
     display: -webkit-box;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
   }

   @media screen and (min-width: 768px) {
     .block-grid-post .post-item .text h4 {
       font-size: 20px;
     }
   }


   .antamvuotdich-header {
     position: fixed;
     top: 0;
     padding: 0.875rem 1rem;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     -webkit-box-align: end;
         -ms-flex-align: end;
             align-items: flex-end;
     width: 100%;
     opacity: 0;
     z-index: 995;
     background: #fff;
   }
   .antamvuotdich-header.show {
     opacity: 1;
   }
   .antamvuotdich-header .button {
     text-transform: uppercase;
   }
   @media screen and (min-width: 1024px) {
     .antamvuotdich-header {
       padding: 1rem 100px;
     }
   }
   .antamvuotdich-header .antamvuotdich-header-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     padding-bottom: 2px;
   }
   .antamvuotdich-header .antamvuotdich-header-container .hamburger-rule-detail {
     margin-right: 21px;
     margin-top: -3px;
     height: 20px;
   }
   @media screen and (min-width: 1024px) {
     .antamvuotdich-header .antamvuotdich-header-container .hamburger-rule-detail {
       display: none;
     }
   }
   .antamvuotdich-header .antamvuotdich-header-container .logo-zalo-ad-header {
     width: 110px;
   }
   @media screen and (min-width: 1024px) {
     .antamvuotdich-header .antamvuotdich-header-container .logo-zalo-ad-header {
       width: 160px;
     }
   }
   .antamvuotdich-header .rule-detail {
     display: none;
   }
   @media screen and (min-width: 1024px) {
     .antamvuotdich-header .rule-detail {
       display: block;
     }
   }
   .antamvuotdich-header .field.is-grouped {
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
   .antamvuotdich-header .field.is-grouped .control:not(:last-child) {
     margin-right: 3.75rem !important;
   }
   .antamvuotdich-header .field.is-grouped .control:not(:last-child) a {
     font-size: 1.125rem;
     font-weight: 400;
     color: #000;
   }
   .antamvuotdich-header .field.is-grouped .control:not(:last-child) a:hover {
     color: #1745CF;
   }

   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page {
       margin-top: 60px;
     }
   }
   .body-single.antamvuotdich-page .button {
     padding: 10px 12px;
     font-size: 14px;
     line-height: 20px;
     text-transform: uppercase;
     display: block;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     height: 40px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .button {
       padding: 14px 24px;
       min-height: 48px;
       height: 48px;
     }
   }
   .body-single.antamvuotdich-page .section-header {
     max-width: 1440px;
     margin: 0 auto;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header {
       background: url("../business/wp-content/uploads/2021/05/wave-bg.png") center center no-repeat;
       background-size: cover;
       background-position-y: -250px;
     }
   }
   @media screen and (min-width: 1200px) {
     .body-single.antamvuotdich-page .section-header {
       background-position-y: center;
     }
   }
   @media screen and (min-width: 1584px) {
     .body-single.antamvuotdich-page .section-header {
       max-width: 1536px;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-1 {
     padding-top: 24px;
     padding-left: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     position: relative;
     margin-bottom: 80px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-1 {
       padding-top: 0;
       padding-right: 100px;
       padding-left: 100px;
       margin-bottom: 132px;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-1 .bg {
     position: absolute;
     right: -350px;
     max-width: 500px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-1 .bg {
       position: relative;
       right: -50px;
       width: 50%;
       max-width: 100%;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-1 .block-content {
     width: 65%;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-1 .block-content {
       width: 50%;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-1 .block-content .logo {
     max-width: 130px;
     margin-bottom: 40px;
   }
   .body-single.antamvuotdich-page .section-header .contain-section-1 .block-content p {
     line-height: 18px;
     text-transform: uppercase;
     color: #071749;
     margin-bottom: 8px;
   }
   .body-single.antamvuotdich-page .section-header .contain-section-1 .block-content p.is-desktop {
     font-size: 16px;
     line-height: 24px;
   }
   .body-single.antamvuotdich-page .section-header .contain-section-1 .block-content p.is-desktop span {
     white-space: nowrap;
   }
   .body-single.antamvuotdich-page .section-header .contain-section-1 .block-content p.is-touch {
     font-size: 12px;
   }
   .body-single.antamvuotdich-page .section-header .contain-section-1 .block-content p.sub {
     font-size: 12px;
     line-height: 18px;
     color: #80838A;
     margin-bottom: 40px;
     text-transform: none;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-1 .block-content p.sub {
       font-size: 16px;
       line-height: 26px;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-1 .block-content h1 {
     font-weight: 400;
     font-size: 32px;
     line-height: 40px;
     letter-spacing: -0.0055em;
     color: #071749;
     margin-bottom: 8px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-1 .block-content h1 {
       font-size: 56px;
       line-height: 68px;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-1 .block-content h1 strong {
     font-weight: 800;
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     padding: 0 16px 80px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 {
       padding-right: 100px;
       padding-left: 100px;
     }
   }
   @media screen and (min-width: 1200px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .bg {
     margin: 0 auto;
     margin-bottom: 40px;
     max-width: 500px;
     width: 100%;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 .bg {
       margin-bottom: 0;
     }
   }
   @media screen and (min-width: 1200px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 .bg {
       width: 50%;
     }
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content {
       padding-left: 64px;
     }
   }
   @media screen and (min-width: 1200px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content {
       width: 50%;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content label {
     width: 100%;
     display: block;
     font-size: 28px;
     line-height: 35px;
     color: #071749;
     position: relative;
     padding-left: 22px;
     margin-bottom: 8px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content label {
       font-size: 36px;
       line-height: 45px;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content label::before {
     content: "";
     width: 6px;
     height: 28px;
     background-color: #1744cf;
     display: inline-block;
     position: absolute;
     top: 2px;
     left: 0;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content label::before {
       height: 36px;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content span {
     font-style: normal;
     font-weight: normal;
     font-size: 14px;
     line-height: 24px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content span {
       font-size: 16px;
       line-height: 28px;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content span.sub {
     color: #545D69;
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .list-uudai {
     margin-top: 40px;
     margin-bottom: 24px;
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .list-uudai .item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     margin-bottom: 16px;
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .list-uudai .item:before {
     content: "";
     background: url("../business/wp-content/uploads/2021/05/coin-ico.png") center center no-repeat;
     background-size: contain;
     width: 24px;
     height: 24px;
     display: block;
     margin-right: 16px;
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .list-uudai .item p {
     font-size: 14px;
     line-height: 20px;
     color: #071749;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .list-uudai .item p {
       font-size: 16px;
       line-height: 28px;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .list-uudai + p {
     font-size: 16px;
     font-weight: 700;
     line-height: 28px;
     color: #071749;
     margin-bottom: 40px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .special_list {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: start;
           -ms-flex-align: start;
               align-items: flex-start;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .special_list .item {
     margin-bottom: 40px;
     position: relative;
     padding: 36px 24px 16px;
     border: 1px solid #F2F3F3;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     border-radius: 16px;
     min-height: 170px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .special_list .item {
       margin-bottom: 0;
       margin-right: 24px;
     }
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .special_list .item .icon-img {
     width: 40px;
     height: 40px;
     position: absolute;
     top: -20px;
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .special_list .item p {
     font-size: 16px;
     line-height: 28px;
   }
   .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .special_list .item:last-child {
     margin-bottom: 16px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-header .contain-section-2 .text-content .special_list .item:last-child {
       margin-right: 0;
     }
   }
   .body-single.antamvuotdich-page .bg-gray {
     background-color: #F9F9F9;
     width: 100%;
   }
   .body-single.antamvuotdich-page .section-body {
     padding: 80px 16px;
     max-width: 1440px;
     margin: 0 auto;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-body {
       padding: 80px 100px;
     }
   }
   @media screen and (min-width: 1584px) {
     .body-single.antamvuotdich-page .section-body {
       max-width: 1536px;
     }
   }
   .body-single.antamvuotdich-page .section-body.doituong {
     position: relative;
   }
   .body-single.antamvuotdich-page .section-body .text-content label {
     width: 100%;
     display: block;
     font-size: 28px;
     line-height: 35px;
     color: #071749;
     position: relative;
     padding-left: 22px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-body .text-content label {
       font-size: 36px;
       line-height: 45px;
     }
   }
   .body-single.antamvuotdich-page .section-body .text-content label::before {
     content: "";
     width: 6px;
     height: 28px;
     background-color: #1744cf;
     display: inline-block;
     position: absolute;
     top: 2px;
     left: 0;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-body .text-content label::before {
       height: 36px;
     }
   }
   .body-single.antamvuotdich-page .section-body .icon-block-square {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     -webkit-box-align: stretch;
         -ms-flex-align: stretch;
             align-items: stretch;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     padding-top: 40px;
     position: relative;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
   @media screen and (min-width: 1200px) {
     .body-single.antamvuotdich-page .section-body .icon-block-square {
       -ms-flex-wrap: nowrap;
           flex-wrap: nowrap;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
     }
   }
   .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.left {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
   }
   .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.left .item-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     margin-bottom: 24px;
     width: 100%;
   }
   @media screen and (min-width: 1200px) {
     .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.left .item-group:last-child {
       margin-bottom: 0;
     }
   }
   .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.left .item {
     background-color: #fff;
     border: 1px solid #F2F3F3;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     border-radius: 24px;
     margin-right: 24px;
     width: 50%;
     padding: 20px 24px;
     text-align: center;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.left .item {
       padding: 40px 48px;
     }
   }
   .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.left .item p {
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     color: #071749;
     margin-top: 20px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.left .item p {
       font-size: 20px;
       line-height: 24px;
       margin-top: 40px;
     }
   }
   .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.left .item img {
     max-width: 40px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.left .item img {
       max-width: 64px;
     }
   }
   .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.left .item:last-child {
     margin-right: 0;
   }
   .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.right {
     background-color: #fff;
     border: 1px solid #F2F3F3;
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     border-radius: 24px;
     padding: 40px 32px;
     text-align: center;
   }
   @media screen and (min-width: 1200px) {
     .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.right {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
           -ms-flex-direction: column;
               flex-direction: column;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
       -webkit-box-pack: center;
           -ms-flex-pack: center;
               justify-content: center;
       padding: 80px 64px;
       margin-left: 24px;
       width: 50%;
     }
   }
   .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.right img {
     max-width: 40px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.right img {
       max-width: 64px;
     }
   }
   .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.right p {
     margin-top: 20px;
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     color: #071749;
     margin-top: 20px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-body .icon-block-square .square-block.right p {
       font-size: 20px;
       line-height: 24px;
       margin-top: 40px;
     }
   }
   .body-single.antamvuotdich-page .section-body .button {
     margin: 0 auto;
   }
   .body-single.antamvuotdich-page .section-body .blk-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: center;
         -ms-flex-pack: center;
             justify-content: center;
     padding-top: 40px;
     margin-bottom: 40px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-body .blk-container {
       -ms-flex-wrap: nowrap;
           flex-wrap: nowrap;
       -webkit-box-align: start;
           -ms-flex-align: start;
               align-items: flex-start;
     }
   }
   .body-single.antamvuotdich-page .section-body .blk-container img.bg {
     max-width: 500px;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-body .blk-container img.bg {
       width: 50%;
     }
   }
   .body-single.antamvuotdich-page .section-body .blk-container ul {
     list-style: disc;
     margin-bottom: 40px;
   }
   .body-single.antamvuotdich-page .section-body .blk-container ul li {
     margin-left: 16px;
     margin-bottom: 16px;
     font-size: 16px;
     line-height: 24px;
     color: #071749;
   }
   @media screen and (min-width: 1024px) {
     .body-single.antamvuotdich-page .section-body .blk-container ul li {
       margin-bottom: 24px;
       padding-right: 32px;
     }
   }
   .body-single.antamvuotdich-page .section-body .blk-container ul li:last-child {
     margin-bottom: 0;
   }


   .webinar-upcoming{
     background: #F1FCFF;
   }
   .webinar-upcoming .is-flex{
     max-width: 1200px;
     margin: 0 auto;
     padding: 32px 20px;
     flex-direction: column;
     transition: all 0.3s;
   }
   .webinar-upcoming .is-flex:hover .image{
     box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.5);
   }
   .webinar-upcoming .is-flex .image{
     position: relative;
     border-radius: 8px;
     overflow: hidden;
     width: 100%;
     margin-bottom: 40px;
     transition: all 0.3s;
   }
   .webinar-upcoming .is-flex .image .upcoming-icon{
     position: absolute;
     max-width: 98px;
   }
   .webinar-upcoming .is-flex .image .upcoming-icon img{
     position: absolute;
     width: 100%;
     display: block;
     z-index: 1;
   }
   .webinar-upcoming .is-flex .image .upcoming-icon p{
     display: block ;
     font-weight: 700;
     font-size: 12px;
     line-height: 24px;
     color: #FFFFFF;
     padding: 4px 16px;
     z-index: 2;
     position: relative;
   }
   .webinar-upcoming .is-flex .image .thumbnail{
     display: block;
     object-fit: contain;
   }
   .webinar-upcoming .is-flex  .text-content h3{
     font-style: normal;
     font-weight: 700;
     font-size: 20px;
     line-height: normal;
     letter-spacing: 0.02em;
     color: #0D2138;
     margin-bottom: 12px;
   }
   .webinar-upcoming .is-flex  .text-content  p{
     font-weight: 400;
     font-size: 16px;
     line-height: normal;
     letter-spacing: 0.02em;
     color: #0D2138;
     margin-bottom: 14px;
   }
   .webinar-upcoming .is-flex  .text-content  p.time{
     color: #7A8490;
   }

   .webinar-upcoming .is-flex  .text-content .btn{
     color: #fff;
     background: #0000FF;
     transition: all 0.15s;
   }
   .webinar-upcoming .is-flex  .text-content .btn:hover{
     background: #fff;
     color: #000028;
   }
   @media screen and (min-width: 1024px) {
     .webinar-upcoming .is-flex .image .thumbnail{
       height: 100%;
     }
     .webinar-section {
       padding-top: 83px;
     }
     .webinar-upcoming .is-flex{
       padding: 48px 0;
       flex-direction: row;
     }
     .webinar-upcoming .is-flex .image{
       margin-bottom: 0;
       margin-right: 80px;
       width: 40%;
       height: calc(40% * 21/17);
     }
     .webinar-upcoming .is-flex .text-content{
       width: 60%;
     }
   }

   .webinar-section section {
     max-width: 1200px;
     margin: 0 auto;
   }

   .webinar-section .blk-intro {
     position: relative;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-intro {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       height: 34.7222222222vw;
     }
   }

   .webinar-section .blk-intro .bg {
     position: absolute;
   }

   .webinar-section .blk-intro .bg img {
     display: block;
   }

   .webinar-section .blk-intro .text {
     z-index: 99;
     position: relative;
     text-align: center;
     color: #fff;
     background-color: #020A79;
     padding: 24px 16px;
     margin-top: -1px;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-intro .text {
       width: 50%;
       text-align: left;
       background-color: transparent;
       padding: 0;
       margin-top: 0;
     }
   }

   @media screen and (max-width: 1200px) {
     .webinar-section .blk-intro .text {
       padding-left: 16px;
     }
   }

   .webinar-section .blk-intro .text h1 {
     font-size: 32px;
     line-height: normal;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-intro .text h1 {
       font-size: 60px;
     }
   }

   .webinar-section .blk-intro .text p {
     font-size: 12px;
     margin-bottom: 24px;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-intro .text p {
       font-size: 16px;
       margin-bottom: 40px;
     }
   }

   .webinar-section .bg-light-blue {
     position: relative;
     width: 100vw;
     background-color: #D7E3FF;
   }

   .webinar-section .bg-light-blue .blk-show-webinar {
     padding: 24px 16px;
     text-align: center;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .bg-light-blue .blk-show-webinar {
       padding: 60px 0;
     }
   }

   .webinar-section .bg-light-blue .blk-show-webinar h3.title {
     font-weight: 700;
     font-size: 24px;
     color: #1020B6;
     margin-bottom: 8px;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .bg-light-blue .blk-show-webinar h3.title {
       font-size: 48px;
       margin-bottom: 32px;
     }
   }

   .webinar-section .bg-light-blue .blk-show-webinar .tab-choose {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-bottom: 24px;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .bg-light-blue .blk-show-webinar .tab-choose {
       margin-bottom: 40px;
     }
   }

   .webinar-section .bg-light-blue .blk-show-webinar .tab-choose .item {
     width: 300px;
     padding: 8px 20px;
     border: 1px solid #1020B6;
     border-radius: 60px;
     font-weight: 400;
     font-size: 12px;
     color: #1020B6;
     margin: 5px;
     -webkit-transition: all 0.3s;
     -o-transition: all 0.3s;
     transition: all 0.3s;
     cursor: pointer;
   }

   .webinar-section .bg-light-blue .blk-show-webinar .tab-choose .item.show,
   .webinar-section .bg-light-blue .blk-show-webinar .tab-choose .item:hover {
     background-color: #1020B6;
     color: #fff;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .bg-light-blue .blk-show-webinar .tab-choose .item {
       padding: 16px 32px;
       font-size: 24px;
       margin: 10px;
     }
   }

   .webinar-section .bg-light-blue .blk-show-webinar .webinar-post-list {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin: 0 -10px;
     display: none;
   }

   .webinar-section .bg-light-blue .blk-show-webinar .webinar-post-list.show {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }

   .webinar-section .bg-light-blue .blk-show-webinar .webinar-post-list .post-item {
     margin: 10px;
     background: #FFFFFF;
     -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     border-radius: 50px;
     padding: 20px;
     width: 100%;
     text-align: center;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .bg-light-blue .blk-show-webinar .webinar-post-list .post-item {
       padding: 40px;
       width: 30%;
     }
   }

   .webinar-section .bg-light-blue .blk-show-webinar .webinar-post-list .post-item img {
     margin-bottom: 20px;
   }

   .webinar-section .bg-light-blue .blk-show-webinar .webinar-post-list .post-item .cate-name {
     font-weight: 700;
     font-size: 16px;
     color: #808285;
     margin-bottom: 8px;
   }

   .webinar-section .bg-light-blue .blk-show-webinar .webinar-post-list .post-item .post-name {
     font-weight: 700;
     font-size: 18px;
     color: #1020B6;
     margin-bottom: 16px;
   }

   .webinar-section .bg-light-blue .blk-show-webinar .webinar-post-list .post-item .button {
     background: #1020B6;
     color: #fff;
     border-radius: 60px;
     padding: 10px 30px;
   }

   .webinar-section .blk-show-webinar {
     text-align: center;
     padding: 24px 16px;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-show-webinar {
       padding: 60px 0;
     }
   }

   .webinar-section .blk-show-webinar h3.title {
     font-weight: 700;
     font-size: 24px;
     color: #1020B6;
     margin-bottom: 8px;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-show-webinar h3.title {
       font-size: 48px;
       margin-bottom: 32px;
     }
   }

   .webinar-section .blk-show-webinar .success-stories {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin: 0 -10px;
   }

   .webinar-section .blk-show-webinar .success-stories .item {
     margin: 10px;
     background: #FFFFFF;
     -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
     border-radius: 8px;
     width: 100%;
     overflow: hidden;
     text-align: left;
     padding-bottom: 24px;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-show-webinar .success-stories .item {
       width: 30%;
     }
   }

   .webinar-section .blk-show-webinar .success-stories img {
     margin-bottom: 16px;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-show-webinar .success-stories img {
       margin-bottom: 24px;
     }
   }

   .webinar-section .blk-show-webinar .success-stories p {
     padding-left: 16px;
     padding-right: 16px;
     margin-bottom: 16px;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-show-webinar .success-stories p {
       padding-left: 24px;
       padding-right: 24px;
     }
   }

   .webinar-section .blk-show-webinar .success-stories p.post-name {
     font-size: 20px;
     color: #414042;
   }

   .webinar-section .blk-show-webinar .success-stories p.content {
     color: #000000;
     font-weight: 500;
     font-size: 16px;
   }

   .webinar-section .blk-show-webinar .success-stories .button {
     background: #1020B6;
     color: #fff;
     border-radius: 60px;
     padding: 10px 30px;
     margin-left: 16px;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-show-webinar .success-stories .button {
       margin-left: 24px;
     }
   }

   .webinar-section .blk-upcoming-event {
     position: relative;
     background: #fff;
   }

   .webinar-section .blk-upcoming-event section {
     padding: 32px 16px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-upcoming-event section {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
     }
   }

   .webinar-section .blk-upcoming-event section img {
     width: 100%;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-upcoming-event section img {
       width: 30%;
     }
   }

   .webinar-section .blk-upcoming-event section .text {
     padding-top: 32px;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-upcoming-event section .text {
       padding: 16px;
       padding-left: 40px;
     }
   }

   .webinar-section .blk-upcoming-event section .text p {
     font-size: 18px;
   }

   .webinar-section .blk-upcoming-event section .text h3 {
     font-size: 32px;
     line-height: normal;
     margin: 8px 0;
   }

   .webinar-section .blk-upcoming-event section .text .timetype {
     width: 100%;
     margin-bottom: 8px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-upcoming-event section .text .timetype {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
     }
   }

   .webinar-section .blk-upcoming-event section .text .timetype .time {
     margin-bottom: 8px;
   }

   @media screen and (min-width: 1024px) {
     .webinar-section .blk-upcoming-event section .text .timetype .time {
       margin-right: 60px;
     }
   }

   .webinar-section .blk-upcoming-event section .text .timetype+p {
     margin-bottom: 20px;
   }

   .modal-open {
     overflow: hidden;
   }

   .modal-open .modal {
     overflow-x: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
   }

   .modal {
     display: none;
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1050;
     overflow: hidden;
     outline: 0;
   }

   .modal-dialog {
     position: relative;
     width: auto;
     margin: 0.5rem;
     pointer-events: none;
   }

   .modal.fade .modal-dialog {
     transition: -webkit-transform 0.3s ease-out;
     -webkit-transition: -webkit-transform 0.3s ease-out;
     -o-transition: transform 0.3s ease-out;
     transition: transform 0.3s ease-out;
     transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
     -webkit-transform: translate(0, -25%);
     -ms-transform: translate(0, -25%);
     transform: translate(0, -25%);
   }

   .modal.show .modal-dialog {
     -webkit-transform: translate(0, 0);
     -ms-transform: translate(0, 0);
     transform: translate(0, 0);
   }

   .modal-dialog-centered {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     min-height: calc(100% - 1rem);
   }

   .modal-dialog-centered:before {
     display: block;
     height: calc(100vh - 1rem);
     content: "";
   }

   .modal-content {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     background-color: #fff;
     width: 100%;
     pointer-events: auto;
     background-clip: padding-box;
     border-radius: 5px;
     outline: 0;
   }

   .modal-backdrop {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1040;
     background-color: #000;
   }

   .modal-backdrop.fade {
     opacity: 0;
   }

   .modal-backdrop.show {
     opacity: 0.5;
   }

   .modal-header {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
     width: 100%;
     padding: 1rem;
     border-bottom: 1px solid #DDDDDD;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
   }

   .modal-header .close {
     margin: -1rem -1rem -1rem auto;
     padding: 1rem;
   }

   .modal-title {
     margin-bottom: 0;
     line-height: 1.5;
   }

   .modal-body {
     position: relative;
     -webkit-box-flex: 1;
     -ms-flex: 1 1 auto;
     flex: 1 1 auto;
     width: 100%;
     padding: 1rem;
   }

   .modal-footer {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     width: 100%;
     padding: 1rem;
     border-top: 1px solid #DDDDDD;
   }

   .modal-footer> :not(:first-child) {
     margin-left: 0.25rem;
   }

   .modal-footer> :not(:last-child) {
     margin-right: 0.25rem;
   }

   .modal-scrollbar-measure {
     position: absolute;
     top: -9999px;
     width: 50px;
     height: 50px;
     overflow: scroll;
   }

   @media screen and (min-width: 769px) {
     .modal-dialog {
       max-width: 500px;
       margin: 1.75rem auto;
     }

     .modal-dialog-centered {
       min-height: calc(100% - 3.5rem);
     }

     .modal-dialog-centered:before {
       height: calc(100vh - 3.5rem);
     }
   }

   .modal .modal-content.is-form {
     display: block;
     max-height: inherit !important;
     height: auto;
     margin: 0 auto;
     padding: 20px;
   }

   @media screen and (min-width: 769px) {
     .modal .modal-content.is-form {
       padding: 40px 60px;
     }
   }

   .modal .modal-header {
     position: relative;
     padding: 16px 16px 0;
     border-bottom: 0;
   }

   .modal .modal-header .close {
     top: 8px;
     right: 8px;
     margin: 0;
   }

   .modal .modal-body {
     padding: 16px;
   }

   .modal .modal-footer {
     background-color: #eaebf0;
     padding: 16px;
     border: 0;
   }

   .modal .modal-footer .button.is-text {
     text-decoration: none;
   }

   .modal .modal-footer .button.is-text:hover {
     background: none;
     color: #1745CF;
   }

   .modal .close {
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     z-index: 20;
     padding: 10px;
     color: hsl(0deg, 0%, 8%);
   }

   .modal .close i {
     display: block;
     height: 32px;
     width: 32px;
     padding: 0;
     font-size: 2rem;
   }

   .modal .close:hover {
     opacity: 0.75;
   }

   .modal .is-large {
     max-width: 1070px;
   }

   .modal .is-medium {
     max-width: 780px;
   }

   .modal .is-normal {
     max-width: 640px;
   }

   /**
      * Swiper 5.2.0
      * Most modern mobile touch slider and framework with hardware accelerated transitions
      * https://swiperjs.com
      *
      * Copyright 2014-2019 Vladimir Kharlampidi
      *
      * Released under the MIT License
      *
      * Released on: October 26, 2019
      */
   @font-face {
     font-family: "swiper-icons";
     src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
     font-weight: 400;
     font-style: normal;
   }

   :root {
     --swiper-theme-color: #007aff;
   }

   .swiper-container {
     margin-left: auto;
     margin-right: auto;
     position: relative;
     overflow: hidden;
     list-style: none;
     padding: 0;
     /* Fix of Webkit flickering */
     z-index: 1;
   }

   .swiper-container-vertical>.swiper-wrapper {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   .swiper-wrapper {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 1;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
     -webkit-box-sizing: content-box;
     box-sizing: content-box;
   }

   .swiper-container-android .swiper-slide,
   .swiper-wrapper {
     -webkit-transform: translate3d(0px, 0, 0);
     transform: translate3d(0px, 0, 0);
   }

   .swiper-container-multirow>.swiper-wrapper {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   .swiper-container-multirow-column>.swiper-wrapper {
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   .swiper-container-free-mode>.swiper-wrapper {
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
     margin: 0 auto;
   }

   .swiper-slide {
     -ms-flex-negative: 0;
     flex-shrink: 0;
     width: 100%;
     height: 100%;
     position: relative;
     -webkit-transition-property: -webkit-transform;
     transition-property: -webkit-transform;
     -o-transition-property: transform;
     transition-property: transform;
     transition-property: transform, -webkit-transform;
   }

   .swiper-slide-invisible-blank {
     visibility: hidden;
   }

   /* Auto Height */
   .swiper-container-autoheight,
   .swiper-container-autoheight .swiper-slide {
     height: auto;
   }

   .swiper-container-autoheight .swiper-wrapper {
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     -webkit-transition-property: height, -webkit-transform;
     transition-property: height, -webkit-transform;
     -o-transition-property: transform, height;
     transition-property: transform, height;
     transition-property: transform, height, -webkit-transform;
   }

   /* 3D Effects */
   .swiper-container-3d {
     -webkit-perspective: 1200px;
     perspective: 1200px;
   }

   .swiper-container-3d .swiper-wrapper,
   .swiper-container-3d .swiper-slide,
   .swiper-container-3d .swiper-slide-shadow-left,
   .swiper-container-3d .swiper-slide-shadow-right,
   .swiper-container-3d .swiper-slide-shadow-top,
   .swiper-container-3d .swiper-slide-shadow-bottom,
   .swiper-container-3d .swiper-cube-shadow {
     -webkit-transform-style: preserve-3d;
     transform-style: preserve-3d;
   }

   .swiper-container-3d .swiper-slide-shadow-left,
   .swiper-container-3d .swiper-slide-shadow-right,
   .swiper-container-3d .swiper-slide-shadow-top,
   .swiper-container-3d .swiper-slide-shadow-bottom {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     pointer-events: none;
     z-index: 10;
   }

   .swiper-container-3d .swiper-slide-shadow-left {
     background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
     background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   }

   .swiper-container-3d .swiper-slide-shadow-right {
     background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
     background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   }

   .swiper-container-3d .swiper-slide-shadow-top {
     background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
     background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   }

   .swiper-container-3d .swiper-slide-shadow-bottom {
     background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
     background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
     background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
   }

   /* CSS Mode */
   .swiper-container-css-mode>.swiper-wrapper {
     overflow: auto;
     scrollbar-width: none;
     /* For Firefox */
     -ms-overflow-style: none;
     /* For Internet Explorer and Edge */
   }

   .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
     display: none;
   }

   .swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
     scroll-snap-align: start start;
   }

   .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
     -ms-scroll-snap-type: x mandatory;
     scroll-snap-type: x mandatory;
   }

   .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
     -ms-scroll-snap-type: y mandatory;
     scroll-snap-type: y mandatory;
   }

   :root {
     --swiper-navigation-size: 44px;
     /*
       --swiper-navigation-color: var(--swiper-theme-color);
       */
   }

   .swiper-button-prev,
   .swiper-button-next {
     position: absolute;
     top: 50%;
     width: calc(var(--swiper-navigation-size) / 44 * 27);
     height: var(--swiper-navigation-size);
     margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
     z-index: 10;
     cursor: pointer;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     color: var(--swiper-navigation-color, var(--swiper-theme-color));
   }

   .swiper-button-prev.swiper-button-disabled,
   .swiper-button-next.swiper-button-disabled {
     opacity: 0.35;
     cursor: auto;
     pointer-events: none;
   }

   .swiper-button-prev:after,
   .swiper-button-next:after {
     font-family: swiper-icons;
     font-size: var(--swiper-navigation-size);
     text-transform: none !important;
     letter-spacing: 0;
     text-transform: none;
     font-variant: initial;
   }

   .swiper-button-prev,
   .swiper-container-rtl .swiper-button-next {
     left: 10px;
     right: auto;
   }

   .swiper-button-prev:after,
   .swiper-container-rtl .swiper-button-next:after {
     content: "prev";
   }

   .swiper-button-next,
   .swiper-container-rtl .swiper-button-prev {
     right: 10px;
     left: auto;
   }

   .swiper-button-next:after,
   .swiper-container-rtl .swiper-button-prev:after {
     content: "next";
   }

   .swiper-button-prev.swiper-button-white,
   .swiper-button-next.swiper-button-white {
     --swiper-navigation-color: #ffffff;
   }

   .swiper-button-prev.swiper-button-black,
   .swiper-button-next.swiper-button-black {
     --swiper-navigation-color: #000000;
   }

   .swiper-button-lock {
     display: none;
   }

   :root {
     /*
       --swiper-pagination-color: var(--swiper-theme-color);
       */
   }

   .swiper-pagination {
     position: absolute;
     text-align: center;
     -webkit-transition: 300ms opacity;
     -o-transition: 300ms opacity;
     transition: 300ms opacity;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     z-index: 10;
   }

   .swiper-pagination.swiper-pagination-hidden {
     opacity: 0;
   }

   /* Common Styles */
   .swiper-pagination-fraction,
   .swiper-pagination-custom,
   .swiper-container-horizontal>.swiper-pagination-bullets {
     bottom: 10px;
     left: 0;
     width: 100%;
   }

   /* Bullets */
   .swiper-pagination-bullets-dynamic {
     overflow: hidden;
     font-size: 0;
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     -webkit-transform: scale(0.33);
     -ms-transform: scale(0.33);
     transform: scale(0.33);
     position: relative;
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
     -webkit-transform: scale(0.66);
     -ms-transform: scale(0.66);
     transform: scale(0.66);
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
     -webkit-transform: scale(0.33);
     -ms-transform: scale(0.33);
     transform: scale(0.33);
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
     -webkit-transform: scale(0.66);
     -ms-transform: scale(0.66);
     transform: scale(0.66);
   }

   .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
     -webkit-transform: scale(0.33);
     -ms-transform: scale(0.33);
     transform: scale(0.33);
   }

   .swiper-pagination-bullet {
     width: 8px;
     height: 8px;
     display: inline-block;
     border-radius: 100%;
     background: #000;
     opacity: 0.2;
   }

   button.swiper-pagination-bullet {
     border: none;
     margin: 0;
     padding: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
   }

   .swiper-pagination-clickable .swiper-pagination-bullet {
     cursor: pointer;
   }

   .swiper-pagination-bullet-active {
     opacity: 1;
     background: var(--swiper-pagination-color, var(--swiper-theme-color));
   }

   .swiper-container-vertical>.swiper-pagination-bullets {
     right: 10px;
     top: 50%;
     -webkit-transform: translate3d(0px, -50%, 0);
     transform: translate3d(0px, -50%, 0);
   }

   .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 6px 0;
     display: block;
   }

   .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
     top: 50%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
     width: 8px;
   }

   .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     display: inline-block;
     -webkit-transition: 200ms top, 200ms -webkit-transform;
     transition: 200ms top, 200ms -webkit-transform;
     -o-transition: 200ms transform, 200ms top;
     transition: 200ms transform, 200ms top;
     transition: 200ms transform, 200ms top, 200ms -webkit-transform;
   }

   .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
     margin: 0 4px;
   }

   .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
     left: 50%;
     -webkit-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform: translateX(-50%);
     white-space: nowrap;
   }

   .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     -webkit-transition: 200ms left, 200ms -webkit-transform;
     transition: 200ms left, 200ms -webkit-transform;
     -o-transition: 200ms transform, 200ms left;
     transition: 200ms transform, 200ms left;
     transition: 200ms transform, 200ms left, 200ms -webkit-transform;
   }

   .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
     -webkit-transition: 200ms right, 200ms -webkit-transform;
     transition: 200ms right, 200ms -webkit-transform;
     -o-transition: 200ms transform, 200ms right;
     transition: 200ms transform, 200ms right;
     transition: 200ms transform, 200ms right, 200ms -webkit-transform;
   }

   /* Progress */
   .swiper-pagination-progressbar {
     background: rgba(0, 0, 0, 0.25);
     position: absolute;
   }

   .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     background: var(--swiper-pagination-color, var(--swiper-theme-color));
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transform-origin: left top;
     -ms-transform-origin: left top;
     transform-origin: left top;
   }

   .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
     -webkit-transform-origin: right top;
     -ms-transform-origin: right top;
     transform-origin: right top;
   }

   .swiper-container-horizontal>.swiper-pagination-progressbar,
   .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
     width: 100%;
     height: 4px;
     left: 0;
     top: 0;
   }

   .swiper-container-vertical>.swiper-pagination-progressbar,
   .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
     width: 4px;
     height: 100%;
     left: 0;
     top: 0;
   }

   .swiper-pagination-white {
     --swiper-pagination-color: #ffffff;
   }

   .swiper-pagination-black {
     --swiper-pagination-color: #000000;
   }

   .swiper-pagination-lock {
     display: none;
   }

   /* Scrollbar */
   .swiper-scrollbar {
     border-radius: 10px;
     position: relative;
     -ms-touch-action: none;
     background: rgba(0, 0, 0, 0.1);
   }

   .swiper-container-horizontal>.swiper-scrollbar {
     position: absolute;
     left: 1%;
     bottom: 3px;
     z-index: 50;
     height: 5px;
     width: 98%;
   }

   .swiper-container-vertical>.swiper-scrollbar {
     position: absolute;
     right: 3px;
     top: 1%;
     z-index: 50;
     width: 5px;
     height: 98%;
   }

   .swiper-scrollbar-drag {
     height: 100%;
     width: 100%;
     position: relative;
     background: rgba(0, 0, 0, 0.5);
     border-radius: 10px;
     left: 0;
     top: 0;
   }

   .swiper-scrollbar-cursor-drag {
     cursor: move;
   }

   .swiper-scrollbar-lock {
     display: none;
   }

   .swiper-zoom-container {
     width: 100%;
     height: 100%;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     text-align: center;
   }

   .swiper-zoom-container>img,
   .swiper-zoom-container>svg,
   .swiper-zoom-container>canvas {
     max-width: 100%;
     max-height: 100%;
     -o-object-fit: contain;
     object-fit: contain;
   }

   .swiper-slide-zoomed {
     cursor: move;
   }

   /* Preloader */
   :root {
     /*
       --swiper-preloader-color: var(--swiper-theme-color);
       */
   }

   .swiper-lazy-preloader {
     width: 42px;
     height: 42px;
     position: absolute;
     left: 50%;
     top: 50%;
     margin-left: -21px;
     margin-top: -21px;
     z-index: 10;
     -webkit-transform-origin: 50%;
     -ms-transform-origin: 50%;
     transform-origin: 50%;
     -webkit-animation: swiper-preloader-spin 1s infinite linear;
     animation: swiper-preloader-spin 1s infinite linear;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
     border-radius: 50%;
     border-top-color: transparent;
   }

   .swiper-lazy-preloader-white {
     --swiper-preloader-color: #fff;
   }

   .swiper-lazy-preloader-black {
     --swiper-preloader-color: #000;
   }

   @-webkit-keyframes swiper-preloader-spin {
     100% {
       -webkit-transform: rotate(360deg);
       transform: rotate(360deg);
     }
   }

   @keyframes swiper-preloader-spin {
     100% {
       -webkit-transform: rotate(360deg);
       transform: rotate(360deg);
     }
   }

   /* a11y */
   .swiper-container .swiper-notification {
     position: absolute;
     left: 0;
     top: 0;
     pointer-events: none;
     opacity: 0;
     z-index: -1000;
   }

   .swiper-container-fade.swiper-container-free-mode .swiper-slide {
     -webkit-transition-timing-function: ease-out;
     -o-transition-timing-function: ease-out;
     transition-timing-function: ease-out;
   }

   .swiper-container-fade .swiper-slide {
     pointer-events: none;
     -webkit-transition-property: opacity;
     -o-transition-property: opacity;
     transition-property: opacity;
   }

   .swiper-container-fade .swiper-slide .swiper-slide {
     pointer-events: none;
   }

   .swiper-container-fade .swiper-slide-active,
   .swiper-container-fade .swiper-slide-active .swiper-slide-active {
     pointer-events: auto;
   }

   .swiper-container-cube {
     overflow: visible;
   }

   .swiper-container-cube .swiper-slide {
     pointer-events: none;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: 1;
     visibility: hidden;
     -webkit-transform-origin: 0 0;
     -ms-transform-origin: 0 0;
     transform-origin: 0 0;
     width: 100%;
     height: 100%;
   }

   .swiper-container-cube .swiper-slide .swiper-slide {
     pointer-events: none;
   }

   .swiper-container-cube.swiper-container-rtl .swiper-slide {
     -webkit-transform-origin: 100% 0;
     -ms-transform-origin: 100% 0;
     transform-origin: 100% 0;
   }

   .swiper-container-cube .swiper-slide-active,
   .swiper-container-cube .swiper-slide-active .swiper-slide-active {
     pointer-events: auto;
   }

   .swiper-container-cube .swiper-slide-active,
   .swiper-container-cube .swiper-slide-next,
   .swiper-container-cube .swiper-slide-prev,
   .swiper-container-cube .swiper-slide-next+.swiper-slide {
     pointer-events: auto;
     visibility: visible;
   }

   .swiper-container-cube .swiper-slide-shadow-top,
   .swiper-container-cube .swiper-slide-shadow-bottom,
   .swiper-container-cube .swiper-slide-shadow-left,
   .swiper-container-cube .swiper-slide-shadow-right {
     z-index: 0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
   }

   .swiper-container-cube .swiper-cube-shadow {
     position: absolute;
     left: 0;
     bottom: 0px;
     width: 100%;
     height: 100%;
     background: #000;
     opacity: 0.6;
     -webkit-filter: blur(50px);
     filter: blur(50px);
     z-index: 0;
   }

   .swiper-container-flip {
     overflow: visible;
   }

   .swiper-container-flip .swiper-slide {
     pointer-events: none;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
     z-index: 1;
   }

   .swiper-container-flip .swiper-slide .swiper-slide {
     pointer-events: none;
   }

   .swiper-container-flip .swiper-slide-active,
   .swiper-container-flip .swiper-slide-active .swiper-slide-active {
     pointer-events: auto;
   }

   .swiper-container-flip .swiper-slide-shadow-top,
   .swiper-container-flip .swiper-slide-shadow-bottom,
   .swiper-container-flip .swiper-slide-shadow-left,
   .swiper-container-flip .swiper-slide-shadow-right {
     z-index: 0;
     -webkit-backface-visibility: hidden;
     backface-visibility: hidden;
   }

   /* zad css v2 */
   html, a {
     cursor: url("../business/wp-content/uploads/2023/02/Cursor_new_v2.png"), auto;
   }

   html.no-cursor, html.no-cursor a {
     cursor: none;
   }
   .toast-copy{
     position: fixed;
     bottom: -50px;
     left: 50%;
     transform: translateX(-50%);
     background-clip: padding-box;
     transition: all 0.2s;
     opacity: 0;
     z-index: 99;
   }
   .toast-copy.show{
     bottom: 32px;
     opacity: 1;
   }

   .toast-copy .content{
     width: 90vw;
     max-width: 420px;
     padding: 8px 0;
     text-align: center;
     box-shadow: 0px 4px 10px rgb(0 0 0 / 5%);
     border-radius: 8px;
     background: #000028;
     color: #fff;
     border: 2px solid transparent;
     position: relative;
     background-clip: padding-box;
   }
   .toast-copy .content:before{
     content: "";
     position: absolute;
     inset: 0;
     z-index: -1;
     margin: -2px;
     border-radius: inherit;
     background: linear-gradient(90deg, #83FF57 25%, #FFB139 63.02%, #F973BB 100%);
   }
   .toast-copy .content p{
     font-weight: 700;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0.02em;
   }

   html.is-homepage{
     background: #000028;
   }
   html::-webkit-scrollbar {
     background: #d9f4fa;
     width: 8px;
   }
   html::-webkit-scrollbar-thumb {
     background: linear-gradient(180deg, #132A39 0%, #35729A 100%);
     border-radius: 10px;
   }

   html.is-homepage::-webkit-scrollbar{
     background: transparent;
     width: 8px;
   }

   html.is-homepage::-webkit-scrollbar-thumb{
     background-image: linear-gradient(180deg, #132A39 0%, #35729A 100%);
     border-radius: 10px;
   }

   .cursor {
     position: absolute;
     top: 0;
     left: 0;
     width: 70px;
     -webkit-transform: translate(-40%, -30%);
     -ms-transform: translate(-40%, -30%);
     transform: translate(-40%, -30%);
     pointer-events: none;
     z-index: 999;
     display: none !important;
   }

   @media screen and (min-width: 1024px) {
     .cursor {
       /* display: block !important; */
     }
   }

   .cursor img {
     width: 70px;
   }

   .mobile-only {
     display: block !important;
   }

   @media screen and (min-width: 1024px) {
     .mobile-only {
       display: none !important;
     }
   }

   .desktop-only {
     display: none !important;
   }

   @media screen and (min-width: 1024px) {
     .desktop-only {
       display: block !important;
     }
   }

   .is-flex {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     position: relative;
   }
   .empty-search {
     width: 100%;
     text-align: center;
     margin: 80px 0 120px;
   }
   .empty-search img{
     width: 256px;
     margin: 0 auto 16px;
     display: block;
   }

   .empty-search p {
     font-weight: 600;
     font-size: 16px;
     line-height: 24px;
     letter-spacing: 0.02em;
     color: #7A8490;
   }

   @media screen and (min-width:1024px) {
     .empty-search {
       margin: 120px 0;
     }
     .empty-search img{
       width: 376px;
       margin: 0 auto 24px;
     }

     .empty-search p {
       font-size: 20px;
       line-height: 32px;
     }
   }

   .blk-body {
     max-width: 1200px;
     margin: 0 auto;
     padding: 40px 20px;
   }

   .tab-category {
     margin-bottom: 40px;
   }

   @media screen and (min-width: 1024px) {
     .tab-category {
       margin-top: 20px;
       margin-bottom: 60px;
     }

     .tab-category ul li:hover a {
       background: #0068FF;
       color: #fff;
     }
   }

   .tab-category ul {
     width: 100vw;
     margin: 0 -20px;
     padding-left: 20px;
     padding-right: 20px;
     overflow: auto;
     white-space: nowrap;
   }

   .tab-category ul li {
     display: inline-block;
   }

   .tab-category ul li.active a,
   .tab-category .current-cat a {
     background: #0068FF;
     color: #fff;
   }

   .tab-category ul li a {
     display: block;
     font-weight: 600;
     font-size: 20px;
     line-height: normal;
     color: #7A8490;
     padding: 16px 24px;
     border-radius: 100px;
     background-color: transparent;
     -webkit-transition: all 0.2s;
     -o-transition: all 0.2s;
     transition: all 0.2s;
   }

   @media screen and (min-width: 1024px) {
     .tab-category ul {
       margin: 0;
       padding: 0;
     }
   }

   .banner-header {
     background: #000028;
   }

   .banner-header .banner-container {
     padding: 48px 20px;
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     overflow: hidden;
     width: 100%;
     min-height: 320px;
   }

   .banner-header .banner-container .noise-circle {
     position: absolute;
     width: 620px;
     z-index: 1;
     bottom: -40%;
     left: 45%;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
     pointer-events: none;
   }

   .banner-header .banner-container .noise-circle-1 {
     position: absolute;
     width: 620px;
     z-index: 1;
     top: -120%;
     right: 25%;
     -webkit-user-select: none;
     -ms-user-select: none;
     user-select: none;
     pointer-events: none;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .banner-container .noise-circle {
       bottom: -105%;
       right: 15%;
     }
   }

   .banner-header .banner-container .illus {
     z-index: 2;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .banner-container {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
       flex-direction: row-reverse;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       max-width: 1200px;
       margin: 0 auto;
     }
   }

   .banner-header .banner-container h4 {
     font-weight: 700;
     font-size: 25px;
     line-height: normal;
     color: #fff;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .banner-container h4 {
       font-size: 40px;
     }
   }

   .banner-header .banner-container .input-search {
     margin-top: 32px;
     z-index: 1;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .banner-container .input-search {
       width: 740px;
       z-index: 2;
     }
   }

   .banner-header .banner-container .input-search h4 {
     margin-bottom: 24px;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .banner-container .input-search h4 {
       margin-bottom: 16px;
     }
   }

   .banner-header .banner-container .input-search .is-flex {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: 100%;
   }

   .banner-header .banner-container .input-search input {
     padding: 10px 16px;
     background: #FFFFFF;
     border: 1px solid #E2E5E9;
     border-radius: 8px;
     width: 100%;
     font-size: 16px;
   }

   .banner-header .banner-container .input-search input::-webkit-input-placeholder {
     color: #7A8490;
   }

   .banner-header .banner-container .input-search input::-moz-placeholder {
     color: #7A8490;
   }

   .banner-header .banner-container .input-search input:-ms-input-placeholder {
     color: #7A8490;
   }

   .banner-header .banner-container .input-search input::-ms-input-placeholder {
     color: #7A8490;
   }

   .banner-header .banner-container .input-search input::placeholder {
     color: #7A8490;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .banner-container .input-search input {
       font-size: 20px;
       padding: 16px 20px;
     }
   }

   .banner-header .banner-container .input-search .icon-search {
     position: absolute;
     right: 16px;
     top: 8px;
     background: transparent;
     border: none;
     padding: 0;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .banner-container .input-search .icon-search {
       right: 20px;
       top: 16px;
     }
   }

   .banner-header img.illus {
     width: 192px;
     margin: 0 auto;
     display: block;
   }

   @media screen and (min-width: 1024px) {
     .banner-header img.illus {
       margin: 0;
       width: 240px;
     }
   }

   .banner-header .share-btn {
     padding: 8px 16px;
     background: #FFFFFF;
     border-radius: 100px;
     color: #0068FF;
     font-weight: 500;
     font-size: 12px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     white-space: nowrap;
     z-index: 1;
   }

   .banner-header .share-btn svg {
     margin-right: 8px;
   }

   .banner-header .contain-post-info {
     margin-bottom: 32px;
     max-width: 780px;
     z-index: 1;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .share-btn {
       font-size: 16px;
     }
     .banner-header .contain-post-info{
       margin-bottom: 0;
     }
   }



   .banner-header .contain-post-info .breadscumb {
     color: #F6F7F8;
     font-weight: 700;
     font-size: 14px;
   }

   .banner-header .contain-post-info .breadscumb a {
     color: #F6F7F8;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .contain-post-info .breadscumb {
       margin-bottom: 32px;
     }
   }

   .banner-header .contain-post-info .is-flex {
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
     flex-direction: column-reverse;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .contain-post-info .is-flex {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
     }
   }

   .banner-header .contain-post-info h4 {
     margin: 32px 0 10px;
     font-weight: 600;
     line-height: normal;
     font-size: 25px;
     color: #fff;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .contain-post-info h4 {
       margin-bottom: 24px;
       margin-top: 0;
     }
   }

   .banner-header .contain-post-info p.time {
     font-weight: 400;
     font-size: 16px;
     color: #7A8490;
     margin-bottom: 0;
   }

   .banner-header .text-contain {
     z-index: 1;
     color: #FFFFFF;
     padding-top: 40px;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .text-contain {
       padding-top: 0;
       max-width: 780px;
     }
   }

   .banner-header .text-contain h4+p {
     font-weight: 400;
     font-size: 16px;
     margin-top: 24px;
   }

   @media screen and (min-width: 1024px) {
     .banner-header .text-contain h4+p {
       font-size: 24px;
       margin-top: 32px;
     }
   }

   .single-post .banner-container {
     padding-bottom: 80px;
   }

   .single-post .banner-container.policy {
     padding-bottom: 48px;
   }

   @media screen and (min-width: 1024px) {
     .single-post .banner-container {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: reverse;
       -ms-flex-direction: row-reverse;
       flex-direction: row-reverse;
       align-items: flex-end;
       -webkit-align-items: flex-end;
     }
   }

   @media screen and (min-width: 1024px) {
     .single-post .blk-body .post-content {
       width: 780px;
       min-width: 780px;
       margin-right: 60px;
     }
   }

   .single-post .blk-body .post-thumbnail {
     margin-top: -80px;
     z-index: 5;
     position: relative;
   }

   @media screen and (min-width: 1024px) {
     .single-post .blk-body .post-thumbnail {
       margin-top: 0;
     }
   }

   .list-posts .container-post {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   @media screen and (min-width: 1024px) {
     .list-posts .container-post {
       margin: -14px;
     }
   }

   .list-posts .container-post .post {
     position: relative;
     width: 100%;
   }

   .list-posts .container-post .post a.overlay {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 1;
     left: 0;
     top: 0;
   }

   .list-posts .container-post .post+.post {
     margin-top: 48px;
   }

   .list-posts .container-post .post .thumbnail_post {
     width: 100%;
     height: auto;
     position: relative;
     overflow: hidden;
     border-radius: 8px;
     padding-top: calc(100% * 205/363)
   }

   .list-posts .container-post .post img {
     display: block;
     max-width: 100%;
     max-height: 100%;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     object-fit: cover;
   }

   .list-posts .container-post .post h4 {
     margin: 16px 0;
     font-weight: 700;
     font-size: 20px;
     line-height: 30px;
     color: #000;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
     height: 60px;
   }

   .list-posts .container-post .post p {
     font-weight: 400;
     font-size: 16px;
     line-height: 24px;
     color: #0D2138;
     margin-bottom: 16px;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
   }

   .list-posts .container-post .post p.time {
     color: #7A8490;
   }

   @media screen and (min-width: 1024px) {
     .list-posts .container-post .post {
       width: 33.33%;
       padding: 24px 14px;
     }

     .list-posts .container-post .post+.post {
       margin-top: 0;
     }

     .list-posts .container-post {
       margin-bottom: 56px;
     }
   }

   .page-content.learning-hub {
     background: #fff;
   }
   .page-content.learning-hub .container-post .btn.btn-has-icon{
     padding-left: 0;
   }
   .page-content.learning-hub .container-post .btn.btn-has-icon p{
     margin: 0;
     font-size: 20px;
     line-height: 24px;
     letter-spacing: 0.02em;
     color: #1744CF;
   }

   .page-content.learning-hub .banner-header {
     position: relative;
     z-index: 1;
     overflow: hidden;
   }
   .page-content.learning-hub .banner-header .noise {
     position: absolute;
     width: 50%;
   }
   .page-content.learning-hub .banner-header .noise.blue {
     top: -50%;
     left: 10%;
   }
   .page-content.learning-hub .banner-header .noise.violet {
     bottom: -50%;
     left: -1%;
   }
   .page-content.learning-hub .banner-header .noise.yello {
     right: 0;
     bottom: -45%;
   }
   .page-content.learning-hub .banner-header .banner-container{
     padding-top: 109px;
   }
   .page-content.learning-hub .banner-header .illus {
     width: 100%;
   }
   .page-content.learning-hub .banner-header .text-contain {
     text-align: center;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
   .page-content.learning-hub .banner-header .text-contain p {
     margin-bottom: 32px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .banner-header .illus {
       width: 50%;
     }
     .page-content.learning-hub .banner-header .text-contain {
       padding-right: 48px;
       text-align: left;
       display: block;
     }
     .page-content.learning-hub .banner-header .text-contain p {
       margin-bottom: 48px;
     }
   }
   .page-content.learning-hub .blk-body .section-academy {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
     margin-bottom: 32px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-academy {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
       margin-bottom: 80px;
     }
   }
   .page-content.learning-hub .blk-body .section-academy img {
     width: 100%;
     max-width: 520px;
   }
   .page-content.learning-hub .blk-body .section-academy .academy-info {
     padding: 32px 0;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-academy .academy-info {
       padding: 0 0 0 48px;
     }
   }
   .page-content.learning-hub .blk-body .section-academy .academy-info h2 {
     font-weight: 700;
     font-size: 28px;
     line-height: normal;
     letter-spacing: 0.02em;
     color: #1744CF;
     margin-bottom: 16px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-academy .academy-info h2 {
       font-size: 40px;
       margin-bottom: 40px;
     }
   }
   .page-content.learning-hub .blk-body .section-academy .academy-info ul li {
     padding: 24px 0;
     border-bottom: 1px solid #D7E1EA;
   }
   .page-content.learning-hub .blk-body .section-academy .academy-info ul li .square {
     /* background: #D9D9D9; */
     width: 48px;
     min-width: 48px;
     height: 48px;
     margin-right: 16px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-academy .academy-info ul li .square {
       margin-right: 24px;
       /* width: 56px;
       min-width: 56px;
       height: 56px; */
     }
   }
   .page-content.learning-hub .blk-body .section-academy .academy-info ul li .text h4 {
     font-weight: 700;
     font-size: 20px;
     line-height: normal;
     color: #000000;
     margin-bottom: 4px;
   }
   .page-content.learning-hub .blk-body .section-academy .academy-info ul li .text p {
     font-weight: 400;
     font-size: 16px;
     line-height: normal;
     color: #0D2138;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-academy .academy-info ul li .text h4 {
       font-size: 24px;
     }
     .page-content.learning-hub .blk-body .section-academy .academy-info ul li .text p {
       font-size: 20px;
     }
     .page-content.learning-hub .blk-body .section-main-course {
       margin: 0 -56px 40px;
     }
   }


   .page-content.learning-hub .blk-body .section-main-course .item .is-flex {
     padding: 40px 20px;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
             flex-direction: column-reverse;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-main-course .item .is-flex {
       padding: 80px 56px;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
     }
   }
   .page-content.learning-hub .blk-body .section-main-course .item .is-flex.green {
     background: #E8FCF5;
   }
   .page-content.learning-hub .blk-body .section-main-course .item .is-flex.yellow {
     background: #FFFAE6;
   }
   .page-content.learning-hub .blk-body .section-main-course .item .is-flex.blue {
     background: #E8EDFC;
   }
   .page-content.learning-hub .blk-body .section-main-course .item .is-flex.orange {
     background: #FDE8E9;
   }

   @media screen and (min-width: 1201px) {
     .page-content.learning-hub .blk-body .section-main-course .item {
       margin-right: calc(1200px - 100vw);
     }
   }
   .page-content.learning-hub .blk-body .section-main-course .item .image {
     width: 100%;
     max-width: 520px;
     position: relative;
     margin-bottom: 16px;
   }
   .page-content.learning-hub .blk-body .section-main-course .item .image img {
     width: 100%;
     max-width: 520px;
     display: block;
   }
   .page-content.learning-hub .blk-body .section-main-course .item .image .blk-name-course {
     padding: 12px;
     background: #FFFFFF;
     position: absolute;
     bottom: 16px;
     left: -24px;
     display: table;
     max-width: 420px;
   }
   .page-content.learning-hub .blk-body .section-main-course .item .image .blk-name-course p {
     font-weight: 700;
     font-size: 20px;
     line-height: normal;
     color: #2C3F58;
     letter-spacing: 0.02em;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-main-course .item .image {
       width: 50%;
       margin-bottom: 0;
     }
     .page-content.learning-hub .blk-body .section-main-course .item .image .blk-name-course {
       bottom: 24px;
       left: -48px;
       padding: 16px;
       max-width: 80%;
     }
     .page-content.learning-hub .blk-body .section-main-course .item .image .blk-name-course p {
       font-size: 32px;
     }
   }
   .page-content.learning-hub .blk-body .section-main-course .item .text h2 {
     font-weight: 700;
     font-size: 24px;
     line-height: normal;
     letter-spacing: 0.02em;
     color: #2C3F58;
     margin-bottom: 16px;
   }
   .page-content.learning-hub .blk-body .section-main-course .item .text p {
     font-weight: 400;
     font-size: 16px;
     line-height: normal;
     letter-spacing: 0.02em;
     color: #000000;
     margin-bottom: 32px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-main-course .item .text {
       padding-right: 5%;
       max-width: 585px;
     }
     .page-content.learning-hub .blk-body .section-main-course .item .text h2 {
       font-size: 40px;
       margin-bottom: 60px;
     }
     .page-content.learning-hub .blk-body .section-main-course .item .text p {
       font-size: 20px;
       margin-bottom: 60px;
     }
   }
   .page-content.learning-hub .blk-body .section-award {
     position: relative;
     background-color: #000028;
     margin: 0 -20px;
     overflow: hidden;
   }
   .page-content.learning-hub .blk-body .section-award .noise {
     position: absolute;
     width: 50%;
   }
   .page-content.learning-hub .blk-body .section-award .noise.blue {
     top: -50%;
     left: 10%;
   }
   .page-content.learning-hub .blk-body .section-award .noise.violet {
     bottom: -50%;
     left: -1%;
   }
   .page-content.learning-hub .blk-body .section-award .noise.yello {
     right: 0;
     bottom: -45%;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-award {
       margin-right: -176px;
       margin-left: -176px;
     }
   }
   @media screen and (min-width: 1200px) {
     .page-content.learning-hub .blk-body .section-award {
       margin-right: calc(1200px - 100vw);
       margin-left: calc(1200px - 100vw);
     }
   }
   .page-content.learning-hub .blk-body .section-award .bg {
     position: absolute;
     z-index: 1;
   }
   .page-content.learning-hub .blk-body .section-award .award-container {
     position: relative;
     z-index: 2;
     padding: 40px 20px;
     max-width: 1200px;
     margin: 0 auto;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-award .award-container {
       padding: 80px 0;
     }
   }
   .page-content.learning-hub .blk-body .section-award .award-container h3 {
     font-weight: 700;
     font-size: 24px;
     line-height: normal;
     text-align: center;
     letter-spacing: 0.02em;
     color: #FFFFFF;
     margin-bottom: 32px;
     text-align: center;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-award .award-container h3 {
       font-size: 40px;
       margin-bottom: 80px;
     }
   }
   .page-content.learning-hub .blk-body .section-award .award-container .award-img {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;

   }
   .page-content.learning-hub .blk-body .section-award .award-container .award-img  a{
     position: relative;
   }
   .page-content.learning-hub .blk-body .section-award .award-container .award-img img {
     display: block;
     width: 100%;
   }
   .page-content.learning-hub .blk-body .section-award .award-container .award-img .icon-img{
     position: absolute;
     max-width: 10%;
     margin: 0;

     transition: all 0.3s;
     top: 7%;
   }
   .page-content.learning-hub .blk-body .section-award .award-container .award-img .icon-img.star{
     right: 8.5%;
   }
   .page-content.learning-hub .blk-body .section-award .award-container .award-img .icon-img.diamond{
     right: 8.5%;
     top: 9.5%;
   }
   .page-content.learning-hub .blk-body .section-award .award-container .award-img img:first-child {
     margin-bottom: 12px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-award .award-container .award-img {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
     }
     .page-content.learning-hub .blk-body .section-award .award-container .award-img a {
       width: 50%;
       display: block;
       position: relative;
     }
     .page-content.learning-hub .blk-body .section-award .award-container .award-img img:first-child {
       margin-bottom: 0;
       padding-right: 8px;
     }
     .page-content.learning-hub .blk-body .section-award .award-container .award-img img:last-child {
       padding-left: 8px;
     }
     .page-content.learning-hub .blk-body .section-award .award-container .award-img .hover_img{
       width: 20%;
       position: absolute;
       opacity: 0;
       transition: all 0.3s;
       right: 3%;
       top: 3%;
     }
     .page-content.learning-hub .blk-body .section-award .award-container .award-img a:hover > .icon-img{
       transform: scale(1.2);
     }
     .page-content.learning-hub .blk-body .section-award .award-container .award-img a:hover > .hover_img{
       opacity: 1;
     }
     .page-content.learning-hub .blk-body .ask-us-for-more {
       margin: 0 -20px;
       background: #000028;
       position: relative;
       overflow: hidden;
     }
   }


   @media screen and (min-width: 1201px) {
     .page-content.learning-hub .blk-body .ask-us-for-more {
       margin: 0 calc((100vw - 1200px) * -1);
     }
   }
   .page-content.learning-hub .blk-body .ask-us-for-more .ask-us-container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 60px 20px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     text-align: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: reverse;
         -ms-flex-direction: column-reverse;
             flex-direction: column-reverse;
     position: relative;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .ask-us-for-more .ask-us-container {
       padding: 60px 20px;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
       -webkit-box-align: center;
           -ms-flex-align: center;
               align-items: center;
       text-align: left;
       -webkit-box-pack: justify;
           -ms-flex-pack: justify;
               justify-content: space-between;
     }
   }
   .page-content.learning-hub .blk-body .ask-us-for-more .ask-us-container .left {
     z-index: 2;
   }
   .page-content.learning-hub .blk-body .ask-us-for-more .ask-us-container .left h3 {
     font-weight: 700;
     font-size: 18px;
     margin-bottom: 16px;
     color: #FFFFFF;
     letter-spacing: 0.02em;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .ask-us-for-more .ask-us-container .left h3 {
       font-size: 24px;
     }
   }
   .page-content.learning-hub .blk-body .ask-us-for-more .ask-us-container .right {
     z-index: 2;
   }
   .page-content.learning-hub .blk-body .ask-us-for-more .ask-us-container .right img {
     width: 160px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .ask-us-for-more .ask-us-container .right img {
       width: 320px;
     }
   }
   .page-content.learning-hub .blk-body .section-course-bycate {
     padding: 32px 0 60px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-course-bycate {
       padding: 72px 0 100px;
     }
   }
   .page-content.learning-hub .blk-body .section-course-bycate .blk-select-cate {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
         -ms-flex-direction: column;
             flex-direction: column;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-course-bycate .blk-select-cate {
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
           -ms-flex-direction: row;
               flex-direction: row;
       -webkit-box-align: baseline;
           -ms-flex-align: baseline;
               align-items: baseline;
     }
   }
   .page-content.learning-hub .blk-body .section-course-bycate .blk-select-cate p {
     font-weight: 500;
     font-size: 16px;
     line-height: normal;
     letter-spacing: 0.02em;
     color: #2C3F58;
     margin-bottom: 16px;
     display: block;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-course-bycate .blk-select-cate p {
       font-size: 24px;
       margin-bottom: 0;
       margin-right: 40px;
     }
   }
   .page-content.learning-hub .blk-body .section-course-bycate .blk-select-cate .dropdown-cate {
     border-bottom: 1px solid #000000;
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     max-width: -webkit-fit-content;
     max-width: -moz-fit-content;
     max-width: fit-content;
   }
   .page-content.learning-hub .blk-body .section-course-bycate .blk-select-cate .dropdown-cate p {
     font-weight: 700;
     font-size: 24px;
     line-height: normal;
     letter-spacing: 0.02em;
     color: #2C3F58;
     margin: 0;
   }
   .page-content.learning-hub .blk-body .section-course-bycate .blk-select-cate .dropdown-cate img {
     width: 14px;
     height: 14px;
     -webkit-transform: rotate(270deg);
         -ms-transform: rotate(270deg);
             transform: rotate(270deg);
     display: block;
     margin-left: 16px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-course-bycate .blk-select-cate .dropdown-cate p {
       font-size: 36px;
     }
     .page-content.learning-hub .blk-body .section-course-bycate .blk-select-cate .dropdown-cate img {
       width: 18px;
       height: 18px;
       margin-left: 20px;
     }
   }
   .page-content.learning-hub .blk-body .section-course-bycate .list-posts {
     padding-top: 40px;
   }
   .page-content.learning-hub .blk-body .section-course-bycate .list-posts .button {
     border: none;
     padding: 0;
   }
   .page-content.learning-hub .blk-body .section-course-bycate .list-posts .button p {
     margin: 0;
     margin-right: 8px;
     font-weight: 600;
     font-size: 20px;
     line-height: 24px;
     letter-spacing: 0.02em;
     color: #1744CF;
   }
   .page-content.learning-hub .blk-body .section-course-bycate .list-posts .all-post {
     position: relative;
   }
   .page-content.learning-hub .blk-body .section-course-bycate .list-posts .all-post .overlay {
     z-index: 2;
   }
   .page-content.learning-hub .blk-body .section-course-bycate .list-posts .all-post .bg-all-post {
     display: block;
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     z-index: 1;
   }
   .page-content.learning-hub .blk-body .section-course-bycate .list-posts .all-post .contain-img-text {
     position: relative;
     z-index: 1;
     height: 100%;
     padding: 40% 32px 32px;
   }
   .page-content.learning-hub .blk-body .section-course-bycate .list-posts .all-post .contain-img-text .illus {
     max-width: 35%;
     position: relative;
     height: auto;
   }
   .page-content.learning-hub .blk-body .section-course-bycate .list-posts .all-post .container-all-post{
     position: relative;
     height: 100%;
     border-radius: 8px;
     overflow: hidden;
   }
   .page-content.learning-hub .blk-body .section-course-bycate .list-posts .all-post .contain-img-text p {
     font-size: 24px;
     color: #fff;
   }
   .page-content.learning-hub .blk-body .section-faq-learning {
     background: #E8EDFC;
     border-radius: 8px;
     padding: 40px 24px;
     margin-bottom: 40px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-course-bycate .list-posts .all-post .contain-img-text .illus{
       max-width: 50%;
     }
     .page-content.learning-hub .blk-body .section-faq-learning {
       padding: 40px 120px;
       margin-bottom: 80px;
     }
   }
   .page-content.learning-hub .blk-body .section-faq-learning h3 {
     color: #2C3F58;
     font-weight: 700;
     font-size: 32px;
     line-height: normal;
     letter-spacing: 0.02em;
     margin-bottom: 32px;
     text-align: center;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-faq-learning h3 {
       font-size: 40px;
       margin-bottom: 48px;
     }
   }
   .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item {
     border-bottom: 1px solid #72809D;
     padding-bottom: 16px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item {
       padding-bottom: 24px;
     }
   }
   .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item .header-title {
     -webkit-box-align: center;
         -ms-flex-align: center;
             align-items: center;
     -webkit-box-pack: justify;
         -ms-flex-pack: justify;
             justify-content: space-between;
     padding: 16px 0 0;
   }
   .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item .header-title img {
     width: 24px;
     height: 24px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item .header-title {
       padding: 24px 0 0;
     }
     .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item .header-title img {
       width: 32px;
       height: 32px;
     }
   }
   .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item .header-title h4 {
     font-weight: 700;
     font-size: 18px;
     line-height: normal;
     letter-spacing: 0.02em;
     color: #2C3F58;
     padding-right: 12px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item .header-title h4 {
       font-size: 24px;
       padding-right: 24px;
     }
   }
   .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item .body-expand {
     display: none;
     padding-top: 16px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item .body-expand {
       padding-top: 24px;
     }
   }
   .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item .body-expand p {
     font-weight: 400;
     font-size: 16px;
     line-height: normal;
     letter-spacing: 0.02em;
     color: #778699;
   }
   .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item .body-expand p + p {
     margin-top: 8px;
   }
   @media screen and (min-width: 1024px) {
     .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item .body-expand p {
       font-size: 20px;
     }
     .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item .body-expand p + p {
       margin-top: 16px;
     }
   }
   .page-content.learning-hub .blk-body .section-faq-learning .list-faq .item.is-expand .body-expand {
     display: block;
   }

   .pagination {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     padding: 32px 0;
   }

   .pagination .page-numbers {
     background-color: transparent;
     padding: 6px 12px;
     border-radius: 8px;
     margin: 0 2px;
     font-size: 18px;
     color: #3E5260;
     width: 43px;
     height: 43px;
     transition: all 0.15s;
     text-align: center;
   }

   .pagination .page-numbers.prev,
   .pagination .page-numbers.next {
     display: flex;
     align-items: center;
   }

   .pagination .page-numbers.prev:after {
     content: "";
     background: url(images/black_arrow_left.png) center center no-repeat;
     background-size: contain;
     width: 16px;
     height: 16px;
     display: block;
   }

   .pagination .page-numbers.next:after {
     content: "";
     background: url(images/black_arrow_left.png) center center no-repeat;
     background-size: contain;
     transform: rotate(180deg);
     width: 16px;
     height: 16px;
     display: block;
   }

   @media screen and (min-width: 1024px) {
     .pagination .page-numbers {
       font-size: 18px;
       padding: 8px 16px;
     }
   }

   .pagination .page-numbers:hover {
     background: #E6F0FF;
   }

   .pagination .page-numbers.current {
     color: #FFFFFF;
     background: #0068FF;
   }

   .pagination .page-numbers.dots {
     background-color: transparent !important;
   }



   .post-thumbnail {
     width: 100%;

     border-radius: 8px;
   }

   .post-thumbnail+.content-container {
     margin-top: 40px;
   }

   .post-thumbnail+article {
     margin-top: 40px;
   }

   .content-container #nav-single{
     border-top: 1px solid #D7E1EA;
     padding-top: 40px;
     justify-content: space-between;
   }

   .content-container #nav-single .nav-previous {
     border: 1px solid #000000;
     border-radius: 8px;
   }

   .content-container #nav-single .nav-next{
     background: #1744CF;
     border-radius: 8px;
     border: 1px solid #1744CF;
     color: #fff;
   }
   .content-container #nav-single .nav-next a{
     color: #fff;
   }

   .content-container .sharedaddy,
   .content-container #jp-relatedposts {
     display: none !important;
   }

   .content-container .post-content article {
     padding-bottom: 24px;
     /* border-bottom: 1px solid #000000;
     margin-bottom: 32px; */
   }

   .footer-contact-post {
     background: #FFFFFF;
     border: 1px solid #E2E5E9;
     box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.05);
     border-radius: 8px;
     padding: 20px;
     font-weight: 400;
     font-size: 16px;
     color: #000;
   }

   .footer-contact-post p+p {
     margin-top: 16px;
   }

   @media screen and (min-width: 1024px) {
     .post-thumbnail+.content-container {
       margin-top: 48px;
     }

     .post-thumbnail+article {
       margin-top: 48px;
     }
   }



   .content-container {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     flex-direction: column-reverse;
   }

   @media screen and (min-width: 1024px) {
     .content-container {
       flex-direction: row;
     }

     .content-container .blk-content-right {
       /*     width: 30%; */
       height: -webkit-fit-content;
       height: -moz-fit-content;
       height: fit-content;
       /* position: sticky; */
       top: 90px;
       right: 0;
       background: #fff;
       -webkit-transition: all 0.15s;
       -o-transition: all 0.15s;
       transition: all 0.15s;
     }

     .content-container .blk-content-right.add-padding-top {
       padding-top: 32px;
     }
   }

   .content-container .tab-list-choose {
     display: -webkit-box !important;
     display: -ms-flexbox !important;
     display: flex !important;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 120px;
   }

   .content-container .tab-list-choose ul {
     overflow-x: auto;
     padding-right: 30px;
     margin-right: -30px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
   }

   @media screen and (min-width: 1024px) {
     .content-container .tab-list-choose {
       margin-bottom: 0;
     }
     .content-container .tab-list-choose ul {
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       padding-right: 16px;
       margin-right: 0;
       /* height: 420px; */
     }
     .content-container .tab-list-choose ul::-webkit-scrollbar{
       background: transparent;
       width: 8px;
     }
     .content-container .tab-list-choose ul::-webkit-scrollbar-thumb{
       background: linear-gradient(180deg, #F4F8FD 24.48%, #DCE8F5 100%);
       border-radius: 10px;
     }
   }

   .content-container .tab-list-choose ul li {
     min-width: 220px;
     padding: 16px;
     border-radius: 8px;
     color: #0D2138;
     background-color: #F6F7F8;
   }

   .content-container .tab-list-choose ul li a {
     color: #5C727F;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
   }

   .content-container .tab-list-choose ul li+li {
     margin-left: 8px;
   }

   @media screen and (min-width: 1024px) {
     .content-container .tab-list-choose ul li {
       background-color: #fff;
     }
     .content-container .tab-list-choose ul li+li {
       margin-left: 0;
       margin-top: 8px;
     }
   }

   @media screen and (min-width: 1024px) {
     .content-container .tab-list-choose ul li:hover {
       background: #E6F0FF;
     }
   }

   .content-container .tab-list-choose ul li.active {
     background: #0068FF;
     color: #fff;
   }

   .content-container .tab-list-choose ul li.active a {
     color: #fff;
   }

   .content-container .tab-list-choose .popup-list {
     height: 80px;
     min-width: 50px;
     background: -webkit-gradient(linear, right top, left top, color-stop(70.31%, #FFFFFF), to(rgba(255, 255, 255, 0)));
     background: -o-linear-gradient(right, #FFFFFF 70.31%, rgba(255, 255, 255, 0) 100%);
     background: linear-gradient(270deg, #FFFFFF 70.31%, rgba(255, 255, 255, 0) 100%);
   }

   .content-container .tab-list-choose .popup-list .open-popup-list {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: end;
     height: 100%;
     width: 100%;
   }

   .content-container .tab-list-choose .popup-list .popup-choose-policy {
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     height: 100vh;
     width: 100%;
   }

   .content-container .tab-list-choose .popup-list .popup-choose-policy.show {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   .content-container .tab-list-choose .popup-list .popup-choose-policy ul {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
     z-index: 999;
     width: 80%;
     max-height: 70%;
     position: relative;
     margin: 0;
     border-radius: 8px;
     padding: 16px;
     background-color: #fff;
   }

   .content-container .tab-list-choose .popup-list .popup-choose-policy ul li+li {
     margin: 0;
     margin-top: 8px;
   }

   .content-container .tab-list-choose .popup-list .popup-choose-policy::before {
     content: "";
     background-color: #000;
     opacity: 0.5;
     position: absolute;
     top: 0;
     left: 0;
     height: 100vh;
     width: 100vw;
     z-index: 1;
   }

   .content-container .tab-list-choose .popup-list .popup-choose-policy .open-popup-list {
     padding-left: 30px;
   }

   .content-container .tab-list-choose .popup-list .popup-choose-policy .close {
     z-index: 2;
     position: relative;
     margin-bottom: 16px;
   }
   .content-container .tab-list-choose .popup-list .popup-choose-policy .close svg{
     display: block;
     float: right;
   }
   @media screen and (min-width: 1024px) {
     .post-read-more {
       background: #F6F7F8;
       padding: 80px 20px;
     }
   }

   .post-read-more .read-more-container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 0 20px;
   }

   .post-read-more .read-more-container .thumbnail_post{
     width: 100%;
     height: auto;
     position: relative;
     overflow: hidden;
     border-radius: 8px;
     padding-top: calc(100% * 205/363);
   }
   .post-read-more .read-more-container .thumbnail_post img{
     display: block;
     max-width: 100%;
     max-height: 100%;
     width: 100%;
     height: 100%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     object-fit: cover;
   }

   .post-content article.post figure {
     width: 100%;
   }

   .post-content article.post figure.is-resized {
     width: auto;
   }

   .post-content article.post figure img {
     display: block;
     /* width: 100%; */
     height: auto;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 0;
   }

   .post-content article.post figure figcaption {
     margin-top: 0;
     padding: 0.75rem;
     background-color: #f1f1f1;
   }

   .post-content article.post img {
     display: block;
     max-width: 100%;
     height: auto;
     margin-right: auto;
     margin-left: auto;
     margin-bottom: 2rem;
   }

   .post-content article.post video {
     display: block;
     max-width: 100%;
     height: auto;
     margin: 2rem auto 2rem;
   }

   .post-content article.post iframe {
     width: 100%;
     min-height: 300px;
     margin-bottom: 2rem;
   }

   @media only screen and (max-width: 769px) {
     .post-content article.post iframe {
       height: auto;
     }
   }

   .post-content article.post table {
     min-width: 100%;
     margin-bottom: 2rem;
     margin-top: 2rem;
   }

   .post-content article.post h1,
   .post-content article.post h2,
   .post-content article.post h3,
   .post-content article.post h4,
   .post-content article.post h5 {
     display: block;
     margin-top: 2rem;
     margin-bottom: 1.5rem;
     color: hsl(0deg, 0%, 8%);
     font-size: 1.75em;
     font-weight: bold;
   }

   .post-content article.post h3 {
     font-size: 1.5em;
   }

   .post-content article.post h4 {
     font-size: 1.25em;
   }

   .post-content article.post h5 {
     font-size: 18px;
   }

   .post-content article.post p.cpr {
     font-weight: bold;
   }

   .post-content article.post p.cont {
     color: #666;
     font-style: italic;
   }

   .post-content article.post i,
   .post-content article.post em {
     font-style: italic;
     margin-bottom: 16px;
     margin-top: 16px;
   }

   .post-content article.post blockquote {
     position: relative;
     background-color: #fafafa;
     padding: 15px 15px 15px 60px;
     color: #5b5b5b;
     margin-bottom: 2rem;
     margin-top: 2rem;
     line-height: 1.5;
     font-style: italic;
   }

   .post-content article.post blockquote p {
     margin-bottom: 0;
   }

   .post-content article.post blockquote:before {
     position: absolute;
     top: 10px;
     left: 15px;
     content: "";
     background: url(https://ads.zalo.me/html5blank-stable/images/quote.png) 0 0 no-repeat;
     background-size: 50px 25px;
     width: 25px;
     height: 25px;
   }

   .post-content article.post table {
     margin: 2rem 0 2rem;
     width: 100%;
   }

   .post-content article.post table tr:first-child td {
     color: hsl(0deg, 0%, 8%);
     font-weight: 700;
     text-align: center;
     border: 1px solid rgba(20, 20, 20, 0.05);
     background-color: rgba(20, 20, 20, 0.05);
   }

   .post-content article.post table th,
   .post-content article.post table td {
     padding: 10px;
     border: 1px solid rgba(20, 20, 20, 0.05);
     color: hsl(0deg, 0%, 8%);
   }

   .post-content article.post table th p,
   .post-content article.post table td p {
     margin-top: 0.5rem;
   }

   .post-content article.post p+p,
   .post-content article.post p+ul,
   .post-content article.post p+ol,
   .post-content article.post p+.wp-block-button,
   .post-content article.post p+.wp-block-gallery,
   .post-content article.post p+.wp-block-image,
   .post-content article.post p+figure,
   .post-content article.post p+iframe,
   .post-content article.post p+.wp-block-media-text {
     margin-top: 24px;
   }

   .post-content article.post ul {
     margin-bottom: 2rem;
   }

   .post-content article.post ul li {
     position: relative;
     margin-bottom: 6.6666666667px;
     padding-left: 36px;
     color: hsl(0deg, 0%, 8%);
     font-size: 1em;
     line-height: 1.65;
   }

   .post-content article.post ul li:before {
     position: absolute;
     top: 10px;
     left: 18px;
     content: "";
     background-color: hsl(0deg, 0%, 8%);
     width: 6px;
     height: 6px;
     border-radius: 100%;
   }

   .post-content article.post ul li:last-child {
     margin-bottom: 0;
   }

   .post-content article.post ol {
     margin-bottom: 2rem;
     padding-left: 27px;
   }

   .post-content article.post ol li {
     position: relative;
     margin-bottom: 6.6666666667px;
     color: hsl(0deg, 0%, 8%);
     font-size: 1em;
     line-height: 1.65;
   }

   .post-content article.post ol li:last-child {
     margin-bottom: 0;
   }

   .post-content article.post .wp-block-image img {
     /* cursor: -webkit-zoom-in;
     cursor: zoom-in; */
   }

   .post-content article.post .wp-block-media-text figure {
     margin-top: 0;
   }

   .post-content article.post .wp-block-gallery li {
     margin-bottom: 0;
     padding-left: 0;
   }

   .post-content article.post .wp-block-gallery li:before {
     display: none;
   }

   .post-content article.post .wp-block-gallery li figure {
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
     -ms-flex-direction: column;
     flex-direction: column;
   }

   .post-content article.post .wp-block-gallery li figure figcaption {
     color: hsl(0deg, 0%, 8%);
     margin-top: 0;
     padding: 0.5rem;
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#f1f1f1));
     background: -o-linear-gradient(rgba(255, 255, 255, 0), #f1f1f1);
     background: linear-gradient(rgba(255, 255, 255, 0), #f1f1f1);
     position: relative;
   }

   .post-content article.post .wp-block-gallery img {
     -o-object-fit: contain;
     object-fit: contain;
     margin-bottom: 1.5rem;
   }

   @media screen and (min-width: 1024px) {
     .post-content article.post .wp-block-gallery img {
       margin-bottom: 0.25rem;
     }
   }

   .post-content article.post .wp-block-button {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     font-size: 1rem;
     background: #3f444b;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding: 0;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     border-radius: 3px;
     margin-bottom: 2rem;
   }

   .post-content article.post .wp-block-button a {
     background: unset !important;
     color: #fff;
     font-weight: normal;
     padding: 0;
     padding: 10px 0.75rem;
     font-size: 1rem;
     text-align: left !important;
   }

   .post-content article.post .wp-block-button a strong {
     font-weight: unset;
   }

   .post-content article.post .wp-block-button a:hover {
     background: #3e434a;
   }

   .post-content article.post .wp-block-button a::before {
     content: "\ea8a";
     font-family: Nucleo;
     font-size: 1rem;
     color: #fff;
     padding-right: 12px;
     padding-top: 4px;
     padding-bottom: 4px;
     margin-right: 12px;
     border-right: 1px solid #686e76;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
   }

   @media screen and (min-width: 1024px) {
     .post-content article.post .wp-block-column {
       margin-left: 0 !important;
     }
   }

   .post-content article.post .has-2-columns .collumn-content-block {
     max-width: 100%;
   }

   .post-content article.post .collumn-content-block {
     background-color: #fff;
     width: 100%;
     padding: 12px 14px;
     border-left: 2px solid #0052cc;
     -webkit-box-shadow: 0 16px 32px rgba(67, 86, 100, 0.17);
     box-shadow: 0 16px 32px rgba(67, 86, 100, 0.17);
     border-radius: 0 5px 5px 0;
     max-width: 50%;
   }

   .post-content article.post .collumn-content-block p+p {
     margin-top: 5px;
   }

   .post-content article.post .collumn-content-block .title {
     font-size: 20px;
     margin: 0;
   }

   .post-content article.post .collumn-content-block .label {
     font-size: 0.75rem;
     text-transform: uppercase;
     font-weight: normal !important;
   }

   @media screen and (min-width: 1024px) {
     .post-content article.post .collumn-content-block {
       border: none;
       -webkit-box-shadow: none;
       box-shadow: none;
       padding: 0;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       max-width: 100%;
     }

     .post-content article.post .collumn-content-block p+p {
       margin-top: 1rem;
     }

     .post-content article.post .collumn-content-block .title {
       font-size: 2.25rem;
       color: #0052cc;
       text-align: center;
       line-height: 45px;
       width: 120px;
     }

     .post-content article.post .collumn-content-block .label {
       font-size: 0.875rem;
       font-weight: 700;
       text-align: center;
     }
   }

   .post-content article.post .collumn-content-block+p {
     margin-top: 1.5rem;
   }

   @media screen and (min-width: 1024px) {
     .post-content article.post .large-width-img {
       min-width: calc(100vw - 48px - 15px);
       margin-left: calc((620px - 100vw) / 2 + 10px);
     }
   }

   @media screen and (min-width: 1200px) {
     .post-content article.post .large-width-img {
       min-width: 1152px;
       margin-left: -285px;
     }
   }

   .post-content article.post hr,
   .post-content article.post .wp-block-separator {
     height: 1px;
     background-color: #e3e6ea;
   }

   @media screen and (max-width: 1023px) {
     .post-content article.post .wp-block-media-text {
       display: block;
     }

     .post-content article.post .wp-block-media-text .wp-block-media-text__content {
       padding: 0 !important;
     }
   }

   .post-content article.post .wp-block-media-text .wp-block-media-text__content {
     padding: 0;
     padding-left: 8%;
   }

   .post-content article.post .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
     padding: 0;
     padding-right: 8%;
   }

   .post-content article.post .banner-adchecker {
     position: relative;
     margin-top: 2rem;
     display: block;
   }

   .post-content article.post .banner-adchecker img {
     margin-bottom: 0;
   }

   .post-content article.post .banner-adchecker a {
     position: absolute;
     width: 100%;
     height: 100%;
   }

   .post-content p {
     color: #0D2138;
   }

   .post-read-more {
     padding: 40px 20px;
   }

   .post-content .title-policy {
     font-weight: 700;
     font-size: 24px;
     line-height: normal;
     color: #000;
     margin-bottom: 24px;
   }

   @media screen and (min-width: 1024px) {
     .post-content .title-policy {
       font-size: 40px;
       margin-bottom: 48px;
     }
   }

   .read-more-container h3 {
     font-weight: 700;
     font-size: 24px;
     margin-bottom: 24px;
     text-align: center;
   }

   .read-more-container ul {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   @media screen and (min-width: 1024px) {
     .read-more-container h3{
       text-align: left;
     }
     .read-more-container ul {
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
     }
   }

   .read-more-container ul .post {
     position: relative;
     width: 100%;
   }

   .read-more-container ul .post a.overlay {
     position: absolute;
     width: 100%;
     height: 100%;
   }

   .read-more-container ul li+li {
     margin-top: 48px;
   }

   .read-more-container ul .post img {
     border-radius: 8px;
   }

   .read-more-container ul .post h4 {
     margin: 16px 0;
     font-weight: 700;
     font-size: 20px;
     line-height: 25px;
     color: #000;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
   }

   .read-more-container ul .post p {
     font-weight: 400;
     font-size: 16px;
     line-height: normal;
     color: #0D2138;
     margin-bottom: 16px;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
   }

   .read-more-container ul .post p.time {
     color: #7A8490;
   }

   @media screen and (min-width: 1024px) {
     .read-more-container ul li {
       width: 30%;
       margin: 28px 0;
     }

     .read-more-container ul li+li {
       margin-top: 28px;
     }
   }

   @media screen and (min-width: 1024px) {
     .page-content.case-study .banner-container {
       padding-bottom: 150px;
     }

     .page-content.case-study .banner-container .noise-circle {
       bottom: -40%;
     }
   }

   .page-content.case-study .banner-container .text-contain p {
     margin-bottom: 40px;
   }

   .page-content.case-study .blk-body .case-study-list {
     margin-top: -96px;
   }

   .page-content.case-study .blk-body .case-study-list .item {
     position: relative;
     width: 100%;
     height: -webkit-fit-content;
     height: -moz-fit-content;
     height: fit-content;
     z-index: 1;
     margin-top: 16px;
     padding-top: 54.1379310345%;
     border-radius: 8px;
     overflow: hidden;
     display: block;
   }

   @media screen and (min-width: 1024px) {
     .page-content.case-study .blk-body .case-study-list .item:hover img{
       transform: scale(1.15);
     }
   }

   .page-content.case-study .blk-body .case-study-list .item.high-img {
     padding-top: 110.3448275862%;
   }

   .page-content.case-study .blk-body .case-study-list .item::after {
     content: "";
     border-radius: 8px;
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
     background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
   }

   .page-content.case-study .blk-body .case-study-list .item img {
     width: 100%;
     height: 100%;
     position: absolute;
     display: block;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     -o-object-fit: cover;
     object-fit: cover;
     transition: all 0.25s;
   }

   .page-content.case-study .blk-body .case-study-list .item h4 {
     font-weight: 800;
     font-size: 16px;
     color: #FFFFFF;
     position: absolute;
     left: 24px;
     bottom: 24px;
     width: 80%;
     overflow: hidden;
     -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
     z-index: 1;
   }

   @media screen and (min-width: 1024px) {
     .page-content.case-study .blk-body .case-study-list .item h4 {
       left: 34px;
       bottom: 34px;
       font-size: 24px;
     }
   }

   @media screen and (min-width: 1024px) {
     .page-content.case-study .blk-body .case-study-list {
       margin: -200px -10px -10px;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-pack: start;
       -ms-flex-pack: start;
       justify-content: flex-start;
       width: auto;
     }

     .page-content.case-study .blk-body .case-study-list .item {
       width: 48%;
       margin-top: 0;
       margin: 10px;
       padding-top: 25.9862068966%;
     }

     .page-content.case-study .blk-body .case-study-list .item.high-img {
       height: auto;
       padding-top: 25.9862068966%;
     }

     .page-content.case-study .blk-body .case-study-list .item-flex {
       width: 48%;
     }

     .page-content.case-study .blk-body .case-study-list .item-flex+.item-flex {
       margin-right: 20px;
     }

     .page-content.case-study .blk-body .case-study-list .item-flex .item {
       width: 100%;
       padding-top: 54.1379310345%;
     }

     .page-content.case-study .blk-body .case-study-list .item-flex .item+.item {
       margin-top: 12px;
     }
   }

   .page-content.page-partner .banner-header .banner-container .text-contain {
     padding-top: 0;
     min-height: unset;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .banner-header .banner-container {
       -webkit-box-pack: start;
       -ms-flex-pack: start;
       justify-content: start;
       -webkit-box-align: start;
       -ms-flex-align: start;
       align-items: flex-start;
     }

     .page-content.page-partner .banner-header .banner-container .text-contain {
       width: 800px;
     }

     .page-content.page-partner .banner-header .banner-container .illus {
       width: 360px;
     }

     .page-content.page-partner .banner-header .banner-container .illus.is-fixed {
       position: fixed;
       margin-top: -40px;
     }
   }

   .page-content.page-partner .blk-body .body-container {
     max-width: 800px;

   }

   .page-content.page-partner .blk-body .body-container .partner-benefit {
     padding: 60px 0 0;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container {
       padding-right: 20px;
     }
     .page-content.page-partner .blk-body .body-container .partner-benefit {
       padding: 60px 0 100px;
     }
   }

   .page-content.page-partner .blk-body .body-container .partner-benefit h2 {
     font-weight: 700;
     font-size: 24px;
     color: #0D2138;
     margin-bottom: 8px;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .partner-benefit h2 {
       margin-bottom: 72px;
       font-weight: 600;
       font-size: 36px;
     }
   }

   .page-content.page-partner .blk-body .body-container .partner-benefit .list-benefit {
     padding-bottom: 48px;
     margin-bottom: 48px;
     border-bottom: 1px solid #E2E5E9;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .partner-benefit .list-benefit {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -ms-flex-wrap: wrap;
       flex-wrap: wrap;
       -webkit-box-pack: justify;
       -ms-flex-pack: justify;
       justify-content: space-between;
       margin: 0 -16px;
       padding-bottom: 0;
       margin-bottom: 44px;
     }
   }

   .page-content.page-partner .blk-body .body-container .partner-benefit .list-benefit .item {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: flex-start;
     margin-top: 32px;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .partner-benefit .list-benefit .item {
       width: 50%;
       padding: 0 16px;
       margin-top: 0;
       margin-bottom: 44px;
     }
   }

   .page-content.page-partner .blk-body .body-container .partner-benefit .list-benefit .item svg {
     min-width: 48px;
     width: 48px;
     height: 48px;
     margin-right: 16px;
   }

   .page-content.page-partner .blk-body .body-container .partner-benefit .list-benefit .item p {
     font-weight: 400;
     font-size: 16px;
     color: #0D2138;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .partner-benefit .list-benefit .item p {
       font-size: 20px;
     }
   }

   .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join h3 {
     font-weight: 700;
     font-size: 20px;
     margin-bottom: 16px;
     color: #0D2138;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join h3 {
       font-size: 24px;
       margin-bottom: 24px;
     }
   }

   .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join p {
     font-weight: 400;
     font-size: 16px;
     color: #0D2138;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join p {
       font-size: 20px;
     }
   }

   .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join ul {
     padding-top: 16px;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join ul {
       padding-top: 24px;
     }
   }

   .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join ul li {
     margin-top: 16px;
     padding: 16px;
     padding-left: 20px;
     background: #F5F9FF;
     font-weight: 400;
     font-size: 16px;
     color: #0D2138;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     position: relative;
   }

   .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join ul li::before {
     content: "";
     background-color: #0068ff;
     height: 100%;
     width: 4px;
     display: block;
     position: absolute;
     left: 0;
   }


   .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join .item-training-partner {
     margin-top: 16px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }
   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join .item-training-partner{
       margin-top: 24px;
     }
   }

   .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join .item-training-partner img {
     width: 24px;
     height: 24px;
     -o-object-fit: cover;
     object-fit: cover;
     margin-right: 16px;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join .item-training-partner img {
       width: 32px;
       height: 32px;
     }
   }

   .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join .cta-join {
     margin-top: 48px;
   }
   .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join .cta-join.tablet-only{
     display: none;
   }
   @media screen and (min-width: 768px) and (max-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join .cta-join.mobile-only{
       display: none;
     }
     .page-content.page-partner .blk-body .body-container .partner-benefit .condition-join .cta-join.tablet-only{
       display: block;

     }
   }

   .page-content.page-partner .blk-body .body-container .list-current-train .item {
     padding: 24px;
     border: 1px solid #E2E5E9;
     border-radius: 8px;
     text-align: center;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .list-current-train .item {
       border: none;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       text-align: left;
     }
   }

   .page-content.page-partner .blk-body .body-container .list-current-train .item+.item {
     margin-top: 24px;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .list-current-train .item+.item {
       margin-top: 32px;
     }
   }

   .page-content.page-partner .blk-body .body-container .list-current-train .item img {
     width: 230px;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .list-current-train .item img {
       width: 280px;
     }
   }

   .page-content.page-partner .blk-body .body-container .list-current-train .item .text {
     color: #000038;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .list-current-train .item .text {
       padding-left: 24px;
     }
   }

   .page-content.page-partner .blk-body .body-container .list-current-train .item .text h4 {
     margin: 24px 0;
     font-weight: 700;
     font-size: 18px;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .list-current-train .item .text h4 {
       font-size: 24px;
       margin: 0;
       margin-bottom: 12px;
     }
   }

   .page-content.page-partner .blk-body .body-container .list-current-train .item .text p {
     font-weight: 400;
     font-size: 16px;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .list-current-train .item .text p {
       font-size: 20px;
     }
   }

   .page-content.page-partner .blk-body .body-container .list-icon-partner {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin: 0 -16px;
     position: relative;
   }

   .page-content.page-partner .blk-body .body-container .list-icon-partner .list-contain {
     /* max-height: 300px; */
     overflow: hidden;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
   }

   @media screen and (min-width: 1024px) {
     .page-content.pagef-partner .blk-body .body-container .list-icon-partner .list-contain {
       max-height: 350px;
     }
   }

   .page-content.page-partner .blk-body .body-container .list-icon-partner .list-contain.expand {
     max-height: 100%;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .list-icon-partner {
       margin: 0 -40px;
     }
   }
   .page-content.page-partner .blk-body .body-container .list-icon-partner img{
     display: block;
     width: 100%;
   }

   .page-content.page-partner .blk-body .body-container .list-icon-partner a {
     width: 50%;
     padding: 16px;
     transition: all 0.3s;
   }
   .page-content.page-partner .blk-body .body-container .list-icon-partner a:hover {
     box-shadow: 0px 8px 24px 0px #0000000d;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .list-icon-partner a {
       width: 33.33%;
       padding: 16px 40px;
     }
   }

   .page-content.page-partner .blk-body .body-container .list-icon-partner .btn-collapse {
     margin: 32px;
     width: 100%;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .list-icon-partner .btn-collapse {
       bottom: -96px;
       margin: 64px;
     }
   }

   .page-content.page-partner .blk-body .body-container .list-icon-partner .btn-collapse a {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     font-weight: 700;
     font-size: 18px;
     color: #0068FF;
     padding: 16px;
     margin: 0 auto;
     width: 100%;
   }

   .page-content.page-partner .blk-body .body-container .list-icon-partner .btn-collapse a:hover{
     box-shadow: none;
     color:#0D2138;
   }
   @media screen and (min-width: 1024px) {
     .page-content.page-partner .blk-body .body-container .list-icon-partner .btn-collapse a {
       padding: 16px 40px;
     }
   }

   .page-content.page-partner .blk-body .body-container .list-icon-partner .btn-collapse a img {
     height: 16px;
     width: 16px;
     max-width: 16px;
     max-height: 16px;
     padding: 0;
     margin-left: 8px;
     -o-object-fit: contain;
     object-fit: contain;
   }

   .page-content.page-partner .blk-body .body-container .list-icon-partner .btn-collapse a.close {
     display: none;
   }

   .page-content.page-partner .blk-body .body-container .list-icon-partner .btn-collapse a.close img {
     -webkit-transform: rotate(-180deg);
     -ms-transform: rotate(-180deg);
     transform: rotate(-180deg);
   }


   .page-content.page-partner .body-page-partner .illus.is-fixed {
     width: 360px;
     position: sticky;
     top: 120px;
     right: 0;
     float: right;
     z-index: 99;
     transition: all 0.15s;
   }
   @media screen and (max-width: 1200px) {
     .page-content.page-partner .body-page-partner .illus.is-fixed {
       right: 24px;
     }
   }
   @media screen and (min-width: 1024px) {
     .page-content.page-partner .body-page-partner .body-partner-container {
       max-width: 1200px;
       margin: 0 auto;
       position: relative;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: start;
       -ms-flex-align: start;
       align-items: start;
     }
     .page-content.page-partner .body-page-partner .illus img{
       /* border: 2px solid rgb(96, 197, 240); */
       box-shadow: rgb(205 251 246 / 30%) 0px 0px 19px inset;
       filter: drop-shadow(rgba(0, 0, 0, 0.3) 0px 8px 24px);
       border-radius: 8px;
     }
     .page-content.page-partner .body-page-partner .illus .btn-dangky{
       bottom: 45px;
       position: absolute;
       background: rgba(255, 255, 255, 0.2);
       border: 1px solid #FFFFFF;
       border-radius: 4px;
       padding: 15px 25px;
       color: #fff;
       font-weight: 700;
       font-size: 24px;
       line-height: 30px;
       letter-spacing: 0.02em;
       left: 50%;
       transform: translateX(-50%);
       width: 80%;
       text-align: center;
       transition:all 0.3s;
     }
     .page-content.page-partner .body-page-partner .illus .btn-dangky:hover{
       background-color: #fff;
       color: #0D2138;
     }
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-partner .body-page-partner .body-partner-container .banner-header {
       margin-left: calc(100vw - 1200px);
       margin-right: calc((100vw - 820px) * -1);
     }
   }

   @media screen and (min-width: 1200px) {
     .page-content.page-partner .body-page-partner .body-partner-container .banner-header {
       margin-left: calc((100vw - 1200px) * -1);
       margin-right: calc((100vw - 820px) * -1);
     }
   }

   .footer .img-logo {
     display: block;
     background: url(images/logo.1.0.2.png) 0 0 no-repeat;
     background-size: contain;
     height: 24px;
     width: 120px;
     text-indent: -9999px;
     outline: none;
     align-self: center;
     margin-bottom: 48px;
   }

   .footer li img.footer-cotact {
     margin: 8px 0;
   }

   .footer .mobile-only .columns.link-list {
     background: #F6F7F8;
     padding: 40px 20px 20px;
     border-bottom: none;
   }

   .footer .mobile-only .contact-blk-footer {
     padding: 48px 20px;
   }

   .footer .mobile-only .contact-blk-footer h3 {
     font-weight: 700;
     font-size: 20px;
     color: #0D2138;
   }

   .footer .mobile-only .contact-blk-footer a {
     color: #0068FF;
   }

   .footer .mobile-only .contact-blk-footer h3+p {
     margin-top: 16px;
     font-weight: 400;
     font-size: 16px;
     color: #0D2138;
   }

   .footer .mobile-only .contact-blk-footer svg {
     display: block;
     margin: 24px 0;
   }

   .footer .mobile-only .contact-blk-footer .addr-list li {
     display: flex;
     align-items: flex-start;
   }

   .footer .mobile-only .contact-blk-footer .addr-list li .lab {
     width: 40%;
   }

   .footer .mobile-only .contact-blk-footer .addr-list {
     margin-bottom: 32px;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-faq .list-faq {
       padding-top: 30px;
     }
     .page-content.page-faq .blk-body{
       padding-bottom: 0;
     }
   }
   .page-content.page-faq .item .body-expand ul{
     list-style: disc;
     padding-left: 18px;
   }
   .page-content.page-faq .item {
     padding-bottom: 32px;
     margin-bottom: 32px;
     border-bottom: 1px solid #E2E5E9;
     cursor: pointer;
   }

   .page-content.page-faq .item .head-title {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: start;
     -ms-flex-align: start;
     align-items: start;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-faq .item {
       padding-bottom: 40px;
       margin-bottom: 40px;
     }
     .page-content.page-faq .item .head-title {
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
     }
   }

   .page-content.page-faq .item .head-title h4 {
     font-weight: 700;
     font-size: 16px;
     color: #0D2138;
     padding-right: 24px;
     width: 100%;
   }

   @media screen and (min-width: 1024px) {
     .page-content.page-faq .item .head-title h4 {
       font-size: 20px;
       padding-right: 16px;
     }
   }

   .page-content.page-faq .item .head-title .icon-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
   }

   .page-content.page-faq .item .head-title .icon-group img {
     width: 24px;
     height: 24px;
     -o-object-fit: contain;
     object-fit: contain;
     display: block;
   }

   .page-content.page-faq .item .head-title .icon-group .arrow {
     margin-right: 16px;
     width: 24px;
     height: 24px;
     overflow: hidden;
     position: relative;
   }

   .page-content.page-faq .item .head-title .icon-group .arrow .normal {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
   }

   .page-content.page-faq .item .head-title .icon-group .arrow .hover {
     display: none;
     top: 1px;
     position: relative;
   }

   .page-content.page-faq .item .head-title .icon-group .copy {
     width: 24px;
     height: 24px;
     overflow: hidden;
   }

   .page-content.page-faq .item .head-title .icon-group .copy .hover {
     display: none;
   }

   .page-content.page-faq .item.is-expand .icon-group .arrow .normal {
     -webkit-transform: none;
     -ms-transform: none;
     transform: none;
   }

   .page-content.page-faq .item.is-expand .icon-group .arrow {
     padding-top: 1px;
   }

   .page-content.page-faq .item.is-expand .icon-group .arrow .hover {
     display: none;
   }

   .page-content.page-faq .item.is-expand .icon-group .copy .hover {
     display: none;
   }

   .page-content.page-faq .item.is-expand .body-expand {
     display: block;
     padding-top: 16px;
     cursor: default
   }

   .page-content.page-faq .item.is-expand .body-expand p+p {
     margin-top: 16px;
   }

   .page-content.page-faq .item.is-expand:hover .icon-group .arrow .normal {
     display: none;
   }

   .page-content.page-faq .item.is-expand:hover .icon-group .arrow .hover {
     -webkit-transform: rotate(180deg);
     -ms-transform: rotate(180deg);
     transform: rotate(180deg);
     display: block;
     margin-top: -1px;
   }

   .page-content.page-faq .item.is-expand:hover .icon-group .copy .normal {
     display: none;
   }

   .page-content.page-faq .item.is-expand:hover .icon-group .copy .hover {
     display: block;
   }

   .page-content.page-faq .item:hover .head-title h4 {
     color: #0068FF;
   }

   .page-content.page-faq .item:hover .icon-group .arrow .normal {
     display: none;
   }

   .page-content.page-faq .item:hover .icon-group .arrow .hover {
     display: block;
   }

   .page-content.page-faq .item:hover .icon-group .copy .normal {
     display: none;
   }

   .page-content.page-faq .item:hover .icon-group .copy .hover {
     display: block;
   }

   .page-content.page-faq .item .body-expand {
     display: none;
     color: #5C727F;
   }

   .page-content.page-faq .item .body-expand p {
     font-weight: 400;
     font-size: 16px;
     color: #5C727F;
   }

   .ask-us-for-more {
     margin: 0 -20px;
     background: #000028;
     position: relative;
     overflow: hidden;
   }
   .ask-us-for-more .ask-us-container {
     max-width: 1200px;
     margin: 0 auto;
     padding: 60px 20px;
     display: flex;
     text-align: center;
     flex-direction: column-reverse;
     position: relative;
   }
   .ask-us-for-more .ask-us-container .left h3{
     font-weight: 700;
     font-size: 18px;
     margin-bottom: 16px;
     color: #FFFFFF;
     letter-spacing: 0.02em;
   }
   .ask-us-for-more .ask-us-container .left .btn-primary {
     font-weight: 700;
     font-size: 18px;
     display: block;
     background: #0000FF;
     color: #FFFFFF;
     border-radius: 8px;
     padding: 14px 20px;
     width: fit-content;
     margin: 0 auto;
   }
   .ask-us-for-more .ask-us-container .right img {
     width: 160px
   }
   .ask-us-for-more .ask-us-container .noise {
     position: absolute;
     width: 620px;
     z-index: 1;
     right: -50%;
     bottom: -40%;
   }
   .ask-us-for-more .ask-us-container .left {
     z-index: 2;
   }
   .ask-us-for-more .ask-us-container .right {
     z-index: 2;
   }

   @media screen and (min-width: 1024px) {
     .ask-us-for-more .ask-us-container .noise {
       top: 190px;

       left: 50%;
       transform: translateX(-50%);
     }
     .ask-us-for-more .ask-us-container {
       padding: 60px 20px;
       flex-direction: row;
       align-items: center;
       text-align: left;
       justify-content: space-between;
     }
     .ask-us-for-more .ask-us-container .left h3 {
       font-size: 24px;
     }
     .ask-us-for-more .ask-us-container .left .btn-primary {
       margin: unset;
     }
     .ask-us-for-more .ask-us-container .right img {
       width: 320px
     }
   }

   @media screen  and (min-width: 1201px){
     .ask-us-for-more{
       margin: 0 calc((100vw - 1200px)*-1);
     }
   }

   .btn {
     padding: 8px 16px;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     border-radius: 8px;
     font-weight: 700;
     font-size: 16px;
     line-height: normal;
     display: block;
     white-space: nowrap;
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
   }

   .body-page-partner {
     position: relative;
   }

   #listDoiTac {
     position: absolute;
     z-index: 999;
     width: 100vw;
     height: 100vh;
     left: 50%;
     top: 0;
     -webkit-transform: translateX(-50%);
         -ms-transform: translateX(-50%);
             transform: translateX(-50%);
     display: none;
   }
   #listDoiTac.show {
     display: block;
   }
   #listDoiTac .close-bg {
     background-color: rgba(0, 0, 0, 0.6);
     width: 100vw;
     height: 100vh;
     position: absolute;
     top: 0;
     left: 0;
   }
   #listDoiTac .btn-close {
     position: absolute;
     right: 0;
     top: -40px;
   }
   #listDoiTac .btn-close svg {
     -webkit-transform: scale(1.5);
         -ms-transform: scale(1.5);
             transform: scale(1.5);
   }
   #listDoiTac .list-icon-partner {
     background: #fff;
     position: relative;
     z-index: 1;
     width: 90%;
     margin: 0 auto;
     margin-top: 80px;
     height: 80vh;
     border-radius: 16px;
     overflow-y: auto;
   }
   #listDoiTac .list-icon-partner::-webkit-scrollbar{
     background: #d9f4fa;
     width: 8px;
     border-radius: 16px;
   }
   #listDoiTac .list-icon-partner::-webkit-scrollbar-thumb{
     background: linear-gradient(180deg, #132A39 0%, #35729A 100%);
     border-radius: 10px;
   }
   #listDoiTac .content-contain{
     max-width: 1400px;
     margin: 0 auto;
     position: relative;
   }
   @media screen and (min-width: 1024px) {
     #listDoiTac .list-icon-partner {
       margin-top: 80px;
     }
   }
   #listDoiTac .list-icon-partner .list-contain {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
         flex-wrap: wrap;
     position: relative;
     padding: 40px;
     justify-content: space-evenly;
   }
   #listDoiTac .list-icon-partner a {
     width: 50%;
     padding: 16px;
     display: block;
     box-shadow: 0px 8px 24px rgb(0 0 0 / 5%);
     border-radius: 8px;
     background-color: #fff;
   }
   #listDoiTac .list-icon-partner a img{
     width: 100%;
   }
   #listDoiTac .list-icon-partner a h3{
     font-weight: 700;
     font-size: 16px;
     line-height: normal;
     color: #0D2138;
     text-align: center;
     letter-spacing: 0.02em;
     margin-top: 8px;
   }
   @media screen and (min-width: 1024px) {
     #listDoiTac .list-icon-partner a {
       padding: 16px 0 32px;
       margin: 16px 0;

       width: 30%;
     }
     #listDoiTac .list-icon-partner a h3{
       font-size: 18px;
     }
   }



   .btn.btn-primary {
     color: #000028;
   }
   .btn.btn-primary.green {
     background: #1FFF83;
   }
   .btn.btn-primary.green:hover {
     background: #fff;
   }
   @media screen and (min-width: 1201px){
     .btn {
       font-size: 18px;
       padding: 12px 20px;
     }
   }
   .group-header-right .btn{
     margin-right: 32px;
   }
   .group-header-right .is-login{
         display: flex;
       align-items: center;
   }
   .group-header-right .is-login .ava-info{
       position: relative;
   }
   .group-header-right .is-login .ava-info img{
           display: block;
       border-radius: 50px;
       width: 32px;
     object-fit: contain;
   }
   .group-header-right .is-login .btn-has-dropdown .blk-dropdown{
     display: none;
   }
   @media screen and (min-width: 1201px){
     .group-header-right .is-login .ava-info img{
       width: 48px;

     }
   }
   @media screen and (min-width: 1024px){
     .group-header-right .is-login .ava-info{
       padding-right: 24px;
         margin-right: 8px;
     }
     .group-header-right .is-login .ava-info img{
       width: 32px;

     }

     .group-header-right .is-login .btn-has-dropdown .blk-dropdown.show{
       display: block;
     }
     .group-header-right .is-login .ava-info::after{
         content: '';
       width: 1px;
       background: #fff;
       height: 40px;
       display: block;
       right: 0;
       top: -4px;
       position: absolute;
     }
   }

   /* @media screen and (min-width: 1201px) {
     .group-header-right .is-login .ava-info::after{
       top: 4px;
     }
   } */

   .header-container .group-header-right .is-login .btn-has-dropdown .btn svg{
     position: relative;
     top: 2px;
     margin-left: 8px;
     transition: all 0.15s;
     pointer-events: none;
   }
   .header-container .group-header-right .is-login .btn-has-dropdown .btn.show svg{
     transform: rotate(-180deg);
   }
   .header-container .group-header-right .is-login .btn-has-dropdown{
     position: relative
   }
   .header-container .group-header-right .is-login .btn-has-dropdown .blk-dropdown{
     position: absolute;
       border: 1px solid #3E5260;
   box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
   border-radius: 8px;
     background: #000028;
     top: 64px;
     left: 0;
     padding: 10px 0;
   }
   .header-container .group-header-right .is-login .btn-has-dropdown .blk-dropdown .item a{
     padding: 10px 20px;
       font-weight: 600;
   font-size: 20px;
   line-height: 32px;
     letter-spacing: 0.02em;
     color: #FFFFFF;
     display: block;
   }
   .header-container .group-header-right .is-login .btn-has-dropdown .blk-dropdown .item a:hover{
     color: #03DBFF;
   }
   .slidebar-container .btn-mb {
         padding: 20px;
       display: block;
       font-weight: 700;
       font-size: 20px;
       line-height: normal;
       color: #CCE1FF;
       margin-top: 32px;
   }
   .slidebar-container .btn {
     padding: 12px 20px;
     width: -webkit-fit-content;
     width: -moz-fit-content;
     width: fit-content;
     border-radius: 8px;
     font-weight: 700;
     font-size: 18px;
     line-height: 24px;
     display: block;
     white-space: nowrap;
     -webkit-transition: all 0.15s;
     -o-transition: all 0.15s;
     transition: all 0.15s;
        margin: 0 16px 16px;
       width: calc(100% - 32px);
       text-align: center;
   }
   .slidebar-container .btn svg{
       position: relative;
     top: 3px;
     margin-right: 8px;
     transition: all 0.15s;
   }
   .slidebar-container .btn.show svg{
     transform: rotate(-180deg);
   }
   .slidebar-container .btn.btn-primary {
     color: #000028;
   }
   .slidebar-container .btn.btn-primary.green {
     background: #1FFF83;
   }
   .slidebar-container .btn-has-dropdown .blk-dropdown{
     display: none;
     border: 1px solid #3E5260;
     padding: 10px 20px 0 20px;
     margin-left: 10px;
     margin-right: 20px;
     border-radius: 8px;
   }
   .slidebar-container .btn-has-dropdown .blk-dropdown.show{
     display: block;
   }
   .slidebar-container .btn-has-dropdown .blk-dropdown .item{
           display: block;
       padding-bottom: 16px;
   }
   .slidebar-container .btn-has-dropdown .blk-dropdown .item a{
           display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-align: center;
       -ms-flex-align: center;
       align-items: center;
       color: #fff;
       font-size: 18px;
       font-weight: 700;
       -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2) !important;
       position: relative;
   }

   .category_course .btn-has-icon{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     padding-left: 0;
   }
   .category_course .btn-has-icon p{
     font-size: 20px !important;
     letter-spacing: 0.02em;
     color: #1744CF !important;
     margin-bottom: 0 !important;
   }
   .category_course .btn-has-icon svg{
     margin-left: 8px;
     position: relative;
     top: 2px;
   }
   .category_course .cate h3{
     font-weight: 700;
     font-size: 24px;
     line-height: normal;
     letter-spacing: 0.02em;
     margin-bottom: 32px;
     color: #2C3F58;
   }
   .learninghub-intro-single{
     background-color:  #020125;
   }
   @media screen and (min-width: 1024px) {
     .category_course .cate h3{
       font-weight: 700;
       font-size: 32px;
       letter-spacing: 0.02em;
       margin-bottom: 40px;
     }
     .banner-header .banner-container{
       min-height: 420px;
     }
     .banner-header .banner-container .noise-circle-1{
       top: -80%;
     }
     .learning-hub-tat-ca-khoa-hoc .banner-header img.illus{
       width: 340px;
     }
     .learninghub-intro-single{
       background-color:  #020125;
       margin-top: 109px;
     }
   }

   .learninghub-intro-single .another-courses{
     background-color: #fff;
   }
   .learninghub-intro-single .learninghub-container{
     max-width: 1200px;
     margin: 0 auto;
     position: relative;
     padding: 0 20px;
   }
   .learninghub-intro-single .learninghub-container .content_post{
     max-width: 780px;
     margin: 0 auto;
     position: relative;
     color: #FFFFFF;
   }
   .learninghub-intro-single .learninghub-container .content_post .post-thumbnail{
     border-radius: 8px;
     margin-bottom: 32px;
   }
   .learninghub-intro-single .learninghub-container .content_post h4.title{
     font-weight: 700;
     font-size: 24px;
     line-height: 30px;
     letter-spacing: 0.02em;
     margin-bottom: 16px;
     color: #fff;
   }

   .learninghub-intro-single .learninghub-container .content_post p{
     font-weight: 500;
     font-size: 18px;
     line-height: normal;
     letter-spacing: 0.02em;
     margin-bottom: 32px;
   }

   .learninghub-intro-single .learninghub-container .content_post .cta-learning{
     display: block;
     width: 100%;
     background: #1744CF;
     border-radius: 8px;
     padding: 24px;
     font-weight: 700;
     font-size: 24px;
     line-height: 30px;
     letter-spacing: 0.02em;
     text-align: center;
     color: #FFFFFF;
   }

   .learninghub-intro-single .another-courses .read-more-container{
     max-width: 1200px;
     margin: 0 auto;
     padding: 20px;
   }

   .learninghub-intro-single .list-posts{
     padding: 32px 0;
   }

   .learninghub-intro-single .list-posts .item{
     display: flex;
     background: #080730;
     border: 1px solid #111C3E;
     border-radius: 8px;
     padding: 8px 24px;
     align-items: center;
     margin-bottom: 16px;
   }
   .learninghub-intro-single .list-posts .item:hover{
     color: #0068FF;
   }
   .learninghub-intro-single .list-posts .item p{
     margin-bottom: 0;
     font-weight: 700;
     font-size: 24px;
     line-height: 30px;
     letter-spacing: 0.02em;
     background: #081745;
     border-radius: 16px;
     padding: 16px;
     display: flex;
     margin-right: 20px;
     width: 56px;
     height: 56px;
     align-items: center;
     justify-content: center;
     color: #fff;
   }
   .learninghub-intro-single .list-posts .item h4{
     font-weight: 400;
     font-size: 20px;
     line-height: 25px;
     letter-spacing: 0.02em;
     color: #fff;
   }
   .post-views-count{
     display: none;
   }

   .slidebar_show{
    margin-left: -320px;
    display: block;
    transition-duration: 0ms;
    transform: translate(320px, 0px);
   }

   .parallax_wrapper {
    animation: parallax 3s infinite alternate ease-in-out;
   }
   @keyframes parallax {
    0% {
      transform: translateY(-5px);
    }

    100% {
      transform: translateY(60px);
    }
  }

  .ad-zone{
    height: 10px;
    position: absolute;
  }

  .new-domain .hide-in-new-domain{
    display: none !important;
  }

  .new-domain .bottom-footer{
    margin-top: 120px !important;
  }