@media(min-width: 0)and (max-width: 999px) {
    .template-bond-account:not(:hover) .site-header .website-logo #pblc-com,.template-bond-account:not(:hover) .site-header .website-logo #wordmark,.template-bond-account:not(:hover) .site-header .website-logo #pblc-wordmark,.template-bond-account:not(:hover) .site-header .website-logo #wordmark #pblc-wordmark,.template-bond-account:not(:hover) .site-header .website-logo #pblc-wordmark path,.template-bond-account:not(.navbar-main-menu-active) .site-header .website-logo #pblc-com,.template-bond-account:not(.navbar-main-menu-active) .site-header .website-logo #wordmark,.template-bond-account:not(.navbar-main-menu-active) .site-header .website-logo #pblc-wordmark,.template-bond-account:not(.navbar-main-menu-active) .site-header .website-logo #wordmark #pblc-wordmark,.template-bond-account:not(.navbar-main-menu-active) .site-header .website-logo #pblc-wordmark path {
        fill:#fff !important
    }

    .template-bond-account:not(:hover) .site-header .website-logo #pblc-icon path,.template-bond-account:not(:hover) .site-header .website-logo #pblc-circle-top,.template-bond-account:not(:hover) .site-header .website-logo #pblc-circle-bottom #mark #pblc-circle-top,.template-bond-account:not(:hover) .site-header .website-logo #mark #pblc-circle-bottom,.template-bond-account:not(.navbar-main-menu-active) .site-header .website-logo #pblc-icon path,.template-bond-account:not(.navbar-main-menu-active) .site-header .website-logo #pblc-circle-top,.template-bond-account:not(.navbar-main-menu-active) .site-header .website-logo #pblc-circle-bottom #mark #pblc-circle-top,.template-bond-account:not(.navbar-main-menu-active) .site-header .website-logo #mark #pblc-circle-bottom {
        fill: #fff !important
    }

    .template-bond-account:not(:hover) .button-menu-toggle span,.template-bond-account:not(:hover) .button-menu-toggle span::after,.template-bond-account:not(:hover) .button-menu-toggle span::before,.template-bond-account:not(.navbar-main-menu-active) .button-menu-toggle span,.template-bond-account:not(.navbar-main-menu-active) .button-menu-toggle span::after,.template-bond-account:not(.navbar-main-menu-active) .button-menu-toggle span::before {
        background: #fff
    }
}

.section-disclosure p,.section-disclosure ol,.section-disclosure ul {
    color: #516880;
    margin: 0;
    font-size: 12px !important;
    line-height: 18px !important
}

.section-disclosure p a,.section-disclosure ol a,.section-disclosure ul a {
    color: inherit
}

.section-disclosure p a:hover,.section-disclosure ol a:hover,.section-disclosure ul a:hover {
    -webkit-text-decoration: none;
    text-decoration: none
}

.section-disclosure ol,.section-disclosure ul {
    padding-left: 15px
}

.section-disclosure ol li,.section-disclosure ul li {
    margin: 0;
    padding: 0
}

.section-disclosure p+p,.section-disclosure p+ol,.section-disclosure li+li {
    margin-top: 18px
}

