html {
    font-family: Sofia W03, Helvetica Neue, Arial, sans-serif
}

body {
    margin: 0
}

.rich-text > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse))
}

.rich-text {
    --tw-text-opacity: 1;
    color: rgb(11 11 11/var(--tw-text-opacity))
}

:is(.dark .rich-text) {
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

@media (min-width: 768px) {
    .rich-text > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse))
    }
}

.rich-text .heading {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: var(--heading-colour)
}

@media (min-width: 768px) {
    .rich-text .heading {
        font-size: 2.25rem;
        line-height: 2.5rem;
        line-height: 44px
    }
}

@media (min-width: 1024px) {
    .rich-text .heading {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1280px) {
    .rich-text .heading {
        font-size: 2.25rem;
        line-height: 2.5rem;
        line-height: 44px
    }
}

@media (min-width: 1536px) {
    .rich-text .heading {
        font-size: 3rem;
        line-height: 1;
        line-height: 56px
    }
}

.rich-text .subtitle {
    font-size: .875rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1rem;
    color: var(--subtitle-colour)
}

.rich-text p,
.rich-text li {
    margin: 0;
    font-size: .875rem;
    line-height: 1.25rem;
    font-weight: 300
}

@media (min-width: 768px) {

    .rich-text p,
    .rich-text li {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.rich-text ul {
    list-style-position: inside;
    list-style-type: disc
}

.rich-text ol {
    list-style-position: inside;
    list-style-type: decimal
}

.rich-text .richtext-image.image-fullwidth {
    width: 100%
}

.rich-text iframe {
    aspect-ratio: 16/9;
    height: auto;
    width: 100%
}

.cards-module .intro,
.glide .intro {
    width: 100%
}

.cards-module .intro .rich-text .heading,
.glide .intro .rich-text .heading {
    font-size: 1.5rem;
    line-height: 2rem
}

@media (min-width: 768px) {

    .cards-module .intro .rich-text .heading,
    .glide .intro .rich-text .heading {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1280px) {

    .cards-module .intro .rich-text .heading,
    .glide .intro .rich-text .heading {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

@media (min-width: 1536px) {

    .cards-module .intro .rich-text .heading,
    .glide .intro .rich-text .heading {
        font-size: 3rem;
        line-height: 1
    }
}

.cards-module .intro .rich-text p,
.cards-module .intro .rich-text li,
.glide .intro .rich-text p,
.glide .intro .rich-text li {
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 768px) {

    .cards-module .intro .rich-text p,
    .cards-module .intro .rich-text li,
    .glide .intro .rich-text p,
    .glide .intro .rich-text li {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 1024px) {

    .cards-module .intro .rich-text p,
    .cards-module .intro .rich-text li,
    .glide .intro .rich-text p,
    .glide .intro .rich-text li {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.cards-module .intro .block-image img,
.glide .intro .block-image img {
    height: auto;
    max-width: 12rem
}

@media (min-width: 1024px) {

    .cards-module .intro .block-image img,
    .glide .intro .block-image img {
        max-width: 20rem
    }
}

.cards-module .card-content:not(.embedded-padding) div:has(iframe),
.glide .card-content:not(.embedded-padding) div:has(iframe) {
    padding: 0
}

.cards-module .card-content .rich-text > :not([hidden]) ~ :not([hidden]),
.glide .card-content .rich-text > :not([hidden]) ~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1rem * var(--tw-space-y-reverse))
}

.cards-module .card-content .rich-text .subtitle + .heading,
.glide .card-content .rich-text .subtitle + .heading {
    margin-top: .25rem
}

.cards-module .card-content .rich-text .heading,
.glide .card-content .rich-text .heading {
    font-size: 1.5rem;
    line-height: 1.75rem
}

@media (min-width: 768px) {

    .cards-module .card-content .rich-text .heading,
    .glide .card-content .rich-text .heading {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1024px) {

    .cards-module .card-content .rich-text .heading,
    .glide .card-content .rich-text .heading {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1280px) {

    .cards-module .card-content .rich-text .heading,
    .glide .card-content .rich-text .heading {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1536px) {

    .cards-module .card-content .rich-text .heading,
    .glide .card-content .rich-text .heading {
        font-size: 1.5rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1280px) {

    .cards-module .card-content .rich-text p,
    .cards-module .card-content .rich-text li,
    .glide .card-content .rich-text p,
    .glide .card-content .rich-text li {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.cards-module .card-content .cta,
.glide .card-content .cta {
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width: 768px) {

    .cards-module .card-content .cta,
    .glide .card-content .cta {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.cards-module .card-content .rich-text:has(iframe),
.glide .card-content .rich-text:has(iframe) {
    position: relative;
    overflow: auto;
    height: auto
}

.cards-module .card-content .rich-text:has(iframe) div,
.glide .card-content .rich-text:has(iframe) div {
    height: 100%;
    margin-top: 0 !important
}

.cards-module .card-content .rich-text:has(iframe) div iframe,
.glide .card-content .rich-text:has(iframe) div iframe {
    width: 100%;
    height: 100%
}

.cards-module .card-content .rich-text:has(iframe) p:empty,
.glide .card-content .rich-text:has(iframe) p:empty {
    display: None
}

.hero-banner .rich-text {
    font-size: 1.875rem;
    line-height: 2.25rem
}

@media (min-width: 768px) {
    .hero-banner .rich-text {
        font-size: 2.25rem;
        line-height: 2.5rem;
        line-height: 44px
    }
}

@media (min-width: 1280px) {
    .hero-banner .rich-text {
        font-size: 3rem;
        line-height: 1;
        line-height: 66px
    }
}

@media (min-width: 1536px) {
    .hero-banner .rich-text {
        font-size: 3.75rem;
        line-height: 1;
        line-height: 70px
    }
}

.hero-banner .rich-text p,
.hero-banner .rich-text li {
    font-weight: 400
}

@media (min-width: 768px) {
    .hero-banner .block-content > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2rem * var(--tw-space-y-reverse))
    }
}

@media (min-width: 1024px) {
    .hero-banner .block-content > :not([hidden]) ~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2.25rem * var(--tw-space-y-reverse))
    }
}

.hero-banner .hero-vertical .block-cta_group div {
    margin-left: auto;
    margin-right: auto
}

.faq-block .rich-text p,
.faq-block li {
    font-family: Sofia W03, Helvetica Neue, Arial, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 640px) {

    .faq-block .rich-text p,
    .faq-block li {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

@media (min-width: 768px) {

    .horizontal-cta .block-cta_group > div,
    .horizontal-cta .block-app_stores > div {
        flex-wrap: nowrap
    }

    .horizontal-cta .rich-text p,
    .vertical-cta .rich-text p {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.manual-table table {
    box-shadow: 8px 8px 24px rgba(0, 33, 74, .05);
    border-collapse: separate;
    --tw-border-spacing-x: 0px;
    --tw-border-spacing-y: 0px;
    border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

.manual-table td,
.manual-table th {
    border-bottom-width: 1px;
    border-right-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(215 217 216/var(--tw-border-opacity));
    padding-left: .5rem;
    padding-right: .5rem;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.manual-table td:first-child,
.manual-table th:first-child {
    border-left-width: 1px
}

@media (min-width: 1024px) {

    .manual-table td,
    .manual-table th {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media (min-width: 1280px) {

    .manual-table td,
    .manual-table th {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

.manual-table thead td,
.manual-table thead th {
    border-top-width: 1px;
    border-style: solid;
    --tw-border-opacity: 1;
    border-color: rgb(215 217 216/var(--tw-border-opacity))
}

.glide .glide__bullet {
    outline: none
}

.glide .glide__bullet--active {
    opacity: 1
}

.glide .glide__arrow {
    outline: none
}

.tabs-container .desktop .icon-container {
    display: none
}

@media (min-width: 1024px) {
    .tabs-container .desktop .icon-container {
        display: block
    }
}

.tabs-container .desktop .icon-container p {
    margin: 0
}

.tabs-container .desktop .tabbed {
    width: 100%;
    overflow-x: hidden
}

.tabs-container .desktop .tabbed [type=radio] {
    display: none
}

.tabs-container .desktop .tabbed .tabs {
    display: flex;
    width: 100%;
    justify-content: space-between
}

@media (min-width: 640px) {
    .tabs-container .desktop .tabbed .tabs {
        column-gap: .25rem
    }
}

@media (min-width: 1024px) {
    .tabs-container .desktop .tabbed .tabs {
        column-gap: .75rem
    }
}

@media (min-width: 1280px) {
    .tabs-container .desktop .tabbed .tabs {
        column-gap: 1rem
    }
}

.tabs-container .desktop .tabbed .tabs .tab {
    float: left;
    width: 100%
}

.tabs-container .desktop .tabbed .tabs .tab label {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    gap: .75rem;
    border-bottom-width: 2px;
    padding-bottom: .5rem;
    text-align: center
}

@media (min-width: 1536px) {
    .tabs-container .desktop .tabbed .tabs .tab label {
        gap: 1rem
    }
}

.tabs-container .desktop .tabbed .tabs .tab label {
    cursor: pointer;
    transition-duration: 150ms
}

.tabs-container .desktop .tabbed .tab-content {
    display: none
}

.tabs-container .desktop .tabbed .tab-content .feature-block {
    width: 100%
}

.tabs-container .desktop .tabbed .tab-content .feature-block div {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0
}

.tabs-container .desktop .tabbed .tab-content .feature-block > div > :first-child {
    padding: 0
}

.tab-element-content {
    max-height: 0;
    transition: max-height .35s
}

.tab-element input:checked ~ .tab-element-content {
    max-height: 100vh
}

.tab-element input[type=checkbox]:checked + .label .label-style {
    --tw-text-opacity: 1;
    color: rgb(0 168 101/var(--tw-text-opacity))
}

.tab-element input[type=checkbox]:checked + .label .icon {
    transform: rotate(180deg);
    opacity: 1;
    --tw-text-opacity: 1;
    color: rgb(0 168 101/var(--tw-text-opacity))
}

.tab-element .label-style,
.tab-element .icon {
    --tw-text-opacity: 1;
    color: rgb(123 128 133/var(--tw-text-opacity))
}

.oa-risk-disclaimer .rich-text p,
.oa-alert .rich-text p {
    font-family: Sofia W03, Helvetica Neue, Arial, sans-serif;
    font-size: .875rem;
    line-height: 1.25rem
}

@media (min-width: 640px) {

    .oa-risk-disclaimer .rich-text p,
    .oa-alert .rich-text p {
        font-size: 1rem;
        line-height: 1.5rem
    }
}

.oa-risk-disclaimer .text-color .rich-text p,
.oa-alert .text-color .rich-text p {
    color: var(--text-color)
}

.oa-risk-disclaimer .text-color .rich-text p a,
.oa-alert .text-color .rich-text p a {
    color: var(--text-color)
}

.oa-risk-disclaimer .text-color .rich-text p a:hover,
.oa-alert .text-color .rich-text p a:hover {
    opacity: .7
}

@media (min-width: 1280px) {
    .pricing-container .header p {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.pricing-container .cards-container > * {
    flex-shrink: 0;
    flex-basis: 70vw
}

@media (min-width: 640px) {
    .pricing-container .cards-container > * {
        flex-basis: 40vw
    }
}

@media (min-width: 768px) {
    .pricing-container .cards-container > * {
        flex-shrink: 1;
        flex-basis: auto
    }
}

.pricing-container .cards-container .card-header .block-image {
    display: flex;
    justify-content: center
}

.pricing-container .cards-container .card-header .heading {
    font-size: 1.5rem;
    line-height: 2rem
}

@media (min-width: 1280px) {
    .pricing-container .cards-container .card-header .heading {
        font-size: 1.875rem;
        line-height: 2.25rem
    }
}

@media (min-width: 1536px) {
    .pricing-container .cards-container .card-header .heading {
        font-size: 2.25rem;
        line-height: 2.5rem
    }
}

.pricing-container .cards-container .card-header .subtitle {
    margin-top: .5rem;
    margin-bottom: .5rem;
    letter-spacing: .1em
}

@media (min-width: 1280px) {
    .pricing-container .cards-container .card-header .subtitle {
        letter-spacing: 2.5px
    }
}

.pricing-container .cards-container .card-header hr {
    margin-top: .75rem;
    border-top-width: 1px;
    border-color: rgb(0 33 74/0.2)
}

@media (min-width: 1024px) {
    .pricing-container .cards-container .card-header hr {
        margin-top: .5rem
    }
}

@media (min-width: 1280px) {
    .pricing-container .cards-container .card-header hr {
        margin-top: .75rem
    }
}

.pricing-container .cards-container .card-header p {
    margin-top: .75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 400
}

@media (min-width: 1024px) {
    .pricing-container .cards-container .card-header p {
        margin-top: .5rem;
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

@media (min-width: 1280px) {
    .pricing-container .cards-container .card-header p {
        margin-top: .75rem
    }
}

.pricing-container .cards-container .card-feature .block-content {
    display: flex;
    height: 100%;
    flex-direction: column
}

.pricing-container .cards-container .card-feature .block-content .heading {
    font-size: 1rem;
    line-height: 1.5rem
}

@media (min-width: 1024px) {
    .pricing-container .cards-container .card-feature .block-content .heading {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.pricing-container .cards-container .card-feature .block-content .rich-text p {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 500
}

.pricing-container .cards-container .card-feature .block-bullet_list {
    margin-top: .625rem
}

@media (min-width: 1024px) {
    .pricing-container .cards-container .card-feature .block-bullet_list {
        margin-top: .75rem
    }
}

@media (min-width: 1280px) {
    .pricing-container .cards-container .card-feature .block-bullet_list {
        margin-top: 1rem
    }
}

@media (min-width: 1536px) {
    .pricing-container .cards-container .card-feature .block-bullet_list {
        margin-top: 1.25rem
    }
}

.pricing-container .cards-container .card-feature .bullet-list div {
    align-items: flex-start;
    column-gap: .625rem
}

.pricing-container .cards-container .card-feature .bullet-list div .icon-container {
    width: 1.5rem
}

.pricing-container .cards-container .card-feature .bullet-list div .icon-container svg path {
    stroke-width: 8px
}

.pricing-container .cards-container .card-feature .bullet-list span {
    font-size: .75rem;
    line-height: 1rem
}

@media (min-width: 1024px) {
    .pricing-container .cards-container .card-feature .bullet-list span {
        font-size: .875rem;
        line-height: 1.25rem
    }
}

.pricing-container .cards-container .card-feature .block-expander {
    margin-top: auto
}

.pricing-container .cards-container .card-feature .block-cta_group > div {
    display: flex
}

.pricing-container .cards-container .card-feature .block-cta_group a {
    width: 100%
}

.pricing-container.dark .cards-container .card-header hr {
    border-color: rgb(255 255 255/0.2)
}

.block-disclaimer_content:last-child > * {
    margin-bottom: 0
}

.block-disclaimer_content .rich-text p {
    font-size: .75rem;
    line-height: 1rem
}

.block-cta_group div {
    margin-left: auto;
    margin-right: auto
}

@media (min-width: 1280px) {

    .oa-instrument-block .intro p,
    .oa-signal-center .intro p,
    .oa-symbol-status .intro p,
    .oa-calendar-timeline .intro p,
    .oa-free-trial-block .intro p,
    .oa-fxds-marketo-forms-block .intro p,
    .oa-login-form-block .intro p,
    .oa-fxds-thank-you-block .intro p {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.oa-free-trial-block .outro .rich-text p {
    padding-top: 4.5rem
}

@media (min-width: 1280px) {

    .oa-instrument-block .intro p,
    .oa-signal-center .intro p,
    .oa-symbol-status .intro p,
    .oa-calendar-timeline .intro p,
    .oa-free-trial-block .intro p,
    .oa-fxds-marketo-forms-block .intro p,
    .oa-login-form-block .intro p,
    .oa-fxds-thank-you-block .intro p,
    .oa-daily-financing-block .intro p {
        font-size: 1.125rem;
        line-height: 1.75rem
    }
}

.cc__title,
.cc__subtitle {
    margin: 0
}

.cc__subtitle {
    margin-top: .375rem
}

.cc__selected-flag {
    line-height: 1.25rem
}

.cc__convert button {
    width: 100%;
    flex-grow: 1;
    white-space: nowrap;
    border-radius: .25rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 33 74/var(--tw-bg-opacity));
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1rem;
    letter-spacing: .05em;
    --tw-text-opacity: 1;
    color: rgb(255 255 255/var(--tw-text-opacity))
}

.cc__convert button:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(61 88 164/var(--tw-bg-opacity))
}

@media (min-width: 768px) {
    .cc__convert button {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }
}

.cc__disclaimer-message p {
    margin: 0;
    line-height: 1.25rem
}

.cc__option-flag {
    width: 38px;
    line-height: 1.25rem
}

.oa-daily-financing-block .df {
    width: auto;
    padding: 0;
    font-family: Helvetica;
    --tw-text-opacity: 1;
    color: rgb(51 51 51/var(--tw-text-opacity))
}

.oa-daily-financing-block .df__inner {
    padding: 0
}

.oa-custom-marketo-form .mktoFormRow label {
    width: unset !important
}

.oa-fxds-spreads #spreads > div {
    padding: 0
}

.oa-margin-rates-dropdown .dropdown-header {
    display: flex !important;
    height: auto !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    border-radius: .375rem !important;
    border-width: 2px !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 33 74/var(--tw-border-opacity)) !important;
    padding: .75rem !important;
    font-family: Sofia W03, Helvetica Neue, Arial, sans-serif !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    font-weight: 600 !important
}

.oa-margin-rates-dropdown .dropdown-body {
    border-width: 2px !important;
    border-top-width: 0 !important;
    --tw-border-opacity: 1 !important;
    border-color: rgb(0 33 74/var(--tw-border-opacity)) !important
}

[class*='animate-desktop:'],
[class*='animate-mobile:'] {
    transition: all 1s;
    transition-delay: .1s
}

@media (prefers-reduced-motion) {

    [class*='animate-desktop:'],
    [class*='animate-mobile:'] {
        transition: none
    }
}

@media (max-width: 768px) {
    .animate-mobile\:begin {
        opacity: 0;
        transform: translateY(50px)
    }
}

@media (min-width: 768px) {
    .animate-desktop\:begin {
        opacity: 0;
        transform: translateY(50px)
    }
}

.animate\:finish {
    opacity: 1;
    transform: translateY(0)
}

.flat-nav-bar .menu-option-button img {
    width: 20px;
    height: 20px;
}

.menu-option-button {
    text-decoration: none;
    font-weight: 600;
}

.header-logo {
    height: 32px;
}

#links-wrapper a {
    text-decoration: none;
}

.bg-primary {
    background-color: #ff4521!important;
}

.blod {
    font-weight: bold !important;
}

.markets .card-content img {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
}

.markets .card-content {
    text-align: center;
}

.tabbed [type="radio"]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) label,
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) label,
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tabs .tab:nth-of-type(3) label,
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tabs .tab:nth-of-type(4) label {

    color: #008573;
    stroke: #008573;

}

/* display checked tab content */


.tabbed [type="radio"]:nth-of-type(1):checked ~ .tab-content:nth-of-type(2),
.tabbed [type="radio"]:nth-of-type(2):checked ~ .tab-content:nth-of-type(3),
.tabbed [type="radio"]:nth-of-type(3):checked ~ .tab-content:nth-of-type(4),
.tabbed [type="radio"]:nth-of-type(4):checked ~ .tab-content:nth-of-type(5) {
    display: block;
    max-height: initial;
}

.pagination {
    display: flex;
    justify-content: center;
}

.page-item {
    margin: 5px;
}

.page-item a, .page-item span {
    display: block;
    padding: 8px 14px;
    border-radius: 3px;
    font-weight: 600;
    font-size: 14px;
    color: #222;
    text-decoration: none;
}

.page-item.active span {
    background-color: #ff4521;
    color: #fff;
}

.post .block__container {
    max-width: 1240px;
    margin: auto;
    padding-left: 15px;
    padding-right: 15px;
}

.text-bottom {
    vertical-align: bottom;
}