/* Vasy sections (faq · about · cta2 · explore) – one stylesheet.
   Lives inside a Shadow DOM, so it cannot affect your page and your page's CSS
   (Bootstrap, style-new.css …) cannot affect it. */
/* Shared page frame: body, #app/.vx wrapper, focus ring, [hidden], global helpers.
   Needed by every section. */

:host {
  all: initial;
  display: block;
  font-family: "Outfit", "Instrument Sans", system-ui, sans-serif;
  color: #2E2E2E;
  background: #FFFFFF;
  overflow-x: clip
}

a {
color: #0F6D99
}

a:hover {
color: #0F6D99
}

.vx {
--e: cubic-bezier(.2, 0, 0, 1)
}

.vx *:focus-visible {
outline: 2px solid #22A7E0;
   outline-offset: 2px
}

@media (max-width: 1023.98px) {
  .vx .scroller.lock {
  overflow: hidden !important
  }
}

.vx a.btn {
position: relative;
   z-index: 1
}

.vx a.btn.btn-p:hover {
background: #FFFFFF;
   color: #22A7E0;
   border-color: #22A7E0
}

@media (min-width: 1024px) {
  .vx a.btn.btn-p:hover,
  .vx a.btn.btn-p:focus-visible {
  background: #FFFFFF;
        color: #22A7E0;
        border-color: #22A7E0
  }
}

.vx section[style*="background: #FFFFFF"] {
background: transparent !important
}

.vx .pgscroll {
isolation: isolate;
   overflow-x: hidden !important
}

.vx [data-mq] {
overflow-x: auto;
   overflow-y: hidden;
   scrollbar-width: none;
   cursor: grab;
   overscroll-behavior-x: contain
}

.vx [data-mq]::-webkit-scrollbar {
display: none
}

.vx [data-mq].drag {
cursor: grabbing
}

.vx [data-mq].drag a {
pointer-events: none
}

.vx button.s12play {
border: 0;
   padding: 0;
   font: inherit;
   cursor: pointer
}

.vx button.s8b {
appearance: none;
   -webkit-appearance: none
}

@media (prefers-reduced-motion: reduce) {
  .vx *,
  .vx *::before,
  .vx *::after {
  transition-duration: 0ms !important;
        transition-delay: 0ms !important;
        animation-duration: 0ms !important;
        animation-delay: 0ms !important;
        animation-iteration-count: 1 !important
  }
}

#app {
  position: relative;
  transform-origin: 0 0;
  overflow-x: clip;
  background: #FFFFFF
}

#app [hidden] {
display: none !important
}

@media (max-width: 599.98px) {
  .vx [data-js~="marquee"] {
  overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        cursor: grab;
        overscroll-behavior-x: contain
  }

  .vx [data-js~="marquee"]::-webkit-scrollbar {
  display: none
  }

  .vx [data-js~="marquee"].drag {
  cursor: grabbing
  }

  .vx [data-js~="marquee"].drag a {
  pointer-events: none
  }
}

/* Rules used by two or more of the four sections (faq, about, cta2, explore). */

@media (min-width: 600px) {
  .vx .btn {
  display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 48px;
        padding: 14px 20px;
        box-sizing: border-box;
        border-radius: 10px;
        font: inherit;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none;
        white-space: nowrap;
        cursor: pointer;
        transition: background-color 120ms var(--e), color 120ms var(--e), border-color 120ms var(--e)
  }
}

@media (max-width: 599.98px) {
  .vx .btn {
  display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        height: 44px;
        padding: 12px 16px;
        box-sizing: border-box;
        border-radius: 10px;
        font: inherit;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: none;
        white-space: nowrap;
        cursor: pointer;
        transition: background-color 120ms var(--e), color 120ms var(--e), border-color 120ms var(--e)
  }
}

.vx .eb {
font-family: "Geist Mono", "IBM Plex Mono", ui-monospace, monospace;
   font-size: 10px;
   line-height: 14px;
   letter-spacing: .16em;
   text-transform: uppercase;
   color: #8A93A1
}

.vx .rv {
opacity: 0;
   transform: translateY(8px);
   transition: opacity 320ms var(--e), transform 320ms var(--e)
}

.vx .rv.in {
opacity: 1;
   transform: none
}

.vx .sh .wd {
display: inline-block;
   margin-right: .26em;
   white-space: nowrap
}

.vx .sh .ch {
display: inline-block;
   opacity: 0;
   filter: blur(8px);
   transform: translateY(6px)
}

.vx .sh.in .ch {
opacity: 1;
   filter: blur(0);
   transform: none;
   transition: opacity 400ms var(--e), filter 400ms var(--e), transform 400ms var(--e)
}

@media (min-width: 1600px) {
  .v-m,
  .v-tm {
  display: none !important
  }
}

@media (min-width: 1024px) and (max-width: 1599.98px) {
  .v-m,
  .v-tm {
  display: none !important
  }
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  .v-dl,
  .v-m {
  display: none !important
  }
}

@media (max-width: 599.98px) {
  .v-dl,
  .v-dlt {
  display: none !important
  }
}

/* Styles for <section id="faq"> only. */

.vx .btn-p {
background: #22A7E0;
   color: #FFFFFF;
   border: 1px solid #22A7E0
}

.vx .btn-p:hover {
background: #FFFFFF;
   color: #22A7E0
}

.vx .btn-s {
background: #FFFFFF;
   color: #2E2E2E;
   border: 1px solid #D9DEE5
}

.vx .btn-s:hover {
background: #F4F6F8;
   color: #2E2E2E
}

.vx .btn-s:active {
background: #D9DEE5
}

.vx .faqi {
border-radius: 18px;
   background: #F4F6F8;
   transition: background-color 300ms var(--e), box-shadow 300ms var(--e)
}

.vx .faqi.on {
background: #FFFFFF;
   box-shadow: 0 1px 2px rgba(46, 46, 46, .06), 0 16px 36px rgba(46, 46, 46, .09)
}

.vx .faqi:not(.on):hover {
background: #EEF2F5
}

.vx .faqq {
display: flex;
   align-items: center;
   width: 100%;
   box-sizing: border-box;
   border: 0;
   background: transparent;
   font: inherit;
   text-align: left;
   color: #2E2E2E;
   cursor: pointer
}

.vx .faqn {
flex-shrink: 0;
   font-family: "Geist Mono", "IBM Plex Mono", ui-monospace, monospace;
   font-size: 12px;
   letter-spacing: .08em;
   color: #8A93A1;
   transition: color 300ms var(--e)
}

.vx .faqi.on .faqn {
color: #22A7E0
}

.vx .faqt {
flex: 1;
   min-width: 0;
   font-weight: 500;
   letter-spacing: -.01em;
   transition: color 300ms var(--e)
}

.vx .faqi.on .faqt {
color: #0F6D99
}

.vx .faqpm {
position: relative;
   flex-shrink: 0;
   width: 32px;
   height: 32px;
   border-radius: 999px;
   background: #FFFFFF;
   transition: background-color 300ms var(--e), transform 400ms var(--e)
}

.vx .faqi.on .faqpm {
background: #22A7E0;
   transform: rotate(180deg)
}

.vx .faqpm i {
position: absolute;
   left: 50%;
   top: 50%;
   width: 12px;
   height: 1.75px;
   margin: -.875px 0 0 -6px;
   border-radius: 2px;
   background: #2E2E2E;
   transition: transform 400ms var(--e), background-color 300ms var(--e)
}

.vx .faqpm i+i {
transform: rotate(90deg)
}

.vx .faqi.on .faqpm i {
background: #FFFFFF
}

.vx .faqi.on .faqpm i+i {
transform: rotate(0deg)
}

.vx .faqa {
display: grid;
   grid-template-rows: 0fr;
   transition: grid-template-rows 460ms var(--e)
}

.vx .faqi.on .faqa {
grid-template-rows: 1fr
}

.vx .faqa>div {
overflow: hidden;
   min-height: 0
}

.vx .faqai {
opacity: 0;
   transform: translateY(-6px);
   transition: opacity 260ms var(--e), transform 300ms var(--e)
}

.vx .faqi.on .faqai {
opacity: 1;
   transform: none;
   transition: opacity 420ms var(--e) 120ms, transform 460ms var(--e) 120ms
}

.vx .faqai p {
margin: 0;
   color: #5B6472
}

.vx .txl {
color: #0F6D99;
   font-weight: 500;
   text-decoration: underline;
   text-decoration-color: rgba(15, 109, 153, .35);
   text-underline-offset: 3px;
   transition: text-decoration-color 200ms var(--e), color 200ms var(--e)
}

.vx .txl:hover {
color: #22A7E0;
   text-decoration-color: currentColor
}

.vx .faqhelp {
border-radius: 20px;
   background: #F4F6F8
}