.section-page-hero {
    padding: 95px 0 0;
    overflow: hidden;
    text-align: center;
    background: -webkit-radial-gradient(100% 137.52%, 51.67% 83.11%, #002194 0%, #000000 100%);
    background: -o-radial-gradient(100% 137.52%, 51.67% 83.11%, #002194 0%, #000000 100%);
    background: radial-gradient(51.67% 83.11% at 100% 137.52%, #002194 0%, #000000 100%)
}

.section-page-hero .kicker {
    margin: 0;
    z-index: 10;
    position: relative;
    font-size: 14px;
    line-height: 1
}

.section-page-hero h2 {
    color: #f0f3ff;
    margin: 0 0 30px;
    font-family: var(--font-family-invest-pro);
    font-weight: 500;
    font-size: var(--h2-font-size);
    line-height: var(--h2-line-height)
}

.section-page-hero p {
    color: #dce2ea;
    margin: 0;
    font-size: 16px;
    line-height: 150%
}

.section-page-hero .btn-blue-gradient {
    margin: 26px auto 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    min-width: 180px
}

.section-page-hero .span-title {
    margin: 0 auto;
    padding: 0 8px;
    z-index: 10;
    position: relative;
    max-width: 410px
}

.section-page-hero .rate-wrap {
    color: #d2ff89;
    margin: 40px auto 0;
    z-index: 22;
    position: relative
}

.section-page-hero .rate-wrap span {
    display: inline-block;
    position: relative;
    background: -webkit-linear-gradient(204.12deg, #d2ff89 19.81%, #ffffff 93.14%);
    background: -o-linear-gradient(204.12deg, #d2ff89 19.81%, #ffffff 93.14%);
    background: linear-gradient(245.88deg, #d2ff89 19.81%, #ffffff 93.14%);
    vertical-align: middle;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0);
    font-family: var(--font-family-denton);
    font-weight: 300;
    font-size: 118px;
    line-height: 115px
}

.section-page-hero .rate-wrap .percent {
    top: -10px;
    right: -10px;
    color: rgba(0,0,0,0);
    width: 70px;
    height: 115px;
    overflow: hidden;
    display: inline-block;
    line-height: 0;
    font-size: 0;
    pointer-events: none;
    background-size: contain;
    background-clip: border-box;
    background-clip: initial;
    background-image: url("data:image/svg+xml,%3c%3fxml version='1.0' encoding='UTF-8'%3f%3e%3csvg id='uuid-02f29039-3bc5-418b-9c7b-4d74c5594577' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 129.9 166.46'%3e%3cdefs%3e%3clinearGradient id='uuid-8db4d29c-4456-46ae-9760-2e61c63e7ab8' x1='74.22' y1='184.76' x2='-5.5' y2='-60.05' gradientTransform='translate(0 166.96) scale(1 -1)' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0' stop-color='%23af2'/%3e%3cstop offset='1' stop-color='%23daff9d'/%3e%3c/linearGradient%3e%3clinearGradient id='uuid-ca0aaa81-0736-4613-9935-9e7df215702f' x1='65.7' y1='187.54' x2='-14.02' y2='-57.28' gradientTransform='translate(0 166.96) scale(1 -1)' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0' stop-color='%23af2'/%3e%3cstop offset='1' stop-color='%23daff9d'/%3e%3c/linearGradient%3e%3clinearGradient id='uuid-3644723c-d169-4411-bc59-7ecdfa5992ea' x1='87.81' y1='180.33' x2='8.09' y2='-64.48' gradientTransform='translate(0 166.96) scale(1 -1)' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0' stop-color='%23af2'/%3e%3cstop offset='1' stop-color='%23daff9d'/%3e%3c/linearGradient%3e%3clinearGradient id='uuid-8ee6c1c8-5d78-4b1c-80de-aacdc59fb066' x1='103.68' y1='175.17' x2='23.96' y2='-69.64' gradientTransform='translate(0 166.96) scale(1 -1)' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0' stop-color='%23af2'/%3e%3cstop offset='1' stop-color='%23daff9d'/%3e%3c/linearGradient%3e%3clinearGradient id='uuid-63623986-fd5b-45ec-b200-9f5320e6a0ce' x1='116.9' y1='170.86' x2='37.19' y2='-73.95' gradientTransform='translate(0 166.96) scale(1 -1)' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0' stop-color='%23af2'/%3e%3cstop offset='1' stop-color='%23daff9d'/%3e%3c/linearGradient%3e%3clinearGradient id='uuid-97f42fce-efda-4d4c-b0de-5026bafecac5' x1='137.92' y1='164.02' x2='58.2' y2='-80.8' gradientTransform='translate(0 166.96) scale(1 -1)' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0' stop-color='%23af2'/%3e%3cstop offset='1' stop-color='%23daff9d'/%3e%3c/linearGradient%3e%3clinearGradient id='uuid-691fb9aa-078d-4de8-ba22-6cf3baa756a0' x1='125.5' y1='168.06' x2='45.78' y2='-76.75' gradientTransform='translate(0 166.96) scale(1 -1)' gradientUnits='userSpaceOnUse'%3e%3cstop offset='0' stop-color='%23af2'/%3e%3cstop offset='1' stop-color='%23daff9d'/%3e%3c/linearGradient%3e%3c/defs%3e%3cpath d='M11.25%2c105.68L84.2%2c1.73h5.91L17.16%2c105.68h-5.91ZM0%2c24.94C0%2c10.24%2c9.8%2c0%2c22.49%2c0s22.78%2c10.24%2c22.78%2c24.94-10.09%2c25.09-22.78%2c25.09S0%2c39.65%2c0%2c24.94ZM11.97%2c24.94c0%2c11.97%2c3.46%2c22.06%2c10.52%2c22.06s10.52-9.95%2c10.52-22.06S29.56%2c3.17%2c22.49%2c3.17s-10.52%2c9.8-10.52%2c21.77ZM56.8%2c82.32c0-14.71%2c9.8-24.94%2c22.35-24.94s22.78%2c10.24%2c22.78%2c24.94-10.09%2c25.09-22.78%2c25.09-22.35-10.38-22.35-25.09ZM68.63%2c82.32c0%2c11.97%2c3.46%2c22.06%2c10.53%2c22.06s10.67-9.95%2c10.67-22.06-3.46-21.77-10.67-21.77-10.53%2c9.8-10.53%2c21.77Z' fill='url(%23uuid-8db4d29c-4456-46ae-9760-2e61c63e7ab8)' stroke-width='0'/%3e%3cpath d='M4.08%2c165.04l.81-4.37.54-.32c4.75%2c2.81%2c8.85%2c1.67%2c10.31-2.32l.38-.97-9.34-23.32c-1.4-3.46-2.92-4.1-4.64-4.32v-.76h13.12v.76c-2.32.27-3.78%2c1.08-2.48%2c4.37l6.15%2c15.98%2c6.15-15.98c1.3-3.29-.27-4.16-2.75-4.37v-.76h9.5v.76c-1.78.22-3.45.92-4.8%2c4.37l-9.55%2c24.45c-2.92%2c7.5-7.18%2c10.15-13.39%2c6.8Z' fill='url(%23uuid-ca0aaa81-0736-4613-9935-9e7df215702f)' stroke-width='0'/%3e%3cpath d='M30.16%2c154.78c2.38-.22%2c4.32-.92%2c4.32-4.64v-16.09c0-3.73-1.94-4.43-4.26-4.64v-.76h9.72v21.48c0%2c3.72%2c1.94%2c4.43%2c4.32%2c4.64v.76h-14.09v-.76ZM32.75%2c121.15c0-2%2c1.67-3.56%2c3.67-3.56s3.67%2c1.56%2c3.67%2c3.56-1.67%2c3.62-3.67%2c3.62-3.67-1.57-3.67-3.62Z' fill='url(%23uuid-3644723c-d169-4411-bc59-7ecdfa5992ea)' stroke-width='0'/%3e%3cpath d='M54.94%2c155.97c-6.42%2c0-12.25-5.02-12.25-13.87s4.97-13.76%2c11.93-13.76%2c11.07%2c5.61%2c11.01%2c12.95h-17.22c.16%2c7.4%2c3.83%2c11.28%2c8.58%2c11.28%2c2.97%2c0%2c5.83-1.4%2c8.04-4.26l.65.16c-1.4%2c3.83-5.24%2c7.5-10.74%2c7.5ZM48.46%2c139.72h11.55c-.16-5.02-2.05-9.77-5.56-9.77-3.78%2c0-5.72%2c5.13-5.99%2c9.77Z' fill='url(%23uuid-8ee6c1c8-5d78-4b1c-80de-aacdc59fb066)' stroke-width='0'/%3e%3cpath d='M64.25%2c154.78c2.38-.22%2c4.26-.92%2c4.26-4.64v-28.12c0-3.72-2-4.05-4.32-3.78l-.16-.75%2c10.04-1.89v34.55c0%2c3.72%2c1.89%2c4.43%2c4.27%2c4.64v.76h-14.09v-.76Z' fill='url(%23uuid-63623986-fd5b-45ec-b200-9f5320e6a0ce)' stroke-width='0'/%3e%3cpath d='M96.53%2c155.54c-.86-1.24-1.35-2.7-1.46-4.1-1.94%2c2.7-4.7%2c4.43-8.1%2c4.43-5.56%2c0-10.04-4.59-10.04-13.55s5.29-14.03%2c11.55-14.03c2.32%2c0%2c4.48.65%2c6.53%2c2.05v-8.31c0-3.72-2.05-4.05-4.37-3.83l-.11-.75%2c10.1-1.84v34.55c0%2c3.72%2c1.94%2c4.43%2c4.26%2c4.64v.76h-8.37ZM82.98%2c140.69c0%2c7.02%2c2%2c12.31%2c6.53%2c12.31%2c2.27%2c0%2c4.16-1.3%2c5.51-3.24v-11.88l-.05.05c-.05-4.8-2.05-7.99-5.67-7.99-3.83%2c0-6.32%2c3.89-6.32%2c10.74Z' fill='url(%23uuid-97f42fce-efda-4d4c-b0de-5026bafecac5)' stroke-width='0'/%3e%3cpath d='M120.07%2c17.38c.43-1.3%2c1.24-4.1%2c1.62-7.23-.65.38-4.21%2c3.62-5.56%2c5.07l-1.94-3.4c1.46-.32%2c5.07-1.46%2c7.18-2.27-.49-.22-5.29-1.94-7.18-2.32l1.94-3.35c.92%2c1.13%2c2.16%2c2.43%2c5.56%2c5.18-.11-1.03-1.19-6.21-1.62-7.4h3.94c-.59%2c1.51-1.19%2c3.89-1.67%2c7.4.59-.49%2c4.53-3.89%2c5.56-5.18l2%2c3.35c-1.89.43-3.18.81-7.18%2c2.32.97.49%2c5.94%2c2.05%2c7.18%2c2.27l-2%2c3.4c-1.03-1.08-2.7-2.86-5.51-5.07.05.92.97%2c5.72%2c1.62%2c7.23h-3.94Z' fill='url(%23uuid-691fb9aa-078d-4de8-ba22-6cf3baa756a0)' stroke-width='0'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: left center
}

.section-page-hero .section-disclosure {
    margin: 50px auto 36px;
    z-index: 3;
    position: relative;
    max-width: 870px
}

.section-page-hero .section-disclosure p {
    color: rgba(153,175,255,.7);
    text-align: left
}

.section-page-hero .section-disclosure a {
    color: rgba(153,175,255,.7)
}

.section-page-hero .section-disclosure a:link,.section-page-hero .section-disclosure a:focus,.section-page-hero .section-disclosure a:active,.section-page-hero .section-disclosure a:visited {
    color: rgba(153,175,255,.7)
}

.section-page-hero .section-disclosure a:hover {
    color: #fff
}

@media(min-width: 720px) {
    .section-page-hero {
        padding:160px 0 80px
    }

    .section-page-hero .rate-wrap>span {
        font-family: var(--font-family-denton);
        font-weight: 400;
        font-size: 200px;
        line-height: 195px
    }

    .section-page-hero .rate-wrap .percent {
        top: -17px;
        right: -20px;
        width: 120px;
        height: 200px
    }
}

@media(min-width: 1000px) {
    .section-page-hero {
        padding:56px 0 0;
        background: none
    }

    .section-page-hero .container {
        overflow: hidden;
        padding-top: 60px
    }

    .section-page-hero .container::after,.section-page-hero .container::before {
        top: 0;
        left: 16px;
        width: calc(100% - 32px);
        height: 100%;
        content: "";
        display: block;
        position: absolute;
        border-radius: 12px;
        pointer-events: none
    }

    .section-page-hero .container::before {
        z-index: 1;
        background: #000
    }

    .section-page-hero .container::after {
        z-index: 24;
        background: -webkit-radial-gradient(100% 137.52%, 51.67% 83.11%, #002194 0%, transparent 100%);
        background: -o-radial-gradient(100% 137.52%, 51.67% 83.11%, #002194 0%, transparent 100%);
        background: radial-gradient(51.67% 83.11% at 100% 137.52%, #002194 0%, transparent 100%)
    }

    .section-page-hero h2 {
        margin: 0 0 24px
    }

    .section-page-hero .span-title {
        padding-top: 0
    }

    .section-page-hero .section-disclosure {
        text-align: center
    }
}

@media(min-width: 1680px) {
    .section-page-hero .container::after,.section-page-hero .container::before {
        left:32px;
        width: calc(100% - 64px)
    }
}

@media(min-width: 1400px)and (min-height: 600px) {
    .section-page-hero .container {
        padding-top:35px
    }

    .section-page-hero .section-disclosure {
        margin-top: 35px
    }
}

@media(min-width: 1400px)and (min-height: 800px) {
    .section-page-hero .container {
        padding-top:60px
    }

    .section-page-hero .section-disclosure {
        margin-top: 50px
    }
}

@media(min-width: 1400px)and (min-height: 850px) {
    .section-page-hero .container {
        padding-top:100px
    }

    .section-page-hero .section-disclosure {
        margin-top: 90px;
        margin-bottom: 40px
    }
}

.section-about {
    padding: 40px 0;
    border-bottom: 1px solid #f1f4f7;
    margin-bottom: 40px
}

.section-about h1 {
    margin: 0 0 24px;
    font-family: var(--font-family-denton);
    font-weight: 300;
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height)
}

.section-about p {
    font-size: 16px;
    line-height: 150%
}

.section-about sup {
    font-size: 60%
}

.section-about .span-title {
    text-align: center;
    margin-bottom: 44px
}

.section-about .span-title p {
    color: #1b2128;
    margin: 0
}

.section-about h3 {
    margin: 0 0 6px;
    font-family: var(--font-family-invest-pro);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.section-about .span-media {
    margin-bottom: 40px
}

.section-about .span-text p {
    color: #516880;
    margin: 0 0 32px
}

.section-about .section-disclosure a {
    color: #0038ff;
    -webkit-text-decoration: none;
    text-decoration: none
}

.section-about .section-disclosure a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media(min-width: 750px) {
    .section-about {
        padding:100px 0;
        margin-bottom: 0
    }

    .section-about h1 {
        font-family: var(--font-family-denton);
        font-weight: 300;
        font-size: var(--h2-font-size);
        line-height: var(--h2-line-height)
    }

    .section-about .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        max-width: 1200px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .section-about .span-title {
        width: 100%
    }

    .section-about .span-title p {
        margin: 0 auto;
        max-width: 580px
    }

    .section-about .section-disclosure {
        width: 100%
    }

    .section-about .span-text {
        width: 50%;
        padding-right: 32px;
        max-width: 552px
    }

    .section-about .span-media {
        width: 50%;
        max-width: 520px
    }
}

.section-two-step {
    margin: 32px auto
}

.section-two-step h2 {
    margin: 0 auto;
    max-width: 400px;
    text-align: center;
    font-family: var(--font-family-denton);
    font-weight: 300;
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height)
}

.section-two-step h2 sup {
    font-size: 50%;
    vertical-align: super
}

.section-two-step .span-title {
    padding-bottom: 48px
}

.section-two-step .thumb {
    height: 320px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    background: #fafafa;
    border-radius: 6px;
    margin-bottom: 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.section-two-step .thumb span {
    margin: 0 auto;
    max-width: 300px
}

.section-two-step .step:first-of-type .thumb {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.section-two-step .step {
    margin-bottom: 32px
}

.section-two-step h3 {
    margin: 0 0 8px;
    font-family: var(--font-family-invest-pro);
    font-weight: 500;
    font-size: 16px;
    line-height: 24px
}

.section-two-step .row p {
    color: #1b2128;
    margin: 0;
    font-size: 16px;
    line-height: 150%
}

.section-two-step .row {
    counter-reset: list-number
}

.section-two-step .row .span-text {
    position: relative;
    padding-left: 66px;
    counter-increment: list-number
}

.section-two-step .span-text::before {
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    content: counter(list-number);
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border: 1px solid #000;
    position: absolute;
    border-radius: 100%;
    line-height: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: var(--font-family-invest-pro);
    font-weight: 500;
    font-size: 16px;
    line-height: 36px
}

.section-two-step .section-disclosure {
    margin: 60px auto 0;
    max-width: 740px
}

.section-two-step .section-disclosure a {
    color: #0038ff;
    -webkit-text-decoration: none;
    text-decoration: none
}

.section-two-step .section-disclosure a:hover {
    -webkit-text-decoration: underline;
    text-decoration: underline
}

@media(min-width: 720px) {
    .section-two-step {
        margin:0;
        padding: 100px 0
    }

    .section-two-step h2 {
        font-family: var(--font-family-denton);
        font-weight: 300;
        font-size: var(--h2-font-size);
        line-height: var(--h2-line-height)
    }

    .section-two-step .row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .section-two-step .step {
        width: 50%;
        max-width: calc(50% - 8px);
        margin-bottom: 0
    }
}

@media(min-width: 1280px) {
    .section-two-step .step {
        max-width:620px
    }
}

.section-countdown {
    color: #fff;
    padding: 64px 0;
    background: -webkit-radial-gradient(52.57% 0%, 60.65% 60.23%, #002194 0%, #000000 100%);
    background: -o-radial-gradient(52.57% 0%, 60.65% 60.23%, #002194 0%, #000000 100%);
    background: radial-gradient(60.65% 60.23% at 52.57% 0%, #002194 0%, #000000 100%)
}

.section-countdown h2 {
    margin: 0 auto 24px;
    max-width: 540px;
    text-align: center;
    font-family: var(--font-family-denton);
    font-weight: 300;
    font-size: var(--h3-font-size);
    line-height: var(--h3-line-height)
}

.section-countdown h2 sup {
    top: 0;
    font-size: 50%;
    vertical-align: super
}

.section-countdown h2 span {
    background: -webkit-linear-gradient(15.93deg, #f0f3ff 2.63%, #9bf001 60.27%);
    background: -o-linear-gradient(15.93deg, #f0f3ff 2.63%, #9bf001 60.27%);
    background: linear-gradient(74.07deg, #f0f3ff 2.63%, #9bf001 60.27%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: rgba(0,0,0,0)
}

.section-countdown h2 b {
    color: #99afff;
    display: block;
    background: none;
    font-weight: 300;
    background-clip: border-box;
    background-clip: initial;
    -webkit-text-fill-color: unset
}

.section-countdown p {
    color: #dce2ea;
    margin: 0;
    font-size: 16px;
    line-height: 150%
}

.section-countdown .span-title {
    margin: 0 auto 40px;
    max-width: 630px
}

.section-countdown .graph {
    margin: 16px 0 0;
    position: relative;
    background: hsla(0,0%,100%,.1);
    text-align: center;
    border-radius: 6px
}

.section-countdown .graph h3 {
    margin: 0 auto;
    font-family: var(--font-family-invest-pro);
    font-weight: 500;
    font-size: 14px;
    line-height: 24px
}

.section-countdown .graph p {
    font-size: 14px;
    line-height: 142.8571428571%
}

.section-countdown .graph .thumb {
    background: hsla(0,0%,100%,.05);
    padding-top: 20px
}

.section-countdown .graph .text {
    padding: 24px 12px 20px
}

.section-countdown .graph img {
    margin: 0 auto;
    max-width: 315px
}

.section-countdown .span-countdown {
    margin: 0 auto;
    padding: 40px 0;
    max-width: 630px;
    text-align: center
}

.section-countdown .span-timer {
    margin: 40px auto 0;
    max-width: 400px;
    background: hsla(0,0%,100%,.1);
    border-radius: 6px
}

.section-countdown .span-timer .title {
    display: block;
    background: #0038ff;
    border-radius: 6px 6px 0 0;
    font-size: 14px;
    line-height: 271.4285714286%
}

.section-countdown time {
    padding: 16px 16px 24px;
    display: inline-block;
    z-index: 5;
    position: relative;
    text-align: center
}

.section-countdown time span {
    color: #fff;
    margin: 0 0 6px;
    padding: 0 12px;
    display: block;
    font-family: var(--font-family-invest-pro);
    font-weight: 400;
    font-size: 32px;
    line-height: 36px
}

.section-countdown time b {
    color: #a8b4bf;
    display: block;
    font-family: var(--font-family-invest-pro);
    font-weight: 400;
    font-size: 14px;
    line-height: 20px
}

.section-countdown .span-cta {
    margin: 0 auto;
    max-width: 580px;
    text-align: center
}

.section-countdown h3 {
    color: #f0f3ff;
    margin: 0 0 24px;
    font-family: var(--font-family-invest-pro);
    font-weight: 500;
    font-size: var(--h5-font-size);
    line-height: var(--h5-line-height)
}

.section-countdown .btn-blue-gradient {
    min-width: 160px;
    margin-top: 40px
}

.section-countdown .section-disclosure {
    margin: 60px auto 0;
    max-width: 740px
}

.section-countdown .section-disclosure p {
    color: rgba(153,175,255,.7);
    text-align: left
}

.section-countdown .section-disclosure a {
    color: rgba(153,175,255,.7)
}

.section-countdown .section-disclosure a:link,.section-countdown .section-disclosure a:focus,.section-countdown .section-disclosure a:active,.section-countdown .section-disclosure a:visited {
    color: rgba(153,175,255,.7)
}

.section-countdown .section-disclosure a:hover {
    color: #fff
}

@media(min-width: 720px) {
    .section-countdown {
        margin:0;
        padding: 100px 0
    }

    .section-countdown h2 {
        font-family: var(--font-family-denton);
        font-weight: 300;
        font-size: var(--h2-font-size);
        line-height: var(--h2-line-height)
    }

    .section-countdown .span-graphs {
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
        max-width: 840px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .section-countdown .graph {
        width: 50%;
        max-width: calc(50% - 8px)
    }
}

@media(min-width: 1280px) {
    .section-countdown .graph {
        max-width:410px
    }
}