/*!
 * Act3 (c) Copyright Neambo | https://neambo.com | v31
 * This license grants you, the purchaser, an ongoing, non-exclusive, worldwide
 * license to make use of this digital work on a single Hub ID (HubSpot Account)
 */
*, :after, :before {
    box-sizing: border-box
    }
body, html {
    min-height: 100%
    }
html {
    font-size: 112.5%;
    --vw: 1vw
    }
body {
    background: #fff;
    color: #1c1c1c;
    font-family: Montserrat, sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.56;
    margin: 0;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-text-rendering: antialiased;
    -moz-text-rendering: antialiased;
    -ms-text-rendering: antialiased;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -ms-font-smoothing: antialiased;
    font-smoothing: antialiased;
    hyphens: none;
    overflow-wrap: normal
    }
a {
    color: #0248fa;
    cursor: pointer;
    text-decoration: none
    }
b, strong {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 700
    }
.p, blockquote, p {
    margin: 0 0 24px
    }
.important-quote:before {
    color: #0248fa;
    content: "“";
    display: block;
    font-family: Georgia, Times New Roman, Times, serif;
    font-size: 3.5rem;
    font-weight: 700;
    left: 12px;
    position: absolute;
    top: 0
    }
.important-quote :last-child, .pns p {
    margin-bottom: 0
    }
ol, ul {
    margin-bottom: 24px;
    margin-top: 0
    }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: #1c1c1c;
    margin: 0 0 24px
    }
.h1, h1 {
    font-size: 3.11rem;
    line-height: 1.14
    }
.h1, .h2, h1, h2 {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 600
    }
.h2, h2 {
    font-size: 2.44rem;
    line-height: 1.18
    }
.h3, h3 {
    font-size: 1.56rem;
    line-height: 1.25
    }
.h3, .h4, h3, h4 {
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 600
    }
.h4, h4 {
    font-size: 1.11rem;
    line-height: 1.4
    }
img, svg {
    height: auto;
    max-width: 100%;
    vertical-align: middle
    }
.important-text, .ui-label {
    color: #0c3594
    }
.small-text {
    font-size: 0.89rem
    }
.large-text {
    font-size: 1.22rem
    }
@media (max-width: 1139px) {
    .xlarge-text {
        font-size: 1.586rem
        }
    }
@media (max-width: 767px) {
    .xlarge-text {
        font-size: 1.342rem
        }
    }
.txt--dark, .txt--dark .display, .txt--dark .h1, .txt--dark .h2, .txt--dark .h3, .txt--dark .h4, .txt--dark .h5, .txt--dark .h6, .txt--dark .important-text, .txt--dark .super-text, .txt--dark .ui-label, .txt--dark a, .txt--dark a:hover, .txt--dark h1, .txt--dark h2, .txt--dark h3, .txt--dark h4, .txt--dark h5, .txt--dark h6 {
    color: #fff
    }
.ui-icon {
    align-items: center;
    display: flex;
    justify-content: center
    }
.ui-icon svg {
    display: block;
    height: 1.11rem;
    pointer-events: none;
    width: 1.11rem
    }
@media (max-width: 1139px) {
    html {
        font-size: 112.5%
        }
    .h1, h1 {
        font-size: 2.44rem
        }
    .h2, h2 {
        font-size: 2rem
        }
    .h3, h3 {
        font-size: 1.44rem
        }
    .h4, h4 {
        font-size: 1.11rem
        }
    .h5, h5 {
        font-size: 1rem
        }
    .h6, h6 {
        font-size: 0.89rem
        }
    .display {
        font-size: 3.11rem
        }
    }
@media (max-width: 767px) {
    html {
        font-size: 112.5%
        }
    .h1, h1 {
        font-size: 1.78rem
        }
    .h2, h2 {
        font-size: 1.56rem
        }
    .h3, h3 {
        font-size: 1.33rem
        }
    .h4, h4 {
        font-size: 1.11rem
        }
    .h5, h5 {
        font-size: 1rem
        }
    .h6, h6 {
        font-size: 0.89rem
        }
    .display {
        font-size: 2.44rem
        }
    }
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px
    }