@media (min-width: 1600px) {
  .rv796 {
  --r-padding: 96px 0;
        --r-gap: 40px
  }

  #app .vx .rv796 {
  width: 1440px;
        margin: 0 auto
  }

  .rv797 {
  --r-grid-template-columns: 440px minmax(0, 1fr);
        --r-gap: 72px
  }

  .rv798 {
  --r-font-size: 54px
  }

  .rv799 {
  --r-font-size: 19px
  }

  .rv800 {
  --r-padding: 28px
  }

  .rv801 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv802 {
  --r-font-size: 18px
  }

  .rv803 {
  --r-padding: 0 76px 26px 68px
  }

  .rv804 {
  --r-font-size: 16px
  }

  .rv805 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv806 {
  --r-font-size: 18px
  }

  .rv807 {
  --r-padding: 0 76px 26px 68px
  }

  .rv808 {
  --r-font-size: 16px
  }

  .rv809 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv810 {
  --r-font-size: 18px
  }

  .rv811 {
  --r-padding: 0 76px 26px 68px
  }

  .rv812 {
  --r-font-size: 16px
  }

  .rv813 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv814 {
  --r-font-size: 18px
  }

  .rv815 {
  --r-padding: 0 76px 26px 68px
  }

  .rv816 {
  --r-font-size: 16px
  }

  .rv817 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv818 {
  --r-font-size: 18px
  }

  .rv819 {
  --r-padding: 0 76px 26px 68px
  }

  .rv820 {
  --r-font-size: 16px
  }

  .rv821 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv822 {
  --r-font-size: 18px
  }

  .rv823 {
  --r-padding: 0 76px 26px 68px
  }

  .rv824 {
  --r-font-size: 16px
  }

  .rv825 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv826 {
  --r-font-size: 18px
  }

  .rv827 {
  --r-padding: 0 76px 26px 68px
  }

  .rv828 {
  --r-font-size: 16px
  }

  .rv829 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv830 {
  --r-font-size: 18px
  }

  .rv831 {
  --r-padding: 0 76px 26px 68px
  }

  .rv832 {
  --r-font-size: 16px
  }

  .rv833 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv834 {
  --r-font-size: 18px
  }

  .rv835 {
  --r-padding: 0 76px 26px 68px
  }

  .rv836 {
  --r-font-size: 16px
  }

  .rv837 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv838 {
  --r-font-size: 18px
  }

  .rv839 {
  --r-padding: 0 76px 26px 68px
  }

  .rv840 {
  --r-font-size: 16px
  }

  .rv841 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv842 {
  --r-font-size: 18px
  }

  .rv843 {
  --r-padding: 0 76px 26px 68px
  }

  .rv844 {
  --r-font-size: 16px
  }

  .rv845 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv846 {
  --r-font-size: 18px
  }

  .rv847 {
  --r-padding: 0 76px 26px 68px
  }

  .rv848 {
  --r-font-size: 16px
  }

  .rv849 {
  --r-gap: 20px;
        --r-padding: 22px 24px
  }

  .rv850 {
  --r-font-size: 18px
  }

  .rv851 {
  --r-padding: 0 76px 26px 68px
  }

  .rv852 {
  --r-font-size: 16px
  }
}

@media (min-width: 1024px) and (max-width: 1599.98px) {
  .rv796 {
  --r-padding: 88px 0;
        --r-gap: 40px
  }

  #app .vx .rv796 {
  width: 1320px;
        margin: 0 auto
  }

  .rv797 {
  --r-grid-template-columns: 400px minmax(0, 1fr);
        --r-gap: 56px
  }

  .rv798 {
  --r-font-size: 48px
  }

  .rv799 {
  --r-font-size: 18px
  }

  .rv800 {
  --r-padding: 26px
  }

  .rv801 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv802 {
  --r-font-size: 17px
  }

  .rv803 {
  --r-padding: 0 70px 24px 62px
  }

  .rv804 {
  --r-font-size: 15px
  }

  .rv805 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv806 {
  --r-font-size: 17px
  }

  .rv807 {
  --r-padding: 0 70px 24px 62px
  }

  .rv808 {
  --r-font-size: 15px
  }

  .rv809 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv810 {
  --r-font-size: 17px
  }

  .rv811 {
  --r-padding: 0 70px 24px 62px
  }

  .rv812 {
  --r-font-size: 15px
  }

  .rv813 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv814 {
  --r-font-size: 17px
  }

  .rv815 {
  --r-padding: 0 70px 24px 62px
  }

  .rv816 {
  --r-font-size: 15px
  }

  .rv817 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv818 {
  --r-font-size: 17px
  }

  .rv819 {
  --r-padding: 0 70px 24px 62px
  }

  .rv820 {
  --r-font-size: 15px
  }

  .rv821 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv822 {
  --r-font-size: 17px
  }

  .rv823 {
  --r-padding: 0 70px 24px 62px
  }

  .rv824 {
  --r-font-size: 15px
  }

  .rv825 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv826 {
  --r-font-size: 17px
  }

  .rv827 {
  --r-padding: 0 70px 24px 62px
  }

  .rv828 {
  --r-font-size: 15px
  }

  .rv829 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv830 {
  --r-font-size: 17px
  }

  .rv831 {
  --r-padding: 0 70px 24px 62px
  }

  .rv832 {
  --r-font-size: 15px
  }

  .rv833 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv834 {
  --r-font-size: 17px
  }

  .rv835 {
  --r-padding: 0 70px 24px 62px
  }

  .rv836 {
  --r-font-size: 15px
  }

  .rv837 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv838 {
  --r-font-size: 17px
  }

  .rv839 {
  --r-padding: 0 70px 24px 62px
  }

  .rv840 {
  --r-font-size: 15px
  }

  .rv841 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv842 {
  --r-font-size: 17px
  }

  .rv843 {
  --r-padding: 0 70px 24px 62px
  }

  .rv844 {
  --r-font-size: 15px
  }

  .rv845 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv846 {
  --r-font-size: 17px
  }

  .rv847 {
  --r-padding: 0 70px 24px 62px
  }

  .rv848 {
  --r-font-size: 15px
  }

  .rv849 {
  --r-gap: 18px;
        --r-padding: 20px 22px
  }

  .rv850 {
  --r-font-size: 17px
  }

  .rv851 {
  --r-padding: 0 70px 24px 62px
  }

  .rv852 {
  --r-font-size: 15px
  }
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  .rv796 {
  --r-padding: 72px 24px;
        --r-gap: 28px
  }

  .rv853 {
  --r-font-size: 38px
  }

  .rv854 {
  --r-font-size: 18px
  }

  .rv855 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv856 {
  --r-font-size: 17px
  }

  .rv857 {
  --r-padding: 0 64px 22px 56px
  }

  .rv858 {
  --r-font-size: 15px
  }

  .rv859 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv860 {
  --r-font-size: 17px
  }

  .rv861 {
  --r-padding: 0 64px 22px 56px
  }

  .rv862 {
  --r-font-size: 15px
  }

  .rv863 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv864 {
  --r-font-size: 17px
  }

  .rv865 {
  --r-padding: 0 64px 22px 56px
  }

  .rv866 {
  --r-font-size: 15px
  }

  .rv867 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv868 {
  --r-font-size: 17px
  }

  .rv869 {
  --r-padding: 0 64px 22px 56px
  }

  .rv870 {
  --r-font-size: 15px
  }

  .rv871 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv872 {
  --r-font-size: 17px
  }

  .rv873 {
  --r-padding: 0 64px 22px 56px
  }

  .rv874 {
  --r-font-size: 15px
  }

  .rv875 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv876 {
  --r-font-size: 17px
  }

  .rv877 {
  --r-padding: 0 64px 22px 56px
  }

  .rv878 {
  --r-font-size: 15px
  }

  .rv879 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv880 {
  --r-font-size: 17px
  }

  .rv881 {
  --r-padding: 0 64px 22px 56px
  }

  .rv882 {
  --r-font-size: 15px
  }

  .rv883 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv884 {
  --r-font-size: 17px
  }

  .rv885 {
  --r-padding: 0 64px 22px 56px
  }

  .rv886 {
  --r-font-size: 15px
  }

  .rv887 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv888 {
  --r-font-size: 17px
  }

  .rv889 {
  --r-padding: 0 64px 22px 56px
  }

  .rv890 {
  --r-font-size: 15px
  }

  .rv891 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv892 {
  --r-font-size: 17px
  }

  .rv893 {
  --r-padding: 0 64px 22px 56px
  }

  .rv894 {
  --r-font-size: 15px
  }

  .rv895 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv896 {
  --r-font-size: 17px
  }

  .rv897 {
  --r-padding: 0 64px 22px 56px
  }

  .rv898 {
  --r-font-size: 15px
  }

  .rv899 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv900 {
  --r-font-size: 17px
  }

  .rv901 {
  --r-padding: 0 64px 22px 56px
  }

  .rv902 {
  --r-font-size: 15px
  }

  .rv903 {
  --r-gap: 16px;
        --r-padding: 18px 20px
  }

  .rv904 {
  --r-font-size: 17px
  }

  .rv905 {
  --r-padding: 0 64px 22px 56px
  }

  .rv906 {
  --r-font-size: 15px
  }

  .rv907 {
  --r-padding: 24px
  }
}

