a,
  abbr,
  acronym,
  address,
  applet,
  article,
  aside,
  audio,
  b,
  big,
  blockquote,
  body,
  canvas,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  div,
  dl,
  dt,
  em,
  embed,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  mark,
  menu,
  nav,
  object,
  ol,
  output,
  p,
  pre,
  q,
  ruby,
  s,
  samp,
  section,
  small,
  span,
  strike,
  strong,
  sub,
  summary,
  sup,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  time,
  tr,
  tt,
  u,
  ul,
  var,
  video {
   margin: 0;
   padding: 0;
   border: 0;
   font-size: 100%;
   font: inherit;
   vertical-align: baseline
  }

  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section {
   display: block
  }

  body {
   line-height: 1
  }

  ol,
  ul {
   list-style: none
  }

  blockquote,
  q {
   quotes: none
  }

  blockquote:after,
  blockquote:before,
  q:after,
  q:before {
   content: "";
   content: none
  }

  table {
   border-collapse: collapse;
   border-spacing: 0
  }

  *,
  ::after,
  ::before {
   box-sizing: inherit
  }

  html {
   height: 100%
  }

  body,
  html {
   background-color: #fff
  }

  body {
   min-height: 100vh;
   display: flex;
   flex-direction: column;
   align-items: stretch;
   font-family: "Urbanist", sans-serif;
   color: #172b4d;
   font-size: 16px;
   line-height: 1.5
  }

  hr {
   border: 1px solid currentColor
  }

  .bg-clear-green {
   background-color: #e8fff3
  }

  .bg-heaven-green {
   background-color: #b6ffd9
  }

  .bg-white {
   background-color: #fff
  }

  .is-sr-only {
   border: 0 !important;
   clip: rect(1px, 1px, 1px, 1px) !important;
   -webkit-clip-path: inset(50%) !important;
   clip-path: inset(50%) !important;
   height: 1px !important;
   margin: -1px !important;
   overflow: hidden !important;
   padding: 0 !important;
   position: absolute !important;
   width: 1px !important;
   white-space: nowrap !important
  }

  a.skip-link {
   left: -999px;
   position: absolute;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden;
   z-index: -999;
   background-color: #172b4d;
   color: #fff
  }



  a.skip-link:active,
  a.skip-link:focus {
   left: 0;
   top: 0;
   width: auto;
   height: auto;
   overflow: auto;
   margin: 10px;
   z-index: 999;
   color: #fff
  }

  .title {
   color: inherit;
   font-family: "Urbanist", sans-serif;
   font-weight: 700
  }

  .title:not(:last-child) {
   margin-bottom: 24px
  }

  .title.is-centered {
   text-align: center
  }

  .title.is-1 {
   font-size: 40px;
   line-height: 48px
  }

  @media screen and (min-width:744px) {
   .title.is-1 {
    font-size: 64px;
    line-height: 72px
   }
  }

  .title.is-2 {
   font-size: 32px;
   line-height: 40px
  }

  @media screen and (min-width:744px) {
   .title.is-2 {
    font-size: 40px;
    line-height: 48px
   }
  }

  .title.is-3 {
   font-size: 24px;
   line-height: 32px
  }

  @media screen and (min-width:744px) {
   .title.is-3 {
    font-size: 32px;
    line-height: 40px
   }
  }

  .title.is-4 {
   font-size: 16px;
   line-height: 24px
  }

  @media screen and (min-width:744px) {
   .title.is-4 {
    font-size: 24px;
    line-height: 32px
   }
  }

  .title.is-5 {
   font-size: 16px;
   line-height: 24px
  }

  .intro {
   font-family: "Urbanist", sans-serif;
   font-weight: 700;
   font-size: 20px;
   line-height: 30px
  }

  @media screen and (min-width:744px) {
   .intro {
    font-size: 24px;
    line-height: 32px
   }
  }

  a.button {
   text-decoration: none
  }

  .button {
   cursor: pointer;
   -webkit-appearance: none;
   position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 0;
   border-radius: 25px;
   border: 0;
   font-family: "Urbanist", sans-serif;
   font-weight: 700;
   text-align: center;
   font-size: 16px;
   line-height: 24px;
   padding: 10px 16px;
   color: #000;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .06), 0 1px 3px 0 rgba(0, 0, 0, .1);
   transition-duration: .15s;
   transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
   transition-timing-function: cubic-bezier(.4, 0, .2, 1)
  }

  @media screen and (min-width:744px) {
   .button {
    font-size: 18px;
    line-height: 28px;
    padding: 6px 30px;
   }
  }

  .button:not(.is-brand) {
   color: #fff;
   background-color: #0D2087;
  }

  .button:not(.is-brand):hover:not([disabled]) {
   background: #0B1A6E;
  }

  .button:not(.is-brand):active:not([disabled]) {
   background: #30b1ff
  }

  .button:not(.is-brand):focus-visible:not([disabled]) {
   outline-color: #0D2087
  }

  .button.is-brand {
   color: #fff;
   background-color: #02C05C;
  }

  .button.is-brand:hover:not([disabled]) {
   background-color: #007C3B;
  }

  .button.is-brand:active:not([disabled]) {
   background-image: linear-gradient(to right, #007c3b, rgba(0, 124, 59, 1))
  }

  .button.is-brand:focus-visible:not([disabled]) {
   outline-color: #172b4d
  }

  .button[disabled] {
   cursor: not-allowed;
   opacity: .5
  }

  .buttons {
   display: flex;
   flex-wrap: wrap;
   gap: 22px;
   margin-top: 22px
  }

  .buttons.is-center {
   justify-content: center
  }

  a {
   color: #0D2087;
   transition: color .3s ease
  }

  a:active,
  a:focus,
  a:hover {
   color: #1633d2
  }

  blockquote {
   margin-top: 12px;
   margin-bottom: 24px;
   background-color: #e8fff3;
   border-left: 4px solid #000;
   padding: 10px 20px
  }

  blockquote code {
   padding: 3px;
   background-color: #fff
  }

  .content:not(:last-child) {
    margin-bottom: 24px;
  }

  .content ul {
   list-style-type: disc
  }

  .content ol {
   list-style-type: decimal
  }

  .content ol,
  .content ul {
   margin-top: 16px;
   margin-bottom: 16px;
   padding-left: 18px
  }

  .content ol li,
  .content ul li {
   margin-top: 8px;
   margin-bottom: 8px
  }

  .content .picture:not(:last-child),
  .content p:not(:last-child) {
   margin-bottom: 24px
  }

  .picture {
   display: block
  }

  .picture img {
   display: block
  }

  .box {
   border-radius: 8px;
   padding: 16px
  }

  @media screen and (min-width:1216px) {
   .box {
    padding: 40px
   }
  }

  .box.has-shadow {
   box-shadow: transparent 0 0 0 0, transparent 0 0 0 0, rgba(0, 0, 0, .1) 0 8px 24px 0
  }

  .box:not(:last-child) {
   margin-bottom: 16px
  }

  .alert {
   border-radius: 4px;
   color: #a94442;
   background-color: #f2dede
  }

  .alert p {
   padding: 10px
  }

  .alert[aria-hidden=true] {
   display: none
  }
.column.is-6 {
    margin-top: 24px;
    margin-bottom: 24px;
}
  .formfield.formfield--checkbox {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   position: relative;
   line-height: 1
  }

  .formfield.formfield--checkbox.formfield--checkbox--inline {
   display: inline-flex;
   margin-right: 12px
  }

  .formfield.formfield--checkbox label {
   cursor: pointer;
   display: flex;
   align-items: center;
   color: #172b4d;
   transition: color .15s ease
  }

  .formfield.formfield--checkbox label::before {
   content: "";
   display: block;
   flex-shrink: 0;
   height: 20px;
   width: 20px;
   margin-right: 12px;
   border-width: 2px;
   border-style: solid;
   border-color: #ececec;
   background-color: #fff;
   box-shadow: inset 0 0 0 2px #fff;
   transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease
  }

  .formfield.formfield--checkbox input:not(:disabled):hover~label {
   color: #0D2087
  }

  .formfield.formfield--checkbox input:not(:disabled):not(:checked):hover~label::before {
   border-color: #ccc;
   background-color: #fff;
   box-shadow: inset 0 0 0 2px #fff
  }

  .formfield.formfield--checkbox input:not(:disabled):not(:checked):focus~label::before {
   box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #172b4d
  }

  .formfield.formfield--checkbox input:not(:disabled):checked~label::before {
   border-color: #000;
   background-color: #000;
   box-shadow: inset 0 0 0 2px #fff
  }

  .formfield.formfield--checkbox input:not(:disabled):checked:focus~label::before {
   box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #172b4d
  }

  .formfield.formfield--checkbox input:disabled~label {
   cursor: not-allowed;
   color: grey
  }

  .formfield.formfield--checkbox input:disabled:not(:checked)~label::before {
   border-color: grey;
   background-color: #fff;
   box-shadow: inset 0 0 0 2px #fff
  }

  .formfield.formfield--checkbox input:disabled:checked~label::before {
   border-color: grey;
   background-color: grey;
   box-shadow: inset 0 0 0 2px #fff
  }

  .formfield,
  .formfield.formfield--select,
  .formfield.formfield--textarea {
   position: relative;
   top: 0;
   left: 0;
   margin-top: 24px;
   margin-bottom: 24px
  }

  .formfield__label,
  legend.formfield__label {
   display: block;
   font-family: "Urbanist", sans-serif;
   font-size: 16px;
   line-height: 24px;
   font-weight: 700
  }

  .formfield:not(.formfield--floating-label) .formfield__label,
  legend.formfield__label {
   margin-bottom: 10px
  }

  .column>.formfield {
   margin-top: 0;
   margin-bottom: 0
  }

  .formfield.formfield--input .formfield__input,
  .formfield.formfield--select .formfield__input,
  .formfield.formfield--textarea .formfield__input {
   box-sizing: border-box;
   width: 100%;
   border-radius: 30px;
   padding: 16px 16px;
   caret-color: #000;
   font-family: inherit;
   font-size: 16px;
   line-height: 1;
   color: #000;
   border-width: 1px 1px 1px 1px;
   border-style: solid;
   border-color: #000;
   background-color: #fff;
   transition: border-color .3s ease, background-color .3s ease
  }

  .formfield.formfield--input .formfield__input::-moz-placeholder,
  .formfield.formfield--select .formfield__input::-moz-placeholder,
  .formfield.formfield--textarea .formfield__input::-moz-placeholder {
   color: #9ca3af
  }

  .formfield.formfield--input .formfield__input::-webkit-input-placeholder,
  .formfield.formfield--select .formfield__input::-webkit-input-placeholder,
  .formfield.formfield--textarea .formfield__input::-webkit-input-placeholder {
   color: #9ca3af
  }

  .formfield.formfield--input .formfield__input:-moz-placeholder,
  .formfield.formfield--select .formfield__input:-moz-placeholder,
  .formfield.formfield--textarea .formfield__input:-moz-placeholder {
   color: #9ca3af
  }

  .formfield.formfield--input .formfield__input:-ms-input-placeholder,
  .formfield.formfield--select .formfield__input:-ms-input-placeholder,
  .formfield.formfield--textarea .formfield__input:-ms-input-placeholder {
   color: #9ca3af
  }

  .formfield.formfield--input .formfield__input:disabled,
  .formfield.formfield--select .formfield__input:disabled,
  .formfield.formfield--textarea .formfield__input:disabled {
   cursor: not-allowed
  }

  .formfield.formfield--input .formfield__input:focus,
  .formfield.formfield--select .formfield__input:focus,
  .formfield.formfield--textarea .formfield__input:focus {
   outline: 0
  }

  .formfield.formfield--input .formfield__input:not(:disabled)[readonly]:focus,
  .formfield.formfield--select .formfield__input:not(:disabled)[readonly]:focus,
  .formfield.formfield--textarea .formfield__input:not(:disabled)[readonly]:focus {
   border-color: #0D2087;
   background-color: #fff;
   outline: 2px solid #0D2087;
   outline-offset: -2px
  }

  .formfield.formfield--input .formfield__input:not(:disabled):not([readonly]):hover,
  .formfield.formfield--select .formfield__input:not(:disabled):not([readonly]):hover,
  .formfield.formfield--textarea .formfield__input:not(:disabled):not([readonly]):hover {
   border-color: #0D2087;
   background-color: #fff;
   outline: 2px solid #0D2087;
   outline-offset: -2px;
  }

  .formfield.formfield--input .formfield__input:not(:disabled):not([readonly]):focus,
  .formfield.formfield--select .formfield__input:not(:disabled):not([readonly]):focus,
  .formfield.formfield--textarea .formfield__input:not(:disabled):not([readonly]):focus {
   border-color: #0D2087;
   background-color: #fff;
   outline: 2px solid #0D2087;
   outline-offset: -2px
  }

  .formfield.formfield--input.formfield--valid .formfield__input:not(:disabled):not([readonly]),
  .formfield.formfield--valid.formfield--select .formfield__input:not(:disabled):not([readonly]),
  .formfield.formfield--valid.formfield--textarea .formfield__input:not(:disabled):not([readonly]) {
   border-color: #02C05C
  }

  .formfield.formfield--error.formfield--select .formfield__input:not(:disabled):not([readonly]),
  .formfield.formfield--error.formfield--textarea .formfield__input:not(:disabled):not([readonly]),
  .formfield.formfield--input.formfield--error .formfield__input:not(:disabled):not([readonly]) {
   border-color: #a94442
  }

  .formfield__message {
   margin-bottom: 12px;
   color: #5d5d5d
  }

  .column .formfield__message {
   margin-bottom: 0
  }

  .formfield__optional {
   font-family: "Urbanist", sans-serif;
   font-weight: 400;
   color: grey
  }

  .formfield.formfield--radio {
   display: flex;
   justify-content: flex-start;
   align-items: center;
   position: relative;
   line-height: 1
  }

  .formfield.formfield--radio.formfield--radio--inline {
   display: inline-flex;
   margin-right: 12px
  }

  .formfield.formfield--radio label {
   cursor: pointer;
   display: flex;
   align-items: center;
   color: #172b4d;
   transition: color .15s ease
  }

  .formfield.formfield--radio label::before {
   content: "";
   display: block;
   flex-shrink: 0;
   height: 20px;
   width: 20px;
   border-radius: 20px;
   margin-right: 12px;
   border-width: 2px;
   border-style: solid;
   border-color: #ececec;
   background-color: #fff;
   box-shadow: inset 0 0 0 2px #fff;
   transition: background-color .15s ease, border-color .15s ease, box-shadow .15s ease
  }

  .formfield.formfield--radio input:not(:disabled):hover~label {
   color: #89d3ff
  }

  .formfield.formfield--radio input:not(:disabled):not(:checked):hover~label::before {
   border-color: #ccc;
   background-color: #fff;
   box-shadow: inset 0 0 0 2px #fff
  }

  .formfield.formfield--radio input:not(:disabled):not(:checked):focus~label::before {
   box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #172b4d
  }

  .formfield.formfield--radio input:not(:disabled):checked~label::before {
   border-color: #000;
   background-color: #000;
   box-shadow: inset 0 0 0 2px #fff
  }

  .formfield.formfield--radio input:not(:disabled):checked:focus~label::before {
   box-shadow: inset 0 0 0 2px #fff, 0 0 0 2px #172b4d
  }

  .formfield.formfield--radio input:disabled~label {
   cursor: not-allowed;
   color: grey
  }

  .formfield.formfield--radio input:disabled:not(:checked)~label::before {
   border-color: grey;
   background-color: #fff;
   box-shadow: inset 0 0 0 2px #fff
  }

  .formfield.formfield--radio input:disabled:checked~label::before {
   border-color: grey;
   background-color: grey;
   box-shadow: inset 0 0 0 2px #fff
  }

  .formfield.formfield--select .formfield__input:not(:disabled):not([readonly])[multiple]:focus {
   background-color: #fff
  }

  .formfield.formfield--select select {
   cursor: pointer;
   -moz-appearance: none;
   -webkit-appearance: none
  }

  .formfield.formfield--select select::-ms-expand {
   display: none
  }

  .formfield.formfield--textarea .formfield__input {
   display: block;
   resize: vertical
  }

  .header {
   position: relative;
   min-height: 248px;
   padding-top: 50px;
   padding-bottom: 50px;
   display: flex;
   align-items: center;
   justify-content: stretch;
   color: #fff
  }

  @media screen and (min-width:744px) {
   .header {
    min-height: 400px;
    padding-top: 24px;
    padding-bottom: 24px
   }
  }

  .header .picture {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0
  }

  .header .picture img {
   display: block;
   height: 100%;
   width: 100%;
   -o-object-fit: cover;
   object-fit: cover
  }

  .header .picture::after {
   content: "";
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   /*background:linear-gradient(180deg,rgba(23,43,77,0) -5.54%,rgba(23,43,77,.88) 57.84%)*/
  }

  .header>.container {
   position: relative;
   z-index: 1
  }

  .main {
   flex-grow: 1;
   display: block
  }

  .main.has-spacing-top {
   margin-top: 40px
  }

  :root {
   --column-gap: 8px
  }

  @media screen and (min-width:744px) {
   :root {
    --column-gap: 16px
   }
  }

  @media screen and (min-width:1216px) {
   :root {
    --column-gap: 32px
   }
  }

  .columns {
   display: flex;
   flex-wrap: wrap;
   gap: var(--column-gap);
   width: 100%;
   align-content: flex-start;
   --column-width: calc((100% - ((var(--columns, 12) - 1) * var(--column-gap))) / var(--columns, 12))
  }

  .columns:not(:last-child) {
   -webkit-margin-after: var(--column-gap);
   margin-block-end: var(--column-gap)
  }

  .columns.is-centered {
   justify-content: center
  }

  .columns>.column {
   --column-span: 12;
   --column-offset: 0;
   width: calc(var(--column-span) * var(--column-width) + (var(--column-span) - 1) * var(--column-gap));
   max-width: 100%;
   -webkit-margin-start: calc(var(--column-offset, 0) * (var(--column-width) + var(--column-gap)));
   margin-inline-start: calc(var(--column-offset, 0) * (var(--column-width) + var(--column-gap)))
  }

  @media screen and (min-width:744px) {
   .columns>.column {
    --column-span: 1;
    --column-offset: 0
   }
  }

  @media screen and (min-width:744px) {
   .columns>.column.is-2 {
    --column-span: 2
   }

   .columns>.column.is-offset-2 {
    --column-offset: 2
   }

   .columns>.column.is-3 {
    --column-span: 3
   }

   .columns>.column.is-offset-3 {
    --column-offset: 3
   }

   .columns>.column.is-4 {
    --column-span: 4
   }

   .columns>.column.is-offset-4 {
    --column-offset: 4
   }

   .columns>.column.is-5 {
    --column-span: 5
   }

   .columns>.column.is-offset-5 {
    --column-offset: 5
   }

   .columns>.column.is-6 {
    --column-span: 6
   }

   .columns>.column.is-offset-6 {
    --column-offset: 6
   }

   .columns>.column.is-7 {
    --column-span: 7
   }

   .columns>.column.is-offset-7 {
    --column-offset: 7
   }

   .columns>.column.is-8 {
    --column-span: 8
   }

   .columns>.column.is-offset-8 {
    --column-offset: 8
   }

   .columns>.column.is-9 {
    --column-span: 9
   }

   .columns>.column.is-offset-9 {
    --column-offset: 9
   }

   .columns>.column.is-10 {
    --column-span: 10
   }

   .columns>.column.is-offset-10 {
    --column-offset: 10
   }

   .columns>.column.is-11 {
    --column-span: 11
   }

   .columns>.column.is-offset-11 {
    --column-offset: 11
   }

   .columns>.column.is-12 {
    --column-span: 12
   }

   .columns>.column.is-offset-12 {
    --column-offset: 12
   }
  }

  .container {
   width: calc(100% - 32px);
   max-width: 100%;
   margin: 0 auto;
   padding-left: 16px;
   padding-right: 16px
  }

  @media screen and (min-width:744px) {
   .container {
    max-width: 1280px
   }
  }

  .container.has-spacing {
   padding-top: 40px;
   padding-bottom: 40px
  }

  .footer {
   background: url('data:image/svg+xml,<svg viewBox="0 0 1440 468" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1095.6 0C1335.98 0 1425.36 23.9339 1440 35.9008V724H0V43.8788C22.1283 55.8457 183.681 79.7796 340.409 79.7796C614.433 79.7796 795.12 0 1095.6 0Z" fill="black"/></svg>') no-repeat;
   background-size: cover;
   /*box-shadow:transparent 0 0 0 0,transparent 0 0 0 0,rgba(0,0,0,.1) 0 8px 24px 0;
    margin-top:40px;
    border-top-left-radius:16px;
    border-top-right-radius:16px;*/
   padding-top: 100px;
   padding-bottom: 64px
  }

  @media screen and (min-width:744px) {
    .footer {
     padding-top: 140px;
    }
  }

  .footer>.container {
   display: flex;
   align-items: flex-start;
   flex-direction: column;
   gap: 34px;
   justify-content: space-between;
  }

  @media screen and (min-width:744px) {
   .footer>.container {
    flex-direction: row;
    align-items: center
   }
  }

  .footer .footer-logo {
   display: block;
   margin-top: 8px;
   margin-bottom: 8px
  }

  .footer .footer-logo img,
  .footer .footer-logo svg {
   display: block;
   width: 120px;
   height: auto
  }

  @media screen and (min-width:1408px) {

   .footer .footer-logo img,
   .footer .footer-logo svg {
    width: 113px
   }
  }

  .footer .footer-nav {
   flex-grow: 1;
   display: flex;
   flex-wrap: wrap;
   gap: 16px 32px
  }

  @media screen and (min-width:744px) {
   .footer .footer-nav {
    gap: 32px
   }
  }

  .footer .footer-nav a {
   display: block;
   font-family: "Urbanist", sans-serif;
   font-weight: 700;
   font-size: 14px;
   color: #fff
  }

  .footer .footer-nav a:active,
  .footer .footer-nav a:focus,
  .footer .footer-nav a:hover {
   color: #0863b5
  }

  @media screen and (min-width:744px) {
   .footer .footer-nav a {
    margin-top: 10px;
    margin-bottom: 10px
   }
  }

  .footer .footer-socials {
   display: flex;
   gap: 24px
  }

  .footer .footer-socials a {
   display: flex;
   align-items: center;
   justify-content: center;
   aspect-ratio: 1;
   background: #fff;
   border-radius: 9999px;
   color: #024b8c;
   width: 48px;
   height: 48px;
  }

  .footer .footer-socials a:active,
  .footer .footer-socials a:focus,
  .footer .footer-socials a:hover {
   color: #0863b5
  }

  @media screen and (min-width:744px) {
   .footer .footer-socials a {
    width: 42px;
    height: 42px;
   }
  }

  .footer .footer-socials a svg {
   display: flex;
   padding: 8px;
   color: currentColor
  }

  @media screen and (min-width:744px) {
   .footer .footer-socials a svg {
    padding: 4px
   }
  }

  .navbar {
   position: relative;
   z-index: 4;
   display: flex;
   flex-direction: column-reverse;
   overflow: hidden
  }

  .navbar .navbar-sup {
   background: #172b4d;
   color: #fff;
   font-family: "Urbanist", sans-serif;
   font-weight: 700
  }

  .navbar .navbar-sup>.container {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   min-height: 48px
  }

  .navbar .navbar-sup>.container ul {
   display: flex;
   gap: 48px
  }

  .navbar .navbar-sup>.container ul li a {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 8px;
   text-decoration: none;
   padding: 4px;
   color: inherit
  }

  .navbar .navbar-sup>.container ul li a:active,
  .navbar .navbar-sup>.container ul li a:focus,
  .navbar .navbar-sup>.container ul li a:hover {
   text-decoration: underline
  }

  .navbar .navbar-sup>.container ul li a svg {
   display: block;
   border-radius: 9999px;
   height: auto;
   border: 1px solid #fff;
   width: 20px
  }

  @media screen and (min-width:1216px) {
   .navbar .navbar-sup>.container ul li a svg {
    width: 22px
   }
  }

  .navbar .navbar-main {
   background-color: #000;
   color: #fff;
   font-family: "Urbanist", sans-serif;
   font-weight: 700;
   font-size: 20px
  }

  .navbar .navbar-main>.container {
   display: flex;
   align-items: center;
   gap: 16px;
   min-height: 56px
  }

  @media screen and (min-width:1216px) {
   .navbar .navbar-main>.container {
    min-height: 96px
   }
  }

  .navbar .navbar-main>.container .navbar-main-logo {
   display: flex;
   align-items: center;
   justify-content: center
  }

  @media screen and (max-width:1215px) {
   .navbar .navbar-main>.container .navbar-main-logo {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 16px;
    height: 56px
   }
  }

  .navbar .navbar-main>.container .navbar-main-logo img,
  .navbar .navbar-main>.container .navbar-main-logo svg {
   display: block;
   height: auto;
   margin-top: 8px;
   margin-bottom: 8px;
   width: 96px
  }

  @media screen and (min-width:1216px) {

   .navbar .navbar-main>.container .navbar-main-logo img,
   .navbar .navbar-main>.container .navbar-main-logo svg {
    width: 100px
   }
  }

  .navbar .navbar-main>.container ul {
   flex-grow: 1;
   display: flex;
   justify-content: space-between;
   align-items: center;
   padding-left: 40px
  }

  .navbar .navbar-main>.container ul li a {
   display: block;
   text-decoration: none;
   padding: 4px;
   color: inherit
  }

  .navbar .navbar-main>.container ul li a:active,
  .navbar .navbar-main>.container ul li a:focus,
  .navbar .navbar-main>.container ul li a:hover {
   text-decoration: underline
  }

  .navbar .navbar-burger {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   background: 0 0;
   border: none;
   font: inherit;
   padding: 0;
   cursor: pointer;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
   position: absolute;
   z-index: 1;
   top: 0;
   right: 16px;
   height: 56px
  }

  @media screen and (min-width:1216px) {
   .navbar .navbar-burger {
    display: none
   }
  }

  .navbar:not(.is-open) .navbar-burger-text-when-open {
   display: none
  }

  .navbar.is-open .navbar-burger-text-when-closed {
   display: none
  }

  @media screen and (max-width:1215px) {
   .navbar {
    flex-direction: column
   }

   .navbar .navbar-sup>.container {
    justify-content: flex-start;
    background: #024b8c
   }

   .navbar .navbar-sup>.container ul {
    flex-direction: column;
    gap: 16px;
    padding: 24px 8px
   }

   .navbar .navbar-main>.container {
    flex-direction: column;
    justify-content: center;
    gap: 0
   }

   .navbar .navbar-main>.container ul {
    flex-direction: column;
    padding: 24px;
    align-self: flex-start;
    text-align: left;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 12px;
    background: #e8fff3;
    position: relative;
    left: 50%;
    width: calc(100vw - 48px);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
   }

   .navbar.is-open .navbar-main>.container ul {
    margin-top: 56px;
   }

   .navbar .navbar-main>.container ul li {
    width: 100%
   }

   .navbar .navbar-main>.container ul li:not(:last-child) a {
    border-bottom: 1px solid #d4edfc
   }

   .navbar .navbar-main>.container ul li a {
    padding: 8px;
    color: #172b4d
   }

   .navbar .navbar-main>.container ul li a:active,
   .navbar .navbar-main>.container ul li a:focus,
   .navbar .navbar-main>.container ul li a:hover {
    text-decoration: none;
    color: #284980
   }

   .navbar:not(.is-open) .navbar-main>.container ul,
   .navbar:not(.is-open) .navbar-sup>.container {
    display: none
   }

   .navbar.is-open {
    box-shadow: 0 0 20px 20px grey
   }

  }

  /* Hide select scrollbar for Chrome, Safari and Opera */
  select::-webkit-scrollbar {
   display: none;
  }

  /* Hide select scrollbar for IE, Edge and Firefox */
  select {
   -ms-overflow-style: none;
   /* IE and Edge */
   scrollbar-width: none;
   /* Firefox */
  }

  input[type="date"]::-webkit-calendar-picker-indicator,
  input[type="time"]::-webkit-calendar-picker-indicator {
   color: rgba(0, 0, 0, 0);
   opacity: 1;
   display: block;
   background-repeat: no-repeat;
   border-width: thin
  }

  input[type="date"]::-webkit-calendar-picker-indicator,
  input[type="time"]::-webkit-calendar-picker-indicator {
   position: absolute;
   left: 2%;
  }

  input[type="date"]::-webkit-datetime-edit-fields-wrapper,
  input[type="time"]::-webkit-datetime-edit-fields-wrapper {
   position: relative;
   left: 3%;
  }

  input[type="date"]::-webkit-datetime-edit,
  input[type="time"]::-webkit-datetime-edit {
   position: relative;
   left: 3%;
  }