:root {
            --font-noto-sans: sans-serif;
            --font-sans-serif: sans-serif;
            --primary--blue-cyan: #819067;
            --primary--blue-egypt: #0A400C;
            --primary--success: #15CF74;
            --primary--warning: #FFC619;
            --primary--white: #FFFFFF;
            --secondary--blue: #58C2F1;
            --secondary--light-blue: #EEF9FE;
            --secondary--red: #FF8576;
            --secondary--green: #47C2B1;
            --secondary--light-green: #E2F2CB;
            --secondary-extra--light: #F9F9F9;
            --secondary--light-yellow: #FFFDDB;
            --secondary--light: #F0F5F9;
            --secondary--medium: #C9D6DF;
            --secondary--dark: #52616B;
            --secondary--success: #28A745;
            --secondary-failure: #D62957;
            --link-hover--transition: .25s linear;
            --header-height: 60px;
            --header-logo-height: 30px;
            --header-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
            --header-link--color: #0A400C;
            --header-link-h--margin: 0 0 0 50px;
            --text-darkest: #232323;
            --gray-extra-light: #F9F9F9
        }

        @font-face {
            font-family: "minion-pro-bold-cond";
            src: url("../fonts/MinionPro-BoldCn.otf") format("woff"), url("../fonts/MinionPro-BoldCn.otf") format("opentype"), url("../fonts/MinionPro-BoldCn.otf") format("truetype")
        }
        
        html body {
            margin: 0
        }

        html body * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        html body .content-body hr,
        html body .main-content hr,
        html body .broker-full-description-text hr,
        html body .head-description hr {
            border: none;
            height: 1px;
            color: var(--light-700);
            background-color: var(--light-700)
        }

        html body .content-column img:hover {
            cursor: pointer
        }

        html body .content-column img:hover.no-preview {
            cursor: default
        }

        html body.X7sLpVe29oCus3wGo0fmcSdjTcfmP7W {
            overflow: hidden
        }

        html body.guest .s-header .c-nav__container .auth-state .auth-state-icon.guest {
            display: flex
        }

        html body.guest .s-header .c-nav__container .auth-state .auth-state-icon.member {
            display: none
        }

        html body.member .s-header .c-nav__container .auth-state .auth-state-icon.guest {
            display: none
        }

        html body.member .s-header .c-nav__container .auth-state .auth-state-icon.member {
            display: flex
        }

        html body.guest .s-header .c-nav__container .auth-state,
        html body.member .s-header .c-nav__container .auth-state {
            display: flex
        }

        

        .broker-redirect-container {
            width: 100%;
            height: 100vh;
            display: flex;
            justify-content: center;
            align-items: center;
            background-size: 100%;
            overflow: hidden;
            font-family: sans-serif
        }

        .redirect-popup div {
            display: block
        }

        .loading-container {
            width: fit-content;
            text-align: center;
            position: relative;
            margin: 0 32px;
            padding-bottom: 32px;
            font-family: "minion-pro-bold-cond", serif !important
        }

        #dfx-doorway-popup {
            height: 100%;
            width: 100%;
            z-index: 9999;
            background-color: hsla(0, 0%, 100%, .8)
        }

        #dfx-doorway-popup .close-btn {
            display: none
        }

        #dfx-doorway-popup .dfx-popup-content {
            height: 100%
        }

        #dfx-doorway-popup .dfx-popup-content .redirect-popup {
            height: 100%;
            flex-direction: column
        }

        #dfx-doorway-popup .dfx-popup-content .redirect-popup .loading-text span {
            font-size: 64px !important;
            animation: moveLettersPopup 2.5s infinite ease-in-out;
            opacity: 0;
            font-family: "minion-pro-bold-cond", serif !important
        }

        #dfx-doorway-popup .dfx-popup-content .redirect-popup .loading-container:before {
            animation: movingLine 2.5s infinite ease-in-out
        }

        .loading-container:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 3px;
            background-color: #819067;
            bottom: 0;
            left: 0;
            border-radius: 10px;
            animation: movingLine 1.5s infinite ease-in-out
        }

        @keyframes movingLine {
            0% {
                opacity: 0;
                width: 0
            }

            33.3%,
            66% {
                opacity: .8;
                width: 100%
            }

            85% {
                width: 0;
                left: initial;
                right: 0;
                opacity: 1
            }

            100% {
                opacity: 0;
                width: 0
            }
        }

        .loading-text {
            font-size: 64px;
            line-height: 6px;
            display: flex
        }

        .loading-text span {
            transform: translatex(0);
            position: relative;
            display: inline-block;
            float: left;
        }

        .light {
            color: #819067
        }

        .dark {
            color: #0A400C
        }

        .loading-text span:nth-child(1) {
            animation-delay: .1s !important
        }

        .loading-text span:nth-child(2) {
            animation-delay: .2s !important
        }

        .loading-text span:nth-child(3) {
            animation-delay: .3s !important
        }

        .loading-text span:nth-child(4) {
            animation-delay: .4s !important
        }

        .loading-text span:nth-child(5) {
            animation-delay: .5s !important
        }

        .loading-text span:nth-child(6) {
            animation-delay: .6s !important
        }

        .loading-text span:nth-child(7) {
            animation-delay: .7s !important
        }

        .loading-text span:nth-child(8) {
            animation-delay: .8s !important
        }

        .loading-text span:nth-child(9) {
            animation-delay: .9s !important
        }

        .loading-text span:nth-child(10) {
            animation-delay: 1s !important
        }

        @keyframes moveLetters {
            0% {
                transform: translateX(-15vw);
                opacity: 0
            }

            33.3%,
            66% {
                transform: translateX(0);
                opacity: 1
            }

            100% {
                transform: translateX(15vw);
                opacity: 0
            }
        }

        @keyframes moveLettersPopup {
            0% {
                transform: translateX(-150px);
                opacity: 0
            }

            33.3%,
            66% {
                transform: translateX(0);
                opacity: 1
            }

            100% {
                transform: translateX(150px);
                opacity: 0
            }
        }

        #cookie-banner {
            background: #eee;
            width: 100%;
            height: 28px;
            position: fixed;
            bottom: 0;
            left: 0;
            text-align: center;
            padding-top: 2px;
            z-index: 200;
            display: none;
            font-size: 15px
        }

        #cookie-banner .cookies-note {
            font-size: 12px;
            font-family: Arial, Helvetica, sans-serif;
            color: #000;
            line-height: 13px
        }

        #cookie-banner .cookies-note a {
            color: blue
        }

        #cookie-banner .close-cookie-banner {
            position: absolute;
            right: 20px;
            background-color: hsla(0, 0%, 100%, .6);
            border: 0;
            border-radius: 50%;
            color: #525151;
            cursor: pointer;
            font-family: Arial, sans-serif;
            font-size: 20px;
            font-weight: 400;
            height: 20px;
            line-height: 1;
            outline: none;
            padding: 0;
            position: absolute;
            text-align: center;
            top: 2.5px;
            transition: transform .2s ease-in-out, background-color .2s ease-in-out;
            width: 20px;
            z-index: 102
        }

        #cookie-banner .close-cookie-banner:before {
            content: "";
            height: 40px;
            position: absolute;
            right: -10px;
            top: -10px;
            width: 40px
        }

        #cookie-banner .close-cookie-banner:hover {
            background-color: #fff;
            -ms-transform: scale(1.2);
            transform: scale(1.2)
        }

        .notification-popup {
            width: 100%;
            padding: 10px
        }

        .notification-popup .notification-head h2 {
            font-weight: 700;
            font-size: 18px
        }

        .notification-popup .notification-body {
            font-size: 14px
        }

        .notification-popup .LazyLoading {
            width: 100%;
            height: 198px
        }

        .dynamic-btn {
            display: block;
            cursor: pointer;
            text-decoration: none;
            text-align: center;
            background-color: #ffc619;
            border-radius: 2px;
            padding: 9px 16px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, .08);
            float: left;
            margin: 5px
        }

        .dynamic-btn a {
            align-items: center;
            color: #0A400C;
            text-decoration: none;
            font-style: normal;
            font-family: var(--font-noto-sans);
            font-size: 17px;
            text-align: center;
            font-style: normal;
            font-weight: 600;
            line-height: 145%
        }

        .rtl-align .dynamic-btn {
            float: right
        }

        .bg-tw_icon {
            width: 18px;
            height: 17px;
            background: url("images/x-icon.svg");
            background-size: contain
        }

        .bg-user_icon {
            width: 20px;
            height: 24px;
            background: url("images/css_spritesS3.png") -161px -60px
        }

        .bg-waitingp_progress {
            width: 31px;
            height: 31px;
            background: url("images/css_spritesS3.png") -110px -10px
        }

        .bg-add_comment_icon {
            width: 20px;
            height: 21px;
            background: url("images/css_spritesS3.png") -110px -61px
        }

        .bg-arrow_bottom {
            width: 12px;
            height: 8px;
            background: url("images/css_spritesS3.png") -211px -172px
        }

        .bg-arrow_left {
            width: 14px;
            height: 25px;
            background: url("images/css_spritesS3.png") -211px -10px
        }

        .bg-arrow_right {
            width: 14px;
            height: 25px;
            background: url("images/css_spritesS3.png") -211px -55px
        }

        .bg-article_attention_icon {
            width: 20px;
            height: 21px;
            background: url("images/css_spritesS3.png") -10px -160px
        }

        .bg-article_info_icon {
            width: 17px;
            height: 16px;
            background: url("images/css_spritesS3.png") -245px -49px
        }

        .bg-article_publisher__avatar {
            width: 80px;
            height: 80px;
            background: url("images/css_spritesS3.png") -10px -10px
        }

        .bg-calendar_icon {
            width: 18px;
            height: 19px;
            background: url("images/css_spritesS3.png") -245px -10px
        }

        .bg-check_icon {
            width: 18px;
            height: 14px;
            background: url("images/css_spritesS3.png") -245px -121px
        }

        .bg-clocks_icon {
            width: 12px;
            height: 12px;
            background: url("images/css_spritesS3.png") -211px -201px
        }

        .bg-close_icon {
            width: 14px;
            height: 14px;
            background: url("images/css_spritesS3.png") -211px -100px
        }

        .bg-cup_icon {
            width: 20px;
            height: 20px;
            background: url("images/css_spritesS3.png") -50px -160px
        }

        .bg-editorschoice_30x30 {
            width: 30px;
            height: 30px;
            background: url("images/css_spritesS3.png") -10px -110px
        }

        .bg-fb_icon {
            width: 11px;
            height: 20px;
            background: url("images/css_spritesS3.png") -245px -155px
        }

        .bg-ic_arrow_grey_collapsed {
            width: 10px;
            height: 18px;
            background: url("images/css_spritesS3.png") -211px -134px
        }

        .bg-ico_chart {
            width: 30px;
            height: 30px;
            background: url("images/css_spritesS3.png") -60px -110px
        }

        .bg-ico_curr {
            width: 30px;
            height: 30px;
            background: url("images/css_spritesS3.png") -110px -110px
        }

        .bg-ico_sig {
            width: 30px;
            height: 30px;
            background: url("images/css_spritesS3.png") -161px -10px
        }

        .bg-in_icon {
            width: 19px;
            height: 19px;
            background: url("images/css_spritesS3.png") -170px -160px
        }

        .bg-mail_icon {
            width: 20px;
            height: 15px;
            background: url("images/css_spritesS3.png") -171px -201px
        }

        .bg-notification_icon {
            width: 20px;
            height: 20px;
            background: url("images/css_spritesS3.png") -90px -160px
        }

        .bg-notification_icon_blue {
            width: 20px;
            height: 20px;
            background: url("images/css_spritesS3.png") -130px -160px
        }

        .bg-phrase_icon {
            width: 24px;
            height: 19px;
            background: url("images/css_spritesS3.png") -161px -104px
        }

        .bg-star_icon_empty {
            width: 20px;
            height: 18px;
            background: url("images/css_spritesS3.png") -10px -201px
        }

        .bg-star_icon_full {
            width: 20px;
            height: 18px;
            background: url("images/css_spritesS3.png") -50px -201px
        }

        .bg-star_icon_half {
            width: 20px;
            height: 18px;
            background: url("images/css_spritesS3.png") -90px -201px
        }

        .bg-toc_icon {
            width: 16px;
            height: 14px;
            background: url("images/css_spritesS3.png") -245px -195px
        }

        .bg-tooltip_icon {
            width: 16px;
            height: 16px;
            background: url("images/css_spritesS3.png") -245px -85px
        }

        .dfx-popup {
            height: 421px;
            width: 608px;
            inset: 12.5vh 0;
            margin: auto;
            background-color: #fff;
            position: fixed
        }

        .dfx-popup.hidden {
            display: none !important
        }

        .dfx-popup .close-btn {
            height: 24px;
            width: 24px;
            position: absolute;
            top: 8px;
            right: 8px;
            border-radius: 50%;
            border: 2px solid #000;
            background: #fff;
            cursor: pointer;
            box-sizing: border-box
        }

        .dfx-popup .close-btn>div {
            height: 2px;
            width: 13px;
            background: #000;
            position: absolute;
            top: 9.5px;
            left: 4px
        }

        .dfx-popup .close-btn .x-line-1 {
            transform: rotate(45deg)
        }

        .dfx-popup .close-btn .x-line-2 {
            transform: rotate(135deg)
        }

        :root {
            --desktop-popup-height: 421px;
            --desktop-popup-width: 600px;
            --mobile-popup-height: 82px;
            --mobile-popup-width: 100%
        }

        #dfp-banner-popup.dfx-popup {
            height: var(--desktop-popup-height);
            width: var(--desktop-popup-width);
            z-index: 9999 !important
        }

        #dfp-banner-popup.dfx-popup .dfx-popup-content {
            direction: ltr
        }

        @media only screen and (max-width:768px) {
            #dfp-banner-popup.dfx-popup {
                height: var(--mobile-popup-height);
                width: var(--mobile-popup-width);
                position: fixed;
                inset: unset;
                bottom: 0;
                background-color: var(--light-600);
                padding-block: 16px;
                box-sizing: border-box;
                display: flex;
                justify-content: center
            }

            #dfp-banner-popup.dfx-popup.hide-mobile {
                display: none
            }

            #dfp-banner-popup.dfx-popup .close-btn {
                right: 0;
                background-color: rgba(0, 0, 0, 0);
                border: none
            }

            #dfp-banner-popup.dfx-popup .dfx-popup-content {
                height: 100%;
                display: flex;
                align-items: center
            }

            #dfp-banner-popup.dfx-popup .dfx-popup-content iframe {
                width: 320px !important;
                display: block;
                height: 50px !important
            }

            #dfp-banner-popup.dfx-popup .dfx-popup-content iframe iframe img {
                width: 320px;
                height: 50px
            }
        }

        .navbar-banner {
            text-align: center
        }

        .sticky-cta-container {
            position: fixed;
            bottom: 0;
            z-index: 210;
            display: flex;
            justify-content: center;
            align-items: center;
            background-color: #93ccff;
            width: 100%;
            min-height: 48px;
            padding: 8px 16px;
            box-sizing: border-box
        }

        .sticky-cta-container .sticky-cta-content {
            display: flex;
            column-gap: 40px;
            flex: 1;
            justify-content: center
        }

        .sticky-cta-container .sticky-cta-content .cta-text {
            display: flex;
            align-items: center;
            font-weight: 600;
            font-family: oswald, noto-naskh;
            font-size: 17px;
            text-align: center;
            color: #2b2b2b
        }

        .sticky-cta-container .sticky-cta-content .cta-btn {
            display: flex;
            justify-content: center;
            align-items: center;
            color: var(--light-white);
            background-color: var(--main-dark-blue);
            border-radius: 2px;
            padding: 4px 16px;
            font-weight: 700;
            text-align: center;
            white-space: nowrap;
            height: 32px;
            border-radius: 2px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
            min-width: 120px;
            text-decoration: none;
            box-sizing: border-box;
            font-size: 15px
        }

        .sticky-cta-container .sticky-cta-content .cta-btn:hover {
            text-decoration: none
        }

        .sticky-cta-container .close-btn {
            width: 12px;
            height: 12px
        }

        .sticky-cta-container .close-btn .close-icon {
            fill: rgba(10, 28, 46, .5);
            margin-bottom: 2px
        }

        .sticky-cta-container .close-btn:hover {
            cursor: pointer
        }

        .sticky-cta-container .close-btn:hover .close-icon {
            fill: rgba(10, 28, 46, .8)
        }

        .sticky-cta-container.hide {
            display: none
        }

        @media(max-width:768px) {
            .sticky-cta-container .sticky-cta-content {
                flex-direction: column;
                align-items: center;
                row-gap: 10px
            }

            .sticky-cta-container .sticky-cta-content .cta-text {
                font-size: 15px
            }

            .sticky-cta-container .sticky-cta-content .cta-btn {
                font-size: 13px
            }
        }

        .promo-box {
            box-sizing: border-box;
            width: 100%;
            padding: 16px;
            display: flex;
            gap: 16px;
            flex-direction: column;
            border: 1px solid var(--light-700);
            min-height: 288px
        }

        .promo-box .promo-body {
            display: flex;
            flex-direction: column;
            gap: 16px;
            justify-content: space-between;
            height: 100%;
            flex: 1
        }

        .promo-box .promo-list {
            display: flex;
            flex-direction: column;
            gap: 8px
        }

        .promo-box .promo-list .promo-item-separator {
            content: " ";
            width: 100%;
            height: 1px;
            background-color: var(--light-700)
        }

        .promo-box .promo-list .promo-box-broker-item {
            box-sizing: border-box;
            padding: 8px 24px;
            display: flex;
            flex-direction: row;
            gap: 40px;
            align-items: center
        }

        .promo-box .promo-list .promo-box-broker-item a:first-of-type {
            height: 40px
        }

        .promo-box .promo-list .promo-box-broker-item a {
            font-size: 12px
        }

        .promo-box .promo-list .promo-box-broker-item img {
            width: 110px;
            height: 40px
        }

        .promo-box .promo-list .promo-dfp-item iframe {
            width: 100% !important
        }

        .promo-box .promo-link {
            box-sizing: border-box;
            padding: 4px 16px;
            border: 1px solid var(--main-dark-blue);
            max-width: 280px;
            text-align: center;
            align-self: center;
            color: var(--main-dark-blue);
            font-weight: 700;
            text-decoration: none !important;
            width: 100%
        }

        @media(max-width:768px) {
            html[dir=rtl] .promo-box .promo-title {
                font-size: 22px;
                line-height: 32px
            }
        }

        .color-box {
            border-radius: 4px;
            display: flex;
            padding: 8px 16px;
            margin-block: 16px;
            column-gap: 10px;
            width: 100%
        }

        .color-box .icon {
            min-width: 24px;
            height: 24px;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat
        }

        .color-box .content-block {
            margin-top: 2px
        }

        .color-box .content-block .title {
            color: var(--dark-800, #0C0C0C);
            font-weight: 700;
            display: block
        }

        .color-box .content-block .content {
            display: block;
            color: var(--dark-800, #0C0C0C)
        }

        .color-box .content-block .title+.content {
            margin-top: 8px
        }

        .color-box.blue {
            background-color: rgba(147, 204, 255, .25)
        }

        .color-box.blue.document .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImRlc2NyaXB0aW9uIDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8zNzcwXzU0NDkpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTggMTZIMTZWMThIOFYxNlpNOCAxMkgxNlYxNEg4VjEyWk0xNCAySDZDNC45IDIgNCAyLjkgNCA0VjIwQzQgMjEuMSA0Ljg5IDIyIDUuOTkgMjJIMThDMTkuMSAyMiAyMCAyMS4xIDIwIDIwVjhMMTQgMlpNMTggMjBINlY0SDEzVjlIMThWMjBaIiBmaWxsPSIjMTU0MThGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc3MF81NDQ5Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=")
        }

        .color-box.blue.lock .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImxvY2sgMSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM3NzBfNTQ3NCkiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTggOEgxN1Y2QzE3IDMuMjQgMTQuNzYgMSAxMiAxQzkuMjQgMSA3IDMuMjQgNyA2VjhINkM0LjkgOCA0IDguOSA0IDEwVjIwQzQgMjEuMSA0LjkgMjIgNiAyMkgxOEMxOS4xIDIyIDIwIDIxLjEgMjAgMjBWMTBDMjAgOC45IDE5LjEgOCAxOCA4Wk05IDZDOSA0LjM0IDEwLjM0IDMgMTIgM0MxMy42NiAzIDE1IDQuMzQgMTUgNlY4SDlWNlpNMTggMjBINlYxMEgxOFYyMFpNMTIgMTdDMTMuMSAxNyAxNCAxNi4xIDE0IDE1QzE0IDEzLjkgMTMuMSAxMyAxMiAxM0MxMC45IDEzIDEwIDEzLjkgMTAgMTVDMTAgMTYuMSAxMC45IDE3IDEyIDE3WiIgZmlsbD0iIzE1NDE4RiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM3NzBfNTQ3NCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K")
        }

        .color-box.blue.pie_chart .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBpZV9jaGFydCAxIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc3MF81NDgzKSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMiAyQzYuNDggMiAyIDYuNDggMiAxMkMyIDE3LjUyIDYuNDggMjIgMTIgMjJDMTcuNTIgMjIgMjIgMTcuNTIgMjIgMTJDMjIgNi40OCAxNy41MiAyIDEyIDJaTTE5LjkzIDExSDEzVjQuMDdDMTYuNjEgNC41MiAxOS40OCA3LjM5IDE5LjkzIDExWk00IDEyQzQgNy45MyA3LjA2IDQuNTYgMTEgNC4wN1YxOS45M0M3LjA2IDE5LjQ0IDQgMTYuMDcgNCAxMlpNMTMgMTkuOTNWMTNIMTkuOTNDMTkuNDggMTYuNjEgMTYuNjEgMTkuNDggMTMgMTkuOTNaIiBmaWxsPSIjMTU0MThGIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc3MF81NDgzIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=")
        }

        .color-box.blue.dollar_sign .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImF0dGFjaF9tb25leSAxIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc3MF81NDU2KSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMS44MDAzIDEwLjlDOS41MzAzMSAxMC4zMSA4LjgwMDMxIDkuNyA4LjgwMDMxIDguNzVDOC44MDAzMSA3LjY2IDkuODEwMzEgNi45IDExLjUwMDMgNi45QzEzLjI4MDMgNi45IDEzLjk0MDMgNy43NSAxNC4wMDAzIDlIMTYuMjEwM0MxNi4xNDAzIDcuMjggMTUuMDkwMyA1LjcgMTMuMDAwMyA1LjE5VjNIMTAuMDAwM1Y1LjE2QzguMDYwMzEgNS41OCA2LjUwMDMxIDYuODQgNi41MDAzMSA4Ljc3QzYuNTAwMzEgMTEuMDggOC40MTAzMSAxMi4yMyAxMS4yMDAzIDEyLjlDMTMuNzAwMyAxMy41IDE0LjIwMDMgMTQuMzggMTQuMjAwMyAxNS4zMUMxNC4yMDAzIDE2IDEzLjcxMDMgMTcuMSAxMS41MDAzIDE3LjFDOS40NDAzMSAxNy4xIDguNjMwMzEgMTYuMTggOC41MjAzMSAxNUg2LjMyMDMxQzYuNDQwMzEgMTcuMTkgOC4wODAzMSAxOC40MiAxMC4wMDAzIDE4LjgzVjIxSDEzLjAwMDNWMTguODVDMTQuOTUwMyAxOC40OCAxNi41MDAzIDE3LjM1IDE2LjUwMDMgMTUuM0MxNi41MDAzIDEyLjQ2IDE0LjA3MDMgMTEuNDkgMTEuODAwMyAxMC45WiIgZmlsbD0iIzE1NDE4RiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM3NzBfNTQ1NiI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K")
        }

        .color-box.blue.shield .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNoaWVsZF8yNGRwXzVGNjM2OCAxIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc3MF81Mzk1KSI+CjxnIGlkPSJHcm91cCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMiAyTDQgNVYxMS4wOUM0IDE2LjE0IDcuNDEgMjAuODUgMTIgMjJDMTYuNTkgMjAuODUgMjAgMTYuMTQgMjAgMTEuMDlWNUwxMiAyWk0xOCAxMS4wOUMxOCAxNS4wOSAxNS40NSAxOC43OSAxMiAxOS45MkM4LjU1IDE4Ljc5IDYgMTUuMSA2IDExLjA5VjYuMzlMMTIgNC4xNEwxOCA2LjM5VjExLjA5WiIgZmlsbD0iIzE1NDE4RiIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc3MF81Mzk1Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=")
        }

        .color-box.blue.checkmark .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZWNrX2JveCAxIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc3MF81NDQyKSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xOSAzSDVDMy44OSAzIDMgMy45IDMgNVYxOUMzIDIwLjEgMy44OSAyMSA1IDIxSDE5QzIwLjExIDIxIDIxIDIwLjEgMjEgMTlWNUMyMSAzLjkgMjAuMTEgMyAxOSAzWk0xMCAxN0w1IDEyTDYuNDEgMTAuNTlMMTAgMTQuMTdMMTcuNTkgNi41OEwxOSA4TDEwIDE3WiIgZmlsbD0iIzE1NDE4RiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM3NzBfNTQ0MiI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K")
        }

        .color-box.red {
            background-color: rgba(255, 235, 238, .25)
        }

        .color-box.red.exclamation_mark .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InByaW9yaXR5X2hpZ2hfMjRkcF81RjYzNjggMSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM3NzFfNTU2MikiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTIgMjFDMTMuMTA0NiAyMSAxNCAyMC4xMDQ2IDE0IDE5QzE0IDE3Ljg5NTQgMTMuMTA0NiAxNyAxMiAxN0MxMC44OTU0IDE3IDEwIDE3Ljg5NTQgMTAgMTlDMTAgMjAuMTA0NiAxMC44OTU0IDIxIDEyIDIxWiIgZmlsbD0iI0Q2Mjk1NyIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0xMCAzSDE0VjE1SDEwVjNaIiBmaWxsPSIjRDYyOTU3Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc3MV81NTYyIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=")
        }

        .color-box.red.balance_scale .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImJhbGFuY2UgMSIgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzM3NzBfNTU0MikiPgo8ZyBpZD0iR3JvdXAiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNMTMgNy44M0MxMy44NSA3LjUzIDE0LjUzIDYuODUgMTQuODMgNkgxOEwxNSAxM0MxNSAxNC42NiAxNi41NyAxNiAxOC41IDE2QzIwLjQzIDE2IDIyIDE0LjY2IDIyIDEzTDE5IDZIMjFWNEgxNC44M0MxNC40MiAyLjgzIDEzLjMxIDIgMTIgMkMxMC42OSAyIDkuNTggMi44MyA5LjE3IDRIM1Y2SDVMMiAxM0MyIDE0LjY2IDMuNTcgMTYgNS41IDE2QzcuNDMgMTYgOSAxNC42NiA5IDEzTDYgNkg5LjE3QzkuNDcgNi44NSAxMC4xNSA3LjUzIDExIDcuODNWMTlIMlYyMUgyMlYxOUgxM1Y3LjgzWk0yMC4zNyAxM0gxNi42M0wxOC41IDguNjRMMjAuMzcgMTNaTTcuMzcgMTNIMy42M0w1LjUgOC42NEw3LjM3IDEzWk0xMiA2QzExLjQ1IDYgMTEgNS41NSAxMSA1QzExIDQuNDUgMTEuNDUgNCAxMiA0QzEyLjU1IDQgMTMgNC40NSAxMyA1QzEzIDUuNTUgMTIuNTUgNiAxMiA2WiIgZmlsbD0iI0Q2Mjk1NyIvPgo8L2c+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMzc3MF81NTQyIj4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=")
        }

        .color-box.red.info .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImluZm9fMjRkcCAxIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc3MV81NTUxKSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMSA3SDEzVjlIMTFWN1pNMTEgMTFIMTNWMTdIMTFWMTFaTTEyIDJDNi40OCAyIDIgNi40OCAyIDEyQzIgMTcuNTIgNi40OCAyMiAxMiAyMkMxNy41MiAyMiAyMiAxNy41MiAyMiAxMkMyMiA2LjQ4IDE3LjUyIDIgMTIgMlpNMTIgMjBDNy41OSAyMCA0IDE2LjQxIDQgMTJDNCA3LjU5IDcuNTkgNCAxMiA0QzE2LjQxIDQgMjAgNy41OSAyMCAxMkMyMCAxNi40MSAxNi40MSAyMCAxMiAyMFoiIGZpbGw9IiNENjI5NTciLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zNzcxXzU1NTEiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==")
        }

        .color-box.red.warning_triangle .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Indhcm5pbmcgMSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xIDIxSDIzTDEyIDJMMSAyMVpNMTMgMThIMTFWMTZIMTNWMThaTTEzIDE0SDExVjEwSDEzVjE0WiIgZmlsbD0iI0Q2Mjk1NyIvPgo8L2c+Cjwvc3ZnPgo=")
        }

        .color-box.orange {
            background-color: rgba(255, 198, 25, .1)
        }

        .color-box.orange.star .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InN0YXJfYm9yZGVyXzI0ZHBfNUY2MzY4IDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8zNzcxXzU2MDEpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIyIDkuMjRMMTQuODEgOC42MkwxMiAyTDkuMTkgOC42M0wyIDkuMjRMNy40NiAxMy45N0w1LjgyIDIxTDEyIDE3LjI3TDE4LjE4IDIxTDE2LjU1IDEzLjk3TDIyIDkuMjRaTTEyIDE1LjRMOC4yNCAxNy42N0w5LjI0IDEzLjM5TDUuOTIgMTAuNTFMMTAuMyAxMC4xM0wxMiA2LjFMMTMuNzEgMTAuMTRMMTguMDkgMTAuNTJMMTQuNzcgMTMuNEwxNS43NyAxNy42OEwxMiAxNS40WiIgZmlsbD0iI0ZGQzYxOSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM3NzFfNTYwMSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K")
        }

        .color-box.orange.lightbulb .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImxpZ2h0YnVsYiAxIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc3MV81NjA5KSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik05IDIxQzkgMjEuNTUgOS40NSAyMiAxMCAyMkgxNEMxNC41NSAyMiAxNSAyMS41NSAxNSAyMVYyMEg5VjIxWk0xMiAyQzguMTQgMiA1IDUuMTQgNSA5QzUgMTEuMzggNi4xOSAxMy40NyA4IDE0Ljc0VjE3QzggMTcuNTUgOC40NSAxOCA5IDE4SDE1QzE1LjU1IDE4IDE2IDE3LjU1IDE2IDE3VjE0Ljc0QzE3LjgxIDEzLjQ3IDE5IDExLjM4IDE5IDlDMTkgNS4xNCAxNS44NiAyIDEyIDJaTTE0Ljg1IDEzLjFMMTQgMTMuN1YxNkgxMFYxMy43TDkuMTUgMTMuMUM3LjggMTIuMTYgNyAxMC42MyA3IDlDNyA2LjI0IDkuMjQgNCAxMiA0QzE0Ljc2IDQgMTcgNi4yNCAxNyA5QzE3IDEwLjYzIDE2LjIgMTIuMTYgMTQuODUgMTMuMVoiIGZpbGw9IiNGRkM2MTkiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zNzcxXzU2MDkiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==")
        }

        .color-box.orange.handshake .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImhhbmRzaGFrZSAxIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc3MV81NjE4KSI+CjxnIGlkPSJHcm91cCI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik0xMi4yMjAxIDE5Ljg1QzEyLjA0MDEgMjAuMDMgMTEuNzIwMSAyMC4wNiAxMS41MTAxIDE5Ljg1QzExLjMzMDEgMTkuNjcgMTEuMzAwMSAxOS4zNSAxMS41MTAxIDE5LjE0TDE0LjkwMDEgMTUuNzVMMTMuNDkwMSAxNC4zNEwxMC4xMDAxIDE3LjczQzkuOTEwMDkgMTcuOTMgOS41OTAwOSAxNy45MiA5LjM5MDA5IDE3LjczQzkuMTgwMDkgMTcuNTIgOS4yMTAwOSAxNy4yIDkuMzkwMDkgMTcuMDJMMTIuNzgwMSAxMy42M0wxMS4zNzAxIDEyLjIyTDcuOTgwMDkgMTUuNjFDNy44MDAwOSAxNS43OSA3LjQ4MDA5IDE1LjgyIDcuMjcwMDkgMTUuNjFDNy4wODAwOSAxNS40MiA3LjA4MDA5IDE1LjEgNy4yNzAwOSAxNC45TDEwLjY2MDEgMTEuNTFMOS4yNDAwOSAxMC4xTDUuODUwMDkgMTMuNDlDNS42NzAwOSAxMy42NyA1LjM1MDA5IDEzLjcgNS4xNDAwOSAxMy40OUM0Ljk1MDA5IDEzLjI5IDQuOTUwMDkgMTIuOTggNS4xNDAwOSAxMi43OEw5LjUyMDA5IDguNEwxMS4zOTAxIDEwLjI2QzEyLjM0MDEgMTEuMjEgMTMuOTgwMSAxMS4yIDE0LjkzMDEgMTAuMjZDMTUuOTEwMSA5LjI4IDE1LjkxMDEgNy43IDE0LjkzMDEgNi43MkwxMy4wNzAxIDQuODZMMTMuMzUwMSA0LjU4QzE0LjEzMDEgMy44IDE1LjQwMDEgMy44IDE2LjE4MDEgNC41OEwyMC40MjAxIDguODJDMjEuMjAwMSA5LjYgMjEuMjAwMSAxMC44NyAyMC40MjAxIDExLjY1TDEyLjIyMDEgMTkuODVaTTIxLjgzMDEgMTMuMDdDMjMuMzkwMSAxMS41MSAyMy4zOTAxIDguOTggMjEuODMwMSA3LjQxTDE3LjU5MDEgMy4xN0MxNi4wMzAxIDEuNjEgMTMuNTAwMSAxLjYxIDExLjkzMDEgMy4xN0wxMS42NTAxIDMuNDVMMTEuMzcwMSAzLjE3QzkuODEwMDkgMS42MSA3LjI4MDA5IDEuNjEgNS43MTAwOSAzLjE3TDIuMTcwMDkgNi43MUMwLjc1MDA5MiA4LjEzIDAuNjIwMDkyIDEwLjM0IDEuNzcwMDkgMTEuOUwzLjIyMDA5IDEwLjQ1QzIuODMwMDkgOS43IDIuOTYwMDkgOC43NSAzLjU5MDA5IDguMTJMNy4xMzAwOSA0LjU4QzcuOTEwMDkgMy44IDkuMTgwMDkgMy44IDkuOTYwMDkgNC41OEwxMy41MjAxIDguMTRDMTMuNzAwMSA4LjMyIDEzLjczMDEgOC42NCAxMy41MjAxIDguODVDMTMuMzEwMSA5LjA2IDEyLjk5MDEgOS4wMyAxMi44MTAxIDguODVMOS41MjAwOSA1LjU3TDMuNzIwMDkgMTEuMzZDMi43NDAwOSAxMi4zMyAyLjc0MDA5IDEzLjkyIDMuNzIwMDkgMTQuOUM0LjExMDA5IDE1LjI5IDQuNjEwMDkgMTUuNTMgNS4xNDAwOSAxNS42QzUuMjEwMDkgMTYuMTIgNS40NDAwOSAxNi42MiA1Ljg0MDA5IDE3LjAyQzYuMjQwMDkgMTcuNDIgNi43NDAwOSAxNy42NSA3LjI2MDA5IDE3LjcyQzcuMzMwMDkgMTguMjQgNy41NjAwOSAxOC43NCA3Ljk2MDA5IDE5LjE0QzguMzYwMDkgMTkuNTQgOC44NjAwOSAxOS43NyA5LjM4MDA5IDE5Ljg0QzkuNDUwMDkgMjAuMzggOS42OTAwOSAyMC44NyAxMC4wODAxIDIxLjI2QzEwLjU1MDEgMjEuNzMgMTEuMTgwMSAyMS45OSAxMS44NTAxIDIxLjk5QzEyLjUyMDEgMjEuOTkgMTMuMTUwMSAyMS43MyAxMy42MjAxIDIxLjI2TDIxLjgzMDEgMTMuMDdaIiBmaWxsPSIjRkZDNjE5Ii8+CjwvZz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zNzcxXzU2MTgiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==")
        }

        .color-box.orange.clipboard .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImludmVudG9yeSAxIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc3MV81NjMxKSI+CjxnIGlkPSJHcm91cCI+CjxnIGlkPSJHcm91cF8yIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTUgNUg3VjhIMTdWNUgxOVYxMEgyMVY1QzIxIDMuOSAyMC4xIDMgMTkgM0gxNC44MkMxNC40IDEuODQgMTMuMyAxIDEyIDFDMTAuNyAxIDkuNiAxLjg0IDkuMTggM0g1QzMuOSAzIDMgMy45IDMgNVYxOUMzIDIwLjEgMy45IDIxIDUgMjFIMTFWMTlINVY1Wk0xMiAzQzEyLjU1IDMgMTMgMy40NSAxMyA0QzEzIDQuNTUgMTIuNTUgNSAxMiA1QzExLjQ1IDUgMTEgNC41NSAxMSA0QzExIDMuNDUgMTEuNDUgMyAxMiAzWiIgZmlsbD0iI0ZGQzYxOSIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0yMSAxMS41TDE1LjUxIDE3TDEyLjUgMTRMMTEgMTUuNUwxNS41MSAyMEwyMi41IDEzTDIxIDExLjVaIiBmaWxsPSIjRkZDNjE5Ii8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM3NzFfNTYzMSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K")
        }

        .color-box.green {
            background-color: rgba(194, 255, 194, .1)
        }

        .color-box.green.tip .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImxpZ2h0YnVsYiAxIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc3MV81NjQyKSI+CjxwYXRoIGlkPSJWZWN0b3IiIGQ9Ik05IDIxQzkgMjEuNTUgOS40NSAyMiAxMCAyMkgxNEMxNC41NSAyMiAxNSAyMS41NSAxNSAyMVYyMEg5VjIxWk0xMiAyQzguMTQgMiA1IDUuMTQgNSA5QzUgMTEuMzggNi4xOSAxMy40NyA4IDE0Ljc0VjE3QzggMTcuNTUgOC40NSAxOCA5IDE4SDE1QzE1LjU1IDE4IDE2IDE3LjU1IDE2IDE3VjE0Ljc0QzE3LjgxIDEzLjQ3IDE5IDExLjM4IDE5IDlDMTkgNS4xNCAxNS44NiAyIDEyIDJaTTE0Ljg1IDEzLjFMMTQgMTMuN1YxNkgxMFYxMy43TDkuMTUgMTMuMUM3LjggMTIuMTYgNyAxMC42MyA3IDlDNyA2LjI0IDkuMjQgNCAxMiA0QzE0Ljc2IDQgMTcgNi4yNCAxNyA5QzE3IDEwLjYzIDE2LjIgMTIuMTYgMTQuODUgMTMuMVoiIGZpbGw9IiMyOEE3NDUiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8zNzcxXzU2NDIiPgo8cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==")
        }

        .color-box.green.star .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InN0YXJfYm9yZGVyXzI0ZHBfNUY2MzY4IDEiIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8zNzcxXzU2NjYpIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTIyIDkuMjRMMTQuODEgOC42MkwxMiAyTDkuMTkgOC42M0wyIDkuMjRMNy40NiAxMy45N0w1LjgyIDIxTDEyIDE3LjI3TDE4LjE4IDIxTDE2LjU1IDEzLjk3TDIyIDkuMjRaTTEyIDE1LjRMOC4yNCAxNy42N0w5LjI0IDEzLjM5TDUuOTIgMTAuNTFMMTAuMyAxMC4xM0wxMiA2LjFMMTMuNzEgMTAuMTRMMTguMDkgMTAuNTJMMTQuNzcgMTMuNEwxNS43NyAxNy42OEwxMiAxNS40WiIgZmlsbD0iIzI4QTc0NSIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM3NzFfNTY2NiI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K")
        }

        .color-box.green.clipboard .icon {
            background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImludmVudG9yeSAxIiBjbGlwLXBhdGg9InVybCgjY2xpcDBfMzc3MV81NjU2KSI+CjxnIGlkPSJHcm91cCI+CjxnIGlkPSJHcm91cF8yIj4KPHBhdGggaWQ9IlZlY3RvciIgZD0iTTUgNUg3VjhIMTdWNUgxOVYxMEgyMVY1QzIxIDMuOSAyMC4xIDMgMTkgM0gxNC44MkMxNC40IDEuODQgMTMuMyAxIDEyIDFDMTAuNyAxIDkuNiAxLjg0IDkuMTggM0g1QzMuOSAzIDMgMy45IDMgNVYxOUMzIDIwLjEgMy45IDIxIDUgMjFIMTFWMTlINVY1Wk0xMiAzQzEyLjU1IDMgMTMgMy40NSAxMyA0QzEzIDQuNTUgMTIuNTUgNSAxMiA1QzExLjQ1IDUgMTEgNC41NSAxMSA0QzExIDMuNDUgMTEuNDUgMyAxMiAzWiIgZmlsbD0iIzI4QTc0NSIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik0yMSAxMS41TDE1LjUxIDE3TDEyLjUgMTRMMTEgMTUuNUwxNS41MSAyMEwyMi41IDEzTDIxIDExLjVaIiBmaWxsPSIjMjhBNzQ1Ii8+CjwvZz4KPC9nPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzM3NzFfNTY1NiI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K")
        }

        .styledtable-container::before,
        .styledtable-container::after,
        .horizontal-scroll-container::before,
        .horizontal-scroll-container::after {
            display: none;
            height: 24px;
            content: " ";
            background-repeat: no-repeat;
            background-position: right
        }

        .styledtable-container::before,
        .horizontal-scroll-container::before {
            background-image: url(images/slide-side.svg);
            margin-bottom: 8px
        }

        .styledtable-container::after,
        .horizontal-scroll-container::after {
            background-image: url(images/double_arrow-right.svg);
            margin-top: 8px
        }

        .styledtable-container.hide-controls::before,
        .styledtable-container.hide-controls::after,
        .horizontal-scroll-container.hide-controls::before,
        .horizontal-scroll-container.hide-controls::after {
            display: none
        }

        .rtl-align .styledtable-container::before,
        .rtl-align .styledtable-container::after,
        .rtl-align .horizontal-scroll-container::before,
        .rtl-align .horizontal-scroll-container::after {
            transform: scaleX(-1)
        }

        .rtl-align .styledtable-container::before,
        .rtl-align .horizontal-scroll-container::before {
            transform: unset;
            background-position: left
        }

        .previewer {
            --previewer-inline-padding: 10px;
            display: none;
            position: fixed;
            z-index: 9999;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background: hsla(0, 0%, 100%, .8);
            justify-content: center;
            align-items: center;
            overflow: hidden
        }

        .previewer.open {
            display: flex
        }

        .previewer .previewer-content {
            position: relative;
            width: max-content;
            padding-inline: var(--previewer-inline-padding)
        }

        .previewer .previewer-content #img-content {
            transform-origin: center center;
            transition: transform .2s ease;
            user-select: none;
            pointer-events: auto;
            max-width: none;
            max-height: none;
            width: 100%
        }

        .previewer .close-btn {
            position: fixed;
            top: 20px;
            right: 30px;
            font-size: 28px;
            color: rgba(0, 0, 0, .6117647059);
            background: rgba(0, 0, 0, 0);
            border: none;
            cursor: pointer;
            z-index: 10000
        }

        .previewer .close-btn:hover {
            color: #000
        }

        @media(max-width:1024px) {
            .previewer {
                --previewer-inline-padding: 40px
            }
        }

        @media(max-width:768px) {
            .previewer {
                --previewer-inline-padding: 32px
            }
        }

        .search-bar {
            display: flex;
            align-items: center;
            gap: 16px;
            position: relative;
            order: 2
        }

        .search-bar .search-open-btn {
            display: flex;
            align-items: center;
            background: none;
            border: none;
            cursor: pointer;
            padding: 0
        }

        .search-bar .search-open-btn .search-icon-default {
            width: 24px;
            height: 24px
        }

        .search-bar .search-active-wrapper {
            display: none;
            width: 100%;
            opacity: 0;
            visibility: hidden
        }

        .search-bar .search-active-wrapper .search-form {
            display: flex;
            gap: 16px;
            align-items: center;
            width: 100%;
            background-color: var(--light-white);
            border: 1px solid var(--light-700);
            border-radius: 4px;
            padding-inline: 8px;
            padding-block: 12px;
            max-height: 40px
        }

        .search-bar .search-active-wrapper .search-form .search-icon-active {
            width: 16px;
            height: 16px
        }

        .search-bar .search-active-wrapper .search-form .search-input {
            flex-grow: 1;
            font-size: 12px;
            font-family: inter, noto-naskh;
            color: var(--dark-800);
            padding: 0;
            border: none;
            outline: none
        }

        .search-bar .search-active-wrapper .search-form .search-input::placeholder {
            color: var(--light-800)
        }

        .search-bar .search-active-wrapper .search-form .search-input::-webkit-search-decoration,
        .search-bar .search-active-wrapper .search-form .search-input::-webkit-search-cancel-button,
        .search-bar .search-active-wrapper .search-form .search-input::-webkit-search-results-button,
        .search-bar .search-active-wrapper .search-form .search-input::-webkit-search-results-decoration {
            -webkit-appearance: none
        }

        .search-bar .search-active-wrapper .search-close-btn {
            width: 24px;
            height: 24px;
            margin-inline-start: 16px
        }

        .search-bar .search-active-wrapper .search-close-btn:hover {
            cursor: pointer
        }

        .search-bar .search-active-wrapper .search-tooltip {
            position: absolute;
            top: calc(100% + 16px);
            left: 50px;
            background-color: #e6eef9;
            padding: 8px;
            border-radius: 4px;
            font-size: 12px;
            white-space: nowrap;
            z-index: 10;
            opacity: 0;
            visibility: hidden;
            transition: opacity .2s ease, visibility .2s;
            min-width: 267px;
            text-align: center;
            color: var(--main-dark-blue)
        }

        .search-bar .search-active-wrapper .search-tooltip span {
            font-size: 12px;
            color: var(--main-dark-blue)
        }

        .search-bar .search-active-wrapper .search-tooltip::before {
            content: "";
            position: absolute;
            bottom: 100%;
            left: calc(50% - 16px);
            border-width: 16px;
            border-style: solid;
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e6eef9 rgba(0, 0, 0, 0)
        }

        .search-bar .search-active-wrapper .search-tooltip.is-visible {
            opacity: 1;
            visibility: visible
        }

        .search-bar .search-active-wrapper .search-tooltip.is-visible.warning {
            background-color: #ffebf0;
            color: var(--main-error)
        }

        .search-bar .search-active-wrapper .search-tooltip.is-visible.warning span {
            color: var(--main-error)
        }

        .search-bar .search-active-wrapper .search-tooltip.is-visible.warning::before {
            border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffebf0 rgba(0, 0, 0, 0)
        }

        .search-bar.is-active {
            max-width: 560px;
            width: 100%
        }

        .search-bar.is-active .search-open-btn {
            display: none
        }

        .search-bar.is-active .search-active-wrapper {
            display: flex;
            align-items: center;
            opacity: 1;
            visibility: visible
        }

        html[dir=rtl] .search-bar .search-active-wrapper .search-tooltip {
            left: unset;
            right: 50px
        }
    
        :root {
            --main-dark-blue: #0A400C;
            --main-transparence: rgba(131, 172, 226, 0.2);
            --blue-400: #93CCFF;
            --blue-500: #819067;
            --blue-600: #1181C1;
            --blue-700: #004B74;
            --dark-500: #2B2B2B;
            --dark-600: #1F1F1F;
            --dark-700: #1B1C1E;
            --dark-800: #121212;
            --light-white: #FFFFFF;
            --light-500: #F9F9F9;
            --light-600: #F0F5F9;
            --light-700: #C9D6DF;
            --light-800: #52616B;
            --main-success: #28A745;
            --main-error: #D62957;
            --main-warning: #FFC619;
            --gradient-100: rgba(147, 204, 255, 0.25);
            --gradient-200: rgba(147, 204, 255, 0.15);
            --gradient-300: rgba(147, 204, 255, 0.08)
        }

        h1,
        h2,
        h3,
        h4,
        span,
        b,
        strong,
        p,
        li {
            color: var(--dark-500)
        }

        a,
        span[data-ccp-charstyle=Hyperlink] {
            color: var(--main-dark-blue)
        }

        h1,
        h2,
        h3,
        h4,
        strong,
        b {
            font-weight: 700;
            margin-block-start: 0;
            margin-block-end: 0
        }

        h1 {
            font-size: 56px;
            line-height: 84px
        }

        h2 {
            font-size: 40px;
            line-height: 150%
        }

        h3 {
            font-size: 28px;
            line-height: 150%
        }

        h4 {
            font-size: 24px;
            line-height: 150%
        }

        p,
        span,
        strong,
        a,
        li {
            font-size: 15px;
            line-height: 150%;
            margin-block-start: 0;
            margin-block-end: 0
        }

        li {
            margin-block-end: 10px
        }

        .caption,
        .rating-text {
            font-size: 12px;
            line-height: 150%;
            color: var(--light-800)
        }

        .disclaimer {
            font-size: 8px;
            line-height: 150%;
            text-align: center
        }

        @media(max-width:768px) {
            h1 {
                font-size: 32px;
                line-height: 41.6px
            }

            h2 {
                font-size: 24px;
                line-height: 150%
            }

            h3 {
                font-size: 20px;
                line-height: 150%
            }

            h4 {
                font-size: 18px;
                line-height: 150%
            }

            .disclaimer {
                font-size: 7px;
                line-height: 10.5px
            }

            table tbody {
                font-size: 14px;
                line-height: 150%
            }
        }

        @font-face {
            font-family: "oswald";
            src: url("../fonts/oswald-700-l.woff2") format("woff2");
            font-display: swap;
            speak: none;
            font-style: normal;
            font-weight: bold;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: subpixel-antialiased;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
        }

        @font-face {
            font-family: "inter";
            src: url("../fonts/inter-400-l.woff2") format("woff2");
            font-display: swap;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: subpixel-antialiased;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
        }

        @font-face {
            font-family: "inter";
            src: url("../fonts/inter-700-l.woff2") format("woff2");
            font-display: swap;
            font-weight: 700;
            text-transform: none;
            line-height: 1;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: subpixel-antialiased;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
        }

        h1,
        h2,
        h3,
        h4 {
            font-family: oswald
        }

        p,
        span,
        a,
        li,
        .caption,
        .disclaimer,
        .hmcab {
            font-family: inter
        }

        table td,
        table th {
            font-family: inter
        }

        table td div,
        table th div {
            font-family: inter
        }
    

        .s-header {
            position: fixed;
            top: 0;
            left: 0;
            z-index: 200;
            width: 100%;
            height: 60px;
            background-color: #fff;
            -webkit-box-shadow: rgba(0, 0, 0, .08) 0 4px 8px;
            box-shadow: rgba(0, 0, 0, .08) 0 4px 8px
        }

        .c-header-logo {
            padding-left: 8px;
            margin-right: 8px
        }

        .c-header-logo .christmas-png-logo {
            height: 34px;
            margin-top: -4px
        }

        @media(max-width:1023px) {
            .s-header {
                height: 40px
            }

            .c-header-logo {
                padding-left: 16px
            }
        }

        @media(min-width:1200px) {
            .c-header-logo {
                -webkit-margin-end: 40px;
                margin-inline-end: 40px
            }

            .c-header-logo:dir(rtl) {
                margin-right: 0;
                margin-left: 40px
            }
        }

        .c-header-logo a {
            display: inline-block
        }

        .c-header-logo svg {
            width: 160px;
            height: auto;
            display: inline-block
        }

        .c-header-logo .daily {
            fill: #819067
        }

        .c-header-logo .forex {
            fill: #0A400C
        }

        .c-nav {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1;
            padding: 0;
            margin: 0;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            justify-content: flex-end;
        }

        @media(max-width:1023px) {
            .c-header-logo .christmas-png-logo {
                height: 35px;
                margin-top: 0
            }

            .c-nav {
                position: absolute;
                display: block;
                left: 0;
                top: 100%;
                width: 100vw;
                overflow-y: scroll;
                background-color: #fff;
                height: 0;
                pointer-events: none;
                -webkit-transition: height .3s;
                -o-transition: height .3s;
                transition: height .3s
            }

            .c-nav:not(.c-nav__subnav-container) {
                opacity: 0;
                -webkit-transition: opacity .3s .3s;
                -o-transition: opacity .3s .3s;
                transition: opacity .3s .3s
            }
        }

        @media(max-width:392px) {
            .c-header-logo .christmas-png-logo {
                height: auto;
                width: 96px
            }
        }

        .c-nav__button {
            height: 40px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-margin-start: auto;
            margin-inline-start: auto;
            padding: 0 8px;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            border-radius: 2px;
            background-color: #819067;
            color: #fff;
            cursor: pointer;
            text-decoration: none;
            -webkit-transition: background-color .3s;
            -o-transition: background-color .3s;
            transition: background-color .3s
        }

        .c-nav__button.desk {
            font-size: 15px
        }

        .c-nav__button:hover {
            background-color: #58c2f1;
            text-decoration: none
        }

        .c-nav__button:hover span {
            text-decoration: none
        }

        .c-nav__button .c-icon,
        .c-nav__button svg {
            fill: #fff;
            max-width: 20px;
            height: 20px;
            -webkit-margin-end: 8px;
            margin-inline-end: 8px;
            margin-bottom: 2px
        }

        @media(max-width:1023px) {
            .c-nav__button.desk {
                height: 30px
            }
        }

        .c-nav__button.mobile {
            display: none
        }

        @media(max-width:1023px) {
            .c-nav__button.mobile {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                height: 60px;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                font-size: 24px;
                line-height: 24px
            }
        }

        .c-nav__search {
            display: none !important;
            padding: 8px 15px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .c-nav__search .c-icon,
        .c-nav__search svg {
            max-width: 24px;
            height: 20px;
            fill: #0A400C
        }

        @media(max-width:1023px) {
            .c-nav__search {
                display: none
            }
        }

        .c-nav__lang {
            position: relative;
            padding: 9px 15px;
            height: 60px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        .c-nav__lang .c-icon,
        .c-nav__lang svg {
            width: 24px;
            height: 20px;
            fill: #52616b
        }

        .c-nav__lang:hover .c-icon,
        .c-nav__lang:hover svg {
            fill: #819067
        }

        .c-nav__lang:hover .c-nav__lang-container,
        .c-nav__lang:focus .c-nav__lang-container {
            display: block
        }

        @media(max-width:1023px) {
            .c-nav__lang {
                -webkit-box-ordinal-group: 3;
                -ms-flex-order: 2;
                order: 2
            }

            .c-nav__lang .c-icon,
            .c-nav__lang svg {
                width: 24px;
                height: 18px;
                fill: #52616b
            }
        }

        .c-nav__lang-container {
            display: none;
            position: absolute;
            top: 100%;
            min-width: 140px;
            left: 0;
            z-index: 1000;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            background-color: #fff;
            border-style: solid;
            border-width: 1px;
            border-color: #c9d6df;
            -webkit-box-shadow: 0 8px 16px 2px rgba(0, 0, 0, .24);
            box-shadow: 0 8px 16px 2px rgba(0, 0, 0, .24)
        }

        html[dir=rtl] .c-nav__lang-container {
            left: initial;
            right: 0;
            -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
            transform: translateX(50%)
        }

        .c-nav__lang-link {
            width: 100%;
            padding: 10px 20px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
            text-decoration: none;
            font-size: 14px;
            line-height: 145% !important;
            color: #222;
            -webkit-transition: .3s;
            -o-transition: .3s;
            transition: .3s
        }

        .c-nav__lang-link .italic {
            font-style: italic
        }

        .c-nav__lang-link:hover {
            background-color: rgba(177, 171, 134, .16);
            color: #0A400C
        }

        .c-nav__lang-link svg {
            -webkit-margin-end: 8px;
            margin-inline-end: 8px;
            max-width: 16.8px;
            max-height: 12px;
            margin-bottom: unset;
            background-image: unset;
            background-position: unset;
            background-size: unset;
            background-repeat: unset
        }

        .c-nav__item {
            list-style-type: none !important;
            -webkit-box-sizing: border-box !important;
            box-sizing: border-box !important;
            margin-bottom: unset !important;
            background-image: unset !important;
            background-position: unset !important;
            background-size: unset !important;
            background-repeat: unset !important
        }

        @media(max-width:1023px) {
            .c-nav__item {
                position: relative;
                border-bottom: 1px solid #cbd6de;
                border-top: 1px solid #cbd6de
            }
        }

        @media(min-width:1024px) {
            .c-nav__item:hover .c-nav__link {
                border-bottom-color: #819067
            }
        }

        .c-nav__item:hover .c-nav__subnav-container {
            opacity: 1;
            pointer-events: all
        }

        .c-nav__link {
            display: inline-block;
            text-decoration: none;
            color: #0A400C;
            font-weight: 600;
            text-transform: uppercase;
            padding: 18px 16px;
            -webkit-transition: border-bottom .2s ease 0s;
            -o-transition: border-bottom .2s ease 0s;
            transition: border-bottom .2s ease 0s;
            font-size: 16px;
            white-space: nowrap;
            padding-bottom: 17px
        }

        @media(max-width:1023px) {
            .c-nav__link {
                /* display: none; */
                position: relative;
                padding: 20px;
                padding-left: 40px;
                font-size: 16px
            }
        }

        .c-nav__link:hover {
            text-decoration: none
        }

        .c-nav__subnav-btn {
            display: none;
            margin: 0;
            width: 100px
        }

        @media(max-width:1023px) {
            .c-nav__subnav-btn {
                display: block;
                color: #0A400C;
                font-weight: 400;
                font-size: 17px;
                line-height: 1.45;
                padding: 15px 20px;
                -webkit-padding-start: 40px;
                padding-inline-start: 40px;
                width: 100%
            }
        }

        .c-nav__container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            max-width: 1280px;
            margin: 0 auto;
            height: var(--df-header-height)
        }

        @media(max-width:1023px) {
            .c-nav__container {
                position: relative;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding-right: 16px
            }
        }

        @media(max-width:460px) {
            .c-nav__button.desk svg {
                display: none
            }

            .c-nav__button.desk span {
                font-size: 2.2vw
            }

            .c-nav__lang {
                padding: 9px 6px
            }

            .c-nav__wrap {
                margin-left: 6px
            }
        }

        #nav__toggle {
            display: none
        }

        #nav__toggle:checked~.c-nav__btn>span {
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        #nav__toggle:checked~.c-nav__btn>span:before {
            top: 0;
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0)
        }

        #nav__toggle:checked~.c-nav__btn>span:after {
            top: 0;
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            transform: rotate(90deg)
        }

        #nav__toggle:checked~.c-nav {
            height: 100vh;
            pointer-events: all;
            -webkit-transition: height .3s .3s;
            -o-transition: height .3s .3s;
            transition: height .3s .3s;
            padding-bottom: 95px
        }

        #nav__toggle:checked~.c-nav:not(.c-nav__subnav-container) {
            opacity: 1;
            -webkit-transition: opacity .3s;
            -o-transition: opacity .3s;
            transition: opacity .3s
        }

        #subnav__toggle,
        #subnav__toggle2,
        #subnav__toggle3,
        #subnav__toggle4,
        #subnav__toggle5,
        #subnav__toggle6,
        #subnav__toggle7 {
            display: none
        }

        @media(max-width:1023px) {

            #subnav__toggle~.c-nav__subnav-container,
            #subnav__toggle2~.c-nav__subnav-container,
            #subnav__toggle3~.c-nav__subnav-container,
            #subnav__toggle4~.c-nav__subnav-container,
            #subnav__toggle5~.c-nav__subnav-container #subnav__toggle6~.c-nav__subnav-container #subnav__toggle7~.c-nav__subnav-container {
                display: none
            }
        }

        #subnav__toggle2:checked~.c-nav__subnav-container,
        #subnav__toggle3:checked~.c-nav__subnav-container,
        #subnav__toggle4:checked~.c-nav__subnav-container,
        #subnav__toggle5:checked~.c-nav__subnav-container,
        #subnav__toggle6:checked~.c-nav__subnav-container,
        #subnav__toggle7:checked~.c-nav__subnav-container,
        #subnav__toggle:checked~.c-nav__subnav-container {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

        #subnav__toggle2:checked~.c-nav__plus::before,
        #subnav__toggle3:checked~.c-nav__plus::before,
        #subnav__toggle4:checked~.c-nav__plus::before,
        #subnav__toggle5:checked~.c-nav__plus::before,
        #subnav__toggle6:checked~.c-nav__plus::before,
        #subnav__toggle7:checked~.c-nav__plus::before,
        #subnav__toggle:checked~.c-nav__plus::before {
            display: none
        }

        #subnavdrop__toggle,
        #subnavdrop__toggle10,
        #subnavdrop__toggle11,
        #subnavdrop__toggle12,
        #subnavdrop__toggle13,
        #subnavdrop__toggle14,
        #subnavdrop__toggle15,
        #subnavdrop__toggle2,
        #subnavdrop__toggle3,
        #subnavdrop__toggle4,
        #subnavdrop__toggle5,
        #subnavdrop__toggle6,
        #subnavdrop__toggle7,
        #subnavdrop__toggle8,
        #subnavdrop__toggle9,
        #subnavdrop__toggle16,
        #subnavdrop__toggle17,
        #subnavdrop__toggle18 {
            display: none
        }

        @media(max-width:1023px) {

            #subnavdrop__toggle10:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle11:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle12:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle13:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle14:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle15:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle16:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle17:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle18:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle2:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle3:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle4:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle5:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle6:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle7:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle8:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle9:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after,
            #subnavdrop__toggle:checked~.c-nav__subnav-toggle .c-nav__subtitle-title-wrap::after {
                -webkit-transform: translateY(-50%) rotate(225deg);
                -ms-transform: translateY(-50%) rotate(225deg);
                transform: translateY(-50%) rotate(225deg)
            }

            #subnavdrop__toggle10:checked~.c-nav__subnav,
            #subnavdrop__toggle11:checked~.c-nav__subnav,
            #subnavdrop__toggle12:checked~.c-nav__subnav,
            #subnavdrop__toggle13:checked~.c-nav__subnav,
            #subnavdrop__toggle14:checked~.c-nav__subnav,
            #subnavdrop__toggle15:checked~.c-nav__subnav,
            #subnavdrop__toggle16:checked~.c-nav__subnav,
            #subnavdrop__toggle17:checked~.c-nav__subnav,
            #subnavdrop__toggle18:checked~.c-nav__subnav,
            #subnavdrop__toggle2:checked~.c-nav__subnav,
            #subnavdrop__toggle3:checked~.c-nav__subnav,
            #subnavdrop__toggle4:checked~.c-nav__subnav,
            #subnavdrop__toggle5:checked~.c-nav__subnav,
            #subnavdrop__toggle6:checked~.c-nav__subnav,
            #subnavdrop__toggle7:checked~.c-nav__subnav,
            #subnavdrop__toggle8:checked~.c-nav__subnav,
            #subnavdrop__toggle9:checked~.c-nav__subnav,
            #subnavdrop__toggle:checked~.c-nav__subnav {
                display: block
            }

            #subnavdrop__toggle10:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle11:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle12:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle13:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle14:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle15:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle16:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle17:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle18:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle2:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle3:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle4:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle5:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle6:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle7:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle8:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle9:checked~.c-nav__subnav.two-col,
            #subnavdrop__toggle:checked~.c-nav__subnav.two-col {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }
        }

        .c-nav__subnav-toggle {
            margin: 0;
            width: 100%
        }

        .c-nav__btn {
            display: none;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            position: relative;
            width: 18px;
            height: 18px;
            cursor: pointer;
            z-index: 1;
            margin: 0
        }

        @media(max-width:1023px) {
            .c-nav__btn {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }
        }

        .c-nav__btn>span,
        .c-nav__btn>span::after,
        .c-nav__btn>span::before {
            display: block;
            position: absolute;
            width: 100%;
            height: 2.5px;
            background-color: #0A400C;
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s;
            border-radius: 1.5px
        }

        .c-nav__btn>span::before {
            content: "";
            top: -5px
        }

        .c-nav__btn>span::after {
            content: "";
            top: 5px
        }

        .c-nav__wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        @media(max-width:1023px) {
            .c-nav__wrap {
                -webkit-box-ordinal-group: 4;
                -ms-flex-order: 3;
                order: 3;
                margin-left: 16px
            }
        }

        .c-nav__subnav-container {
            opacity: 0;
            pointer-events: none;
            position: absolute;
            z-index: 300;
            width: calc(100vw - 48px - 80px - 260px);
            left: 50%;
            top: 100%;
            -webkit-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            transform: translateX(-50%);
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            padding: 24px 0;
            background-color: #fff;
            border-top: 1px solid #c9d6df;
            -webkit-box-shadow: 0 8px 8px 0 rgba(35, 35, 35, .24);
            box-shadow: 0 8px 8px 0 rgba(35, 35, 35, .24)
        }

        @media(max-width:1023px) {
            .c-nav__subnav-container {
                position: relative;
                opacity: 1;
                width: 100%;
                height: auto;
                padding: 0;
                top: initial;
                left: initial;
                -webkit-transform: translateX(0);
                -ms-transform: translateX(0);
                transform: translateX(0);
                -webkit-box-shadow: none;
                box-shadow: none;
                display: none;
                pointer-events: all;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column
            }
        }

        .c-nav__subnav {
            padding: 0;
            padding-top: 16px;
            margin: 0
        }

        @media(max-width:1023px) {
            .c-nav__subnav {
                -webkit-padding-start: 68px;
                padding-inline-start: 68px;
                padding-bottom: 16px;
                display: none
            }
        }

        .c-nav__subtitle-title-wrap {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center
        }

        @media(max-width:1023px) {
            .c-nav__subtitle-title-wrap {
                position: relative;
                padding-top: 12px;
                padding-bottom: 12px;
                -webkit-padding-start: 36px;
                padding-inline-start: 36px;
                border-bottom: 1px solid #c9d6df
            }
        }

        .c-nav__subtitle-title-wrap .c-icon,
        .c-nav__subtitle-title-wrap svg {
            fill: #819067;
            max-width: 24px;
            height: 24px;
            -webkit-margin-end: 8px;
            margin-inline-end: 8px
        }

        .c-nav__subtitle-title-wrap::after {
            position: absolute;
            content: "";
            width: 8px;
            height: 8px;
            border-bottom: 2px solid #001b36;
            border-right: 2px solid #001b36;
            top: 45%;
            right: 30px;
            -webkit-transform: translateY(-50%) rotate(45deg);
            -ms-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
            -webkit-transition: all .3s;
            -o-transition: all .3s;
            transition: all .3s
        }

        html[dir=rtl] .c-nav__subtitle-title-wrap::after {
            right: initial;
            left: 30px
        }

        @media(min-width:1024px) {
            .c-nav__subtitle-title-wrap::after {
                display: none
            }
        }

        .c-nav__subnav-title {
            color: #001b36;
            font-size: 17px;
            line-height: 145%;
            font-weight: 600;
            margin: 0;
            letter-spacing: unset;
            float: inherit;
            width: 100%
        }

        @media(max-width:1023px) {
            .c-nav__subnav {
                border-top: 1px solid #cbd6de
            }

            .c-nav__subnav-title {
                width: 75% !important
            }
        }

        .c-nav__subnav.two-col {
            display: none;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

        @media(min-width:1024px) {
            .c-nav__subnav.two-col {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row
            }

            .c-nav__subnav.two-col .c-nav__subnav-item {
                -webkit-box-flex: 1;
                -ms-flex: 1 1 50%;
                flex: 1 1 50%
            }
        }

        .c-nav__subnav-wrap {
            padding: 0 16px;
            -webkit-padding-start: 32px;
            padding-inline-start: 32px;
            -webkit-box-flex: 1;
            -ms-flex: 1 1 25%;
            flex: 1 1 25%
        }

        .c-nav__subnav-wrap label {
            display: inline-block !important;
            max-width: 100% !important
        }

        .c-nav__subnav-wrap.big {
            -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
            min-width: 50%
        }

        @media(min-width:1024px) {
            .c-nav__subnav-wrap {
                border-right: 1px solid #c9d6df
            }

            .c-nav__subnav-wrap:last-of-type {
                border-right: none
            }
        }

        @media(max-width:1023px) {
            .c-nav__subnav-wrap {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1;
                padding: 0;
                border: none
            }
        }

        @media(min-width:1024px) {
            html[dir=rtl] .c-nav__subnav-wrap {
                border-right: none;
                border-left: 1px solid #c9d6df
            }

            html[dir=rtl] .c-nav__subnav-wrap:last-of-type {
                border-left: none
            }
        }

        .c-nav__subnav-item {
            list-style: none;
            padding-bottom: 16px;
            margin-bottom: unset;
            background-image: unset;
            background-position: unset;
            background-size: unset;
            background-repeat: unset
        }

        .c-nav__subnav-link {
            display: inline-block;
            text-decoration: none !important;
            color: #0A400C;
            -webkit-transition: all .2s ease;
            -o-transition: all .2s ease;
            transition: all .2s ease;
            text-decoration: underline;
            font-size: 17px;
            line-height: 145%
        }

        .c-nav__subnav-link:hover {
            color: #819067;
            text-decoration: underline !important
        }

        .c-nav__plus {
            width: 16px;
            height: 16px;
            border-radius: 100%;
            background-color: #819067;
            position: absolute;
            top: 19px;
            left: 16px
        }

        html[dir=rtl] .c-nav__plus {
            left: inherit;
            right: 16px
        }

        @media(min-width:1024px) {
            .c-nav__plus {
                display: none
            }
        }

        .c-nav__plus::before {
            content: "";
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            height: 10px;
            width: 2px;
            background-color: #fff
        }

        .c-nav__plus::after {
            content: "";
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            position: absolute;
            width: 10px;
            height: 2px;
            background-color: #fff
        }

        .c-nav__subtitle-title-wrap svg {
            max-height: 24px
        }

        .c-nav__lang.no-cta {
            -webkit-margin-start: auto
        }

        .content-zone {
            margin-top: calc(var(--df-header-height) + var(--sponsored-subheader-height))
        }

        .c-nav__lang a[href^="https://de-"],
        .c-nav__lang a[href^="https://de."],
        .c-nav__lang a[href^="https://tr"],
        .c-nav__lang a[href^="https://se"],
        .c-nav__lang a[href^="https://pl"],
        .c-nav__lang a[href^="https://jp"] {
            display: none !important
        }

        @media(max-width:300px) {
            .c-header-logo svg {
                width: 120px
            }
        }

        :root {
            --df-header-height: 72px
        }

        .s-header {
            height: var(--df-header-height);
            -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
            display: block
        }

        .s-header * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .s-header .sponsored-by-mobile-subheader {
            display: none
        }

        .s-header .c-nav__container {
            max-width: unset;
            margin: 0;
            padding-inline: 24px
        }

        .s-header .c-nav__container .c-header-logo {
            /* width: 130px; */
            height: 28.7px;
            padding: 0;
            margin: unset;
            margin-inline-end: 40px;
            order: 1
        }

        .s-header .c-nav__container .c-header-logo svg {
            width: 130px;
            height: 28.7px
        }

        .s-header .c-nav__container .c-nav__wrap {
            order: 2;
            width: 100%
        }

        .s-header .c-nav__container .c-nav__wrap #nav__toggle:checked~.c-nav {
            transition: height .1s .1s
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav {
            gap: 32px
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__link {
            color: var(--main-dark-blue);
            font-weight: 700;
            text-transform: capitalize;
            font-size: 20px;
            padding: unset;
            padding-block: 21px;
            font-family: oswald
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container {
            padding: 40px 56px;
            -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
            border-top: 2px solid rgba(201, 214, 223, .3019607843);
            box-sizing: border-box
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap {
            padding-inline: 56px;
            -ms-flex: 1 1 40%;
            flex: 1 1 40%
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap:first-child {
            padding-inline-start: unset
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap:last-child {
            padding-inline-end: unset
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap.big {
            -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
            min-width: 40%;
            flex: 1 1 40%
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap.big .two-col {
            column-gap: 56px
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap.big .two-col .c-nav__subnav-title {
            padding-bottom: 16px
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap.big .two-col .c-nav__subnav-item {
            flex: 1 1 40%
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap .c-nav__subtitle-title-wrap .c-nav__subnav-title {
            color: var(--dark-500);
            font-size: 16px;
            font-weight: 700;
            font-family: oswald
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap .c-nav__subtitle-title-wrap svg {
            max-width: 16px;
            min-width: 16px;
            height: 16px
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap .c-nav__subnav {
            padding-inline-start: 24px
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap .c-nav__subnav .c-nav__subnav-item {
            padding-bottom: 8px
        }

        .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap .c-nav__subnav .c-nav__subnav-item .c-nav__subnav-link {
            line-height: 150%;
            color: var(--main-dark-blue);
            font-size: 15px
        }

        .s-header .c-nav__container .c-nav__button {
            border-radius: 2px;
            background: var(--main-dark-blue);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
            min-width: 120px;
            height: 40px;
            padding: 4px 8px;
            justify-content: center;
            align-items: center;
            margin-inline-start: unset;
            order: 4;
            font-weight: 700;
            box-sizing: border-box
        }

        .s-header .c-nav__container .c-nav__button:hover {
            background-color: rgba(10, 64, 12, .9019607843)
        }

        .s-header .c-nav__container .c-nav__button span {
            color: #fff
        }

        .s-header .c-nav__container .c-nav__lang {
            height: inherit;
            box-sizing: border-box;
            order: 3;
            margin-inline: auto 32px;
            min-height: 40px;
            max-height: 40px;
            padding: 4px;
            border-radius: 2px
        }

        .s-header .c-nav__container .c-nav__lang .selected-lang {
            display: flex;
            justify-content: center;
            align-items: center;
            height: 40px
        }

        .s-header .c-nav__container .c-nav__lang .selected-lang .c-nav__lang-link {
            padding: 4px
        }

        .s-header .c-nav__container .c-nav__lang .selected-lang .c-nav__lang-link:hover {
            background-color: var(--light-white);
            cursor: pointer
        }

        .s-header .c-nav__container .c-nav__lang .selected-lang .c-nav__lang-link .active-lang {
            color: var(--main-dark-blue);
            font-weight: 700;
            font-size: 15px
        }

        .s-header .c-nav__container .c-nav__lang .selected-lang .c-nav__lang-link .chevron-down {
            min-width: 24px;
            min-height: 24px;
            margin-inline-end: unset;
            max-height: 24px;
            max-width: 24px;
            margin-bottom: 1.5px
        }

        .s-header .c-nav__container .c-nav__lang .c-nav__lang-container {
            min-width: 80px;
            border: 1px solid var(--light-700, #C9D6DF);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
            left: 45px
        }

        .s-header .c-nav__container .c-nav__lang .c-nav__lang-container .c-nav__lang-link {
            padding: 8px
        }

        .s-header .c-nav__container .c-nav__lang .c-nav__lang-container .c-nav__lang-link:hover {
            cursor: default;
            background-color: var(--main-transparence)
        }

        .s-header .c-nav__container .c-nav__lang .c-nav__lang-link {
            padding: 8px 4px;
            color: var(--main-dark-blue);
            font-size: 15px;
            font-weight: 700;
            justify-content: center;
            text-decoration: none;
            box-sizing: border-box
        }

        .s-header .c-nav__container .search-bar {
            margin-inline-end: 25px
        }

        .s-header .c-nav__container .auth-state {
            order: 5
        }

        .s-header .c-nav__container .auth-state .auth-state-icon {
            display: none;
            margin-inline-start: 24px;
            width: 32px;
            height: 32px;
            cursor: pointer
        }

        .s-header .c-nav__container .auth-state .auth-state-icon.guest {
            display: flex
        }

        .s-header.searching .c-nav,
        .s-header.searching .c-nav__lang {
            display: none
        }

        .s-header.searching .search-bar {
            margin-inline: auto 0
        }

        html[dir=rtl] .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__link {
            font-size: 16px;
            font-family: inter, noto-naskh;
            padding-block: 24px
        }

        html[dir=rtl] .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__plus {
            right: unset;
            margin-inline-start: unset
        }

        html[dir=rtl] .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap .c-nav__subtitle-title-wrap {
            align-items: start
        }

        html[dir=rtl] .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap .c-nav__subtitle-title-wrap .c-nav__subnav-title {
            font-family: inter, noto-naskh
        }

        html[dir=rtl] .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap .c-nav__subtitle-title-wrap::after {
            right: unset;
            left: 16px
        }

        html[dir=rtl] .s-header .c-nav__container .c-nav__button span {
            font-size: 15px
        }

        html[dir=rtl] .s-header .c-nav__container .c-nav__lang .selected-lang .c-nav__lang-link .active-lang {
            height: 20px
        }

        html[dir=rtl] .s-header .c-nav__container .c-nav__lang .c-nav__lang-container {
            left: unset;
            right: 17px
        }

        body {
            --sponsored-subheader-height: -1px;
            --sponsored-size: 14px;
            --ad-text-size: 12px;
            --stn-text-size: 15px;
            --lang-margin-start: 0
        }

        body .mobile-menu-sponsored-by {
            display: none !important
        }

        body.sponsored-stn {
            --sponsored-subheader-height: 46px;
            --lang-margin-start: auto
        }

        @media(max-width:1023px) {
            body.sponsored-stn .mobile-menu-sponsored-by {
                display: flex !important
            }
        }

        @media(max-width:768px) {
            body {
                --sponsored-size: 12px;
                --ad-text-size: 8px;
                --stn-text-size: 10px
            }
        }

        .s-header.sponsored-stn {
            --stn-margin-start: auto
        }

        .s-header.sponsored-stn .desk.cta-el-STN {
            display: none
        }

        .s-header.sponsored-stn .sponsored-by-mobile-subheader,
        .s-header.sponsored-stn .mobile-menu-sponsored-by {
            height: var(--sponsored-subheader-height);
            background-color: var(--light-500);
            display: flex;
            gap: 8px;
            justify-content: end;
            align-items: center;
            padding-inline-end: 68px
        }

        .s-header.sponsored-stn .sponsored-by-mobile-subheader .b609f2b8d9d14313942d8a1c03a1e406,
        .s-header.sponsored-stn .mobile-menu-sponsored-by .b609f2b8d9d14313942d8a1c03a1e406 {
            height: 34px;
            font-style: italic;
            align-content: center;
            font-family: "inter";
            font-size: var(--sponsored-size);
            line-height: 1
        }

        .s-header.sponsored-stn .sponsored-by-mobile-subheader .d9482b33bcc64d4dbf670c728237c054,
        .s-header.sponsored-stn .mobile-menu-sponsored-by .d9482b33bcc64d4dbf670c728237c054 {
            height: 34px;
            font-style: italic;
            font-family: "inter";
            font-size: var(--ad-text-size);
            line-height: 1
        }

        .s-header.sponsored-stn .sponsored-by-mobile-subheader img,
        .s-header.sponsored-stn .mobile-menu-sponsored-by img {
            height: 30px;
            width: 80px
        }

        .s-header.sponsored-stn .sponsored-by-mobile-subheader .cta-el-STN,
        .s-header.sponsored-stn .mobile-menu-sponsored-by .cta-el-STN {
            height: 30px
        }

        .s-header.sponsored-stn .sponsored-by-mobile-subheader .plain-link.cta-el-STN,
        .s-header.sponsored-stn .mobile-menu-sponsored-by .plain-link.cta-el-STN {
            border-radius: 2px;
            background: var(--main-dark-blue);
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
            min-width: 80px;
            height: 34px;
            padding: 4px 8px;
            justify-content: center;
            align-items: center;
            margin-inline-start: var(--language-inline-start);
            order: var(--stn-order);
            font-weight: 700;
            justify-content: center;
            align-items: center;
            text-decoration: none
        }

        .s-header.sponsored-stn .sponsored-by-mobile-subheader .plain-link.cta-el-STN span,
        .s-header.sponsored-stn .mobile-menu-sponsored-by .plain-link.cta-el-STN span {
            color: #fff;
            font-size: var(--stn-text-size)
        }

        .s-header .c-nav__container {
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08) !important;
            border-bottom: 1px solid var(--light-700);
            position: relative;
            z-index: 10
        }

        @media(max-width:1499px) {
            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container {
                width: calc(100vw - 48px);
                padding: 24px
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap {
                padding-inline: 22px
            }
        }

        @media(max-width:1200px) {
            .s-header .c-nav__container .c-nav__wrap .search-bar {
                margin-inline-end: 12px
            }

            .s-header .c-nav__container .c-nav__lang {
                margin-inline: auto 8px
            }

            .s-header .c-nav__container .auth-state {
                order: 4
            }

            .s-header .c-nav__container .auth-state .auth-state-icon {
                margin-inline-start: 8px
            }
        }

        @media(max-width:1023px) {
            :root {
                --df-header-height: 60px
            }

            .s-header.sponsored-stn .sponsored-by-mobile-subheader,
            .s-header.sponsored-stn .mobile-menu-sponsored-by {
                padding-inline-end: 8px
            }

            .s-header .c-nav__container {
                padding-inline: 8px
            }

            .s-header .c-nav__container .c-header-logo {
                /* width: 135.8px; */
                height: 30px;
                margin-inline-end: unset
            }

            .s-header .c-nav__container .c-header-logo svg {
                width: 135.8px;
                height: 30px
            }

            .s-header .c-nav__container .c-nav__wrap {
                order: 5;
                margin-left: unset;
                width: 32px;
                height: 32px;
                justify-content: center
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav__btn {
                width: 24px;
                height: 16px
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav__btn span {
                border-radius: 0
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav__btn span::before,
            .s-header .c-nav__container .c-nav__wrap .c-nav__btn span::after {
                border-radius: 0
            }

            .s-header .c-nav__container .c-nav__wrap .search-bar {
                display: none
            }

            .s-header .c-nav__container .c-nav__wrap #nav__toggle:checked~.c-nav {
                padding: 0 16px 95px;
                top: 60px;
            }

            .s-header .c-nav__container .c-nav__wrap #nav__toggle:checked~.c-nav__btn>span {
                height: 2px
            }

            .s-header .c-nav__container .c-nav__wrap #nav__toggle:checked~.c-nav__btn>span::after,
            .s-header .c-nav__container .c-nav__wrap #nav__toggle:checked~.c-nav__btn>span::before {
                height: 2px
            }

            .s-header .c-nav__container .c-nav__wrap #nav__toggle:checked~.search-bar {
                display: flex;
                position: absolute;
                top: 100%;
                left: 0;
                gap: 16px;
                align-items: center;
                width: 100%;
                background-color: var(--light-white);
                padding-block: 16px 24px;
                margin: 0;
                opacity: 1;
                visibility: visible;
                height: 80px;
                max-height: unset;
                border-top: 1px solid var(--light-700)
            }

            .s-header .c-nav__container .c-nav__wrap #nav__toggle:checked~.search-bar .search-open-btn {
                display: none
            }

            .s-header .c-nav__container .c-nav__wrap #nav__toggle:checked~.search-bar .search-active-wrapper {
                display: flex;
                opacity: 1;
                visibility: visible;
                padding-inline: 16px
            }

            .s-header .c-nav__container .c-nav__wrap #nav__toggle:checked~.search-bar .search-active-wrapper .search-form .search-input {
                height: 18px;
                background-color: var(--light-white)
            }

            .s-header .c-nav__container .c-nav__wrap #nav__toggle:checked~.search-bar .search-active-wrapper .search-close-btn {
                display: none
            }

            .s-header .c-nav__container .c-nav__wrap #nav__toggle:checked~.search-bar .search-tooltip {
                top: calc(100% - 8px);
                left: 50%;
                transform: translateX(-50%)
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav {
                padding-inline: 16px
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item {
                border-top: unset;
                border-bottom: unset
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item:last-of-type .c-nav__subnav-btn.c-nav__link {
                border-bottom: none
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-btn {
                font-family: oswald, noto-naskh;
                font-size: 16px;
                font-weight: 700;
                color: var(--dark-500);
                padding-block: 16px;
                padding-inline-start: 32px;
                line-height: 24px;
                border-bottom: 1px solid #52616b;
                box-sizing: border-box
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__plus {
                width: 20px;
                height: 20px;
                top: 16px;
                left: unset;
                border-radius: 50%;
                box-shadow: 0 0 0 2px var(--main-dark-blue);
                margin-inline-start: 2px;
                margin-block-start: 2px;
                background-color: var(--light-white)
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__plus::before,
            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__plus::after {
                background-color: var(--main-dark-blue)
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container {
                max-width: unset;
                padding: 0;
                width: 100%;
                -webkit-box-shadow: unset;
                box-shadow: unset;
                border-top: 2px solid rgba(201, 214, 223, .3019607843)
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap {
                padding-inline: unset
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap .c-nav__subtitle-title-wrap {
                padding-inline-start: 32px;
                padding-block: 8px
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap .c-nav__subtitle-title-wrap .c-nav__subnav-title {
                font-size: 15px;
                font-family: inter, noto-naskh
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap .c-nav__subtitle-title-wrap::after {
                border-bottom: 2px solid var(--light-800);
                border-right: 2px solid var(--light-800);
                right: 16px;
                box-sizing: border-box
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__subnav-container .c-nav__subnav-wrap .c-nav__subnav {
                padding-inline-start: 56px;
                padding-top: 8px;
                border-top: unset;
                padding-bottom: 0
            }

            .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item.single .c-nav__link {
                display: inline-block;
                font-family: oswald, noto-naskh;
                font-size: 16px;
                color: var(--dark-500);
                padding-block: 16px;
                padding-inline-start: 32px;
                line-height: 24px;
                border-bottom: 1px solid #52616b;
                box-sizing: border-box;
                width: 100%
            }

            .s-header .c-nav__container .c-nav__button {
                box-shadow: unset;
                min-width: 81px;
                height: 30px;
                padding: 5.5px 8px;
                justify-content: center;
                align-items: center;
                margin-inline-start: auto;
                order: 2
            }

            .s-header .c-nav__container .c-nav__button span {
                font-size: 10px;
                font-weight: 700
            }

            .s-header .c-nav__container .c-nav__button.mobile {
                height: 40px;
                padding: 4px 16px;
                box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
                border-radius: 2px
            }

            .s-header .c-nav__container .c-nav__button.mobile span {
                font-size: 15px
            }

            .s-header .c-nav__container .c-nav__lang {
                order: 3;
                margin-inline: var(--lang-margin-start) 8px
            }

            .s-header .c-nav__container .auth-state {
                order: 4
            }

            .s-header .c-nav__container .auth-state .auth-state-icon {
                margin-inline: 0 8px
            }

            html[dir=rtl] .s-header .c-nav__container .c-nav__wrap #nav__toggle:checked~.search-bar .search-tooltip {
                right: 50%;
                left: unset;
                transform: translateX(50%)
            }

            html[dir=rtl] .s-header .c-nav__container .c-nav__wrap .c-nav .c-nav__item .c-nav__plus {
                margin-block-start: 8px
            }

            html[dir=rtl] .s-header .c-nav__container .c-nav__button {
                min-width: 99px
            }

            html[dir=rtl] .s-header .c-nav__container .c-nav__button span {
                font-size: 16px
            }
        }

        @media(max-width:768px) {

            .s-header.sponsored-stn .sponsored-by-mobile-subheader,
            .s-header.sponsored-stn .mobile-menu-sponsored-by {
                justify-content: center;
                padding-inline-end: unset
            }
        }

        @media(max-width:392px) {
            .s-header .c-nav__container .c-header-logo {
                /* width: 96px; */
                height: 21.2px
            }

            .s-header .c-nav__container .c-header-logo svg {
                width: 96px;
                height: 21.2px
            }

            .s-header .c-nav__container .c-nav__button {
                min-width: 80px
            }

            .s-header .c-nav__container .c-nav__button span {
                font-size: 10px;
                font-weight: 700
            }

            .s-header .c-nav__container .c-nav__lang {
                padding: 0
            }

            html[dir=rtl] .s-header .c-nav__container .c-nav__button {
                min-width: 80px
            }

            html[dir=rtl] .s-header .c-nav__container .c-nav__button span {
                font-size: 12px;
                font-weight: 400
            }
        }

        .footer {
            margin: 0;
            padding: 0;
            background-color: var(--light-white);
            display: block
        }

        .footer * {
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box
        }

        .footer .footer-container {
            box-sizing: border-box;
            padding: 36px 24px;
            display: flex;
            flex-direction: column;
            justify-content: center;
            border-top: 1px solid var(--main-transparence);
            align-items: center;
            border-bottom: none;
        }

        .footer .footer-container .as-seen-on-platforms {
            display: flex;
            flex-direction: column;
            row-gap: 16px;
            margin-bottom: 64px
        }

        .footer .footer-container .as-seen-on-platforms .title {
            border-bottom: none;
            padding-bottom: 0
        }

        .footer .footer-container .as-seen-on-platforms .platforms {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: flex-start
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item {
            display: flex;
            padding: 8px 4px;
            flex-direction: column;
            justify-content: center;
            align-items: center
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item .insider-monkey {
            width: 54px;
            height: 18px
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item .forex-factory {
            width: 64px;
            height: 18px
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item .news-com-au {
            width: 90px;
            height: 18px
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item .benzinga {
            width: 106.6px;
            height: 16px
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item .the-street {
            width: 47px;
            height: 18px
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item .seeking-alpha {
            width: 86px;
            height: 18px
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item .hacker-noon {
            width: 120px;
            height: 18px
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item .the-balance {
            width: 100px;
            height: 18px
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item .mashable {
            width: 88px;
            height: 18px
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item .bitcoin-com {
            width: 120px;
            height: 18px
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item .capital-com {
            width: 93.4px;
            height: 18px
        }

        .footer .footer-container .as-seen-on-platforms .platforms .platform-item .babypips {
            width: 70px;
            height: 18px
        }

        .footer .footer-container .head-content {
            display: grid;
            grid-template-columns: 320px 1fr;
            grid-template-rows: auto auto;
            column-gap: 120px;
            padding-bottom: 64px;
            border-bottom: 2px solid rgba(131, 172, 226, .2)
        }

        .footer .footer-container .head-content .social-info {
            display: grid;
            grid-column: 1;
            grid-row: 1;
            row-gap: 24px;
            max-height: 97px;
            margin-bottom: 24px
        }

        .footer .footer-container .head-content .social-info .logo-container {
            width: 220px;
            height: 49px
        }

        .footer .footer-container .head-content .social-info .logo-container .logo-icon {
            display: block;
            width: 220px;
            height: 49px
        }

        .footer .footer-container .head-content .social-info .logo-container .logo-icon svg {
            width: 220px;
            height: 49px
        }

        .footer .footer-container .head-content .social-info .social-media-container {
            display: flex;
            justify-content: space-between;
            height: 24px;
            max-width: 248px
        }

        .footer .footer-container .head-content .social-info .social-media-container .social-media-item {
            display: flex;
            align-items: center
        }

        .footer .footer-container .head-content .social-info .social-media-container .social-media-item a {
            display: inline-flex
        }

        .footer .footer-container .head-content .social-info .social-media-container .social-media-item a svg {
            height: 18px
        }

        .footer .footer-container .head-content .social-info .social-media-container .social-media-item.instagram a svg {
            height: 20px
        }

        .footer .footer-container .head-content .company-info {
            width: 248px;
            grid-column: 1;
            grid-row: 2;
            height: max-content
        }

        .footer .footer-container .head-content .company-info .separate-row {
            display: block;
            font-size: 12px
        }

        .footer .footer-container .head-content .nav-sections {
            display: flex;
            grid-column: 2;
            grid-row: 1/span 2;
            column-gap: 200px
        }

        .footer .footer-container .head-content .nav-sections .nav-section {
            display: flex;
            flex-direction: column;
            gap: 8px;
            flex: 1 1 0
        }

        .footer .footer-container .head-content .nav-sections .nav-section .nav-title {
            color: var(--main-dark-blue);
            font-weight: 700
        }

        .footer .footer-container .head-content .nav-sections .nav-section .nav-link {
            display: block
        }

        .footer .footer-container .head-content .nav-sections .nav-section .nav-link a {
            color: var(--dark-500);
            text-decoration: none
        }

        .footer .footer-container .head-content .nav-sections .nav-section .nav-link a:hover {
            text-decoration: underline
        }

        .footer .footer-container .bottom-content {
            padding-top: 64px
        }

        .footer .footer-container .bottom-content .risk-disclaimer {
            color: var(--light-800);
            font-size: 12px
        }

        @media(max-width:1899px) {
            .footer .footer-container .head-content {
                column-gap: 120px
            }

            .footer .footer-container .head-content .nav-sections {
                column-gap: 120px
            }
        }

        @media(max-width:1499px) {
            .footer .footer-container .head-content {
                column-gap: 48px;
                grid-template-columns: 220px auto
            }

            .footer .footer-container .head-content .social-info {
                width: 220px
            }

            .footer .footer-container .head-content .social-info .social-media-container {
                width: 220px
            }

            .footer .footer-container .head-content .nav-sections {
                column-gap: 48px
            }
        }

        @media(max-width:1300px) {
            .footer .footer-container {
                height: unset
            }

            .footer .footer-container .as-seen-on-platforms .platforms {
                justify-content: flex-start;
                gap: 16px
            }
        }

        @media(max-width:1023px) {
            .footer .footer-container {
                height: unset
            }

            .footer .footer-container .head-content {
                display: flex;
                gap: 24px;
                flex-direction: column
            }

            .footer .footer-container .head-content .social-info {
                width: 100%;
                margin-bottom: 0;
                order: 1
            }

            /* .footer .footer-container .head-content .social-info .logo-container {
                display: none
            } */

            .footer .footer-container .head-content .social-info .social-media-container {
                gap: 40px;
                justify-content: start
            }

            .footer .footer-container .head-content .company-info {
                width: 100%;
                order: 3
            }

            .footer .footer-container .head-content .nav-sections {
                column-gap: 40px;
                order: 2
            }
        }

        @media(max-width:767px) {
            .footer .footer-container {
                padding: 32px 24px
            }

            .footer .footer-container .as-seen-on-platforms {
                margin-bottom: 40px
            }

            .footer .footer-container .as-seen-on-platforms .title {
                text-align: center
            }

            .footer .footer-container .as-seen-on-platforms .platforms {
                justify-content: center
            }

            .footer .footer-container .head-content {
                gap: unset;
                flex-direction: column;
                gap: 24px;
                padding-bottom: 40px;
                width: 100%;
                text-align: center;
            }

            .footer .footer-container .head-content .social-info .logo-container{
                width: 100%;
                justify-content: center;
            }

            .footer .footer-container .head-content .social-info {
                width: unset
            }

            /* .footer .footer-container .head-content .social-info .logo-container {
                display: none
            } */

            
            .footer .footer-container .head-content .nav-sections {
                width: unset;
                gap: 24px;
                flex-direction: column
            }

            .footer .footer-container .bottom-content {
                padding-top: 40px
            }
        }

        @media(max-width:350px) {
            .footer .footer-container .head-content .social-info .social-media-container {
                gap: unset;
                justify-content: space-between
            }
        }

        :root {
            --tooltip-popup-shift: -22px
        }

        .shortcode-simple-container {
            width: 100%;
            --review-cta-margin: 0;
            --min-height: 320px
        }

        .shortcode-simple-container .shortcode-simple {
            margin: auto;
            width: inherit;
            margin-top: 16px
        }

        .shortcode-simple-container .shortcode-simple .simple-card {
            background-color: #fff;
            padding: 10px 16px 10px 16px;
            width: 100%;
            min-height: 104px;
            height: 104px;
            margin-bottom: 8px;
            border-radius: 4px;
            display: flex;
            justify-content: space-between;
            box-sizing: border-box;
            gap: 8px;
            height: auto
        }

        .shortcode-simple-container .shortcode-simple .simple-card:last-child {
            margin-bottom: 24px
        }

        .shortcode-simple-container .shortcode-simple .simple-card.is-partner {
            --review-cta-margin: 6px
        }

        .shortcode-simple-container .shortcode-simple .cta-block {
            order: 2;
            min-width: 160px;
            position: relative;
            display: flex;
            flex-direction: column;
            height: 88px;
            justify-content: center
        }

        .shortcode-simple-container .shortcode-simple .cta-block .risk-warning {
            width: 158px;
            font-size: 8px;
            line-height: 12px;
            text-align: center;
            opacity: .8;
            color: var(--dark-500);
            margin-top: 2px;
            align-self: center;
            font-family: inter;
            box-sizing: border-box;
            padding-inline: 20px;
            max-height: 20px
        }

        .shortcode-simple-container .shortcode-simple .info-block {
            padding-inline-end: 16px;
            padding-top: 6px;
            padding-bottom: 6px;
            order: 1;
            width: fill-available;
            width: -moz-available;
            width: -webkit-fill-available
        }

        .shortcode-simple-container .shortcode-simple .get-started-btn {
            position: relative;
            cursor: pointer;
            text-decoration: none;
            height: 40px;
            width: 160px;
            text-align: center;
            background-color: var(--main-dark-blue);
            border: none;
            border-radius: 2px;
            font-weight: 600;
            font-size: 17px;
            line-height: 40px;
            padding: 4px 16px 4px 16px;
            border: 1px solid var(--main-dark-blue);
            box-sizing: border-box;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .0784313725)
        }

        .shortcode-simple-container .shortcode-simple .get-started-btn .dr-target {
            line-height: 38px;
            width: 160px;
            height: 40px
        }

        .shortcode-simple-container .shortcode-simple .get-started-link {
            text-decoration: none;
            color: var(--light-white);
            font-weight: 700;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: 160px;
            height: 40px
        }

        .shortcode-simple-container .shortcode-simple .retail-info {
            text-align: center;
            font-size: 10px;
            line-height: 145%;
            color: #232323;
            text-indent: 1px;
            display: flex;
            align-items: center;
            justify-content: center
        }

        .shortcode-simple-container .shortcode-simple .retail-info span {
            color: #52616b
        }

        .shortcode-simple-container .shortcode-simple .read-more-block {
            text-align: center;
            margin-top: var(--review-cta-margin)
        }

        .shortcode-simple-container .shortcode-simple .read-more-block a {
            font-size: 12px;
            line-height: 18px;
            text-decoration-line: none;
            color: var(--main-dark-blue)
        }

        .shortcode-simple-container .shortcode-simple .info-header {
            margin-inline-start: 30px;
            display: inline-block;
            position: relative
        }

        .shortcode-simple-container .shortcode-simple .proschecklist {
            margin-inline-start: 35px;
            align-self: center;
            display: flex;
            flex-flow: wrap;
            justify-content: center;
            width: 100%
        }

        .shortcode-simple-container .shortcode-simple .info-block-container {
            display: flex
        }

        .shortcode-simple-container .shortcode-simple .info-block-container .top-info-container {
            display: flex;
            justify-content: center
        }

        .shortcode-simple-container .shortcode-simple .more-info {
            width: 10px;
            height: 10px;
            background: url("images/info-small-black.svg");
            opacity: 1;
            cursor: pointer;
            display: inline-flex;
            background-size: contain;
            position: relative;
            background-repeat: no-repeat
        }

        .shortcode-simple-container .shortcode-simple .more-info:hover .tooltip-popup {
            display: flex;
            flex-direction: column;
            align-items: end
        }

        .shortcode-simple-container .shortcode-simple .tooltip-popup {
            font-family: inter;
            display: none;
            position: absolute;
            background: #52616b;
            color: #f3efe5;
            z-index: 99;
            font-size: 14px;
            padding: 8px;
            text-indent: 1px;
            font-size: 10px;
            line-height: 145%;
            border-radius: 2px;
            right: var(--tooltip-popup-shift);
            top: 14px;
            width: max-content;
            height: max-content;
            max-width: 200px;
            min-width: 90px
        }

        .shortcode-simple-container .shortcode-simple .tooltip-popup span {
            color: #fff
        }

        .shortcode-simple-container .shortcode-simple .tooltip-popup:before {
            top: -8px;
            border: solid red;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(0, 0, 0, 0);
            border-top-color: #52616b;
            border-width: 4px;
            margin: 0 15px;
            transform: rotate(180deg)
        }

        .shortcode-simple-container .shortcode-simple .broker-position {
            height: 64px;
            display: flex;
            justify-content: center;
            position: relative;
            top: 5px
        }

        .shortcode-simple-container .shortcode-simple .broker-position .broker-index-blue {
            position: relative;
            text-align: center;
            display: inline-flex;
            align-self: center;
            height: 24px;
            min-height: 24px;
            width: 24px;
            min-width: 24px;
            border-radius: 12px;
            background-color: var(--light-700)
        }

        .shortcode-simple-container .shortcode-simple .broker-position .broker-index-blue span {
            height: 24px;
            width: 24px;
            line-height: 24px;
            font-size: 14px;
            color: var(--light-800);
            font-weight: 700;
            position: absolute;
            left: 0;
            top: 0;
            box-sizing: border-box
        }

        .shortcode-simple-container .shortcode-simple .broker-logo-link {
            width: 110px;
            height: 40px;
            margin-bottom: 12px
        }

        .shortcode-simple-container .shortcode-simple .broker-logo-link img {
            width: 110px;
            height: 40px
        }

        .shortcode-simple-container .shortcode-simple .broker-logo-link object {
            width: 110px;
            height: 40px
        }

        .shortcode-simple-container .shortcode-simple .stars-container {
            display: inline-flex;
            align-items: center;
            margin-left: unset
        }

        .shortcode-simple-container .shortcode-simple .stars-container .rate-value {
            color: #232323;
            font-size: 13px;
            line-height: 18px;
            margin-inline-end: 2px;
            height: 16px
        }

        .shortcode-simple-container .shortcode-simple .stars-container .rating-star-container {
            width: 16px;
            height: 16px;
            display: flex;
            justify-content: center
        }

        .shortcode-simple-container .shortcode-simple .star {
            width: 12.63px;
            height: 12px
        }

        .shortcode-simple-container .shortcode-simple .star .rating-star {
            width: 12.63px;
            height: 12px
        }

        .shortcode-simple-container .shortcode-simple .top-rated {
            background-color: rgba(147, 204, 255, .2509803922)
        }

        .shortcode-simple-container .shortcode-simple .top-rated .broker-index-blue {
            background-color: var(--main-dark-blue)
        }

        .shortcode-simple-container .shortcode-simple .top-rated-2 {
            background-color: rgba(147, 204, 255, .1490196078)
        }

        .shortcode-simple-container .shortcode-simple .top-rated-2 .broker-index-blue {
            background-color: var(--blue-600)
        }

        .shortcode-simple-container .shortcode-simple .top-rated-3 {
            background-color: rgba(147, 204, 255, .0784313725)
        }

        .shortcode-simple-container .shortcode-simple .top-rated-3 .broker-index-blue {
            background-color: var(--blue-500)
        }

        .shortcode-simple-container .shortcode-simple .top-rated .broker-index-blue span,
        .shortcode-simple-container .shortcode-simple .top-rated-2 .broker-index-blue span,
        .shortcode-simple-container .shortcode-simple .top-rated-3 .broker-index-blue span {
            color: #fff
        }

        .shortcode-simple-container .shortcode-simple .simple-card-tooltip {
            min-width: 10px;
            max-width: 10px;
            min-height: 10px;
            max-height: 10px;
            background: none;
            display: inline-flex;
            cursor: pointer;
            position: relative;
            margin-left: 0;
            margin-right: 0;
            margin-top: 2px;
            margin-inline-start: 1px
        }

        .shortcode-simple-container .shortcode-simple .simple-card-tooltip .rating-question-icon {
            width: 10px;
            height: 10px
        }

        .shortcode-simple-container .shortcode-simple .simple-card-tooltip:hover .tooltip-popup {
            display: block
        }

        .shortcode-simple-container .shortcode-simple .mobile {
            display: none
        }

        .shortcode-simple-container .shortcode-simple .mobile.cta-block {
            width: 100%;
            min-height: initial;
            padding-left: 0
        }

        .shortcode-simple-container .benefit-line {
            max-width: 528px;
            min-height: 32px;
            height: auto;
            display: block;
            position: relative;
            margin-bottom: 8px;
            width: 100%;
            align-items: center
        }

        .shortcode-simple-container .benefit-line:last-child {
            min-height: 21px
        }

        .shortcode-simple-container .benefit-line .bf-text {
            overflow: hidden;
            text-overflow: ellipsis;
            top: 3px;
            left: 25px;
            position: absolute;
            font-family: inter;
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 21px;
            align-items: center;
            text-indent: 1px;
            color: var(--dark-500);
            position: initial;
            top: unset;
            left: unset;
            margin-left: 18px
        }

        .shortcode-simple-container .benefit-line .checkbox-white {
            top: 3px;
            position: absolute;
            height: 12px;
            width: 12px;
            border-radius: 6px
        }

        .shortcode-simple-container .stars-container {
            width: 120px;
            position: relative
        }

        .bezeled.info-box {
            width: 100%
        }

        .bezeled.info-box .info-icon {
            min-width: 16px;
            width: 16px;
            min-height: 16px;
            height: 16px;
            display: flex;
            align-self: center
        }

        .bezeled.info-box a {
            text-decoration: none;
            color: var(--main-dark-blue)
        }

        @media only screen and (min-width:1900px) {
            .shortcode-simple-container .shortcode-simple .simple-card {
                padding: 10px 16px 10px 32px
            }
        }

        @media only screen and (max-width:1024px) {
            .bezeled.info-box {
                width: -webkit-fill-available;
                width: -moz-available;
                width: fill-available
            }
        }

        @media only screen and (max-width:767px) {
            .shortcode-simple-container {
                --min-height: 220px
            }

            .shortcode-simple-container .shortcode-simple {
                background-color: var(--light-white);
                box-sizing: border-box;
                margin-top: 24px
            }

            .shortcode-simple-container .shortcode-simple .simple-card {
                border: 1px solid rgba(131, 172, 226, .2);
                margin-bottom: 24px;
                min-height: var(--min-height);
                flex-direction: column;
                gap: 0;
                padding-top: 21px;
                padding-bottom: 17px
            }

            .shortcode-simple-container .shortcode-simple .simple-card.top-rated,
            .shortcode-simple-container .shortcode-simple .simple-card.top-rated-2,
            .shortcode-simple-container .shortcode-simple .simple-card.top-rated-3 {
                border: none
            }

            .shortcode-simple-container .shortcode-simple .simple-card:last-child {
                margin-bottom: 24px
            }

            .shortcode-simple-container .shortcode-simple .simple-card .cta-block {
                align-items: center
            }

            .shortcode-simple-container .shortcode-simple .info-block {
                border: none;
                min-height: unset;
                display: flex;
                justify-content: center;
                padding-inline: 16px
            }

            .shortcode-simple-container .shortcode-simple .info-block .info-block-container {
                display: block;
                margin-left: 50%;
                margin-right: 50%;
                min-width: 80%
            }

            .shortcode-simple-container .shortcode-simple .info-block .info-block-container .top-info-container {
                justify-content: start
            }

            .shortcode-simple-container .shortcode-simple .info-block .broker-position {
                height: unset;
                top: unset
            }

            .shortcode-simple-container .shortcode-simple .info-block .broker-position .broker-index-blue {
                margin-top: 0;
                top: unset;
                align-self: center
            }

            .shortcode-simple-container .shortcode-simple .info-block .proschecklist {
                margin-top: 16px;
                margin-inline-start: 5px;
                margin-inline-end: 5px
            }

            .shortcode-simple-container .shortcode-simple .info-block .proschecklist .benefit-line {
                margin-bottom: 16px;
                padding-inline-end: 18px
            }

            .shortcode-simple-container .shortcode-simple .info-block .proschecklist .benefit-line:last-child {
                margin-bottom: 13px
            }

            .shortcode-simple-container .shortcode-simple .info-block .info-header {
                display: flex;
                align-items: center;
                margin-inline-start: 0;
                width: 100%;
                justify-content: space-evenly
            }

            .shortcode-simple-container .shortcode-simple .info-block .info-header .broker-logo-link {
                display: inline-block;
                margin-bottom: 0;
                margin-inline: 15px
            }

            .shortcode-simple-container .shortcode-simple .info-block .info-header .broker-logo-link img {
                vertical-align: middle
            }

            .shortcode-simple-container .shortcode-simple .mobile {
                display: block
            }

            .shortcode-simple-container .shortcode-simple .read-more-block {
                font-size: 12px;
                line-height: 18px;
                font-weight: 400;
                position: relative;
                margin-top: 8px
            }

            .rtl-align .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container .proschecklist .benefit-line .bf-text {
                font-size: 14px
            }

            .rtl-align .shortcode-simple-container .shortcode-simple .simple-card .read-more-block a {
                font-size: 13px
            }
        }

        @media only screen and (min-width:540px)and (max-width:767px) {
            .shortcode-simple-container .shortcode-simple .simple-card {
                padding: 25px 34px
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block {
                padding-inline: 0
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container {
                margin-left: unset;
                margin-right: unset;
                min-width: unset
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container .top-info-container {
                justify-content: center;
                padding-inline: 64px
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container .top-info-container .info-header {
                width: unset
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container .top-info-container .info-header .broker-logo-link {
                padding-inline: 24px;
                margin-inline: 0;
                box-sizing: content-box
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container .top-info-container .stars-container {
                justify-content: center
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container .proschecklist .benefit-line {
                padding-inline-end: unset
            }
        }

        @media only screen and (max-width:450px) {
            .shortcode-simple-container .shortcode-simple .simple-card {
                height: unset;
                padding: 17px 33px
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block {
                padding-inline: 0
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container {
                min-width: unset;
                margin-left: unset;
                margin-right: unset
            }

            .shortcode-simple-container .shortcode-simple .stars-container {
                margin-left: 0
            }

            .shortcode-simple-container .shortcode-simple .broker-logo-link {
                margin-left: 0
            }
        }

        html[dir=rtl] .more-info .tooltip-popup {
            right: unset;
            left: var(--tooltip-popup-shift)
        }

        .rtl-align .shortcode-simple .simple-card .chevron-down {
            float: left
        }

        .rtl-align .shortcode-simple .simple-card .info-block .info-block-container .top-info-container .broker-index-blue span {
            top: 1px
        }

        .rtl-align .shortcode-simple .simple-card .read-more-block a {
            font-size: 13px
        }

        .rtl-align .shortcode-simple .proschecklist {
            padding-top: 8px;
            padding-bottom: 8px
        }

        .rtl-align .shortcode-simple .proschecklist .benefit-line {
            font-family: noto-naskh;
            margin-bottom: 8px;
            min-height: 24px
        }

        .rtl-align .shortcode-simple .proschecklist .benefit-line .checkbox-white {
            left: unset;
            right: 0;
            top: 0;
            direction: rtl
        }

        .rtl-align .shortcode-simple .proschecklist .benefit-line .bf-text {
            font-family: noto-naskh;
            font-size: 16px;
            line-height: 24px;
            text-align: right;
            direction: rtl;
            margin-left: unset;
            margin-right: 20px;
            left: 0;
            float: right
        }

        .rtl-align .shortcode-simple .tooltip-popup {
            right: unset
        }

        .rtl-align .shortcode-simple .star .halfed {
            transform: scaleX(-1)
        }

        @media only screen and (max-width:320px) {
            .shortcode-simple-container .shortcode-simple .simple-card {
                padding: 16px 5px 12px 5px
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block {
                justify-content: unset
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container {
                margin-left: unset;
                margin-right: unset
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container .info-header .broker-logo-link {
                margin-bottom: 0;
                margin-inline: 1px
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container .info-header .stars-container {
                width: unset;
                align-items: baseline
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container .info-header .stars-container .rating-star-container {
                width: 13px;
                height: 13px
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container .info-header .stars-container .rating-star-container .star {
                margin-left: 0
            }
        }

        @media only screen and (max-width:290px) {
            .shortcode-simple-container .shortcode-simple .simple-card {
                padding: 16px 1px 12px 1px
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block {
                padding-inline: 4px
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-header {
                justify-content: normal
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container .stars-container .rate-value {
                font-size: 11px;
                margin-inline-end: 1px
            }

            .shortcode-simple-container .shortcode-simple .simple-card .info-block .info-block-container .proschecklist {
                box-sizing: border-box
            }
        }

        .info-box {
            --icon-quad-size: 16px;
            --txtbox-l-margin: 12px
        }

        .info-box .info-box-content {
            padding: 8px 16px 8px 16px;
            background-color: var(--light-600);
            display: flex;
            flex-direction: row
        }

        .at-glance {
            --ag-pad: 52px;
            --dot-pad-top: 16px;
            --timeline-side-pos: -25px;
            --dot-side-pos: -30px
        }

        .at-glance {
            position: relative;
            width: -webkit-fill-available;
            padding: 16px;
            padding-left: var(--ag-pad);
            background-color: var(--main-transparence);
            overflow: hidden;
            list-style: none;
            border-radius: 4px
        }

        .at-glance .at-glance-item a,
        .at-glance .at-glance-item span {
            font-size: 16px;
            line-height: 150%
        }

        .at-glance .at-glance-item a {
            color: var(--main-dark-blue);
            text-decoration: none
        }

        .at-glance .at-glance-item:first-child {
            padding-top: 0
        }

        .at-glance .at-glance-item:first-child .at-glance-dot {
            top: calc(.5em - 2px)
        }

        .at-glance .at-glance-item:first-child .at-glance-timeline {
            height: 100%;
            top: 1em
        }

        .at-glance .at-glance-item:last-child .at-glance-timeline {
            height: calc(1em + 2px)
        }

        .at-glance .at-glance-item:only-child {
            padding-top: 0
        }

        .at-glance .at-glance-item:only-child .at-glance-timeline {
            height: 0
        }

        .at-glance-item {
            position: inherit;
            margin: 0;
            padding: 0;
            padding-top: var(--dot-pad-top)
        }

        .at-glance-dot {
            height: 12px;
            width: 12px;
            border-radius: 50%;
            position: absolute;
            left: var(--dot-side-pos);
            top: calc(14px + .5em);
            color: var(--blue-500);
            background: var(--blue-500)
        }

        .at-glance-timeline {
            height: 100%;
            left: var(--timeline-side-pos);
            position: absolute;
            border-left: 2px solid var(--blue-500);
            width: 2px;
            top: 5px
        }

        .rtl-align .at-glance {
            padding-left: unset;
            padding-right: var(--ag-pad)
        }

        .rtl-align .at-glance .at-glance-dot {
            right: var(--dot-side-pos);
            left: unset
        }

        .rtl-align .at-glance .at-glance-timeline {
            right: var(--timeline-side-pos);
            left: unset;
            border-left: unset;
            border-right: 2px solid var(--blue-500)
        }

        .shortcode-full {
            width: 100%;
            width: -webkit-fill-available;
            display: flex;
            flex-direction: column;
            gap: 56px
        }

        .shortcode-full .stars-container {
            position: relative;
            margin: 4px 0;
            text-align: center;
            display: flex
        }

        .shortcode-full .stars-container .star {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 24px;
            height: 24px
        }

        .shortcode-full .stars-container .star svg {
            width: 18.94px;
            height: 18px
        }

        .shortcode-full .shortcode-full-element,
        .shortcode-full .broker-name-and-summary-text,
        .shortcode-full .broker-full-description-text,
        .shortcode-full .full-summary-tile {
            width: 100%;
            width: -webkit-fill-available;
            display: flex;
            flex-direction: column
        }

        .shortcode-full .full-summary-tile {
            flex-direction: row;
            gap: 44px;
            margin-top: 24px;
            border: 1px solid var(--main-transparence)
        }

        .shortcode-full .full-summary-tile .pros-cons-card {
            display: flex;
            align-items: center
        }

        .shortcode-full .full-summary-tile .broker-summary-card {
            min-width: 240px;
            min-height: 296px;
            background-color: var(--main-transparence);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center
        }

        .shortcode-full .full-summary-tile .broker-summary-card .card-logo {
            height: 40px;
            width: 110px
        }

        .shortcode-full .full-summary-tile .broker-summary-card .card-logo * {
            height: 40px;
            width: 110px
        }

        .shortcode-full .full-summary-tile .broker-summary-card .get-started-block {
            width: 160px;
            margin-top: 24px
        }

        .shortcode-full .full-summary-tile .broker-summary-card .get-started-block.is-not-partner {
            text-align: center
        }

        .shortcode-full .full-summary-tile .broker-summary-card .get-started-block .read-review-link {
            text-decoration-line: none;
            text-align: center;
            font-size: 14px
        }

        .shortcode-full .full-summary-tile .broker-summary-card .get-started-block .get-started-button {
            min-height: 40px;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
            background-color: var(--main-dark-blue);
            text-decoration: none;
            color: #fff;
            text-align: center;
            vertical-align: middle;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 700;
            margin-bottom: 4px
        }

        .shortcode-full .broker-full-description-text {
            margin-top: 24px;
            font-size: 15px;
            line-height: 22.5px
        }

        .shortcode-full .broker-name-and-summary-text .in-summary {
            margin-top: 16px
        }

        .shortcode-full .read-more-link {
            margin-top: 12px;
            text-decoration: none;
            width: fit-content
        }

        @media only screen and (max-width:560px) {
            .shortcode-full .read-more-link {
                margin-top: 0
            }

            .shortcode-full .pros-and-cons {
                padding-top: 0
            }

            .shortcode-full .full-summary-tile {
                flex-direction: column;
                gap: 16px
            }

            .shortcode-full .full-summary-tile .broker-summary-card {
                width: 100%;
                min-height: 240px;
                margin: auto
            }

            .shortcode-full .full-summary-tile .broker-summary-card .get-started-block {
                margin-top: 16px
            }
        }

        html[dir=rtl] .shortcode-full .stars-container .star .halfed {
            transform: scaleX(-1)
        }

        .pros-and-cons {
            width: -webkit-fill-available;
            display: flex;
            flex-direction: column;
            gap: 16px;
            padding: 24px
        }

        .pros-and-cons h4 {
            margin-bottom: 0
        }

        .pros-and-cons .pros-cons-list {
            display: flex;
            flex-direction: column;
            list-style: none;
            gap: 16px;
            margin-block-start: 0;
            margin-block-end: 0;
            margin-inline-start: 0;
            margin-inline-end: 0;
            padding-inline-start: 0
        }

        .pros-and-cons .pros-cons-list li {
            display: inline-flex;
            flex-direction: row;
            align-items: center;
            position: relative;
            min-height: 24px
        }

        .pros-and-cons .pros-cons-list li:before {
            height: 16px;
            width: 16px;
            content: " ";
            display: inline-flex;
            background-size: contain;
            position: absolute;
            top: 3px
        }

        .pros-and-cons .pros-cons-list li.pros-element:before {
            background-image: url("images/pros-icon.png")
        }

        .pros-and-cons .pros-cons-list li.cons-element:before {
            background-image: url("images/cons-icon.png")
        }

        .pros-and-cons .pros-cons-list li span {
            margin-inline-start: 24px
        }

        .pros-and-cons {
            width: -webkit-fill-available;
            display: flex;
            flex-direction: column;
            gap: 16px;
            padding: 24px
        }

        .pros-and-cons h4 {
            margin-bottom: 0
        }

        .pros-and-cons .pros-cons-list {
            display: flex;
            flex-direction: column;
            list-style: none;
            gap: 16px;
            margin-block-start: 0;
            margin-block-end: 0;
            margin-inline-start: 0;
            margin-inline-end: 0;
            padding-inline-start: 0
        }

        .pros-and-cons .pros-cons-list li {
            display: inline-flex;
            flex-direction: row;
            align-items: center;
            position: relative;
            min-height: 24px
        }

        .pros-and-cons .pros-cons-list li:before {
            height: 16px;
            width: 16px;
            content: " ";
            display: inline-flex;
            background-size: contain;
            position: absolute;
            top: 3px
        }

        .pros-and-cons .pros-cons-list li.pros-element:before {
            background-image: url("images/pros-icon.png")
        }

        .pros-and-cons .pros-cons-list li.cons-element:before {
            background-image: url("images/cons-icon.png")
        }

        .pros-and-cons .pros-cons-list li span {
            margin-inline-start: 24px
        }

        .comparison-brokers-container {
            margin-bottom: 56px
        }

        .comparison-brokers-container #comparison-brokers {
            --transparent-replacement: #E6EEF9;
            --border-transparence-replacement: #D2E0F4;
            width: 100%;
            overflow-x: auto;
            overflow-y: hidden
        }

        .comparison-brokers-container #comparison-brokers .comparison-link .logo {
            width: 110px;
            height: 40px
        }

        .comparison-brokers-container #comparison-brokers .comparison-link .logo * {
            width: 110px;
            height: 40px
        }

        .comparison-brokers-container #comparison-brokers .read-review-link {
            font-size: 12px;
            line-height: 18px;
            text-decoration-line: none;
            color: var(--main-dark-blue) !important
        }

        .comparison-brokers-container #comparison-brokers table {
            width: inherit;
            border-collapse: separate;
            table-layout: fixed;
            border-spacing: 0;
            border: 1px solid var(--border-transparence-replacement)
        }

        .comparison-brokers-container #comparison-brokers table td {
            border: 1px solid var(--border-transparence-replacement);
            align-items: center;
            padding: 3px 5px;
            width: 120px !important;
            font-size: 12px;
            line-height: 150%;
            text-indent: 1px;
            color: var(--dark-500)
        }

        .comparison-brokers-container #comparison-brokers table td.broker-logo-cell {
            padding: 0;
            height: 46px
        }

        .comparison-brokers-container #comparison-brokers table td .bool-icon-container {
            display: flex;
            justify-content: center;
            align-items: center
        }

        .comparison-brokers-container #comparison-brokers table td.is-not-partner {
            text-align: center;
            vertical-align: middle !important
        }

        .comparison-brokers-container #comparison-brokers table tr:nth-child(even),
        .comparison-brokers-container #comparison-brokers table tr:nth-child(even) td {
            background-color: var(--transparent-replacement)
        }

        .comparison-brokers-container #comparison-brokers table tr:nth-child(odd) td {
            background-color: #fff
        }

        .comparison-brokers-container #comparison-brokers table>tr,
        .comparison-brokers-container #comparison-brokers table td span {
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 150%;
            display: flex;
            align-items: center;
            text-align: center;
            justify-content: center;
            text-indent: 1px;
            color: var(--dark-500)
        }

        .comparison-brokers-container #comparison-brokers table td .comparison-popup-cell {
            display: inline-flex;
            justify-content: start;
            align-items: center;
            width: 100%;
            min-height: 30px
        }

        .comparison-brokers-container #comparison-brokers table td .comparison-popup-cell span {
            text-align: start
        }

        .comparison-brokers-container .comparison-yes-no-text {
            display: inline-flex
        }

        .comparison-brokers-container .comparison-yes-no-text span {
            font-weight: 600;
            font-size: 12px;
            line-height: 150%
        }

        .comparison-brokers-container .comparison-label {
            position: sticky;
            z-index: 99;
            left: 0
        }

        .comparison-brokers-container .comparison-label div span {
            text-align: start
        }

        .comparison-brokers-container .comparison-link {
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 150%;
            display: flex;
            align-items: center;
            text-align: center;
            text-indent: 1px;
            color: var(--main-dark-blue);
            justify-content: center;
            text-decoration: none
        }

        .comparison-brokers-container .simple-card-tooltip {
            width: 12px;
            height: 12px;
            background: url("images/css_sprites_icons.png") -268px -106px;
            display: inline-flex;
            float: left;
            margin-left: 5px;
            cursor: pointer;
            position: relative
        }

        .comparison-brokers-container .simple-card-tooltip:hover .tooltip-popup {
            display: block
        }

        .comparison-brokers-container .tooltip-popup {
            display: none;
            position: absolute;
            background: #52616b;
            color: var(--dark-500);
            font-size: 14px;
            right: -5px;
            padding: 8px;
            text-indent: 1px;
            font-size: 10px;
            line-height: 145%;
            border-radius: 2px;
            min-width: 85px;
            bottom: 18px
        }

        .comparison-brokers-container .tooltip-popup:after {
            top: 100%;
            right: 10%;
            border: solid rgba(0, 0, 0, 0);
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(0, 0, 0, 0);
            border-top-color: #52616b;
            border-width: 4px;
            margin-left: -8px
        }

        .comparison-brokers-container .tooltip-popup:hover {
            display: block
        }

        .comparison-brokers-container .ok,
        .comparison-brokers-container .x {
            background: url(images/true-false-icons-sprite.png) no-repeat;
            width: 16px;
            height: 16px;
            display: inline-block;
            margin: 0 5px;
            position: relative;
            background-size: cover
        }

        .comparison-brokers-container .ok {
            background-position: -16px 0
        }

        @media(max-width:1024px) {
            .comparison-brokers-container #comparison-brokers .comparison-label {
                width: calc(100% - 160px) !important;
                max-width: 160px !important
            }

            .comparison-brokers-container #comparison-brokers tbody tr td:not(.comparison-label) {
                width: calc(50% - 80px) !important
            }

            .comparison-brokers-container #comparison-brokers tbody tr td.comparison-label {
                width: 160px !important
            }

            .comparison-brokers-container #comparison-brokers .comparison-link .logo {
                width: 80px;
                height: 30px
            }

            .comparison-brokers-container #comparison-brokers .comparison-link .logo * {
                width: 80px !important;
                height: 30px
            }

            .comparison-brokers-container.horizontal-scroll-container::before,
            .comparison-brokers-container.horizontal-scroll-container::after {
                display: block
            }
        }

        html[dir=rtl] .comparison-brokers-container .comparison-label {
            left: unset;
            right: 0 !important
        }

        html[dir=rtl] .comparison-brokers-container .tooltip-popup:after {
            right: unset;
            left: 10%;
            margin-left: unset;
            margin-right: -8px
        }

        html[dir=rtl] .comparison-brokers-container .tooltip-popup {
            right: unset;
            left: -5px
        }

        .comparison-brokers-container #comparison-brokers table tr {
            min-height: 42px
        }

        .comparison-brokers-container #comparison-brokers table tr td {
            box-sizing: border-box;
            height: 42px
        }

        .comparison-brokers-container #comparison-brokers table tr td.doorway-link {
            padding: 15px !important;
            vertical-align: top;
            height: 88px
        }

        .comparison-brokers-container #comparison-brokers table tr td .get-started-cta-container {
            max-width: 120px;
            margin: auto
        }

        .comparison-brokers-container #comparison-brokers table tr td .get-started-cta-container a.get-started-cta {
            background-color: var(--main-dark-blue);
            min-height: 32px;
            border-radius: 2px;
            display: flex;
            padding: 4px 16px;
            color: #fff;
            font-weight: 700;
            width: auto;
            width: -webkit-fill-available;
            box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .08);
            text-decoration: none;
            align-items: center;
            justify-content: center;
            text-align: center;
            box-sizing: border-box
        }

        .comparison-brokers-container #comparison-brokers table tr td .get-started-cta-container .disclaimer {
            margin-top: 4px
        }

        @media(max-width:768px) {
            .comparison-brokers-container #comparison-brokers table tbody tr td:not(.comparison-label) {
                width: calc((100vw - 120px)/2 - 37px) !important
            }

            .comparison-brokers-container #comparison-brokers table tbody tr td:not(.comparison-label).doorway-link {
                padding: 3px 5px !important;
                vertical-align: middle
            }

            .comparison-brokers-container #comparison-brokers table tbody tr td:not(.comparison-label) .get-started-cta-container {
                display: none
            }

            .comparison-brokers-container #comparison-brokers table tbody tr td.comparison-label {
                width: 260px !important
            }

            .comparison-brokers-container #comparison-brokers table tbody tr td.broker-logo-cell {
                height: 42px
            }

            .comparison-brokers-container #comparison-brokers table tbody tr td.doorway-link {
                height: 42px
            }
        }

        @media(max-width:560px) {
            .comparison-brokers-container #comparison-brokers table tbody tr td:not(.comparison-label) {
                width: calc((100vw - 120px - 34px)/2) !important
            }

            .comparison-brokers-container #comparison-brokers table tbody tr td.comparison-label {
                width: 120px !important
            }
        }

        @media(max-width:400px) {
            .comparison-brokers-container #comparison-brokers table tbody tr td:not(.comparison-label) {
                width: 120px !important
            }
        }

        @media(min-width:769px) {
            .comparison-brokers-container .visit-website-link {
                display: none !important
            }
        }

        h1,
        h2,
        h3,
        h4,
        span,
        b,
        strong,
        p,
        li {
            color: var(--dark-500)
        }

        a,
        span[data-ccp-charstyle=Hyperlink] {
            color: var(--main-dark-blue)
        }

        h1,
        h2,
        h3,
        h4,
        strong,
        b {
            font-weight: 700;
            margin-block-start: 0;
            margin-block-end: 0
        }

        h1 {
            font-size: 56px;
            line-height: 84px
        }

        h2 {
            font-size: 40px;
            line-height: 150%
        }

        h3 {
            font-size: 28px;
            line-height: 150%
        }

        h4 {
            font-size: 24px;
            line-height: 150%
        }

        p,
        span,
        strong,
        a,
        li {
            font-size: 15px;
            line-height: 150%;
            margin-block-start: 0;
            margin-block-end: 0
        }

        li {
            margin-block-end: 10px
        }

        .caption,
        .rating-text {
            font-size: 12px;
            line-height: 150%;
            color: var(--light-800)
        }

        .disclaimer {
            font-size: 8px;
            line-height: 150%;
            text-align: center
        }

        @media(max-width:768px) {
            h1 {
                font-size: 32px;
                line-height: 41.6px
            }

            h2 {
                font-size: 24px;
                line-height: 150%
            }

            h3 {
                font-size: 20px;
                line-height: 150%
            }

            h4 {
                font-size: 18px;
                line-height: 150%
            }

            .disclaimer {
                font-size: 7px;
                line-height: 10.5px
            }

            table tbody {
                font-size: 14px;
                line-height: 150%
            }
        }

        @font-face {
            font-family: "oswald";
            src: url("../fonts/oswald-700-l.woff2") format("woff2");
            font-display: swap;
            speak: none;
            font-style: normal;
            font-weight: bold;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: subpixel-antialiased;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
        }

        @font-face {
            font-family: "inter";
            src: url("../fonts/inter-400-l.woff2") format("woff2");
            font-display: swap;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: subpixel-antialiased;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
        }

        @font-face {
            font-family: "inter";
            src: url("../fonts/inter-700-l.woff2") format("woff2");
            font-display: swap;
            font-weight: 700;
            text-transform: none;
            line-height: 1;
            text-rendering: optimizeLegibility;
            -webkit-font-smoothing: subpixel-antialiased;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
        }

        h1,
        h2,
        h3,
        h4 {
            font-family: oswald
        }

        p,
        span,
        a,
        li,
        .caption,
        .disclaimer,
        .hmcab {
            font-family: inter
        }

        table td,
        table th {
            font-family: inter
        }

        table td div,
        table th div {
            font-family: inter
        }

        .page-body {
            /* --toc-width: 88px; */
            display: flex;
            flex-direction: row;
            margin: 0 24px;
            margin-bottom: 40px;
            margin-top: 16px
        }

        .page-body .content-column {
            width: -webkit-fill-available;
            width: calc(100% - var(--toc-width) - 360px);
            min-width: 960px;
            max-width: 1348px;
            margin: 0 auto;
        }

        .page-body .content-column .page-metadata {
            margin-top: 16px
        }

        .page-body .content-column .content-body {
            margin-top: 40px
        }

        .page-body .toc-column {
            min-width: var(--toc-width);
            width: var(--toc-width)
        }

        .page-body .sidebar-column {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 16px;
            padding-top: 16px;
            min-width: 400px;
            margin-inline-start: 56px
        }

        .cta-button{
            text-decoration: none;
        }

        .desktop-top-5-brokers-container{
            width: 100%;
        }
        .top-breadcrumbs-container {
            display: flex;
            align-items: center;
            padding-inline: 24px;
            align-items: end;
            min-height: 35px;
            max-width: 1900px
        }

        .top-breadcrumbs-container .breadcrumbs-container {
            padding: 0;
            width: 75%
        }

        .top-breadcrumbs-container .breadcrumbs-container .dfx-common-breadcrumbs .breadcrumb-item:last-child {
            display: none
        }

        .top-breadcrumbs-container .breadcrumbs-container .dfx-common-breadcrumbs .breadcrumb-item:nth-last-child(2)::after {
            display: none
        }

        @media(max-width:1200px) {
            .page-body .content-column {
                min-width: unset;
                width: 100%;
                width: -webkit-fill-available
            }

            .page-body .sidebar-column {
                display: none
            }
        }

        @media(max-width:1024px) {
            .page-body {
                --toc-width: 0
            }

            .top-breadcrumbs-container {
                padding-top: 16px
            }

            .top-breadcrumbs-container .breadcrumbs-container .dfx-common-breadcrumbs {
                padding: 0;
                min-height: 24px;
                height: unset
            }

            .top-breadcrumbs-container .breadcrumbs-container .dfx-common-breadcrumbs .breadcrumb-item:last-child {
                height: unset
            }
        }

        @media(max-width:768px) {
            .top-breadcrumbs-container {
                padding-inline: 16px
            }

            .top-breadcrumbs-container .breadcrumbs-container {
                width: 100%
            }

            .top-breadcrumbs-container .breadcrumbs-container .dfx-common-breadcrumbs .breadcrumb-item:last-child {
                font-size: 12px
            }

            .page-body {
                margin: 0 16px 56px
            }

            .page-body .content-column {
                margin-top: 24px
            }

            .page-body .content-column .page-bar-extended {
                margin-bottom: 24px
            }

            .page-body .content-column .content-body {
                margin-top: 24px
            }
        }

        @media(max-width:480px) {
            .top-breadcrumbs-container {
                flex-direction: column;
                row-gap: 12px
            }

            .top-breadcrumbs-container .breadcrumbs-container {
                order: 2;
                width: 100%
            }

            .top-breadcrumbs-container #AdvertiserDisclosure {
                align-self: end;
                width: 100%
            }
        }

        .content-column .content-body ul,
        .content-column .content-body ol,
        .content-column .main-content ul,
        .content-column .main-content ol,
        .content-column .broker-full-description-text ul,
        .content-column .broker-full-description-text ol,
        .content-column .head-description ul,
        .content-column .head-description ol {
            margin-block-start: 0;
            margin-block-end: 0
        }

        .content-column .content-body>.section-element+*,
        .content-column .main-content>.section-element+*,
        .content-column .broker-full-description-text>.section-element+*,
        .content-column .head-description>.section-element+* {
            margin-top: 56px
        }

        .content-column .content-body>h2+p,
        .content-column .content-body>h3+p,
        .content-column .content-body>h4+p,
        .content-column .main-content>h2+p,
        .content-column .main-content>h3+p,
        .content-column .main-content>h4+p,
        .content-column .broker-full-description-text>h2+p,
        .content-column .broker-full-description-text>h3+p,
        .content-column .broker-full-description-text>h4+p,
        .content-column .head-description>h2+p,
        .content-column .head-description>h3+p,
        .content-column .head-description>h4+p {
            margin-top: 24px
        }

        .content-column .content-body>p+p,
        .content-column .main-content>p+p,
        .content-column .broker-full-description-text>p+p,
        .content-column .head-description>p+p {
            margin-top: 24px
        }

        .content-column .content-body>h2+ul,
        .content-column .content-body>h3+ul,
        .content-column .content-body>h4+ul,
        .content-column .content-body>h2+ol,
        .content-column .content-body>h3+ol,
        .content-column .content-body>h4+ol,
        .content-column .content-body>p+ul,
        .content-column .content-body>p+ol,
        .content-column .content-body>ul+p,
        .content-column .content-body>ol+p,
        .content-column .content-body>ul+h2,
        .content-column .content-body>ul+h3,
        .content-column .content-body>ul+h4,
        .content-column .content-body>ol+h2,
        .content-column .content-body>ol+h3,
        .content-column .content-body>ol+h4,
        .content-column .main-content>h2+ul,
        .content-column .main-content>h3+ul,
        .content-column .main-content>h4+ul,
        .content-column .main-content>h2+ol,
        .content-column .main-content>h3+ol,
        .content-column .main-content>h4+ol,
        .content-column .main-content>p+ul,
        .content-column .main-content>p+ol,
        .content-column .main-content>ul+p,
        .content-column .main-content>ol+p,
        .content-column .main-content>ul+h2,
        .content-column .main-content>ul+h3,
        .content-column .main-content>ul+h4,
        .content-column .main-content>ol+h2,
        .content-column .main-content>ol+h3,
        .content-column .main-content>ol+h4,
        .content-column .broker-full-description-text>h2+ul,
        .content-column .broker-full-description-text>h3+ul,
        .content-column .broker-full-description-text>h4+ul,
        .content-column .broker-full-description-text>h2+ol,
        .content-column .broker-full-description-text>h3+ol,
        .content-column .broker-full-description-text>h4+ol,
        .content-column .broker-full-description-text>p+ul,
        .content-column .broker-full-description-text>p+ol,
        .content-column .broker-full-description-text>ul+p,
        .content-column .broker-full-description-text>ol+p,
        .content-column .broker-full-description-text>ul+h2,
        .content-column .broker-full-description-text>ul+h3,
        .content-column .broker-full-description-text>ul+h4,
        .content-column .broker-full-description-text>ol+h2,
        .content-column .broker-full-description-text>ol+h3,
        .content-column .broker-full-description-text>ol+h4,
        .content-column .head-description>h2+ul,
        .content-column .head-description>h3+ul,
        .content-column .head-description>h4+ul,
        .content-column .head-description>h2+ol,
        .content-column .head-description>h3+ol,
        .content-column .head-description>h4+ol,
        .content-column .head-description>p+ul,
        .content-column .head-description>p+ol,
        .content-column .head-description>ul+p,
        .content-column .head-description>ol+p,
        .content-column .head-description>ul+h2,
        .content-column .head-description>ul+h3,
        .content-column .head-description>ul+h4,
        .content-column .head-description>ol+h2,
        .content-column .head-description>ol+h3,
        .content-column .head-description>ol+h4 {
            margin-top: 16px
        }

        .content-column .content-body>p+h2,
        .content-column .content-body>p+h3,
        .content-column .content-body>p+h4,
        .content-column .content-body>ul+h2,
        .content-column .content-body>ul+h3,
        .content-column .content-body>ul+h4,
        .content-column .content-body>ol+h2,
        .content-column .content-body>ol+h3,
        .content-column .content-body>ol+h4,
        .content-column .main-content>p+h2,
        .content-column .main-content>p+h3,
        .content-column .main-content>p+h4,
        .content-column .main-content>ul+h2,
        .content-column .main-content>ul+h3,
        .content-column .main-content>ul+h4,
        .content-column .main-content>ol+h2,
        .content-column .main-content>ol+h3,
        .content-column .main-content>ol+h4,
        .content-column .broker-full-description-text>p+h2,
        .content-column .broker-full-description-text>p+h3,
        .content-column .broker-full-description-text>p+h4,
        .content-column .broker-full-description-text>ul+h2,
        .content-column .broker-full-description-text>ul+h3,
        .content-column .broker-full-description-text>ul+h4,
        .content-column .broker-full-description-text>ol+h2,
        .content-column .broker-full-description-text>ol+h3,
        .content-column .broker-full-description-text>ol+h4,
        .content-column .head-description>p+h2,
        .content-column .head-description>p+h3,
        .content-column .head-description>p+h4,
        .content-column .head-description>ul+h2,
        .content-column .head-description>ul+h3,
        .content-column .head-description>ul+h4,
        .content-column .head-description>ol+h2,
        .content-column .head-description>ol+h3,
        .content-column .head-description>ol+h4 {
            margin-top: 24px
        }

        .content-column .content-body>h2+.comparison-brokers-container,
        .content-column .content-body>h2+.comparison-brokers,
        .content-column .content-body>h2+.styledtable-container,
        .content-column .content-body>h3+.comparison-brokers-container,
        .content-column .content-body>h3+.comparison-brokers,
        .content-column .content-body>h3+.styledtable-container,
        .content-column .content-body>h4+.comparison-brokers-container,
        .content-column .content-body>h4+.comparison-brokers,
        .content-column .content-body>h4+.styledtable-container,
        .content-column .main-content>h2+.comparison-brokers-container,
        .content-column .main-content>h2+.comparison-brokers,
        .content-column .main-content>h2+.styledtable-container,
        .content-column .main-content>h3+.comparison-brokers-container,
        .content-column .main-content>h3+.comparison-brokers,
        .content-column .main-content>h3+.styledtable-container,
        .content-column .main-content>h4+.comparison-brokers-container,
        .content-column .main-content>h4+.comparison-brokers,
        .content-column .main-content>h4+.styledtable-container,
        .content-column .broker-full-description-text>h2+.comparison-brokers-container,
        .content-column .broker-full-description-text>h2+.comparison-brokers,
        .content-column .broker-full-description-text>h2+.styledtable-container,
        .content-column .broker-full-description-text>h3+.comparison-brokers-container,
        .content-column .broker-full-description-text>h3+.comparison-brokers,
        .content-column .broker-full-description-text>h3+.styledtable-container,
        .content-column .broker-full-description-text>h4+.comparison-brokers-container,
        .content-column .broker-full-description-text>h4+.comparison-brokers,
        .content-column .broker-full-description-text>h4+.styledtable-container,
        .content-column .head-description>h2+.comparison-brokers-container,
        .content-column .head-description>h2+.comparison-brokers,
        .content-column .head-description>h2+.styledtable-container,
        .content-column .head-description>h3+.comparison-brokers-container,
        .content-column .head-description>h3+.comparison-brokers,
        .content-column .head-description>h3+.styledtable-container,
        .content-column .head-description>h4+.comparison-brokers-container,
        .content-column .head-description>h4+.comparison-brokers,
        .content-column .head-description>h4+.styledtable-container {
            margin-top: 24px
        }

        .content-column .content-body>p+.styledtable-container,
        .content-column .content-body>p+.BrokerAttr_Common,
        .content-column .content-body>a+.styledtable-container,
        .content-column .content-body>a+.BrokerAttr_Common,
        .content-column .content-body>ul+.styledtable-container,
        .content-column .content-body>ul+.BrokerAttr_Common,
        .content-column .content-body>ol+.styledtable-container,
        .content-column .content-body>ol+.BrokerAttr_Common,
        .content-column .main-content>p+.styledtable-container,
        .content-column .main-content>p+.BrokerAttr_Common,
        .content-column .main-content>a+.styledtable-container,
        .content-column .main-content>a+.BrokerAttr_Common,
        .content-column .main-content>ul+.styledtable-container,
        .content-column .main-content>ul+.BrokerAttr_Common,
        .content-column .main-content>ol+.styledtable-container,
        .content-column .main-content>ol+.BrokerAttr_Common,
        .content-column .broker-full-description-text>p+.styledtable-container,
        .content-column .broker-full-description-text>p+.BrokerAttr_Common,
        .content-column .broker-full-description-text>a+.styledtable-container,
        .content-column .broker-full-description-text>a+.BrokerAttr_Common,
        .content-column .broker-full-description-text>ul+.styledtable-container,
        .content-column .broker-full-description-text>ul+.BrokerAttr_Common,
        .content-column .broker-full-description-text>ol+.styledtable-container,
        .content-column .broker-full-description-text>ol+.BrokerAttr_Common,
        .content-column .head-description>p+.styledtable-container,
        .content-column .head-description>p+.BrokerAttr_Common,
        .content-column .head-description>a+.styledtable-container,
        .content-column .head-description>a+.BrokerAttr_Common,
        .content-column .head-description>ul+.styledtable-container,
        .content-column .head-description>ul+.BrokerAttr_Common,
        .content-column .head-description>ol+.styledtable-container,
        .content-column .head-description>ol+.BrokerAttr_Common {
            margin-top: 24px
        }

        .content-column .content-body .comparison-brokers,
        .content-column .content-body .comparison-brokers-container,
        .content-column .content-body .styledtable-container,
        .content-column .content-body .BrokerAttr_Common,
        .content-column .main-content .comparison-brokers,
        .content-column .main-content .comparison-brokers-container,
        .content-column .main-content .styledtable-container,
        .content-column .main-content .BrokerAttr_Common,
        .content-column .broker-full-description-text .comparison-brokers,
        .content-column .broker-full-description-text .comparison-brokers-container,
        .content-column .broker-full-description-text .styledtable-container,
        .content-column .broker-full-description-text .BrokerAttr_Common,
        .content-column .head-description .comparison-brokers,
        .content-column .head-description .comparison-brokers-container,
        .content-column .head-description .styledtable-container,
        .content-column .head-description .BrokerAttr_Common {
            margin-bottom: 24px
        }

        .content-column .content-body img.img-responsive,
        .content-column .main-content img.img-responsive,
        .content-column .broker-full-description-text img.img-responsive,
        .content-column .head-description img.img-responsive {
            max-width: 100%
        }

        .content-column .content-body img.center,
        .content-column .main-content img.center,
        .content-column .broker-full-description-text img.center,
        .content-column .head-description img.center {
            margin: auto;
            display: block
        }

        .content-column .content-body>p+p:has(img),
        .content-column .content-body>a+p:has(img),
        .content-column .content-body>ul+p:has(img),
        .content-column .content-body>ol+p:has(img),
        .content-column .content-body>h2+p:has(img),
        .content-column .content-body>h3+p:has(img),
        .content-column .content-body>h4+p:has(img),
        .content-column .main-content>p+p:has(img),
        .content-column .main-content>a+p:has(img),
        .content-column .main-content>ul+p:has(img),
        .content-column .main-content>ol+p:has(img),
        .content-column .main-content>h2+p:has(img),
        .content-column .main-content>h3+p:has(img),
        .content-column .main-content>h4+p:has(img),
        .content-column .broker-full-description-text>p+p:has(img),
        .content-column .broker-full-description-text>a+p:has(img),
        .content-column .broker-full-description-text>ul+p:has(img),
        .content-column .broker-full-description-text>ol+p:has(img),
        .content-column .broker-full-description-text>h2+p:has(img),
        .content-column .broker-full-description-text>h3+p:has(img),
        .content-column .broker-full-description-text>h4+p:has(img),
        .content-column .head-description>p+p:has(img),
        .content-column .head-description>a+p:has(img),
        .content-column .head-description>ul+p:has(img),
        .content-column .head-description>ol+p:has(img),
        .content-column .head-description>h2+p:has(img),
        .content-column .head-description>h3+p:has(img),
        .content-column .head-description>h4+p:has(img) {
            margin-top: 24px
        }

        .content-column .content-body>p:has(img)+p,
        .content-column .content-body>p:has(img)+a,
        .content-column .content-body>p:has(img)+ul,
        .content-column .content-body>p:has(img)+ol,
        .content-column .content-body>p:has(img)+h2,
        .content-column .content-body>p:has(img)+h3,
        .content-column .content-body>p:has(img)+h4,
        .content-column .main-content>p:has(img)+p,
        .content-column .main-content>p:has(img)+a,
        .content-column .main-content>p:has(img)+ul,
        .content-column .main-content>p:has(img)+ol,
        .content-column .main-content>p:has(img)+h2,
        .content-column .main-content>p:has(img)+h3,
        .content-column .main-content>p:has(img)+h4,
        .content-column .broker-full-description-text>p:has(img)+p,
        .content-column .broker-full-description-text>p:has(img)+a,
        .content-column .broker-full-description-text>p:has(img)+ul,
        .content-column .broker-full-description-text>p:has(img)+ol,
        .content-column .broker-full-description-text>p:has(img)+h2,
        .content-column .broker-full-description-text>p:has(img)+h3,
        .content-column .broker-full-description-text>p:has(img)+h4,
        .content-column .head-description>p:has(img)+p,
        .content-column .head-description>p:has(img)+a,
        .content-column .head-description>p:has(img)+ul,
        .content-column .head-description>p:has(img)+ol,
        .content-column .head-description>p:has(img)+h2,
        .content-column .head-description>p:has(img)+h3,
        .content-column .head-description>p:has(img)+h4 {
            margin-bottom: 24px
        }

        .content-column .content-body>p:has(img) img,
        .content-column .main-content>p:has(img) img,
        .content-column .broker-full-description-text>p:has(img) img,
        .content-column .head-description>p:has(img) img {
            margin: auto;
            display: block
        }

        .content-column .content-body *+.advertisement-box,
        .content-column .main-content *+.advertisement-box,
        .content-column .broker-full-description-text *+.advertisement-box,
        .content-column .head-description *+.advertisement-box {
            margin-block-start: 56px
        }

        .content-column .content-body .advertisement-box+*,
        .content-column .main-content .advertisement-box+*,
        .content-column .broker-full-description-text .advertisement-box+*,
        .content-column .head-description .advertisement-box+* {
            margin-block-start: 56px
        }

        .content-column .content-body *+.promo-box,
        .content-column .main-content *+.promo-box,
        .content-column .broker-full-description-text *+.promo-box,
        .content-column .head-description *+.promo-box {
            margin-block-start: 56px
        }

        .content-column .content-body .promo-box+*,
        .content-column .main-content .promo-box+*,
        .content-column .broker-full-description-text .promo-box+*,
        .content-column .head-description .promo-box+* {
            margin-block-start: 56px
        }

        .content-column .content-body hr,
        .content-column .main-content hr,
        .content-column .broker-full-description-text hr,
        .content-column .head-description hr {
            margin-block: 24px
        }

        @media(max-width:480px) {
            .content-body {
                margin-top: 32px
            }
        }

        .content-body>img,
        .content-body>p img {
            max-width: 100%
        }

        .content-body .broker-full-description-text a,
        .content-body .broker-full-description-text span[data-ccp-charstyle=Hyperlink],
        .content-body>:not(.shortcode-simple-container):not(.info-box):not(#glance):not(:has(.read-more-link)):not(.get-started-block):not(:has(.get-started-cta)) a,
        .content-body>:not(.shortcode-simple-container):not(.info-box):not(#glance):not(:has(.read-more-link)):not(.get-started-block):not(:has(.get-started-cta)) span[data-ccp-charstyle=Hyperlink] {
            color: var(--blue-500);
            text-decoration: none
        }

        .content-body .broker-full-description-text a *,
        .content-body .broker-full-description-text span[data-ccp-charstyle=Hyperlink] *,
        .content-body>:not(.shortcode-simple-container):not(.info-box):not(#glance):not(:has(.read-more-link)):not(.get-started-block):not(:has(.get-started-cta)) a *,
        .content-body>:not(.shortcode-simple-container):not(.info-box):not(#glance):not(:has(.read-more-link)):not(.get-started-block):not(:has(.get-started-cta)) span[data-ccp-charstyle=Hyperlink] * {
            color: var(--blue-500);
            text-decoration: none
        }

        .content-body .broker-full-description-text a:hover,
        .content-body .broker-full-description-text span[data-ccp-charstyle=Hyperlink]:hover,
        .content-body>:not(.shortcode-simple-container):not(.info-box):not(#glance):not(:has(.read-more-link)):not(.get-started-block):not(:has(.get-started-cta)) a:hover,
        .content-body>:not(.shortcode-simple-container):not(.info-box):not(#glance):not(:has(.read-more-link)):not(.get-started-block):not(:has(.get-started-cta)) span[data-ccp-charstyle=Hyperlink]:hover {
            text-decoration: underline
        }

        .content-body .broker-full-description-text a:hover *,
        .content-body .broker-full-description-text span[data-ccp-charstyle=Hyperlink]:hover *,
        .content-body>:not(.shortcode-simple-container):not(.info-box):not(#glance):not(:has(.read-more-link)):not(.get-started-block):not(:has(.get-started-cta)) a:hover *,
        .content-body>:not(.shortcode-simple-container):not(.info-box):not(#glance):not(:has(.read-more-link)):not(.get-started-block):not(:has(.get-started-cta)) span[data-ccp-charstyle=Hyperlink]:hover * {
            text-decoration: underline
        }

        .content-body p:has(#myBtn) {
            margin-top: 0
        }

        .content-body #myBtn {
            border: none;
            background-color: rgba(0, 0, 0, 0);
            color: var(--main-dark-blue);
            margin: 0;
            padding: 0;
            font-size: 15px;
            font-family: inter, noto-naskh
        }

        .rtl-align .content-body #myBtn {
            font-size: 16px
        }

        .page-main-title {
            margin-block-start: 0;
            margin-block-end: 0
        }

        .styledtable-container {
            --table-font-size: 15px;
            --table-line-height: 150%;
            --table-head-weight: 700;
            --table-body-weight: 400;
            --table-row-min-height: 42px;
            --table-first-column-head-padding: 3px 32px;
            --table-first-column-head-width: 110px
        }

        .styledtable-container::before,
        .styledtable-container::after {
            display: none
        }

        html[dir=ltr] .styledtable-container .styledtable table thead th:first-of-type {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        html[dir=ltr] .styledtable-container .styledtable table thead th:last-of-type {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        html[dir=ltr] .styledtable-container .styledtable table tbody th {
            border-right: 1px solid var(--light-700)
        }

        html[dir=ltr] .styledtable-container .styledtable table.first-column {
            margin-bottom: 0
        }

        html[dir=ltr] .styledtable-container .styledtable table.first-column tr {
            background-color: var(--light-500);
            border: none
        }

        html[dir=ltr] .styledtable-container .styledtable table.first-column tr td,
        html[dir=ltr] .styledtable-container .styledtable table.first-column tr th {
            border: none
        }

        html[dir=ltr] .styledtable-container .styledtable table.first-column tr td:first-child,
        html[dir=ltr] .styledtable-container .styledtable table.first-column tr th:first-child {
            border-right: 1px solid var(--light-700);
            background-color: var(--main-dark-blue);
            font-size: var(---table-font-size);
            color: var(--light-white);
            font-weight: var(--table-head-weight);
            padding: var(--table-first-column-head-padding);
            width: var(--table-first-column-head-width) !important
        }

        html[dir=ltr] .styledtable-container .styledtable table.first-column tr td:first-child *,
        html[dir=ltr] .styledtable-container .styledtable table.first-column tr th:first-child * {
            font-size: var(--table-font-size);
            font-weight: var(--table-head-weight);
            color: var(--light-white)
        }

        html[dir=ltr] .styledtable-container .styledtable table.first-column tr:nth-child(even) {
            background-color: #fff
        }

        .styledtable-container .styledtable {
            overflow-x: auto;
            max-width: 100%;
            width: 100% !important
        }

        .styledtable-container .styledtable table {
            --min-width: 110px;
            border-collapse: collapse;
            border-spacing: 0;
            width: 100% !important;
            margin: 8px 0;
            table-layout: fixed;
            border: none
        }

        .styledtable-container .styledtable table thead th p,
        .styledtable-container .styledtable table thead th span,
        .styledtable-container .styledtable table thead th div,
        .styledtable-container .styledtable table thead th .styled-cell,
        .styledtable-container .styledtable table thead th strong {
            color: #fff
        }

        .styledtable-container .styledtable table.first-column thead th {
            height: var(--table-row-min-height);
            padding: 3px 5px;
            border-bottom: 1px solid var(--light-700);
            box-sizing: border-box
        }

        .styledtable-container .styledtable table.first-column thead th div span,
        .styledtable-container .styledtable table.first-column thead th div strong {
            color: var(--dark-500);
            font-weight: var(--table-body-weight);
            font-size: var(--table-font-size);
            line-height: var(--table-line-height)
        }

        .styledtable-container .styledtable table:not(.first-column) thead div span,
        .styledtable-container .styledtable table:not(.first-column) thead div strong {
            color: #fff;
            font-weight: var(--table-head-weight);
            font-size: var(--table-font-size);
            line-height: var(--table-line-height)
        }

        .styledtable-container .styledtable table:not(.first-column) thead th {
            height: 48px;
            padding: 3px 5px;
            border: none;
            box-sizing: border-box;
            color: #fff;
            font-weight: var(--table-head-weight);
            font-size: var(--table-font-size);
            line-height: var(--table-line-height);
            background-color: var(--main-dark-blue);
            border-bottom: none;
            border-top: none !important;
            border-left: none !important;
            border-right: none !important
        }

        .styledtable-container .styledtable table:not(.first-column).first-column-row tr td:first-child {
            border-right: 1px solid var(--light-700);
            background-color: var(--light-white)
        }

        .styledtable-container .styledtable table:not(.first-column).first-column-row tr .styled-label {
            position: sticky;
            z-index: 19;
            left: -1px;
            right: -1px
        }

        .styledtable-container .styledtable table:not(.first-column).first-column-row thead th {
            border-bottom: 0 solid rgba(0, 0, 0, 0) !important;
            border-top: 0 solid rgba(0, 0, 0, 0) !important
        }

        .styledtable-container .styledtable table:not(.first-column).first-column-row tbody td:first-child {
            border-right: unset;
            border-left: unset
        }

        .styledtable-container .styledtable table:not(.first-column).first-column-row tbody td:first-child::after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            width: 1px;
            height: 100%;
            background-color: var(--light-700)
        }

        .styledtable-container .styledtable table:not(.first-column)#pivotPointsTable tr th:first-of-type,
        .styledtable-container .styledtable table:not(.first-column)#pivotPointsTable tr td:first-of-type {
            position: sticky;
            z-index: 19;
            left: -1px;
            right: -1px
        }

        .styledtable-container .styledtable table tbody th {
            height: var(--table-row-min-height);
            padding: 3px 5px;
            border: none;
            border-bottom: 1px solid var(--light-700);
            box-sizing: border-box;
            font-weight: var(--table-body-weight);
            color: var(--dark-500);
            font-size: var(--table-font-size);
            line-height: var(--table-line-height)
        }

        .styledtable-container .styledtable table tbody div span,
        .styledtable-container .styledtable table tbody div strong {
            color: var(--dark-500);
            font-size: var(--table-font-size);
            line-height: var(--table-line-height)
        }

        .styledtable-container .styledtable table tr td {
            padding: 3px 5px;
            height: var(--table-row-min-height);
            text-align: center;
            border: none;
            border-bottom: 1px solid var(--light-700);
            box-sizing: border-box;
            color: var(--dark-500);
            font-size: var(--table-font-size);
            line-height: var(--table-line-height)
        }

        .styledtable-container .styledtable table:first-child tr:first-of-type td,
        .styledtable-container .styledtable table:first-child tr:first-of-type th {
            border-top: 1px solid var(--light-700)
        }

        .styledtable-container .styledtable table tbody tr td,
        .styledtable-container .styledtable table tbody tr th,
        .styledtable-container .styledtable table thead tr td,
        .styledtable-container .styledtable table thead tr th {
            width: var(--min-width) !important
        }

        .styledtable-container .styledtable table:has(tbody):not(:has(thead)):not(.first-column) tbody tr:first-child td {
            height: 48px;
            padding: 3px 5px;
            border: none;
            box-sizing: border-box;
            color: #fff;
            font-weight: var(--table-head-weight);
            font-size: var(--table-font-size);
            line-height: var(--table-line-height);
            background-color: var(--main-dark-blue);
            border-bottom: none;
            border-top: none !important;
            border-left: none !important;
            border-right: none !important
        }

        .styledtable-container .styledtable table:has(tbody):not(:has(thead)):not(.first-column) tbody tr:first-child td:first-of-type {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        .styledtable-container .styledtable table:has(tbody):not(:has(thead)):not(.first-column) tbody tr:first-child td:last-of-type {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        .styledtable-container .styledtable table:has(tbody):not(:has(thead)):not(.first-column) tbody tr:first-child td p,
        .styledtable-container .styledtable table:has(tbody):not(:has(thead)):not(.first-column) tbody tr:first-child td span,
        .styledtable-container .styledtable table:has(tbody):not(:has(thead)):not(.first-column) tbody tr:first-child td div,
        .styledtable-container .styledtable table:has(tbody):not(:has(thead)):not(.first-column) tbody tr:first-child td .styled-cell,
        .styledtable-container .styledtable table:has(tbody):not(:has(thead)):not(.first-column) tbody tr:first-child td strong {
            color: #fff
        }

        html[dir=rtl] .styledtable-container .styledtable table thead th:first-of-type {
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        html[dir=rtl] .styledtable-container .styledtable table thead th:last-of-type {
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        html[dir=rtl] .styledtable-container .styledtable table tbody th {
            border-left: 1px solid var(--light-700)
        }

        html[dir=rtl] .styledtable-container .styledtable table.first-column-row tr td:first-child {
            border-right: none;
            border-left: 1px solid var(--light-700)
        }

        html[dir=rtl] .styledtable-container .styledtable table:has(tbody):not(:has(thead)):not(.first-column) tbody tr:first-child td:first-of-type {
            border-top-left-radius: unset;
            border-bottom-left-radius: unset;
            border-top-right-radius: 4px;
            border-bottom-right-radius: 4px
        }

        html[dir=rtl] .styledtable-container .styledtable table:has(tbody):not(:has(thead)):not(.first-column) tbody tr:first-child td:last-of-type {
            border-top-right-radius: unset;
            border-bottom-right-radius: unset;
            border-top-left-radius: 4px;
            border-bottom-left-radius: 4px
        }

        html[dir=rtl] .styledtable-container .styledtable table:not(.first-column).first-column-row tbody td:first-child::after {
            content: none
        }

        html[dir=rtl] .styledtable-container .styledtable table:not(.first-column).first-column-row tbody td:first-child::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 1px;
            height: 100%;
            background-color: var(--light-700)
        }

        @media(max-width:768px) {
            .styledtable-container {
                --table-font-size: 14px;
                --table-head-weight: 400;
                --table-row-min-height: 56px;
                --table-first-column-head-padding: 3px 8px;
                --table-first-column-head-width: 160px
            }

            .styledtable-container::before,
            .styledtable-container::after {
                display: block;
                margin-block: 0
            }

            html[dir=rtl] .styledtable-container {
                --table-font-size: 16px
            }
        }

        .stars {
            background: url(images/starssprite.png) top left no-repeat;
            height: 20px;
            width: 101px !important;
            display: block
        }

        .stars.Stars00 {
            background-position: -101px -2px
        }

        .stars.Stars05 {
            background-position: -82px -2px
        }

        .stars.Stars10 {
            background-position: -82px -25px
        }

        .stars.Stars15 {
            background-position: -62px -2px
        }

        .stars.Stars20 {
            background-position: -62px -25px
        }

        .stars.Stars25 {
            background-position: -42px -2px
        }

        .stars.Stars30 {
            background-position: -42px -25px
        }

        .stars.Stars35 {
            background-position: -22px -2px
        }

        .stars.Stars40 {
            background-position: -22px -25px
        }

        .stars.Stars45 {
            background-position: -2px -2px
        }

        .stars.Stars50 {
            background-position: -2px -25px
        }

        .dfx-common-breadcrumbs {
            align-items: center;
            flex-wrap: wrap;
            display: flex;
            list-style: none;
            margin: 0 !important;
            padding: 8px 0;
            font-family: inter;
            box-sizing: border-box;
            min-height: 24px;
            row-gap: 10px
        }

        .dfx-common-breadcrumbs .breadcrumb-item::after {
            content: "";
            margin-inline-start: 4px;
            margin-inline-end: 6px;
            padding: 0;
            display: inline-block;
            color: var(--main-dark-blue);
            width: 0;
            height: 0;
            border: 0 solid rgba(0, 0, 0, 0);
            border-bottom-width: 4px;
            border-top-width: 4px;
            border-left: 4px solid
        }

        .dfx-common-breadcrumbs .breadcrumb-item {
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
            height: 18px;
            line-height: 18px;
            margin-block-end: 0
        }

        .dfx-common-breadcrumbs .breadcrumb-item a {
            color: var(--primary--blue-egypt);
            text-decoration: none;
            font-size: 12px;
            line-height: 18px
        }

        .dfx-common-breadcrumbs .breadcrumb-item:not(:first-child)::after {
            color: var(--dark-500)
        }

        .dfx-common-breadcrumbs .breadcrumb-item:last-child {
            font-size: 13px;
            line-height: 18.85px;
            height: 100%;
            min-height: 19px;
            color: var(--dark-500)
        }

        .dfx-common-breadcrumbs .breadcrumb-item:last-child::after {
            content: none
        }

        .dfx-common-breadcrumbs .df-breadcrumb a {
            font-size: 14px;
            font-family: "minion-pro-bold-cond"
        }

        html[dir=rtl] body .dfx-common-breadcrumbs {
            font-family: noto-naskh
        }

        html[dir=rtl] body .dfx-common-breadcrumbs .breadcrumb-item::after {
            transform: rotate(180deg)
        }

        html[dir=rtl] body .dfx-common-breadcrumbs .breadcrumb-item:last-child {
            font-size: 12px;
            line-height: 18px;
            min-height: 18px
        }

        .about-author {
            display: flex;
            flex-direction: column;
            gap: 16px;
            padding: 16px;
            position: relative;
            margin-top: 56px;
            border-radius: 4px;
            background-color: rgba(131, 172, 226, .2)
        }

        .about-author .author-header {
            display: flex;
            gap: 24px
        }

        .about-author .author-header img {
            height: 80px;
            width: 80px;
            border-radius: 50%
        }

        .about-author .author-header img:hover {
            cursor: pointer !important
        }

        .about-author .author-header .info {
            display: flex;
            flex-direction: column;
            gap: 8px
        }

        .about-author .author-header .info .by-author a {
            text-decoration: none;
            font-weight: 700
        }

        .about-author .author-header .info .author-title {
            display: flex;
            gap: 4px
        }

        .about-author .author-header .info .author-title img {
            height: 16px;
            width: 16px
        }

        .about-author .author-header .info .author-title span {
            font-size: 12px
        }

        .about-author .description-body {
            font-family: inter;
            font-size: 15px;
            line-height: 150%
        }

        .about-author .divider {
            border: 1px solid rgba(131, 172, 226, .2)
        }

        .about-author .mentions {
            color: var(--light-800)
        }

        .about-author .contact-socials {
            display: flex;
            gap: 8px
        }

        .about-author .contact-socials .social-icon {
            height: 24px;
            width: 24px
        }

        .about-author .contact-socials .social-icon img {
            height: 24px;
            width: 24px
        }

        .about-author .contact-socials .social-icon img.twitter-img {
            height: 16px;
            width: 16px;
            margin: 4px
        }

        .about-author .contact-socials .social-icon img:hover {
            cursor: pointer !important
        }

        .about-author~.about-author {
            margin-top: 16px
        }

        .page-bar-extended {
            display: flex;
            row-gap: 10px;
            flex-wrap: wrap;
            margin-top: 16px;
            margin-bottom: 40px;
            position: relative
        }

        .page-bar-extended .editors {
            display: flex;
            gap: 10px;
            width: 100%;
            flex-direction: row
        }

        .page-bar-extended .editors .editor-separator {
            border-left: 1px solid #c9d6df;
            height: 20px;
            position: relative
        }

        .page-bar-extended .editors .editor {
            display: flex;
            column-gap: 3px
        }

        .page-bar-extended .editors .editor .editor-label {
            color: var(--light-800);
            font-weight: 400
        }

        .page-bar-extended .editors .editor .name {
            font-weight: 700;
            color: var(--main-dark-blue)
        }

        .page-bar-extended .editors .editor .name:hover {
            cursor: pointer
        }

        .page-bar-extended .editor-tooltip {
            display: none;
            position: absolute;
            width: 592px;
            padding: 16px;
            gap: 16px;
            left: 50px;
            top: 20px;
            border-radius: 4px;
            background: var(--light-600);
            box-shadow: 3px 5px 12px 0 rgba(43, 43, 43, .15);
            z-index: 250;
            flex-direction: column
        }

        .page-bar-extended .editor-tooltip .author-header {
            display: flex;
            gap: 24px
        }

        .page-bar-extended .editor-tooltip .author-header img {
            height: 40px;
            width: 40px;
            border-radius: 50%
        }

        .page-bar-extended .editor-tooltip .author-header img:hover {
            cursor: pointer !important
        }

        .page-bar-extended .editor-tooltip .author-header .info {
            display: flex;
            flex-direction: column;
            gap: 4px
        }

        .page-bar-extended .editor-tooltip .author-header .info .by-author a {
            text-decoration: none;
            font-weight: 700
        }

        .page-bar-extended .editor-tooltip .author-header .info .author-title {
            display: flex;
            gap: 4px
        }

        .page-bar-extended .editor-tooltip .author-header .info .author-title img {
            height: 16px;
            width: 16px
        }

        .page-bar-extended .editor-tooltip .author-header .info .author-title span {
            font-size: 12px
        }

        .page-bar-extended .editor-tooltip .description-body {
            display: flex;
            flex-direction: column;
            align-items: flex-end
        }

        .page-bar-extended .editor-tooltip .description-body a {
            text-decoration: none
        }

        .page-bar-extended .editor-tooltip .contact-socials {
            display: flex;
            gap: 8px
        }

        .page-bar-extended .editor-tooltip .contact-socials .social-icon {
            height: 24px;
            width: 24px
        }

        .page-bar-extended .editor-tooltip .contact-socials .social-icon img {
            height: 24px;
            width: 24px
        }

        .page-bar-extended .editor-tooltip .contact-socials .social-icon img.twitter-img {
            height: 16px;
            width: 16px;
            margin: 4px
        }

        .page-bar-extended .editor-tooltip .contact-socials .social-icon img:hover {
            cursor: pointer
        }

        .page-bar-extended .editor-tooltip.tooltip-visible {
            display: flex
        }

        .page-bar-extended .editor-tooltip .close-btn {
            display: none;
            justify-content: center;
            align-items: center;
            width: 24px;
            height: 24px;
            margin-inline-start: auto
        }

        .page-bar-extended .editor-tooltip .close-btn svg {
            width: 24px;
            height: 24px
        }

        .page-bar-extended .editor-tooltip .close-btn:hover {
            cursor: pointer
        }

        .page-bar-extended .dates {
            display: flex;
            flex-direction: row
        }

        .rtl-align .page-bar-extended .editor-tooltip {
            right: 50px;
            left: unset
        }

        .rtl-align .page-bar-extended .editor-tooltip .close-btn {
            right: unset;
            left: -8px;
            top: -10px
        }

        @media(max-width:768px) {
            .page-bar-extended {
                margin-block: 24px
            }

            .page-bar-extended .editors {
                flex-direction: column;
                gap: 1.5px
            }

            .page-bar-extended .editors .editor-separator {
                display: none
            }

            .page-bar-extended .editors .editor {
                height: 23px
            }

            .page-bar-extended .editor-tooltip {
                width: calc(100% - 40px);
                gap: 13px;
                left: 0;
                top: 25px
            }

            .page-bar-extended .editor-tooltip .close-btn {
                display: flex;
                position: absolute;
                right: 3px;
                top: 3px
            }

            .page-bar-extended .editor-tooltip:nth-child(3n) {
                top: 50px
            }

            .page-bar-extended .editor-tooltip:nth-child(4) {
                top: 75px
            }

            .rtl-align .page-bar-extended .editor-tooltip {
                left: unset;
                right: 0
            }

            .rtl-align .page-bar-extended .editor-tooltip .close-btn {
                display: flex;
                left: 3px;
                right: unset;
                top: 3px
            }
        }

        @media(max-width:350px) {
            .page-bar-extended .editor-tooltip {
                width: calc(100% - 40px)
            }
        }

        .geo-targeting-section {
            float: inherit;
            padding: 0
        }

        .geo-targeting-section .geo-notification-box {
            padding: 5px;
            background-color: var(--secondary--light-blue);
            border: 1px solid var(--primary--blue-cyan)
        }

        .geo-targeting-section .geo-notification-box>div {
            display: flex;
            flex-direction: row;
            align-items: center
        }

        .geo-targeting-section .geo-notification-box>div img {
            order: 1
        }

        .geo-targeting-section .geo-notification-box>div .geo-targeting-text {
            order: 2;
            height: auto;
            margin-left: 5px
        }

        .geo-targeting-section .geo-notification-box>div .geo-targeting-text p {
            margin: 0
        }

        .rtl-align .geo-targeting-section .geo-notification-box>div .geo-targeting-text {
            margin-left: unset;
            margin-right: 5px
        }

        #faq-section {
            margin-top: 56px
        }

        #faq-section h2,
        #faq-section h3 {
            margin: 0;
            padding: 0
        }

        #faq-section h3 {
            font-size: 15px;
            font-family: inter;
            font-weight: 700;
            line-height: 22.5px
        }

        #faq-section .c-faq__item {
            margin-top: 16px;
            border: 1px solid var(--light-700)
        }

        #faq-section .c-faq__item-toggle {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding: 12px 8px;
            background-color: #fff;
            cursor: pointer
        }

        #faq-section .c-title__faq {
            font-weight: 700;
            font-size: 15px;
            line-height: 22.5px;
            color: var(--main-dark-blue)
        }

        #faq-section .c-faq__item-icon {
            width: 24px;
            height: 24px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-transform: rotate(180deg);
            -ms-transform: rotate(180deg);
            transform: rotate(180deg)
        }

        #faq-section .active .c-faq__item-icon {
            -webkit-transform: rotate(0);
            -ms-transform: rotate(0);
            transform: rotate(0)
        }

        #faq-section .c-faq__panel {
            max-height: 0;
            overflow: hidden;
            -webkit-transition: max-height .3s ease-in-out;
            -o-transition: max-height .3s ease-in-out;
            transition: max-height .3s ease-in-out;
            background-color: #fff
        }

        #faq-section .c-faq__panel .c-description {
            padding: 16px;
            border-top: 1px solid var(--light-700);
            margin: 0
        }

        #faq-section .bg-accardeon {
            width: 12px;
            height: 8px;
            object-position: -44px -93px;
            object-fit: none
        }

        .BrokerAttr_PaymentMethods.BrokerAttr_Common tbody tr th div {
            text-align: center
        }

        .BrokerAttr_PaymentMethods.BrokerAttr_Common tbody tr td {
            text-align: center;
            text-align: -webkit-center;
            padding: 8px 16px
        }

        .payment-options {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            gap: 8px 16px;
            max-width: 544px;
            justify-content: center
        }

        .payment-options .payment-container {
            width: 40px;
            height: 24px
        }

        .payment-options .payment-container .payment-option {
            height: 24px;
            width: 40px
        }

        .payment-options .payment-container.other {
            order: 20
        }

        .payment-options .payment-container.debit-cards {
            order: 19
        }

        .payment-options .payment-container.credit-cards {
            order: 18
        }

        @media only screen and (max-width:768px) {
            .BrokerAttr_PaymentMethods.BrokerAttr_Common tbody tr th {
                width: 200px
            }

            .payment-options {
                display: inline-grid;
                grid-template-columns: 1fr 1fr
            }

            .payment-options .payment-container {
                display: flex
            }
        }

        #AdvertiserDisclosure .adv-disclosure {
            color: var(--main-dark-blue);
            font-weight: normal;
            font-size: 12px;
            line-height: 18px;
            align-items: center;
            text-align: center;
            text-indent: 1px;
            display: block;
            min-height: 25px
        }

        #AdvertiserDisclosure span.information {
            font-size: 13px;
            padding-bottom: 0;
            margin: 0
        }

        #AdvertiserDisclosure .information {
            position: relative;
            cursor: pointer
        }

        #AdvertiserDisclosure .information .pop {
            top: 25px;
            left: unset;
            right: 0;
            position: absolute;
            line-height: 22.5px;
            letter-spacing: .1px;
            font-size: 12px;
            text-align: left;
            display: none !important;
            z-index: 6;
            background-color: #fff;
            cursor: default;
            width: 360px;
            max-width: 360px;
            border-radius: 4px;
            padding: 16px;
            box-sizing: border-box;
            box-shadow: 2px 2px 16px 0 rgba(0, 0, 0, .16);
            border: 1px solid var(--light-700)
        }

        #AdvertiserDisclosure .information .pop .disclosure-pop-close {
            position: absolute;
            top: 16px;
            width: 24px;
            right: 20px;
            height: 24px;
            cursor: pointer
        }

        #AdvertiserDisclosure .information .pop .disclosure-pop-body {
            font-family: inter;
            font-style: normal;
            font-weight: 400;
            font-size: 12px;
            line-height: 18px;
            text-indent: 1px;
            color: var(--dark-500);
            max-width: 320px
        }

        #AdvertiserDisclosure .information .pop .disclosure-pop-body .disclosure-pop-title {
            font-size: 15px;
            font-weight: bold;
            color: var(--dark-500);
            margin-bottom: 16px;
            text-align: start
        }

        #AdvertiserDisclosure .information .pop .disclosure-pop-body .disclosure-pop-content {
            font-size: 12px;
            line-height: 18px
        }

        #AdvertiserDisclosure .information .pop .disclosure-pop-body>span {
            width: 100%;
            display: block
        }

        #AdvertiserDisclosure .information:hover .pop {
            display: block !important
        }

        #AdvertiserDisclosure #DisclosurePopUp span .closeModal {
            position: absolute;
            right: 15px
        }

        .advertiser-disclosure-container {
            width: 25%;
            display: flex;
            justify-content: end
        }

        @media(max-width:480px) {
            #AdvertiserDisclosure .adv-disclosure {
                min-height: unset
            }

            #AdvertiserDisclosure span.information .pop {
                width: 90vw;
                left: unset;
                right: 0
            }
        }

        @media(max-width:350px) {
            #AdvertiserDisclosure span.information .pop {
                left: unset;
                right: -10px
            }
        }

        html[dir=rtl] #AdvertiserDisclosure .information .pop {
            left: 0;
            right: unset
        }

        html[dir=rtl] #AdvertiserDisclosure .information .pop .disclosure-pop-close {
            right: unset;
            left: 20px
        }

        @media(max-width:500px) {
            html[dir=rtl] #AdvertiserDisclosure {
                left: 0;
                right: unset
            }
        }

        @media(max-width:350px) {
            html[dir=rtl] #AdvertiserDisclosure span.information .pop {
                right: unset;
                left: -10px
            }
        }

        .scroll-top-container {
            position: fixed;
            right: 8px;
            bottom: 48px;
            opacity: 0;
            transition: .3s opacity
        }

        .scroll-top-container.showed {
            opacity: 1;
            z-index: 300
        }

        .scroll-top-container .up-icon {
            width: 32px;
            height: 32px
        }

        .scroll-top-container .up-icon:hover {
            cursor: pointer
        }

        html[dir=rtl] .scroll-top-container {
            right: unset;
            left: 8px
        }

        @media(max-width:768px) {
            .scroll-top-container {
                bottom: 123px;
                right: 7px;
                margin-inline-end: unset
            }

            html[dir=rtl] .scroll-top-container {
                right: unset;
                left: 7px
            }
        }


        .entry-content p{
            margin-bottom: 10px;
        }

        .banner-wrapper{
            background-size: cover!important;
            background-repeat: no-repeat!important;
            background-position: center!important;
            padding: 7rem 2rem;
            margin-top: 20px;
            border-radius: 20px;
            overflow: hidden;
            position: relative;
            width: 100%;
        }

        .article-publish-date{
            color: #ececec!important;
        }

        .banner-wrapper:before{
            position: absolute;
            content: "";
            top: 0;
            left: 0;
            background: linear-gradient(90deg,rgba(177, 171, 134, 1) 0%, rgba(10, 64, 12, 1) 100%);
            width: 100%;
            height: 100%;
            opacity: 0.6;
        }
        .banner-wrapper > *{
            position: relative;
            z-index: 10;
        }
        .banner-wrapper .page-main-title{
            color: #fff;
        }

        .banner-wrapper .page-bar-extended .editors .editor .editor-label{
            color: #ececec;
        }

        .banner-wrapper .article-publish-and-updated-date{
            color: #ececec;
        }

        .c-header-logo img{
            max-width: 200px;
    width: 200px;
    object-fit: contain;
    height: auto;
        }

        @media(max-width: 580px){
            .c-header-logo img{
                margin-top: -5px;
            }

            .banner-wrapper{
                padding: 4rem 1rem;
            }
        }

        html{
            overflow-x: hidden;
        }


        .entry-content table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, sans-serif;
  margin: 20px 0;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.entry-content thead tr {
  background-color: #0A400C;
  color: #fff!important;
  text-align: left;
}

