@import url('fonts.css');




@media (max-width: 991px) {
    .trade-win-hero { text-align: center; }
    .trade-win-copy { margin-inline: auto; }
    .trade-win-points { justify-content: center; }
    .trade-win-hero-art { min-block-size: clamp(17rem, 80vw, 27rem); }
    .legal-documents-tabs {
        margin-top: 4rem
    }

    .regulation-card-reverse .regulation-copy {
        padding-top: 0;
    }

    .forex-hero {
        min-height: auto;
    }

    .forex-quote {
        display: none
    }

    .forex-benefits .col-lg-4 {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }

    .hero-heading {
        font-size: 38px;
    }

    .hero-visual {
        margin-top: 60px;
        min-height: 620px;
    }

    .float-card {
        display: none;
    }

    .hero-stats {
        flex-wrap: wrap;
        gap: 20px;
    }

    .features-heading {
        font-size: 30px;
    }

    .features-decor {
        display: none;
    }

    .trust-bar {
        justify-content: center;
        text-align: center;
    }

    .mega-nav-desktop {
        display: none;
    }



    .mobile-menu-toggle {
        display: flex;
    }

    .calc-card, .results-card {
        padding: 26px;
    }

    .badge-stack {
        position: static;
        width: 100%;
        flex-direction: row;
        margin-top: 18px;
    }

        .badge-stack .floating-badge {
            flex: 1;
        }

    .invite-steps article:after,
    .invite-steps article:before {
        display: none;
    }
}




@media (max-width: 1200px) and (min-width: 992px) {
    .mega-nav-link {
        padding: 10px 10px;
        font-size: 14px;
    }

    .mega-panel.cols-2 {
        width: 460px;
    }

    .mega-panel.cols-3 {
        width: 600px;
    }

    .mega-panel-inner {
        gap: 22px;
    }

    .invite-steps article:after,
    .invite-steps article:before {
        display: none;
    }
}


@media (min-width: 992px) {
    .mobile-menu-overlay,
    .mobile-menu-drawer {
        display: none;
    }
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1500px;
    }
}

@media (max-width: 767.98px) {
    .section-heading {
        font-size: 1.9rem;
    }

    .platform-tabs {
        padding: 10px 14px;
    }

        .platform-tabs .nav-link span {
            display: none;
        }

    .info-card {
        padding: 30px;
    }

        .info-card p {
            max-width: 100%;
            padding-right: 110px;
        }

        .info-card .shield-img {
            width: 34%;
            opacity: .85;
        }
}

