.cta-button[data-v-0e7cfc21] {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-radius: 400px;
    position: relative;
    z-index: 0;
    gap: 8px;
    transition: all .2s ease-in-out;
    border-color: transparent;
    font-weight: 800;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    line-height: 1;
    font-family: inherit
}

.cta-button[data-v-0e7cfc21]:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
    transition: all .2s ease-out;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 400px
}

.cta-button[data-v-0e7cfc21]:disabled {
    opacity: .32;
    cursor: default;
    pointer-events: none
}

.cta-button--primary[data-v-0e7cfc21] {
    color: #fff;
    background: #4CAF50;
    box-shadow: 0 16px 32px -16px #071d2b52, 0 8px 32px -16px #4caf5052
}

.cta-button--primary[data-v-0e7cfc21]:before {
    background: #4CAF50;
    border-color: transparent
}

.cta-button--primary[data-v-0e7cfc21]:hover:not(:disabled):before {
    background: #45a049
}

.cta-button--primary[data-v-0e7cfc21]:hover:not(:disabled) {
    box-shadow: 0 16px 40px -16px #4caf5066, 0 32px 40px -16px #071d2b66
}

@media only screen and (max-width: 991px) {
    .cta-button--primary[data-v-0e7cfc21]:hover:not(:disabled) {
        box-shadow: 0 12px 32px -16px #4caf5066, 0 24px 32px -16px #071d2b66
    }
}

.cta-button--secondary[data-v-0e7cfc21] {
    color: #fff;
    background: #4A90E2;
    box-shadow: 0 16px 32px -16px #071d2b52, 0 8px 32px -16px #4a90e252
}

.cta-button--secondary[data-v-0e7cfc21]:before {
    background: #4A90E2;
    border-color: transparent
}

.cta-button--secondary[data-v-0e7cfc21]:hover:not(:disabled):before {
    background: #357abd
}

.cta-button--secondary[data-v-0e7cfc21]:hover:not(:disabled) {
    box-shadow: 0 16px 40px -16px #4a90e266, 0 32px 40px -16px #071d2b66
}

@media only screen and (max-width: 991px) {
    .cta-button--secondary[data-v-0e7cfc21]:hover:not(:disabled) {
        box-shadow: 0 12px 32px -16px #4a90e266, 0 24px 32px -16px #071d2b66
    }
}

.cta-button--outline[data-v-0e7cfc21] {
    color: #4caf50;
    background: #fff;
    box-shadow: none
}

.cta-button--outline[data-v-0e7cfc21]:before {
    background: #fff;
    border-color: #4caf50;
    border-style: solid;
    border-width: 2px
}

.cta-button--outline[data-v-0e7cfc21]:hover:not(:disabled) {
    color: #fff;
    background-color: #4caf50;
    box-shadow: 0 16px 40px -16px #4caf5066, 0 32px 40px -16px #071d2b66
}

@media only screen and (max-width: 991px) {
    .cta-button--outline[data-v-0e7cfc21]:hover:not(:disabled) {
        box-shadow: 0 12px 32px -16px #4caf5066, 0 24px 32px -16px #071d2b66
    }
}

.cta-button--outline[data-v-0e7cfc21]:hover:not(:disabled):before {
    background: #4CAF50
}

.cta-button--uppercase[data-v-0e7cfc21] {
    text-transform: uppercase
}

.cta-button--block[data-v-0e7cfc21] {
    display: block;
    width: 100%
}

@media only screen and (min-width: 992px) {
    .cta-button--large[data-v-0e7cfc21] {
        font-size: 20px;
        font-weight: 800;
        gap: 12px;
        height: 72px;
        padding: 0 40px;
        line-height: 24px;
        letter-spacing: 1.2px
    }

    .cta-button--large[data-v-0e7cfc21]:before {
        border-style: solid;
        border-width: 2px
    }

    .cta-button--large[data-v-0e7cfc21]:not(:disabled):hover:before {
        height: calc(100% + 12px);
        width: calc(100% + 12px)
    }

    .cta-button--medium[data-v-0e7cfc21] {
        font-size: 16px;
        font-weight: 800;
        gap: 10px;
        height: 56px;
        padding: 0 28px;
        line-height: 20px;
        letter-spacing: 1px
    }

    .cta-button--medium[data-v-0e7cfc21]:before {
        border-style: solid;
        border-width: 2px
    }

    .cta-button--medium[data-v-0e7cfc21]:not(:disabled):hover:before {
        height: calc(100% + 10px);
        width: calc(100% + 10px)
    }

    .cta-button--small[data-v-0e7cfc21] {
        font-size: 14px;
        font-weight: 800;
        gap: 8px;
        height: 40px;
        padding: 0 20px;
        line-height: 16px;
        letter-spacing: .8px
    }

    .cta-button--small[data-v-0e7cfc21]:before {
        border-style: solid;
        border-width: 1px
    }

    .cta-button--small[data-v-0e7cfc21]:not(:disabled):hover:before {
        height: calc(100% + 6px);
        width: calc(100% + 6px)
    }

    .cta-button--xl[data-v-0e7cfc21] {
        font-size: 28px;
        font-weight: 800;
        gap: 16px;
        height: 100px;
        padding: 0 100px;
        line-height: 28px;
        letter-spacing: 1.6px
    }

    .cta-button--xl[data-v-0e7cfc21]:before {
        border-style: solid;
        border-width: 2px
    }

    .cta-button--xl[data-v-0e7cfc21]:not(:disabled):hover:before {
        height: calc(100% + 14px);
        width: calc(100% + 14px)
    }
}