.entry-content thead tr strong{
    color: #fff!important;
}

.entry-content thead td {
  padding: 12px 15px;
  font-weight: bold;
}

/* Рядки таблиці */
.entry-content tbody tr {
  border-bottom: 1px solid #ddd;
  transition: background-color 0.3s;
}

.entry-content tbody tr:hover {
  background-color: #f1f1f1;
}

.entry-content tbody td {
  padding: 12px 15px;
}

.banner-wrapper .entry-content{
    max-width: 80%;
  }
  .banner-wrapper .entry-content p{
    color: #fff;
  }

  .banner-wrapper .entry-content{
    margin-top: 20px;
  }
@media (max-width: 768px) {
  .entry-content table, .entry-content thead, .entry-content tbody, .entry-content tr, .entry-content td, .entry-content th {
    display: block;
    width: 100%;
  }

  .entry-content table{
    box-shadow: none;
  }
  .entry-content thead {
    display: none;
  }

  .entry-content tbody tr {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 10px;
  }

  .entry-content tbody td {
    display: flex;
    justify-content: space-between;
    padding: 8px 10px;
    text-align: right;
    position: relative;
  }

  .entry-content tbody td::before {
    content: attr(data-label);
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    left: 10px;
    text-align: left;
  }

  

}



.team-member-card {
                position: relative;
                margin-top: 40px
            }

            .team-member-card .member-info {
                padding: 24px 40px 24px 64px;
                border-radius: 8px;
                display: flex;
                flex-direction: column;
                gap: 16px;
                box-shadow: 0 4px 8px 0 rgba(0,0,0,.0784313725);
                margin-inline-start:80px}

            @media(max-width: 768px) {
                .team-member-card .member-info {
                    padding:140px 24px 40px 24px;
                    margin-inline-start:0}
            }

            .team-member-card .member-info .member-name {
                font-weight: 700;
                font-size: 20px;
                line-height: 150%;
                color: var(--main-dark-blue)
            }

            @media(max-width: 768px) {
                .team-member-card .member-info .member-name {
                    text-align:center
                }
            }

            .team-member-card .member-info .member-socials {
                display: flex;
                gap: 8px
            }

            @media(max-width: 768px) {
                .team-member-card .member-info .member-socials {
                    justify-content:center
                }
            }

            .team-member-card .member-info .member-socials .social-icon {
                background-color: var(--main-dark-blue);
                height: 24px;
                width: 24px;
                border-radius: 50%
            }

            .team-member-card .member-info .member-socials .social-icon img {
                height: 16px;
                width: 16px;
                margin: 4px
            }

            .team-member-card .member-info .member-socials .social-icon img:hover {
                cursor: pointer !important
            }

            .team-member-card .member-photo {
                height: 120px;
                width: 120px;
                border: 2px solid var(--main-dark-blue);
                border-radius: 50%;
                position: absolute;
                top: calc(50% - 60px);
                object-fit: cover;
            }

            @media(max-width: 768px) {
                .team-member-card .member-photo {
                    top:0;
                    left: calc(50% - 60px);
                    right: calc(50% - 60px)
                }
            }

            .team-member-card:nth-last-of-type(2) {
                margin-bottom: 56px
            }

            @media(max-width: 768px) {
                .team-member-card:nth-last-of-type(2) {
                    margin-bottom:40px
                }
            }


            .category-box-container {
    position: sticky;
    top: var(--category-box-top);
    z-index: 9;
    margin-bottom: 10px
}