.bg-accent {
    background: linear-gradient(111.02deg, #0248fa, #26d8fc)
    }
.row-fluid, .row-fluid > * {
    display: flex;
    flex-direction: column
    }
.row-fluid > * {
    width: 100%
    }
@media (min-width: 768px) {
    .row-fluid {
        flex-direction: row
        }
    .row-fluid > * + * {
        margin-inline-start: 24px
        }
    .span1 {
        width: calc(8.33333% - 22px)
        }
    .span2 {
        width: calc(16.66667% - 20px)
        }
    .span3 {
        width: calc(25% - 18px)
        }
    .span4 {
        width: calc(33.33333% - 16px)
        }
    .span5 {
        width: calc(41.66667% - 14px)
        }
    .span6 {
        width: calc(50% - 12px)
        }
    .span7 {
        width: calc(58.33333% - 10px)
        }
    .span8 {
        width: calc(66.66667% - 8px)
        }
    .span9 {
        width: calc(75% - 6px)
        }
    .span10 {
        width: calc(83.33333% - 4px)
        }
    .span11 {
        width: calc(91.66667% - 2px)
        }
    .span12 {
        width: 100%
        }
    }
.dnd-section {
    padding: 96px 24px;
    position: relative
    }
@media (max-width: 767px) {
    .dnd-section {
        padding-bottom: 48px;
        padding-top: 48px
        }
    }
.dnd-section > .row-fluid {
    margin: 0 auto;
    max-width: 1138px
    }
.dnd-module > * {
    width: 100%
    }
.hs_cos_wrapper {
    display: block
    }
.section {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 96px 0;
    position: relative
    }
@media (max-width: 767px) {
    .section {
        padding-bottom: 48px;
        padding-top: 48px
        }
    }
.container {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 0 24px;
    width: 1186px
    }
.row {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -12px
    }
.col {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    padding: 0 12px
    }
.s4 {
    width: 33.333333%
    }
.s8 {
    width: 66.666667%
    }
.s12 {
    width: 100%
    }
@media (max-width: 1139px) {
    .md-s1 {
        width: 8.333333%
        }
    .md-s2 {
        width: 16.666667%
        }
    .md-s3 {
        width: 25%
        }
    .md-s4 {
        width: 33.333333%
        }
    .md-s5 {
        width: 41.666667%
        }
    .md-s6 {
        width: 50%
        }
    .md-s7 {
        width: 58.333333%
        }
    .md-s8 {
        width: 66.666667%
        }
    .md-s9 {
        width: 75%
        }
    .md-s10 {
        width: 83.333333%
        }
    .md-s11 {
        width: 91.666667%
        }
    .md-s12 {
        width: 100%
        }
    .md-eq5 {
        width: 20%
        }
    .md-eq7 {
        width: 14.285714%
        }
    }
@media (max-width: 767px) {
    .col {
        width: 100%
        }
    .sm-s1 {
        width: 8.333333%
        }
    .sm-s2 {
        width: 16.666667%
        }
    .sm-s3 {
        width: 25%
        }
    .sm-s4 {
        width: 33.333333%
        }
    .sm-s5 {
        width: 41.666667%
        }
    .sm-s6 {
        width: 50%
        }
    .sm-s7 {
        width: 58.333333%
        }
    .sm-s8 {
        width: 66.666667%
        }
    .sm-s9 {
        width: 75%
        }
    .sm-s10 {
        width: 83.333333%
        }
    .sm-s11 {
        width: 91.666667%
        }
    .sm-s12 {
        width: 100%
        }
    .sm-eq5 {
        width: 20%
        }
    .sm-eq7 {
        width: 14.285714%
        }
    }
.flex {
    display: flex
    }
.no-shrink > *, .self-no-shrink {
    flex-shrink: 0
    }
.flex-row {
    flex-direction: row
    }
.wrap {
    flex-wrap: wrap
    }
.justify-end {
    justify-content: flex-end
    }
.justify-center {
    justify-content: center
    }
.justify-between {
    justify-content: space-between
    }
.items-center {
    align-items: center
    }
.items-stretch {
    align-items: stretch
    }
@media (max-width: 1139px) {
    .md-flex {
        display: flex
        }
    .md-inline-flex {
        display: inline-flex
        }
    .md-no-shrink > *, .md-self-no-shrink {
        flex-shrink: 0
        }
    .md-self-shrink {
        flex-shrink: 1
        }
    .md-flex-row {
        flex-direction: row
        }
    .md-flex-row-reverse {
        flex-direction: row-reverse
        }
    .md-flex-col {
        flex-direction: column
        }
    .md-flex-col-reverse {
        flex-direction: column-reverse
        }
    .md-wrap {
        flex-wrap: wrap
        }
    .md-wrap-reverse {
        flex-wrap: wrap-reverse
        }
    .md-justify-start {
        justify-content: flex-start
        }
    .md-justify-end {
        justify-content: flex-end
        }
    .md-justify-center {
        justify-content: center
        }
    .md-justify-between {
        justify-content: space-between
        }
    .md-justify-around {
        justify-content: space-around
        }
    .md-justify-evenly {
        justify-content: space-evenly
        }
    .md-items-start {
        align-items: flex-start
        }
    .md-items-end {
        align-items: flex-end
        }
    .md-items-center {
        align-items: center
        }
    .md-items-stretch {
        align-items: stretch
        }
    .md-items-baseline {
        align-items: baseline
        }
    .md-content-start {
        align-content: flex-start
        }
    .md-content-end {
        align-content: flex-end
        }
    .md-content-center {
        align-content: center
        }
    .md-content-stretch {
        align-content: stretch
        }
    .md-content-between {
        align-content: space-between
        }
    .md-content-around {
        align-content: space-around
        }
    }
@media (max-width: 767px) {
    .sm-flex {
        display: flex
        }
    .sm-inline-flex {
        display: inline-flex
        }
    .sm-no-shrink > *, .sm-self-no-shrink {
        flex-shrink: 0
        }
    .sm-self-shrink {
        flex-shrink: 1
        }
    .sm-flex-row {
        flex-direction: row
        }
    .sm-flex-row-reverse {
        flex-direction: row-reverse
        }
    .sm-flex-col {
        flex-direction: column
        }
    .sm-flex-col-reverse {
        flex-direction: column-reverse
        }
    .sm-wrap {
        flex-wrap: wrap
        }
    .sm-wrap-reverse {
        flex-wrap: wrap-reverse
        }
    .sm-justify-start {
        justify-content: flex-start
        }
    .sm-justify-end {
        justify-content: flex-end
        }
    .sm-justify-center {
        justify-content: center
        }
    .sm-justify-between {
        justify-content: space-between
        }
    .sm-justify-around {
        justify-content: space-around
        }
    .sm-justify-evenly {
        justify-content: space-evenly
        }
    .sm-items-start {
        align-items: flex-start
        }
    .sm-items-end {
        align-items: flex-end
        }
    .sm-items-center {
        align-items: center
        }
    .sm-items-stretch {
        align-items: stretch
        }
    .sm-items-baseline {
        align-items: baseline
        }
    .sm-content-start {
        align-content: flex-start
        }
    .sm-content-end {
        align-content: flex-end
        }
    .sm-content-center {
        align-content: center
        }
    .sm-content-stretch {
        align-content: stretch
        }
    .sm-content-between {
        align-content: space-between
        }
    .sm-content-around {
        align-content: space-around
        }
    }
.clear:after, .module:after {
    clear: both;
    content: "";
    display: table
    }
.module {
    align-items: stretch;
    display: flex;
    flex-direction: column
    }
.module--block-center {
    align-items: center
    }
.module--text-center {
    text-align: center
    }
.module--text-right {
    text-align: right
    }
@media (max-width: 1139px) {
    .module--md-block-left {
        align-items: flex-start
        }
    .module--md-block-center {
        align-items: center
        }
    .module--md-block-right {
        align-items: flex-end
        }
    .module--md-text-left {
        text-align: left
        }
    .module--md-text-center {
        text-align: center
        }
    .module--md-text-right {
        text-align: right
        }
    }
@media (max-width: 767px) {
    .module--sm-block-left {
        align-items: flex-start
        }
    .module--sm-block-center {
        align-items: center
        }
    .module--sm-block-right {
        align-items: flex-end
        }
    .module--sm-text-left {
        text-align: left
        }
    .module--sm-text-center {
        text-align: center
        }
    .module--sm-text-right {
        text-align: right
        }
    }
.module__inner {
    max-width: 100%;
    width: 100%
    }
@media (min-width: 1140px) {
    .lg-hidden {
        display: none !important
        }
    }
@media (min-width: 768px) and (max-width: 1139px) {
    .md-hidden {
        display: none !important
        }
    }
@media (max-width: 767px) {
    .sm-hidden {
        display: none !important
        }
    }
.inline-items {
    align-items: center;
    display: flex;
    flex-wrap: wrap
    }
.inline-items, .inline-items--left {
    justify-content: flex-start
    }
.inline-items--center {
    justify-content: center
    }
.inline-items--right {
    justify-content: flex-end
    }
@media (max-width: 1139px) {
    .inline-items--md-left {
        justify-content: flex-start
        }
    .inline-items--md-center {
        justify-content: center
        }
    .inline-items--md-right {
        justify-content: flex-end
        }
    }
@media (max-width: 767px) {
    .inline-items--sm-left {
        justify-content: flex-start
        }
    .inline-items--sm-center {
        justify-content: center
        }
    .inline-items--sm-right {
        justify-content: flex-end
        }
    }
@keyframes uiPop {
    0% {
        opacity: 0;
        transform: scale(.9) translateZ(0)
        } to {
        opacity: 1;
        transform: scale(1) translateZ(0)
        }
    }
@keyframes fadeIn {
    0% {
        opacity: 0;
        visibility: hidden
        } to {
        opacity: 1;
        visibility: visible
        }
    }
@keyframes fadeOut {
    0% {
        opacity: 1;
        visibility: visible
        } to {
        opacity: 0;
        visibility: hidden
        }
    }
@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(10px)
        } to {
        opacity: 1;
        transform: translateY(0)
        }
    }