@media (max-width: 599.98px) {
  .rv796 {
  --r-padding: 48px 20px;
        --r-gap: 24px
  }

  .rv853 {
  --r-font-size: 30px
  }

  .rv854 {
  --r-font-size: 15px
  }

  .rv855 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv856 {
  --r-font-size: 15px
  }

  .rv857 {
  --r-padding: 0 16px 18px 46px
  }

  .rv858 {
  --r-font-size: 14px
  }

  .rv859 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv860 {
  --r-font-size: 15px
  }

  .rv861 {
  --r-padding: 0 16px 18px 46px
  }

  .rv862 {
  --r-font-size: 14px
  }

  .rv863 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv864 {
  --r-font-size: 15px
  }

  .rv865 {
  --r-padding: 0 16px 18px 46px
  }

  .rv866 {
  --r-font-size: 14px
  }

  .rv867 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv868 {
  --r-font-size: 15px
  }

  .rv869 {
  --r-padding: 0 16px 18px 46px
  }

  .rv870 {
  --r-font-size: 14px
  }

  .rv871 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv872 {
  --r-font-size: 15px
  }

  .rv873 {
  --r-padding: 0 16px 18px 46px
  }

  .rv874 {
  --r-font-size: 14px
  }

  .rv875 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv876 {
  --r-font-size: 15px
  }

  .rv877 {
  --r-padding: 0 16px 18px 46px
  }

  .rv878 {
  --r-font-size: 14px
  }

  .rv879 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv880 {
  --r-font-size: 15px
  }

  .rv881 {
  --r-padding: 0 16px 18px 46px
  }

  .rv882 {
  --r-font-size: 14px
  }

  .rv883 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv884 {
  --r-font-size: 15px
  }

  .rv885 {
  --r-padding: 0 16px 18px 46px
  }

  .rv886 {
  --r-font-size: 14px
  }

  .rv887 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv888 {
  --r-font-size: 15px
  }

  .rv889 {
  --r-padding: 0 16px 18px 46px
  }

  .rv890 {
  --r-font-size: 14px
  }

  .rv891 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv892 {
  --r-font-size: 15px
  }

  .rv893 {
  --r-padding: 0 16px 18px 46px
  }

  .rv894 {
  --r-font-size: 14px
  }

  .rv895 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv896 {
  --r-font-size: 15px
  }

  .rv897 {
  --r-padding: 0 16px 18px 46px
  }

  .rv898 {
  --r-font-size: 14px
  }

  .rv899 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv900 {
  --r-font-size: 15px
  }

  .rv901 {
  --r-padding: 0 16px 18px 46px
  }

  .rv902 {
  --r-font-size: 14px
  }

  .rv903 {
  --r-gap: 12px;
        --r-padding: 16px
  }

  .rv904 {
  --r-font-size: 15px
  }

  .rv905 {
  --r-padding: 0 16px 18px 46px
  }

  .rv906 {
  --r-font-size: 14px
  }

  .rv907 {
  --r-padding: 22px
  }
}

/* Styles for <section id="about"> only. */

.vx .abpanel {
border-radius: 28px;
   background: #F4F6F8
}

.vx .abtoc {
display: flex;
   flex-direction: column;
   gap: 2px
}

.vx .abtb {
position: relative;
   display: flex;
   align-items: center;
   box-sizing: border-box;
   width: 100%;
   border: 0;
   border-radius: 10px;
   background: transparent;
   font: inherit;
   text-align: left;
   color: #5B6472;
   cursor: pointer;
   transition: background-color 200ms var(--e), color 200ms var(--e)
}

.vx .abtb:hover {
color: #2E2E2E;
   background: rgba(255, 255, 255, .6)
}

.vx .abtb.on {
background: #FFFFFF;
   color: #0F6D99;
   font-weight: 500;
   box-shadow: 0 1px 2px rgba(46, 46, 46, .06)
}

.vx .abtb.sub {
font-size: 13px
}

.vx .abtb .abd {
flex-shrink: 0;
   width: 6px;
   height: 6px;
   border-radius: 99px;
   background: #C9D1DA;
   transition: background-color 200ms var(--e), transform 300ms var(--e)
}

.vx .abtb.on .abd {
background: #22A7E0;
   transform: scale(1.3)
}

.vx .abchips {
display: flex;
   gap: 8px;
   overflow-x: auto;
   scrollbar-width: none
}

.vx .abchips::-webkit-scrollbar {
display: none
}

.vx .abchips .abtb {
width: auto;
   flex-shrink: 0;
   white-space: nowrap;
   background: #FFFFFF;
   box-shadow: 0 1px 2px rgba(46, 46, 46, .05)
}

.vx .abchips .abtb.on {
background: #22A7E0;
   color: #FFFFFF
}

.vx .abchips .abtb .abd {
display: none
}

.vx .abcard {
position: relative;
   border-radius: 20px;
   background: #FFFFFF;
   box-shadow: 0 1px 2px rgba(46, 46, 46, .06), 0 16px 40px rgba(46, 46, 46, .08);
   overflow: hidden
}

.vx .abbar {
position: absolute;
   left: 0;
   top: 0;
   height: 3px;
   width: 100%;
   background: #22A7E0;
   transform-origin: 0 50%;
   transform: scaleX(0);
   z-index: 2
}

.vx .absc {
overflow-y: auto;
   overscroll-behavior: contain;
   scrollbar-width: thin;
   scrollbar-color: #C9D1DA transparent;
   -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 72px), transparent);
   mask-image: linear-gradient(180deg, #000 calc(100% - 72px), transparent)
}

.vx .absc::-webkit-scrollbar {
width: 6px
}

.vx .absc::-webkit-scrollbar-thumb {
background: #C9D1DA;
   border-radius: 6px
}

.vx .absc h3 {
margin: 0;
   font-weight: 600;
   letter-spacing: -.025em;
   line-height: 1.2;
   color: #2E2E2E
}

.vx .absc h4 {
margin: 0;
   font-weight: 600;
   letter-spacing: -.015em;
   line-height: 1.3;
   color: #2E2E2E
}

.vx .absc h5 {
margin: 0;
   font-size: 16px;
   font-weight: 600;
   color: #0F6D99
}

.vx .absc p {
margin: 0;
   color: #5B6472
}

.vx .absc b {
font-weight: 600;
   color: #2E2E2E
}

.vx .absc ul {
list-style: none;
   margin: 0;
   padding: 0;
   display: flex;
   flex-direction: column;
   gap: 10px
}

.vx .absc li {
position: relative;
   padding-left: 22px;
   color: #5B6472
}

.vx .absc li::before {
content: "";
   position: absolute;
   left: 4px;
   top: .62em;
   width: 7px;
   height: 7px;
   border-radius: 99px;
   background: #22A7E0
}

.vx .absec {
display: flex;
   flex-direction: column
}

.vx .absec+.absec {
border-top: 1px solid #EEF1F4
}

@media (min-width: 1600px) {
  .rv908 {
  --r-padding: 24px 0 96px;
        --r-gap: 40px
  }

  #app .vx .rv908 {
  width: 1440px;
        margin: 0 auto
  }

  .rv909 {
  --r-font-size: 48px
  }

  #app .vx .rv909 {
  white-space: nowrap
  }

  .rv910 {
  --r-font-size: 19px
  }

  .rv911 {
  --r-padding: 32px
  }

  .rv912 {
  --r-display: grid;
        --r-gap: 32px
  }

  #app .vx .rv912 {
  grid-template-columns: 280px minmax(0, 1fr);
        align-items: start
  }

  .rv914 {
  --r-height: 640px;
        --r-padding: 0 48px
  }

  .rv915 {
  --r-padding: 40px 0 32px
  }

  .rv916 {
  --r-font-size: 16px
  }

  .rv917 {
  --r-font-size: 16px
  }

  .rv918 {
  --r-font-size: 16px
  }

  .rv919 {
  --r-padding: 32px 0
  }

  .rv920 {
  --r-font-size: 28px
  }

  .rv921 {
  --r-font-size: 16px
  }

  .rv922 {
  --r-font-size: 16px
  }

  .rv923 {
  --r-font-size: 16px
  }

  .rv924 {
  --r-padding: 32px 0
  }

  .rv925 {
  --r-font-size: 20px
  }

  .rv926 {
  --r-font-size: 16px
  }

  .rv927 {
  --r-font-size: 16px
  }

  .rv928 {
  --r-padding: 32px 0
  }

  .rv929 {
  --r-font-size: 20px
  }

  .rv930 {
  --r-font-size: 16px
  }

  .rv931 {
  --r-font-size: 16px
  }

  .rv932 {
  --r-padding: 32px 0
  }

  .rv933 {
  --r-font-size: 20px
  }

  .rv934 {
  --r-font-size: 16px
  }

  .rv935 {
  --r-font-size: 16px
  }

  .rv936 {
  --r-padding: 32px 0
  }

  .rv937 {
  --r-font-size: 20px
  }

  .rv938 {
  --r-font-size: 16px
  }

  .rv939 {
  --r-font-size: 16px
  }

  .rv940 {
  --r-padding: 32px 0
  }

  .rv941 {
  --r-font-size: 20px
  }

  .rv942 {
  --r-font-size: 16px
  }

  .rv943 {
  --r-font-size: 16px
  }

  .rv944 {
  --r-padding: 32px 0
  }

  .rv945 {
  --r-font-size: 20px
  }

  .rv946 {
  --r-font-size: 16px
  }

  .rv947 {
  --r-font-size: 16px
  }

  .rv948 {
  --r-padding: 32px 0
  }

  .rv949 {
  --r-font-size: 28px
  }

  .rv950 {
  --r-font-size: 16px
  }

  .rv951 {
  --r-font-size: 16px
  }

  .rv952 {
  --r-font-size: 16px
  }

  .rv953 {
  --r-font-size: 16px
  }

  .rv954 {
  --r-font-size: 16px
  }

  .rv955 {
  --r-font-size: 16px
  }

  .rv956 {
  --r-font-size: 16px
  }

  .rv957 {
  --r-font-size: 16px
  }

  .rv958 {
  --r-font-size: 16px
  }

  .rv959 {
  --r-padding: 32px 0
  }

  .rv960 {
  --r-font-size: 28px
  }

  .rv961 {
  --r-font-size: 16px
  }

  .rv962 {
  --r-font-size: 16px
  }

  .rv963 {
  --r-font-size: 16px
  }

  .rv964 {
  --r-font-size: 16px
  }

  .rv965 {
  --r-font-size: 16px
  }

  .rv966 {
  --r-font-size: 16px
  }

  .rv967 {
  --r-font-size: 16px
  }

  .rv968 {
  --r-font-size: 16px
  }

  .rv969 {
  --r-font-size: 16px
  }

  .rv970 {
  --r-font-size: 16px
  }

  .rv971 {
  --r-padding: 32px 0
  }

  .rv972 {
  --r-font-size: 28px
  }

  .rv973 {
  --r-font-size: 16px
  }

  .rv974 {
  --r-font-size: 16px
  }

  .rv975 {
  --r-font-size: 16px
  }

  .rv976 {
  --r-font-size: 16px
  }

  .rv977 {
  --r-font-size: 16px
  }

  .rv978 {
  --r-font-size: 16px
  }

  .rv979 {
  --r-font-size: 16px
  }

  .rv980 {
  --r-font-size: 16px
  }

  .rv981 {
  --r-padding: 32px 0
  }

  .rv982 {
  --r-font-size: 28px
  }

  .rv983 {
  --r-font-size: 16px
  }

  .rv984 {
  --r-font-size: 16px
  }

  .rv985 {
  --r-font-size: 16px
  }

  .rv986 {
  --r-font-size: 16px
  }

  .rv987 {
  --r-font-size: 16px
  }

  .rv988 {
  --r-font-size: 16px
  }

  .rv989 {
  --r-font-size: 16px
  }

  .rv990 {
  --r-font-size: 16px
  }
}