.category-box-container .hamburger-button {
    display: none;
    height: 48px;
    width: 48px;
    box-sizing: border-box;
    border: 1px solid var(--light-700);
    align-items: center;
    justify-content: center
}

.category-box-container .category-list-box {
    padding: 8px;
    box-sizing: border-box;
    border: 1px solid var(--light-700);
    --display-mobile-title: none;
    --display-desktop-title: block;
    --min-title-height: 48px;
    --list-height: auto;
    background-color: #fff
}

.category-box-container .category-list-box .title-container {
    min-height: var(--min-title-height);
    display: flex;
    align-items: center
}

.category-box-container .category-list-box .title-container h4 {
    display: var(--display-desktop-title);
    color: #000
}

.category-box-container .category-list-box .title-container .mobile-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: var(--display-mobile-title);
    color: var(--main-dark-blue);
    cursor: pointer
}

.category-box-container .category-list-box ul {
    list-style: none;
    margin-block:0;margin-inline:0;padding-block:0;padding-inline:0;transition: all .4s;
    height: var(--list-height)
}

.category-box-container .category-list-box ul li {
    box-sizing: border-box;
    min-height: 32px;
    padding: 4px;
    border-bottom: 1px solid var(--light-700)
}

.category-box-container .category-list-box ul li:last-of-type {
    border-bottom: none
}