@keyframes btn_ripple {
    0% {
        opacity: .3
        } 30% {
        opacity: .3
        } to {
        opacity: 0;
        transform: scale(4)
        }
    }
.btn {
    align-items: center;
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: inline-flex;
    font-family: Montserrat, sans-serif;
    font-style: normal;
    font-weight: 400;
    justify-content: center;
    line-height: 1.56;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    transform: scale(1);
    transition: box-shadow, background-image, background-color, transform;
    transition-duration: 0.1s;
    transition-timing-function: ease-in-out;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: middle
    }
.btn:after {
    background: currentColor;
    border-radius: 20px;
    color: inherit;
    content: "";
    display: block;
    height: 2.22rem;
    left: 50%;
    margin-left: -1.11rem;
    margin-top: -1.11rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: scale(0);
    width: 2.22rem;
    z-index: -1
    }
.btn:focus:after {
    animation: btn_ripple 0.5s ease-in-out;
    animation-fill-mode: forwards
    }
.btn--outline {
    border: 2px solid
    }
.btn--small {
    border-radius: 999px;
    font-size: 0.83rem;
    padding: 0.45rem 0.68rem
    }
.btn--large {
    border-radius: 999px;
    font-size: 1rem;
    padding: 0.91rem 1.36rem
    }
.btn--large.btn--outline:not(:hover) {
    padding: calc(0.91rem - 2px) calc(1.36rem - 2px)
    }