@media (min-width: 1024px) and (max-width: 1599.98px) {
  .rv908 {
  --r-padding: 24px 0 88px;
        --r-gap: 36px
  }

  #app .vx .rv908 {
  width: 1320px;
        margin: 0 auto
  }

  .rv909 {
  --r-font-size: 43px
  }

  #app .vx .rv909 {
  white-space: nowrap
  }

  .rv910 {
  --r-font-size: 18px
  }

  .rv911 {
  --r-padding: 28px
  }

  .rv912 {
  --r-display: grid;
        --r-gap: 28px
  }

  #app .vx .rv912 {
  grid-template-columns: 260px minmax(0, 1fr);
        align-items: start
  }

  .rv914 {
  --r-height: 600px;
        --r-padding: 0 40px
  }

  .rv915 {
  --r-padding: 36px 0 28px
  }

  .rv916 {
  --r-font-size: 15px
  }

  .rv917 {
  --r-font-size: 15px
  }

  .rv918 {
  --r-font-size: 15px
  }

  .rv919 {
  --r-padding: 28px 0
  }

  .rv920 {
  --r-font-size: 26px
  }

  .rv921 {
  --r-font-size: 15px
  }

  .rv922 {
  --r-font-size: 15px
  }

  .rv923 {
  --r-font-size: 15px
  }

  .rv924 {
  --r-padding: 28px 0
  }

  .rv925 {
  --r-font-size: 19px
  }

  .rv926 {
  --r-font-size: 15px
  }

  .rv927 {
  --r-font-size: 15px
  }

  .rv928 {
  --r-padding: 28px 0
  }

  .rv929 {
  --r-font-size: 19px
  }

  .rv930 {
  --r-font-size: 15px
  }

  .rv931 {
  --r-font-size: 15px
  }

  .rv932 {
  --r-padding: 28px 0
  }

  .rv933 {
  --r-font-size: 19px
  }

  .rv934 {
  --r-font-size: 15px
  }

  .rv935 {
  --r-font-size: 15px
  }

  .rv936 {
  --r-padding: 28px 0
  }

  .rv937 {
  --r-font-size: 19px
  }

  .rv938 {
  --r-font-size: 15px
  }

  .rv939 {
  --r-font-size: 15px
  }

  .rv940 {
  --r-padding: 28px 0
  }

  .rv941 {
  --r-font-size: 19px
  }

  .rv942 {
  --r-font-size: 15px
  }

  .rv943 {
  --r-font-size: 15px
  }

  .rv944 {
  --r-padding: 28px 0
  }

  .rv945 {
  --r-font-size: 19px
  }

  .rv946 {
  --r-font-size: 15px
  }

  .rv947 {
  --r-font-size: 15px
  }

  .rv948 {
  --r-padding: 28px 0
  }

  .rv949 {
  --r-font-size: 26px
  }

  .rv950 {
  --r-font-size: 15px
  }

  .rv951 {
  --r-font-size: 15px
  }

  .rv952 {
  --r-font-size: 15px
  }

  .rv953 {
  --r-font-size: 15px
  }

  .rv954 {
  --r-font-size: 15px
  }

  .rv955 {
  --r-font-size: 15px
  }

  .rv956 {
  --r-font-size: 15px
  }

  .rv957 {
  --r-font-size: 15px
  }

  .rv958 {
  --r-font-size: 15px
  }

  .rv959 {
  --r-padding: 28px 0
  }

  .rv960 {
  --r-font-size: 26px
  }

  .rv961 {
  --r-font-size: 15px
  }

  .rv962 {
  --r-font-size: 15px
  }

  .rv963 {
  --r-font-size: 15px
  }

  .rv964 {
  --r-font-size: 15px
  }

  .rv965 {
  --r-font-size: 15px
  }

  .rv966 {
  --r-font-size: 15px
  }

  .rv967 {
  --r-font-size: 15px
  }

  .rv968 {
  --r-font-size: 15px
  }

  .rv969 {
  --r-font-size: 15px
  }

  .rv970 {
  --r-font-size: 15px
  }

  .rv971 {
  --r-padding: 28px 0
  }

  .rv972 {
  --r-font-size: 26px
  }

  .rv973 {
  --r-font-size: 15px
  }

  .rv974 {
  --r-font-size: 15px
  }

  .rv975 {
  --r-font-size: 15px
  }

  .rv976 {
  --r-font-size: 15px
  }

  .rv977 {
  --r-font-size: 15px
  }

  .rv978 {
  --r-font-size: 15px
  }

  .rv979 {
  --r-font-size: 15px
  }

  .rv980 {
  --r-font-size: 15px
  }

  .rv981 {
  --r-padding: 28px 0
  }

  .rv982 {
  --r-font-size: 26px
  }

  .rv983 {
  --r-font-size: 15px
  }

  .rv984 {
  --r-font-size: 15px
  }

  .rv985 {
  --r-font-size: 15px
  }

  .rv986 {
  --r-font-size: 15px
  }

  .rv987 {
  --r-font-size: 15px
  }

  .rv988 {
  --r-font-size: 15px
  }

  .rv989 {
  --r-font-size: 15px
  }

  .rv990 {
  --r-font-size: 15px
  }
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  .rv908 {
  --r-padding: 16px 24px 0;
        --r-gap: 32px
  }

  .rv909 {
  --r-font-size: 36px
  }

  .rv910 {
  --r-font-size: 17px
  }

  .rv911 {
  --r-padding: 20px
  }

  .rv912 {
  --r-display: flex;
        --r-gap: 16px
  }

  #app .vx .rv912 {
  flex-direction: column;
        min-width: 0
  }

  .rv913 {
  --r-margin: 0 0;
        --r-padding: 2px 0 6px
  }

  .rv914 {
  --r-height: 560px;
        --r-padding: 0 32px
  }

  .rv915 {
  --r-padding: 28px 0 24px
  }

  .rv916 {
  --r-font-size: 15px
  }

  .rv917 {
  --r-font-size: 15px
  }

  .rv918 {
  --r-font-size: 15px
  }

  .rv919 {
  --r-padding: 24px 0
  }

  .rv920 {
  --r-font-size: 24px
  }

  .rv921 {
  --r-font-size: 15px
  }

  .rv922 {
  --r-font-size: 15px
  }

  .rv923 {
  --r-font-size: 15px
  }

  .rv924 {
  --r-padding: 24px 0
  }

  .rv925 {
  --r-font-size: 18px
  }

  .rv926 {
  --r-font-size: 15px
  }

  .rv927 {
  --r-font-size: 15px
  }

  .rv928 {
  --r-padding: 24px 0
  }

  .rv929 {
  --r-font-size: 18px
  }

  .rv930 {
  --r-font-size: 15px
  }

  .rv931 {
  --r-font-size: 15px
  }

  .rv932 {
  --r-padding: 24px 0
  }

  .rv933 {
  --r-font-size: 18px
  }

  .rv934 {
  --r-font-size: 15px
  }

  .rv935 {
  --r-font-size: 15px
  }

  .rv936 {
  --r-padding: 24px 0
  }

  .rv937 {
  --r-font-size: 18px
  }

  .rv938 {
  --r-font-size: 15px
  }

  .rv939 {
  --r-font-size: 15px
  }

  .rv940 {
  --r-padding: 24px 0
  }

  .rv941 {
  --r-font-size: 18px
  }

  .rv942 {
  --r-font-size: 15px
  }

  .rv943 {
  --r-font-size: 15px
  }

  .rv944 {
  --r-padding: 24px 0
  }

  .rv945 {
  --r-font-size: 18px
  }

  .rv946 {
  --r-font-size: 15px
  }

  .rv947 {
  --r-font-size: 15px
  }

  .rv948 {
  --r-padding: 24px 0
  }

  .rv949 {
  --r-font-size: 24px
  }

  .rv950 {
  --r-font-size: 15px
  }

  .rv951 {
  --r-font-size: 15px
  }

  .rv952 {
  --r-font-size: 15px
  }

  .rv953 {
  --r-font-size: 15px
  }

  .rv954 {
  --r-font-size: 15px
  }

  .rv955 {
  --r-font-size: 15px
  }

  .rv956 {
  --r-font-size: 15px
  }

  .rv957 {
  --r-font-size: 15px
  }

  .rv958 {
  --r-font-size: 15px
  }

  .rv959 {
  --r-padding: 24px 0
  }

  .rv960 {
  --r-font-size: 24px
  }

  .rv961 {
  --r-font-size: 15px
  }

  .rv962 {
  --r-font-size: 15px
  }

  .rv963 {
  --r-font-size: 15px
  }

  .rv964 {
  --r-font-size: 15px
  }

  .rv965 {
  --r-font-size: 15px
  }

  .rv966 {
  --r-font-size: 15px
  }

  .rv967 {
  --r-font-size: 15px
  }

  .rv968 {
  --r-font-size: 15px
  }

  .rv969 {
  --r-font-size: 15px
  }

  .rv970 {
  --r-font-size: 15px
  }

  .rv971 {
  --r-padding: 24px 0
  }

  .rv972 {
  --r-font-size: 24px
  }

  .rv973 {
  --r-font-size: 15px
  }

  .rv974 {
  --r-font-size: 15px
  }

  .rv975 {
  --r-font-size: 15px
  }

  .rv976 {
  --r-font-size: 15px
  }

  .rv977 {
  --r-font-size: 15px
  }

  .rv978 {
  --r-font-size: 15px
  }

  .rv979 {
  --r-font-size: 15px
  }

  .rv980 {
  --r-font-size: 15px
  }

  .rv981 {
  --r-padding: 24px 0
  }

  .rv982 {
  --r-font-size: 24px
  }

  .rv983 {
  --r-font-size: 15px
  }

  .rv984 {
  --r-font-size: 15px
  }

  .rv985 {
  --r-font-size: 15px
  }

  .rv986 {
  --r-font-size: 15px
  }

  .rv987 {
  --r-font-size: 15px
  }

  .rv988 {
  --r-font-size: 15px
  }

  .rv989 {
  --r-font-size: 15px
  }

  .rv990 {
  --r-font-size: 15px
  }
}