@media only screen and (max-width: 991px) {
    .cta-button--large[data-v-0e7cfc21] {
        font-size: 16px;
        font-weight: 800;
        gap: 10px;
        height: 56px;
        padding: 0 28px;
        line-height: 20px;
        letter-spacing: 1px
    }

    .cta-button--large[data-v-0e7cfc21]:before {
        border-style: solid;
        border-width: 2px
    }

    .cta-button--large[data-v-0e7cfc21]:not(:disabled):hover:before {
        height: calc(100% + 10px);
        width: calc(100% + 10px)
    }

    .cta-button--medium[data-v-0e7cfc21] {
        font-size: 14px;
        font-weight: 800;
        gap: 8px;
        height: 40px;
        padding: 0 20px;
        line-height: 16px;
        letter-spacing: .8px
    }

    .cta-button--medium[data-v-0e7cfc21]:before {
        border-style: solid;
        border-width: 2px
    }

    .cta-button--medium[data-v-0e7cfc21]:not(:disabled):hover:before {
        height: calc(100% + 8px);
        width: calc(100% + 8px)
    }

    .cta-button--small[data-v-0e7cfc21] {
        font-size: 12px;
        font-weight: 800;
        gap: 8px;
        height: 36px;
        padding: 0 18px;
        line-height: 14px;
        letter-spacing: .6px
    }

    .cta-button--small[data-v-0e7cfc21]:before {
        border-style: solid;
        border-width: 1px
    }

    .cta-button--small[data-v-0e7cfc21]:not(:disabled):hover:before {
        height: calc(100% + 6px);
        width: calc(100% + 6px)
    }

    .cta-button--xl[data-v-0e7cfc21] {
        font-size: 20px;
        font-weight: 800;
        gap: 12px;
        height: 72px;
        padding: 0 40px;
        line-height: 24px;
        letter-spacing: 1.2px
    }

    .cta-button--xl[data-v-0e7cfc21]:before {
        border-style: solid;
        border-width: 2px
    }

    .cta-button--xl[data-v-0e7cfc21]:not(:disabled):hover:before {
        height: calc(100% + 12px);
        width: calc(100% + 12px)
    }
}

.header[data-v-a9b75284] {
    padding: 40px;
    /* border-bottom: 1px solid #e5e5e5; */
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.header[data-v-a9b75284] {
    flex-direction: row;
    padding-top: 0;
    padding-bottom: 0;
    justify-content: space-between;
    align-items: center;
    min-height: 10vh;
    background: #101213;;
}

.header.dark[data-v-a9b75284] {
    background: #333;
    /* border-bottom: 1px solid rgba(255, 255, 255, .1) */
}

.header.no-border[data-v-a9b75284] {
    border-bottom: none
}

.download-pop-enter-active[data-v-a9b75284] {
    transition: all .4s cubic-bezier(.68, -.55, .265, 1.55)
}

.download-pop-leave-active[data-v-a9b75284] {
    transition: all .3s ease-in-out
}

.download-pop-enter-from[data-v-a9b75284] {
    opacity: 0;
    transform: scale(.3) translateY(-10px)
}

.download-pop-leave-to[data-v-a9b75284] {
    opacity: 0;
    transform: scale(.8) translateY(-5px)
}

.download-pop-enter-to[data-v-a9b75284],
.download-pop-leave-from[data-v-a9b75284] {
    opacity: 1;
    transform: scale(1) translateY(0)
}

.header--sticky[data-v-a9b75284] {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    background: white !important
}

.header--sticky.dark[data-v-a9b75284] {
    background: white !important;
    color: #333 !important
}

.header--sticky+*[data-v-a9b75284] {
    margin-top: 10vh
}