.category-box-container .category-list-box ul li a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    outline: none
}

.category-box-container .category-list-box ul li a span {
    font-size: 12px;
    color: var(--main-dark-blue);
    width: calc(100% - 24px)
}

html[dir=rtl] .category-box-container .category-list-box ul li a svg {
    transform: rotate(180deg)
}

@media(max-width: 1024px) {
    .category-box-container .category-list-box {
        --display-mobile-title: flex;
        --display-desktop-title: none;
        --min-title-height: 16px;
        --list-height: 0;
        padding: 4px;
        padding-inline:var(--page-inline-padding);position: fixed;
        width: 100%;
        top: calc(var(--df-header-height) + var(--sponsored-subheader-height));
        z-index: 3;
        background-color: #fff;
        left: 0;
        border: none;
        padding: 0;
        overflow: hidden
    }

    .category-box-container .category-list-box ul li {
        box-sizing: border-box;
        margin-inline:16px;min-height: 48px;
        padding: 0 8px;
        display: flex;
        align-items: center
    }

    .category-box-container .category-list-box ul li a svg {
        transform: rotate(90deg)
    }

    .category-box-container .category-list-box.opened {
        --list-height: calc(100vh - 60px - 32px)
    }

    .category-box-container .category-list-box.opened ul {
        overflow: scroll
    }

    .category-box-container .category-list-box .title-container {
        border: 1px solid var(--light-700);
        padding-inline:16px;min-height: 32px
    }

    .dfp-popup-opened .category-box-container .category-list-box.opened {
        --list-height: calc(100vh - 60px - 32px - 96px)
    }
}