@media (max-width: 599.98px) {
  .rv908 {
  --r-padding: 8px 20px 0;
        --r-gap: 24px
  }

  .rv909 {
  --r-font-size: 26px
  }

  .rv910 {
  --r-font-size: 15px
  }

  .rv911 {
  --r-padding: 12px
  }

  .rv912 {
  --r-display: flex;
        --r-gap: 16px
  }

  #app .vx .rv912 {
  flex-direction: column;
        min-width: 0
  }

  .rv913 {
  --r-margin: 0 -12px;
        --r-padding: 2px 12px 6px
  }

  .rv914 {
  --r-height: 520px;
        --r-padding: 0 20px
  }

  .rv915 {
  --r-padding: 22px 0 20px
  }

  .rv916 {
  --r-font-size: 14px
  }

  .rv917 {
  --r-font-size: 14px
  }

  .rv918 {
  --r-font-size: 14px
  }

  .rv919 {
  --r-padding: 20px 0
  }

  .rv920 {
  --r-font-size: 21px
  }

  .rv921 {
  --r-font-size: 14px
  }

  .rv922 {
  --r-font-size: 14px
  }

  .rv923 {
  --r-font-size: 14px
  }

  .rv924 {
  --r-padding: 20px 0
  }

  .rv925 {
  --r-font-size: 17px
  }

  .rv926 {
  --r-font-size: 14px
  }

  .rv927 {
  --r-font-size: 14px
  }

  .rv928 {
  --r-padding: 20px 0
  }

  .rv929 {
  --r-font-size: 17px
  }

  .rv930 {
  --r-font-size: 14px
  }

  .rv931 {
  --r-font-size: 14px
  }

  .rv932 {
  --r-padding: 20px 0
  }

  .rv933 {
  --r-font-size: 17px
  }

  .rv934 {
  --r-font-size: 14px
  }

  .rv935 {
  --r-font-size: 14px
  }

  .rv936 {
  --r-padding: 20px 0
  }

  .rv937 {
  --r-font-size: 17px
  }

  .rv938 {
  --r-font-size: 14px
  }

  .rv939 {
  --r-font-size: 14px
  }

  .rv940 {
  --r-padding: 20px 0
  }

  .rv941 {
  --r-font-size: 17px
  }

  .rv942 {
  --r-font-size: 14px
  }

  .rv943 {
  --r-font-size: 14px
  }

  .rv944 {
  --r-padding: 20px 0
  }

  .rv945 {
  --r-font-size: 17px
  }

  .rv946 {
  --r-font-size: 14px
  }

  .rv947 {
  --r-font-size: 14px
  }

  .rv948 {
  --r-padding: 20px 0
  }

  .rv949 {
  --r-font-size: 21px
  }

  .rv950 {
  --r-font-size: 14px
  }

  .rv951 {
  --r-font-size: 14px
  }

  .rv952 {
  --r-font-size: 14px
  }

  .rv953 {
  --r-font-size: 14px
  }

  .rv954 {
  --r-font-size: 14px
  }

  .rv955 {
  --r-font-size: 14px
  }

  .rv956 {
  --r-font-size: 14px
  }

  .rv957 {
  --r-font-size: 14px
  }

  .rv958 {
  --r-font-size: 14px
  }

  .rv959 {
  --r-padding: 20px 0
  }

  .rv960 {
  --r-font-size: 21px
  }

  .rv961 {
  --r-font-size: 14px
  }

  .rv962 {
  --r-font-size: 14px
  }

  .rv963 {
  --r-font-size: 14px
  }

  .rv964 {
  --r-font-size: 14px
  }

  .rv965 {
  --r-font-size: 14px
  }

  .rv966 {
  --r-font-size: 14px
  }

  .rv967 {
  --r-font-size: 14px
  }

  .rv968 {
  --r-font-size: 14px
  }

  .rv969 {
  --r-font-size: 14px
  }

  .rv970 {
  --r-font-size: 14px
  }

  .rv971 {
  --r-padding: 20px 0
  }

  .rv972 {
  --r-font-size: 21px
  }

  .rv973 {
  --r-font-size: 14px
  }

  .rv974 {
  --r-font-size: 14px
  }

  .rv975 {
  --r-font-size: 14px
  }

  .rv976 {
  --r-font-size: 14px
  }

  .rv977 {
  --r-font-size: 14px
  }

  .rv978 {
  --r-font-size: 14px
  }

  .rv979 {
  --r-font-size: 14px
  }

  .rv980 {
  --r-font-size: 14px
  }

  .rv981 {
  --r-padding: 20px 0
  }

  .rv982 {
  --r-font-size: 21px
  }

  .rv983 {
  --r-font-size: 14px
  }

  .rv984 {
  --r-font-size: 14px
  }

  .rv985 {
  --r-font-size: 14px
  }

  .rv986 {
  --r-font-size: 14px
  }

  .rv987 {
  --r-font-size: 14px
  }

  .rv988 {
  --r-font-size: 14px
  }

  .rv989 {
  --r-font-size: 14px
  }

  .rv990 {
  --r-font-size: 14px
  }
}

/* Styles for <section id="cta2"> only. */

.vx .lblsvg {
position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: visible;
   pointer-events: none
}

.vx .lblrun {
stroke-dasharray: 22 78;
   stroke-dashoffset: 100;
   animation: lblRun 2.8s linear infinite
}

.vx .s15p {
position: relative;
   overflow: hidden;
   isolation: isolate;
   background: #22A7E0;
   --mx: -999px;
   --my: -999px
}

.vx .s15glow {
position: absolute;
   inset: 0;
   z-index: 0;
   pointer-events: none;
   background: radial-gradient(300px circle at var(--mx) var(--my), rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 70%)
}

.vx .s15pill {
position: relative;
   display: inline-flex;
   align-items: center;
   border-radius: 999px;
   background: rgba(255, 255, 255, .10);
   -webkit-backdrop-filter: blur(8px);
   backdrop-filter: blur(8px)
}

.vx .s15st {
display: inline-flex;
   align-items: center;
   white-space: nowrap;
   color: rgba(255, 255, 255, .78)
}

.vx .s15st b {
font-weight: 600;
   color: #FFFFFF;
   letter-spacing: -0.02em
}

.vx .s15st svg {
color: #FFFFFF
}

.vx .s15dv {
width: 1px;
   align-self: stretch;
   background: rgba(255, 255, 255, .22)
}

.vx .s15b1 {
background: #FFFFFF;
   color: #0F6D99;
   border: 1px solid #FFFFFF;
   box-shadow: 0 10px 24px rgba(8, 70, 105, .25)
}

.vx .s15b1:hover {
background: transparent;
   color: #FFFFFF
}

.vx .s15b1 .arc {
display: flex;
   align-items: center;
   justify-content: center;
   width: 26px;
   height: 26px;
   margin-right: -8px;
   border-radius: 999px;
   background: #0F6D99;
   color: #FFFFFF;
   transition: transform 200ms var(--e), background-color 160ms var(--e), color 160ms var(--e)
}

.vx .s15b1:hover .arc {
background: #FFFFFF;
   color: #0F6D99;
   transform: rotate(45deg)
}

.vx .s15b2 {
background: transparent;
   color: #FFFFFF;
   border: 1px solid rgba(255, 255, 255, .75)
}

