button, hr, input {
    overflow: visible
}

audio, canvas, progress, video {
    display: inline-block
}

progress, sub, sup {
    vertical-align: baseline
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

h3 {
    font-size: 1.5rem !important;
}

figure {
    margin: 1em 40px
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

a {
    background-color: transparent;
    text-decoration-skip-ink: auto;
}

    a:active, a:hover {
        outline-width: 0
    }

abbr[title] {
    border-block-end: none;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    inset-block-end: -.25em
}

sup {
    inset-block-start: -.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button, select {
    text-transform: none
}

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button
}

    [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
        outline: ButtonText dotted 1px
    }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

textarea {
    overflow: auto
}

[type=checkbox], [type=radio], legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
    position: relative;
    inset-inline-start: 24px;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden], template {
    display: none
}


@media (min-width:1600px) and (max-width:1919px) {

    .promotion-type-item.one .feature, .promotion-type-item.three .feature, .promotion-type-item.two .feature {
        min-height: 180px !important
    }

    .logo {
        width: 170px !important
    }

    header.scorecm-header .header-bottom-bar .account-menu {
        gap: 8px !important
    }

    section.scorecm-markets-breadcrumb .body.bp {
        padding: 120px 0 !important
    }
}

@media(min-width:1920px) {
    .custom-container {
        max-width: 75vw;
    }
}

@media(min-width:1200px) and (max-midth:1919px) {
    .custom-container {
        max-width: 1450px;
    }
}

@media(max-width:1199px) {
    .custom-container {
        max-width: 95vw;
    }
}


@media (min-width:1400px) and (max-width:1599px) {
    .account-type-item .image img {
        width: 110px !important;
        height: 110px !important
    }

    section.scorecm-markets-detail-heading .start .left {
        width: calc(40% - 25px) !important;
    }

    section.scorecm-markets-detail-heading .start .right {
        width: calc(60% - 50px) !important;
    }

    section.scorecm-markets-detail-charts .market-hours {
        padding: 25px 20px !important
    }

    section.scorecm-markets-breadcrumb .body.bp {
        padding: 100px 0 !important
    }

    section.scorecm-hero .homepage-hero-swiper .navigations {
        margin-block-start: 20px
    }

    header.scorecm-header .header-bottom-bar .account-menu {
        gap: 10px !important
    }

        header.scorecm-header .header-bottom-bar .account-menu i, header.scorecm-header .header-bottom-bar .account-menu svg {
            display: block !important
        }

    header.scorecm-header .logo-content {
        margin-inline-end: 50px !important
    }

    header.scorecm-header .mainNavbar .megamenu {
        padding: 35px !important
    }

        header.scorecm-header .mainNavbar .megamenu .megamenu-list.feature::before {
            inset-inline-end: 0 !important
        }

    header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control {
        min-width: 200px !important
    }

    header.scorecm-header .mainMenu li a, header.scorecm-header .mainMenu li ul.dropdown-menu li a, header.scorecm-header .mainNavbar .megamenu .megamenu-list .title, header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a {
        font-size: var(--font-text-size-xs) !important
    }

    .promotion-type-item.one .feature, .promotion-type-item.three .feature, .promotion-type-item.two .feature {
        min-height: 240px !important
    }

    .promotion-type-item.one .description, .promotion-type-item.three .description, .promotion-type-item.two .description {
        min-height: 56px !important
    }
}

@media (min-width:1200px) and (max-width:1399px) {

    header.scorecm-header .mainMenu li .image .menu-img {
        width: 100% !important
    }

    section.scorecm-404 {
        min-height: calc(100vh - 165.34px) !important
    }

    section.scorecm-about-us-heading .body ul.quad, section.scorecm-benefits .body ul.quad {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

        section.scorecm-about-us-heading .body ul.quad li, section.scorecm-benefits .body ul.quad li {
            width: 50% !important
        }

            section.scorecm-about-us-heading .body ul.quad li:nth-of-type(1), section.scorecm-about-us-heading .body ul.quad li:nth-of-type(2) {
                padding-block-end: 50px !important;
                border-block-end: 1px solid var(--border-color-dark)
            }

            section.scorecm-about-us-heading .body ul.quad li:nth-of-type(3), section.scorecm-about-us-heading .body ul.quad li:nth-of-type(4) {
                padding-block-start: 50px !important
            }

            section.scorecm-about-us-heading .body ul.quad li:nth-of-type(3) {
                padding-inline-start: 0 !important;
                border-inline-end: 0 !important;
                border-inline-start: 0 !important
            }

            section.scorecm-about-us-heading .body ul.quad li:nth-of-type(4) {
                border-inline-start: 1px solid var(--border-color-dark)
            }

            section.scorecm-about-us-heading .body ul.quad li:nth-of-type(2) {
                padding-inline-end: 0 !important;
                border-inline-end: 0 !important
            }

    section.scorecm-about-us-heading .body ul li .text {
        min-height: 90px !important
    }

    section.scorecm-educations-lesson-heading .categories {
        margin-block-start: 30px !important
    }

    section.scorecm-calculate-main-heading, section.scorecm-educations-lesson-heading {
        padding: 50px 0 135px !important
    }

    section.scorecm-metatrader-heading {
        padding: 50px 0 160px !important
    }

    section.scorecm-account-type-heading .cover-image {
        height: auto !important
    }

    .account-type-item .title {
        line-height: 30px !important;
        font-size: var(--font-text-size-xl) !important
    }

    section.scorecm-markets-detail-heading .start .left {
        width: calc(50% - 25px) !important
    }

    section.scorecm-markets-detail-heading .start .right {
        width: calc(50% - 50px) !important
    }

    section.scorecm-markets-detail-charts .market-hours {
        padding: 25px 20px !important
    }

    section.scorecm-markets-breadcrumb .body.bp {
        padding: 100px 0 !important
    }

    section.scorecm-hero.homepage {
        padding-block-start: 90px 0 50px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .sub-text {
        font-size: var(--font-text-size-sm) !important;
        line-height: 25px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .title {
        font-size: var(--font-text-size-xxxl) !important;
        line-height: 55px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .description {
        font-size: var(--font-text-size-sm) !important;
        line-height: 25px !important
    }

    .courses-item .body .content .start .title,
    section.scorecm-404 .content .title,
    section.scorecm-about-us-heading .head .title,
    section.scorecm-about-us-partner .body .title,
    section.scorecm-about-us-regulation .content .title,
    section.scorecm-account-type-heading .head .title,
    section.scorecm-autochartist-heading .content .title,
    section.scorecm-automated-execution-works .head .title,
    section.scorecm-automated-execution-heading .content .title,
    section.scorecm-become-partner-heading .head .sub-title,
    section.scorecm-become-partner-heading .head .title,
    section.scorecm-benefits .head .title,
    section.scorecm-blogs-detail .head .title,
    section.scorecm-calculate-heading .head .title,
    section.scorecm-calculate-main-heading .head .title,
    section.scorecm-calculate-types.pro-account .head .title,
    section.scorecm-contact-us-form .head .title,
    section.scorecm-contact-us-heading .body .sub-title,
    section.scorecm-contact-us-heading .head .title,
    section.scorecm-course-detail .body .title,
    section.scorecm-course-detail .sidebar .title,
    section.scorecm-discover-all-markets .body .title,
    section.scorecm-discover-spreads .head .title,
    section.scorecm-economic-calendar-information .start .title,
    section.scorecm-educations-blogs-heading .head .title,
    section.scorecm-educations-glossary-heading .head .title,
    section.scorecm-educations-heading .head .title,
    section.scorecm-educations-lesson-heading .head .title,
    section.scorecm-effortlessly-manage .body .title,
    section.scorecm-explore-advantage-metatrader5 .head .title,
    section.scorecm-fast-account-step .head .title,
    section.scorecm-legal-documents-detail .body .title,
    section.scorecm-legal-documents-detail .sidebar .title,
    section.scorecm-markets-breadcrumb .body .title,
    section.scorecm-markets-faqs .start,
    section.scorecm-markets-faqs.border-radius .custom-head .title,
    section.scorecm-markets-information .head .title,
    section.scorecm-markets-metatrader .body .title,
    section.scorecm-markets-start-trading-now .body .start .title,
    section.scorecm-markets-symbols .head .title,
    section.scorecm-metatrader-heading .content .title,
    section.scorecm-metatrader-platforms .content .title,
    section.scorecm-open-account .content .title,
    section.scorecm-open-account-fast-steps .head .title,
    section.scorecm-open-account-fast-steps.conditions .heading .title,
    section.scorecm-partnership-works-step .body .content .title,
    section.scorecm-partnership-works-step .body .head .title,
    section.scorecm-payment-method .head .title,
    section.scorecm-powering-trading-success .body .title,
    section.scorecm-pro-account-heading .head .title,
    section.scorecm-promotions-new-heading .head .title,
    section.scorecm-promotions-new-key-features .head .title,
    section.scorecm-promotions-new-referral .head .title,
    section.scorecm-trade-assets .head .title,
    section.scorecm-trade-confidence .head .title,
    section.scorecm-trade-excellence .head .title,
    section.scorecm-trade-smart .body .head .title,
    section.scorecm-withdrawals-payment-methods .head .title {
        font-size: var(--font-text-size-xxl) !important;
        line-height: 40px !important;
    }

    .step-account-box .title, section.scorecm-about-us-heading .body ul li .title, section.scorecm-benefits .body ul li .title, section.scorecm-markets-information .body ul li .title, section.scorecm-open-account-fast-steps .body ul li .title, section.scorecm-pro-account-heading.other-account .head .sub-title {
        font-size: var(--font-text-size-lg) !important;
        line-height: 30px !important
    }

    section.scorecm-hero .homepage-hero-swiper .navigations {
        margin-block-start: 20px
    }

    header.scorecm-header .header-bottom-bar .account-menu {
        gap: 10px !important
    }

        header.scorecm-header .header-bottom-bar .account-menu i, header.scorecm-header .header-bottom-bar .account-menu svg {
            display: block !important
        }

    .logo {
        width: 120px !important
    }

    header.scorecm-header .header-top-bar .top-bar-menu .menu2 li:last-of-type a span {
        display: none !important
    }

    header.scorecm-header .header-top-bar .top-bar-menu .menu2, header.scorecm-header .header-top-bar .top-bar-menu .menu3 {
        padding-inline-start: 15px !important;
        gap: 15px !important
    }

    header.scorecm-header .navbar-expand-xl .navbar-nav .nav-link {
        margin: 11px !important
    }

    .nav-item.dropdown {
        height: 45px !important;
    }

    header.scorecm-header .logo-content {
        margin-inline-end: 30px !important
    }

    header.scorecm-header .mainNavbar .megamenu {
        padding: 35px !important
    }

        header.scorecm-header .mainNavbar .megamenu .megamenu-list.feature::before {
            inset-inline-end: 0 !important
        }

    header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control {
        min-width: 200px !important
    }

    header.scorecm-header .mainMenu li a, header.scorecm-header .mainMenu li ul.dropdown-menu li a, header.scorecm-header .mainNavbar .megamenu .megamenu-list .title, header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a {
        font-size: var(--font-text-size-xs) !important
    }

    header.scorecm-header .mainNavbar .megamenu .megamenu-list .title, header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a {
        padding: 8px !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul {
        gap: 15px !important
    }

    .promotion-type-item.one .feature, .promotion-type-item.three .feature, .promotion-type-item.two .feature {
        min-height: 270px !important
    }

    .promotion-type-item.one .description, .promotion-type-item.three .description, .promotion-type-item.two .description {
        min-height: 46px !important
    }

    .promotion-type-item .price {
        font-size: var(--font-text-size-xxl) !important
    }

    .promotion-type-item .title {
        font-size: var(--font-text-size-md) !important
    }

    .promotion-type-item .description {
        font-size: var(--font-text-size-xs) !important;
        line-height: 23px !important
    }

    .glossary-item .title {
        font-size: var(--font-text-size-lg) !important
    }
}

@media (min-width:992px) and (max-width:1199px) {

    section.scorecm-account-type .account-type-container {
        margin-block-start: 70px !important
    }

    section.scorecm-404 {
        min-height: calc(100vh - 160.34px) !important
    }

    section.scorecm-about-us-heading .body ul.quad, section.scorecm-benefits .body ul.quad {
        -webkit-flex-wrap: wrap !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

        section.scorecm-about-us-heading .body ul.quad li, section.scorecm-benefits .body ul.quad li {
            width: 50% !important
        }

            section.scorecm-about-us-heading .body ul.quad li:nth-of-type(1), section.scorecm-about-us-heading .body ul.quad li:nth-of-type(2) {
                padding-block-end: 50px !important;
                border-block-end: 1px solid var(--border-color-dark)
            }

            section.scorecm-about-us-heading .body ul.quad li:nth-of-type(3), section.scorecm-about-us-heading .body ul.quad li:nth-of-type(4) {
                padding-block-start: 50px !important
            }

            section.scorecm-about-us-heading .body ul.quad li:nth-of-type(3) {
                padding-inline-start: 0 !important;
                border-inline-end: 0 !important;
                border-inline-start: 0 !important
            }

            section.scorecm-about-us-heading .body ul.quad li:nth-of-type(4) {
                border-inline-start: 1px solid var(--border-color-dark)
            }

            section.scorecm-about-us-heading .body ul.quad li:nth-of-type(2) {
                padding-inline-end: 0 !important;
                border-inline-end: 0 !important
            }

    section.scorecm-about-us-heading .body ul li .text {
        min-height: 60px !important
    }


    .glossary-item .title {
        font-size: var(--font-text-size-lg) !important;
        line-height: 30px !important
    }

    section.scorecm-metatrader-heading {
        padding: 50px 0 160px !important
    }

        section.scorecm-metatrader-heading .content .mt-logo {
            font-size: var(--font-text-size-md) !important;
            margin-block-end: 30px !important
        }

            section.scorecm-metatrader-heading .content .mt-logo svg {
                width: 50px !important;
                height: 50px !important
            }

    .account-type-item .title {
        line-height: 26px !important
    }

    .account-type-item .deposit .key {
        font-size: var(--font-text-size-xs) !important
    }

    .account-type-item .deposit .value, .account-type-item .title {
        font-size: var(--font-text-size-lg) !important
    }

    section.scorecm-benefits .body ul.quad li:nth-of-type(1), section.scorecm-benefits .body ul.quad li:nth-of-type(2) {
        padding-block-end: 50px !important;
        border-block-end: 1px solid var(--border-color-dark)
    }

    section.scorecm-benefits .body ul.quad li:nth-of-type(3), section.scorecm-benefits .body ul.quad li:nth-of-type(4) {
        padding-block-start: 50px !important
    }

    section.scorecm-benefits .body ul.quad li:nth-of-type(3) {
        padding-inline-start: 0 !important;
        border-inline-end: 0 !important
    }

    section.scorecm-benefits .body ul.quad li:nth-of-type(4) {
        border-inline-start: 1px solid var(--border-color-dark)
    }

    section.scorecm-benefits .body ul.quad li:nth-of-type(2) {
        padding-inline-end: 0 !important;
        border-inline-end: 0 !important
    }

    section.scorecm-benefits .body ul li:nth-of-type(1) .text, section.scorecm-benefits .body ul li:nth-of-type(2) .text {
        min-height: auto !important
    }

    section.scorecm-benefits .body ul li:nth-of-type(3) .text, section.scorecm-benefits .body ul li:nth-of-type(4) .text {
        min-height: 90px !important
    }

    section.scorecm-benefits .head {
        margin-block-end: 40px !important
    }

    section.scorecm-markets-detail-heading .end {
        margin-block-start: 25px !important
    }

    section.scorecm-freemode-symbols.markets.detail {
        padding-block-end: 0 !important
    }

    section.scorecm-markets-detail-heading .start .right {
        width: calc(70% - 25px) !important
    }

    section.scorecm-markets-symbols {
        padding: 20px 0 50px !important
    }

    .courses-item .body .content .start .description, .glossary-item .description, section.scorecm-about-us-heading .body ul li .text, section.scorecm-benefits .body ul li .text, section.scorecm-economic-calendar-information .end, section.scorecm-faq .body .accordion-body, section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .sub-text, section.scorecm-markets-detail-information .content, section.scorecm-markets-faqs .end .accordion-body, section.scorecm-markets-faqs .more, section.scorecm-markets-information .body ul li .more a, section.scorecm-markets-information .body ul li .text, section.scorecm-markets-metatrader .body .description, section.scorecm-markets-metatrader .body .more, section.scorecm-markets-start-trading-now .body .start .text, section.scorecm-metatrader-heading .content .description, section.scorecm-metatrader-platforms .content .description, section.scorecm-open-account-fast-steps .body ul li .text {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important
    }

    section.scorecm-hero.homepage {
        padding: 50px 0 !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .title {
        font-size: var(--font-text-size-xxl) !important;
        line-height: 40px !important;
        margin-block-end: 25px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .description {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important
    }

    .courses-item .body .content .start .title,
    section.scorecm-404 .content .title,
    section.scorecm-about-us-heading .head .title,
    section.scorecm-about-us-partner .body .title,
    section.scorecm-about-us-regulation .content .title,
    section.scorecm-account-type-heading .head .title,
    section.scorecm-autochartist-heading .content .title,
    section.scorecm-automated-execution-works .head .title,
    section.scorecm-automated-execution-heading .content .title,
    section.scorecm-become-partner-heading .head .sub-title,
    section.scorecm-become-partner-heading .head .title,
    section.scorecm-benefits .head .title,
    section.scorecm-blogs-detail .head .title,
    section.scorecm-calculate-heading .head .title,
    section.scorecm-calculate-main-heading .head .title,
    section.scorecm-calculate-types.pro-account .head .title,
    section.scorecm-contact-us-form .head .title,
    section.scorecm-contact-us-heading .body .sub-title,
    section.scorecm-contact-us-heading .head .title,
    section.scorecm-course-detail .body .title,
    section.scorecm-course-detail .sidebar .title,
    section.scorecm-discover-all-markets .body .title,
    section.scorecm-discover-spreads .head .title,
    section.scorecm-economic-calendar-information .start .title,
    section.scorecm-educations-blogs-heading .head .title,
    section.scorecm-educations-glossary-heading .head .title,
    section.scorecm-educations-heading .head .title,
    section.scorecm-educations-lesson-heading .head .title,
    section.scorecm-effortlessly-manage .body .title,
    section.scorecm-explore-advantage-metatrader5 .head .title,
    section.scorecm-explore-instruments .left-side .title,
    section.scorecm-explore-instruments .right-side .title,
    section.scorecm-fast-account-step .head .title,
    section.scorecm-freemode-symbols .title,
    section.scorecm-legal-documents-detail .body .title,
    section.scorecm-legal-documents-detail .sidebar .title,
    section.scorecm-markets-breadcrumb .body .title,
    section.scorecm-markets-detail-charts .chart .title,
    section.scorecm-markets-faqs .start,
    section.scorecm-markets-faqs.border-radius .custom-head .title,
    section.scorecm-markets-information .head .title,
    section.scorecm-markets-metatrader .body .title,
    section.scorecm-markets-start-trading-now .body .start .title,
    section.scorecm-markets-symbols .head .title,
    section.scorecm-metatrader-heading .content .title,
    section.scorecm-metatrader-platforms .content .title,
    section.scorecm-open-account .content .title,
    section.scorecm-open-account-fast-steps .head .title,
    section.scorecm-open-account-fast-steps.conditions .heading .title,
    section.scorecm-partnership-works-step .body .content .title,
    section.scorecm-partnership-works-step .body .head .title,
    section.scorecm-payment-method .head .title,
    section.scorecm-powering-trading-success .body .sub-title,
    section.scorecm-powering-trading-success .body .title,
    section.scorecm-pro-account-heading .head .title,
    section.scorecm-promotions-new-heading .head .title,
    section.scorecm-promotions-new-key-features .head .title,
    section.scorecm-promotions-new-referral .head .title,
    section.scorecm-quick-access .head .start .title,
    section.scorecm-trade-assets .head .title,
    section.scorecm-trade-confidence .head .title,
    section.scorecm-trade-excellence .head .title,
    section.scorecm-trade-smart .body .head .title,
    section.scorecm-withdrawals-payment-methods .head .title {
        font-size: var(--font-text-size-xl) !important;
        line-height: 35px !important;
    }

    section.scorecm-404 .content .description, section.scorecm-about-us-heading .head .description, section.scorecm-about-us-partner .body .description, section.scorecm-about-us-regulation .content .description, section.scorecm-account-type-heading .head .description, section.scorecm-autochartist-heading .content .description, section.scorecm-automated-execution-works .head .description, section.scorecm-automated-execution-heading .content .description, section.scorecm-become-partner-heading .head .description, section.scorecm-benefits .head .description, section.scorecm-benefits.contact-us .body ul li .text, section.scorecm-calculate-heading .head .description, section.scorecm-calculate-main-heading .head .description, section.scorecm-contact-us-form .head .description, section.scorecm-contact-us-heading .body .step-account-box .description, section.scorecm-contact-us-heading .head .description, section.scorecm-educations-blogs-heading .head .description, section.scorecm-educations-glossary-heading .head .description, section.scorecm-educations-heading .head .description, section.scorecm-educations-lesson-heading .head .description, section.scorecm-markets-information .head .description, section.scorecm-open-account .content .description, section.scorecm-open-account-fast-steps.conditions .heading .description, section.scorecm-payment-method .head .description, section.scorecm-pro-account-heading .head .description, section.scorecm-trade-assets .head .description, section.scorecm-trade-excellence .head .description, section.scorecm-withdrawals-payment-methods .head .description {
        font-size: var(--font-text-size-sm) !important;
        line-height: 25px !important
    }

    .trade-assets-table .tbody .tr .td .more {
        padding: 10px !important
    }

    .trade-assets-table .tbody .tr .td .icon-with-name {
        gap: 10px !important
    }

    header.scorecm-header .header-top-bar .top-bar-menu {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: end !important;
        justify-content: space-between !important
    }

        header.scorecm-header .header-top-bar .top-bar-menu .menu2, header.scorecm-header .header-top-bar .top-bar-menu .menu3 {
            padding-inline-start: 15px !important;
            gap: 15px !important
        }

    header.scorecm-header .mainMenu li {
        margin-inline-end: 15px !important
    }

    header.scorecm-header .header-bottom-bar .account-menu a {
        /*min-width: 200px !important;*/
        min-height: auto !important;
        height: 40px !important;
        padding: 12px !important;
        font-size: var(--font-text-size-xs) !important
    }

    header.scorecm-header .logo-content {
        margin-inline-end: 0 !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul {
        gap: 15px !important
    }

    header.scorecm-header .mainNavbar .megamenu {
        padding: 35px !important
    }

        header.scorecm-header .mainNavbar .megamenu .megamenu-list.feature::before {
            inset-inline-end: 0 !important
        }

    header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control {
        min-width: 200px !important
    }

    header.scorecm-header .mainNavbar .megamenu .megamenu-list .title {
        font-size: var(--font-text-size-sm) !important
    }

    header.scorecm-header .mainMenu li ul.dropdown-menu li a, header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a {
        font-size: var(--font-text-size-xs) !important
    }

    .promotion-type-item, section.scorecm-freemode-symbols.markets {
        padding: 30px !important
    }

        .promotion-type-item.one .feature, .promotion-type-item.three .feature, .promotion-type-item.two .feature {
            min-height: 286px !important
        }

        .promotion-type-item.one .description, .promotion-type-item.three .description, .promotion-type-item.two .description {
            min-height: 46px !important
        }

        .promotion-type-item .price {
            font-size: var(--font-text-size-xxl) !important
        }

        .promotion-type-item .title {
            font-size: var(--font-text-size-md) !important
        }

        .promotion-type-item .description {
            font-size: var(--font-text-size-xs) !important;
            line-height: 23px !important
        }

        .account-type-item .feature li, .promotion-type-item .feature li {
            line-height: 26px !important
        }

    .step-account-box .icon, .step-account-box .icon svg {
        height: 50px !important
    }

    .step-account-box .title, section.scorecm-about-us-heading .body ul li .title, section.scorecm-benefits .body ul li .title, section.scorecm-markets-information .body ul li .title, section.scorecm-open-account-fast-steps .body ul li .title, section.scorecm-pro-account-heading.other-account .head .sub-title {
        font-size: var(--font-text-size-md) !important;
        line-height: 25px !important
    }

    .step-account-box .description {
        line-height: 25px !important
    }

    section.scorecm-trade-smart .body {
        padding: 40px 0 !important
    }

    .step-account-box .description, .trade-assets-table .tbody .tr .td {
        font-size: var(--font-text-size-xs) !important
    }
}

@media (min-width:768px) and (max-width:991px) {

    section.scorecm-open-account-fast-steps.with-account-type {
        padding-block-start: 100px !important
    }

        section.scorecm-open-account-fast-steps.with-account-type .image {
            margin-block-start: -155px !important;
            margin-block-end: 50px !important
        }

            .account-type-item .image img, section.scorecm-open-account-fast-steps.with-account-type .image img {
                width: 100px !important;
                height: 100px !important
            }

    .account-type-item.with-image {
        height: auto !important
    }

        .account-type-item.with-image.three, .account-type-item.with-image.two {
            margin-block-start: 40px !important
        }

    section.scorecm-account-type .account-type-container {
        margin-block-start: 60px !important
    }

    .account-type-item .image {
        margin-block-start: -85px !important
    }

    section.scorecm-metatrader-heading {
        padding: 50px 0 160px !important
    }

        section.scorecm-metatrader-heading .content .mt-logo {
            font-size: var(--font-text-size-md) !important;
            margin-block-end: 30px !important
        }

            section.scorecm-metatrader-heading .content .mt-logo svg {
                width: 50px !important;
                height: 50px !important
            }

    section.scorecm-markets-detail-heading {
        padding-block-start: 20px !important
    }

        section.scorecm-markets-detail-heading .end {
            margin-block-start: 25px !important
        }

        section.scorecm-markets-detail-heading .start .left, section.scorecm-markets-detail-heading .start .right {
            width: calc(50% - 25px) !important
        }

    section.scorecm-markets-detail-charts .chart .note {
        margin-block-end: 25px !important
    }

    header.scorecm-header .header-bottom-bar .account-menu a span span, header.scorecm-header .header-bottom-bar .account-menu a svg, section.scorecm-benefits .body ul li .title br, section.scorecm-markets-faqs .start br, section.scorecm-markets-information .body ul li .title br, section.scorecm-markets-start-trading-now .body .start .text br, section.scorecm-open-account-fast-steps .body ul li .title br {
        display: none !important
    }

    .trade-assets-table .thead .tr .td, section.scorecm-faq .body .accordion-button, section.scorecm-markets-faqs .end .accordion-button, section.scorecm-markets-symbols .head .description {
        font-size: var(--font-text-size-sm) !important
    }

    .courses-item .body .content .start .description, .glossary-item .description, section.scorecm-about-us-heading .body ul li .text, section.scorecm-benefits .body ul li .text, section.scorecm-economic-calendar-information .end, section.scorecm-faq .body .accordion-body, section.scorecm-markets-detail-information .content, section.scorecm-markets-faqs .end .accordion-body, section.scorecm-markets-faqs .more, section.scorecm-markets-information .body ul li .more a, section.scorecm-markets-information .body ul li .text, section.scorecm-markets-metatrader .body .description, section.scorecm-markets-metatrader .body .more, section.scorecm-markets-start-trading-now .body .start .text, section.scorecm-metatrader-heading .content .description, section.scorecm-metatrader-platforms .content .description, section.scorecm-open-account-fast-steps .body ul li .text {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important
    }

    section.scorecm-hero.homepage {
        padding: 50px 0 !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .sub-text {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important;
        margin-block-end: 10px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .title {
        font-size: var(--font-text-size-xl) !important;
        line-height: 35px !important;
        margin-block-end: 10px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .description {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important;
        margin-block-end: 20px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .more {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        gap: 10px !important
    }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .more a {
            width: 100% !important;
            min-height: 45px !important;
            font-size: var(--font-text-size-xxs) !important
        }

    /*    section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-next, section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-prev {
        width: 40px !important;
        height: 40px !important
    }*/

    .courses-item .body .content .start .title, section.scorecm-404 .content .title, section.scorecm-about-us-heading .head .title, section.scorecm-about-us-partner .body .title, section.scorecm-about-us-regulation .content .title, section.scorecm-account-type-heading .head .title, section.scorecm-autochartist-heading .content .title, section.scorecm-automated-execution-works .head .title, section.scorecm-automated-execution-heading .content .title, section.scorecm-become-partner-heading .head .sub-title, section.scorecm-become-partner-heading .head .title, section.scorecm-benefits .head .title, section.scorecm-blogs-detail .head .title, section.scorecm-calculate-heading .head .title, section.scorecm-calculate-main-heading .head .title, section.scorecm-calculate-types.pro-account .head .title, section.scorecm-contact-us-form .head .title, section.scorecm-contact-us-heading .body .sub-title, section.scorecm-contact-us-heading .head .title, section.scorecm-course-detail .body .title, section.scorecm-course-detail .sidebar .title, section.scorecm-discover-all-markets .body .title, section.scorecm-discover-spreads .head .title, section.scorecm-economic-calendar-information .start .title, section.scorecm-educations-blogs-heading .head .title, section.scorecm-educations-glossary-heading .head .title, section.scorecm-educations-heading .head .title, section.scorecm-educations-lesson-heading .head .title, section.scorecm-effortlessly-manage .body .title, section.scorecm-explore-advantage-metatrader5 .head .title, section.scorecm-explore-instruments .left-side .title, section.scorecm-explore-instruments .right-side .title, section.scorecm-fast-account-step .head .title, section.scorecm-freemode-symbols .title, section.scorecm-legal-documents-detail .body .title, section.scorecm-legal-documents-detail .sidebar .title, section.scorecm-markets-breadcrumb .body .title, section.scorecm-markets-detail-charts .chart .title, section.scorecm-markets-faqs .start, section.scorecm-markets-information .head .title, section.scorecm-markets-metatrader .body .title, section.scorecm-markets-start-trading-now .body .start .title, section.scorecm-markets-symbols .head .title, section.scorecm-metatrader-heading .content .title, section.scorecm-metatrader-platforms .content .title, section.scorecm-open-account .content .title, section.scorecm-open-account-fast-steps .head .title, section.scorecm-open-account-fast-steps.conditions .heading .title, section.scorecm-partnership-works-step .body .content .title, section.scorecm-partnership-works-step .body .head .title, section.scorecm-payment-method .head .title, section.scorecm-powering-trading-success .body .sub-title, section.scorecm-powering-trading-success .body .title, section.scorecm-pro-account-heading .head .title, section.scorecm-quick-access .head .start .title, section.scorecm-trade-assets .head .title, section.scorecm-trade-confidence .head .title, section.scorecm-trade-excellence .head .title, section.scorecm-trade-smart .body .head .title, section.scorecm-withdrawals-payment-methods .head .title {
        font-size: var(--font-text-size-xl) !important;
        line-height: 35px !important
    }

    section.scorecm-fast-account-step .step-account-box, section.scorecm-trade-excellence .step-account-box {
        padding: 30px !important
    }

    .step-account-box .icon, .step-account-box .icon svg {
        height: 50px !important
    }

    .step-account-box .title, section.scorecm-about-us-heading .body ul li .title, section.scorecm-benefits .body ul li .title, section.scorecm-markets-information .body ul li .title, section.scorecm-open-account-fast-steps .body ul li .title, section.scorecm-pro-account-heading.other-account .head .sub-title {
        font-size: var(--font-text-size-md) !important;
        line-height: 25px !important
    }

    .step-account-box .description {
        line-height: 25px !important
    }

    section.scorecm-404 .content .description, section.scorecm-about-us-heading .head .description, section.scorecm-about-us-partner .body .description, section.scorecm-about-us-regulation .content .description, section.scorecm-account-type-heading .head .description, section.scorecm-autochartist-heading .content .description, section.scorecm-automated-execution-works .head .description, section.scorecm-automated-execution-heading .content .description, section.scorecm-become-partner-heading .head .description, section.scorecm-benefits .head .description, section.scorecm-benefits.contact-us .body ul li .text, section.scorecm-calculate-heading .head .description, section.scorecm-calculate-main-heading .head .description, section.scorecm-calculate-types.pro-account.other-account .head .description, section.scorecm-contact-us-form .head .description, section.scorecm-contact-us-heading .body .step-account-box .description, section.scorecm-contact-us-heading .head .description, section.scorecm-educations-blogs-heading .head .description, section.scorecm-educations-glossary-heading .head .description, section.scorecm-educations-heading .head .description, section.scorecm-educations-lesson-heading .head .description, section.scorecm-markets-information .head .description, section.scorecm-open-account .content .description, section.scorecm-open-account-fast-steps.conditions .heading .description, section.scorecm-payment-method .head .description, section.scorecm-pro-account-heading .head .description, section.scorecm-pro-account-heading .head .sub-description, section.scorecm-trade-assets .head .description, section.scorecm-trade-excellence .head .description, section.scorecm-withdrawals-payment-methods .head .description {
        font-size: var(--font-text-size-sm) !important;
        line-height: 25px !important
    }

    .step-account-box .description, .trade-assets-table .tbody .tr .td {
        font-size: var(--font-text-size-xs) !important
    }

    header.scorecm-header .mainMenu li a, section.scorecm-explore-advantage-metatrader5.become-partner .head .sub-title {
        font-size: var(--font-text-size-sm) !important
    }

    header.scorecm-header .header-bottom-bar .account-menu {
        gap: 10px !important
    }

    header.scorecm-header .header-top-bar .top-bar-menu {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: center !important
    }

        header.scorecm-header .header-top-bar .top-bar-menu .menu2, header.scorecm-header .header-top-bar .top-bar-menu .menu3 {
            padding-inline-start: 15px !important;
            gap: 15px !important
        }

    header.scorecm-header .mainMenu li {
        margin-inline-end: 15px !important
    }

    header.scorecm-header .header-bottom-bar .account-menu a {
        /*min-width: 200px !important;*/
        min-height: auto !important;
        height: 40px !important;
        padding: 12px !important;
        font-size: var(--font-text-size-xs) !important
    }

    header.scorecm-header .logo-content {
        margin-inline-end: 0 !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul {
        gap: 15px !important
    }

    header.scorecm-header .mainNavbar .megamenu {
        padding: 35px !important
    }

        header.scorecm-header .mainNavbar .megamenu .megamenu-list.feature::before {
            inset-inline-end: 0 !important
        }

    header.scorecm-header .header-top-bar .list {
        gap: 20px !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control {
        min-width: 200px !important
    }

    header.scorecm-header .mainNavbar .megamenu .megamenu-list .title {
        font-size: var(--font-text-size-sm) !important
    }

    header.scorecm-header .mainMenu li ul.dropdown-menu li a, header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a {
        font-size: var(--font-text-size-xs) !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul li.search-form {
        display: none !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul li.search-trigger-only-mobile {
        display: block !important
    }
}

@media (min-width:576px) and (max-width:767px) {

    .account-type-item.with-image {
        height: auto !important
    }

        .account-type-item.with-image.three, .account-type-item.with-image.two {
            margin-block-start: 40px !important
        }

    .account-type-item .image {
        margin-block-start: -85px !important
    }

    .currency-dropdown-list .dropdown-toggle .name {
        width: 85px !important
    }

    section.scorecm-metatrader-heading {
        padding: 50px 0 150px !important
    }

        section.scorecm-metatrader-heading .content .mt-logo {
            font-size: var(--font-text-size-md) !important;
            margin-block-end: 30px !important
        }

            section.scorecm-metatrader-heading .content .mt-logo svg {
                width: 50px !important;
                height: 50px !important
            }

    section.scorecm-markets-detail-heading {
        padding-block-start: 20px !important
    }

        section.scorecm-markets-detail-heading .end {
            margin-block-start: 25px !important
        }

        section.scorecm-markets-detail-heading .start {
            gap: 30px !important
        }

            section.scorecm-markets-detail-heading .start .left {
                width: calc(55% - 15px) !important
            }

            section.scorecm-markets-detail-heading .start .right {
                width: calc(45% - 15px) !important
            }

    section.scorecm-markets-detail-charts .chart .note {
        margin-block-end: 25px !important
    }

    section.scorecm-markets-breadcrumb .body .text, section.scorecm-markets-information .head {
        margin-block-end: 40px !important
    }

    section.scorecm-markets-symbols {
        padding: 20px 0 50px !important
    }

        .trade-assets-table .thead .tr .td, section.scorecm-faq .body .accordion-button, section.scorecm-markets-faqs .end .accordion-button, section.scorecm-markets-symbols .head .description {
            font-size: var(--font-text-size-sm) !important
        }

    .courses-item .body .content .start .description, .glossary-item .description, section.scorecm-about-us-heading .body ul li .text, section.scorecm-benefits .body ul li .text, section.scorecm-economic-calendar-information .end, section.scorecm-faq .body .accordion-body, section.scorecm-markets-detail-information .content, section.scorecm-markets-faqs .end .accordion-body, section.scorecm-markets-faqs .more, section.scorecm-markets-information .body ul li .more a, section.scorecm-markets-information .body ul li .text, section.scorecm-markets-metatrader .body .description, section.scorecm-markets-metatrader .body .more, section.scorecm-markets-start-trading-now .body .start .text, section.scorecm-metatrader-heading .content .description, section.scorecm-metatrader-platforms .content .description, section.scorecm-open-account-fast-steps .body ul li .text {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important
    }

    section.scorecm-hero.homepage {
        padding: 100px 0 50px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .sub-text {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important;
        margin-block-end: 10px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .title {
        font-size: var(--font-text-size-xl) !important;
        line-height: 35px !important;
        margin-block-end: 10px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .description {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important;
        margin-block-end: 20px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .more a {
        min-height: 45px !important;
        font-size: var(--font-text-size-xxs) !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .image-or-video {
        height: 350px !important
    }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .image-or-video img, section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .image-or-video video {
            -o-object-position: center !important;
            object-position: center !important
        }

    section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-next, section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-prev {
        width: 40px !important;
        height: 40px !important
    }

    .courses-item .body .content .start .title, section.scorecm-404 .content .title, section.scorecm-about-us-heading .head .title, section.scorecm-about-us-partner .body .title, section.scorecm-about-us-regulation .content .title, section.scorecm-account-type-heading .head .title, section.scorecm-autochartist-heading .content .title, section.scorecm-automated-execution-works .head .title, section.scorecm-automated-execution-heading .content .title, section.scorecm-become-partner-heading .head .sub-title, section.scorecm-become-partner-heading .head .title, section.scorecm-benefits .head .title, section.scorecm-blogs-detail .head .title, section.scorecm-calculate-heading .head .title, section.scorecm-calculate-main-heading .head .title, section.scorecm-calculate-types.pro-account .head .title, section.scorecm-contact-us-form .head .title, section.scorecm-contact-us-heading .body .sub-title, section.scorecm-contact-us-heading .head .title, section.scorecm-course-detail .body .title, section.scorecm-course-detail .sidebar .title, section.scorecm-discover-all-markets .body .title, section.scorecm-discover-spreads .head .title, section.scorecm-economic-calendar-information .start .title, section.scorecm-educations-blogs-heading .head .title, section.scorecm-educations-glossary-heading .head .title, section.scorecm-educations-heading .head .title, section.scorecm-educations-lesson-heading .head .title, section.scorecm-effortlessly-manage .body .title, section.scorecm-explore-advantage-metatrader5 .head .title, section.scorecm-explore-instruments .left-side .title, section.scorecm-explore-instruments .right-side .title, section.scorecm-fast-account-step .head .title, section.scorecm-freemode-symbols .title, section.scorecm-legal-documents-detail .body .title, section.scorecm-legal-documents-detail .sidebar .title, section.scorecm-markets-breadcrumb .body .title, section.scorecm-markets-detail-charts .chart .title, section.scorecm-markets-faqs .start, section.scorecm-markets-information .head .title, section.scorecm-markets-metatrader .body .title, section.scorecm-markets-start-trading-now .body .start .title, section.scorecm-markets-symbols .head .title, section.scorecm-metatrader-heading .content .title, section.scorecm-metatrader-platforms .content .title, section.scorecm-open-account .content .title, section.scorecm-open-account-fast-steps .head .title, section.scorecm-open-account-fast-steps.conditions .heading .title, section.scorecm-partnership-works-step .body .content .title, section.scorecm-partnership-works-step .body .head .title, section.scorecm-payment-method .head .title, section.scorecm-powering-trading-success .body .sub-title, section.scorecm-powering-trading-success .body .title, section.scorecm-pro-account-heading .head .title, section.scorecm-quick-access .head .start .title, section.scorecm-trade-assets .head .title, section.scorecm-trade-confidence .head .title, section.scorecm-trade-excellence .head .title, section.scorecm-trade-smart .body .head .title, section.scorecm-withdrawals-payment-methods .head .title, section.scorecm-promotions-new-heading .head .title, section.scorecm-promotions-new-key-features .head .title {
        font-size: var(--font-text-size-xl) !important;
        line-height: 35px !important
    }

    section.scorecm-fast-account-step .step-account-box, section.scorecm-trade-excellence .step-account-box {
        padding: 30px !important
    }

    .step-account-box .icon, .step-account-box .icon svg {
        height: 50px !important
    }

    .step-account-box .title, section.scorecm-about-us-heading .body ul li .title, section.scorecm-benefits .body ul li .title, section.scorecm-markets-information .body ul li .title, section.scorecm-open-account-fast-steps .body ul li .title, section.scorecm-pro-account-heading.other-account .head .sub-title {
        font-size: var(--font-text-size-md) !important;
        line-height: 25px !important
    }

    .step-account-box .description, section.scorecm-404 .content .description, section.scorecm-about-us-heading .head .description, section.scorecm-about-us-partner .body .description, section.scorecm-about-us-regulation .content .description, section.scorecm-account-type-heading .head .description, section.scorecm-autochartist-heading .content .description, section.scorecm-automated-execution-works .head .description, section.scorecm-automated-execution-heading .content .description, section.scorecm-become-partner-heading .head .description, section.scorecm-benefits .head .description, section.scorecm-benefits.contact-us .body ul li .text, section.scorecm-calculate-heading .head .description, section.scorecm-calculate-main-heading .head .description, section.scorecm-calculate-types.pro-account.other-account .head .description, section.scorecm-contact-us-form .head .description, section.scorecm-contact-us-heading .body .step-account-box .description, section.scorecm-contact-us-heading .head .description, section.scorecm-educations-blogs-heading .head .description, section.scorecm-educations-glossary-heading .head .description, section.scorecm-educations-heading .head .description, section.scorecm-educations-lesson-heading .head .description, section.scorecm-effortlessly-manage .body .description, section.scorecm-markets-information .head .description, section.scorecm-open-account .content .description, section.scorecm-open-account-fast-steps.conditions .heading .description, section.scorecm-payment-method .head .description, section.scorecm-pro-account-heading .head .description, section.scorecm-pro-account-heading .head .sub-description, section.scorecm-trade-assets .head .description, section.scorecm-trade-excellence .head .description, section.scorecm-withdrawals-payment-methods .head .description {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important
    }

    header.scorecm-header .mainMenu li a, section.scorecm-explore-advantage-metatrader5.become-partner .head .sub-title {
        font-size: var(--font-text-size-sm) !important
    }

    header.scorecm-header .header-bottom-bar .account-menu {
        gap: 10px !important
    }

    header.scorecm-header .header-top-bar .top-bar-menu {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: center !important
    }

        header.scorecm-header .header-top-bar .top-bar-menu .menu2, header.scorecm-header .header-top-bar .top-bar-menu .menu3 {
            padding-inline-start: 15px !important;
            gap: 15px !important
        }

    header.scorecm-header .mainMenu li {
        margin-inline-end: 15px !important
    }

    header.scorecm-header .header-bottom-bar .account-menu a {
        min-width: 130px !important;
        min-height: auto !important;
        height: 40px !important;
        padding: 12px !important;
        font-size: var(--font-text-size-xxs) !important
    }

    header.scorecm-header .logo-content {
        margin-inline-end: 0 !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul {
        gap: 15px !important
    }

    header.scorecm-header .mainNavbar .megamenu {
        padding: 35px !important
    }

        header.scorecm-header .mainNavbar .megamenu .megamenu-list.feature::before {
            inset-inline-end: 0 !important
        }

    footer.m-footer .footer-bottom .campaign-area, header.scorecm-header .header-top-bar .list {
        gap: 20px !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control {
        min-width: 200px !important
    }

    header.scorecm-header .mainNavbar .megamenu .megamenu-list .title {
        font-size: var(--font-text-size-sm) !important
    }

    header.scorecm-header .mainMenu li ul.dropdown-menu li a, header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a {
        font-size: var(--font-text-size-xs) !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul li.search-trigger-only-mobile {
        display: block !important
    }

    .logo {
        width: 140px !important
    }
}

@media (min-width:481px) and (max-width:575px) {

    section.scorecm-account-type .account-type-container {
        margin-block-start: 60px !important
    }

    section.scorecm-freemode-symbols.markets, section.scorecm-metatrader-features.tools .step-account-box {
        padding: 30px !important
    }

    section.scorecm-metatrader-heading {
        padding: 50px 0 150px !important
    }

        section.scorecm-metatrader-heading .content .mt-logo {
            font-size: var(--font-text-size-md) !important;
            margin-block-end: 30px !important
        }

            section.scorecm-metatrader-heading .content .mt-logo svg {
                width: 50px !important;
                height: 50px !important
            }

    section.scorecm-markets-detail-heading {
        padding-block-start: 20px !important
    }

        section.scorecm-markets-detail-heading .end .sell-buy-content .buy .value, section.scorecm-markets-detail-heading .end .sell-buy-content .sell .value, section.scorecm-markets-detail-heading .start .content .name, section.scorecm-markets-detail-heading .start .right .top .price {
            font-size: var(--font-text-size-lg) !important
        }

        section.scorecm-markets-detail-heading .end {
            margin-block-start: 25px !important
        }

        section.scorecm-markets-detail-heading .start {
            gap: 30px !important
        }

            section.scorecm-markets-detail-heading .start .left {
                width: calc(55% - 15px) !important
            }

            section.scorecm-markets-detail-heading .start .right {
                width: calc(45% - 15px) !important
            }

    section.scorecm-markets-detail-charts .chart .note {
        margin-block-end: 25px !important
    }

    section.scorecm-markets-breadcrumb .body .text, section.scorecm-markets-information .head {
        margin-block-end: 40px !important
    }

    section.scorecm-markets-symbols {
        padding: 20px 0 50px !important
    }

    .courses-item .body .content .start .description, .glossary-item .description, section.scorecm-about-us-heading .body ul li .text, section.scorecm-benefits .body ul li .text, section.scorecm-economic-calendar-information .end, section.scorecm-faq .body .accordion-body, section.scorecm-markets-detail-information .content, section.scorecm-markets-faqs .end .accordion-body, section.scorecm-markets-faqs .more, section.scorecm-markets-information .body ul li .more a, section.scorecm-markets-information .body ul li .text, section.scorecm-markets-metatrader .body .description, section.scorecm-markets-metatrader .body .more, section.scorecm-markets-start-trading-now .body .start .text, section.scorecm-metatrader-heading .content .description, section.scorecm-metatrader-platforms .content .description, section.scorecm-open-account-fast-steps .body ul li .text {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important
    }

    section.scorecm-hero.homepage {
        padding: 100px 0 50px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .sub-text {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important;
        margin-block-end: 10px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .title {
        font-size: var(--font-text-size-xl) !important;
        line-height: 35px !important;
        margin-block-end: 10px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .description {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important;
        margin-block-end: 20px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .more a {
        min-height: 45px !important;
        font-size: var(--font-text-size-xxs) !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .image-or-video {
        height: 250px !important
    }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .image-or-video img, section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .image-or-video video {
            -o-object-position: center !important;
            object-position: center !important
        }

    section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-next, section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-prev {
        width: 40px !important;
        height: 40px !important
    }

    .courses-item .body .content .start .title, section.scorecm-404 .content .title, section.scorecm-about-us-heading .head .title, section.scorecm-about-us-partner .body .title, section.scorecm-about-us-regulation .content .title, section.scorecm-account-type-heading .head .title, section.scorecm-autochartist-heading .content .title, section.scorecm-automated-execution-works .head .title, section.scorecm-automated-execution-heading .content .title, section.scorecm-become-partner-heading .head .sub-title, section.scorecm-become-partner-heading .head .title, section.scorecm-benefits .head .title, section.scorecm-blogs-detail .head .title, section.scorecm-calculate-heading .head .title, section.scorecm-calculate-main-heading .head .title, section.scorecm-calculate-types.pro-account .head .title, section.scorecm-contact-us-form .head .title, section.scorecm-contact-us-heading .body .sub-title, section.scorecm-contact-us-heading .head .title, section.scorecm-course-detail .body .title, section.scorecm-course-detail .sidebar .title, section.scorecm-discover-all-markets .body .title, section.scorecm-discover-spreads .head .title, section.scorecm-economic-calendar-information .start .title, section.scorecm-educations-blogs-heading .head .title, section.scorecm-educations-glossary-heading .head .title, section.scorecm-educations-heading .head .title, section.scorecm-educations-lesson-heading .head .title, section.scorecm-effortlessly-manage .body .title, section.scorecm-explore-advantage-metatrader5 .head .title, section.scorecm-explore-instruments .left-side .title, section.scorecm-explore-instruments .right-side .title, section.scorecm-fast-account-step .head .title, section.scorecm-freemode-symbols .title, section.scorecm-legal-documents-detail .body .title, section.scorecm-legal-documents-detail .sidebar .title, section.scorecm-markets-breadcrumb .body .title, section.scorecm-markets-detail-charts .chart .title, section.scorecm-markets-faqs .start, section.scorecm-markets-information .head .title, section.scorecm-markets-metatrader .body .title, section.scorecm-markets-start-trading-now .body .start .title, section.scorecm-markets-symbols .head .title, section.scorecm-metatrader-heading .content .title, section.scorecm-metatrader-platforms .content .title, section.scorecm-open-account .content .title, section.scorecm-open-account-fast-steps .head .title, section.scorecm-open-account-fast-steps.conditions .heading .title, section.scorecm-partnership-works-step .body .content .title, section.scorecm-partnership-works-step .body .head .title, section.scorecm-payment-method .head .title, section.scorecm-powering-trading-success .body .sub-title, section.scorecm-powering-trading-success .body .title, section.scorecm-pro-account-heading .head .title, section.scorecm-quick-access .head .start .title, section.scorecm-trade-assets .head .title, section.scorecm-trade-confidence .head .title, section.scorecm-trade-excellence .head .title, section.scorecm-trade-smart .body .head .title, section.scorecm-withdrawals-payment-methods .head .title {
        font-size: var(--font-text-size-xl) !important;
        line-height: 35px !important
    }

    .step-account-box .icon, .step-account-box .icon svg {
        height: 50px !important
    }

    .step-account-box .title, section.scorecm-about-us-heading .body ul li .title, section.scorecm-benefits .body ul li .title, section.scorecm-markets-information .body ul li .title, section.scorecm-open-account-fast-steps .body ul li .title, section.scorecm-pro-account-heading.other-account .head .sub-title {
        font-size: var(--font-text-size-md) !important;
        line-height: 25px !important
    }

    .step-account-box .description, section.scorecm-404 .content .description, section.scorecm-about-us-heading .head .description, section.scorecm-about-us-partner .body .description, section.scorecm-about-us-regulation .content .description, section.scorecm-account-type-heading .head .description, section.scorecm-autochartist-heading .content .description, section.scorecm-automated-execution-works .head .description, section.scorecm-automated-execution-heading .content .description, section.scorecm-become-partner-heading .head .description, section.scorecm-benefits .head .description, section.scorecm-benefits.contact-us .body ul li .text, section.scorecm-calculate-heading .head .description, section.scorecm-calculate-main-heading .head .description, section.scorecm-contact-us-form .head .description, section.scorecm-contact-us-heading .body .step-account-box .description, section.scorecm-contact-us-heading .head .description, section.scorecm-educations-blogs-heading .head .description, section.scorecm-educations-glossary-heading .head .description, section.scorecm-educations-heading .head .description, section.scorecm-educations-lesson-heading .head .description, section.scorecm-effortlessly-manage .body .description, section.scorecm-markets-information .head .description, section.scorecm-open-account .content .description, section.scorecm-open-account-fast-steps.conditions .heading .description, section.scorecm-payment-method .head .description, section.scorecm-pro-account-heading .head .description, section.scorecm-trade-assets .head .description, section.scorecm-trade-excellence .head .description, section.scorecm-withdrawals-payment-methods .head .description {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important
    }

    header.scorecm-header .mainMenu li a, section.scorecm-explore-advantage-metatrader5.become-partner .head .sub-title {
        font-size: var(--font-text-size-sm) !important
    }

    header.scorecm-header .header-bottom-bar .account-menu {
        gap: 10px !important
    }

    header.scorecm-header .header-top-bar .top-bar-menu {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: center !important
    }

        header.scorecm-header .header-top-bar .top-bar-menu .menu2, header.scorecm-header .header-top-bar .top-bar-menu .menu3 {
            padding-inline-start: 15px !important;
            gap: 15px !important
        }

    header.scorecm-header .mainMenu li {
        margin-inline-end: 15px !important
    }

    header.scorecm-header .header-bottom-bar .account-menu a {
        min-width: 130px !important;
        min-height: auto !important;
        height: 40px !important;
        padding: 12px !important;
        font-size: var(--font-text-size-xxs) !important
    }

    header.scorecm-header .logo-content {
        margin-inline-end: 0 !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul {
        gap: 15px !important
    }

    header.scorecm-header .mainNavbar .megamenu {
        padding: 35px !important
    }

        header.scorecm-header .mainNavbar .megamenu .megamenu-list.feature::before {
            inset-inline-end: 0 !important
        }

    header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control {
        min-width: 200px !important
    }

    header.scorecm-header .mainNavbar .megamenu .megamenu-list .title {
        font-size: var(--font-text-size-sm) !important
    }

    header.scorecm-header .mainMenu li ul.dropdown-menu li a, header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a {
        font-size: var(--font-text-size-xs) !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul li.search-trigger-only-mobile {
        display: block !important
    }
}

@media (max-width:480px) {

    section.scorecm-account-type .account-type-container {
        margin-block-start: 60px !important
    }

    section.scorecm-metatrader-heading {
        padding: 50px 0 150px !important
    }

        section.scorecm-metatrader-heading .content .mt-logo {
            font-size: var(--font-text-size-md) !important;
            margin-block-end: 30px !important
        }

            section.scorecm-metatrader-heading .content .mt-logo svg {
                width: 50px !important;
                height: 50px !important
            }

        section.scorecm-metatrader-heading .content .more a {
            padding: 10px !important
        }

    section.scorecm-markets-detail-heading {
        padding-block-start: 20px !important
    }

        section.scorecm-markets-detail-heading .end .sell-buy-content .buy .value, section.scorecm-markets-detail-heading .end .sell-buy-content .sell .value, section.scorecm-markets-detail-heading .start .content .name, section.scorecm-markets-detail-heading .start .right .top .price {
            font-size: var(--font-text-size-lg) !important
        }

        section.scorecm-markets-detail-heading .end {
            margin-block-start: 25px !important
        }

        section.scorecm-markets-detail-heading .start {
            gap: 25px !important;
            -webkit-box-orient: vertical !important;
            -webkit-box-direction: normal !important;
            -webkit-flex-direction: column !important;
            -moz-box-orient: vertical !important;
            -moz-box-direction: normal !important;
            -ms-flex-direction: column !important;
            flex-direction: column !important
        }

            section.scorecm-markets-detail-heading .start .left, section.scorecm-markets-detail-heading .start .right, section.scorecm-markets-metatrader .body .download ul li, section.scorecm-markets-start-trading-now .body .end a {
                width: 100% !important
            }

    section.scorecm-markets-detail-charts .chart .note {
        margin-block-end: 25px !important
    }

    section.scorecm-markets-detail-heading .end .sell-buy-content .buy, section.scorecm-markets-detail-heading .end .sell-buy-content .sell {
        padding: 13px 25px !important
    }

    section.scorecm-markets-detail-heading .end .low-high-spred-content {
        padding-inline-start: 25px !important;
        padding-inline-end: 25px !important;
        gap: 20px !important
    }

    section.scorecm-markets-detail-heading .end .sell-buy-content .sell.down .value::before, section.scorecm-markets-detail-heading .end .sell-buy-content .sell.up .value::before {
        inset-inline-end: -10px !important
    }

    section.scorecm-markets-detail-heading .end .sell-buy-content .buy.down .value::before, section.scorecm-markets-detail-heading .end .sell-buy-content .buy.up .value::before {
        inset-inline-start: -10px !important;
        position: relative !important;
        margin-inline-end: 10px !important
    }

    section.scorecm-markets-detail-heading .end .sell-buy-content .buy.down .key, section.scorecm-markets-detail-heading .end .sell-buy-content .buy.up .key {
        padding-inline-start: 25px !important
    }

    section.scorecm-markets-detail-heading .end .low-high-spred-content .high, section.scorecm-markets-detail-heading .end .low-high-spred-content .low {
        width: calc(50% - 10px) !important
    }

    section.scorecm-benefits .body ul li .title br, section.scorecm-markets-detail-heading .end .low-high-spred-content .spread, section.scorecm-markets-faqs .start br, section.scorecm-markets-information .body ul li .title br, section.scorecm-markets-start-trading-now .body .start .text br, section.scorecm-open-account-fast-steps .body ul li .title br, section.scorecm-powering-trading-success .body .title br {
        display: none !important
    }

    section.scorecm-markets-detail-charts .market-hours {
        padding: 20px !important;
        gap: 10px !important
    }

        section.scorecm-markets-detail-charts .market-hours .content .title {
            font-size: var(--font-text-size-xs) !important
        }

    section.scorecm-markets-breadcrumb .body .text, section.scorecm-markets-information .head {
        margin-block-end: 40px !important
    }

    section.scorecm-markets-symbols {
        padding: 20px 0 50px !important
    }

    .courses-item .body .content .start .description, .glossary-item .description, section.scorecm-about-us-heading .body ul li .text, section.scorecm-benefits .body ul li .text, section.scorecm-economic-calendar-information .end, section.scorecm-faq .body .accordion-body, section.scorecm-markets-detail-information .content, section.scorecm-markets-faqs .end .accordion-body, section.scorecm-markets-faqs .more, section.scorecm-markets-information .body ul li .more a, section.scorecm-markets-information .body ul li .text, section.scorecm-markets-metatrader .body .description, section.scorecm-markets-metatrader .body .more, section.scorecm-markets-start-trading-now .body .start .text, section.scorecm-metatrader-heading .content .description, section.scorecm-metatrader-platforms .content .description, section.scorecm-open-account-fast-steps .body ul li .text {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important
    }

    section.scorecm-hero.homepage {
        padding: 100px 0 50px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .sub-text {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important;
        margin-block-end: 10px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .title {
        font-size: var(--font-text-size-xl) !important;
        line-height: 35px !important;
        margin-block-end: 10px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .description {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important;
        margin-block-end: 20px !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .more a {
        min-height: 45px !important;
        font-size: var(--font-text-size-xxs) !important
    }

    section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .image-or-video {
        height: 250px !important
    }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .image-or-video img, section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .image-or-video video {
            -o-object-position: center !important;
            object-position: center !important
        }

    section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-next, section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-prev {
        width: 40px !important;
        height: 40px !important
    }

    .courses-item .body .content .start .title, section.scorecm-404 .content .title, section.scorecm-about-us-heading .head .title, section.scorecm-about-us-partner .body .title, section.scorecm-about-us-regulation .content .title, section.scorecm-account-type-heading .head .title, section.scorecm-autochartist-heading .content .title, section.scorecm-automated-execution-works .head .title, section.scorecm-automated-execution-heading .content .title, section.scorecm-become-partner-heading .head .sub-title, section.scorecm-become-partner-heading .head .title, section.scorecm-benefits .head .title, section.scorecm-blogs-detail .head .title, section.scorecm-calculate-heading .head .title, section.scorecm-calculate-main-heading .head .title, section.scorecm-calculate-types.pro-account .head .title, section.scorecm-contact-us-form .head .title, section.scorecm-contact-us-heading .body .sub-title, section.scorecm-contact-us-heading .head .title, section.scorecm-course-detail .body .title, section.scorecm-course-detail .sidebar .title, section.scorecm-discover-all-markets .body .title, section.scorecm-discover-spreads .head .title, section.scorecm-economic-calendar-information .start .title, section.scorecm-educations-blogs-heading .head .title, section.scorecm-educations-glossary-heading .head .title, section.scorecm-educations-heading .head .title, section.scorecm-educations-lesson-heading .head .title, section.scorecm-effortlessly-manage .body .title, section.scorecm-explore-advantage-metatrader5 .head .title, section.scorecm-explore-instruments .left-side .title, section.scorecm-explore-instruments .right-side .title, section.scorecm-fast-account-step .head .title, section.scorecm-freemode-symbols .title, section.scorecm-legal-documents-detail .body .title, section.scorecm-legal-documents-detail .sidebar .title, section.scorecm-markets-breadcrumb .body .title, section.scorecm-markets-detail-charts .chart .title, section.scorecm-markets-faqs .start, section.scorecm-markets-information .head .title, section.scorecm-markets-metatrader .body .title, section.scorecm-markets-start-trading-now .body .start .title, section.scorecm-markets-symbols .head .title, section.scorecm-metatrader-heading .content .title, section.scorecm-metatrader-platforms .content .title, section.scorecm-open-account .content .title, section.scorecm-open-account-fast-steps .head .title, section.scorecm-open-account-fast-steps.conditions .heading .title, section.scorecm-partnership-works-step .body .content .title, section.scorecm-partnership-works-step .body .head .title, section.scorecm-payment-method .head .title, section.scorecm-powering-trading-success .body .sub-title, section.scorecm-powering-trading-success .body .title, section.scorecm-pro-account-heading .head .title, section.scorecm-quick-access .head .start .title, section.scorecm-trade-assets .head .title, section.scorecm-trade-confidence .head .title, section.scorecm-trade-excellence .head .title, section.scorecm-trade-smart .body .head .title, section.scorecm-withdrawals-payment-methods .head .title {
        font-size: var(--font-text-size-xl) !important;
        line-height: 35px !important
    }

    section.scorecm-fast-account-step .step-account-box, section.scorecm-trade-excellence .step-account-box {
        padding: 30px !important
    }

    .step-account-box .icon, .step-account-box .icon svg {
        height: 50px !important
    }

    .step-account-box .title, section.scorecm-about-us-heading .body ul li .title, section.scorecm-benefits .body ul li .title, section.scorecm-markets-information .body ul li .title, section.scorecm-open-account-fast-steps .body ul li .title, section.scorecm-pro-account-heading.other-account .head .sub-title {
        font-size: var(--font-text-size-md) !important;
        line-height: 25px !important
    }

    .step-account-box .description, section.scorecm-404 .content .description, section.scorecm-about-us-heading .head .description, section.scorecm-about-us-partner .body .description, section.scorecm-about-us-regulation .content .description, section.scorecm-account-type-heading .head .description, section.scorecm-autochartist-heading .content .description, section.scorecm-automated-execution-works .head .description, section.scorecm-automated-execution-heading .content .description, section.scorecm-become-partner-heading .head .description, section.scorecm-benefits .head .description, section.scorecm-benefits.contact-us .body ul li .text, section.scorecm-calculate-heading .head .description, section.scorecm-calculate-main-heading .head .description, section.scorecm-calculate-types.pro-account.other-account .head .description, section.scorecm-contact-us-form .head .description, section.scorecm-contact-us-heading .body .step-account-box .description, section.scorecm-contact-us-heading .head .description, section.scorecm-educations-blogs-heading .head .description, section.scorecm-educations-glossary-heading .head .description, section.scorecm-educations-heading .head .description, section.scorecm-educations-lesson-heading .head .description, section.scorecm-effortlessly-manage .body .description, section.scorecm-markets-information .head .description, section.scorecm-open-account .content .description, section.scorecm-open-account-fast-steps.conditions .heading .description, section.scorecm-payment-method .head .description, section.scorecm-pro-account-heading .head .description, section.scorecm-pro-account-heading .head .sub-description, section.scorecm-trade-assets .head .description, section.scorecm-trade-excellence .head .description, section.scorecm-withdrawals-payment-methods .head .description {
        font-size: var(--font-text-size-xs) !important;
        line-height: 25px !important
    }

    header.scorecm-header .mainMenu li a, section.scorecm-explore-advantage-metatrader5.become-partner .head .sub-title {
        font-size: var(--font-text-size-sm) !important
    }

    header.scorecm-header .header-bottom-bar .account-menu {
        gap: 10px !important
    }

        header.scorecm-header .header-bottom-bar .account-menu a span span, header.scorecm-header .header-bottom-bar .account-menu a svg, header.scorecm-header .navbar-search-and-custom-content ul li.search-form, section.scorecm-hero .homepage-hero-swiper .navigations, section.scorecm-hero .homepage-hero-swiper .navigations .timer {
            display: none !important
        }

    header.scorecm-header .header-top-bar .top-bar-menu {
        -webkit-box-pack: justify !important;
        -webkit-justify-content: space-between !important;
        -moz-box-pack: justify !important;
        -ms-flex-pack: justify !important;
        justify-content: center !important
    }

        header.scorecm-header .header-top-bar .top-bar-menu .menu2, header.scorecm-header .header-top-bar .top-bar-menu .menu3 {
            padding-inline-start: 15px !important;
            gap: 15px !important
        }

    header.scorecm-header .mainMenu li {
        margin-inline-end: 15px !important
    }

    header.scorecm-header .header-bottom-bar .account-menu a {
        min-width: 100px !important;
        min-height: auto !important;
        height: 40px !important;
        padding: 12px !important;
        font-size: var(--font-text-size-xxs) !important
    }

    header.scorecm-header .logo-content {
        margin-inline-end: 0 !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul {
        gap: 15px !important
    }

    header.scorecm-header .mainNavbar .megamenu {
        padding: 35px !important
    }

        header.scorecm-header .mainNavbar .megamenu .megamenu-list.feature::before {
            inset-inline-end: 0 !important
        }

    header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control {
        min-width: 200px !important
    }

    header.scorecm-header .mainNavbar .megamenu .megamenu-list .title {
        font-size: var(--font-text-size-sm) !important
    }

    header.scorecm-header .mainMenu li ul.dropdown-menu li a, header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a {
        font-size: var(--font-text-size-xs) !important
    }

    header.scorecm-header .navbar-search-and-custom-content ul li.search-trigger-only-mobile {
        display: block !important
    }

    .alert-unsupported-country .desc {
        margin: 3px !important
    }
}

@media (min-width:1200px) {

    .nav-item.dropdown {
        height: 50px
    }

        .nav-item.dropdown:has(.dropdown-toggle.show), .nav-item.dropdown:hover {
            background: var(--light-gray-color);
            border-block-end: 3px solid var(--blue-color)
        }
}

@media (max-width:1199px) {

    section.scorecm-pro-account-heading.other-account {
        padding: 50px 0 !important
    }

    /*    section.scorecm-pro-account-heading {
        padding: 50px 0 210px !important
    }*/

    section.scorecm-contact-us-heading .head {
        margin-block-end: 50px !important
    }

    section.scorecm-about-us-heading .head {
        margin-block-end: 50px !important
    }

    section.scorecm-about-us-heading, section.scorecm-contact-us-heading {
        padding: 100px 0 50px !important
    }

    section.scorecm-educations-glossary-heading {
        padding: 20px 0 50px !important
    }

    section.scorecm-lessons-lists .custom-pagination {
        margin-block-start: 35px !important
    }

    section.scorecm-educations-glossary-heading .head .description {
        margin-block-end: 35px !important
    }

    section.scorecm-educations-lesson-heading .categories {
        margin-block-start: 30px !important
    }

    section.scorecm-educations-lesson-heading {
        padding: 30px 0 135px !important
    }

    section.scorecm-course-detail .body .content, section.scorecm-course-detail .body .content p, section.scorecm-course-detail .body .description, section.scorecm-course-detail .sidebar .lesson li a .name, section.scorecm-legal-documents-detail .body .content, section.scorecm-legal-documents-detail .body .content p, section.scorecm-legal-documents-detail .body .description, section.scorecm-legal-documents-detail .sidebar .lesson li a .name {
        font-size: var(--font-text-size-xs) !important
    }

        section.scorecm-course-detail .body .content .name, section.scorecm-course-detail .body .content big, section.scorecm-course-detail .body .content h1, section.scorecm-course-detail .body .content h2, section.scorecm-course-detail .body .content h3, section.scorecm-course-detail .body .content h4, section.scorecm-course-detail .body .content h5, section.scorecm-course-detail .body .content h6, section.scorecm-legal-documents-detail .body .content .name, section.scorecm-legal-documents-detail .body .content big, section.scorecm-legal-documents-detail .body .content h1, section.scorecm-legal-documents-detail .body .content h2, section.scorecm-legal-documents-detail .body .content h3, section.scorecm-legal-documents-detail .body .content h4, section.scorecm-legal-documents-detail .body .content h5, section.scorecm-legal-documents-detail .body .content h6 {
            font-size: var(--font-text-size-lg) !important
        }

    section.scorecm-calculate-main-heading {
        padding: 50px 0 135px !important
    }

    section.scorecm-account-type-heading .cover-image {
        height: auto !important
    }

    section.scorecm-account-type-heading, section.scorecm-calculate-heading, section.scorecm-educations-heading {
        padding: 20px 0 35px !important
    }

    section.scorecm-benefits.swap {
        padding-block-end: 140px !important
    }

    header.scorecm-header .mainNavbar .megamenu .megamenu-list.feature::before, header.scorecm-header .navbar .has-megamenu:hover .megamenu, header.scorecm-header .navbar .has-normalmenu:hover .dropdown-menu.normal {
        display: none !important
    }

    header.scorecm-header .header-bottom-bar .account-menu a.search-trigger svg, header.scorecm-header .navbar .has-megamenu .megamenu.show, header.scorecm-header .navbar .has-normalmenu .dropdown-menu.normal.show {
        display: block !important
    }

    header.scorecm-header .header-bottom-bar .account-menu a.search-trigger {
        min-width: 40px !important
    }

    header.scorecm-header .header-bottom-bar .account-menu.only-mobile {
        margin-block-start: 20px !important;
    }

        header.scorecm-header .header-bottom-bar .account-menu.only-mobile a {
            min-width: 100% !important
        }

            header.scorecm-header .header-bottom-bar .account-menu.only-mobile a:first-of-type {
                margin-block-end: 10px !important
            }

    header.scorecm-header .header-bottom-bar .more.only-mobile {
        display: flex;
        margin-block-start: 20px;
        gap: 5px;
        margin-inline-start: -12px;
        margin-inline-end: -12px;
    }

        header.scorecm-header .header-bottom-bar .more.only-mobile a {
            width: 132px
        }

    header.scorecm-header.scrolling {
        inset-block-start: 0 !important
    }

    /*    header.scorecm-header .logo-content .logo {
        display: none !important;
        margin-block-start: 0 !important
    }*/

    /*    header.scorecm-header .header-bottom-bar.style .logo-content .logo-icon {
        display: block !important;
        width: 120px
    }*/

    header.scorecm-header .menu-content {
        position: fixed;
        inset-block-start: 0;
        width: 300px;
        height: 100vh;
        background: var(--white-color);
        z-index: 99999999;
        display: block;
        opacity: 0;
        padding: 80px 30px;
        inset-inline-end: -300px;
        overflow-x: auto;
        -webkit-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out
    }

        header.scorecm-header .menu-content.show {
            display: block;
            opacity: 1;
            -webkit-box-shadow: var(--box-shadow-other-lg);
            box-shadow: var(--box-shadow-other-lg);
            inset-inline-end: 0;
            -webkit-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
            z-index: 1
        }

        header.scorecm-header .menu-content .close {
            position: absolute;
            inset-block-start: 33px;
            inset-inline-end: 20px;
            width: 30px;
            height: 30px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            line-height: 1;
            text-align: center;
            -webkit-border-radius: 50%;
            border-radius: 50%;
            background: var(--black-color);
            color: var(--white-color);
            cursor: pointer;
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            z-index: 5
        }

            header.scorecm-header .menu-content .close:hover {
                background: var(--blue-color);
                color: var(--white-color);
                -webkit-transition: all .3s ease-in-out;
                -o-transition: all .3s ease-in-out;
                -moz-transition: all .3s ease-in-out;
                transition: all .3s ease-in-out
            }

        header.scorecm-header .menu-content .menu-logo {
            position: absolute;
            inset-block-start: 35px;
            inset-inline-start: 30px
        }

    /*            header.scorecm-header .menu-content .menu-logo img {
                width: 100px !important
            }*/

    header.scorecm-header .mainMenu {
        margin-block-start: 20px
    }

        header.scorecm-header .mainMenu li {
            margin-block-end: 0 !important;
            margin-inline-end: 0 !important
        }

            header.scorecm-header .mainMenu li:last-of-type {
                margin-block-end: 0 !important
            }

            header.scorecm-header .mainMenu li a {
                padding: 13px 0 !important;
                border-block-end: 1px solid var(--light-blue-color) !important
            }

            header.scorecm-header .mainMenu li ul.dropdown-menu {
                border: 0 !important;
                -webkit-border-radius: 0 !important;
                border-radius: 0 !important
            }

            header.scorecm-header .mainMenu li ul.dropdown-menu, header.scorecm-header .mainNavbar .megamenu {
                padding: 15px 0 15px 15px !important;
                -webkit-box-shadow: none !important;
                box-shadow: none !important
            }

                header.scorecm-header .mainNavbar .megamenu .megamenu-list.feature {
                    padding-inline-end: 0 !important
                }

                header.scorecm-header .mainNavbar .megamenu .megamenu-list .title {
                    font-size: var(--font-text-size-xs) !important;
                    margin-block-end: 5px !important
                }

                header.scorecm-header .mainMenu li ul.dropdown-menu li a, header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a {
                    padding: 7px 0 !important
                }

                header.scorecm-header .mainMenu li ul.dropdown-menu li:first-of-type a, header.scorecm-header .mainMenu li ul.dropdown-menu li:last-of-type a {
                    -webkit-border-radius: 0 !important;
                    border-radius: 0 !important
                }

    header.scorecm-header .navbar-expand-xl .navbar-nav .nav-link {
        border-block-end: 1px solid rgba(4,19,132,.17) !important
    }
}

@media (min-width:576px) and (max-width:1199px) {

    header.scorecm-header .header-bottom-bar .account-menu.only-desktop {
        /*display: none !important;*/
        position: absolute !important;
        inset-inline-end: 50px !important
    }
}

@media (max-width:991px) {

    section.scorecm-404 {
        min-height: auto !important;
        padding: 0 0 50px !important
    }

    section.scorecm-autochartist-heading .content, section.scorecm-automated-execution-heading .content {
        margin-block-end: 40px !important
    }

    .promotion-type-item {
        padding: 30px !important
    }

        .promotion-type-item .price {
            font-size: var(--font-text-size-xxl) !important
        }

        .promotion-type-item .title {
            font-size: var(--font-text-size-md) !important
        }

        .promotion-type-item .description {
            font-size: var(--font-text-size-xs) !important;
            line-height: 23px !important
        }

        .account-type-item .feature li, .promotion-type-item .feature li {
            line-height: 26px !important
        }

    .glossary-item {
        padding: 25px !important;
        gap: 10px !important
    }

        .glossary-item .title {
            font-size: var(--font-text-size-lg) !important;
            line-height: 30px !important;
            width: 100% !important
        }

        .courses-item .detail .lessons ul li a .end, .courses-item .detail .lessons ul li a .end .more, .courses-item .detail .lessons ul li a .start, .glossary-item .description, section.scorecm-calculate-form .content .calculate .submit-button {
            width: 100% !important
        }

    section.scorecm-educations-heading .categories {
        margin-block-start: 25px !important
    }

    .courses-item .body .content .end {
        -webkit-box-pack: start !important;
        -webkit-justify-content: start !important;
        -moz-box-pack: start !important;
        -ms-flex-pack: start !important;
        justify-content: start !important;
        margin-block-end: 15px
    }

    .courses-item .body {
        padding: 30px 30px 50px !important
    }

    .courses-item .detail .lessons ul li a, .glossary-item, section.scorecm-about-us-heading .body ul, section.scorecm-benefits .body ul, section.scorecm-markets-information .body ul, section.scorecm-open-account-fast-steps .body ul, section.scorecm-promotions-new-benefits .content ul {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

        .courses-item .detail .lessons ul li a .end .more {
            min-height: 50px !important
        }

    .courses-item .detail .lessons {
        padding: 30px 30px 57.5px !important
    }

    section.scorecm-calculate-form .content {
        padding: 30px !important
    }

    section.scorecm-metatrader-heading.ib .content .title br {
        display: block
    }

    section.scorecm-metatrader-heading .content .more {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-block-end: 25px !important
    }

        section.scorecm-metatrader-heading .content .more a {
            min-width: auto !important;
            width: calc(50% - 7.5px) !important
        }

    section.scorecm-discover-spreads .body .tab-content .tab-pane .table-container {
        min-width: 991px;
        padding-block-end: 10px
    }

    section.scorecm-discover-spreads .body .tab-content .tab-pane .table-responsive::-webkit-scrollbar-thumb {
        background: var(--light-gray-color)
    }

    section.scorecm-discover-spreads .body .tab-content .tab-pane .table-responsive::-webkit-scrollbar-track {
        background: var(--white-color)
    }

    .account-type-item, .quick-access-item {
        padding: 25px !important
    }

        .account-type-item .title {
            line-height: 26px !important
        }

        .account-type-item .deposit .key {
            font-size: var(--font-text-size-xs) !important
        }

        .account-type-item .deposit .value, .account-type-item .title {
            font-size: var(--font-text-size-lg) !important
        }

    section.scorecm-about-us-heading .body ul li .text, section.scorecm-benefits .body ul li .text {
        min-height: auto !important
    }

    section.scorecm-about-us-heading .body ul li .text, section.scorecm-benefits .body ul li .text, section.scorecm-markets-information .body ul li .text {
        margin-block-end: 25px !important
    }

    section.scorecm-about-us-heading .body ul li:first-of-type, section.scorecm-benefits .body ul li:first-of-type, section.scorecm-markets-information .body ul li:first-of-type, section.scorecm-open-account-fast-steps .body ul li:first-of-type {
        padding-block-start: 0 !important;
        border-block-start: 0 !important;
        border-block-end: 0 !important
    }

    section.scorecm-about-us-heading .body ul li:last-of-type, section.scorecm-benefits .body ul li:last-of-type, section.scorecm-markets-information .body ul li:last-of-type, section.scorecm-open-account-fast-steps .body ul li:last-of-type {
        padding-block-end: 0 !important;
        border-block-end: 0 !important;
        border-block-start: 0 !important
    }

    section.scorecm-about-us-heading .body ul.quad li:first-of-type, section.scorecm-about-us-heading .body ul.quad li:nth-of-type(2), section.scorecm-benefits .body ul.quad li:first-of-type, section.scorecm-benefits .body ul.quad li:nth-of-type(2) {
        border-block-end: 0 !important
    }

    section.scorecm-about-us-heading .body ul li, section.scorecm-benefits .body ul li, section.scorecm-markets-information .body ul li, section.scorecm-open-account-fast-steps .body ul li {
        width: 100% !important;
        padding: 30px 0 !important;
        border-block-start: 1px solid var(--border-color-dark);
        border-block-end: 1px solid var(--border-color-dark);
        border-inline-start: 0 !important;
        border-inline-end: 0 !important
    }

    section.scorecm-quick-access {
        padding: 40px 0 !important
    }

        section.scorecm-quick-access .head {
            margin-block-end: 40px !important;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 40px
        }

            section.scorecm-quick-access .head .start {
                width: 100% !important;
                order: 2;
            }

            section.scorecm-quick-access .head .end {
                width: 100% !important;
                order: 1;
            }


    .quick-access-item .item-name, .quick-access-item.other .item-icon {
        font-size: var(--font-text-size-lg) !important;
        line-height: 25px !important
    }

    section.scorecm-quick-access .head .start .more a {
        width: calc(50% - 7.5px) !important
    }

    header.scorecm-header .navbar.fixed-top .navbar-collapse, header.scorecm-header .navbar.sticky-top .navbar-collapse {
        overflow-y: auto;
        max-height: 90vh;
        margin-block-start: 10px
    }
}

@media (min-width:768px) {

    section.scorecm-quick-access .head .end {
        position: relative;
        width: 40%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        /*display: flex;*/
        gap: 30px;
        display: grid;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }

    .alert-unsupported-country .icon-title {
        display: flex;
        justify-content: center
    }

    .license-logo {
        display: block;
        position: relative;
        overflow: hidden;
        width: 120px;
        height: 120px;
    }
}

@media (max-width:767px) {

    section.scorecm-promotions-new-heading {
        background: var(--black-color);
    }

        section.scorecm-promotions-new-heading .cover-bg {
            z-index: 0 !important;
            opacity: 0.4 !important;
        }

    .license-logo {
        display: block;
        position: relative;
        overflow: hidden;
        width: 70px;
        height: 70px;
    }

    section.scorecm-quick-access .head .end {
        position: relative;
        width: 40%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex !important;
        gap: 20px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: space-around;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: space-around
    }

    header.scorecm-header .header-bottom-bar .account-menu.only-desktop .language-select, header.scorecm-header .header-bottom-bar .account-menu.only-desktop .search-trigger {
        display: none !important
    }

    .courses-item .detail {
        padding: 0 20px !important
    }

        .courses-item .detail .lessons ul li a .start {
            -webkit-box-align: start !important;
            -webkit-align-items: start !important;
            -moz-box-align: start !important;
            -ms-flex-align: start !important;
            align-items: start !important
        }

    .alert-wrapper {
        flex-direction: column;
        padding: 10px 0;
        align-items: center;
    }

    .alert-unsupported-country .icon-title {
        display: none
    }
}

@media (max-width:574px) {

    header.scorecm-header .logo-content .logo {
        display: none !important;
        margin-block-start: 0 !important
    }

    header.scorecm-header .header-bottom-bar.style .logo-content .logo-icon {
        display: block !important;
        width: 30px !important
    }

    .glossary-item .title {
        font-size: var(--font-text-size-md) !important
    }

    .courses-item .body .content .end .feature {
        min-height: auto !important
    }

    section.scorecm-course-detail .body .content img, section.scorecm-legal-documents-detail .body .content img {
        -webkit-border-radius: var(--border-radius-lg) !important;
        border-radius: var(--border-radius-lg) !important
    }

    section.scorecm-calculate-form .content .with-change {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -webkit-flex-direction: column !important;
        -moz-box-orient: vertical !important;
        -moz-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important;
        -webkit-box-align: center !important;
        -webkit-align-items: center !important;
        -moz-box-align: center !important;
        -ms-flex-align: center !important;
        align-items: center !important;
        gap: 15px !important
    }

        section.scorecm-calculate-form .content .with-change .form-group, section.scorecm-metatrader-platforms .image .body .download a {
            width: 100% !important
        }

        section.scorecm-calculate-form .content .with-change .change {
            display: none !important
        }

    section.scorecm-withdrawals-payment-methods .body .trade-assets-table.trading-hours {
        min-width: 768px !important;
        padding-block-end: 10px
    }

    section.scorecm-withdrawals-payment-methods .body .tab-content .tab-pane .trade-assets-table.conditions {
        min-width: 767px !important
    }

    .trade-assets-table.markets {
        min-width: 650px !important;
        padding-block-end: 10px
    }

    header.scorecm-header .header-top-bar .top-bar-menu .menu li a {
        font-size: var(--font-text-size-xxs) !important
    }

        header.scorecm-header .header-top-bar .top-bar-menu .menu li a svg {
            width: 10px !important;
            height: 10px !important
        }
}

@media screen and (min-width: 220px) {
    .reviewus, .tp-widget-logo {
        display: inline-block;
        vertical-align: bottom;
    }
}

@media screen and (min-width: 180px) {
    .tp-widget-logo {
        width: 80px;
    }
}

@media screen and (max-width: 992px) {
    .tp-widget-wrapper {
        display: none
    }
}

:root {
    --font-text-family: 'Poppins';
    --font-text-arabic-family: 'IBM Plex Sans Arabic';
    --font-text-weight: normal;
    --font-text-size-xxs: 12px;
    --font-text-size-xs: 14px;
    --font-text-size-sm: 16px;
    --font-text-size-md: 18px;
    --font-text-size-lg: 20px;
    --font-text-size-xl: 24px;
    --font-text-size-xxl: 30px;
    --font-text-size-xxxl: 40px;
    --font-text-line-height: 1.4;
    --body-bg: #FFF;
    --body-other-bg: #FCFCFC;
    --body-header-top-bg: #F5F5F7;
    --body-footer-bottom-bg: #252525;
    --text-color: #000A37;
    --light-text-color: #7A94A3;
    --dark-bg-text-color: #6D78A7;
    --black-color: #000A37;
    --dark-gray-color: #0F0F0F;
    --gray-color: #7B7B7B;
    --blue-color: #458CFF;
    --purple-color: #A031FF;
    --pink-color: #FCD4DC;
    --yellow-color: #F6E9D3;
    --dark-purple-color: #8D8DE3;
    --dark-yellow-color: #FEDC5A;
    --dark-green-color: #03382F;
    --light-green-color: #15E8B2;
    --green-color: #0FBC8F;
    --red-color: #B70D27;
    --pdf-color: #E60909;
    --light-blue-color: #EFF5FF;
    --turquoise-color: #00D9D1;
    --light-red-color: #DD7E7E;
    --light-yellow-color: #F6E9D3;
    --light-purple-color: #D4D4EF;
    --light-pink-color: #FCD4DC;
    --dark-pink-color: #D35B80;
    --brown-color: #D4A788;
    --light-brown-color: #F7ECE2;
    --soft-brown-color: #A39583;
    --soft-light-brown-color: #F0E8DF;
    --light-soft-brown-color: #F5F3F1;
    --white-color: #FFFFFF;
    --page-nav-pill-gray: #E7EEF8;
    --gray-to-dark-gray-color: #F5F8FD;
    --gray-to-light-gray-color: #F5F8FD;
    --gray-to-gray-color: #F5F8FD;
    --light-gray-color: #F0F6FF;
    --green-color-bg: rgb(0 130 90 / 10%);
    --red-color-bg: rgb(226 22 21 / 10%);
    --box-color: #FFFFFF;
    --label-color: #575757;
    --risk-color: #707070;
    --input-color: #F1F1F8;
    --table-color: #F1F1F8;
    --up-color: rgba(0, 196, 107, .1);
    --down-color: rgba(207, 67, 70, .1);
    --border-color-light: #E5EAF1;
    --border-color-dark: #DCE3ED;
    --border-radius-xs: 5px;
    --border-radius-sm: 10px;
    --border-radius-md: 15px;
    --border-radius-lg: 20px;
    --border-radius-xl: 25px;
    --border-radius-xxl: 30px;
    --border-radius-xxxl: 35px;
    --box-shadow-other-xs: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --box-shadow-other-sm: rgba(149, 157, 165, 0.2) 0px 7px 29px 0px;
    --box-shadow-other-md: rgba(149, 157, 165, 0.2) 0px 18px 50px -10px;
    --box-shadow-other-lg: rgba(0, 0, 0, 0.12) 0px 2px 4px 0px, rgba(0, 0, 0, 0.32) 0px 2px 16px 0px;
    --chart-area-bg: #20D35A;
    --chart-bar-bg: rgb(183 255 209 / 75%)
}

::-webkit-scrollbar {
    width: 5px;
    height: 4px
}

::-webkit-scrollbar {
    width: 5px;
    height: 4px
}

::-webkit-scrollbar-thumb {
    background: var(--black-color)
}

::-webkit-scrollbar-track {
    background: var(--white-color)
}

*, :after, :before {
    padding: 0;
    margin: 0
}

* {
    font-family: inherit;
    outline: 0 !important;
    /*list-style: none !important*/
}

:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body, html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    scroll-behavior: smooth;
    overflow-x: hidden;
}


@font-face {
    font-family: 'Adjusted Arial Narrow Fallback';
    src: local(Arial Narrow);
    size-adjust: 135%;
    ascent-override: normal;
    descent-override: normal;
    line-gap-override: normal;
}


body, h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-text-family),'Adjusted Arial Narrow Fallback' !important
}

body {
    background-color: var(--body-bg) !important;
    color: var(--text-color) !important;
    font-size: var(--font-text-size-sm) !important
}

.rtl body {
    font-family: var(--font-text-arabic-family),sans-serif !important
}


h1, h2, h3, h4, h5, h6 {
    font-size: var(--font-text-size-lg);
    font-weight: 700;
    margin-block-end: 0;
    line-height: var(--font-text-title-line-height)
}

a, a:hover, h1, h2, h3, h4, h5, h6, p {
    color: var(--text-color)
}

p {
    line-height: var(--font-text-line-height);
    margin-block-end: 0
}

a {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

    a, a:hover {
        text-decoration: none !important;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        a:focus {
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

input:focus, textarea:focus {
    outline: 0 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

img {
    max-width: 100%
}

button {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    outline: 0 !important
}

fieldset, li, ol, ul {
    margin: 0;
    padding: 0
}

fieldset {
    border: 0;
    margin: 0 auto
}

label {
    color: var(--text-color)
}

.fs-10 {
    font-size: 10px !important
}

.fs-12 {
    font-size: 12px !important
}

.fs-14 {
    font-size: 14px !important
}

.fs-16 {
    font-size: 16px !important
}

.fs-30 {
    font-size: 30px !important
}

.fw-400 {
    font-weight: 400 !important
}

.fw-600 {
    font-weight: 600 !important
}

.fw-700 {
    font-weight: 700 !important
}

.fw-bold {
    font-weight: 700 !important
}

.mb-10px {
    margin-block-end: 10px !important
}

.scorecm-header {
    position: relative;
    padding: 0;
    z-index: 10
}

iframe {
    border: 0;
    display: block
}

iframe, video {
    width: 100% !important
}

.color-text, header.light .mainMenu li ul.dropdown-menu li a {
    color: var(--text-color) !important
}

.color-blue {
    color: var(--blue-color) !important
}

.container, .custom-container {
    margin-inline-start: auto;
    margin-inline-end: auto;
    padding-inline-start: var(--bs-gutter-x, 0.75rem);
    padding-inline-end: var(--bs-gutter-x, 0.75rem);
    width: 100%
}

.logo {
    width: 150px
}

.btn-blue {
    font-weight: 500;
    font-size: var(--font-text-size-xs);
    background: var(--blue-color);
    padding: 10px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--blue-color);
    min-height: 40px;
    min-width: 120px;
    overflow: hidden;
    line-height: 1
}

    .btn-blue.rounded {
        -webkit-border-radius: 50px !important;
        border-radius: 50px !important
    }

    .btn-blue, .btn-blue:hover {
        color: var(--white-color)
    }

        .btn-blue:before, .btn-green:before, .btn-outline-black-to-blue:before, .btn-outline-blue-to-blue:before, .btn-outline-white-to-white:before, .btn-outline-white-to-blue:before {
            content: " ";
            display: block;
            width: 200px;
            height: 80px;
            background: rgba(255,255,255,.2);
            position: absolute;
            inset-block-start: -10px;
            inset-inline-start: -200px;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

        .btn-blue:focus, .btn-blue:hover {
            background: var(--blue-color);
            border: 1px solid var(--blue-color);
            -webkit-transform: scale(1);
            -moz-transform: scale(1);
            -ms-transform: scale(1);
            -o-transform: scale(1);
            transform: scale(1);
            text-decoration: none;
            color: var(--white-color);
            z-index: 1;
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out
        }

            .btn-blue:focus::before, .btn-blue:hover::before, .btn-green:focus::before, .btn-green:hover::before, .btn-outline-blue-to-blue:focus::before, .btn-outline-blue-to-blue:hover::before, .btn-symbol::before {
                margin-inline-start: 300%
            }

.btn-white {
    font-weight: 500;
    font-size: var(--font-text-size-xs);
    background: var(--white-color);
    color: var(--text-color);
    padding: 10px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--white-color);
    min-height: 40px;
    min-width: 120px;
    overflow: hidden;
    line-height: 1
}

    .btn-white.rounded {
        -webkit-border-radius: 50px !important;
        border-radius: 50px !important
    }

    .btn-white:hover {
        color: var(--white-color)
    }

    .btn-white:focus, .btn-white:hover {
        background: var(--white-color);
        border: 1px solid var(--white-color);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        text-decoration: none;
        color: var(--text-color);
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

.btn-green {
    font-weight: 500;
    font-size: var(--font-text-size-xs);
    background: var(--light-green-color);
    color: var(--text-color);
    padding: 10px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--light-green-color);
    min-height: 40px;
    min-width: 120px;
    overflow: hidden
}

    .btn-green.rounded {
        -webkit-border-radius: 50px !important;
        border-radius: 50px !important
    }

    .btn-green:hover {
        color: var(--white-color)
    }

    .btn-green:focus, .btn-green:hover {
        background: var(--light-green-color);
        border: 1px solid var(--light-green-color);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        text-decoration: none;
        color: var(--text-color);
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

.btn-outline-blue-to-blue {
    font-weight: 500;
    font-size: var(--font-text-size-xs);
    background: 0 0;
    color: var(--text-color);
    padding: 10px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--blue-color);
    min-height: 40px;
    min-width: 120px;
    overflow: hidden;
    line-height: 1
}

    .btn-outline-blue-to-blue:focus, .btn-outline-blue-to-blue:hover, .btn-outline-blue-to-blue.active {
        background: var(--blue-color);
        border: 1px solid var(--blue-color);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        text-decoration: none;
        color: var(--white-color);
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .btn-outline-blue-to-blue:focus svg *, .btn-outline-blue-to-blue:hover svg * {
            fill: var(--white-color)
        }

    .btn-outline-blue-to-blue.rounded {
        -webkit-border-radius: 50px !important;
        border-radius: 50px !important
    }

    .btn-outline-blue-to-blue.circle {
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important
    }

.btn-outline-white-to-white {
    font-weight: 500;
    font-size: var(--font-text-size-xs);
    background: 0 0;
    color: var(--white-color);
    padding: 10px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--white-color);
    min-height: 40px;
    min-width: 120px;
    overflow: hidden;
    line-height: 1
}

    .btn-outline-white-to-white:focus, .btn-outline-white-to-white:hover, .btn-outline-white-to-white.active {
        background: var(--white-color);
        border: 1px solid var(--white-color);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        text-decoration: none;
        color: var(--text-color);
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .btn-outline-white-to-white:focus::before, .btn-outline-white-to-white:hover::before {
            margin-inline-start: 300%
        }

        .btn-outline-white-to-white:focus svg *, .btn-outline-white-to-white:hover svg * {
            fill: var(--text-color)
        }

    .btn-outline-white-to-white.rounded {
        -webkit-border-radius: 50px !important;
        border-radius: 50px !important
    }

    .btn-outline-white-to-white.circle {
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important
    }

.btn-outline-white-to-blue {
    font-weight: 500;
    font-size: var(--font-text-size-xs);
    background: 0 0;
    color: var(--white-color);
    padding: 10px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--white-color);
    min-height: 40px;
    min-width: 120px;
    overflow: hidden;
    line-height: 1
}

    .btn-outline-white-to-blue:focus, .btn-outline-white-to-blue:hover, .btn-outline-white-to-blue.active {
        background: var(--white-color);
        border: 1px solid var(--white-color);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        text-decoration: none;
        color: var(--blue-color);
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .btn-outline-white-to-blue:focus::before, .btn-outline-white-to-blue:hover::before {
            margin-inline-start: 300%
        }

        .btn-outline-white-to-blue:focus svg *, .btn-outline-white-to-blue:hover svg * {
            fill: var(--blue-color)
        }

    .btn-outline-white-to-blue.rounded {
        -webkit-border-radius: 50px !important;
        border-radius: 50px !important
    }

    .btn-outline-white-to-blue.circle {
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important
    }

.btn-outline-black-to-blue {
    font-weight: 500;
    font-size: var(--font-text-size-xs);
    background: 0 0;
    color: var(--text-color);
    padding: 10px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--border-color-dark);
    min-height: 40px;
    min-width: 120px;
    overflow: hidden;
    line-height: 1
}

    .btn-outline-black-to-blue:focus, .btn-outline-black-to-blue:hover {
        background: var(--blue-color);
        border: 1px solid var(--blue-color);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        text-decoration: none;
        color: var(--white-color);
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

        .btn-outline-black-to-blue:focus::before, .btn-outline-black-to-blue:hover::before {
            margin-inline-start: 300%
        }

        .btn-outline-black-to-blue:focus svg *, .btn-outline-black-to-blue:hover svg * {
            fill: var(--white-color)
        }

    .btn-outline-black-to-blue.rounded {
        -webkit-border-radius: 50px !important;
        border-radius: 50px !important
    }

    .btn-outline-black-to-blue.circle {
        -webkit-border-radius: 50% !important;
        border-radius: 50% !important
    }


.freemode-symbol-item:hover .item-content .item-name, .quick-access-item .item-text span {
    color: var(--blue-color);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.freemode-symbol-item .item-icon {
    position: relative;
    display: flex;
    width: 40px;
    height: 40px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: var(--light-gray-color)
}

    .freemode-symbol-item .item-icon img {
        position: relative;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        -webkit-border-radius: 50%;
        border-radius: 50%
    }

.freemode-symbol-item, .freemode-symbol-item .item-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 66px;
    padding: 8px 18px;
    margin: 3px;
    justify-content: space-between
}

section.scorecm-freemode-symbols.homepage .freemode-symbol-item {
    background: var(--light-gray-color);
}

.freemode-symbol-item .item-content {
    place-items: start
}

.freemode-symbol-item .item-content {
    gap: 5px;
}

    .freemode-symbol-item .item-content .item-name {
        position: relative;
        font-size: var(--font-text-size-md);
        font-weight: 600;
        color: var(--text-color);
        line-height: 1;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .freemode-symbol-item .item-content .item-pricing {
        display: flex;
        min-width: max-content;
        gap: 3px;
    }

    .freemode-symbol-item .item-content .item-change, .freemode-symbol-item .item-content .item-price {
        position: relative;
        font-size: 15px;
        font-weight: 400;
        line-height: 1;
        color: var(--text-color)
    }

        .freemode-symbol-item .item-content .item-change.up, .freemode-symbol-item .item-content .item-price.up, .freemode-symbol-item.up .item-content .item-change {
            color: var(--green-color)
        }

        .freemode-symbol-item .item-content .item-change.down, .freemode-symbol-item .item-content .item-price.down, .freemode-symbol-item.down .item-content .item-change {
            color: var(--red-color)
        }

.freemode-symbol-item .btn-symbol {
    font-weight: 500;
    color: var(--white-color);
    border-radius: 50px !important;
    font-size: var(--font-text-size-xs);
    background: var(--blue-color);
    padding: 10px 20px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    position: relative;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--blue-color);
    min-height: 40px;
    overflow: hidden;
    line-height: 1;
}

.freemode-symbol-item .item-content {
    flex-direction: column
}

section.scorecm-freemode-symbols.markets.detail .freemode-symbol-item {
    padding: 15px
}

.freemode-symbol-item.markets, .quick-access-item {
    background: var(--light-gray-color);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

.freemode-symbol-item.markets {
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 5px 15px
}

    .freemode-symbol-item.markets:hover {
        background: var(--blue-color);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .freemode-symbol-item.markets .item-svg, .freemode-symbol-item.markets .item-svg svg {
        position: relative;
        height: 45px
    }

        .freemode-symbol-item.markets .item-svg svg * {
            fill: var(--blue-color);
            -webkit-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out
        }

    .freemode-symbol-item.markets:hover .item-svg svg * {
        fill: var(--white-color);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

header.scorecm-header .navbar .has-megamenu, header.scorecm-header .navbar .has-normalmenu {
    position: static !important
}

header.scorecm-header .navbar .dropdown-menu.normal.show {
    min-width: 4rem;
    inset-inline-start: auto
}

header.scorecm-header .navbar .dropdown-menu.normal {
    min-width: 4rem
}

header.scorecm-header .navbar .megamenu {
    inset-inline-start: 0;
    inset-inline-end: 0;
    inset-block-start: 100%;
    width: 100%;
    margin-block-start: 0
}

header.scorecm-header.scrolling {
    position: fixed !important;
    inset-block-start: 0;
    width: 100%;
    background: var(--white-color);
    z-index: 99999991;
    -webkit-box-shadow: var(--box-shadow-other-lg);
    box-shadow: var(--box-shadow-other-lg)
}

    header.scorecm-header.scrolling .btn-outline-green-to-white {
        border-color: var(--black-color);
        color: var(--black-color)
    }

        header.scorecm-header.scrolling .btn-outline-green-to-white svg * {
            fill: var(--black-color)
        }

        header.scorecm-header.scrolling .btn-outline-green-to-white:hover {
            border-color: var(--black-color);
            background: var(--black-color);
            color: var(--white-color)
        }

            header.scorecm-header.scrolling .btn-outline-green-to-white:hover svg * {
                fill: var(--green-color)
            }

header.scorecm-header .header-social {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding-inline-start: 0;
    margin-block-end: 20px
}

    header.scorecm-header .header-social li {
        position: relative;
        margin-inline-end: 25px
    }

        header.scorecm-header .header-social li:last-of-type {
            margin-inline-end: 0
        }

        header.scorecm-header .header-social li a {
            position: relative;
            font-size: var(--font-text-size-lg);
            color: var(--white-color);
            line-height: 1
        }

            header.scorecm-header .header-social li a:hover {
                color: var(--green-color)
            }

header.scorecm-header .navbar-search-and-custom-content ul li.search-trigger-only-mobile, header.scorecm-header.homepage .mainNavbar::before, header.scorecm-header.scrolling .header-copyright, header.scorecm-header.scrolling .header-social, header.scorecm-header.scrolling .mainNavbar::before {
    display: none
}

header.light .mainMenu li a {
    color: var(--white-color) !important
}

header.light .header-other a.btn-outline-dark-to-brown {
    border-color: var(--brown-color);
    color: var(--brown-color)
}

header.light .header-other .btn-search {
    color: var(--white-color)
}

header.light .mobileMenuBtn, header.light .mobileSearchBtn {
    color: var(--blue-color) !important
}

header.scorecm-header .mobileLoginItem .dropdown-menu {
    width: 100%
}

header.scorecm-header .header-other {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -moz-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

    header.scorecm-header .header-other a {
        min-height: auto
    }

header.scorecm-header .mainMenu li ul.dropdown-menu.normal {
    padding: 0;
    -webkit-border-radius: var(--border-radius-sm);
    border-radius: var(--border-radius-sm)
}

header.scorecm-header .mainMenu li ul.dropdown-menu {
    background: var(--white-color);
    color: var(--text-color);
    font-size: var(--font-text-size-sm);
    -webkit-box-shadow: rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px;
    box-shadow: rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px;
    border: 0;
    padding: 35px 0 0;
    min-width: 100%;
    -webkit-border-radius: 0;
    border-radius: 0
}

    header.scorecm-header .mainMenu li ul.dropdown-menu li:first-of-type a {
        padding-block-start: 15px;
        border-start-start-radius: var(--border-radius-sm);
        border-start-end-radius: var(--border-radius-sm)
    }

    header.scorecm-header .mainMenu li ul.dropdown-menu li:last-of-type a {
        padding-block-end: 15px;
        border-end-start-radius: var(--border-radius-sm);
        border-end-end-radius: var(--border-radius-sm)
    }

    header.scorecm-header .mainMenu li ul.dropdown-menu li {
        margin-inline-start: 0;
        margin-inline-end: 0
    }

        header.scorecm-header .mainMenu li ul.dropdown-menu li a {
            padding: 10px 13px;
            color: var(--text-color);
            font-size: 15px;
            font-weight: 400;
            line-height: var(--font-text-line-height);
            border: 0
        }

            header.scorecm-header .mainMenu li ul.dropdown-menu li a:hover {
                background: var(--gray-to-dark-gray-color);
                color: var(--text-color);
                font-weight: 400
            }

header.scorecm-header .header-search i.fa-magnifying-glass, header.scorecm-header .header-search svg.fa-magnifying-glass {
    position: absolute;
    inset-block-start: 13px;
    inset-inline-start: 15px;
    color: var(--header-search-icon)
}

header.scorecm-header .navbar-toggler, header.scorecm-header .navbar-toggler:focus {
    padding: 0;
    border: 0;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

header.scorecm-header .mobileExtra .quickAccessBtn, header.scorecm-header .mobileMenuBtn, header.scorecm-header .mobileSearchBtn {
    color: var(--black-color);
    fill: var(--black-color)
}

    header.scorecm-header .mobileExtra .quickAccessBtn svg {
        width: 1.7em;
        height: 1.7em
    }

header.scorecm-header .navbar-toggler-icon {
    background-image: none !important;
    width: 24px !important;
    height: 24px !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

header.scorecm-header .mainNavbar {
    position: relative;
    padding: 0 !important
}

    header.scorecm-header .mainNavbar::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 1px;
        background: #deeaf4;
        inset-block-start: -15px;
        inset-inline-start: 0;
        z-index: 1
    }

    header.scorecm-header .mainNavbar .megamenu {
        padding: 35px 70px;
        -webkit-border-radius: var(--border-radius-lg);
        border-radius: var(--border-radius-lg);
        -webkit-box-shadow: rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px;
        box-shadow: rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px;
        border: 0
    }

        header.scorecm-header .mainNavbar .megamenu .megamenu-banner {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 100px;
            -webkit-border-radius: var(--border-radius-md);
            border-radius: var(--border-radius-md);
            overflow: hidden;
            margin-block-end: 10px
        }

            header.scorecm-header .mainNavbar .megamenu .megamenu-banner.big {
                height: 200px;
                margin-block-end: 0
            }

            header.scorecm-header .mainNavbar .megamenu .megamenu-banner img {
                position: relative;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: center;
                object-position: center;
                -webkit-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                -moz-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out
            }

            header.scorecm-header .mainNavbar .megamenu .megamenu-banner:hover img {
                position: relative;
                -webkit-transform: scale(1.05);
                -moz-transform: scale(1.05);
                -ms-transform: scale(1.05);
                -o-transform: scale(1.05);
                transform: scale(1.05);
                -webkit-transition: all .4s ease-in-out;
                -o-transition: all .4s ease-in-out;
                -moz-transition: all .4s ease-in-out;
                transition: all .4s ease-in-out
            }

        header.scorecm-header .mainNavbar .megamenu .megamenu-list {
            position: relative;
            height: 100%
        }

            header.scorecm-header .mainNavbar .megamenu .megamenu-list.feature {
                padding-inline-end: 20px
            }

                header.scorecm-header .mainNavbar .megamenu .megamenu-list.feature::before {
                    content: '';
                    position: absolute;
                    inset-block-start: 0;
                    inset-inline-end: 10px;
                    width: 1px;
                    height: 100%;
                    background: var(--border-color-dark)
                }

            header.scorecm-header .mainNavbar .megamenu .megamenu-list .title {
                position: relative;
                display: flex;
                font-size: 15px;
                font-weight: 500;
                line-height: 30px;
                color: var(--blue-color);
                padding-block-end: 8px;
                margin-block-end: 10px;
                border-block-end: 1px solid var(--border-color-dark);
                opacity: 0.45;
            }

            header.scorecm-header .mainNavbar .megamenu .megamenu-list ul {
                position: relative
            }

                header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li {
                    position: relative;
                    /*margin-block-end: 10px*/
                }

                    header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li:last-of-type {
                        margin-block-end: 0
                    }

                    header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a {
                        position: relative;
                        font-size: 15px;
                        font-weight: 400;
                        line-height: 20px;
                        padding: 13px;
                        color: var(--text-color)
                    }

                        header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a:hover {
                            font-weight: 400;
                            background: var(--light-gray-color);
                        }

                        header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a::before {
                            content: '\f061';
                            position: absolute;
                            inset-inline-end: 10px;
                            font-family: 'Font Awesome 6 Free';
                            font-weight: 900;
                            line-height: 1;
                            font-size: var(--font-text-size-xs);
                            color: var(--blue-color);
                            display: none;
                            margin-inline-end: 5px
                        }

                        header.scorecm-header .mainNavbar .megamenu .megamenu-list ul li a:hover::before {
                            display: inline-block;
                            animation-name: slideInLeft;
                            animation-duration: 0.5s;
                            animation-fill-mode: both;
                        }

header.scorecm-header .mainMenu {
    margin-block-end: 0;
    margin-inline-start: -12px
}

    header.scorecm-header .mainMenu li {
        padding-inline-end: 10px
    }

        header.scorecm-header .mainMenu li:first-of-type {
            margin-inline-start: 0
        }

        header.scorecm-header .mainMenu li:last-of-type {
            margin-inline-end: 0
        }

        header.scorecm-header .mainMenu li:first-of-type a.nav-link {
            padding-inline-start: 0 !important
        }

        header.scorecm-header .mainMenu li .image {
            justify-content: end
        }

            header.scorecm-header .mainMenu li .image .menu-img {
                border-radius: 15px
            }

        header.scorecm-header .mainMenu li a {
            position: relative;
            font-weight: 500;
            color: var(--text-color);
            font-size: var(--font-text-size-sm);
            line-height: var(--font-text-line-height);
            -webkit-transition: all .3s ease-in-out;
            -o-transition: all .3s ease-in-out;
            -moz-transition: all .3s ease-in-out;
            transition: all .3s ease-in-out;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        /*        header.scorecm-header .mainMenu li .dropdown-toggle {
            padding-inline-end: 20px !important
        }*/

        header.scorecm-header .mainMenu li .dropdown-toggle::after {
            display: none !important
        }

        header.scorecm-header .mainMenu li .dropdown-toggle::before {
            content: '\f078';
            position: absolute;
            inset-inline-end: -18px;
            font-family: 'Font Awesome 6 Free';
            font-weight: 900;
            line-height: 1;
            font-size: var(--font-text-size-xxs);
            color: var(--text-color);
            display: inline-block;
            margin-inline-start: 5px
        }

        header.scorecm-header .mainMenu li .dropdown-toggle:focus::before {
            content: '\f077';
        }

header.scorecm-header .navbar-expand-xl .navbar-nav .nav-link {
    padding: 0;
    margin: 15px;
    line-height: 1
}

header.scorecm-header .header-bottom-bar .search-content .form-area .form-group .close-search-content:hover, header.scorecm-header.scrolling .mainMenu li a {
    color: var(--text-color)
}

/*    header.scorecm-header.scrolling .mainMenu li a:focus, header.scorecm-header.scrolling .mainMenu li a:hover {
        color: var(--green-color)
    }*/

header.scorecm-header .mainMenu li a:hover {
    color: var(--blue-color) !important;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

header.scorecm-header .dropdown-language {
    width: auto !important
}

header.scorecm-header .header-bottom-bar .account-menu .dropdown-menu li, header.scorecm-header .header-top-bar .app .app-list li, header.scorecm-header .header-top-bar .top-bar-menu .menu li, header.scorecm-header .header-top-bar .top-bar-menu .menu3 li, header.scorecm-header .logo-content, header.scorecm-header .navbar-search-and-custom-content ul li, header.scorecm-header .navbar-search-and-custom-content ul li.search-form {
    position: relative
}

header.scorecm-header .navbar-brand {
    padding-block-start: 0;
    padding-block-end: 0
}

header.scorecm-header .navbar-search-and-custom-content {
    position: relative;
    margin-inline-end: 18px
}

    header.scorecm-header .navbar-search-and-custom-content ul {
        position: relative;
        padding-inline-start: 0;
        margin-block-end: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        gap: 30px
    }

        header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control {
            position: relative;
            padding: 11px 20px 11px 40px;
            border: 1px solid var(--border-color-dark);
            -webkit-border-radius: 50px;
            border-radius: 50px;
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            color: var(--text-color);
            min-width: 300px
        }

            header.scorecm-header .header-bottom-bar .search-content .form-area .form-group .form-control::-webkit-input-placeholder, header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control::-webkit-input-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: var(--light-text-color)
            }

            header.scorecm-header .header-bottom-bar .search-content .form-area .form-group .form-control:-moz-placeholder, header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control:-moz-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: var(--light-text-color)
            }

            header.scorecm-header .header-bottom-bar .search-content .form-area .form-group .form-control::-moz-placeholder, header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control::-moz-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: var(--light-text-color)
            }

            header.scorecm-header .header-bottom-bar .search-content .form-area .form-group .form-control:-ms-input-placeholder, header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control:-ms-input-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: var(--light-text-color)
            }

            header.scorecm-header .header-bottom-bar .search-content .form-area .form-group .form-control::placeholder, header.scorecm-header .navbar-search-and-custom-content ul li.search-form .form-control::placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: var(--light-text-color)
            }

        header.scorecm-header .navbar-search-and-custom-content ul li.search-form .icon {
            position: absolute;
            inset-block-start: 15px;
            inset-inline-start: 15px;
            font-size: var(--font-text-size-sm);
            line-height: 1;
            color: var(--blue-color)
        }

        header.scorecm-header .navbar-search-and-custom-content ul li a.cart-content {
            position: relative;
            display: block
        }

            header.scorecm-header .navbar-search-and-custom-content ul li a.cart-content .count {
                position: absolute;
                inset-block-start: -8px;
                inset-inline-end: -18px;
                width: 25px;
                height: 25px;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                background: var(--blue3-color);
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: var(--font-text-size-xxs);
                font-weight: 400;
                line-height: 1;
                color: var(--white-color);
                z-index: 1
            }

header.scorecm-header .header-bottom-bar .account-menu .dropdown-toggle::after, header.scorecm-header .header-bottom-bar .account-menu i, header.scorecm-header .header-bottom-bar .account-menu svg, header.scorecm-header.scrolling .header-top-bar, header.scorecm-header.scrolling .alert-unsupported-country {
    display: none
}

header.scorecm-header.scrolling .header-bottom-bar {
    padding: 15px 0 !important
}

header.scorecm-header .header-bottom-bar .search-content {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    width: 100%;
    height: 100%;
    background: var(--white-color);
    display: none;
    z-index: 1
}

    header.scorecm-header .header-bottom-bar .search-content.active {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    header.scorecm-header .header-bottom-bar .search-content .form-area {
        position: relative;
        width: 100%;
        height: 100%;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    header.scorecm-header .header-bottom-bar .search-content .form-group, section.scorecm-effortlessly-manage .image-or-video img, section.scorecm-explore-advantage-metatrader5 .image img {
        position: relative;
        width: 100%
    }

    header.scorecm-header .header-bottom-bar .search-content .form-area .form-group .form-control {
        position: relative;
        padding: 12px 180px 12px 20px;
        border: 0;
        font-size: var(--font-text-size-xs);
        font-weight: 400;
        color: var(--text-color);
        width: 100%
    }

    header.scorecm-header .header-bottom-bar .search-content .form-area .form-group .submit-button {
        position: absolute;
        inset-block-start: 2.5px;
        inset-inline-end: 30px;
        min-height: 40px
    }

    header.scorecm-header .header-bottom-bar .search-content .form-area .form-group .close-search-content {
        position: absolute;
        inset-block-start: 13px;
        inset-inline-end: 0;
        display: block;
        font-size: var(--font-text-size-md);
        line-height: 1;
        color: var(--light-text-color);
        z-index: 1
    }

header.scorecm-header .header-bottom-bar {
    position: relative;
    padding: 15px 0
}

    header.scorecm-header .header-bottom-bar .account-menu {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        gap: 15px
    }

        header.scorecm-header .header-bottom-bar .account-menu .search-trigger i, header.scorecm-header .header-bottom-bar .account-menu .search-trigger svg {
            display: block
        }

        header.scorecm-header .header-bottom-bar .account-menu .dropdown-menu {
            padding: 0;
            -webkit-border-radius: var(--border-radius-md);
            border-radius: var(--border-radius-md);
            -webkit-box-shadow: rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px;
            box-shadow: rgba(0,0,0,.1) 0 20px 25px -5px,rgba(0,0,0,.04) 0 10px 10px -5px;
            border: 0;
            min-width: auto
        }

            header.scorecm-header .header-bottom-bar .account-menu .dropdown-menu li:first-of-type a {
                border-start-start-radius: var(--border-radius-md);
                border-start-end-radius: var(--border-radius-md)
            }

            header.scorecm-header .header-bottom-bar .account-menu .dropdown-menu li a {
                position: relative;
                padding: 7px 30px !important;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                font-size: 13px;
                font-weight: 300;
                line-height: 30px;
                height: auto !important;
                color: var(--text-color)
            }

                header.scorecm-header .header-bottom-bar .account-menu .dropdown-menu li a:hover {
                    background: var(--light-gray-color);
                    color: var(--blue-color)
                }

            header.scorecm-header .header-bottom-bar .account-menu .dropdown-menu li:last-of-type a {
                border-end-start-radius: var(--border-radius-md);
                border-end-end-radius: var(--border-radius-md)
            }

        header.scorecm-header .header-bottom-bar .account-menu .search-trigger {
            padding: 5px;
            min-width: 40px;
            width: 40px
        }

            header.scorecm-header .header-bottom-bar .account-menu .search-trigger svg, header.scorecm-header .header-bottom-bar .account-menu .select-language svg {
                width: 18px;
                height: 18px
            }

        header.scorecm-header .header-bottom-bar .account-menu .select-language {
            font-weight: 600;
            padding: 5px;
            min-width: 40px;
            width: 40px;
            line-height: 1
        }

    header.scorecm-header .header-bottom-bar.style .logo-content .logo-icon {
        display: none;
        width: 120px
    }

header.scorecm-header .header-top-bar {
    position: relative;
    display: block;
    padding: 10px 0;
    background: var(--black-color)
}

    header.scorecm-header .header-top-bar .app {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        header.scorecm-header .header-top-bar .app .text {
            position: relative;
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            line-height: 30px;
            color: var(--text-color);
            margin-inline-end: 15px
        }

            .account-type-item .feature li b, header.scorecm-header .header-top-bar .app .text b {
                font-weight: 600
            }

        header.scorecm-header .header-top-bar .app .app-list {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 5px;
            margin-block-end: 0
        }

            header.scorecm-header .header-top-bar .app .app-list li a {
                position: relative;
                display: block;
                color: var(--text-color);
                line-height: 1
            }

                header.scorecm-header .header-top-bar .app .app-list li a.google-play {
                    font-size: var(--font-text-size-md)
                }

                header.scorecm-header .header-top-bar .app .app-list li a.app-store {
                    font-size: var(--font-text-size-lg)
                }

                header.scorecm-header .header-top-bar .app .app-list li a:hover {
                    color: var(--green-color)
                }

    header.scorecm-header .header-top-bar .top-bar-menu {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: space-between;
        -webkit-justify-content: space-between;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: space-between;
        justify-content: space-between
    }

        header.scorecm-header .header-top-bar .top-bar-menu .menu, header.scorecm-header .header-top-bar .top-bar-menu .menu3 {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            padding-inline-start: 0;
            margin-block-end: 0;
            gap: 20px
        }

            header.scorecm-header .header-top-bar .top-bar-menu .menu li a {
                position: relative;
                font-size: var(--font-text-size-xs);
                font-weight: 500;
                color: var(--dark-bg-text-color);
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-transform: uppercase;
            }

                header.scorecm-header .header-top-bar .top-bar-menu .menu li a:hover, section.scorecm-effortlessly-manage .body .title span, section.scorecm-fast-account-step .head .title span, section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .title span {
                    color: var(--blue-color)
                }

                header.scorecm-header .header-top-bar .top-bar-menu .menu li a svg {
                    width: 17px;
                    height: 17px
                }

                    header.scorecm-header .header-top-bar .top-bar-menu .menu li a svg * {
                        fill: var(--blue-color)
                    }

        header.scorecm-header .header-top-bar .top-bar-menu .menu3 {
            gap: 25px;
            padding-inline-start: 40px
        }

            header.scorecm-header .header-top-bar .top-bar-menu .menu3 .dropdown-menu {
                -webkit-box-shadow: var(--box-shadow-other-xs);
                box-shadow: var(--box-shadow-other-xs);
                border-color: var(--white-color);
                -webkit-border-radius: var(--border-radius-sm);
                border-radius: var(--border-radius-sm);
                min-width: 100%;
                padding: 0
            }

                header.scorecm-header .header-top-bar .top-bar-menu .menu3 .dropdown-menu li:first-of-type a {
                    border-start-start-radius: var(--border-radius-sm);
                    border-start-end-radius: var(--border-radius-sm)
                }

                header.scorecm-header .header-top-bar .top-bar-menu .menu3 .dropdown-menu li:last-of-type a {
                    border-end-start-radius: var(--border-radius-sm);
                    border-end-end-radius: var(--border-radius-sm)
                }

                header.scorecm-header .header-top-bar .top-bar-menu .menu3 .dropdown-menu li a {
                    padding: 10px;
                    font-size: 13px;
                    font-weight: 400;
                    line-height: 1;
                    color: var(--text-color);
                    text-align: center
                }

                    header.scorecm-header .header-top-bar .top-bar-menu .menu3 .dropdown-menu li a:hover {
                        color: var(--green-color)
                    }

            header.scorecm-header .header-top-bar .top-bar-menu .menu3 li .nav-link {
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center
            }

            header.scorecm-header .header-top-bar .top-bar-menu .menu3 li a {
                position: relative;
                font-size: var(--font-text-size-sm);
                font-weight: 400;
                line-height: 30px;
                color: var(--text-color);
                text-align: center
            }

.scrollup {
    background-color: var(--blue-color);
    border: 1px solid var(--blue-color);
    inset-block-end: 15px;
    color: var(--white-color);
    font-size: var(--font-text-size-sm);
    height: 56px;
    width: 56px;
    padding: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    inset-inline-start: 10px;
    text-align: center;
    z-index: 999999;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: rgba(0,0,0,.24) 0 3px 8px !important;
    overflow: hidden;
    box-shadow: rgba(0,0,0,.24) 0 3px 8px !important
}

    .scrollup:hover, .scrollup:focus {
        background: var(--blue-color);
        color: var(--white-color);
        border: 1px solid var(--blue-color);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        text-decoration: none;
        color: var(--white-color);
        z-index: 1;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }

        .scrollup:hover::before, .scrollup:focus::before {
            margin-inline-start: 450%;
        }

    .scrollup:before {
        content: " ";
        display: block;
        width: 200px;
        height: 80px;
        background: rgba(255,255,255,.2);
        position: absolute;
        inset-block-start: -10px;
        inset-inline-start: -200px;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

    .scrollup svg {
        height: 18px
    }


.menu-content.show {
    z-index: 9999999
}

.accordion-item {
    border-block-end: 0 !important;
    border-block-start: 0 !important;
    border-inline-start: 0 !important;
    border-inline-end: 0 !important
}

.accordion-header .accordion-button {
    font-size: var(--font-text-size-md);
    font-weight: 500;
    line-height: 30px;
    color: var(--text-color);
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important;
    border-block-end: 1px solid var(--border-color-dark) !important;
    padding-inline-start: 0
}

    .accordion-header .accordion-button.collapsed {
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important
    }

.accordion-button:not(.collapsed) {
    color: var(--text-color) !important;
    border-color: transparent !important;
    background-color: transparent !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

.accordion-item:first-of-type {
    border-start-start-radius: 0 !important;
    border-start-end-radius: 0 !important
}

.accordion-item:last-of-type {
    border-end-start-radius: 0 !important;
    border-end-end-radius: 0 !important
}

.accordion-button:focus {
    background: 0 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.accordion-button.collapsed:hover, .accordion-button:hover {
    background: 0 0;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

    .accordion-button::after, .accordion-button:hover::after {
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out
    }

.accordion-button:not(.collapsed)::after {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.accordion-item:last-of-type .accordion-header .accordion-button {
    border-block-end: 0 !important
}

main.scorecm-app {
    margin: 0;
    padding: 0
}

section.scorecm-hero {
    position: relative;
    padding: 135px 0 80px;
    margin-block-start: -85.42px
}

    /*    section.scorecm-hero.homepage {
        position: relative;
        padding: 135px 0 80px;
        margin-block-start: -85.42px
    }
*/
    section.scorecm-hero::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        background: url(../img/others/homepage-hero-bg.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
        z-index: -1
    }

    main.scorecm-app, section.scorecm-hero .homepage-hero-swiper, section.scorecm-hero .homepage-hero-swiper .swiper-wrapper, section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide, section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body {
        position: relative
    }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .sub-text {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 35px;
            color: var(--text-color);
            margin-block-end: 20px
        }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide-active .body .sub-text {
            -webkit-animation-duration: .6s;
            -moz-animation-duration: .6s;
            -o-animation-duration: .6s;
            animation-duration: .6s;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: fadeInLeft;
            -moz-animation-name: fadeInLeft;
            -o-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
            -webkit-animation-delay: .3s;
            -moz-animation-delay: .3s;
            -o-animation-delay: .3s;
            animation-delay: .3s
        }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide-active .body .title {
            -webkit-animation-duration: .8s;
            -moz-animation-duration: .8s;
            -o-animation-duration: .8s;
            animation-duration: .8s;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: fadeInLeft;
            -moz-animation-name: fadeInLeft;
            -o-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
            -webkit-animation-delay: .3s;
            -moz-animation-delay: .3s;
            -o-animation-delay: .3s;
            animation-delay: .3s
        }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide-active .body .description {
            -webkit-animation-duration: 1s;
            -moz-animation-duration: 1s;
            -o-animation-duration: 1s;
            animation-duration: 1s;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: fadeInLeft;
            -moz-animation-name: fadeInLeft;
            -o-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
            -webkit-animation-delay: .3s;
            -moz-animation-delay: .3s;
            -o-animation-delay: .3s;
            animation-delay: .3s
        }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide-active .body .more {
            -webkit-animation-duration: 1.02s;
            -moz-animation-duration: 1.02s;
            -o-animation-duration: 1.02s;
            animation-duration: 1.02s;
            -webkit-animation-fill-mode: both;
            -moz-animation-fill-mode: both;
            -o-animation-fill-mode: both;
            animation-fill-mode: both;
            -webkit-animation-name: fadeInLeft;
            -moz-animation-name: fadeInLeft;
            -o-animation-name: fadeInLeft;
            animation-name: fadeInLeft;
            -webkit-animation-delay: .3s;
            -moz-animation-delay: .3s;
            -o-animation-delay: .3s;
            animation-delay: .3s
        }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .title {
            position: relative;
            font-size: 50px;
            font-weight: 700;
            line-height: 60px;
            color: var(--text-color);
            margin-block-end: 35px
        }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .description {
            position: relative;
            font-size: var(--font-text-size-sm);
            font-weight: 400;
            line-height: 28px;
            color: var(--text-color);
            margin-block-end: 35px
        }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .more {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 15px
        }

            section.scorecm-fast-account-step .more a, section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .body .more a {
                min-height: 50px
            }

        section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .image-or-video {
            position: relative;
            height: 500px
        }

            section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .image-or-video img, section.scorecm-hero .homepage-hero-swiper .swiper-wrapper .swiper-slide .image-or-video video {
                position: relative;
                width: 100%;
                height: 100%;
                -o-object-fit: contain;
                object-fit: contain;
                -o-object-position: right center;
                object-position: right center
            }

        section.scorecm-hero .homepage-hero-swiper .navigations {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            z-index: 0;
            margin-block-start: 30px
        }

            section.scorecm-hero .homepage-hero-swiper .navigations .swiper-pagination {
                inset-block-end: 30px !important
            }

            section.scorecm-hero .homepage-hero-swiper .navigations .swiper-pagination-bullet {
                width: 10px;
                height: 10px;
                background: var(--blue-color);
                opacity: 1;
                margin: 0 5px
            }

            section.scorecm-hero .homepage-hero-swiper .navigations .swiper-pagination-bullet-active {
                background: var(--blue-color);
                opacity: 1
            }

            section.scorecm-hero .homepage-hero-swiper .navigations .timer {
                position: relative;
                width: 50px;
                height: 50px;
                border: 1.5px solid var(--blue-color);
                color: var(--blue-color);
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                z-index: 10;
                margin-inline-start: 100px
            }

                section.scorecm-hero .homepage-hero-swiper .navigations .timer::after, section.scorecm-hero .homepage-hero-swiper .navigations .timer::before {
                    content: '';
                    position: absolute;
                    inset-inline-start: -60px;
                    width: 60px;
                    height: 1.5px;
                    background: var(--blue-color);
                    -webkit-border-radius: 50px;
                    border-radius: 50px;
                    z-index: 0
                }

                section.scorecm-hero .homepage-hero-swiper .navigations .timer::after {
                    inset-inline-start: -100px;
                    width: 30px;
                    height: 5.5px
                }

            section.scorecm-hero .homepage-hero-swiper .navigations .custom-pagination {
                position: relative;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                z-index: 10
            }

                section.scorecm-hero .homepage-hero-swiper .navigations .custom-pagination .dots-container {
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    -moz-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    margin-inline-end: 10px
                }

                section.scorecm-hero .homepage-hero-swiper .navigations .custom-pagination .dot {
                    width: 15px;
                    height: 15px;
                    background: 0 0;
                    border: 1px solid var(--blue-color);
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    margin: 0 5px;
                    display: none
                }

                    section.scorecm-hero .homepage-hero-swiper .navigations .custom-pagination .dot.active {
                        background: var(--blue-color);
                        display: inline-block
                    }

            section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-next, section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-prev {
                cursor: pointer;
                margin-block-start: auto;
                position: relative;
                inset-inline-start: auto;
                inset-inline-end: auto;
                inset-block-start: auto;
                inset-block-end: auto;
                width: 50px;
                height: 50px;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                background: var(--light-gray-color);
                padding: 5px;
                font-size: var(--font-text-size-xs);
                line-height: 1;
                color: var(--blue-color);
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center
            }

            section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-next {
                margin-inline-start: 10px
            }

                section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-next::after, section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-prev::after, section.scorecm-payment-method.custom::before {
                    display: none
                }

                section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-next svg, section.scorecm-hero .homepage-hero-swiper .navigations .swiper-button-prev svg {
                    width: 10px
                }

            section.scorecm-hero .homepage-hero-swiper .navigations .timer-svg {
                position: absolute;
                inset-block-start: -1.5px;
                inset-inline-start: -1.5px;
                -webkit-transform: rotate(-90deg);
                -moz-transform: rotate(-90deg);
                -ms-transform: rotate(-90deg);
                -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
                z-index: 1
            }

            section.scorecm-hero .homepage-hero-swiper .navigations .timer-circle {
                stroke: var(--light-green-color);
                stroke-width: 5;
                fill: transparent;
                stroke-dasharray: 126;
                stroke-dashoffset: 0
            }

section.scorecm-discover-all-markets, section.scorecm-effortlessly-manage, section.scorecm-explore-instruments, section.scorecm-fast-account-step, section.scorecm-trade-assets {
    position: relative;
    padding: 80px 0
}

    section.scorecm-fast-account-step .head {
        position: relative;
        text-align: center;
        margin-block-end: 40px
    }

        section.scorecm-fast-account-step .head .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--text-color)
        }

    section.scorecm-fast-account-step .body {
        position: relative;
        margin-block-end: 40px
    }

.step-account-box {
    position: relative;
    padding: 35px 50px;
    background: var(--light-gray-color);
    -webkit-border-radius: var(--border-radius-lg);
    border-radius: var(--border-radius-lg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

    .step-account-box .icon {
        margin-block-end: 20px
    }

        .quick-access-item .item-icon svg, .step-account-box .icon, .step-account-box .icon svg, section.scorecm-explore-instruments .right-side .icon svg {
            position: relative;
            height: 60px;
            fill: #458cff
        }

            .step-account-box .icon svg * {
                fill: var(--blue-color)
            }

    .step-account-box .title, section.scorecm-trade-assets .head .title {
        position: relative;
        font-size: var(--font-text-size-xl);
        font-weight: 700;
        line-height: 33px;
        color: var(--text-color);
        margin-block-end: 15px
    }

    .step-account-box .description {
        position: relative;
        font-size: var(--font-text-size-sm);
        font-weight: 400;
        line-height: 30px;
        color: var(--text-color)
    }

section.scorecm-fast-account-step .more {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

section.scorecm-quick-access {
    position: fixed;
    inset-block-start: -100vh;
    inset-inline-start: 0;
    width: 100%;
    height: 100vh;
    opacity: 1;
    z-index: 99999992;
    background: var(--black-color);
    padding: 60px 0 0 0;
    overflow-y: auto;
    -webkit-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out
}

    section.scorecm-quick-access ul {
        gap: 5px
    }

    section.scorecm-quick-access.active {
        -webkit-transition: all .8s ease-in-out;
        -o-transition: all .8s ease-in-out;
        -moz-transition: all .8s ease-in-out;
        transition: all .8s ease-in-out;
        inset-block-start: 0
    }

    section.scorecm-quick-access .head {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -webkit-align-items: start;
        -moz-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        margin-block-end: 40px
    }

        section.scorecm-quick-access .head .start {
            position: relative;
            width: 60%
        }

            section.scorecm-markets-breadcrumb .body .action a, section.scorecm-quick-access .head .end a, section.scorecm-quick-access .head .start .more a {
                min-height: 45px
            }

            section.scorecm-quick-access .head .start .title {
                position: relative;
                font-size: var(--font-text-size-xxl);
                font-weight: 700;
                line-height: 50px;
                color: var(--white-color);
                margin-block-end: 10px
            }

            section.scorecm-quick-access .head .start .text {
                position: relative;
                font-size: var(--font-text-size-sm);
                font-weight: 400;
                line-height: 30px;
                color: var(--white-color);
                margin-block-end: 30px
            }

            section.scorecm-quick-access .head .start .more {
                position: relative;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 15px
            }

    section.scorecm-quick-access .body {
        position: relative
    }

.quick-access-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px;
    -webkit-border-radius: var(--border-radius-xl);
    border-radius: var(--border-radius-xl);
    height: 100%
}

    .quick-access-item:hover {
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        background: var(--blue-color);
        color: var(--white-color);
    }

    .quick-access-item .item-icon {
        position: relative;
        width: 100%;
        height: 60px;
        margin-block-end: 10px
    }

    .quick-access-item .item-name, .quick-access-item.other .item-icon {
        font-size: var(--font-text-size-xl);
        font-weight: 700;
        line-height: 30px;
        color: var(--text-color);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .quick-access-item.other .item-icon {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px
    }

    .quick-access-item.other:hover .item-icon {
        color: var(--white-color)
    }

    .quick-access-item .item-icon svg * {
        fill: var(--blue-color);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .quick-access-item:hover .item-icon svg * {
        fill: var(--white-color);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .quick-access-item .item-name {
        position: relative
    }

    .quick-access-item .item-text {
        position: relative;
        font-size: var(--font-text-size-sm);
        font-weight: 400;
        line-height: 25px;
        color: var(--text-color)
    }

    .quick-access-item:hover .item-name, .quick-access-item:hover .item-text {
        color: var(--white-color);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

        .quick-access-item:hover .item-text span {
            color: var(--light-green-color);
            -webkit-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out
        }

section.scorecm-markets-breadcrumb {
    position: relative;
    overflow: hidden;
}

    section.scorecm-markets-breadcrumb .cover-image {
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: right center;
        object-position: right center
    }

    section.scorecm-markets-breadcrumb .body {
        position: relative;
        padding: 80px 0
    }

        section.scorecm-markets-breadcrumb .body.bp {
            padding: 160px 0
        }

        section.scorecm-markets-breadcrumb .body .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--white-color);
            margin-block-end: 10px
        }

        section.scorecm-markets-breadcrumb .body .text {
            position: relative;
            font-size: var(--font-text-size-sm);
            font-weight: 400;
            line-height: 28px;
            color: var(--white-color);
            margin-block-end: 60px
        }

        section.scorecm-markets-breadcrumb .body .action {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 15px
        }

section.scorecm-freemode-symbols.markets {
    padding: 40px 0
}

section.scorecm-markets-faqs, section.scorecm-markets-information, section.scorecm-markets-start-trading-now, section.scorecm-risk-text {
    position: relative;
    padding: 80px 0
}

    section.scorecm-markets-information .head {
        position: relative;
        margin-block-end: 50px;
        text-align: center
    }

        section.scorecm-markets-information .head .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--text-color)
        }

        section.scorecm-markets-information .head .description {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 26px;
            color: var(--text-color);
            margin-block-start: 20px
        }

    section.scorecm-markets-information .body {
        position: relative
    }

        section.scorecm-benefits .body ul, section.scorecm-markets-information .body ul, section.scorecm-open-account-fast-steps .body ul {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

            section.scorecm-benefits .body ul li, section.scorecm-markets-information .body ul li, section.scorecm-open-account-fast-steps .body ul li {
                position: relative;
                width: 33.33%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -moz-box-orient: vertical;
                -moz-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                height: 100%;
                padding: 0 30px;
                border-inline-start: 1px solid var(--border-color-dark);
                border-inline-end: 1px solid var(--border-color-dark)
            }

                section.scorecm-markets-information .body ul li:first-of-type {
                    padding-inline-start: 0;
                    border-inline-start: 0;
                    border-inline-end: 0
                }

                section.scorecm-markets-information .body ul li:last-of-type {
                    padding-inline-end: 0;
                    border-inline-start: 0;
                    border-inline-end: 0
                }

                section.scorecm-markets-information .body ul li .icon {
                    position: relative;
                    height: 50px;
                    margin-block-end: 30px
                }

                    section.scorecm-about-us-heading .body ul li .icon img, section.scorecm-about-us-heading .body ul li .icon svg, section.scorecm-benefits .body ul li .icon img, section.scorecm-benefits .body ul li .icon svg, section.scorecm-markets-information .body ul li .icon img, section.scorecm-markets-information .body ul li .icon svg, section.scorecm-open-account-fast-steps .body ul li .icon img, section.scorecm-open-account-fast-steps .body ul li .icon svg {
                        position: relative;
                        height: 50px;
                        fill: var(--blue-color)
                    }

                        section.scorecm-markets-information .body ul li .icon svg * {
                            fill: var(--blue-color)
                        }

                section.scorecm-markets-information .body ul li .title {
                    position: relative;
                    font-size: var(--font-text-size-xl);
                    font-weight: 700;
                    line-height: 33px;
                    color: var(--text-color);
                    margin-block-end: 15px
                }

                section.scorecm-markets-information .body ul li .text {
                    position: relative;
                    font-size: var(--font-text-size-sm);
                    font-weight: 400;
                    line-height: 30px;
                    color: var(--text-color);
                    margin-block-end: 40px
                }

                section.scorecm-markets-information .body ul li .more, section.scorecm-markets-start-trading-now .body .start {
                    position: relative
                }

                    section.scorecm-about-us-heading .body ul li .more a, section.scorecm-benefits .body ul li .more a, section.scorecm-markets-information .body ul li .more a {
                        position: relative;
                        display: -webkit-inline-box;
                        display: -webkit-inline-flex;
                        display: -moz-inline-box;
                        display: -ms-inline-flexbox;
                        display: inline-flex;
                        -webkit-box-align: center;
                        -webkit-align-items: center;
                        -moz-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        font-size: var(--font-text-size-sm);
                        font-weight: 400;
                        line-height: 1;
                        color: var(--text-color)
                    }

                        section.scorecm-benefits .body ul li .more a svg, section.scorecm-markets-information .body ul li .more a svg {
                            -webkit-transition: all .4s ease-in-out;
                            -o-transition: all .4s ease-in-out;
                            -moz-transition: all .4s ease-in-out;
                            transition: all .4s ease-in-out
                        }

                        section.scorecm-benefits .body ul li .more a:hover svg, section.scorecm-markets-information .body ul li .more a:hover svg {
                            -webkit-transition: all .4s ease-in-out;
                            -o-transition: all .4s ease-in-out;
                            -moz-transition: all .4s ease-in-out;
                            transition: all .4s ease-in-out;
                            margin-inline-start: 25px !important
                        }

    section.scorecm-markets-start-trading-now .body {
        position: relative;
        padding: 70px 50px;
        background: url(../img/others/start-trading-now-bg.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        -webkit-border-radius: var(--border-radius-xxl);
        border-radius: var(--border-radius-xxl)
    }

        .courses-item .body .content .start .title, section.scorecm-markets-start-trading-now .body .start .title {
            position: relative;
            font-size: var(--font-text-size-xxl);
            font-weight: 700;
            line-height: 40px;
            margin-block-end: 10px;
            color: var(--white-color)
        }

        .courses-item .body .content .start .description, section.scorecm-markets-start-trading-now .body .start .text {
            position: relative;
            font-size: var(--font-text-size-sm);
            font-weight: 400;
            line-height: 30px;
            color: var(--white-color)
        }

        section.scorecm-markets-start-trading-now .body .end {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: end;
            -webkit-justify-content: end;
            -moz-box-pack: end;
            -ms-flex-pack: end;
            justify-content: end;
            gap: 15px
        }

            section.scorecm-markets-start-trading-now .body .end a {
                min-height: 45px
            }

    section.scorecm-markets-faqs .start {
        position: relative;
        font-size: var(--font-text-size-xxl);
        font-weight: 700;
        line-height: 40px;
        color: var(--text-color);
        word-break: break-all
    }

    section.scorecm-markets-faqs .end {
        position: relative;
        margin-block-end: 30px
    }

        section.scorecm-markets-faqs .end .accordion-body, section.scorecm-markets-faqs .more, section.scorecm-risk-text .text {
            position: relative;
            font-size: var(--font-text-size-sm);
            font-weight: 400;
            line-height: 30px;
            color: var(--text-color)
        }

        section.scorecm-markets-faqs .end .accordion-body {
            font-size: var(--font-text-size-xs);
            line-height: 28px;
            padding: 15px 0
        }

    section.scorecm-risk-text .text {
        font-size: var(--font-text-size-xs);
        line-height: 25px;
        color: var(--light-text-color)
    }

section.scorecm-markets-detail-heading {
    position: relative;
    padding: 50px 0
}

    section.scorecm-markets-detail-heading .start {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 50px
    }

        section.scorecm-markets-detail-heading .start .left {
            position: relative;
            width: calc(30% - 25px);
            padding: 18px;
            -webkit-border-radius: 50px;
            border-radius: 50px;
            border: 1px solid var(--border-color-dark);
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            gap: 15px
        }

            section.scorecm-markets-detail-heading .start .left .icon {
                position: relative;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                min-width: 45px;
                width: 45px;
                height: 45px
            }

                section.scorecm-markets-detail-heading .start .left .icon.single {
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    overflow: hidden;
                    border: 1px solid var(--white-color)
                }

                section.scorecm-markets-detail-heading .start .left .icon.multi .from, section.scorecm-markets-detail-heading .start .left .icon.multi .to {
                    position: absolute;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    -moz-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    width: 27.5px;
                    height: 27.5px;
                    border: 1px solid var(--white-color);
                    -webkit-border-radius: 50%;
                    border-radius: 50%;
                    overflow: hidden
                }

                section.scorecm-markets-detail-heading .start .left .icon.multi .from {
                    inset-block-start: 0;
                    inset-inline-start: 0;
                    z-index: 0
                }

                section.scorecm-markets-detail-heading .start .left .icon.multi .to {
                    inset-block-end: 0;
                    inset-inline-end: 0;
                    z-index: 1
                }

        section.scorecm-markets-detail-charts .chart, section.scorecm-markets-detail-heading .end, section.scorecm-markets-detail-heading .start .content {
            position: relative
        }

            section.scorecm-markets-detail-heading .start .content .name {
                position: relative;
                font-size: var(--font-text-size-xl);
                font-weight: 700;
                line-height: 1;
                color: var(--text-color);
                margin-block-end: 3px
            }

            section.scorecm-markets-detail-heading .start .content .description {
                position: relative;
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                line-height: 1;
                color: var(--text-color)
            }

        section.scorecm-markets-detail-heading .start .right {
            position: relative;
            width: calc(70% - 50px)
        }

            section.scorecm-markets-detail-heading .start .right .top {
                position: relative;
                padding-block-end: 15px;
                border-block-end: 1px solid var(--border-color-dark);
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                gap: 20px
            }

                section.scorecm-markets-detail-heading .start .right .top .price {
                    position: relative;
                    font-size: var(--font-text-size-xl);
                    font-weight: 700;
                    line-height: 1;
                    color: var(--text-color);
                    display: -webkit-inline-box;
                    display: -webkit-inline-flex;
                    display: -moz-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center
                }

                    section.scorecm-markets-detail-heading .start .right .top .price.up {
                        color: var(--green-color)
                    }

                        section.scorecm-markets-detail-heading .start .right .top .price.down::before, section.scorecm-markets-detail-heading .start .right .top .price.up::before {
                            content: '\f077';
                            position: absolute;
                            inset-inline-end: -25px;
                            margin-inline-start: 10px;
                            font-family: 'Font Awesome 6 Free';
                            font-size: var(--font-text-size-sm);
                            font-weight: 900;
                            line-height: 1;
                            color: var(--green-color);
                            display: inline-block
                        }

                    section.scorecm-markets-detail-heading .start .right .top .price.down::before {
                        content: '\f078';
                        color: var(--red-color)
                    }

                    section.scorecm-markets-detail-heading .start .right .top .price.down {
                        color: var(--red-color)
                    }

                section.scorecm-markets-detail-heading .start .right .top .change {
                    position: relative;
                    font-size: var(--font-text-size-md);
                    font-weight: 400;
                    line-height: 1;
                    color: var(--text-color)
                }

                    section.scorecm-markets-detail-heading .start .right .bottom .swap-long.up .value, section.scorecm-markets-detail-heading .start .right .bottom .swap-short.up .value, section.scorecm-markets-detail-heading .start .right .top .change.up, section.scorecm-pro-account-heading.other-account .head .sub-title span {
                        color: var(--green-color)
                    }

                    section.scorecm-markets-detail-heading .start .right .bottom .swap-long.down .value, section.scorecm-markets-detail-heading .start .right .bottom .swap-short.down .value, section.scorecm-markets-detail-heading .start .right .top .change.down {
                        color: var(--red-color)
                    }

            section.scorecm-markets-detail-heading .start .right .bottom {
                position: relative;
                padding-block-start: 15px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -webkit-justify-content: space-between;
                -moz-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                gap: 20px
            }

                section.scorecm-markets-detail-heading .start .right .bottom .swap-long, section.scorecm-markets-detail-heading .start .right .bottom .swap-short {
                    position: relative;
                    width: calc(50% - 10px)
                }

                section.scorecm-markets-detail-heading .start .right .bottom .swap-long {
                    text-align: end
                }

                    section.scorecm-markets-detail-heading .start .right .bottom .swap-long .key, section.scorecm-markets-detail-heading .start .right .bottom .swap-short .key {
                        position: relative;
                        font-size: var(--font-text-size-xs);
                        font-weight: 400;
                        line-height: 1;
                        color: var(--text-color);
                        margin-block-end: 5px
                    }

                    section.scorecm-markets-detail-heading .start .right .bottom .swap-long .value, section.scorecm-markets-detail-heading .start .right .bottom .swap-short .value {
                        position: relative;
                        font-size: var(--font-text-size-xs);
                        font-weight: 700;
                        line-height: 1;
                        color: var(--text-color)
                    }

    section.scorecm-markets-detail-heading .end .sell-buy-content {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px
    }

        section.scorecm-markets-detail-heading .end .sell-buy-content .buy, section.scorecm-markets-detail-heading .end .sell-buy-content .sell {
            position: relative;
            border: 1px solid var(--border-color-dark);
            width: calc(50% - 5px);
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

        section.scorecm-markets-detail-heading .end .sell-buy-content .sell {
            border-start-start-radius: 50px;
            border-end-start-radius: 50px;
            padding: 13px 40px
        }

        section.scorecm-markets-detail-heading .end .sell-buy-content .buy {
            padding: 13px 45px;
            border-start-end-radius: 50px;
            border-end-end-radius: 50px
        }

            section.scorecm-markets-detail-heading .end .sell-buy-content .buy .key, section.scorecm-markets-detail-heading .end .sell-buy-content .sell .key {
                position: relative;
                font-size: var(--font-text-size-sm);
                font-weight: 400;
                line-height: 1.5;
                color: var(--text-color);
                width: 100%
            }

            section.scorecm-markets-detail-heading .end .sell-buy-content .buy .value, section.scorecm-markets-detail-heading .end .sell-buy-content .sell .value {
                position: relative;
                font-size: var(--font-text-size-xl);
                font-weight: 700;
                line-height: 1;
                color: var(--text-color);
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                width: 100%
            }

            section.scorecm-markets-detail-heading .end .sell-buy-content .buy.up, section.scorecm-markets-detail-heading .end .sell-buy-content .sell.up {
                border-color: var(--green-color);
                background: var(--green-color)
            }

                section.scorecm-markets-detail-heading .end .sell-buy-content .buy.down .key, section.scorecm-markets-detail-heading .end .sell-buy-content .buy.down .value, section.scorecm-markets-detail-heading .end .sell-buy-content .buy.up .key, section.scorecm-markets-detail-heading .end .sell-buy-content .buy.up .value, section.scorecm-markets-detail-heading .end .sell-buy-content .sell.down .key, section.scorecm-markets-detail-heading .end .sell-buy-content .sell.down .value, section.scorecm-markets-detail-heading .end .sell-buy-content .sell.up .key, section.scorecm-markets-detail-heading .end .sell-buy-content .sell.up .value {
                    color: var(--white-color)
                }

            section.scorecm-markets-detail-heading .end .sell-buy-content .buy.down, section.scorecm-markets-detail-heading .end .sell-buy-content .sell.down {
                border-color: var(--red-color);
                background: var(--red-color)
            }

                section.scorecm-markets-detail-heading .end .sell-buy-content .sell.down .value::before, section.scorecm-markets-detail-heading .end .sell-buy-content .sell.up .value::before {
                    content: '\f077';
                    position: absolute;
                    inset-inline-end: -25px;
                    font-family: 'Font Awesome 6 Free';
                    font-size: var(--font-text-size-sm);
                    font-weight: 900;
                    line-height: 1;
                    color: var(--white-color);
                    display: inline-block
                }

                section.scorecm-markets-detail-heading .end .sell-buy-content .sell.down .value::before {
                    content: '\f078'
                }

                section.scorecm-markets-detail-heading .end .sell-buy-content .buy.down .value::before, section.scorecm-markets-detail-heading .end .sell-buy-content .buy.up .value::before {
                    content: '\f077';
                    position: absolute;
                    inset-inline-start: -25px;
                    font-family: 'Font Awesome 6 Free';
                    font-size: var(--font-text-size-sm);
                    font-weight: 900;
                    line-height: 1;
                    color: var(--white-color);
                    display: inline-block
                }

                section.scorecm-markets-detail-heading .end .sell-buy-content .buy.down .value::before {
                    content: '\f078';
                    inset-inline-start: -30px
                }

    section.scorecm-markets-detail-heading .end .low-high-spred-content {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -moz-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        gap: 30px;
        padding: 0 40px;
        margin-block-start: 10px
    }

        section.scorecm-markets-detail-heading .end .low-high-spred-content .high, section.scorecm-markets-detail-heading .end .low-high-spred-content .low, section.scorecm-markets-detail-heading .end .low-high-spred-content .spread {
            position: relative;
            width: calc(33.33% - 10px);
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            line-height: 1
        }

        section.scorecm-markets-detail-heading .end .low-high-spred-content .low {
            text-align: start;
            color: var(--text-color)
        }

        section.scorecm-markets-detail-heading .end .low-high-spred-content .spread {
            text-align: center;
            color: var(--light-text-color)
        }

        section.scorecm-markets-detail-heading .end .low-high-spred-content .high {
            text-align: end;
            color: var(--text-color)
        }

section.scorecm-markets-detail-charts {
    position: relative;
    padding: 80px 0
}

    section.scorecm-markets-detail-charts .chart.technical {
        padding-inline-end: 15px
    }

    section.scorecm-markets-detail-charts .chart .title {
        position: relative;
        font-size: var(--font-text-size-xl);
        font-weight: 700;
        line-height: 28px;
        color: var(--text-color);
        margin-block-end: 10px
    }

    section.scorecm-markets-detail-charts .chart .body {
        position: relative
    }

    section.scorecm-markets-detail-charts .chart .note {
        position: relative;
        font-size: var(--font-text-size-xxs);
        font-weight: 400;
        line-height: 25px;
        color: var(--text-color);
        margin-block-start: 0
    }

#highcharts-bg-0 stop {
    stop-color: var(--green-color)
}

    #highcharts-bg-0 stop[offset="0"] {
        stop-opacity: .75
    }

    #highcharts-bg-0 stop[offset="1"] {
        stop-opacity: 0
    }

.highcharts-reset-zoom .highcharts-button-box {
    background: var(--blue-color);
    fill: var(--blue-color);
    stroke: var(--border-color-dark);
    stroke-linecap: round
}

.highcharts-reset-zoom text {
    color: var(--white-color) !important;
    fill: var(--white-color) !important;
    font-size: var(--font-text-size-sm);
    font-weight: 500
}

.highcharts-area-series .highcharts-point, .highcharts-point, section.scorecm-markets-detail-charts .market-hours .icon svg *, section.scorecm-metatrader-platforms .image .body .download a:hover svg * {
    fill: var(--text-color)
}

.highcharts-navigator-outline, .highcharts-xaxis .highcharts-axis-line, .highcharts-xaxis .highcharts-tick {
    stroke: var(--border-color-dark)
}

.highcharts-scrollbar-thumb {
    fill: var(--light-gray-color)
}

.highcharts-scrollbar-thumb, .highcharts-scrollbar-track {
    stroke: var(--light-gray-color)
}

.highcharts-navigator-mask-inside {
    fill: rgba(69,140,255,.15)
}

section.scorecm-markets-detail-charts .market-hours {
    position: relative;
    padding: 30px;
    background: var(--light-gray-color);
    -webkit-border-radius: var(--border-radius-lg);
    border-radius: var(--border-radius-lg);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    margin-block-end: 30px
}

    section.scorecm-markets-detail-charts .market-hours .icon {
        position: relative;
        width: 60px;
        min-width: 60px
    }

        section.scorecm-markets-detail-charts .market-hours .icon svg {
            width: 60px
        }

    section.scorecm-markets-detail-charts .market-hours .content {
        position: relative;
        width: calc(100% - 70px)
    }

        section.scorecm-markets-detail-charts .market-hours .content .title {
            position: relative;
            font-size: var(--font-text-size-sm);
            font-weight: 400;
            line-height: 25px;
            margin-block-end: 5px;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -webkit-justify-content: space-between;
            -moz-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between
        }

            section.scorecm-markets-detail-charts .market-hours .content .title b {
                position: relative;
                display: inline-block;
                font-weight: 700
            }

        section.scorecm-markets-detail-charts .market-hours .content .description {
            position: relative;
            font-size: var(--font-text-size-xxs);
            font-weight: 400;
            line-height: 20px
        }

section.scorecm-account-type-heading {
    position: relative;
    padding: 50px 0
}

    section.scorecm-account-type-heading .head {
        position: relative;
        text-align: center
    }

        section.scorecm-account-type-heading .head .title {
            font-size: var(--font-text-size-xxxl);
            line-height: 50px;
            margin-block-end: 20px
        }

        .account-type-item .deposit .key, section.scorecm-account-type-heading .head .description {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 30px;
            color: var(--text-color)
        }

section.scorecm-account-type, section.scorecm-benefits, section.scorecm-discover-spreads, section.scorecm-withdrawals-payment-methods {
    position: relative;
    padding: 80px 0
}

.account-type-item {
    position: relative;
    padding: 35px;
    border: 1px solid var(--border-color-dark);
    -webkit-border-radius: var(--border-radius-xxl);
    border-radius: var(--border-radius-xxl);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    height: 100%
}

    .account-type-item:hover {
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        border-color: transparent;
        -webkit-box-shadow: var(--box-shadow-other-xs);
        box-shadow: var(--box-shadow-other-xs)
    }

    .account-type-item .image {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-block-end: 25px;
        margin-block-start: -85px
    }

    .account-type-item .title {
        position: relative;
        font-size: var(--font-text-size-xxl);
        font-weight: 700;
        line-height: 35px;
        color: var(--blue-color);
        text-align: center;
        margin-block-end: 10px
    }

    .account-type-item .deposit, section.scorecm-benefits .head {
        position: relative;
        margin-block-end: 25px;
        text-align: center
    }

        .account-type-item .deposit .key {
            font-size: var(--font-text-size-sm);
            line-height: 25px;
            margin-block-end: 5px
        }

        .account-type-item .deposit .value, .account-type-item .feature li, section.scorecm-benefits .head .title {
            position: relative;
            font-size: var(--font-text-size-xl);
            font-weight: 700;
            line-height: 1;
            color: var(--text-color)
        }

    .account-type-item .feature li {
        border-bottom: 1px solid var(--border-color-dark)
    }

    .account-type-item .value {
        position: relative;
        font-size: var(--font-text-size-xl);
        font-weight: 700;
        line-height: 1;
        color: var(--text-color)
    }

    .account-type-item .feature {
        position: relative;
        margin-block-end: 25px
    }

        .account-type-item .feature li:not(:first-child) {
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            line-height: 30px;
            text-align: center;
            display: grid;
            padding-block-end: 5px
        }

        .account-type-item .feature li:first-child {
            font-size: var(--font-text-size-sm);
            font-weight: 400;
            line-height: 30px;
            text-align: center;
            display: grid;
            padding-block-end: 5px
        }

        .account-type-item .feature li:not(:last-child)::after {
            content: "";
            position: absolute;
            inset-block-end: 0;
            inset-inline-start: 0;
            width: 100%;
            height: 1px;
            background: -webkit-linear-gradient(to inline-end, rgba(216, 219, 223, 0), #d8dbdf, rgba(216, 219, 223, 0));
            background: linear-gradient(to inline-end, rgba(216, 219, 223, 0), #d8dbdf, rgba(216, 219, 223, 0));
        }

    .account-type-item .more {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

section.scorecm-benefits .head {
    margin-block-end: 60px
}

    section.scorecm-benefits .head .title {
        font-size: var(--font-text-size-xxxl);
        line-height: 50px;
        margin-block-end: 20px
    }

    section.scorecm-benefits .head .description {
        position: relative;
        font-size: var(--font-text-size-md);
        font-weight: 400;
        line-height: 30px;
        color: var(--text-color)
    }

section.scorecm-benefits .body {
    position: relative
}

    section.scorecm-benefits .body ul.quad li {
        width: 25%
    }

    section.scorecm-benefits .body ul.trio li {
        width: 33.33%
    }

    section.scorecm-benefits .body ul.quad li:nth-of-type(3) {
        border-inline-start: 0
    }

    section.scorecm-benefits .body ul li:first-of-type {
        padding-inline-start: 0;
        border-inline-start: 0;
        border-inline-end: 0
    }

    section.scorecm-benefits .body ul li:last-of-type {
        padding-inline-end: 0;
        border-inline-start: 0;
        border-inline-end: 0
    }

    section.scorecm-benefits .body ul li .icon {
        position: relative;
        height: 50px;
        margin-block-end: 30px
    }

    section.scorecm-benefits .body ul li .title {
        position: relative;
        font-size: var(--font-text-size-xl);
        font-weight: 700;
        line-height: 33px;
        color: var(--text-color);
        margin-block-end: 15px
    }

    section.scorecm-benefits .body ul.trio li .text {
        min-height: auto !important
    }

    section.scorecm-benefits .body ul li .text {
        position: relative;
        font-size: var(--font-text-size-sm);
        font-weight: 400;
        line-height: 30px;
        color: var(--text-color);
        margin-block-end: 40px;
        min-height: 175px
    }

    section.scorecm-benefits .body ul li .more {
        position: relative
    }

section.scorecm-fast-account-step.conditions .more {
    gap: 15px
}

section.scorecm-open-account-fast-steps.conditions .head {
    background: url(../img/others/open-account-fast-steps-withdrawals-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-block-start: 150px
}

section.scorecm-open-account-fast-steps .body ul li .step {
    position: relative;
    font-size: var(--font-text-size-xs);
    font-weight: 400;
    line-height: 25px;
    color: var(--text-color);
    margin-block-end: 15px
}

section.scorecm-open-account-fast-steps.conditions .heading {
    position: relative;
    text-align: center;
    margin-block-end: 40px
}

    section.scorecm-open-account-fast-steps.conditions .heading .title, section.scorecm-withdrawals-payment-methods .head .title {
        position: relative;
        font-size: var(--font-text-size-xxxl);
        font-weight: 700;
        line-height: 50px;
        margin-block-end: 20px;
        color: var(--text-color)
    }

    section.scorecm-open-account-fast-steps.conditions .heading .description, section.scorecm-withdrawals-payment-methods .head .description {
        position: relative;
        font-size: var(--font-text-size-md);
        font-weight: 400;
        line-height: 30px;
        color: var(--text-color)
    }

section.scorecm-discover-spreads .head {
    position: relative;
    text-align: center;
    margin-block-end: 40px
}

    .table-collapse thead tr td, section.scorecm-discover-spreads .head .title {
        position: relative;
        font-size: var(--font-text-size-xxxl);
        line-height: 50px;
        font-weight: 700;
        color: var(--text-color)
    }

section.scorecm-discover-spreads .body .nav-pills {
    margin-block-end: 40px
}

    section.scorecm-discover-spreads .body .nav-pills .nav-link {
        position: relative;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid var(--blue-color);
        min-height: 50px;
        width: 100%;
        overflow: hidden;
        line-height: 1;
        font-weight: 500;
        font-size: var(--font-text-size-xs);
        background: 0 0;
        color: var(--text-color);
        padding: 10px 20px;
        -webkit-border-radius: 50px;
        border-radius: 50px
    }

section.scorecm-discover-spreads .body, section.scorecm-discover-spreads .body .tab-content, section.scorecm-discover-spreads .body .tab-content .tab-pane, section.scorecm-discover-spreads .body .tab-content .tab-pane .table-content {
    position: relative
}

    section.scorecm-discover-spreads .body .tab-content .tab-pane .table-content .table-title {
        position: relative;
        font-size: var(--font-text-size-sm);
        font-weight: 600;
        line-height: 25px;
        color: var(--text-color);
        margin-block-end: 15px;
        text-align: center
    }

.table-collapse {
    border-collapse: collapse
}

    .table-collapse thead tr td {
        padding: 15px;
        font-size: var(--font-text-size-sm);
        font-weight: 600;
        line-height: 1.2
    }

        .table-collapse thead tr td:first-of-type {
            border-start-start-radius: var(--border-radius-lg)
        }

        .table-collapse thead tr td:last-of-type {
            border-start-end-radius: var(--border-radius-lg)
        }

    .table-collapse.gray thead tr td {
        background: var(--light-gray-color)
    }

    .table-collapse > :not(caption) > * > * {
        border-color: var(--border-color-dark)
    }

    .table-collapse tbody tr td {
        position: relative;
        padding: 15px;
        font-size: var(--font-text-size-xs);
        font-weight: 400;
        line-height: 1.2;
        color: var(--text-color)
    }

    .table-collapse tbody tr:last-of-type td {
        border: 0
    }

        .table-collapse tbody tr:last-of-type td:first-of-type {
            border-end-start-radius: var(--border-radius-lg)
        }

        .table-collapse tbody tr:last-of-type td:last-of-type {
            border-end-end-radius: var(--border-radius-lg)
        }

    .table-collapse.gray tbody tr td {
        background: var(--light-gray-color);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .table-collapse.gray.table-hover > tbody > tr:hover > * {
        background: #dfebfc;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

section.scorecm-benefits.swap {
    background: var(--light-gray-color);
    padding-block-end: 200px
}

    section.scorecm-benefits.swap .body {
        margin-block-end: 60px
    }

    section.scorecm-benefits.swap .action {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 15px
    }

        section.scorecm-benefits.swap .action a {
            min-height: 50px;
            min-width: 170px
        }

section.scorecm-account-type-heading .cover-image {
    position: relative;
    height: 600px
}

    section.scorecm-account-type-heading .cover-image img {
        position: relative;
        width: 100%;
        height: 100%;
        -o-object-fit: contain;
        object-fit: contain;
        -o-object-position: center;
        object-position: center
    }

section.scorecm-account-type-heading.trading-hours {
    padding-block-end: 0 !important
}

section.scorecm-metatrader-heading.ib {
    padding: 40px 0 100px
}

section.scorecm-metatrader-heading {
    position: relative;
    padding: 80px 0 200px;
    background: var(--blue-color)
}

    section.scorecm-metatrader-heading .content, section.scorecm-metatrader-heading .image, section.scorecm-metatrader-platforms .content, section.scorecm-metatrader-platforms .content ul {
        position: relative
    }

        section.scorecm-metatrader-heading .content .mt-logo {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 15px;
            font-size: var(--font-text-size-lg);
            font-weight: 600;
            line-height: 1;
            color: var(--white-color);
            margin-block-end: 40px
        }

            section.scorecm-metatrader-heading .content .mt-logo svg {
                position: relative;
                width: 65px;
                height: 65px
            }

        section.scorecm-metatrader-heading .content .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            line-height: 50px;
            font-weight: 700;
            color: var(--white-color);
            margin-block-end: 20px
        }

        section.scorecm-metatrader-heading .content .description {
            position: relative;
            font-size: var(--font-text-size-sm);
            font-weight: 400;
            line-height: 30px;
            color: var(--white-color);
            margin-block-end: 40px
        }

        section.scorecm-metatrader-heading .content .more {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 15px
        }

            section.scorecm-metatrader-heading .content .more a {
                min-height: 50px;
                min-width: 165px
            }

        section.scorecm-economic-calendar .content iframe, section.scorecm-metatrader-heading .image img {
            position: relative;
            width: 100%
        }

section.scorecm-metatrader-features {
    position: relative;
    margin-block-start: -130px
}

section.scorecm-economic-calendar, section.scorecm-economic-calendar-information, section.scorecm-metatrader-platforms {
    position: relative;
    padding: 80px 0
}

    section.scorecm-metatrader-platforms .content .title {
        position: relative;
        font-size: var(--font-text-size-xxl);
        font-weight: 700;
        line-height: 40px;
        margin-block-end: 20px;
        color: var(--text-color)
    }

    section.scorecm-metatrader-platforms .content .description {
        position: relative;
        font-size: var(--font-text-size-sm);
        font-weight: 500;
        line-height: 30px;
        margin-block-end: 30px;
        color: var(--text-color)
    }

    section.scorecm-metatrader-platforms .content ul li {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        font-size: var(--font-text-size-xs);
        font-weight: 400;
        line-height: 28px;
        color: var(--text-color);
        padding-inline-start: 30px
    }

        section.scorecm-metatrader-platforms .content ul li::before {
            content: '\f00c';
            position: absolute;
            inset-inline-start: 0;
            font-family: 'Font Awesome 6 Free';
            font-size: var(--font-text-size-sm);
            font-weight: 900;
            line-height: 1;
            color: var(--blue-color);
            display: inline-block
        }

    section.scorecm-metatrader-platforms .image {
        position: relative;
        padding: 40px;
        -webkit-border-radius: var(--border-radius-xxl);
        border-radius: var(--border-radius-xxl);
        overflow: hidden;
        background: var(--blue-color);
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end;
        height: 100%
    }

        section.scorecm-metatrader-platforms .image .cover {
            position: absolute;
            inset-block-start: 0;
            inset-inline-start: 0;
            width: 100%;
            height: 100%;
            -webkit-border-radius: var(--border-radius-xxl);
            border-radius: var(--border-radius-xxl);
            overflow: hidden;
            z-index: 0
        }

            section.scorecm-metatrader-platforms .image .cover img {
                position: absolute;
                inset-block-start: 0;
                inset-inline-start: 0;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: center;
                object-position: center;
                -webkit-border-radius: var(--border-radius-xxl);
                border-radius: var(--border-radius-xxl);
                z-index: 0
            }

            section.scorecm-metatrader-platforms .image .cover::before {
                content: '';
                position: absolute;
                inset-block-start: 0;
                inset-inline-start: 0;
                width: 100%;
                height: 100%;
                -webkit-border-radius: var(--border-radius-xxl);
                border-radius: var(--border-radius-xxl);
                background: #458cff;
                background: -webkit-gradient(linear,left bottom, left top,color-stop(19%, #458cff),to(rgba(16,46,82,0)));
                background: -webkit-linear-gradient(bottom,#458cff 19%,rgba(16,46,82,0) 100%);
                background: -moz-linear-gradient(bottom,#458cff 19%,rgba(16,46,82,0) 100%);
                background: -o-linear-gradient(bottom,#458cff 19%,rgba(16,46,82,0) 100%);
                background: linear-gradient(0deg,#458cff 19%,rgba(16,46,82,0) 100%);
                z-index: 1
            }

        section.scorecm-metatrader-platforms .image .body {
            position: relative;
            z-index: 2;
            width: 100%
        }

            section.scorecm-metatrader-platforms .image .body .download {
                position: relative;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 15px;
                margin-block-end: 15px
            }

                section.scorecm-metatrader-platforms .image .body .download a {
                    width: calc(50% - 7.5px);
                    min-height: 50px;
                    gap: 10px
                }

                    section.scorecm-metatrader-platforms .image .body .download a svg {
                        width: 16px;
                        height: 16px
                    }

            section.scorecm-metatrader-platforms .image .body .note {
                position: relative;
                font-size: var(--font-text-size-xxs);
                font-weight: 400;
                line-height: 20px;
                color: var(--white-color)
            }

    section.scorecm-economic-calendar .content {
        position: relative
    }

    section.scorecm-economic-calendar-information .start {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        section.scorecm-economic-calendar-information .start .icon {
            position: relative;
            width: 60px;
            height: 60px;
            background: var(--blue-color);
            -webkit-border-radius: var(--border-radius-md);
            border-radius: var(--border-radius-md);
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            padding: 5px;
            margin-block-end: 20px
        }

            section.scorecm-economic-calendar-information .start .icon svg {
                width: 30px;
                height: 30px
            }

                section.scorecm-calculate-form .content .with-change .change:hover svg *, section.scorecm-economic-calendar-information .start .icon svg * {
                    fill: var(--white-color)
                }

        section.scorecm-economic-calendar-information .start .title {
            position: relative;
            font-size: var(--font-text-size-xxl);
            font-weight: 700;
            line-height: 40px;
            color: var(--text-color)
        }

    section.scorecm-course-detail .body .content p, section.scorecm-economic-calendar-information .end {
        position: relative;
        font-size: var(--font-text-size-sm);
        font-weight: 400;
        line-height: 30px;
        color: var(--text-color)
    }

section.scorecm-calculate-main-heading.deposit-bonus {
    background-image: url('../img/others/deposit-bonus-bg.png');
}

section.scorecm-calculate-main-heading {
    position: relative;
    padding: 80px 0 170px;
    background: var(--blue-color)
}

    section.scorecm-calculate-main-heading .head {
        position: relative;
        text-align: center
    }

        section.scorecm-calculate-main-heading .head .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--white-color);
            margin-block-end: 20px
        }

        .step-account-box .action, section.scorecm-calculate-main-heading .head .description {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 30px;
            color: var(--white-color)
        }

.step-account-box .action {
    margin-block-start: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: var(--font-text-size-xs);
    line-height: 1;
    color: var(--text-color)
}

.step-account-box .action, a.step-account-box .action svg, a.step-account-box:hover .action, section.scorecm-about-us-heading .body ul li .more a svg {
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out
}

    a.step-account-box:hover .action svg, section.scorecm-about-us-heading .body ul li .more a:hover svg {
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        margin-inline-start: 25px !important
    }

section.scorecm-automated-execution-works .image {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-block-end: 25px;
    margin-block-start: -75px;
}

    section.scorecm-automated-execution-works .image img {
        width: 80px;
        height: 80px;
    }

section.scorecm-calculate-types {
    position: relative;
    margin-block-start: -110px
}

    section.scorecm-calculate-types .image {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-block-end: 25px;
        margin-block-start: -75px;
    }

        section.scorecm-calculate-types .image img {
            width: 80px;
            height: 80px;
        }

    section.scorecm-calculate-types.pro-account {
        margin-block-start: -220px
    }

        section.scorecm-calculate-types.pro-account.other-account {
            margin-block-start: 50px
        }

    section.scorecm-calculate-types .step-account-box {
        padding: 30px !important
    }

    section.scorecm-calculate-types.pro-account .head {
        position: relative;
        text-align: center;
        margin-block-end: 40px
    }

        section.scorecm-calculate-heading .head .title, section.scorecm-calculate-types.pro-account .head .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            margin-block-end: 20px;
            color: var(--white-color)
        }

        section.scorecm-calculate-types.pro-account .head .description {
            position: relative;
            font-size: var(--font-text-size-sm);
            font-weight: 400;
            line-height: 30px;
            color: var(--white-color)
        }

    section.scorecm-calculate-types.pro-account.other-account .head .title, section.scorecm-calculate-types.pro-account.other-account .head .description {
        color: var(--text-color) !important;
        margin-block-end: 20px
    }

section.scorecm-calculate-heading {
    position: relative;
    padding: 50px 0
}

    section.scorecm-calculate-heading .head {
        position: relative;
        text-align: center
    }

        section.scorecm-calculate-heading .head .title {
            color: var(--text-color);
            margin-block-end: 20px
        }

    section.scorecm-calculate-heading.pro-account .head .title {
        margin-block-end: 0;
        color: var(--white-color)
    }

    section.scorecm-calculate-heading .head .description {
        position: relative;
        font-size: var(--font-text-size-md);
        font-weight: 400;
        line-height: 30px;
        color: var(--text-color)
    }

.currency-dropdown-list, section.scorecm-calculate-form, section.scorecm-calculate-form .content .form-group, section.scorecm-calculate-form .content .form-group .append-icon, section.scorecm-faq {
    position: relative
}

    section.scorecm-calculate-form .content {
        position: relative;
        padding: 35px 50px;
        -webkit-border-radius: var(--border-radius-xxl);
        border-radius: var(--border-radius-xxl);
        background: var(--light-gray-color)
    }

        section.scorecm-calculate-form .content .form-group .append-icon .icon {
            position: absolute;
            font-size: var(--font-text-size-xxs);
            line-height: 1;
            color: var(--text-color)
        }

        section.scorecm-calculate-form .content .form-group .append-icon.left .icon {
            inset-block-start: 20px;
            inset-inline-start: 20px
        }

        section.scorecm-calculate-form .content .form-group .append-icon.right .icon {
            inset-block-start: 20px;
            inset-inline-end: 20px
        }

        section.scorecm-calculate-form .content .form-group .append-icon.left .form-control {
            padding-inline-start: 30px
        }

        section.scorecm-calculate-form .content .form-group .append-icon.right .form-control {
            padding-inline-end: 30px
        }

        section.scorecm-calculate-form .content .form-group .label {
            position: relative;
            display: block;
            font-size: var(--font-text-size-xs);
            font-weight: 500;
            line-height: 1;
            color: var(--text-color);
            margin-block-end: 13px;
            padding-inline-start: 20px
        }

        section.scorecm-calculate-form .content .form-group .form-control, section.scorecm-calculate-form .content .form-group .form-select {
            position: relative;
            padding: 15px 20px;
            background: var(--white-color);
            -webkit-border-radius: 50px;
            border-radius: 50px;
            -webkit-box-shadow: rgba(0,0,0,.04) 0 3px 5px;
            box-shadow: rgba(0,0,0,.04) 0 3px 5px;
            border-color: var(--white-color);
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            color: var(--text-color)
        }

            section.scorecm-calculate-form .content .form-group .form-control:focus, section.scorecm-calculate-form .content .form-group .form-select:focus {
                -webkit-box-shadow: rgba(0,0,0,.04) 0 3px 5px !important;
                box-shadow: rgba(0,0,0,.04) 0 3px 5px !important
            }

            section.scorecm-calculate-form .content .form-group .form-control::-webkit-input-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: var(--light-text-color)
            }

            section.scorecm-calculate-form .content .form-group .form-control:-moz-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: var(--light-text-color)
            }

            section.scorecm-calculate-form .content .form-group .form-control::-moz-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: var(--light-text-color)
            }

            section.scorecm-calculate-form .content .form-group .form-control:-ms-input-placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: var(--light-text-color)
            }

            section.scorecm-calculate-form .content .form-group .form-control::placeholder {
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                color: var(--light-text-color)
            }

        section.scorecm-calculate-form .content .with-change {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: end;
            -webkit-align-items: end;
            -moz-box-align: end;
            -ms-flex-align: end;
            align-items: end;
            gap: 15px
        }

            section.scorecm-calculate-form .content .with-change .form-group {
                position: relative;
                width: calc(50% - 34px)
            }

            section.scorecm-calculate-form .content .with-change .change {
                position: relative;
                border: none;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                padding: 5px;
                width: 53px;
                height: 53px;
                background: var(--white-color);
                -webkit-border-radius: 50px;
                border-radius: 50px;
                -webkit-box-shadow: rgba(0,0,0,.04) 0 3px 5px !important;
                box-shadow: rgba(0,0,0,.04) 0 3px 5px !important
            }

                section.scorecm-calculate-form .content .with-change .change:hover {
                    background: var(--blue-color)
                }

                section.scorecm-calculate-form .content .with-change .change svg * {
                    fill: var(--blue-color)
                }

        section.scorecm-calculate-form .content .calculate {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            margin-block-start: 10px
        }

            section.scorecm-calculate-form .content .calculate .submit-button {
                position: relative;
                min-width: 260px;
                min-height: 50px
            }

    .currency-dropdown-list .dropdown-toggle {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 10px;
        padding: 15px 20px;
        background: var(--white-color);
        -webkit-border-radius: 50px;
        border-radius: 50px;
        -webkit-box-shadow: rgba(0,0,0,.04) 0 3px 5px !important;
        box-shadow: rgba(0,0,0,.04) 0 3px 5px !important;
        border-color: var(--white-color);
        font-size: var(--font-text-size-xs);
        font-weight: 400;
        color: var(--text-color);
        min-height: 53px
    }

        .currency-dropdown-list .dropdown-toggle::after {
            content: '\f078';
            position: absolute;
            inset-inline-end: 20px;
            font-family: 'Font Awesome 6 Free';
            font-size: var(--font-text-size-xs);
            font-weight: 900;
            line-height: 1;
            color: var(--text-color);
            display: inline-block;
            border: 0;
            margin: 0
        }

        .currency-dropdown-list .dropdown-toggle .flag {
            position: relative;
            width: 30px;
            height: 20px;
            line-height: 1
        }

            .currency-dropdown-list .dropdown-menu .dropdown-item .flag img, .currency-dropdown-list .dropdown-toggle .flag img, section.scorecm-blogs-detail .cover img {
                position: relative;
                width: 100%;
                height: 100%;
                -o-object-fit: cover;
                object-fit: cover;
                -o-object-position: center;
                object-position: center
            }

        .currency-dropdown-list .dropdown-toggle .name {
            line-height: 1.5;
            /*width: 120px;*/
            width: 200px;
            overflow: hidden;
            display: inline-block;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap
        }

    .currency-dropdown-list .dropdown-menu {
        position: absolute;
        min-width: 100%;
        border: 0;
        -webkit-box-shadow: rgba(0,0,0,.04) 0 3px 5px;
        box-shadow: rgba(0,0,0,.04) 0 3px 5px;
        -webkit-border-radius: var(--border-radius-xl);
        border-radius: var(--border-radius-xl);
        padding: 0;
        height: 305px;
        overflow-y: auto
    }

        .currency-dropdown-list .dropdown-menu::-webkit-scrollbar-thumb {
            background: 0 0
        }

        .currency-dropdown-list .dropdown-menu::-webkit-scrollbar-track {
            background: 0 0
        }

        .currency-dropdown-list .dropdown-menu .dropdown-item {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 10px;
            padding: 15px 20px;
            border-color: var(--white-color);
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            color: var(--text-color);
            background: var(--white-color);
            border-block-end: 1px solid var(--border-color-dark)
        }

            .currency-dropdown-list .dropdown-menu .dropdown-item.active, .currency-dropdown-list .dropdown-menu .dropdown-item:hover {
                background: #dfebfc;
                border-color: #dfebfc
            }

            .currency-dropdown-list .dropdown-menu .dropdown-item .flag {
                position: relative;
                width: 30px;
                height: 20px;
                line-height: 1
            }

            .currency-dropdown-list .dropdown-menu .dropdown-item .name {
                line-height: 1
            }

        .currency-dropdown-list .dropdown-menu li:first-of-type .dropdown-item {
            border-start-start-radius: var(--border-radius-xl);
            border-start-end-radius: var(--border-radius-xl)
        }

        .currency-dropdown-list .dropdown-menu li:last-of-type .dropdown-item {
            border-end-start-radius: var(--border-radius-xl);
            border-end-end-radius: var(--border-radius-xl);
            border-block-end: 0
        }

    section.scorecm-calculate-form .content .result {
        position: relative;
        display: none
    }

        section.scorecm-calculate-form .content .result.active {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            gap: 15px
        }

        section.scorecm-calculate-form .content .result .title {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 600;
            line-height: 25px;
            color: var(--blue-color)
        }

        section.scorecm-calculate-form .content .result ul {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -moz-box-orient: horizontal;
            -moz-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            gap: 15px
        }

            section.scorecm-calculate-form .content .form-group.radio-button, section.scorecm-calculate-form .content .result ul li {
                position: relative;
                padding: 13px 25px;
                background: var(--white-color);
                -webkit-border-radius: 50px;
                border-radius: 50px;
                -webkit-box-shadow: rgba(0,0,0,.04) 0 3px 5px;
                box-shadow: rgba(0,0,0,.04) 0 3px 5px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                gap: 15px;
                min-height: 50px
            }

                section.scorecm-calculate-form .content .result ul li .key, section.scorecm-calculate-form .content .result ul li .value {
                    position: relative;
                    font-size: var(--font-text-size-xs);
                    font-weight: 600;
                    color: var(--text-color)
                }

                section.scorecm-calculate-form .content .result ul li .value {
                    color: var(--blue-color)
                }

    section.scorecm-calculate-form .content .form-group.radio-button {
        padding: 9px;
        -webkit-box-shadow: rgba(0,0,0,.04) 0 3px 5px !important;
        box-shadow: rgba(0,0,0,.04) 0 3px 5px !important;
        border-color: var(--white-color);
        min-height: 53px
    }

        section.scorecm-calculate-form .content .form-group.radio-button .card-radio-btn {
            width: calc(50% - 7.5px)
        }

        section.scorecm-calculate-form .content .form-group.radio-button .card-input-element + .card {
            position: relative;
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            line-height: 1;
            color: var(--text-color);
            text-align: center;
            padding: 9px;
            border: 1px solid var(--border-color-dark);
            -webkit-border-radius: 50px;
            border-radius: 50px
        }

            section.scorecm-calculate-form .content .form-group.radio-button .card-input-element + .card:hover {
                cursor: pointer
            }

        section.scorecm-calculate-form .content .form-group.radio-button .card-input-element:checked + .card {
            background: var(--green-color);
            border-color: var(--green-color);
            color: var(--white-color)
        }

    section.scorecm-faq .body .nav-pills {
        gap: 15px;
        margin-block-end: 40px
    }

        section.scorecm-faq .body .nav-pills .nav-link {
            position: relative;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -moz-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            border: 1px solid var(--blue-color);
            min-height: 50px;
            min-width: 160px;
            overflow: hidden;
            line-height: 1;
            font-weight: 500;
            font-size: var(--font-text-size-xs);
            background: 0 0;
            color: var(--text-color);
            padding: 10px 20px;
            -webkit-border-radius: 50px;
            border-radius: 50px
        }

            section.scorecm-faq .body .nav-pills .nav-link.active {
                position: relative;
                border: 1px solid var(--blue-color);
                background: var(--blue-color);
                color: var(--white-color)
            }

    section.scorecm-faq .body, section.scorecm-faq .body .tab-content, section.scorecm-faq .body .tab-content .tab-pane {
        position: relative
    }

        section.scorecm-faq .body .accordion-body {
            position: relative;
            font-size: var(--font-text-size-sm);
            font-weight: 400;
            line-height: 30px;
            color: var(--text-color);
            padding: 15px 0
        }

section.scorecm-educations-heading {
    position: relative;
    padding: 50px 0
}

    section.scorecm-educations-heading .head {
        position: relative;
        text-align: center
    }

        section.scorecm-educations-heading .head .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--text-color);
            margin-block-end: 20px
        }

        section.scorecm-educations-heading .head .description {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 30px;
            color: var(--text-color)
        }

    section.scorecm-educations-heading .categories {
        position: relative;
        margin-block-start: 50px
    }

        section.scorecm-educations-heading .categories a {
            position: relative;
            width: 100%;
            min-height: 55px
        }

.courses-item, .courses-item .body .content .start, .courses-item .detail .lessons ul, .courses-item .detail .lessons ul li, section.scorecm-courses-lists {
    position: relative
}

    .courses-item .body {
        position: relative;
        padding: 35px 50px 70px;
        -webkit-border-radius: var(--border-radius-xxl);
        border-radius: var(--border-radius-xxl);
        background: var(--blue-color)
    }

        .courses-item .body .cover {
            position: absolute;
            inset-block-start: 0;
            inset-inline-start: 0;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            -webkit-border-radius: var(--border-radius-xxl);
            border-radius: var(--border-radius-xxl);
            mix-blend-mode: soft-light;
            opacity: .35;
            z-index: 0
        }

        .courses-item .body .content {
            position: relative;
            z-index: 1
        }

            .courses-item .body .content .end {
                position: relative;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: end;
                -webkit-justify-content: end;
                -moz-box-pack: end;
                -ms-flex-pack: end;
                justify-content: end;
                gap: 15px
            }

                .courses-item .action a, .courses-item .body .content .end .feature {
                    position: relative;
                    display: -webkit-inline-box;
                    display: -webkit-inline-flex;
                    display: -moz-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-border-radius: 50px;
                    border-radius: 50px;
                    color: var(--white-color)
                }

                .courses-item .body .content .end .feature {
                    border: 1px solid var(--white-color);
                    line-height: 1;
                    -webkit-transition: all .4s ease-in-out;
                    -o-transition: all .4s ease-in-out;
                    -moz-transition: all .4s ease-in-out;
                    transition: all .4s ease-in-out;
                    padding: 10px 25px;
                    -webkit-box-pack: center;
                    -webkit-justify-content: center;
                    -moz-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    font-size: var(--font-text-size-xxs);
                    font-weight: 400;
                    min-height: 45px
                }

    .courses-item:hover .body .content .end .feature {
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .courses-item .detail {
        position: relative;
        padding: 0 50px;
        margin-block-start: -35px
    }

        .courses-item .detail.collapsing {
            -webkit-transition: all 0s ease-in-out;
            -o-transition: all 0s ease-in-out;
            -moz-transition: all 0s ease-in-out;
            transition: all 0s ease-in-out
        }

        .courses-item .detail .lessons {
            position: relative;
            padding: 40px 40px 67.5px;
            background: var(--light-gray-color);
            -webkit-border-radius: var(--border-radius-xxl);
            border-radius: var(--border-radius-xxl)
        }

    .courses-item .action {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-block-start: -27.5px
    }

        .courses-item .action a {
            -webkit-box-pack: start;
            -webkit-justify-content: start;
            -moz-box-pack: start;
            -ms-flex-pack: start;
            justify-content: start;
            font-weight: 500;
            font-size: var(--font-text-size-xs);
            padding: 10px 20px;
            min-height: 55px;
            min-width: 250px;
            -webkit-box-shadow: rgba(53,118,255,.4) 0 48px 100px 0 !important;
            box-shadow: rgba(53,118,255,.4) 0 48px 100px 0 !important;
            background: var(--blue-color)
        }

            .courses-item .action a.collapsed, .courses-item:hover .body .content .end .feature {
                background: var(--white-color);
                color: var(--text-color)
            }

                .courses-item .action a.collapsed::before, .courses-item .action a::before {
                    content: '';
                    position: absolute;
                    inset-inline-end: 20px;
                    width: 20px;
                    height: 20px;
                    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBpZD0iYWRkIiBkPSJNMTIsMEExMiwxMiwwLDEsMCwyNCwxMiwxMiwxMiwwLDAsMCwxMiwwWm0wLDIyQTEwLDEwLDAsMSwxLDIyLDEyLDEwLDEwLDAsMCwxLDEyLDIyWm01LTEwYTEsMSwwLDAsMS0xLDFIMTN2M2ExLDEsMCwwLDEtMiwwVjEzSDhhMSwxLDAsMCwxLDAtMmgzVjhhMSwxLDAsMCwxLDIsMHYzaDNBMSwxLDAsMCwxLDE3LDEyWiIgZmlsbD0iIzAwMGEzNyIvPgo8L3N2Zz4K);
                    background-repeat: no-repeat;
                    background-size: 100% 100%;
                    background-position: center
                }

            .courses-item .action a::before {
                background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8ZyBpZD0iR3JvdXBfMTY0OTEiIGRhdGEtbmFtZT0iR3JvdXAgMTY0OTEiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDM1IC04NjApIj4KICAgIDxwYXRoIGlkPSJhZGQiIGQ9Ik0xMiwwQTEyLDEyLDAsMSwwLDI0LDEyLDEyLDEyLDAsMCwwLDEyLDBabTAsMjJBMTAsMTAsMCwxLDEsMjIsMTIsMTAsMTAsMCwwLDEsMTIsMjJaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDM1IDg2MCkiIGZpbGw9IiNmZmYiLz4KICAgIDxwYXRoIGlkPSJQYXRoXzc3NTQiIGRhdGEtbmFtZT0iUGF0aCA3NzU0IiBkPSJNMSwwSDlBMSwxLDAsMCwxLDksMkgxQTEsMSwwLDAsMSwxLDBaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDQyIDg3MSkiIGZpbGw9IiNmZmYiLz4KICA8L2c+Cjwvc3ZnPgo=)
            }

    .courses-item .detail .lessons ul li a {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px;
        padding: 25px 0;
        border-block-end: 1px solid #d0d7e2
    }

    .courses-item .detail .lessons ul li:first-of-type a {
        padding-block-start: 0
    }

    .courses-item .detail .lessons ul li:last-of-type a {
        border-block-end: 0;
        padding-block-end: 0
    }

    .courses-item .detail .lessons ul li a .start {
        width: calc(75% - 10px);
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 20px
    }

    .courses-item .detail .lessons ul li a .end {
        width: calc(25% - 10px);
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -webkit-justify-content: end;
        -moz-box-pack: end;
        -ms-flex-pack: end;
        justify-content: end
    }

    .courses-item .detail .lessons ul li a .start .lesson-number {
        position: relative;
        min-width: 50px;
        width: 50px;
        height: 50px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: 1px solid #d0d7e2;
        padding: 5px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        font-size: var(--font-text-size-sm);
        font-weight: 500;
        line-height: 1;
        color: var(--text-color);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .courses-item .detail .lessons ul li a:hover .start .lesson-number {
        background: var(--blue-color);
        border-color: var(--blue-color);
        color: var(--white-color);
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }

    .courses-item .detail .lessons ul li a .start .lesson-content {
        position: relative;
        width: calc(100% - 70px)
    }

        .courses-item .detail .lessons ul li a .start .lesson-content .name, section.scorecm-course-detail .sidebar .title {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 700;
            line-height: 25px;
            color: var(--text-color);
            margin-block-end: 5px
        }

        .courses-item .detail .lessons ul li a .start .lesson-content .description {
            position: relative;
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            line-height: 22px;
            color: var(--text-color)
        }

    .courses-item .detail .lessons ul li a .end .more, section.scorecm-course-detail .sidebar .lesson li a .number {
        position: relative;
        border: 1px solid #d0d7e2;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 1;
        color: var(--text-color)
    }

    .courses-item .detail .lessons ul li a .end .more, section.scorecm-course-detail .sidebar .feature span {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -moz-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        padding: 12px 20px;
        font-size: var(--font-text-size-xs);
        font-weight: 400;
        -webkit-border-radius: 50px;
        border-radius: 50px
    }

    .courses-item .detail .lessons ul li a:hover .end .more {
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out
    }


section.scorecm-about-us-partner, section.scorecm-about-us-regulation {
    position: relative;
    padding: 80px 0
}

    section.scorecm-about-us-partner .body {
        position: relative;
        padding: 100px;
        -webkit-border-radius: var(--border-radius-xxxl);
        border-radius: var(--border-radius-xxxl);
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        text-align: center;
        background: url(../img/others/about-us-partner-bg.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center
    }

        section.scorecm-about-us-partner .body .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--white-color);
            margin-block-end: 20px
        }

        section.scorecm-about-us-partner .body .description {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 30px;
            color: var(--white-color)
        }

    section.scorecm-about-us-heading .body ul li .more, section.scorecm-about-us-regulation .content {
        position: relative
    }

section.scorecm-course-detail {
    position: relative;
    padding: 20px 0 0
}

    section.scorecm-course-detail .sidebar {
        position: relative;
        inset-block-start: 0;
        padding: 30px;
        -webkit-border-radius: var(--border-radius-xxl);
        border-radius: var(--border-radius-xxl);
        background: var(--light-gray-color)
    }

        section.scorecm-course-detail .sidebar .title {
            font-size: var(--font-text-size-xxl);
            line-height: 40px;
            margin-block-end: 10px
        }

        section.scorecm-course-detail .sidebar .description {
            position: relative;
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            line-height: 25px;
            color: var(--text-color);
            margin-block-end: 20px
        }

        section.scorecm-course-detail .sidebar .feature {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 10px;
            margin-block-end: 30px
        }

            section.scorecm-course-detail .sidebar .feature span {
                position: relative;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                line-height: 20px;
                color: var(--text-color);
                padding: 12px;
                border: 1px solid #d0d7e2;
                width: calc(50% - 5px)
            }

        section.scorecm-course-detail .body, section.scorecm-course-detail .sidebar .lesson {
            position: relative
        }

            section.scorecm-course-detail .sidebar .lesson li {
                position: relative;
                margin-block-end: 30px
            }

                section.scorecm-course-detail .sidebar .lesson li a {
                    position: relative;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    gap: 15px
                }

                    section.scorecm-course-detail .sidebar .lesson li a .number {
                        width: 45px;
                        min-width: 45px;
                        height: 45px;
                        -webkit-border-radius: 50%;
                        border-radius: 50%;
                        padding: 5px;
                        display: -webkit-box;
                        display: -webkit-flex;
                        display: -moz-box;
                        display: -ms-flexbox;
                        display: flex;
                        font-size: var(--font-text-size-md);
                        font-weight: 500;
                        -webkit-transition: all .4s ease-in-out;
                        -o-transition: all .4s ease-in-out;
                        -moz-transition: all .4s ease-in-out;
                        transition: all .4s ease-in-out
                    }

                    .courses-item .detail .lessons ul li a:hover .end .more, section.scorecm-blogs-detail .related .blogs-swiper .navigation .swiper-button-next:hover, section.scorecm-blogs-detail .related .blogs-swiper .navigation .swiper-button-prev:hover, section.scorecm-course-detail .sidebar .lesson li a.active .number, section.scorecm-course-detail .sidebar .lesson li a:hover .number, section.scorecm-educations-glossary-heading .body .alphabet li a.active, section.scorecm-educations-glossary-heading .body .alphabet li a:hover {
                        background: var(--blue-color);
                        border-color: var(--blue-color);
                        color: var(--white-color)
                    }

                    section.scorecm-course-detail .sidebar .lesson li a .name {
                        position: relative;
                        font-size: var(--font-text-size-sm);
                        font-weight: 500;
                        line-height: 25px;
                        color: var(--text-color)
                    }

                    section.scorecm-course-detail .body .title span, section.scorecm-course-detail .sidebar .lesson li a.active .name, section.scorecm-course-detail .sidebar .lesson li a:hover .name {
                        color: var(--blue-color)
                    }

                    section.scorecm-course-detail .sidebar .lesson li a .number::before {
                        content: '';
                        position: absolute;
                        inset-block-end: -30px;
                        width: 1px;
                        height: 30px;
                        background: #d0d7e2
                    }

                section.scorecm-course-detail .sidebar .lesson li:last-of-type .number::before {
                    display: none
                }

            section.scorecm-course-detail .body .description, section.scorecm-course-detail .body .title {
                position: relative;
                font-size: var(--font-text-size-xxl);
                font-weight: 700;
                line-height: 40px;
                color: var(--blue-color);
                margin-block-end: 20px
            }

            section.scorecm-course-detail .body .description {
                font-size: var(--font-text-size-sm);
                font-weight: 400;
                line-height: 30px
            }

            section.scorecm-course-detail .body .content {
                position: relative;
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                line-height: 25px;
                color: var(--text-color)
            }

                section.scorecm-blogs-detail .content img, section.scorecm-course-detail .body .content img, section.scorecm-legal-documents-detail .body .content img {
                    position: relative;
                    width: 100%;
                    -webkit-border-radius: var(--border-radius-xxl);
                    border-radius: var(--border-radius-xxl);
                    margin: 15px 0
                }

                section.scorecm-course-detail .body .content .name, section.scorecm-course-detail .body .content big, section.scorecm-course-detail .body .content h1, section.scorecm-course-detail .body .content h2, section.scorecm-course-detail .body .content h3, section.scorecm-course-detail .body .content h4, section.scorecm-course-detail .body .content h5, section.scorecm-course-detail .body .content h6 {
                    position: relative;
                    font-size: var(--font-text-size-xl);
                    font-weight: 700;
                    line-height: 40px;
                    color: var(--text-color);
                    margin: 15px 0
                }

                section.scorecm-blogs-detail .content p, section.scorecm-course-detail .body .content div, section.scorecm-course-detail .body .content li, section.scorecm-course-detail .body .content ol, section.scorecm-course-detail .body .content small, section.scorecm-course-detail .body .content span, section.scorecm-course-detail .body .content ul {
                    position: relative;
                    font-size: var(--font-text-size-sm);
                    font-weight: 400;
                    line-height: 30px;
                    color: var(--text-color)
                }

                section.scorecm-course-detail .body .content a {
                    color: var(--blue-color);
                    font-weight: 500
                }

section.scorecm-educations-lesson-heading {
    position: relative;
    padding: 80px 0 180px;
    background: var(--blue-color)
}

    section.scorecm-educations-lesson-heading .head {
        position: relative;
        text-align: center
    }

        section.scorecm-educations-lesson-heading .head .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            line-height: 50px;
            font-weight: 700;
            color: var(--white-color);
            margin-block-end: 20px
        }

        .lessons-item .item-body .name, section.scorecm-educations-lesson-heading .head .description {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 30px;
            color: var(--white-color)
        }

    section.scorecm-educations-lesson-heading .categories {
        position: relative;
        margin-block-start: 50px
    }

        section.scorecm-educations-lesson-heading .categories a {
            position: relative;
            width: 100%;
            min-height: 50px
        }

section.scorecm-lessons-lists {
    position: relative;
    margin-block-start: -120px
}

.lessons-item {
    display: block
}

    .lessons-item .item-image {
        position: relative;
        height: 200px;
        border-start-start-radius: var(--border-radius-xl);
        border-start-end-radius: var(--border-radius-xl);
        overflow: hidden
    }

        .blogs-item .item-image img, .lessons-item .item-image img {
            position: relative;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
            -webkit-transition: all .4s ease-in-out;
            -o-transition: all .4s ease-in-out;
            -moz-transition: all .4s ease-in-out;
            transition: all .4s ease-in-out
        }

    .blogs-item:hover .item-image img, .lessons-item:hover .item-image img {
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        -webkit-transform: scale(1.05);
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        transform: scale(1.05)
    }

    .lessons-item .item-body {
        position: relative;
        padding: 25px 30px;
        background: var(--light-gray-color);
        border-end-start-radius: var(--border-radius-xl);
        border-end-end-radius: var(--border-radius-xl)
    }

        .lessons-item .item-body .name {
            font-weight: 600;
            line-height: 25px;
            color: var(--text-color);
            margin-block-end: 10px;
            display: -webkit-box;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .lessons-item .item-body .description, .lessons-item .item-body .more {
            position: relative;
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            line-height: 25px;
            color: var(--text-color)
        }

        .lessons-item .item-body .description {
            margin-block-end: 20px;
            min-height: 50px;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis
        }

        .lessons-item .item-body .more {
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

section.scorecm-lessons-lists .custom-pagination {
    margin-block-start: 65px
}

section.scorecm-educations-glossary-heading {
    position: relative;
    padding: 50px 0 80px
}

    section.scorecm-educations-glossary-heading .head {
        position: relative;
        text-align: center
    }

        section.scorecm-educations-glossary-heading .head .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            line-height: 50px;
            font-weight: 700;
            color: var(--text-color);
            margin-block-end: 20px
        }

            section.scorecm-about-us-heading .body ul li .more a:hover, section.scorecm-educations-blogs-heading .head .title span, section.scorecm-educations-glossary-heading .head .title span {
                color: var(--blue-color)
            }

        section.scorecm-educations-glossary-heading .head .description {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 30px;
            color: var(--text-color);
            margin-block-end: 50px
        }

        section.scorecm-educations-glossary-heading .head .search {
            position: relative;
            margin-block-end: 30px
        }

            section.scorecm-educations-glossary-heading .head .search .form-control, section.scorecm-markets-symbols .head .search .form-control {
                padding: 16px 50px 16px 20px;
                -webkit-border-radius: 50px;
                border-radius: 50px
            }

                section.scorecm-contact-us-form .body .form-group .form-control::-webkit-input-placeholder, section.scorecm-educations-glossary-heading .head .search .form-control::-webkit-input-placeholder {
                    font-size: var(--font-text-size-xs);
                    font-weight: 400;
                    color: var(--text-color)
                }

                section.scorecm-contact-us-form .body .form-group .form-control:-moz-placeholder, section.scorecm-educations-glossary-heading .head .search .form-control:-moz-placeholder {
                    font-size: var(--font-text-size-xs);
                    font-weight: 400;
                    color: var(--text-color)
                }

                section.scorecm-contact-us-form .body .form-group .form-control::-moz-placeholder, section.scorecm-educations-glossary-heading .head .search .form-control::-moz-placeholder {
                    font-size: var(--font-text-size-xs);
                    font-weight: 400;
                    color: var(--text-color)
                }

                section.scorecm-contact-us-form .body .form-group .form-control:-ms-input-placeholder, section.scorecm-educations-glossary-heading .head .search .form-control:-ms-input-placeholder {
                    font-size: var(--font-text-size-xs);
                    font-weight: 400;
                    color: var(--text-color)
                }

                section.scorecm-contact-us-form .body .form-group .form-control::placeholder, section.scorecm-educations-glossary-heading .head .search .form-control::placeholder {
                    font-size: var(--font-text-size-xs);
                    font-weight: 400;
                    color: var(--text-color)
                }

            section.scorecm-educations-glossary-heading .head .search .icon, section.scorecm-markets-symbols .head .search .icon {
                position: absolute;
                inset-block-start: 17px;
                inset-inline-end: 20px;
                font-size: var(--font-text-size-md);
                line-height: 1;
                color: var(--blue-color)
            }

    .glossary-item, section.scorecm-educations-blogs-heading .categories li, section.scorecm-educations-glossary-heading .body, section.scorecm-educations-glossary-heading .body .alphabet li, section.scorecm-glossary-lists {
        position: relative
    }

        section.scorecm-educations-glossary-heading .body .alphabet {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -moz-box-orient: horizontal;
            -moz-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            gap: 10px
        }

            section.scorecm-educations-glossary-heading .body .alphabet li a {
                position: relative;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                width: 55px;
                height: 55px;
                min-width: 55px;
                padding: 5px;
                font-size: var(--font-text-size-md);
                font-weight: 400;
                line-height: 1;
                color: var(--text-color);
                -webkit-border-radius: var(--border-radius-md);
                border-radius: var(--border-radius-md);
                border: 1px solid var(--border-color-dark)
            }

.glossary-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 35px;
    background: var(--light-gray-color);
    -webkit-border-radius: var(--border-radius-xl);
    border-radius: var(--border-radius-xl);
    gap: 40px
}

    .glossary-item .description, .glossary-item .title {
        position: relative;
        display: block;
        font-size: var(--font-text-size-lg);
        font-weight: 700;
        line-height: 30px;
        color: var(--text-color);
        width: calc(20% - 20px)
    }

    .glossary-item .description {
        font-size: var(--font-text-size-sm);
        font-weight: 400;
        width: calc(80% - 20px)
    }

.promotion-type-item {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 35px;
    border: 1px solid var(--border-color-dark);
    -webkit-border-radius: var(--border-radius-xxl);
    border-radius: var(--border-radius-xxl);
    -webkit-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    height: 100%
}

    .promotion-type-item:hover {
        -webkit-transition: all .4s ease-in-out;
        -o-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        border-color: transparent;
        -webkit-box-shadow: var(--box-shadow-other-xs);
        box-shadow: var(--box-shadow-other-xs)
    }

    .promotion-type-item .price, .promotion-type-item .title {
        position: relative;
        font-size: var(--font-text-size-xxxl);
        font-weight: 700;
        line-height: 35px;
        color: var(--blue-color);
        text-align: center;
        margin-block-end: 5px
    }

    .promotion-type-item .title {
        font-size: var(--font-text-size-lg);
        line-height: 30px;
        color: var(--text-color);
        margin-block-end: 15px
    }

    .promotion-type-item .description {
        font-size: var(--font-text-size-sm);
        font-weight: 500;
        line-height: 28px;
        color: var(--text-color);
        text-align: center
    }

    .promotion-type-item .description, .promotion-type-item .feature {
        position: relative;
        margin-block-end: 25px
    }

        .promotion-type-item .feature li {
            position: relative;
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            line-height: 30px;
            color: var(--text-color);
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: start;
            -webkit-align-items: start;
            -moz-box-align: start;
            -ms-flex-align: start;
            align-items: start;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: start;
            text-align: justify
        }

            .promotion-type-item .feature li::before {
                content: '\f058';
                position: relative;
                margin-inline-end: 10px;
                font-family: 'Font Awesome 6 Free';
                font-weight: 400;
                line-height: 1;
                color: var(--blue-color);
                font-size: var(--font-text-size-sm);
                display: inline-block;
                margin-block-start: 6px
            }

    .promotion-type-item .more {
        position: relative;
        gap: 20px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -moz-box-orient: vertical;
        -moz-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .promotion-type-item .more a.detail {
            position: relative;
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            line-height: 1;
            color: var(--blue-color);
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -moz-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin-block-end: 13px
        }

        .promotion-type-item .more a.btn-blue, section.scorecm-become-partner-heading .head .action a, section.scorecm-contact-us-form .body .form-group.action .submit-button, section.scorecm-explore-advantage-metatrader5.autochartist .body .action a, section.scorecm-pro-account-heading .head .action a {
            min-height: 50px;
            min-width: 250px
        }

section.scorecm-open-account-fast-steps.pro-account .head {
    background: url(../img/others/pro-account-step-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}



section.scorecm-open-account-fast-steps.promo-02 .head {
    background: url(../img/others/promotions-deposit-bonus-bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

section.scorecm-about-us-heading {
    position: relative;
    padding: 135px 0 80px;
    margin-block-start: -85.42px
}

    section.scorecm-about-us-heading::before, section.scorecm-contact-us-heading::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        background: url(../img/others/homepage-hero-bg.webp);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: bottom center;
        z-index: -1
    }

    section.scorecm-about-us-heading .head {
        position: relative;
        text-align: center;
        margin-block-end: 80px
    }

        section.scorecm-about-us-heading .head .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--text-color);
            margin-block-end: 20px
        }

        section.scorecm-about-us-heading .head .description {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 30px;
            color: var(--text-color)
        }

    section.scorecm-about-us-heading .body {
        position: relative
    }

        section.scorecm-about-us-heading .body ul, section.scorecm-promotions-new-benefits .content ul {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -webkit-justify-content: space-around;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: space-around
        }

            section.scorecm-about-us-heading .body ul li {
                position: relative;
                width: 33.33%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -webkit-flex-direction: column;
                -moz-box-orient: vertical;
                -moz-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                height: 100%;
                padding: 0 50px;
                border-inline-start: 1px solid var(--border-color-dark);
                border-inline-end: 1px solid var(--border-color-dark)
            }

            section.scorecm-about-us-heading .body ul.quad li {
                width: 25%
            }

                section.scorecm-about-us-heading .body ul.quad li:nth-of-type(2), section.scorecm-benefits.become-partner .body ul li:nth-of-type(2), section.scorecm-benefits.become-partner .body ul li:nth-of-type(3), section.scorecm-benefits.become-partner .body ul li:nth-of-type(4) {
                    border-inline-end: 0
                }

            section.scorecm-about-us-heading .body ul.trio li {
                width: 33.33%
            }

            section.scorecm-about-us-heading .body ul li:first-of-type {
                padding-inline-start: 0;
                border-inline-start: 0;
                border-inline-end: 0
            }

            section.scorecm-about-us-heading .body ul li:last-of-type {
                padding-inline-end: 0;
                border-inline-start: 0;
                border-inline-end: 0
            }

            section.scorecm-about-us-heading .body ul li .icon {
                position: relative;
                height: 50px;
                margin-block-end: 30px
            }

            section.scorecm-about-us-heading .body ul li .title {
                position: relative;
                font-size: var(--font-text-size-xl);
                font-weight: 700;
                line-height: 33px;
                color: var(--text-color);
                margin-block-end: 15px
            }

            section.scorecm-about-us-heading .body ul.trio li .text {
                min-height: auto !important
            }

            section.scorecm-about-us-heading .body ul li .text {
                position: relative;
                font-size: var(--font-text-size-sm);
                font-weight: 400;
                line-height: 30px;
                color: var(--text-color);
                min-height: 100px
            }

section.scorecm-legal-documents-detail {
    position: relative;
    padding: 20px 0 0
}

    section.scorecm-legal-documents-detail .sidebar {
        position: relative;
        inset-block-start: 0;
        padding: 30px;
        -webkit-border-radius: var(--border-radius-xxl);
        border-radius: var(--border-radius-xxl);
        background: var(--light-gray-color)
    }

        section.scorecm-legal-documents-detail .sidebar .title {
            position: relative;
            font-size: var(--font-text-size-xxl);
            font-weight: 700;
            line-height: 40px;
            color: var(--text-color);
            margin-block-end: 10px
        }

        section.scorecm-legal-documents-detail .sidebar .description {
            position: relative;
            font-size: var(--font-text-size-xs);
            font-weight: 400;
            line-height: 25px;
            color: var(--text-color);
            margin-block-end: 20px
        }

        section.scorecm-legal-documents-detail .sidebar .feature {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            gap: 10px;
            margin-block-end: 30px
        }

            section.scorecm-legal-documents-detail .sidebar .feature span {
                display: -webkit-inline-box;
                display: -webkit-inline-flex;
                display: -moz-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                line-height: 20px;
                padding: 12px;
                border: 1px solid #d0d7e2;
                -webkit-border-radius: 50px;
                border-radius: 50px;
                width: calc(50% - 5px)
            }

        section.scorecm-legal-documents-detail .body, section.scorecm-legal-documents-detail .sidebar .policy, section.scorecm-legal-documents-detail .sidebar .policy li a .icon {
            position: relative
        }

            section.scorecm-legal-documents-detail .sidebar .policy li {
                position: relative;
                margin-block-end: 10px
            }

                section.scorecm-legal-documents-detail .sidebar .policy li a {
                    position: relative;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -moz-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -webkit-align-items: center;
                    -moz-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    gap: 15px;
                    padding: 14px 20px;
                    -webkit-border-radius: 50px;
                    border-radius: 50px
                }

                    section.scorecm-legal-documents-detail .sidebar .policy li a .icon svg {
                        position: relative;
                        width: 24px;
                        height: 24px
                    }

                        section.scorecm-legal-documents-detail .sidebar .policy li a .icon svg * {
                            fill: var(--blue-color)
                        }

                    section.scorecm-legal-documents-detail .sidebar .policy li a .name {
                        position: relative;
                        font-size: var(--font-text-size-sm);
                        font-weight: 500;
                        line-height: 25px;
                        color: var(--text-color)
                    }

                    section.scorecm-legal-documents-detail .sidebar .policy li a.active, section.scorecm-legal-documents-detail .sidebar .policy li a:hover {
                        background: var(--blue-color)
                    }

                        section.scorecm-legal-documents-detail .sidebar .policy li a.active svg *, section.scorecm-legal-documents-detail .sidebar .policy li a:hover svg * {
                            fill: var(--white-color)
                        }

                        section.scorecm-legal-documents-detail .sidebar .policy li a.active .name, section.scorecm-legal-documents-detail .sidebar .policy li a:hover .name, section.scorecm-open-account-footer .designed a {
                            color: var(--white-color)
                        }

            section.scorecm-legal-documents-detail .body .description, section.scorecm-legal-documents-detail .body .title {
                position: relative;
                font-size: var(--font-text-size-xxl);
                font-weight: 700;
                line-height: 40px;
                color: var(--text-color);
                margin-block-end: 20px
            }

                section.scorecm-legal-documents-detail .body .title span {
                    color: var(--blue-color)
                }

            section.scorecm-legal-documents-detail .body .description {
                font-size: var(--font-text-size-sm);
                font-weight: 400;
                line-height: 30px
            }

            section.scorecm-legal-documents-detail .body .content {
                position: relative;
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                line-height: 25px;
                color: var(--text-color)
            }

                section.scorecm-legal-documents-detail .body .content .name, section.scorecm-legal-documents-detail .body .content big, section.scorecm-legal-documents-detail .body .content h1, section.scorecm-legal-documents-detail .body .content h2, section.scorecm-legal-documents-detail .body .content h3, section.scorecm-legal-documents-detail .body .content h4, section.scorecm-legal-documents-detail .body .content h5, section.scorecm-legal-documents-detail .body .content h6 {
                    position: relative;
                    font-size: var(--font-text-size-xl);
                    font-weight: 700;
                    line-height: 40px;
                    color: var(--text-color);
                    margin: 15px 0
                }

                section.scorecm-legal-documents-detail .body .content div, section.scorecm-legal-documents-detail .body .content li, section.scorecm-legal-documents-detail .body .content ol, section.scorecm-legal-documents-detail .body .content p, section.scorecm-legal-documents-detail .body .content small, section.scorecm-legal-documents-detail .body .content span, section.scorecm-legal-documents-detail .body .content ul {
                    position: relative;
                    font-size: var(--font-text-size-sm);
                    font-weight: 400;
                    line-height: 30px;
                    color: var(--text-color)
                }

section.scorecm-contact-us-heading {
    position: relative;
    padding: 135px 0 80px;
    margin-block-start: -85.42px
}

    section.scorecm-contact-us-heading .head {
        position: relative;
        text-align: center;
        margin-block-end: 80px
    }

        section.scorecm-contact-us-heading .head .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--text-color);
            margin-block-end: 20px
        }

            section.scorecm-contact-us-heading .head .title span, section.scorecm-open-account .content .form .note a {
                color: var(--blue-color)
            }

        section.scorecm-contact-us-heading .body .sub-title, section.scorecm-contact-us-heading .head .description {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 30px;
            color: var(--text-color)
        }

    section.scorecm-contact-us-form, section.scorecm-contact-us-heading .body {
        position: relative
    }

        section.scorecm-contact-us-heading .body .sub-title {
            font-size: var(--font-text-size-xxl);
            font-weight: 700;
            text-align: center;
            margin-block-end: 30px
        }

        section.scorecm-contact-us-heading .body .step-account-box, section.scorecm-explore-advantage-metatrader5.become-partner .image img {
            -webkit-border-radius: var(--border-radius-xxl);
            border-radius: var(--border-radius-xxl)
        }

            section.scorecm-contact-us-heading .body .step-account-box .description {
                font-size: var(--font-text-size-md)
            }

section.scorecm-benefits.contact-us .body ul li .text {
    min-height: 90px;
    font-size: var(--font-text-size-md);
    margin-block-end: 0 !important
}

section.scorecm-contact-us-form .head {
    position: relative;
    text-align: center;
    margin-block-end: 40px
}

    section.scorecm-contact-us-form .head .title {
        position: relative;
        font-size: var(--font-text-size-xxl);
        font-weight: 700;
        text-align: center;
        margin-block-end: 10px
    }

    section.scorecm-contact-us-form .head .description {
        position: relative;
        font-size: var(--font-text-size-md);
        font-weight: 400;
        text-align: center
    }

section.scorecm-contact-us-form .body, section.scorecm-contact-us-form .body .form-group {
    position: relative
}

    section.scorecm-contact-us-form .body .form-group .form-control {
        position: relative;
        padding: 16px 20px;
        border: 1px solid var(--border-color-dark);
        -webkit-border-radius: 50px;
        border-radius: 50px;
        font-size: var(--font-text-size-xs);
        font-weight: 400;
        color: var(--text-color)
    }

    section.scorecm-contact-us-form .body .form-group textarea.form-control {
        -webkit-border-radius: var(--border-radius-md);
        border-radius: var(--border-radius-md);
        min-height: 130px
    }

    section.scorecm-contact-us-form .body .form-group.action {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

section.scorecm-pro-account-heading {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

section.scorecm-pro-account-heading {
    background: url(../img/others/pro-account-bg.webp);
    padding: 80px 0 240px
}

    section.scorecm-pro-account-heading.other-account {
        padding: 80px 0
    }

    section.scorecm-pro-account-heading .head {
        position: relative;
        text-align: center
    }

        section.scorecm-pro-account-heading .head .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--white-color);
            margin-block-end: 20px
        }

            section.scorecm-pro-account-heading .head .title span {
                color: #11e9b1
            }

        section.scorecm-pro-account-heading .head .description, section.scorecm-pro-account-heading.other-account .head .action {
            margin-block-end: 35px
        }

    section.scorecm-pro-account-heading.other-account .head .sub-title {
        position: relative;
        font-size: var(--font-text-size-xxl);
        font-weight: 700;
        line-height: 45px;
        color: var(--white-color);
        margin-block-end: 20px
    }

    section.scorecm-pro-account-heading .head .description, section.scorecm-pro-account-heading .head .sub-description {
        position: relative;
        font-size: var(--font-text-size-md);
        font-weight: 400;
        line-height: 30px;
        color: var(--white-color)
    }

    section.scorecm-pro-account-heading .head .action {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -moz-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        section.scorecm-pro-account-heading .head .action a {
            min-height: 50px;
            min-width: 250px;
            color: var(--blue-color)
        }

section.scorecm-benefits.become-partner .body ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

    section.scorecm-benefits.become-partner .body ul li {
        width: 33.33%
    }

        section.scorecm-benefits.become-partner .body ul li:nth-of-type(3) {
            padding-inline-end: 0
        }

        section.scorecm-benefits.become-partner .body ul li:nth-of-type(4) {
            padding-inline-start: 0;
            border-inline-start: 0
        }

        section.scorecm-benefits.become-partner .body ul li .text {
            min-height: auto;
            margin-block-end: 0
        }

        section.scorecm-benefits.become-partner .body ul li:nth-of-type(1), section.scorecm-benefits.become-partner .body ul li:nth-of-type(2), section.scorecm-benefits.become-partner .body ul li:nth-of-type(3) {
            padding-block-end: 50px;
            border-block-end: 1px solid var(--border-color-dark)
        }

        section.scorecm-benefits.become-partner .body ul li:nth-of-type(4), section.scorecm-benefits.become-partner .body ul li:nth-of-type(5), section.scorecm-benefits.become-partner .body ul li:nth-of-type(6) {
            padding-block-start: 50px
        }

section.scorecm-autochartist-heading {
    position: relative;
    padding: 80px 0;
    background: var(--blue-color)
}

    section.scorecm-autochartist-heading .content .autochartist-logo, section.scorecm-explore-advantage-metatrader5.robust .body ul li .icon {
        position: relative;
        margin-block-end: 25px
    }

        section.scorecm-autochartist-heading .content .autochartist-logo img {
            position: relative;
            width: 250px;
            height: 70px;
            -o-object-fit: contain;
            object-fit: contain;
            -o-object-position: left;
            object-position: left
        }

    section.scorecm-autochartist-heading .content .title {
        position: relative;
        font-size: var(--font-text-size-xxxl);
        font-weight: 700;
        line-height: 50px;
        color: var(--white-color);
        margin-block-end: 20px
    }

    section.scorecm-autochartist-heading .content .description, section.scorecm-autochartist-heading .content .sub-title {
        position: relative;
        font-size: var(--font-text-size-lg);
        font-weight: 700;
        line-height: 35px;
        color: var(--white-color);
        margin-block-end: 30px
    }

    section.scorecm-autochartist-heading .content .description {
        font-size: var(--font-text-size-sm);
        font-weight: 400;
        line-height: 25px
    }

    section.scorecm-autochartist-heading .content .more {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -moz-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 15px
    }

        section.scorecm-autochartist-heading .content .more a {
            min-width: 160px;
            min-height: 50px
        }

    section.scorecm-404 .image-or-video img, section.scorecm-404 .image-or-video video, section.scorecm-autochartist-heading .image img {
        position: relative;
        width: 100%
    }

section.scorecm-automated-execution-heading {
    position: relative;
    padding: 80px 0;
    background: var(--light-gray-color)
}

scorecm-automated-execution-heading .content .title {
    position: relative;
    font-size: var(--font-text-size-xxxl);
    font-weight: 700;
    line-height: 50px;
    color: var(--text-color);
    margin-block-end: 20px
}

section.scorecm-automated-execution-heading .content .description {
    position: relative;
    font-size: var(--font-text-size-md);
    font-weight: 400;
    line-height: 28px;
    color: var(--text-color);
    margin-block-end: 30px
}

section.scorecm-automated-execution-heading .content .more {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 15px
}

    section.scorecm-automated-execution-heading .content .more a {
        min-height: 50px;
        min-width: 170px
    }

section.scorecm-automated-execution-works, section.scorecm-trade-confidence {
    position: relative;
    padding: 80px 0
}

    section.scorecm-automated-execution-works .head {
        position: relative;
        text-align: center;
        margin-block-end: 40px
    }

        section.scorecm-automated-execution-works .head .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--text-color);
            margin-block-end: 20px
        }

        section.scorecm-automated-execution-works .head .description {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 28px;
            color: var(--text-color);
            margin-block-end: 30px
        }

        section.scorecm-automated-execution-works .head .sub-title {
            position: relative;
            font-size: var(--font-text-size-lg);
            font-weight: 700;
            line-height: 30px;
            color: var(--text-color)
        }

    section.scorecm-automated-execution-works .body {
        position: relative
    }

section.scorecm-404 .content .more a {
    min-height: 50px;
    min-width: 250px
}

section.scorecm-404 {
    position: relative;
    padding: 0;
    min-height: calc(100vh - 176.42px);
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

    section.scorecm-404 .image-or-video {
        position: relative
    }

    section.scorecm-404 .content {
        position: relative;
        text-align: center
    }

        section.scorecm-404 .content .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--text-color);
            margin-block-end: 10px
        }

        section.scorecm-404 .content .description {
            position: relative;
            font-size: var(--font-text-size-md);
            font-weight: 400;
            line-height: 30px;
            color: var(--text-color);
            margin-block-end: 30px
        }

        section.scorecm-404 .content .more {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }

section.scorecm-course-detail .body .education-inline-content-item {
    margin: 20px 0
}

section.scorecm-promotions-new-heading {
    position: relative;
    padding: 80px 0;
    border-end-start-radius: 55px;
    border-end-end-radius: 55px;
    overflow: hidden;
}

    section.scorecm-promotions-new-heading .custom span {
        position: relative;
        font-size: var(--font-text-size-xxs);
        font-weight: 400;
        line-height: 20px;
        color: var(--white-color)
    }


    section.scorecm-promotions-new-heading .cover-bg {
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        width: 100%;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        z-index: -1;
    }

    section.scorecm-promotions-new-heading .head {
        position: relative;
        z-index: 1;
        max-width: 680px;
    }

        section.scorecm-promotions-new-heading .head .sub-title {
            position: relative;
            font-size: var(--font-text-size-lg);
            font-weight: 700;
            line-height: 35px;
            color: #1de3af;
            margin-block-end: 20px;
        }

        section.scorecm-promotions-new-heading .head .title {
            position: relative;
            font-size: var(--font-text-size-xxxl);
            font-weight: 700;
            line-height: 50px;
            color: var(--white-color);
            margin-block-end: 20px;
        }

            section.scorecm-promotions-new-heading .head .title span {
                color: #1de3af;
                display: block;
            }

        section.scorecm-promotions-new-heading .head .description {
            position: relative;
            font-size: var(--font-text-size-sm);
            font-weight: 400;
            line-height: 25px;
            color: var(--white-color);
            margin-block-end: 75px;
        }

        section.scorecm-promotions-new-heading .head .feature {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            gap: 50px;
            margin-block-end: 100px;
        }

            section.scorecm-promotions-new-heading .head .feature li {
                position: relative;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                text-align: start;
                gap: 15px;
                font-size: var(--font-text-size-sm);
                font-weight: 400;
                line-height: 20px;
                color: #1de3af;
            }

                section.scorecm-promotions-new-heading .head .feature li svg {
                    position: relative;
                    width: 40px;
                    min-width: 40px;
                    height: 40px;
                    min-height: 40px;
                }

                    section.scorecm-promotions-new-heading .head .feature li svg * {
                        fill: #1de3af;
                    }

        section.scorecm-promotions-new-heading .head .more a {
            min-height: 50px;
            min-width: 150px;
            padding: 10px;
        }

    section.scorecm-promotions-new-heading .custom {
        position: relative;
        margin-block-end: 35px;
    }

        section.scorecm-promotions-new-heading .custom span {
            padding: 14px 20px;
            min-width: 225px;
            min-height: 50px;
            border: 1px solid var(--white-color);
            -webkit-border-radius: 50px;
            border-radius: 50px;
            display: -webkit-inline-box;
            display: -webkit-inline-flex;
            display: -moz-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            font-size: var(--font-text-size-sm);
            line-height: 25px;
            gap: 10px;
        }

section.scorecm-promotions-new-bonus,
section.scorecm-promotions-new-whats {
    position: relative;
    padding: 80px 0;
}

    section.scorecm-promotions-new-heading .head .more,
    section.scorecm-promotions-new-whats .content {
        position: relative;
    }

        section.scorecm-promotions-new-whats .content .title {
            position: relative;
            font-size: var(--font-text-size-xxl);
            font-weight: 700;
            line-height: 35px;
            color: var(--text-color);
            margin-block-end: 15px;
        }

        section.scorecm-promotions-new-whats .content .description {
            position: relative;
            font-size: var(--font-text-size-sm);
            font-weight: 400;
            line-height: 28px;
            color: var(--text-color);
        }

    section.scorecm-promotions-new-whats .image {
        position: relative;
        -webkit-border-radius: var(--border-radius-xxl);
        border-radius: var(--border-radius-xxl);
        overflow: hidden;
    }

        section.scorecm-promotions-new-whats .image img {
            position: relative;
            width: 100%;
            height: 100%;
            -o-object-fit: cover;
            object-fit: cover;
            -o-object-position: center;
            object-position: center;
        }

    section.scorecm-promotions-new-bonus.pt-0,
    section.scorecm-promotions-new-key-features.pt-0 {
        padding-block-start: 0 !important;
    }

    section.scorecm-promotions-new-bonus .head {
        position: relative;
        text-align: center;
        margin-block-end: 40px;
    }

        section.scorecm-promotions-new-bonus .head .title {
            position: relative;
            font-size: var(--font-text-size-xxl);
            font-weight: 700;
            line-height: 35px;
            color: var(--text-color);
            margin-block-end: 15px;
        }

        section.scorecm-promotions-new-benefits .content ul li,
        section.scorecm-promotions-new-bonus .head .description {
            position: relative;
            font-size: var(--font-text-size-sm);
            font-weight: 400;
            line-height: 28px;
            color: var(--text-color);
        }

    section.scorecm-promotions-new-bonus .content {
        position: relative;
        margin-block-end: 40px;
    }

        section.scorecm-promotions-new-bonus .content .item {
            position: relative;
            padding: 30px;
            -webkit-border-radius: var(--border-radius-xl);
            border-radius: var(--border-radius-xl);
            background: var(--blue-color);
            height: 100%;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -moz-box-orient: vertical;
            -moz-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            text-align: center;
        }

            section.scorecm-promotions-new-bonus .content .item .item-label {
                position: relative;
                font-size: var(--font-text-size-md);
                font-weight: 700;
                line-height: 25px;
                color: #1de3af;
                margin-block-end: 10px;
            }

            section.scorecm-promotions-new-bonus .content .item .item-value {
                position: relative;
                padding: 12px;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                -moz-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                -moz-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                background: var(--white-color);
                -webkit-border-radius: 50px;
                border-radius: 50px;
                font-size: var(--font-text-size-md);
                font-weight: 700;
                line-height: 25px;
                color: var(--blue-color);
            }

            section.scorecm-promotions-new-bonus .content .item .item-note,
            section.scorecm-promotions-new-qualify .content .item span {
                position: relative;
                font-size: var(--font-text-size-xs);
                font-weight: 400;
                line-height: 20px;
                color: var(--white-color);
                margin-block-start: 10px;
            }

    section.scorecm-promotions-new-bonus .foot {
        position: relative;
        text-align: center;
    }

        section.scorecm-promotions-new-bonus .foot .note {
            position: relative;
            font-size: var(--font-text-size-xxs);
            font-weight: 400;
            line-height: 20px;
            color: var(--text-color);
            margin-block-end: 20px;
        }

        section.scorecm-promotions-new-bonus .foot .more {
            position: relative;
            display: -webkit-box;
            display: -webkit-flex;
            display: -moz-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -webkit-align-items: center;
            -moz-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
            -moz-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
        }

            section.scorecm-promotions-new-bonus .foot .more a {
                min-width: 225px;
                height: 50px;
            }

.alert-unsupported-country {
    background-color: #fff;
    box-shadow: var(--box-shadow-other-md);
}

.border-line {
    border-inline-end: 3px solid var(--border-color-dark)
}

.alert-unsupported-country .title {
    display: flex;
    align-items: center;
    white-space: nowrap;
    padding: 15px;
}

.alert-unsupported-country .desc {
    margin: 8px 20px;
    font-size: 12px;
    color: #A30000
}

.alert-unsupported-country .icon {
    align-self: center
}

.disc {
    list-style: disc
}

.chat-list {
    z-index: 9999;
    position: fixed !important;
    inset-inline-end: 10px !important;
    inset-block-end: 0px;
    display: grid;
    gap: 5px;
}

.chat-icon {
    background: var(--blue-color);
    width: 56px !important;
    height: 56px !important;
    display: block;
    border-radius: 100% !important;
    box-shadow: 0 4px 10px 0 rgba(0,0,0!important,.05) !important;
    transition: transform .15s ease-in-out !important;
}

.chat-channel.open, .chat-open {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0ia2F0bWFuXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMTAwMCAxMDAwIj4KICA8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMjkuMC4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogMi4xLjAgQnVpbGQgMTkyKSAgLS0+CiAgPHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIyNC4zLDk4NGMtMi43LTMtNC40LTkuMS00LjQtMTMuMnYtMTkzLjdjLTEwOS43LTguMy0yMDEtOTYuMy0yMDkuNC0yMDYuNyw1LjgtMTE0LjEtNy41LTIzNS4zLDAtMzQ4LjVDMTcuOSwxMTIuOCwxMDYuNSwyMS41LDIxNS40LDExLjVoNTY5YzEwNy45LDkuNSwxOTQuOCw5NywyMDQuNywyMDQuOC02LjEsMTE2LjEsOC4yLDI0MC43LDAsMzU1LjgtOC4xLDExMi45LTEwNy40LDIwMy40LTIxOS41LDIwNi44bC0zMTQuOC4zLTIwMy4zLDIwMi42Yy02LjUsNy4zLTIwLjMsOS43LTI3LjIsMi4yWk0zMzIuNywzNDUuNmMtNjMuNiw1LTU2LjksMTAzLjQsOC43LDk3LjcsNjIuMy01LjQsNTUuMy0xMDIuOC04LjctOTcuN1pNNDk1LjgsMzQ1LjZjLTY1LjMsNS4xLTU0LjgsMTA3LDEyLjMsOTcuNiw1Ny4zLTgsNTEuOS0xMDIuNy0xMi4zLTk3LjZaTTY1OC45LDM0NS42Yy0xNS45LDEuMy0zMy44LDEzLjctNDAuMiwyOC41LTE5LDQzLjksMjgsODYuOCw2OS42LDYyLjIsNDQuNi0yNi4zLDIxLjMtOTQuOC0yOS40LTkwLjdaIi8+Cjwvc3ZnPg==);
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: inline-block !important;
    position: relative;
    width: 33px !important;
    height: 28px !important;
    inset-block-start: 15px !important;
    inset-inline-start: 12px !important
}

.chat-channel.close {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjIwIiB3aWR0aD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE5LjM5OSAyLjA0YTEuMzM0IDEuMzM0IDAgMDAtMi4yOS0uOTNsLTcuMDU2IDcuMDU3TDIuOTk1IDEuMTFBMS4zMzMgMS4zMzMgMCAxMDEuMTEgMi45OTVsNy4wNTcgNy4wNThMMS4xMSAxNy4xMWExLjMzNCAxLjMzNCAwIDEwMS44ODUgMS44ODVsNy4wNTgtNy4wNTcgNy4wNTcgNy4wNTdhMS4zMzQgMS4zMzQgMCAxMDEuODg1LTEuODg1bC03LjA1Ny03LjA1NyA3LjA1Ny03LjA1OGExLjMzMiAxLjMzMiAwIDAwLjQwNC0uOTU1eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==) !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    display: inline-block !important;
    position: relative;
    width: 18px !important;
    height: 18px !important;
    inset-block-start: 20px !important;
    inset-inline-start: 20px !important;
}

.chat-img {
    list-style: none
}

.scorecm .crisp-client .cc-yv368 .cc-1kr6o .cc-18ov6 {
    display: none !important
}

.show .dropdown-input {
    z-index: 1
}

.currency-dropdown-list .dropdown-toggle.show {
    visibility: hidden;
    z-index: 0;
}

.dropdown-input {
    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    z-index: 0;
    width: 100%;
    visibility: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 15px 20px;
    background: var(--white-color);
    -webkit-border-radius: 50px;
    border-radius: 50px;
    border: 2px solid var(--blue-color);
    font-size: var(--font-text-size-xs);
    font-weight: 400;
    color: var(--text-color);
    min-height: 53px
}

    .dropdown-input.show {
        visibility: visible !important;
    }

.dropdown currency-dropdown-list {
    width: max-content;
}

.scorecm-calculate-form .result {
    text-align: center
}

    .scorecm-calculate-form .result .conversion-result {
        font-size: 30px;
        margin-block-start: 20px;
        font-weight: 600;
    }

        .scorecm-calculate-form .result .conversion-result .from {
            color: var(--blue-color);
        }

        .scorecm-calculate-form .result .conversion-result .to {
            color: var(--green-color);
        }

.input-amount {
    border: none
}

.alert-wrapper {
    display: flex;
    justify-content: center
}

.spk-text {
    font-weight: 500
}

.trust-button {
    border: 1px solid #00b67a;
    border-radius: 2px;
    display: inline-block;
    font-size: 0;
    padding: 8px 6px;
}

.reviewus {
    font-size: 14px;
    margin: 0 4px 1px 0;
    color: #fff;
    font-family: "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
    font-weight: 500;
}

.tf-btn {
    border: 0.5px solid var(--border-color-dark);
    padding: 2px;
    background: var(--light-gray-color);
    margin: 1px;
    border-radius: 2px;
    min-width: 35px;
}