.btn--accent.btn--fill, .btn--accent.btn--outline:hover {
    background: linear-gradient(111.02deg, #0248fa, #26d8fc);
    color: #fff
    }
.btn--white.btn--outline {
    border-color: #fff;
    color: #fff
    }
.btn--white.btn--fill, .btn--white.btn--outline:hover {
    background: #fff;
    color: #0c3594
    }
.btn--white-accent.btn--fill, .btn--white-accent.btn--outline:hover {
    background: #fff;
    color: #0248fa
    }
.btn--ghost.btn--fill {
    -webkit-backdrop-filter: blur(24px);
    backdrop-filter: blur(24px);
    background: hsla(0, 0%, 100%, 0.2);
    color: #fff
    }
.btn--pill {
    border-radius: 999px
    }
.btn__icon {
    color: inherit;
    line-height: 0
    }
.btn__icon--left {
    margin-right: 0.4rem
    }
.btn__icon svg {
    fill: currentColor
    }
.icon {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    text-align: center;
    vertical-align: middle
    }
.icon img, .icon svg {
    height: 100%;
    text-align: center;
    vertical-align: top;
    width: 100%
    }
.icon svg {
    fill: currentColor
    }
.icon--disc {
    border-radius: 100%
    }
.icon--medium.icon--disc, .icon--medium.icon--square {
    height: 2.73rem;
    width: 2.73rem
    }
.icon--medium .icon__glyph {
    font-size: 1.11rem;
    height: 1.11rem;
    line-height: 1.11rem;
    width: 1.11rem
    }
.icon--large.icon--disc, .icon--large.icon--square {
    height: 3.64rem;
    width: 3.64rem
    }
.icon--large .icon__glyph {
    font-size: 1.82rem;
    height: 1.82rem;
    line-height: 1.82rem;
    width: 1.82rem
    }
.icon--accent {
    color: #0248fa
    }
.icon--accent.icon--fill {
    background: linear-gradient(111.02deg, #0248fa, #26d8fc);
    color: #fff
    }
.icon--white-accent {
    color: #0248fa
    }
.icon--white-accent.icon--fill {
    background: #fff;
    color: #0248fa
    }
.ttip-holder {
    overflow: visible;
    position: relative
    }
.ttip {
    display: none;
    font-family: Montserrat, sans-serif;
    font-size: 0.82rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.28;
    max-width: 200px;
    padding: 0.77rem 0.91rem;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    z-index: 5
    }
.ttip--block {
    max-width: none;
    text-align: left;
    text-overflow: clip;
    white-space: normal;
    width: 200px
    }
.ttip--on-hover {
    pointer-events: none;
    visibility: hidden
    }
.ttip:before {
    border-radius: 8px;
    bottom: 10px;
    left: 10px;
    right: 10px;
    top: 10px;
    z-index: -1
    }
.ttip:after, .ttip:before {
    content: "";
    display: block;
    position: absolute
    }
.ttip:after {
    background: inherit;
    height: 12px;
    width: 12px;
    z-index: -2
    }
.ttip[data-popper-placement=top-start]:after {
    bottom: 4px;
    clip-path: polygon(100% 0, 0 0, 0 100%);
    left: 10px
    }
.ttip[data-popper-placement=top]:after {
    border-radius: 2px;
    bottom: 6px;
    left: 50%;
    margin-left: -6px;
    transform: rotate(45deg)
    }
.ttip[data-popper-placement=top-end]:after {
    bottom: 4px;
    clip-path: polygon(100% 0, 0 0, 100% 100%);
    right: 10px
    }
.ttip[data-popper-placement=bottom-start]:after {
    clip-path: polygon(0 100%, 0 0, 100% 100%);
    left: 10px;
    top: 4px
    }
.ttip[data-popper-placement=bottom]:after {
    border-radius: 2px;
    left: 50%;
    margin-left: -6px;
    top: 6px;
    transform: rotate(45deg)
    }
.ttip[data-popper-placement=bottom-end]:after {
    clip-path: polygon(0 100%, 100% 0, 100% 100%);
    right: 10px;
    top: 4px
    }
.ttip[data-popper-placement=left-start]:after {
    clip-path: polygon(0 100%, 100% 0, 0 0);
    right: 4px;
    top: 10px
    }
.ttip[data-popper-placement=left]:after {
    border-radius: 2px;
    margin-top: -6px;
    right: 6px;
    top: 50%;
    transform: rotate(45deg)
    }
.ttip[data-popper-placement=left-end]:after {
    bottom: 10px;
    clip-path: polygon(0 100%, 100% 100%, 0 0);
    right: 4px
    }
.ttip[data-popper-placement=right-start]:after {
    clip-path: polygon(100% 0, 100% 100%, 0 0);
    left: 4px;
    top: 10px
    }
.ttip[data-popper-placement=right]:after {
    border-radius: 2px;
    left: 6px;
    margin-top: -6px;
    top: 50%;
    transform: rotate(45deg)
    }
.ttip[data-popper-placement=right-end]:after {
    bottom: 10px;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    left: 4px
    }
.ttip--accent:after, .ttip--accent:before {
    background: #0248fa
    }
.ttip--accent:before {
    box-shadow: 0 8px 16px rgba(2, 72, 250, 0.2), 0 4px 8px rgba(2, 72, 250, 0.2)
    }
.ttip--dark {
    color: #fff
    }
.ttip--dark:after, .ttip--dark:before {
    background: #0c3594
    }
.ttip--dark:before {
    box-shadow: 0 8px 16px rgba(12, 53, 148, 0.05), 0 4px 8px rgba(12, 53, 148, 0.05)
    }
.ttip--white:after, .ttip--white:before {
    background: #fff
    }
.ttip--white-accent:after, .ttip--white-accent:before {
    background: #fff
    }
@media (max-width: 667px) {
    .form-columns-3 > .hs-form-field {
        width: 100% !important
        }
    }
@media (max-width: 480px) {
    .form-columns-2 > .hs-form-field, .form-columns-3 > .hs-form-field {
        width: 100% !important
        }
    }
.form-title:empty, .hs-form h3:empty {
    display: none
    }
#hs-pwd-widget-password::-webkit-input-placeholder, .hs-input::-webkit-input-placeholder {
    color: #1c1c1c;
    opacity: 1
    }
#hs-pwd-widget-password::-moz-placeholder, .hs-input::-moz-placeholder {
    color: #1c1c1c;
    opacity: 1
    }