@media(min-width: 1025px)and (max-width: 1400px) {
    .category-box-container {
        margin-bottom:unset
    }

    .category-box-container .hamburger-button {
        display: flex
    }

    .category-box-container .category-list-box {
        display: none
    }

    .category-box-container:hover {
        width: 296px
    }

    .category-box-container:hover .hamburger-button {
        background-color: var(--main-transparence)
    }

    .category-box-container:hover .category-list-box {
        width: 240px;
        height: min-content;
        display: block;
        position: absolute;
        top: 0;
        left: 56px
    }
}

.article-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
    background-color: var(--light-white)
}

.article-list .article {
    padding-inline-start:16px;border-top: 1px solid var(--light-700);
    padding-top: 16px;
    display: flex;
    flex-direction: column
}

.article-list .article .article-body {
    display: flex;
    gap: 16px
}

.article-list .article.has-top-label {
    padding-top: unset
}

.article-list .article.has-top-label .top-label {
    display: flex;
    min-height: 24px;
    width: 100%;
    justify-content: end
}

.article-list .article.has-top-label .top-label .crown {
    margin-top: 8px
}

.article-list .article .premium-editors-choice {
    display: flex;
    flex-direction: row;
    gap: 3px;
    height: 24px;
    min-width: 120px;
    background-color: var(--main-dark-blue);
    justify-content: center;
    align-items: center
}