.vx .s15b2:hover {
background: #FFFFFF;
   color: #0F6D99;
   border-color: #FFFFFF
}

.vx .s15rw {
position: relative;
   perspective: 1800px;
   align-items: center;
   justify-content: center
}

.vx .s15iso {
position: relative;
   z-index: 2;
   transform-style: preserve-3d;
   transform: var(--iso);
   transition: transform 700ms var(--e)
}

.vx .s15iso:hover {
transform: var(--iso-h)
}

.vx .s15plate {
position: absolute;
   inset: 0;
   border-radius: 20px;
   background: rgba(255, 255, 255, .22);
   box-shadow: 0 20px 40px rgba(8, 70, 105, .18)
}

.vx .s15plate.p1 {
transform: translate3d(-14px, 14px, -40px)
}

.vx .s15plate.p2 {
transform: translate3d(-28px, 28px, -80px);
   background: rgba(255, 255, 255, .12)
}

.vx .s15cf {
position: absolute;
   left: 50%;
   top: 38%;
   z-index: 5;
   width: 0;
   height: 0;
   pointer-events: none
}

.vx .s15cf i {
position: absolute;
   left: 0;
   top: 0;
   width: 8px;
   height: 12px;
   border-radius: 2px;
   opacity: 0
}

.vx .s15cf.on i {
animation: s15conf 1500ms cubic-bezier(.15, .7, .3, 1) forwards
}

.vx .s15card {
position: relative;
   z-index: 2;
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   border-radius: 20px;
   background: #FFFFFF;
   box-shadow: 0 30px 60px rgba(8, 70, 105, .30), 0 2px 6px rgba(8, 70, 105, .15);
   transform: translate3d(0, 60px, 0);
   opacity: 0;
   transition: opacity 700ms var(--e) 250ms, transform 1000ms var(--e) 250ms
}

.vx .s15p.in .s15card {
opacity: 1;
   transform: none
}

.vx .s15rings {
position: absolute;
   inset: 0;
   z-index: 1;
   pointer-events: none;
   overflow: visible
}

.vx .s15ring {
position: absolute;
   left: 50%;
   top: 50%;
   border-radius: 999px;
   border: 1px solid rgba(255, 255, 255, .28);
   transform: translate(-50%, -50%) scale(.6);
   opacity: 0;
   animation: s15radar 6s var(--e) infinite
}

.vx .s15ring:nth-child(2) {
animation-delay: 1.5s
}

.vx .s15ring:nth-child(3) {
animation-delay: 3s
}

.vx .s15ring:nth-child(4) {
animation-delay: 4.5s
}

.vx .s15i {
opacity: 0;
   transform: translateX(-32px);
   transition: opacity 600ms var(--e), transform 800ms var(--e)
}

.vx .s15l.in .s15i {
opacity: 1;
   transform: none
}

.vx .s15l.in .s15i:nth-child(2) {
transition-delay: 120ms
}

.vx .s15l.in .s15i:nth-child(3) {
transition-delay: 260ms
}

.vx .s15day {
display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 4px;
   border-radius: 10px;
   background: #F4F6F8;
   color: #2E2E2E;
   transition: background-color 300ms var(--e), color 300ms var(--e), transform 300ms var(--e)
}

.vx .s15day span {
font-size: 13px;
   line-height: 16px;
   color: #8A93A1;
   transition: color 300ms var(--e)
}

.vx .s15day b {
font-size: 22px;
   line-height: 28px;
   font-weight: 600
}

.vx .s15day.on {
background: #22A7E0;
   color: #FFFFFF;
   transform: translateY(-2px)
}

.vx .s15day.on span {
color: rgba(255, 255, 255, .85)
}

.vx .s15slot {
display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 12px;
   background: #FFFFFF;
   box-shadow: inset 0 0 0 1px #D9DEE5;
   font-size: 16px;
   font-weight: 500;
   color: #2E2E2E;
   transition: background-color 300ms var(--e), color 300ms var(--e), box-shadow 300ms var(--e)
}

.vx .s15slot.on {
background: #E9F6FC;
   color: #0F6D99;
   box-shadow: inset 0 0 0 1.5px #22A7E0
}

.vx .s15go {
position: relative;
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 8px;
   border-radius: 12px;
   background: #D9DEE5;
   color: #FFFFFF;
   font-size: 17px;
   font-weight: 500;
   overflow: hidden;
   transition: background-color 300ms var(--e)
}

.vx .s15go.on {
background: #22A7E0
}

.vx .s15go.on::after {
content: "";
   position: absolute;
   inset: 0;
   border-radius: 10px;
   box-shadow: 0 0 0 0 rgba(34, 167, 224, .5);
   animation: s15ping 1.4s var(--e) infinite
}

.vx .s15sum {
display: flex;
   align-items: center;
   gap: 10px;
   padding: 14px 16px;
   border-radius: 12px;
   background: #F4F6F8;
   color: #8A93A1;
   font-size: 15px;
   line-height: 22px;
   transition: background-color 300ms var(--e), color 300ms var(--e)
}

.vx .s15sum.on {
background: #E9F6FC;
   color: #0F6D99;
   font-weight: 500
}

.vx .s15ok {
position: absolute;
   inset: 0;
   z-index: 3;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 12px;
   border-radius: 20px;
   background: rgba(255, 255, 255, .96);
   text-align: center;
   opacity: 0;
   pointer-events: none;
   transition: opacity 360ms var(--e)
}

.vx .s15ok.on {
opacity: 1
}

.vx .s15ok .ring {
display: flex;
   align-items: center;
   justify-content: center;
   width: 64px;
   height: 64px;
   border-radius: 999px;
   background: #E9F6FC;
   color: #22A7E0;
   transform: scale(.6);
   transition: transform 500ms cubic-bezier(.34, 1.56, .64, 1)
}

.vx .s15ok.on .ring {
transform: none
}

.vx .s15cur {
position: absolute;
   z-index: 4;
   width: 22px;
   height: 22px;
   pointer-events: none;
   transition: left 700ms var(--e), top 700ms var(--e), opacity 300ms var(--e);
   filter: drop-shadow(0 2px 3px rgba(0, 0, 0, .25))
}

@media (min-width: 1600px) {
  .rv991 {
  --r-padding: 88px 0 0
  }

  #app .vx .rv991 {
  width: 1440px;
        margin: 0 auto
  }

  .rv992 {
  --r-border-radius: 28px;
        --r-padding: 16px
  }

  .rv993 {
  --r-display: grid;
        --r-gap: 16px
  }

  #app .vx .rv993 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        min-height: 560px
  }

  .rv994 {
  --r-align-items: flex-start;
        --r-padding: 64px 48px 64px 64px
  }

  .rv995 {
  --r-height: 52px;
        --r-padding: 0 18px;
        --r-gap: 16px
  }

  :where(.rv996) {
  width: 16px;
        height: 16px
  }

  .rv997 {
  --r-font-size: 18px
  }

  .rv998 {
  --r-font-size: 14px
  }

  .rv999 {
  --r-margin: 13px 0
  }

  :where(.rv1000) {
  width: 16px;
        height: 16px
  }

  .rv1001 {
  --r-font-size: 18px
  }

  .rv1002 {
  --r-font-size: 14px
  }

  .rv1003 {
  --r-align-items: flex-start;
        --r-text-align: left
  }

  .rv1004 {
  --r-max-width: 600px;
        --r-font-size: 48px;
        --r-letter-spacing: -0.035em
  }

  .rv1005 {
  --r-max-width: 560px;
        --r-font-size: 19px
  }

  .rv1006 {
  --r-flex-direction: row
  }

  .rv1007 {
  --r-width: 110%;
        --r-height: 110%
  }

  .rv1008 {
  --r-width: 110%;
        --r-height: 110%
  }

  .rv1009 {
  --r-width: 110%;
        --r-height: 110%
  }

  .rv1010 {
  --r-width: 110%;
        --r-height: 110%
  }

  .rv1011 {
  --r-width: 72%;
        --iso: rotateX(24deg) rotateY(-18deg) rotateZ(6deg);
        --iso-h: rotateX(14deg) rotateY(-10deg) rotateZ(3deg) translateZ(20px)
  }

  .rv1012 {
  --r-padding: 28px;
        --r-gap: 18px
  }

  .rv1013 {
  --r-width: 44px;
        --r-height: 44px
  }

  .rv1014 {
  --r-font-size: 20px
  }

  .rv1015 {
  --r-font-size: 14px
  }

  .rv1016 {
  --r-height: 70px
  }

  .rv1017 {
  --r-height: 70px
  }

  .rv1018 {
  --r-height: 70px
  }

  .rv1019 {
  --r-height: 70px
  }

  .rv1020 {
  --r-height: 70px
  }

  .rv1021 {
  --r-height: 50px
  }

  .rv1022 {
  --r-height: 50px
  }

  .rv1023 {
  --r-height: 50px
  }

  .rv1024 {
  --r-height: 50px
  }

  .rv1025 {
  --r-height: 50px
  }
}