#hs-pwd-widget-password:-ms-input-placeholder, .hs-input:-ms-input-placeholder {
    color: #1c1c1c;
    opacity: 1
    }
#hs-pwd-widget-password:-moz-placeholder, .hs-input:-moz-placeholder {
    color: #1c1c1c;
    opacity: 1
    }
body .fn-date-picker .pika-prev:before {
    content: "‹";
    font-size: 14px
    }
body .fn-date-picker .pika-next:before {
    content: "›";
    font-size: 14px
    }
.hs-input[type=file]::-webkit-file-upload-button {
    -ms-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #f5f5f5;
    border: 1px solid #eceaea;
    border-radius: 8px;
    color: #0c3594;
    cursor: pointer;
    font-family: Montserrat, sans-serif;
    font-size: 0.89rem;
    font-style: normal;
    font-weight: 700;
    height: 1.67rem
    }
.hs-button:after {
    background: currentColor;
    border-radius: 20px;
    color: inherit;
    content: "";
    display: block;
    height: 2.22rem;
    left: 50%;
    margin-left: -1.11rem;
    margin-top: -1.11rem;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: scale(0);
    width: 2.22rem;
    z-index: -1
    }
.hs-button:focus:after {
    animation: btn_ripple 0.5s ease-in-out;
    animation-fill-mode: forwards
    }