.article-list .article .premium-editors-choice span {
    color: #fff;
    font-weight: 700;
    font-size: 14px
}

.article-list .article.editor-choice-container {
    padding-top: 24px
}

.article-list .article.premium-container {
    padding-top: 32px
}

.article-list .article:last-of-type {
    border-bottom: 1px solid var(--light-700);
    padding-bottom: 16px
}

.article-list .article .article-image {
    display: inline-flex;
    padding-top: 14px
}

.article-list .article .article-image img {
    width: 120px;
    height: 68px;
    opacity: .75;
    transition: opacity .5s ease-in-out
}

.article-list .article .article-image img:hover {
    opacity: unset;
    transition: opacity .5s ease-in-out
}

.article-list .article .mobile-top-container {
    display: none
}

.article-list .article .editors-choice {
    display: flex;
    align-items: center;
    min-width: 120px;
    height: 24px;
    font-size: 12px;
    color: var(--main-dark-blue);
    justify-content: center;
    background-color: rgba(131,172,226,.2);
    padding-inline:16px}

.article-list .article .article-info {
    padding-inline-end:16px;width: -webkit-fill-available
}

.article-list .article .article-info .top-info {
    display: flex;
    align-items: center;
    min-height: 32px;
    margin-bottom: 8px;
    gap: 8px;
    position: relative
}