@media (min-width: 1024px) and (max-width: 1599.98px) {
  .rv991 {
  --r-padding: 88px 0 0
  }

  #app .vx .rv991 {
  width: 1320px;
        margin: 0 auto
  }

  .rv992 {
  --r-border-radius: 28px;
        --r-padding: 16px
  }

  .rv993 {
  --r-display: grid;
        --r-gap: 16px
  }

  #app .vx .rv993 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
        min-height: 540px
  }

  .rv994 {
  --r-align-items: flex-start;
        --r-padding: 56px 40px 56px 56px
  }

  .rv995 {
  --r-height: 52px;
        --r-padding: 0 18px;
        --r-gap: 16px
  }

  :where(.rv996) {
  width: 16px;
        height: 16px
  }

  .rv997 {
  --r-font-size: 18px
  }

  .rv998 {
  --r-font-size: 14px
  }

  .rv999 {
  --r-margin: 13px 0
  }

  :where(.rv1000) {
  width: 16px;
        height: 16px
  }

  .rv1001 {
  --r-font-size: 18px
  }

  .rv1002 {
  --r-font-size: 14px
  }

  .rv1003 {
  --r-align-items: flex-start;
        --r-text-align: left
  }

  .rv1004 {
  --r-max-width: 540px;
        --r-font-size: 42px;
        --r-letter-spacing: -0.035em
  }

  .rv1005 {
  --r-max-width: 520px;
        --r-font-size: 18px
  }

  .rv1006 {
  --r-flex-direction: row
  }

  .rv1007 {
  --r-width: 110%;
        --r-height: 110%
  }

  .rv1008 {
  --r-width: 110%;
        --r-height: 110%
  }

  .rv1009 {
  --r-width: 110%;
        --r-height: 110%
  }

  .rv1010 {
  --r-width: 110%;
        --r-height: 110%
  }

  .rv1011 {
  --r-width: 78%;
        --iso: rotateX(24deg) rotateY(-18deg) rotateZ(6deg);
        --iso-h: rotateX(14deg) rotateY(-10deg) rotateZ(3deg) translateZ(20px)
  }

  .rv1012 {
  --r-padding: 24px;
        --r-gap: 16px
  }

  .rv1013 {
  --r-width: 44px;
        --r-height: 44px
  }

  .rv1014 {
  --r-font-size: 20px
  }

  .rv1015 {
  --r-font-size: 14px
  }

  .rv1016 {
  --r-height: 64px
  }

  .rv1017 {
  --r-height: 64px
  }

  .rv1018 {
  --r-height: 64px
  }

  .rv1019 {
  --r-height: 64px
  }

  .rv1020 {
  --r-height: 64px
  }

  .rv1021 {
  --r-height: 46px
  }

  .rv1022 {
  --r-height: 46px
  }

  .rv1023 {
  --r-height: 46px
  }

  .rv1024 {
  --r-height: 46px
  }

  .rv1025 {
  --r-height: 46px
  }
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  .rv991 {
  --r-padding: 72px 24px 0
  }

  .rv992 {
  --r-border-radius: 24px;
        --r-padding: 16px
  }

  .rv993 {
  --r-display: flex;
        --r-gap: 24px
  }

  #app .vx .rv993 {
  flex-direction: column
  }

  .rv994 {
  --r-align-items: center;
        --r-padding: 48px 24px 16px
  }

  .rv995 {
  --r-height: 52px;
        --r-padding: 0 18px;
        --r-gap: 16px
  }

  :where(.rv996) {
  width: 16px;
        height: 16px
  }

  .rv997 {
  --r-font-size: 18px
  }

  .rv998 {
  --r-font-size: 14px
  }

  .rv999 {
  --r-margin: 13px 0
  }

  :where(.rv1000) {
  width: 16px;
        height: 16px
  }

  .rv1001 {
  --r-font-size: 18px
  }

  .rv1002 {
  --r-font-size: 14px
  }

  .rv1003 {
  --r-align-items: center;
        --r-text-align: center
  }

  .rv1004 {
  --r-max-width: 640px;
        --r-font-size: 40px;
        --r-letter-spacing: -0.03em
  }

  .rv1005 {
  --r-max-width: 600px;
        --r-font-size: 18px
  }

  .rv1006 {
  --r-flex-direction: row
  }

  .rv1007 {
  --r-width: 90%;
        --r-height: 90%
  }

  .rv1008 {
  --r-width: 90%;
        --r-height: 90%
  }

  .rv1009 {
  --r-width: 90%;
        --r-height: 90%
  }

  .rv1010 {
  --r-width: 90%;
        --r-height: 90%
  }

  .rv1011 {
  --r-width: 78%;
        --iso: rotateX(24deg) rotateY(-18deg) rotateZ(6deg);
        --iso-h: rotateX(14deg) rotateY(-10deg) rotateZ(3deg) translateZ(20px)
  }

  .rv1012 {
  --r-padding: 24px;
        --r-gap: 16px
  }

  .rv1013 {
  --r-width: 44px;
        --r-height: 44px
  }

  .rv1014 {
  --r-font-size: 20px
  }

  .rv1015 {
  --r-font-size: 14px
  }

  .rv1016 {
  --r-height: 64px
  }

  .rv1017 {
  --r-height: 64px
  }

  .rv1018 {
  --r-height: 64px
  }

  .rv1019 {
  --r-height: 64px
  }

  .rv1020 {
  --r-height: 64px
  }

  .rv1021 {
  --r-height: 48px
  }

  .rv1022 {
  --r-height: 48px
  }

  .rv1023 {
  --r-height: 48px
  }

  .rv1024 {
  --r-height: 48px
  }

  .rv1025 {
  --r-height: 48px
  }
}

@media (max-width: 599.98px) {
  .rv991 {
  --r-padding: 48px 20px 0
  }

  .rv992 {
  --r-border-radius: 20px;
        --r-padding: 12px
  }

  .rv993 {
  --r-display: flex;
        --r-gap: 20px
  }

  #app .vx .rv993 {
  flex-direction: column
  }

  .rv994 {
  --r-align-items: center;
        --r-padding: 36px 8px 8px
  }

  .rv995 {
  --r-height: 44px;
        --r-padding: 0 14px;
        --r-gap: 10px
  }

  :where(.rv996) {
  width: 13px;
        height: 13px
  }

  .rv997 {
  --r-font-size: 15px
  }

  .rv998 {
  --r-font-size: 12px
  }

  .rv999 {
  --r-margin: 11px 0
  }

  :where(.rv1000) {
  width: 13px;
        height: 13px
  }

  .rv1001 {
  --r-font-size: 15px
  }

  .rv1002 {
  --r-font-size: 12px
  }

  .rv1003 {
  --r-align-items: center;
        --r-text-align: center
  }

  .rv1004 {
  --r-max-width: 310px;
        --r-font-size: 28px;
        --r-letter-spacing: -0.02em
  }

  .rv1005 {
  --r-max-width: 310px;
        --r-font-size: 16px
  }

  .rv1006 {
  --r-flex-direction: column
  }

  #app .vx .rv1006 {
  width: 100%
  }

  .rv1007 {
  --r-width: 100%;
        --r-height: 100%
  }

  .rv1008 {
  --r-width: 100%;
        --r-height: 100%
  }

  .rv1009 {
  --r-width: 100%;
        --r-height: 100%
  }

  .rv1010 {
  --r-width: 100%;
        --r-height: 100%
  }

  .rv1011 {
  --r-width: 88%;
        --iso: rotateX(16deg) rotateY(-10deg) rotateZ(3deg);
        --iso-h: rotateX(10deg) rotateY(-6deg) rotateZ(2deg)
  }

  .rv1012 {
  --r-padding: 18px;
        --r-gap: 14px
  }

  .rv1013 {
  --r-width: 36px;
        --r-height: 36px
  }

  .rv1014 {
  --r-font-size: 17px
  }

  .rv1015 {
  --r-font-size: 12px
  }

  .rv1016 {
  --r-height: 56px
  }

  .rv1017 {
  --r-height: 56px
  }

  .rv1018 {
  --r-height: 56px
  }

  .rv1019 {
  --r-height: 56px
  }

  .rv1020 {
  --r-height: 56px
  }

  .rv1021 {
  --r-height: 42px
  }

  .rv1022 {
  --r-height: 42px
  }

  .rv1023 {
  --r-height: 42px
  }

  .rv1024 {
  --r-height: 42px
  }

  .rv1025 {
  --r-height: 42px
  }
}

@keyframes s15radar {0% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(.6)
   }

   20% {
      opacity: 1
   }

   100% {
      opacity: 0;
      transform: translate(-50%, -50%) scale(1.25)
   }}

@keyframes s15conf {0% {
      opacity: 1;
      transform: translate(0, 0) rotate(0deg) scale(.6)
   }

   70% {
      opacity: 1
   }

   100% {
      opacity: 0;
      transform: translate(var(--dx), var(--dy)) rotate(var(--r)) scale(1)
   }}

@keyframes s15ping {0% {
      box-shadow: 0 0 0 0 rgba(34, 167, 224, .45)
   }

   100% {
      box-shadow: 0 0 0 12px rgba(34, 167, 224, 0)
   }}

@keyframes lblRun {from {
      stroke-dashoffset: 100
   }

   to {
      stroke-dashoffset: 0
   }}

/* Styles for <section id="explore"> only. */

@media (min-width: 600px) and (max-width: 1023.98px) {
  .vx .explore {
  grid-column: 1 / -1;
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 16px;
        border: 1px solid #E4E8ED;
        border-radius: 10px;
        background: #F4F6F8;
        text-decoration: none;
        animation: subIn 180ms var(--e) both;
        transition: border-color 120ms var(--e)
  }
}

@media (max-width: 599.98px) {
  .vx .explore {
  display: flex;
        align-items: center;
        gap: 16px;
        margin-top: 8px;
        padding: 16px;
        border: 1px solid #E4E8ED;
        border-radius: 10px;
        background: #F4F6F8;
        text-decoration: none;
        animation: subIn 180ms var(--e) both;
        transition: border-color 120ms var(--e)
  }
}