.hs-menu-flow-horizontal.flyouts > ul > li > a:before {
    background: linear-gradient(111.02deg, #0248fa, #26d8fc);
    border-radius: 4px;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transform: scalex(0.2) translatey(2px);
    transition: 0.3s ease-out
    }
.hs-menu-flow-horizontal.flyouts > ul > li:hover > a:before, .hs-menu-flow-horizontal.flyouts > ul > li > a[aria-expanded=true]:before {
    opacity: 1;
    transform: none
    }
@keyframes bpf {
    50% {
        transform: translatex(15px)
        } to {
        transform: none
        }
    }
@keyframes bpl {
    50% {
        transform: translatex(-15px)
        } to {
        transform: none
        }
    }
@keyframes bpfl {
    0% {
        opacity: 0;
        transform: translatex(70px)
        } to {
        opacity: 1;
        transform: none
        }
    }
@keyframes bpfr {
    0% {
        opacity: 0;
        transform: translatex(-70px)
        } to {
        opacity: 1;
        transform: none
        }
    }
@keyframes bpfol {
    0% {
        opacity: 1;
        transform: none
        } to {
        opacity: 0;
        transform: translatex(-70px)
        }
    }
@keyframes bpfor {
    0% {
        opacity: 1;
        transform: none
        } to {
        opacity: 0;
        transform: translatex(70px)
        }
    }
@keyframes bpturn {
    0% {
        transform: none
        } to {
        transform: rotate(1turn)
        }
    }
@media (max-width: 767px) {
    .bp-lr {
        font-size: 15vw
        }
    }