.article-list .article .article-info .top-info .article-title {
    color: var(--dark-500);
    font-weight: 700
}

.article-list .article .article-info .top-info .video-icon-container {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

.article-list .article .article-info .top-info .video-icon-container .video-icon {
    width: 20px;
    height: 20px
}

.article-list .article .article-info .article-description {
    color: var(--light-800);
    font-size: 12px;
    margin-bottom: 8px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.article-list .article .article-info .bottom-info {
    min-height: 24px;
    display: flex;
    align-items: center
}

.article-list .article .article-info .bottom-info .article-type {
    color: var(--main-dark-blue);
    font-size: 12px;
    font-weight: 400
}

.article-list .article .article-info .bottom-info .vertical-line {
    border-left: 1px solid var(--main-dark-blue);
    height: 24px;
    position: relative;
    margin-inline:16px}

.article-list .article .article-info .bottom-info .article-date {
    color: var(--light-800);
    font-size: 12px;
    font-weight: 400;
    direction: ltr
}

.article-list :nth-of-type(5n).article {
    border-bottom: 1px solid var(--light-700);
    padding-bottom: 16px
}

.article-list .mobile-container {
    display: none
}

.rtl-align .article-list .article {
    padding-inline-start:0}

.rtl-align .article-list .article .video-icon-container {
    transform: scale(-1)
}

@media(max-width: 768px) {
    .article-list .article {
        padding-inline-start:unset;
        padding-top: unset
    }

    .article-list .article .article-body {
        flex-direction: column;
        gap: 16px
    }

    .article-list .article .article-image {
        padding-block:unset;align-self: baseline
    }

    .article-list .article .header-container {
        display: flex;
        align-items: center;
        gap: 16px;
        padding-top: 16px;
        margin-bottom: 8px
    }

    .article-list .article .header-container .mobile-top-container {
        display: inline-flex;
        padding-inline-end:8px}

    .article-list .article .header-container .mobile-top-container .title-container {
        display: flex;
        align-items: center;
        gap: 8px
    }

    .article-list .article .header-container .mobile-top-container .title-container .article-title {
        color: var(--dark-500);
        font-weight: 700
    }

    .article-list .article .header-container .mobile-top-container .title-container .video-icon-container {
        display: flex;
        justify-content: center;
        align-items: center;
        min-width: 24px;
        height: 24px
    }

    .article-list .article .header-container .mobile-top-container .title-container .video-icon-container .video-icon {
        width: 20px;
        height: 20px
    }

    .article-list .article .article-info .top-info {
        display: none
    }

    .article-list .article .article-info .bottom-info .vertical-line {
        margin-inline:8px}

    .article-list .article:nth-of-type(3n) {
        border-bottom: 1px solid var(--light-700);
        padding-bottom: 16px
    }

    .article-list .article:nth-of-type(5n) {
        border-bottom: none;
        padding-bottom: unset
    }

    .article-list .article:last-of-type {
        border-bottom: 1px solid var(--light-700);
        padding-bottom: 16px
    }

    .article-list.promo-box-hidden .article:nth-of-type(9) {
        border-bottom: unset;
        padding-bottom: unset
    }

    .article-list .desktop-banner {
        display: none
    }

    .article-list .mobile-container {
        display: block;
        margin-block:24px}
}

.pagination-list {
    display: inline-flex;
    padding-inline:0;gap: 16px;
    flex-flow: wrap;
    justify-content: center
}

.pagination-list li {
    list-style: none;
    min-width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    border: 1px solid var(--light-700);
    background-color: var(--light-white)
}

.pagination-list li:hover {
    z-index: 3;
    color: #23527c;
    background-color: rgba(180,196,224,.1098039216);
    border-color: #c9d6df;
    cursor: pointer
}

.pagination-list li a {
    text-decoration: none;
    color: var(--dark-500);
    width: 100%;
    height: 100%;
    line-height: 32px;
    text-align: center;
    padding-inline:3px;box-sizing: border-box
}

.pagination-list li a:hover {
    text-decoration: none
}

.pagination-list li.active {
    background-color: var(--main-dark-blue);
    border: none
}

.pagination-list li.active.hover {
    cursor: default
}

.pagination-list li.active a {
    color: var(--light-white)
}

.pagination-list li.disabled {
    cursor: not-allowed
}

.pagination-list li.disabled:hover {
    background-color: var(--light-white)
}

.pagination-list li.btn-next,.pagination-list li.prev {
    min-width: 56px;
    width: unset;
    border: none;
    background: rgba(131,172,226,.2);
    padding-inline:4px}

.pagination-list li.btn-next:hover,.pagination-list li.prev:hover {
    background-color: rgba(131,172,226,.3)
}

.pagination-list li.btn-next a,.pagination-list li.prev a {
    color: var(--main-dark-blue)
}

.rtl-align .pagination-list li a {
    line-height: 36px
}

.mvbr-box {
    display: flex;
    flex-direction: column;
    gap: 16px;
    position: relative;
    min-height: 136px
}

.mvbr-box .mvbr-list {
    display: flex;
    flex-direction: row;
    column-gap: 8px;
    justify-content: space-between;
    overflow-x: auto;
    width: 100%;
    position: absolute;
    top: 80px
}

.mvbr-box .mvbr-list.total-4,.mvbr-box .mvbr-list.total-3,.mvbr-box .mvbr-list.total-2,.mvbr-box .mvbr-list.total-1 {
    justify-content: flex-start
}

.mvbr-box .mvbr-list .mvbr-item {
    display: flex;
    align-items: center;
    border-radius: 4px;
    box-sizing: border-box;
    border: 1px solid rgba(131,172,226,.2);
    min-width: 176px;
    padding: 8px 16px;
    gap: 8px;
    height: 56px
}

.mvbr-box .mvbr-list .mvbr-item .mvbr-index {
    height: 24px;
    width: 24px;
    border-radius: 12px;
    color: var(--light-800);
    background-color: var(--light-700);
    text-align: center;
    line-height: 24px;
    font-weight: 700
}

.mvbr-box .mvbr-list .mvbr-item a {
    display: flex
}

.mvbr-box .mvbr-list .mvbr-item.mvbr-1 {
    border: none;
    background-color: var(--gradient-100)
}

.mvbr-box .mvbr-list .mvbr-item.mvbr-1 .mvbr-index {
    color: #fff;
    background-color: var(--main-dark-blue)
}

.mvbr-box .mvbr-list .mvbr-item.mvbr-2 {
    border: none;
    background-color: var(--gradient-200)
}

.mvbr-box .mvbr-list .mvbr-item.mvbr-2 .mvbr-index {
    color: #fff;
    background-color: var(--blue-600)
}

.mvbr-box .mvbr-list .mvbr-item.mvbr-3 {
    border: none;
    background-color: var(--gradient-300)
}

.mvbr-box .mvbr-list .mvbr-item.mvbr-3 .mvbr-index {
    color: #fff;
    background-color: var(--blue-500)
}

@media(max-width: 768px) {
    .mvbr-box {
        min-height:170px
    }

    .mvbr-box .mvbr-list {
        flex-direction: column;
        gap: 16px;
        position: relative;
        top: 0
    }

    .mvbr-box .mvbr-list .mvbr-item {
        padding: 8px 24px
    }

    .mvbr-box .mvbr-list .mvbr-item a {
        margin: auto
    }
}

.most-recent {
    display: none
}

.carousel {
    margin-block:24px 56px}

.carousel .carousel-inner {
    position: relative;
    overflow: hidden;
    width: 100%
}

.carousel .carousel-inner .carousel-item {
    position: absolute;
    opacity: 0;
    top: 0;
    -webkit-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out;
    width: 100%
}

.carousel .carousel-inner .carousel-item img {
    display: block;
    width: 100%;
    background-color: rgba(128,128,128,.3019607843);
    height: 420px;
    object-fit: cover
}

.carousel .carousel-inner .carousel-item .bottom-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    width: -webkit-fill-available;
    background: rgba(82,97,107,.6);
    padding: 16px 40px;
    font-family: inter;
    min-height: 96px;
    display: inline-flex;
    flex-direction: column;
    justify-content: space-between
}

.carousel .carousel-inner .carousel-item .bottom-container .article-title a {
    color: #fff!important;
    font-weight: 700;
    font-size: 18px
}

.carousel .carousel-inner .carousel-item .bottom-container .article-title .title-link-container {
    display: flex;
    gap: 10px;
    justify-content: space-between
}

.carousel .carousel-inner .carousel-item .bottom-container .article-title .title-link-container img {
    height: 24px;
    width: 24px;
    background-color: rgba(0,0,0,0)
}

.carousel .carousel-inner .carousel-item .bottom-container .bottom-info {
    display: flex;
    align-items: center
}

.carousel .carousel-inner .carousel-item .bottom-container .bottom-info .article-type {
    color: var(--light-white);
    font-size: 12px;
    font-weight: 400
}

.carousel .carousel-inner .carousel-item .bottom-container .bottom-info .vertical-line {
    border-left: 1px solid var(--light-white);
    height: 24px;
    position: relative;
    margin-inline:16px}

.carousel .carousel-inner .carousel-item .bottom-container .bottom-info .article-date {
    color: var(--light-white);
    font-size: 12px;
    font-weight: 400;
    direction: ltr
}

.carousel .carousel-inner .carousel-open:checked+.carousel-item {
    position: relative;
    opacity: 100;
    z-index: 5
}

.carousel .carousel-inner .slider-carousel-control {
    display: none;
    height: 40px;
    width: 40px;
    top: unset;
    bottom: 45%;
    cursor: pointer;
    margin-bottom: 0;
    position: absolute
}

.carousel .carousel-inner .slider-carousel-control.prev {
    left: 16px;
    right: unset
}

.carousel .carousel-inner .slider-carousel-control.next {
    right: 16px;
    left: unset
}

.carousel .carousel-inner .slider-carousel-control .navigation-icon {
    display: block;
    width: 40px;
    height: 40px
}

.carousel .carousel-inner #carousel-1:checked~.control-1,.carousel .carousel-inner #carousel-2:checked~.control-2,.carousel .carousel-inner #carousel-3:checked~.control-3 {
    display: block;
    z-index: 6
}