@media (max-width: 575.98px) {
    .regulations-divider {
        grid-template-columns: minmax(1rem, 1fr) auto minmax(1rem, 1fr);
        gap: .55rem;
    }

        .regulations-divider b {
            text-align: center;
            font-size: .68rem;
        }

    .regulation-copy {
        padding: 1.35rem;
    }

    .regulations-trust {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .regulations-trust-content > i {
        margin-inline: auto;
    }

    .regulations-values > div > div {
        justify-content: center;
        text-align: left;
    }

    .spreads-board-section {
        padding-top: 7rem
    }

    .spreads-platform-tabs {
        overflow-x: auto;
        padding-bottom: .2rem
    }

        .spreads-platform-tabs button {
            flex: 0 0 auto;
            min-width: 8.7rem
        }

    .spreads-table-card {
        margin-inline: -.25rem;
        border-radius: .8rem
    }

    .spreads-table {
        min-width: 46rem
    }

        .spreads-table th, .spreads-table td {
            padding: .8rem .7rem;
            font-size: .75rem
        }

        .spreads-table thead th {
            font-size: .62rem
        }

    .spreads-perk-card h2 {
        margin-top: 1.1rem
    }

    .spreads-benefits-section .row {
        row-gap: 2.5rem !important
    }

    .spreads-benefit h2 {
        min-height: 0
    }

    .spreads-benefit i {
        margin: 1rem auto
    }

    .spreads-benefit p {
        font-size: .78rem
    }

    .forex-hero .container {
        min-height: 420px
    }

    .forex-orbit {
        width: 460px;
        height: 460px
    }

    .forex-risk {
        font-size: 11px
    }

    .forex-pairs-card {
        padding: 21px 14px;
        border-radius: 12px
    }

    .forex-pairs h2 {
        font-size: 30px
    }

    .forex-currency-mark {
        display: none
    }

    .forex-tabs {
        margin: 22px -14px 0;
        padding: 0 14px;
        overflow: auto;
        flex-wrap: nowrap
    }

        .forex-tabs button {
            padding: 12px 16px;
            white-space: nowrap;
            font-size: 12px
        }

    .forex-table-wrap {
        overflow-x: auto
    }

    .forex-table {
        min-width: 720px
    }

        .forex-table th, .forex-table td {
            padding: 8px 10px
        }

    .forex-more {
        align-items: flex-start;
        padding: 14px;
        flex-direction: column;
    }

        .forex-more .btn-primary-style {
            display: none;
            margin-left: unset;
        }

    .forex-benefit {
        margin: 20px 0
    }

        .forex-benefit i {
            flex-basis: 68px;
            width: 68px;
            height: 68px;
            font-size: 30px
        }

        .forex-benefit h3 {
            margin-top: 0;
            font-size: 19px
        }

        .forex-benefit p {
            font-size: 14px
        }

    .forex-cta p {
        font-size: 16px
    }

    .forex-cta-button {
        min-width: 260px;
        font-size: 16px
    }

    .forex-cta-notes {
        line-height: 2
    }

    .page-section {
        padding: 60px 0 !important;
    }

    .tool-card-icon, .trust-icon {
        margin-left: 16px;
    }

    .tool-card .feature-body, .trust-card .feature-body {
        padding: 18px 16px;
    }

    .trust-card .feature-body {
        padding-top: 30px;
    }

    .promotion-card {
        padding: 28px;
    }

    .faq-heading {
        margin-bottom: 28px;
    }

    .faq-section .accordion-button {
        align-items: flex-start;
        font-size: 14px;
    }

    .section-title {
        font-size: 1.85rem;
    }

    .example-card {
        padding: 26px;
    }

    .info-card p {
        padding-right: 0;
    }

    .info-card .shield-img {
        position: static;
        display: block;
        margin: 20px auto 0;
        width: 120px;
    }

    .badge-stack {
        flex-direction: column;
    }

    .upcoming-events .feature-img .feature-icon-space {
        height: 100%;
    }

        .upcoming-events .feature-img .feature-icon-space img {
            height: 100%;
            object-fit: cover;
        }

    .upcoming-events .feature-body {
        padding: 15px;
    }

        .upcoming-events .feature-body .feature-desc {
            font-size: 13px;
        }

    .events-duration {
        margin: 10px 0;
    }

   
}

/* Holiday calendar */
@media (max-width:991.98px) {
    .page-section {
        padding: 70px 0 !important;
    }
    .pb-0 {
        padding-bottom: 0 !important;
    }
    .bonus-tier:before{
        display:none;
    }
    .pt-0 {
        padding-top: 0 !important;
    }

    .holiday-hero {
        text-align: center
    }

    .holiday-market, .holiday-trade-btn {
        text-align: left;
    }

    .holiday-date-card {
        max-inline-size: 42rem
    }

    .holiday-intro {
        text-align: left
    }
}

@media (max-width:767.98px) {
    .holiday-hero {
        padding-top: 7rem
    }

        .holiday-hero h1 {
            font-size: clamp(2.8rem,14vw,4.2rem)
        }

    .holiday-date-card {
        padding: 1.25rem
    }

    .holiday-table th, .holiday-table td {
        padding: .85rem .9rem
    }

    .holiday-table {
        min-inline-size: 43rem
    }

    .holiday-pagination {
        align-items: flex-start;
        flex-direction: column;
        padding: 1rem
    }

        .holiday-pagination .pagination {
            flex-wrap: wrap
        }

    .holiday-insight h2 br {
        display: none
    }

    .holiday-benefits article {
        align-items: flex-start
    }
}

@media (max-width:575.98px) {
    .holiday-intro {
        grid-template-columns: 1fr;
        text-align: center
    }

    .holiday-intro-icon {
        margin-inline: auto
    }

    .holiday-date-main {
        align-items: flex-start;
        text-align: left
    }

    .holiday-date-meta > div, .holiday-date-meta > div + div {
        padding: 1rem 0;
        border: 0
    }

        .holiday-date-meta > div + div {
            border-top: 1px solid var(--border-light)
        }

    .holiday-trade-btn {
        inline-size: 100%;
        justify-content: space-between
    }
}

/* ================================
   Responsive
================================ */
@media (max-width: 991.98px) {

    .hero-heading {
        font-size: 42px;
    }

    .hero-right {
        min-height: 480px;
        margin-top: 40px;
    }

    .hero-image-wrap {
        max-width: 380px;
        height: 460px;
    }

    .card-performance {
        left: 0;
    }

    .card-trusted {
        right: 0;
    }

    .card-security {
        right: 0;
    }
}

@media (max-width: 767.98px) {
    .forex-hero {
        height: auto;
        padding: 100px 0 40px;
    }
    .hero-heading {
        font-size: 34px;
    }

    .hero-desc {
        font-size: 15px;
    }

    .features-row {
        text-align: center;
    }

    .feature-item {
        text-align: center;
    }

    .hero-buttons {
        flex-direction: column;
        align-items: stretch;
    }

    .btn-primary-custom,
    .btn-outline-custom {
        justify-content: center;
    }

    .hero-image-wrap {
        max-width: 320px;
        height: 400px;
    }

    .float-card {
        padding: 12px 14px;
    }

    .card-performance {
        min-width: 180px;
        left: 4px;
    }

    .float-title {
        font-size: 14px;
    }
}

@media (max-width: 575.98px) {
    .hero-heading {
        font-size: 28px;
    }

    .hero-right {
        min-height: 420px;
    }

    .hero-image-wrap {
        max-width: 260px;
        height: 340px;
    }

    .card-trusted,
    .card-security {
        position: relative;
        top: auto;
        right: auto;
        bottom: auto;
        margin: 12px auto 0;
        width: fit-content;
    }

    .card-performance {
        position: relative;
        top: auto;
        left: auto;
        margin: 0 auto 12px;
    }

    .hero-right {
        flex-direction: column;
    }
}

@media (max-width: 767.98px) {
    .who-we-are-hero {
        min-height: auto;
    }

    .who-we-are-badge {
        font-size: 15px;
    }

    .who-we-are-title {
        margin-top: 24px;
        font-size: clamp(2.65rem, 13vw, 4.1rem);
    }

    .who-we-are-intro {
        font-size: 16px;
        line-height: 1.55;
    }


    .who-we-are-benefit, .who-we-are-benefit:nth-child(n) {
        padding: 0 8px;
        border-right: 0;
        border-bottom: 0;
    }

    .who-we-are-benefit-icon {
        width: 60px;
        height: 60px;
        flex-basis: 60px;
    }

        .who-we-are-benefit-icon svg {
            width: 31px;
            height: 31px;
        }

    .who-we-are-cta {
        min-width: min(100%, 300px);
        padding-left: 25px;
        font-size: 18px;
    }


    .awards-section::after {
        display: none;
    }

    .awards-heading .features-heading {
        margin-top: 24px;
    }

    .awards-heading p {
        font-size: 16px;
        line-height: 1.55;
    }

    .awards-grid {
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: 36px;
    }

}

@media (min-width: 768px) and (max-width: 1199.98px) {
    .awards-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 767.98px) {
    .account-types-overview {
        padding-top: 7rem;
    }

    .account-types-choice {
        align-items: flex-start;
        text-align: left;
    }

    .account-types-table {
        min-width: 42rem;
        font-size: .65rem;
    }

        .account-types-table th, .account-types-table td {
            padding: .6rem .45rem;
        }

    .account-types-faq .accordion-button {
        font-size: .82rem;
    }
}

@media (max-width:991.98px) {
    .islamic-hero-art {
        max-width: 40rem;
        margin: auto
    }
}

@media (max-width:767.98px) {
    .islamic-hero-art {
        min-height: 20rem;
        border-radius: 20px
    }

    .islamic-principle {
        grid-template-columns: auto 1fr;
        gap: 14px;
        padding: 18px
    }

        .islamic-principle > p {
            grid-column: 1/-1
        }

    .islamic-principle-title {
        padding-right: 0;
        border-right: 0
    }

    .islamic-principle-icon {
        width: 52px;
        font-size: 1.6rem
    }

    .islamic-award-card {
        min-height: 19rem
    }
}

@media (max-width: 991.98px) {
    .demo-hero-image {
        max-inline-size: 40rem;
        margin-inline: auto;
    }
}

@media (max-width: 767.98px) {
    .demo-hero {
        padding-top: 105px;
    }

        .demo-hero h1, .demo-traders h2 {
            font-size: 32px;
        }

    .features-subtext {
        font-size: 14px;
        margin-top: 12px;
    }

    .demo-feature-grid {
        margin-top: 42px;
    }

    .demo-feature-card {
        padding: 22px;
    }

    .demo-trader-card {
        grid-template-columns: 1fr;
        padding: 22px;
    }

    .demo-card-image {
        display: none;
    }

    .demo-faq-section {
        padding-bottom: 60px;
    }
}

@media (max-width: 575.98px) {
    .demo-cta-wrap .btn-primary-style {
        justify-content: space-between;
        inline-size: 100%;
    }

    .demo-trader-copy .btn-primary-style, .demo-trader-copy .btn-outline {
        justify-content: space-between;
    }
}

@media (max-width: 991.98px) {
    .demo-feature-card h2 {
        max-inline-size: unset;
    }

    .deposit-hero {
        padding-top: 120px;
    }

    .deposit-hero-art {
        max-width: 38rem;
        margin: auto;
    }

    .deposit-quick-cards {
        margin-top: 42px;
    }

    .deposit-security-bar > div:nth-child(2n) > div {
        border-right: 0;
    }

    .deposit-security-bar > div:nth-child(-n+2) > div {
        padding-bottom: 18px;
        border-bottom: 1px solid var(--border-light);
    }

    .deposit-security-bar > div:nth-child(n+3) > div {
        padding-top: 18px;
    }
}

@media (max-width: 767.98px) {
    .deposit-hero {
        padding: 104px 0 55px;
    }

        .deposit-hero h1 {
            font-size: clamp(2.8rem, 14vw, 4.4rem);
        }

    .deposit-hero-art {
        display: none;
    }

    .deposit-quick-card {
        padding: 20px;
    }



    .deposit-assurance {
        justify-content: flex-start;
        max-width: 14rem;
        margin: 5px auto;
    }

    .deposit-options {
        padding-bottom: 52px;
    }

    .deposit-tabs .nav-link {
        padding: 15px 10px;
        font-size: .92rem;
    }

        .deposit-tabs .nav-link span {
            margin-right: 4px;
        }

    .deposit-table-wrap {
        padding: 8px;
    }

    .deposit-table {
        min-width: 48rem;
    }

        .deposit-table th, .deposit-table td {
            padding: 16px;
        }

    .deposit-security-bar > div > div, .deposit-security-bar > div:nth-child(n) > div {
        justify-content: flex-start;
        padding: 14px 18px;
        border: 0;
    }

    .deposit-steps {
        padding-bottom: 65px;
    }
}

@media (max-width: 991.98px) {
    .nbp-hero-visual, .nbp-protection-visual {
        max-inline-size: 40rem;
        margin-inline: auto;
    }
}

@media (max-width: 767.98px) {
    .funds-security-intro p br {
        display: none;
    }

    .funds-security-art {
        aspect-ratio: 1.7;
    }

    .funds-security-item {
        text-align: left;
    }

    .funds-security-card {
        padding: 1.35rem;
    }
}

@media (max-width: 767.98px) {
    .nbp-hero {
        padding: 105px 0 60px;
    }

    .nbp-page h1 {
        font-size: clamp(2.55rem, 13vw, 4rem);
    }

    .nbp-page h2 {
        font-size: clamp(2.1rem, 11vw, 3.2rem);
    }

    .nbp-hero-visual {
        display: none;
    }

    .nbp-chat-card {
        padding: 14px;
        border-radius: 18px;
    }

    .nbp-message {
        padding: 16px;
        border-radius: 14px;
    }

        .nbp-message + .nbp-message, .nbp-transfer-card {
            margin-top: 14px;
        }

    .nbp-transfer-card {
        align-items: flex-start;
        padding: 15px;
    }

        .nbp-transfer-card > span {
            align-self: center;
        }

    .nbp-benefit {
        padding: 24px 18px;
    }

    .nbp-measures article {
        align-items: flex-start;
        padding: 16px;
    }

        .nbp-measures article > span {
            font-size: 1.15rem;
        }
}

/* Affiliate program */
/* Economic calendar */
@media (max-width:991.98px) {
    .economic-calendar-hero {
        text-align: center
    }

        .economic-calendar-hero p {
            margin-inline: auto
        }

    .economic-calendar-image-slot {
        max-inline-size: 36rem;
        margin-inline: auto
    }

    .economic-benefits .col-xl-3:nth-child(2) article {
        border-right: 0
    }

    .economic-benefits .col-xl-3:nth-child(n+3) article {
        border-top: 1px solid var(--border-light)
    }
}

@media (max-width:767.98px) {
    .economic-calendar-hero {
        padding-top: 7rem
    }

        .economic-calendar-hero h1 {
            font-size: clamp(2.6rem,13vw,4.2rem)
        }

    .economic-benefits {
        padding: .4rem
    }

        .economic-benefits article, .economic-benefits .col-xl-3:nth-child(n) article {
            border: 0;
            border-bottom: 1px solid var(--border-light)
        }

        .economic-benefits .col-xl-3:last-child article {
            border-bottom: 0
        }

    .economic-events-top {
        align-items: flex-start;
        flex-direction: column
    }

        .economic-events-top p {
            font-size: .68rem
        }

    .economic-filters .col-md-2 {
        margin-top: .2rem
    }
}

@media (max-width:575.98px) {
    .economic-calendar-image-slot {
        min-block-size: 12rem
    }

    .economic-filters, .economic-events {
        padding: .85rem
    }

    .economic-events-top h2 {
        font-size: .75rem
    }

    .economic-events-top p {
        inline-size: 100%;
        text-align: center
    }

    .economic-filter-button {
        font-size: .7rem
    }
}
/* Invite friends */
@media (max-width:991.98px) {
    .invite-hero {
        text-align: center
    }

        .invite-hero > p {
            margin-inline: auto
        }

        .invite-hero .d-flex {
            justify-content: center
        }

    .invite-hero-perks {
        margin-inline: auto
    }

    .invite-hero-art {
        max-inline-size: 42rem;
        margin-inline: auto
    }

    .invite-showcase-panel {
        max-inline-size: 44rem;
        margin-inline: auto
    }

    .invite-conditions-heading {
        max-inline-size: 42rem
    }

    .invite-broker .row > div:last-child {
        text-align: center
    }

    .invite-broker p {
        margin-inline: auto
    }

    .invite-broker ul {
        margin-inline: auto;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .invite-broker-art {
        max-inline-size: 42rem;
        margin-inline: auto
    }
}

@media (max-width:767.98px) {
    .invite-hero {
        padding-top: 7rem
    }

        .invite-hero h1 {
            font-size: clamp(2rem,6vw,4.2rem)
        }

        .invite-hero .btn-primary-style, .invite-hero .btn-outline {
            flex: 1 1 13rem
        }

    .invite-showcase .row > div:nth-child(1), .invite-showcase .row > div:nth-child(2) {
        max-inline-size: 25rem;
        margin-inline: auto
    }

    .invite-showcase-copy {
        padding-top: 1rem
    }

    .invite-steps article {
        max-inline-size: 25rem;
        margin-inline: auto
    }

    .invite-conditions-heading {
        text-align: center
    }

        .invite-conditions-heading > div > span {
            margin-inline: auto
        }

    .invite-conditions-art {
        max-inline-size: 22rem;
        margin-inline: auto
    }

    .invite-geo {
        grid-template-columns: 1fr
    }

        .invite-geo .invite-image-slot {
            max-inline-size: 18rem;
            margin-inline: auto
        }

    .invite-condition-cards article {
        max-inline-size: 38rem;
        margin-inline: auto
    }

    .invite-broker {
        padding-top: 4rem
    }

        .invite-broker h2 {
            font-size: clamp(2.35rem,12vw,2rem)
        }
}

@media (max-width:575.98px) {

    .invite-hero-perks {
        margin-top: 2rem
    }

        .invite-hero-perks small {
            font-size: .5rem
        }

    .invite-hero-art {
        min-block-size: 16rem
    }

    .invite-showcase-panel {
        padding: 1rem
    }

    .invite-showcase-copy .btn-primary-style, .invite-broker .btn-primary-style {
        inline-size: 100%
    }

    .invite-showcase-copy h2 {
        font-size: 2.15rem
    }

    .invite-steps {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .invite-geo {
        padding: 1rem
    }


    .invite-condition-cards article {
        grid-template-columns: 1fr
    }

    .invite-condition-cards i {
        width: fit-content
    }

    .invite-broker-art {
        min-block-size: 16rem
    }

    .invite-broker li {
        text-align: left
    }

    .invite-broker .btn-primary-style {
        justify-content: space-between
    }
}

@media (max-width:991.98px) {
    #how-it-works .features-header {
        margin: 0 auto 56px;
    }

    .invite-steps article > b {
        top: -17%;
    }

    .affiliate-hero {
        text-align: center
    }

    .affiliate-intro {
        margin-inline: auto
    }

    .affiliate-checklist {
        max-inline-size: 27rem;
        margin-inline: auto;
        margin-top: 2rem;
        margin-bottom: 2rem
    }

        .affiliate-checklist li {
            text-align: left
        }

    .affiliate-hero-art, .affiliate-benefit-art {
        margin-inline: auto
    }
}

@media (max-width:767.98px) {
    .affiliate-hero {
        padding-top: 7rem
    }

        .affiliate-hero h1 {
            letter-spacing: -.065em
        }

    .affiliate-assurances, .affiliate-value-bar {
        flex-direction: column;
        align-items: center;
        gap: .75rem
    }

    .affiliate-process-content .col-md-7 {
        order: 2
    }

    .affiliate-process-content .col-md-5 {
        text-align: center
    }

    .affiliate-process-number {
        margin-inline: auto
    }

    .affiliate-benefit-card {
        align-items: start
    }

    .affiliate-closing {
        text-align: center
    }
}

@media (max-width:575.98px) {
    .affiliate-cta {
        inline-size: 100%
    }

    .affiliate-steps {
        row-gap: .8rem
    }

    .affiliate-step {
        grid-template-columns: 3rem 1fr
    }

    .affiliate-step-icon {
        padding: .55rem
    }

    .affiliate-benefit-card {
        grid-template-columns: auto 1fr
    }

        .affiliate-benefit-card a {
            grid-column: 2;
            justify-self: start
        }

    .affiliate-image-slot {
        min-block-size: 14rem
    }

    .affiliate-closing {
        font-size: .8rem
    }
}

/* Promotions */
@media (max-width:767.98px) {
    .deposit-reward-page .page-section {
        padding: 90px 0
    }

    .deposit-reward-hero {
        text-align: center
    }

        .deposit-reward-hero p {
            margin-inline: auto
        }

    .deposit-reward-actions {
        justify-content: center
    }

    .deposit-reward-cta {
        flex-direction: column;
        align-items: flex-start;
        padding: 1.5rem
    }

        .deposit-reward-cta img {
            width: 100%;
            max-width: 22rem;
            align-self: center
        }

    .deposit-reward-reason {
        align-items: flex-start
    }
}

@media (max-width:575.98px) {
    .deposit-reward-page .page-section {
        padding: 70px 0
    }

    .deposit-reward-hero h1 {
        font-size: 2.35rem
    }

    .deposit-reward-reason {
        flex-direction: column;
        text-align: center;
        align-items: center
    }

        .deposit-reward-reason img {
            width: 55%
        }
}

@media (max-width:991.98px) {
    .promotions-hero {
        text-align: center
    }

    .promotions-hero-links {
        justify-content: center
    }

    .promotions-hero-image {
        max-width: 42rem;
        margin-inline: auto
    }

    .promotions-intro {
        text-align: center
    }

        .promotions-intro p {
            margin-inline: auto
        }

    .promotions-program-list {
        max-width: 42rem
    }
}

@media (max-width:767.98px) {
    .promotions-hero-links {
        flex-wrap: wrap
    }

        .promotions-hero-links span {
            flex: 1 1 40%
        }

    .promotions-note {
        align-items: flex-start;
        text-align: left
    }

    .status-card ul {
        grid-template-columns: repeat(2,minmax(0,1fr));
        column-gap: 1rem
    }

    .program-card {
        grid-template-columns: 1fr
    }

        .program-card img {
            order: -1
        }

    .promotions-faq .accordion-button {
        align-items: flex-start
    }

        .promotions-faq .accordion-button span {
            line-height: .8
        }
}

@media (max-width:575.98px) {
    .promotions-feedback {
        justify-content: space-between;
        width: 100%
    }
    .ib-reasons li:before{
        margin-right: 0;
    }
    .ib-reasons ol[start] li {
        flex-direction: column;
        text-align: end;
        align-items: end;
    }
    .ib-reasons li {
        flex-direction: column;
        align-items: start;
    }
    .journey-item {
        padding-inline: 1rem
    }

    .status-card ul {
        grid-template-columns: 1fr
    }

    .promotions-note {
        padding: .8rem 1rem
    }

    .promotions-faq .accordion-button {
        padding: 1rem;
        font-size: .75rem
    }

    .promotions-faq .accordion-body {
        padding: 0 1rem 1rem
    }
}

@media (max-width:767.98px) {
    .ib-hero {
        text-align: center
    }

    .ib-hero-reward {
        margin-inline: auto
    }

    .ib-hero-art {
        min-height: 17rem
    }

    .ib-stats {
        text-align: left
    }

    .ib-income {
        grid-template-columns: 1fr
    }

        .ib-income input {
            grid-row: 2
        }

    .ib-reasons .col-md-2 {
        padding-block: 1rem
    }

    .ib-regulated h2 br {
        display: none
    }

    .ib-form {
        margin-inline: auto;
        max-width: 34rem
    }
}


/* Franchise program */
@media (max-width:991.98px) {

    .franchise-art {
        max-inline-size: 42rem;
        margin-inline: auto
    }

    .franchise-stats {
        max-inline-size: 42rem;
        margin-inline: auto;
        margin-top: 2rem
    }


    .franchise-growth-device {
        max-inline-size: 26rem;
        margin-inline: auto
    }

    .franchise-trust article {
        max-inline-size: 22rem;
        margin-inline: auto
    }

    .franchise-closing .container {
        max-inline-size: 48rem
    }
}

@media (max-width:767.98px) {

    .franchise-art {
        min-block-size: 17rem
    }

    .franchise-stats > div:nth-child(odd) {
        border-left: 0
    }

    .franchise-stats > div:nth-child(n+3) {
        border-top: 1px solid var(--border-light)
    }


    .franchise-programs article, .franchise-steps article {
        max-inline-size: 25rem;
        margin-inline: auto
    }

    .franchise-closing {
        text-align: center
    }

        .franchise-closing .container {
            display: block
        }

        .franchise-closing p {
            margin-inline: auto
        }

    .franchise-rocket {
        margin-top: 2rem
    }

    .franchise-form {
        padding: 1.25rem
    }

    .franchise-cta {
        inline-size: 100%;
        justify-content: space-between
    }

    .franchise-mini-stats {
        font-size: 16px;
        grid-template-columns: 1fr;
    }
    .feature-title {
        font-size: 16px;
    }
}

@media (max-width:575.98px) {

    .franchise-stats > div {
        padding: 1rem
    }

    .franchise-stats b {
        font-size: .9rem
    }

    .franchise-art {
        min-block-size: 14rem
    }

    .franchise-benefits article {
        gap: .55rem
    }


    .franchise-form .row {
        --bs-gutter-x: .75rem
    }

    .franchise-growth-device {
        min-block-size: 11rem
    }
}

@media (max-width:767.98px) {
    .contact-us-card {
        padding: 1.45rem
    }
    .platform-benefits > div{
        flex-direction:column;
        align-items:start;
    }
    .contact-us-card h2 {
        margin-top: 1.35rem
    }

        .contact-us-card > i {
            margin: 1.35rem 0
        }
}

@media (max-width:991.98px) {
    .liquidity-hero {
        text-align: center
    }

    .liquidity-service article {
        flex-wrap: wrap;
        gap: 10px;
    }

    .ib-round-logo {
        aspect-ratio: 0;
    }

    .liquidity-steps .row-cols-1 > .col {
        margin-top: 220px !important;
    }

    .liquidity-hero p {
        margin-inline: auto
    }

    .liquidity-hero .d-flex {
        justify-content: center
    }

    .liquidity-art {
        max-inline-size: 42rem;
        margin-inline: auto
    }

    .liquidity-network {
        text-align: center
    }

        .liquidity-network p {
            margin-inline: auto
        }

    .liquidity-logo {
        max-inline-size: 10rem
    }

    .liquidity-reasons .col-lg-2 {
        padding-block: 1rem
    }

    .liquidity-final .container {
        text-align: center
    }
}

@media (max-width:767.98px) {
    .liquidity-hero {
        padding-top: 7rem
    }

        .liquidity-hero h1 {
            font-size: clamp(2.35rem,12vw,3.6rem)
        }


    .liquidity-featured {
        min-block-size: 18rem
    }

    .liquidity-strip {
        align-items: flex-start;
        flex-direction: column
    }

        .liquidity-strip .btn-primary-style {
            width: 100%;
            text-align: center
        }

    .liquidity-step {
        min-block-size: 0
    }

    .liquidity-final .container {
        margin-inline: .75rem;
        width: auto
    }

    .liquidity-final .btn-primary-style {
        width: 100%
    }
}

@media (max-width:991.98px) {
    .why-market-tools {
        align-items: flex-start;
        flex-direction: column
    }

        .why-market-tools > div {
            flex-wrap: wrap
        }

    .why-decimals {
        grid-template-columns: auto repeat(2,1fr)
    }

        .why-decimals span {
            padding: .5rem
        }

    .why-purpose-copy h2 {
        font-size: clamp(2rem,6vw,3.4rem)
    }
}

@media (max-width:575.98px) {
    .why-market {
        padding-top: 7rem
    }

    .why-platform-bar {
        align-items: flex-start !important;
        flex-direction: column
    }

    .why-platform-tabs {
        width: 100%;
        overflow: auto;
        flex-wrap: nowrap
    }

        .why-platform-tabs button {
            white-space: nowrap
        }

    .why-compare {
        width: 100%;
        justify-content: space-between
    }

    .why-market-tools > div span {
        display: none
    }

    .why-decimals {
        grid-template-columns:  1fr;
    }

        .why-decimals span {
            border-left: 0;
            border-top: 1px solid var(--border-light)
        }

    .why-value-card {
        grid-template-columns: 1fr
    }
    .why-value-icon {
        width: 80px;
    }

    .why-purpose-copy > div {
        grid-template-columns: 1fr
    }

    .why-purpose-icon {
        width: 4.8rem
    }

    .why-purpose-copy h2 br {
        display: none
    }
}

@media (max-width:991.98px) {
    .calculator-art-placeholder {
        display: none
    }

    .calculator-prompt {
        margin-bottom: 0
    }

    .calculation-results {
        min-block-size: 0
    }

    .guide-image-placeholder {
        max-inline-size: 22rem;
        margin-inline: auto
    }
}

@media (max-width:767.98px) {
    .calculator-shell {
        padding: 1rem
    }

    .calculator-tabs {
        gap: .4rem
    }

    .calculator-tab {
        padding: .1rem .65rem .85rem;
        font-size: .78rem
    }

    .calculator-field {
        padding: .65rem
    }

    .calculator-prompt {
        align-items: flex-start
    }

    .calculator-footer {
        flex-direction: column
    }

    .calculator-dots {
        display: none
    }

    .calculator-submit {
        inline-size: 100%
    }

    .margin-alert {
        grid-template-columns: 1fr
    }

    .margin-image-placeholder {
        display: none
    }

    .corner-dots {
        display: none
    }

    .calculator-guide {
        text-align: center
    }

        .calculator-guide > span {
            margin-inline: auto
        }

    .calculator-order {
        justify-content: center
    }

    .calculator-copy p, .calculator-copy li {
        font-size: .76rem
    }
}

/* Loyalty program */
@media (max-width:991.98px) {
    .loyalty-hero {
        text-align: center
    }

        .loyalty-hero .col-lg-5 > p {
            margin-inline: auto
        }

    .loyalty-hero-actions {
        justify-content: center
    }

    .loyalty-hero-art {
        max-inline-size: 42rem;
        margin-inline: auto
    }

    .loyalty-perks {
        max-inline-size: 42rem;
        margin-inline: auto
    }

    .loyalty-cta {
        grid-template-columns: auto 1fr
    }

        .loyalty-cta .btn-primary-style {
            grid-column: 2;
            justify-self: start
        }
}

@media (max-width:767.98px) {
    .loyalty-hero {
        padding-top: 7rem
    }

    .loyalty-perks .col-md-4 + .col-md-4 article {
        border-left: 0;
        border-top: 1px solid var(--border-light)
    }

    .loyalty-values article {
        border-right: 0;
        border-bottom: 1px solid var(--border-light)
    }

    .loyalty-values .col-md-4:last-child article {
        border-bottom: 0
    }

    .loyalty-image-slot {
        inline-size: 35%;
        position: unset;
    }
    .loyalty-values p.feature-desc,
    .loyalty-values h2{
        width: 100%;
    }
    .loyalty-journey article {
        max-inline-size: 20rem;
        margin-inline: auto
    }

    .loyalty-statistics article {
        max-inline-size: 32rem;
        margin-inline: auto
    }

    .loyalty-cta {
        grid-template-columns: 1fr;
        text-align: center
    }

    .loyalty-cta-art {
        margin-inline: auto
    }

    .loyalty-cta .btn-primary-style {
        grid-column: auto;
        justify-self: center
    }

    .loyalty-cta p {
        margin-inline: auto
    }
}

@media (max-width:575.98px) {
    .loyalty-hero h1 {
        font-size: clamp(2.8rem,14vw,4.2rem)
    }

    .loyalty-hero-actions > a {
        justify-content: space-between
    }

    .loyalty-hero-actions .btn-primary-style {
        inline-size: 100%
    }

    .loyalty-video-link {
        inline-size: 100%;
        justify-content: center
    }

    .loyalty-perks article {
        padding-inline: 0
    }

    .loyalty-values article {
        padding-inline: 1rem
    }

    .loyalty-statistics article {
        padding: 1.15rem
    }

    .loyalty-cta {
        border-radius: 1rem
    }

        .loyalty-cta .btn-primary-style {
            inline-size: 100%;
            justify-content: space-between
        }
}
/* Trading hours */
@media (max-width:991.98px) {
    .hours-session-card {
        min-block-size: 100%
    }

    .hours-guide .btn-primary-style {
        justify-content: center
    }

    .hours-toolbar {
        flex-wrap: wrap
    }

    .hours-news-heading {
        align-items: flex-start;
        flex-wrap: wrap
    }

    .invite-geo {
        grid-template-columns: 1fr;
    }
}


@media (max-width:767.98px) {
    .account-slider-side {
        display: none;
    }

    .account-type-card-slider .slick-track {
        padding: 0;
    }

    .slick-list .account-type-card p {
        font-size: 14px;
        height: auto;
    }

    .account-type-card {
        padding: 20px;
    }

    .benefit-icon-box {
        height: 28px;
        width: 28px;
    }

    .account-type-card ul li {
        font-size: 14px;
    }

    .site-footer__assurances > div {
        border: none;
    }

    .footer-bottom {
        flex-wrap: wrap;
        gap: 20px;
    }

    .site-footer__brand p {
        width: auto;
        max-width: unset;
        text-align: left;
    }

    .hours-countdown {
        gap: .2rem
    }

        .hours-countdown div {
            padding: .5rem .15rem
        }

        .hours-countdown b {
            font-size: 1.05rem
        }

    .hours-world-map {
        min-block-size: 16rem
    }

    .hours-session-footer {
        grid-template-columns: repeat(2,1fr);
        row-gap: .8rem
    }

    .hours-toolbar {
        align-items: flex-start;
        flex-direction: column
    }

        .hours-toolbar span {
            padding-left: .2rem
        }

    .hours-timezone-info {
        line-height: 1.55
    }

    .hours-table {
        min-inline-size: 43rem
    }

        .hours-table th, .hours-table td {
            padding: .75rem
        }

    .hours-title {
        align-items: flex-start
    }

        .hours-title h2 {
            font-size: clamp(1.8rem,10vw,3rem)
        }

    .hours-news-heading h2 {
        order: 3;
        width: 100%
    }

    .hours-faq-wrap .accordion-button {
        align-items: flex-start
    }

        .hours-faq-wrap .accordion-button:after {
            flex: 0 0 auto
        }
     .trade-n-win-main .col-md-6.col-xl:nth-child(4), .trade-n-win-main .col-md-6.col-xl:nth-child(3),
    .trade-n-win-main .col-md-6.col-xl:nth-child(2) {
        margin-top: 0px;
    }
}

@media (max-width:575.98px) {

            .hours-event-card, .hours-session-card, .hours-quotes {
                border-radius: .75rem
            }

    .hours-event-detail {
        align-items: flex-start
    }

    .hours-guide {
        padding: 1.15rem
    }

    .hours-faq-wrap {
        padding: 1.1rem
    }

    .hours-faq-heading {
        align-items: flex-start
    }

    .hours-faq-wrap .accordion-button {
        padding: .9rem;
        font-size: .68rem
    }

    .hours-faq-wrap .accordion-body {
        padding: 0 .9rem .9rem 3.4rem
    }

    .hours-table-note {
        align-items: flex-start
    }

    .hours-news-card {
        padding: 1rem
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .our-platform,
    .page-section {
        padding: 100px 0 !important;
    }
    .pb-0 {
        padding-bottom: 0 !important;
    }
 
    .pt-0 {
        padding-top: 0 !important;
    }

    .liquidity-service article {
        flex-wrap: wrap;
        gap: 10px;
    }

    #how-it-works .features-header {
        margin: 0 auto 56px;
    }

    .site-footer__brand p {
        width: auto;
        max-width: unset;
        text-align: left;
    }
}

@media(min-width:768px) and (max-width:992px) {
    .loyalty-image-slot {
        position: unset;
    }

    .loyalty-stat-art {
        display: none;
    }

    .loyalty-cta {
        grid-template-columns: 1fr;
        text-align: center;
    }

        .loyalty-cta h2 {
            font-size: 30px;
        }

    .loyalty-cta-section img {
        width: 200px;
    }

    .loyalty-cta p {
        margin: auto;
    }

    .site-footer__brand p {
        width: auto;
        max-width: unset;
        text-align: left;
    }

    .slider {
        height: auto;
        padding: 90px 30px 50px;
        background-size: cover;
    }

    .footer-bottom {
        flex-wrap: wrap;
        gap: 50px;
    }
}

@media(max-width:575px) {
    .loyalty-cta h2 {
        font-size: 30px;
    }

    .loyalty-cta-section img {
        width: 200px;
    }

    .loyalty-cta p {
        margin: auto;
    }

  
    .hero-cta {
        flex-direction: column;
    }

        .hero-cta button {
            justify-content: space-between;
        }

    .footer-bottom {
        flex-wrap: wrap;
        gap: 20px;
    }

}

@media(min-width:992px) and (max-width:1199px) {
    .loyalty-cta {
        grid-template-columns: 1fr;
        text-align: center;
    }

        .loyalty-cta h2 {
            font-size: 30px;
        }

    .loyalty-cta-section img {
        width: 200px;
    }

    .loyalty-cta p {
        margin: auto;
    }
}

@media (max-width:1199.98px) {
    .site-footer__brand {
        padding: 0 0 2.5rem;
        text-align: center;
    }

        .site-footer__brand p {
            margin-inline: auto;
        }

    .site-footer__brand-image {
        display: none;
    }

    .site-footer__column {
        min-height: auto;
        padding: 0 1.5rem 2rem;
    }
}

@media (max-width:991.98px) {
    .site-footer__column:nth-child(3) {
        border-left: 0;
    }
    .site-footer__column:nth-child(5) {
        border-left: 0;
        border-right: 1px solid #ffffff14;
    }

    .site-footer__legal > div {
        padding-right: .75rem;
    }

    .site-footer__bottom {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .site-footer__trust {
        justify-content: center;
    }

    .market-copy .btn-primary-style {
        margin: auto;
    }
    .menu-image {
        width: 100%;
        height: auto;
    }
    .mega-col {
        padding: 0;
    }
    .mega-panel-inner {
        flex-direction: column;
    }
    .slider .slick-dots {
        bottom: -31px;
    }
}

@media (max-width:575.98px) {
    .site-footer {
        padding: 40px 0 20px;
    }

    .site-footer__main {
        padding: 0 1.15rem;
        border-radius: 1.25rem;
    }

    .site-footer__brand {
        padding-bottom: 2rem;
    }

    .site-footer__logo {
        width: 11rem;
    }

    .site-footer__column {
        padding: 0 0 1.75rem;
        border-left: 0;
        border-bottom: 1px solid #ffffff14;
    }

        .site-footer__column + .site-footer__column {
            padding-top: 1.75rem;
        }

    .site-footer__icon {
        width: 3.75rem;
        height: 3.75rem;
        margin-bottom: 1.2rem;
    }

    .site-footer h2 {
        margin-bottom: 1.5rem;
    }

    .site-footer__column li + li {
        margin-top: 1.1rem;
    }

    .site-footer__legal {
        margin-top: 0;
        padding-top: 1.5rem;
    }

        .site-footer__legal > div {
            padding: 0;
        }

    .site-footer__bottom {
        font-size: .8rem;
    }

    .site-footer__brand p {
        width: auto;
        max-width: unset;
    }
}


@media(min-width:1200px) and (max-width:1399px) {
    .site-footer__column {
        padding: 0 1.2rem;
    }

    .site-footer__assurances {
        padding: 0.5rem;
    }

        .site-footer__assurances > div {
            padding: .5rem 0.95rem;
        }

        .site-footer__assurances i, .site-footer__subscribe > div:first-child > i {
            width: 3rem;
            height: 3rem;
        }

            .site-footer__assurances i svg {
                width: 24px;
                height: 24px;
            }

        .site-footer__assurances span {
            font-size: 12px;
        }
}

@media (max-width: 990.98px) {
    .mega-nav-desktop {
        display: none !important;
    }

    body {
        padding-bottom: calc(68px + env(safe-area-inset-bottom));
    }

    .mobile-bottom-nav {
        position: fixed;
        z-index: 1050;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        height: 68px;
        padding-bottom: env(safe-area-inset-bottom);
        background: #fff;
        border-top: 1px solid rgba(0,0,0,.1);
        box-shadow: 0 -5px 18px rgba(0,0,0,.08);
    }

    .mobile-bottom-nav__item {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border: 0;
        background: transparent;
        color: #20242b;
        font: inherit;
        font-size: 12px;
        line-height: 1.15;
        text-align: center;
        text-decoration: none;
    }

    .mobile-bottom-nav__icon {
        display: block;
        width: 21px;
        height: 21px;
        margin-bottom: 5px;
    }

    .mobile-bottom-nav__item.is-active {
        color: #0c7a65;
        font-weight: 700;
    }

    .mobile-menu-backdrop {
        position: fixed;
        z-index: 1051;
        inset: 0;
        background: rgba(0,0,0,.42);
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease, visibility .2s ease;
    }

    .mobile-menu-drawer {
        position: fixed;
        z-index: 1052;
        top: 0;
        right: 0;
        bottom: 0;
        width: min(88vw, 390px);
        padding: 20px 18px calc(24px + env(safe-area-inset-bottom));
        overflow-y: auto;
        background: #fff;
        box-shadow: -8px 0 24px rgba(0,0,0,.15);
        transform: translateX(100%);
        transition: transform .25s ease;
    }

    .mobile-menu-backdrop.is-open {
        opacity: 1;
        visibility: visible;
    }

    .mobile-menu-drawer.is-open {
        transform: translateX(0);
    }

    .mobile-menu-drawer__header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 18px;
    }

    .mobile-menu-drawer__title {
        margin: 0;
        font-size: 20px;
        font-weight: 700;
    }

    .mobile-menu-drawer__close {
        width: 36px;
        height: 36px;
        border: 0;
        border-radius: 50%;
        background: #f2f4f5;
        color: #20242b;
        font-size: 25px;
        line-height: 1;
    }

    .mobile-menu-drawer .mega-nav-list, .mobile-menu-drawer .mega-col-list {
        padding: 0;
        margin: 0;
        list-style: none;
        gap: 0;
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .mobile-menu-drawer .mega-nav-item {
        width: 100%;
        padding: 15px;
        border-radius: 10px;
        margin: 0 0 10px 0;
        background: #f9f9f9;
    }

    .mega-header-inner {
        padding: 12px;
    }

    .navbar-brand img {
        width: 100px;
    }

    .btn-primary-style.btn-sm,
    .btn-outline.btn-sm {
        padding: 6px 15px;
        font-size: 14px;
        border-radius: 8px;
        white-space: nowrap;
    }
    .slider-object-img {
        height: 40vh;
    }
    .mobile-menu-drawer .mega-nav-link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0;
        color: #20242b;
        background: transparent;
        border: 0;
        text-align: left;
        text-decoration: none;
        font: inherit;
        margin-top: 0;
        font-weight: 600;
    }

    .mobile-menu-drawer .mega-arrow {
        display: inline-flex;
        transition: transform .2s ease;
    }

    .mobile-menu-drawer .mega-panel {
        display: none;
        padding: 0 0 12px;
    }

    .mobile-menu-drawer .mega-trigger[aria-expanded='true'] + .mega-panel {
        display: block;
        position: unset;
        transform: unset !important;
        background: transparent;
        box-shadow: none;
        border: none;
        width: 100%;
    }

    .mega-col-list li {
        width: 100%;
    }

    .mobile-menu-drawer .mega-trigger[aria-expanded='true'] .mega-arrow {
        transform: rotate(180deg);
    }

    .mobile-menu-drawer .mega-col:not(:last-child) {
        border-bottom: 1px solid #ebebeb;
        padding-bottom: 15px;
    }

    .mobile-menu-drawer .mega-col-title {
        margin: 15px 0 7px;
        color: #6b7280;
        font-size: 12px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .mobile-menu-drawer .mega-col-list a {
        display: block;
        padding: 9px 15px;
        color: #303842;
        text-decoration: none;
        font-size: 14px;
    }

    .cols-3 .mega-panel-inner,
    .cols-2 .mega-panel-inner {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 991.98px) {
    .market-tabs {
        overflow-x: auto;
        justify-content: flex-start;
        padding-bottom: .4rem;
    }

    .market-tab {
        flex: 0 0 auto;
        min-width: 8.5rem;
    }

    .market-panel {
        grid-template-columns: 1fr;
    }

    .market-copy {
        padding-right: 0;
        text-align: center;
    }

        .market-copy > p {
            margin-inline: auto;
            font-size: 14px;
        }

    .market-stats {
        max-width: 42rem;
        margin-inline: auto;
        margin-bottom: 2rem;
        text-align: left;
    }

    .market-cta {
        margin-top: 1.2rem;
    }

    .market-art {
        order: -1;
        margin-bottom: 1.5rem;
    }
}

@media (max-width: 575.98px) {
    .market-showcase {
        padding-block: 1.5rem 4rem;
    }

    .market-tabs {
        gap: .5rem;
        margin-bottom: 1.5rem;
    }

    .market-tab {
        min-width: 7.5rem;
        min-height: 3rem;
        border-radius: .75rem;
        font-size: .82rem;
    }

    .market-copy h2 {
        font-size: clamp(2rem, 12vw, 2rem);
    }

    .market-stats {
        flex-direction: column;
    }

    .market-stat {
        width: 100%;
    }

    .market-cta {
        width: 100%;
    }
}


@media (min-width: 991px) {
    .mobile-bottom-nav, .mobile-menu-backdrop, .mobile-menu-drawer {
        display: none !important;
    }
}

@media(max-width:1199px) {
    .contact-us-cards {
        row-gap: 20px;
    }
}

@media(min-width:992px) and (max-width:1399px) {
    .mega-header-inner {
        padding: 10px;
    }

    .navbar-brand img {
        width: 100px;
    }
    .mega-nav-list {
        gap: 10px;
    }

    .mega-nav-link {
        font-size: 14px;
    }
    .mega-header-inner {
        gap: 10px;
    }

    .btn-primary-style.btn-sm,
    .btn-outline.btn-sm {
        padding: 6px 15px;
        font-size: 14px;
        border-radius: 7px;
    }
}

@media (max-width:991.98px) {
    .competition-hero {
        text-align: center
    }

        .competition-hero .d-flex {
            justify-content: center
        }

        .competition-hero p {
            margin-inline: auto
        }

    .built-card {
        flex-direction: column;
        text-align: center
    }
}

@media (max-width:575.98px) {
    .competition-hero h1 {
        font-size: 2.4rem
    }

    .page-section {
        padding-block: clamp(4rem,12vw,6rem)
    }

    .competition-card, .challenge-card, .process-card {
        padding: .9rem
    }

    .competition-skills {
        text-align: center
    }

    .competition-checks {
        text-align: left;
        display: inline-grid
    }

    .built-card {
        padding: .8rem
    }

    .competition-cta {
        padding: 1.5rem
    }
}

@media(max-width:767.98px) {
    .forex-hero-content .features-heading {
        font-size: 40px;
    }
    .copytrade-actions, .copytrade-role-card, .copytrade-cta {
        grid-template-columns: 1fr;
        flex-direction: column
    }

    .copytrade-role-card {
        display: grid
    }

    .copytrade-cta {
        display: grid;
        padding: 1.5rem
    }
    .our-platform {
        padding: 100px 0;
    }
    .slider {
        height: auto;
        padding: 90px 30px 50px;
        background-size: cover;
    }
}

@media (max-width: 575.98px) {
    .deposit-step-image img {
        width: 120px;
    }
    .slider img {
        padding-top: 0px;
    }

    .sharper-condition-card {
        align-items: flex-start
    }

        .sharper-condition-card .sharper-card-image {
            flex-basis: 35%
        }

    .site-footer__assurances > div, .site-footer__subscribe > div {
        border-right: 0;
        border-bottom: 1px solid #ffffff14;
        padding: 1rem 0;
    }

        .site-footer__subscribe > div:first-child {
            display: block;
        }

    .site-footer__subscribe form {
        margin: 1rem 0 0;
    }

    .site-footer__subscribe input {
        width: 100%;
    }
}

@media(min-width:768px) and (max-width:1199px) {
    .account-slider-side-data {
        padding: 0;
        padding-bottom: 50px;
    }

    .account-slider-side {
        background: transparent;
        box-shadow: none;
        margin: 0;
    }
}

@media (max-width: 991.98px) {
    .market-indices-layout {
        grid-template-columns: 1fr;
        gap: 2rem
    }

    .market-indices-copy {
        text-align: center
    }

    .market-indices-lead, .market-indices-benefits {
        margin-left: auto;
        margin-right: auto
    }

    .market-indices-actions, .market-indices-notes {
        justify-content: center
    }
}

@media (max-width: 575.98px) {
    .market-indices-section {
        padding-block: 4rem
    }

    .market-indices-copy h2 {
        font-size: clamp(2.5rem,13vw,3.5rem)
    }

    .market-indices-actions {
        gap: 1rem
    }
}

@media (max-width: 991.98px) {
    .forex-definition-layout {
        grid-template-columns: 1fr;
        gap: 2rem
    }

    .forex-definition-copy {
        text-align: center
    }

    .forex-definition-points {
        margin-left: auto;
        margin-right: auto
    }

    .forex-definition-points {
        text-align: left
    }

    .forex-definition-button {
        margin-left: auto;
        margin-right: auto
    }
}

@media (max-width: 575.98px) {
    .forex-definition-points {
        gap: 1.4rem
    }

        .forex-definition-points article {
            gap: .85rem
        }

    .forex-definition-icon {
        flex-basis: 2.8rem;
        width: 2.8rem;
        height: 2.8rem;
        font-size: 1.5rem
    }

    .forex-definition-points p {
        font-size: .9rem
    }

    .forex-definition-button {
        width: 100%;
        min-width: 0
    }
}

/* Trading platform */
@media (max-width:991.98px) {
    .platform-hero, .platform-mac-section, .platform-web-section {
        text-align: center
    }

        .platform-lead, .platform-device-panel p, .platform-mac-section p, .platform-web-section p {
            margin-inline: auto
        }

    .platform-points {
        text-align: left;
        max-inline-size: 31rem;
        margin-inline: auto
    }

    .platform-hero .d-flex {
        justify-content: center
    }

    .platform-device-panel {
        text-align: center
    }

    .platform-benefits {
        grid-template-columns: repeat(2,1fr)
    }

    .platform-mini-features {
        max-inline-size: 30rem;
        margin-inline: auto
    }

    .platform-web-section .web-trader-list {
        max-inline-size: 34rem;
        margin-inline: auto;
        text-align: left
    }
}

@media (max-width:575.98px) {
    .invite-grow-box .line{
        display: none;
    }
    .platform-points li {
        align-items: flex-start;
        font-size: .72rem
    }


    .platform-edge-panel, .platform-device-panel {
        padding: 1.25rem;
        border-radius: 1rem
    }

    .platform-benefits {
        grid-template-columns: 1fr
    }

    .platform-mt5-art {
        aspect-ratio: 1.25
    }

    .platform-mini-features {
        grid-template-columns: repeat(2,1fr)
    }

    .platform-cta {
        grid-template-columns: 1fr;
        gap: 1.5rem;
        text-align: center;
        border-radius: 1.25rem
    }

        .platform-cta p {
            margin-inline: auto
        }
    .hero-heading br{
        display:none;
    }
    .forex-hero-content .features-header {
        text-align: center;
    }

    .features-header > div {
        justify-content: center;
    }

    .forex-hero .features-subtext {
        width: 100%;
    }
    .mystry-points li {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }
    .promotional-img {
        position: relative;
        width: 100%;
    }

    .promotion-banner-text {
        padding: 20px;
    }

        .promotion-banner-text h3 {
            font-size: 30px;
        }

        .promotion-banner-text h1 {
            font-size: 40px;
        }
    .bonus-tier .col-md-6.col-xl-3:nth-child(2) .bonus-tier-box {
        margin-top: 0;
    }

    .bonus-tier .col-md-6.col-xl-3:nth-child(3) .bonus-tier-box {
        margin-top: 0;
    }

    .bonus-tier .col-md-6.col-xl-3:nth-child(4) .bonus-tier-box {
        margin-top: 0;
    }
    .bonus-tier-box.most-popular:before {
        top: -38px;
        border-radius: 8px 8px 0 0;
        bottom:unset;
    }
    .bonus-tier .col-md-6.col-xl-3:nth-child(2) {
        margin-top: 60px;
    }
    .bonus-tier {
        margin-top: 50px;
    }

    .trade-n-win-box {
        margin-top: 70px;
    }
    .trade-n-win-box img{
        width:50%;
    }
        .trade-n-win-box span {
            
            top: -50px;
         
        }
    .trade-n-win-main {
        margin-top: 0px;
    }
    .trader-club-benefits .promotion-card {
        height: auto;
    }
    }

@media(min-width:576px) and (max-width:767px){
    .slider-object-img img{
        padding:0;
    }
    .invite-grow-box .line {
        display: none;
    }
    .hero-heading br {
        display: none;
    }
    .forex-hero-content .features-header {
        text-align: center;
    }
    .features-header > div{
        justify-content:center;
    }
    .forex-hero .features-subtext{
        width:100%;
    }
    .mystry-points li {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }
    .promotional-img {
        position: relative;
        width: 100%;
    }
    .promotion-banner-text {
        padding: 30px 40px;
    }
        .promotion-banner-text h3 {
            font-size: 30px;
        }
            .promotion-banner-text h1 {
            font-size: 70px;
        }
    .bonus-tier .col-md-6.col-xl-3:nth-child(2) .bonus-tier-box {
        margin-top: 0;
    }

    .bonus-tier .col-md-6.col-xl-3:nth-child(3) .bonus-tier-box {
        margin-top: 0;
    }

    .bonus-tier .col-md-6.col-xl-3:nth-child(4) .bonus-tier-box {
        margin-top: 0;
    }

    .bonus-tier-box.most-popular:before {
        top: -38px;
        border-radius: 8px 8px 0 0;
        bottom: unset;
    }

    .bonus-tier .col-md-6.col-xl-3:nth-child(2) {
        margin-top: 60px;
    }

    .bonus-tier {
        margin-top: 50px;
    }
    .trade-n-win-box {
        margin-top: 70px;
    }

        .trade-n-win-box img {
            width: 50%;
        }

        .trade-n-win-box span {
            top: -50px;
        }

    .trade-n-win-main {
        margin-top: 0px;
    }

    .trader-club-benefits .promotion-card {
        height: auto;
    }
}

@media(min-width:768px) and (max-width:991px){
    .slider-object-img img{
        padding:0;
    }
    .hero-heading br {
        display: none;
    }
    .forex-hero .features-subtext {
        width: 100%;
    }
    .forex-hero-content .features-header .btn-outline,
    .forex-hero-content .features-header .btn-primary-style {
        padding: 9px 16px;
        font-size: 14px;
    }
    .forex-hero-content .features-header > div {
        flex-wrap: nowrap !important;
        white-space: nowrap;
    }
    .site-footer__column {
        min-height: auto;
        padding: 0 1.5rem 5rem;
    }
    .site-footer__assurances > div:nth-child(2){
        border-right:0;
    }
    .promotional-img {
        position: relative;
        width: 70%;
        margin: auto;
        left: 50%;
        right: unset;
        transform: translateX(-50%);
    }
    .promotion-banner-text h1{
        font-size:60px;
    }
    .promotion-banner-text h3 {
        font-size: 30px;
    }
        .bonus-tier .col-md-6.col-xl-3:nth-child(2) .bonus-tier-box {
        margin-top: 0;
    }

    .bonus-tier .col-md-6.col-xl-3:nth-child(3) .bonus-tier-box {
        margin-top: 0;
    }

    .bonus-tier .col-md-6.col-xl-3:nth-child(4) .bonus-tier-box {
        margin-top: 0;
    }

    .bonus-tier-box.most-popular:before {
        top: -38px;
        border-radius: 8px 8px 0 0;
        bottom: unset;
    }

 

    .bonus-tier {
        margin-top: 50px;
    }
    .deposit-reward-image {
        width: 60%;
    }
    .trade-n-win-main .col-xl:nth-child(5), .trade-n-win-main .col-md-6.col-xl:nth-child(4), .trade-n-win-main .col-md-6.col-xl:nth-child(3), .trade-n-win-main .col-md-6.col-xl:nth-child(2) {
        margin-top: 0px;
    }
    .trade-n-win-box {
        margin-top: 70px;
    }

        .trade-n-win-box img {
            width: 50%;
        }

        .trade-n-win-box span {
            top: -50px;
        }

    .trade-n-win-main {
        margin-top: 0px;
    }

    .trader-club-benefits .promotion-card {
        height: auto;
    }
    .eventsimage .deposit-reward-image {
        width: 100%;
    }
}

@media(min-width:992px) and (max-width:1199px) {
    .eventsimage .deposit-reward-image {
        width: 100%;
    }
    .promotion-banner-text h1 {
        font-size: 80px;
    }
        .deposit-reward-image {
        width: 60%;
    }
    .forex-hero .features-subtext {
        width: 100%;
    }
    .features-heading {
        font-size: 38px;
    }
    .mystry-points li {
        flex-direction: column;
        align-items: flex-start;
        gap: 3px;
    }
    .promotional-img {
        height: 70%;
    }
    .bonus-tier .col-md-6.col-xl-3:nth-child(2) .bonus-tier-box {
        margin-top: 0;
    }

    .bonus-tier .col-md-6.col-xl-3:nth-child(3) .bonus-tier-box {
        margin-top: 0;
    }

    .bonus-tier .col-md-6.col-xl-3:nth-child(4) .bonus-tier-box {
        margin-top: 0;
    }

    .bonus-tier-box.most-popular:before {
        top: -38px;
        border-radius: 8px 8px 0 0;
        bottom: unset;
    }

    .promotion-card h2 {
        font-size: clamp(20px, 2.4vw, 22px);
        width: 60%;
    }
    .trader-club-benefits .promotion-card p {
        width: 40%;
    }
    .trader-club-benefits .promotion-card {
        height: 230px;
        padding: 30px;
    }
        .bonus-tier {
        margin-top: 100px;
    }
        .bonus-tier:before{
            display:none;
        }
    }
@media(min-width:1200px) and (max-width:1399px) {
    .promotion-card h2 {
        font-size: clamp(20px, 2.4vw, 24px);

        width: 70%;
    }
    .promotion-card p {
        width: 45%;
    }
    .mystery-box-card {
        padding: 20px;
        height: 100%;
    }
    .mystry-points li {
        font-size: 14px;
    }
    .promotional-card {
        padding: 20px;
    }
    .promotion-text p {
        font-size: 13px;
    }
    .promotion-text h4 {
        font-size: 17px;
    }
    .perk-card h2{
        height:52px;
    }
    .perk-card p{
        height:59px;
    }
    .promotional-img {
        height: 80%;
    }
    .bonus-tier:before {
        transform: translateX(-50%) rotate(2deg);
        top: -76%;
    }
    .coupon-box h2 {
        font-size: 20px;
    }
    .promotion-banner-text h1 {
        font-size: 70px;
    }
    }
@media(min-width:1400px) and (max-width:1599px) {
    .navbar-brand img {
        width: 100px;
    }
    .mega-nav-list {
        gap: 10px;
    }
    .mega-nav-link {
        font-size: 14px;
    }
}
/* Trader Club */
        @media (max-width: 991.98px) {
            .trader-club-hero {
                text-align: center;
            }

                .trader-club-hero p {
                    margin-right: auto;
                    margin-left: auto;
                }

            .trader-club-hero-points {
                justify-content: center;
            }

            .trader-club-hero-art {
                padding-block: clamp(7.5rem, 27.5vw, 13.5rem);
            }

            .trader-club-benefits-art {
                display: none;
            }
        }

        @media (max-width: 575.98px) {
            .trade-win-page .page-section {
                padding-block: 3.5rem;
            }

            .trade-win-eyebrow {
                letter-spacing: .1em;
                font-size: .62rem;
            }

            .trade-win-points {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: .35rem;
            }

                .trade-win-points > div {
                    flex-direction: column;
                    padding: .25rem;
                    border: 0;
                    text-align: center;
                }

                .trade-win-points span {
                    font-size: .7rem;
                }

            .trade-win-levels::before {
                display: none;
            }

            .trade-win-levels article, .trade-win-levels article:nth-child(n) {
                min-block-size: 16rem;
            }

            .trader-club-hero-points {
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                gap: .5rem;
            }

                .trader-club-hero-points > div {
                    flex-direction: column;
                    padding: 0;
                    border: 0;
                    text-align: center;
                }

            .trader-club-icon {
                padding: .45rem;
                font-size: 1.5rem;
            }

            .trader-club-hero-points small {
                font-size: .67rem;
            }

            .trader-club-journey, .trader-club-benefits {
                border-radius: 1.5rem;
            }
        }