@media (max-width: 1023.98px) {
  .vx .explore:hover {
  border-color: #D9DEE5
  }
}

.vx .ilpanel {
border-radius: 28px;
   background: #F4F6F8
}

.vx .ilg {
display: flex;
   flex-direction: column;
   box-sizing: border-box;
   border-radius: 18px;
   background: #FFFFFF;
   box-shadow: 0 1px 2px rgba(46, 46, 46, .05), 0 10px 26px rgba(46, 46, 46, .06);
   min-width: 0
}

.vx .ilh {
display: flex;
   align-items: center;
   gap: 12px;
   width: 100%;
   box-sizing: border-box;
   border: 0;
   background: transparent;
   font: inherit;
   text-align: left;
   color: #2E2E2E
}

.vx .ilic {
display: flex;
   align-items: center;
   justify-content: center;
   flex-shrink: 0;
   width: 36px;
   height: 36px;
   border-radius: 10px;
   background: #E9F6FC
}

.vx .ilm {
display: block;
   width: 20px;
   height: 20px;
   background: #0F6D99;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-position: center;
   mask-position: center;
   -webkit-mask-size: contain;
   mask-size: contain
}

.vx .ilt {
flex: 1;
   min-width: 0;
   font-size: 15px;
   font-weight: 600;
   letter-spacing: -.01em
}

.vx .ilct {
display: inline-flex;
   align-items: center;
   height: 22px;
   padding: 0 8px;
   border-radius: 999px;
   background: #F4F6F8;
   color: #5B6472;
   font-size: 12px;
   font-weight: 500
}

.vx .illist {
list-style: none;
   margin: 0;
   padding: 0;
   display: grid;
   column-gap: 20px
}

.vx .illist a {
position: relative;
   display: inline-flex;
   align-items: center;
   gap: 6px;
   padding: 5px 0;
   font-size: 14px;
   line-height: 20px;
   color: #5B6472;
   text-decoration: none;
   transition: color 180ms var(--e), transform 220ms var(--e)
}

.vx .illist a::before {
content: "";
   width: 4px;
   height: 4px;
   border-radius: 99px;
   background: #C9D1DA;
   flex-shrink: 0;
   transition: background-color 180ms var(--e), transform 220ms var(--e)
}

.vx .illist a:hover {
color: #0F6D99;
   transform: translateX(3px)
}

.vx .illist a:hover::before {
background: #22A7E0;
   transform: scale(1.5)
}

.vx .ilcta {
display: inline-flex;
   align-items: center;
   gap: 8px;
   font-size: 14px;
   font-weight: 500;
   color: #0F6D99;
   text-decoration: none
}

.vx .ilcta svg {
transition: transform 220ms var(--e)
}

.vx .ilcta:hover svg {
transform: translateX(3px)
}

.vx .ilchev {
flex-shrink: 0;
   transition: transform 300ms var(--e);
   color: #5B6472
}

.vx .ilg.on .ilchev {
transform: rotate(180deg)
}

.vx .ilbd {
display: grid;
   grid-template-rows: 1fr
}

.vx .ilbd>div {
overflow: hidden;
   min-height: 0
}

@media (max-width: 599.98px) {
  .vx .ilh {
  cursor: pointer
  }

  .vx .ilbd {
  grid-template-rows: 0fr;
        transition: grid-template-rows 420ms var(--e)
  }

  .vx .ilg.on .ilbd {
  grid-template-rows: 1fr
  }
}

@media (min-width: 1600px) {
  .v-t {
  display: none !important
  }

  .rv1026 {
  --r-padding: 96px 0 0
  }

  #app .vx .rv1026 {
  width: 1440px;
        margin: 0 auto
  }

  .rv1027 {
  --r-padding: 40px;
        --r-gap: 32px
  }

  #app .vx .rv1028 {
  align-items: flex-end
  }

  .rv1029 {
  --r-font-size: 32px
  }

  .rv1030 {
  --r-font-size: 16px
  }

  .rv1031 {
  --r-gap: 16px
  }

  .rv1032 {
  --r-grid-template-columns: minmax(0, 1fr) minmax(0, 2.3fr) minmax(0, 1fr) minmax(0, 1fr);
        --r-gap: 16px
  }

  .rv1033 {
  --r-gap: 16px
  }

  .rv1034 {
  --r-padding: 22px
  }

  .rv1035 {
  --r-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%205-9%205-9-5z%22%2F%3E%3Cpath%20d%3D%22m3%2013%209%205%209-5%22%2F%3E%3C%2Fsvg%3E);
        --r-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%205-9%205-9-5z%22%2F%3E%3Cpath%20d%3D%22m3%2013%209%205%209-5%22%2F%3E%3C%2Fsvg%3E)
  }

  .rv1036 {
  --r-grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .rv1037 {
  --r-padding: 22px
  }

  .rv1038 {
  --r-gap: 16px
  }

  .rv1039 {
  --r-padding: 22px
  }

  .rv1040 {
  --r-gap: 16px
  }

  .rv1041 {
  --r-padding: 22px
  }

  .rv1042 {
  --r-padding: 22px
  }

  .rv1043 {
  --r-gap: 16px
  }

  .rv1044 {
  --r-padding: 22px
  }
}

@media (min-width: 1024px) and (max-width: 1599.98px) {
  .v-t {
  display: none !important
  }

  .rv1026 {
  --r-padding: 88px 0 0
  }

  #app .vx .rv1026 {
  width: 1320px;
        margin: 0 auto
  }

  .rv1027 {
  --r-padding: 36px;
        --r-gap: 28px
  }

  #app .vx .rv1028 {
  align-items: flex-end
  }

  .rv1029 {
  --r-font-size: 30px
  }

  .rv1030 {
  --r-font-size: 16px
  }

  .rv1031 {
  --r-gap: 14px
  }

  .rv1032 {
  --r-grid-template-columns: minmax(0, 1fr) minmax(0, 2.3fr) minmax(0, 1fr) minmax(0, 1fr);
        --r-gap: 14px
  }

  .rv1033 {
  --r-gap: 14px
  }

  .rv1034 {
  --r-padding: 20px
  }

  .rv1035 {
  --r-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%205-9%205-9-5z%22%2F%3E%3Cpath%20d%3D%22m3%2013%209%205%209-5%22%2F%3E%3C%2Fsvg%3E);
        --r-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22m12%203%209%205-9%205-9-5z%22%2F%3E%3Cpath%20d%3D%22m3%2013%209%205%209-5%22%2F%3E%3C%2Fsvg%3E)
  }

  .rv1036 {
  --r-grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .rv1037 {
  --r-padding: 20px
  }

  .rv1038 {
  --r-gap: 14px
  }

  .rv1039 {
  --r-padding: 20px
  }

  .rv1040 {
  --r-gap: 14px
  }

  .rv1041 {
  --r-padding: 20px
  }

  .rv1042 {
  --r-padding: 20px
  }

  .rv1043 {
  --r-gap: 14px
  }

  .rv1044 {
  --r-padding: 20px
  }
}

@media (min-width: 600px) and (max-width: 1023.98px) {
  .rv1026 {
  --r-padding: 72px 24px 0
  }

  .rv1027 {
  --r-padding: 28px;
        --r-gap: 24px
  }

  #app .vx .rv1028 {
  align-items: flex-end
  }

  .rv1029 {
  --r-font-size: 28px
  }

  .rv1030 {
  --r-font-size: 15px
  }

  .rv1031 {
  --r-gap: 14px
  }

  .rv1032 {
  --r-grid-template-columns: minmax(0, 1fr);
        --r-gap: 14px
  }

  .rv1033 {
  --r-gap: 14px
  }

  .rv1034 {
  --r-padding: 20px
  }

  #app .vx .rv1034 {
  flex: 1 1 auto
  }

  .rv1035 {
  --r-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%209%205%204h14l1.5%205%22%2F%3E%3Cpath%20d%3D%22M3.5%209h17a2.8%202.8%200%200%201-5.7%200%202.8%202.8%200%200%201-5.6%200%202.8%202.8%200%200%201-5.7%200%22%2F%3E%3Cpath%20d%3D%22M5%2012.5V21h14v-8.5M10%2021v-5h4v5%22%2F%3E%3C%2Fsvg%3E);
        --r-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%221.75%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3.5%209%205%204h14l1.5%205%22%2F%3E%3Cpath%20d%3D%22M3.5%209h17a2.8%202.8%200%200%201-5.7%200%202.8%202.8%200%200%201-5.6%200%202.8%202.8%200%200%201-5.7%200%22%2F%3E%3Cpath%20d%3D%22M5%2012.5V21h14v-8.5M10%2021v-5h4v5%22%2F%3E%3C%2Fsvg%3E)
  }

  .rv1036 {
  --r-grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}

@media (max-width: 599.98px) {
  .v-t {
  display: none !important
  }

  .rv1026 {
  --r-padding: 48px 20px 0
  }

  .rv1027 {
  --r-padding: 18px;
        --r-gap: 18px
  }

  #app .vx .rv1028 {
  flex-direction: column
  }

  .rv1029 {
  --r-font-size: 26px
  }

  .rv1030 {
  --r-font-size: 14px
  }
}

@keyframes subIn {from {
      opacity: 0;
      transform: translateY(-4px)
   }

   to {
      opacity: 1;
      transform: none
   }}