.carousel .slider-indicators {
    list-style: none;
    text-align: center;
    display: none;
    justify-content: center;
    gap: 8px;
    padding: 0
}

.carousel .slider-indicators li {
    display: inline-flex;
    width: 24px;
    height: 8px
}

.carousel .slider-indicators li .slider-bullet {
    width: 24px;
    height: 8px;
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid var(--main-dark-blue);
    margin-bottom: 0
}

.carousel #carousel-1:checked~.control-1~.slider-indicators li:nth-child(1) .slider-bullet,.carousel #carousel-2:checked~.control-2~.slider-indicators li:nth-child(2) .slider-bullet,.carousel #carousel-3:checked~.control-3~.slider-indicators li:nth-child(3) .slider-bullet {
    background-color: var(--main-dark-blue)
}

.rtl-align .carousel .carousel-inner .slider-carousel-control {
    transform: scaleX(-1)
}

.rtl-align .carousel .carousel-inner .slider-carousel-control.next {
    left: 16px;
    right: unset
}

.rtl-align .carousel .carousel-inner .slider-carousel-control.prev {
    right: 16px;
    left: unset
}

@media(max-width: 1250px) {
    .carousel .carousel-inner .carousel-item img {
        height:33vw
    }
}

@media(max-width: 1024px) {
    .carousel .carousel-inner .carousel-item img {
        height:31.5vw
    }
}

@media(max-width: 768px) {
    .most-recent {
        margin-top:40px;
        display: block;
        height: 24px;
        line-height: 100%
    }

    .carousel .carousel-inner .carousel-item img {
        height: 54vw
    }

    .carousel .carousel-inner .carousel-item .bottom-container {
        min-height: 80px;
        padding: 8px 16px;
        justify-content: center
    }

    .carousel .carousel-inner .carousel-item .bottom-container .article-title a {
        font-size: 15px
    }

    .carousel .carousel-inner .carousel-item .bottom-container .bottom-info {
        display: none
    }

    .carousel .carousel-inner .slider-carousel-control {
        bottom: 139px;
        width: 24px;
        height: 24px
    }

    .carousel .carousel-inner .slider-carousel-control.next {
        right: 8.5px;
        left: unset
    }

    .carousel .carousel-inner .slider-carousel-control.prev {
        left: 8.5px;
        right: unset
    }

    .carousel .carousel-inner .slider-carousel-control .navigation-icon {
        width: 24px;
        height: 24px
    }

    .carousel .carousel-inner .slider-indicators {
        display: flex;
        margin-top: 24px
    }

    .rtl-align .carousel .carousel-inner .carousel-item .bottom-container {
        padding: 8px 16px
    }

    .rtl-align .carousel .carousel-inner .carousel-item .bottom-container .article-title a {
        font-size: 16px
    }
}

.mobile-top-5-brokers {
    display: none;
    padding-block:24px;margin-block:0;background-color: rgba(131,172,226,.05);
    margin-inline:-16px}

.mobile-top-5-brokers .mobile-top-5-container .header-text {
    margin-bottom: 16px;
    padding-inline-start:16px}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel {
    display: flex;
    gap: 8px;
    overflow: scroll;
    padding-inline:unset;-ms-overflow-style: none;
    scrollbar-width: none;
    padding-inline-start:16px}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel::-webkit-scrollbar {
    display: none
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 16px 16px 24px;
    gap: 8px;
    width: 160px;
    min-width: 160px;
    height: 208px;
    border-radius: 4px;
    background-color: var(--light-white);
    --justify-cta-content: space-between
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item.is-not-partner {
    --justify-cta-content: center
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item .broker-position .broker-index {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 16px;
    background: var(--light-700);
    color: var(--light-white);
    font-weight: 700
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item .broker-position .broker-index .broker-index-value {
    height: 100%;
    line-height: 24px;
    color: var(--light-800)
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item .img-link {
    width: 110px;
    height: 40px
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item .img-link img {
    width: 110px;
    height: 40px
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item .cta-block {
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: var(--justify-cta-content);
    width: 120px;
    height: 82px
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item .cta-block .risk-warning {
    font-size: 8px;
    margin-block:4px 8px;line-height: 12px;
    color: var(--dark-500);
    width: 100%;
    text-align: center;
    padding-inline:12px;opacity: .8
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item .cta-block:not(:has(.risk-warning)) {
    gap: 32px
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item .cta-block .cta-button {
    color: var(--light-white);
    background-color: var(--main-dark-blue);
    border-radius: 2px;
    padding: 4px 16px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    height: 32px;
    border-radius: 2px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,.08)
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item .cta-block .cta-button:hover {
    text-decoration: none
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item .cta-block .cta-review {
    color: var(--main-dark-blue);
    font-size: 12px;
    margin: 0;
    text-align: center;
    width: 100%
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item .cta-block .cta-review .cta-review-advertiser {
    white-space: nowrap
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item.top-rated-1 {
    background-color: rgba(147,204,255,.25)
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item.top-rated-1 .broker-position .broker-index {
    background: var(--main-dark-blue)
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item.top-rated-1 .broker-position .broker-index .broker-index-value {
    color: var(--light-white)
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item.top-rated-2 {
    background-color: rgba(147,204,255,.15)
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item.top-rated-2 .broker-position .broker-index {
    background: var(--blue-600)
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item.top-rated-2 .broker-position .broker-index .broker-index-value {
    color: var(--light-white)
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item.top-rated-3 {
    background-color: rgba(147,204,255,.08)
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item.top-rated-3 .broker-position .broker-index {
    background: var(--blue-500)
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item.top-rated-3 .broker-position .broker-index .broker-index-value {
    color: var(--light-white)
}

.mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item:last-child {
    margin-inline-end:16px}

.mobile-top-5-brokers .mobile-top-5-container .slider-indicators {
    list-style: none;
    text-align: center;
    display: flex;
    justify-content: center;
    gap: 8px;
    padding: 0;
    margin-top: 16px
}

.mobile-top-5-brokers .mobile-top-5-container .slider-indicators .slider-bullet {
    display: inline-flex;
    width: 24px;
    height: 8px;
    flex-shrink: 0;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid var(--main-dark-blue);
    margin-bottom: 0;
    text-decoration: none
}

.mobile-top-5-brokers .mobile-top-5-container .slider-indicators .slider-bullet.active {
    background-color: var(--main-dark-blue)
}

.mobile-top-5-brokers .mobile-top-5-container .mobile-content-template {
    display: none
}

.rtl-align .mobile-top-5-brokers .mobile-top-5-container .header-text {
    margin-bottom: 24px
}

.rtl-align .mobile-top-5-brokers .mobile-top-5-container .top-5-mobile-panel .broker-item .broker-position .broker-index .broker-index-value {
    line-height: 30px
}

.rtl-align .mobile-top-5-brokers .mobile-top-5-container .slider-indicators {
    margin-top: 24px
}

@media(max-width: 768px) {
    .mobile-top-5-brokers {
        display:block
    }
}


.top-brokers-table {
    padding: 8px;
    border: 1px solid var(--light-700);
    background-color: var(--light-white)
}

.top-brokers-table .risk-warning {
    font-size: 8px;
    margin-top: 2px;
    line-height: 12px;
    order: 2;
    color: var(--dark-500);
    width: 100%;
    text-align: center;
    padding-inline:12px;opacity: .8
}

.top-brokers-table .top-brokers-table-header {
    display: inline-flex;
    align-items: center;
    min-height: 56px;
    width: 100%;
    padding-block:12px;box-sizing: border-box;
    justify-content: space-between
}

.top-brokers-table .top-brokers-table-header .brokers-count {
    min-height: 32px;
    line-height: 100%
}

.top-brokers-table .top-brokers-table-header .top-brokers-table-more {
    font-weight: 400;
    color: var(--main-dark-blue);
    white-space: nowrap
}

.top-brokers-table .top-brokers-table-header .top-brokers-table-more:hover {
    cursor: pointer
}

.top-brokers-table .top-brokers-table-list {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    list-style: none;
    gap: 8px;
    margin-top: 8px
}

.top-brokers-table .top-brokers-table-list>div {
    width: 100%;
    width: -webkit-fill-available;
    display: flex;
    align-items: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 96px;
    padding: 8px 16px;
    border-radius: 4px
}

.top-brokers-table .top-brokers-table-list>div:last-child {
    border-bottom: none
}

.top-brokers-table .top-brokers-table-list>div .broker-position {
    order: 1
}

.top-brokers-table .top-brokers-table-list>div .broker-position .broker-index {
    display: flex;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border-radius: 16px;
    background: var(--light-700);
    color: var(--light-white);
    font-weight: 700
}

.top-brokers-table .top-brokers-table-list>div .broker-position .broker-index .broker-index-value {
    color: var(--light-800)
}

.top-brokers-table .top-brokers-table-list>div.top-rated-1 {
    background-color: rgba(147,204,255,.25)
}

.top-brokers-table .top-brokers-table-list>div.top-rated-1 .broker-position .broker-index {
    background: var(--main-dark-blue)
}

.top-brokers-table .top-brokers-table-list>div.top-rated-1 .broker-position .broker-index .broker-index-value {
    color: var(--light-white)
}

.top-brokers-table .top-brokers-table-list>div.top-rated-2 {
    background-color: rgba(147,204,255,.15)
}

.top-brokers-table .top-brokers-table-list>div.top-rated-2 .broker-position .broker-index {
    background: var(--blue-600)
}

.top-brokers-table .top-brokers-table-list>div.top-rated-2 .broker-position .broker-index .broker-index-value {
    color: var(--light-white)
}

.top-brokers-table .top-brokers-table-list>div.top-rated-3 {
    background-color: rgba(147,204,255,.08)
}

.top-brokers-table .top-brokers-table-list>div.top-rated-3 .broker-position .broker-index {
    background: var(--blue-500)
}

.top-brokers-table .top-brokers-table-list>div.top-rated-3 .broker-position .broker-index .broker-index-value {
    color: var(--light-white)
}

.top-brokers-table .top-brokers-table-list>div .img-link {
    order: 2;
    height: 40px
}

.top-brokers-table .top-brokers-table-list>div .img-link img {
    height: 40px;
    width: 110px
}

.top-brokers-table .top-brokers-table-list>div .cta-block {
    order: 3;
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 120px
}

.top-brokers-table .top-brokers-table-list>div .cta-block:not(:has(.risk-warning)) {
    gap: 8px
}

.top-brokers-table .top-brokers-table-list>div .cta-block .cta-button {
    order: 1;
    color: var(--light-white);
    background-color: var(--main-dark-blue);
    border-radius: 2px;
    padding: 4px 16px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    height: 32px;
    border-radius: 2px;
    box-shadow: 0px 4px 8px 0px rgba(0,0,0,.08)
}

.top-brokers-table .top-brokers-table-list>div .cta-block .cta-button:hover {
    text-decoration: none
}

.top-brokers-table .top-brokers-table-list>div .cta-block .cta-review {
    direction: ltr;
    order: 2;
    color: var(--main-dark-blue);
    font-size: 12px;
    margin: 0;
    text-align: center;
    width: 100%
}

.top-brokers-table .top-brokers-table-list>div .cta-block .cta-review .cta-review-advertiser {
    white-space: nowrap
}

.top-brokers-table .view-more-element {
    display: flex;
    justify-content: center;
    column-gap: 5px;
    align-items: center;
    margin-bottom: 28px
}

.top-brokers-table .view-more-element .expand-icon {
    display: none;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzMiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMyAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yMzc5XzE5MTMpIj4NCjxwYXRoIGQ9Ik0yMC42MDY3IDEyLjc4NjdMMTYuNTAwMSAxNi44OTMzTDEyLjM5MzQgMTIuNzg2N0wxMC41MDAxIDE0LjY2NjdMMTYuNTAwMSAyMC42NjY3TDIyLjUwMDEgMTQuNjY2N0wyMC42MDY3IDEyLjc4NjdaTTE2LjUwMDEgMi42NjY2NkM5LjE0MDA4IDIuNjY2NjYgMy4xNjY3NSA4LjYzOTk5IDMuMTY2NzUgMTZDMy4xNjY3NSAyMy4zNiA5LjE0MDA4IDI5LjMzMzMgMTYuNTAwMSAyOS4zMzMzQzIzLjg2MDEgMjkuMzMzMyAyOS44MzM0IDIzLjM2IDI5LjgzMzQgMTZDMjkuODMzNCA4LjYzOTk5IDIzLjg2MDEgMi42NjY2NiAxNi41MDAxIDIuNjY2NjZaTTE2LjUwMDEgMjYuNjY2N0MxMC42MDY3IDI2LjY2NjcgNS44MzM0MSAyMS44OTMzIDUuODMzNDEgMTZDNS44MzM0MSAxMC4xMDY3IDEwLjYwNjcgNS4zMzMzMiAxNi41MDAxIDUuMzMzMzJDMjIuMzkzNCA1LjMzMzMyIDI3LjE2NjcgMTAuMTA2NyAyNy4xNjY3IDE2QzI3LjE2NjcgMjEuODkzMyAyMi4zOTM0IDI2LjY2NjcgMTYuNTAwMSAyNi42NjY3WiIgZmlsbD0iIzE1NDE4RiIvPg0KPC9nPg0KPGRlZnM+DQo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIzNzlfMTkxMyI+DQo8cmVjdCB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjUpIi8+DQo8L2NsaXBQYXRoPg0KPC9kZWZzPg0KPC9zdmc+DQo=")
}

.top-brokers-table .view-more-element .expand-icon:hover {
    cursor: pointer
}

.top-brokers-table.expand .top-brokers-table-list {
    max-height: 520px;
    overflow-y: hidden;
    transition: max-height .25s ease-out
}

.top-brokers-table.expand .top-brokers-table-list :nth-child(5) {
    -webkit-mask-image: -webkit-gradient(linear, center bottom, center top, color-stop(0, rgba(0, 0, 0, 0)), color-stop(0.9, #000))
}

.top-brokers-table.expand .view-more-element .expand-icon {
    display: flex;
    width: 32px;
    height: 32px;
    transition: transform .25s ease-out
}

.top-brokers-table.expand.expanded .top-brokers-table-list {
    max-height: 1200px;
    overflow-y: unset;
    transition: max-height .35s ease-in
}

.top-brokers-table.expand.expanded .top-brokers-table-list :nth-child(5) {
    -webkit-mask-image: unset
}

.top-brokers-table.expand.expanded .view-more-element .expand-icon {
    transform: rotate(180deg);
    transition: transform .25s ease-in
}

.rtl-align .top-brokers-table .top-brokers-table-list .cta-review {
    direction: ltr
}

.rtl-align .top-brokers-table .top-brokers-table-header .brokers-count {
    font-size: 22px;
    line-height: 33px
}

.rtl-align .top-brokers-table .top-brokers-table-list>div .broker-position .broker-index .broker-index-value {
    line-height: 30px;
    height: 100%
}

.contact-columns{
    display: flex;
    gap: 20px;
}



.input-item label {
  margin-bottom: 10px;
  font-size: clamp(12px, 3vw, 14px);
  display: block;
  margin-top: 20px;
  font-family: Inter;
  color: #001b36;
}
.input-item input, .input-item textarea {
  width: 100%;
  padding: 10px 15px;
  border-radius: 0;
  border: 1px solid #000;
  font-weight: bold;
  outline: none;
  background: none;
  color: #000;
  
}
.input-item input::-webkit-input-placeholder, .input-item textarea::-webkit-input-placeholder {
  
  font-size: clamp(14px);
  font-weight: 400;
  color: #6a6868;
}
.input-item input::-moz-placeholder, .input-item textarea::-moz-placeholder {
  
  font-size: clamp(14px);
  font-weight: 400;
  color: #6a6868;
}
.input-item input:-ms-input-placeholder, .input-item textarea:-ms-input-placeholder {
  
  font-size: clamp(14px);
  font-weight: 400;
  color: #6a6868;
}
.input-item input::-ms-input-placeholder, .input-item textarea::-ms-input-placeholder {
  
  font-size: clamp(14px);
  font-weight: 400;
  color: #6a6868;
}
.input-item input::placeholder, .input-item textarea::placeholder {
  
  font-size: clamp(14px);
  font-weight: 400;
  color: #6a6868;
}

.form-button{
    order: 1;
    color: var(--light-white);
    background-color: var(--main-dark-blue);
    border-radius: 2px;
    padding: 4px 16px;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    width: 100%;
    height: 32px;
    margin-top: 10px;
    border-radius: 2px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, .08);
}

.map{
    margin-top: 20px;
}

.map iframe{
    width: 100%;
    height: 400px;
    display: flex;
}

.contact-columns .left-nav, .contact-columns .right-content{
    width: 50%;
}

@media(max-width: 771px){
    .contact-columns .left-nav, .contact-columns .right-content{
        width: 100%;
    }
    .contact-columns .right-content{
        margin-top: 15px;
    }
    .contact-columns{
        flex-direction: column;
    }
}

.proschecklist svg{
    width: 12px;
    height: 12px;
}

.entry-content thead tr {
  background-color: #0A400C;
  color: #fff!important;
  text-align: left;
}

.entry-content thead tr strong{
    color: #fff!important;
}

.entry-content thead td {
  padding: 12px 15px!important;
  font-weight: bold;
}

.entry-content thead th {
  padding: 12px 15px!important;
  font-weight: bold;
}

.entry-content h2{
    margin-top: 20px;
    margin-bottom: 10px;
}

.footer .c-nav a{
    color: #2B2B2B;
    text-decoration: none;
    padding-left: 0;
    text-align: left;
    font-size: 15px!important;
    font-weight: 400!important;
    line-height: 150%;
    margin-block-start: 0;
    margin-block-end: 0;
}

.footer .c-nav a:hover{
    color: #0A400C;
    text-decoration: underline;
    transition: 0.3s linear;
}

.footer .c-nav li{
    padding-left: 0;
}


.footer .c-nav{
    flex-direction: column;
    align-items: flex-start;
}

.carousel{
    margin-top: 0!important;
}

.pagination-container{
    margin-top: 20px;
}

.pagination-container .active span{
    color: #fff;
    font-weight: bold!important;
}

.page-body .sidebar-column{
    display: none!important;
}