/*
Theme Name: BlankSlate Child
Theme URI: https://opencollective.com/blankslate
Template: blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready,one-column,two-columns,custom-menu,featured-images,microformats,sticky-post,threaded-comments,translation-ready
Version: 2024.2.1725274382
Updated: 2024-09-02 10:53:02

*/

:root {
    --size: clamp(10rem, 1rem + 40vmin, 30rem);
    --gap: calc(var(--size) / 14);
    --clr-010C42: #010C42;
    --clr-010C42-10: #010C42B2;
    --clr-010C42-hover: #02146b;
    --clr-04135D: #04135D;
    --clr-010C4250: #010C4250;
    --clr-010C4260: rgba(1, 12, 66, 0.60);
    --clr-010C4280: rgba(1, 12, 66, 0.80);
    --clr-primary: #24B124;
    --clr-primary-50: #24B1248C;
    --clr-primary-55: rgba(36, 177, 36, 0.55);
    --swiper-pagination-color: var(--clr-primary);
    --clr-primary-hover: #1f9e1f;
    --light-blue: #F1F3F9;
    --clr-secondary: #111827;
    --clr-secondary-dark: #171717;
    --clr-secondary-50: rgba(17, 24, 39, 0.50);
    --clr-secondary-60: rgba(17, 24, 39, 0.60);
    --clr-secondary-hover: #032E64;
    --duration: 60s;
    --scroll-start: 0;
    --scroll-end: calc(-100% - var(--gap));
    --clr-F3F3F3: #F3F3F3;
    --clr-F1F3F9: #F1F3F9;
    --clr-EDF0FF: #EDF0FF;
    --clr-001E52: #001E52;
    --clr-E7EBF6: #E7EBF6;
    --clr-010C4299: #010C4299;
    --clr-939393: #939393;
    --clr-041A41: #041A41;
    --clr-EDEDED: #EDEDED;
    --clr-black: #000000;
    --clr-051B44: #051B44;
    --clr-57C055: #57C055;
    --clr-6D6E71: #6D6E71;
    --clr-0A0809: #0A0809;
    --clr-E3C292: #E3C292;
    --clr-010C42AA: #010C42AA;
    --clr-navy: #0E121D;
    --clr-gray-muted: #6B7280;
    --clr-gray-light: #9CA3AF;

    --gradiantPrimary: linear-gradient(257.05deg, #333333 15.85%, #111827 51.33%, #666666 99.71%);
    --bs-gradiant2: linear-gradient(0deg, rgb(227 194 146 / 78%) 6%, rgb(186 146 72 / 95%) 28%, rgb(227 193 124 / 82%) 51%, rgb(194 155 82 / 78%) 74%, rgb(227 194 146 / 78%) 97%);
    --bs-gradient3: linear-gradient(257.05deg, #333333 15.85%, #111827 51.33%, #666666 99.71%);
}

html,
body {
    padding: 0px;
    margin: 0px;
    box-sizing: border-box;
    font-family: 'Mulish';
    overflow-x: clip;
    max-width: 100%;
}

.skip-link {
    position: absolute;
    top: -40px;
    left: 0;
    background: #000;
    color: #fff;
    padding: 8px 12px;
    z-index: 100;
    transition: top 0.3s;
}

.skip-link:focus {
    top: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0px;
    padding: 0px;
    font-family: 'Plus Jakarta Sans';
}

p,
ul,
li,
a,
b,
span {
    margin: 0px;
    padding: 0px;
}

::-webkit-scrollbar {
    width: .2rem;
}

::-webkit-scrollbar-track {
    background-color: var(--clr-E7EBF6);
}

::-webkit-scrollbar-thumb {
    background: #111111
}

body.home .ctaInner-sec {
    display: none;
}

.th-primary:hover {
    color: var(--clr-primary-hover) !important
}

/* image[src="Logo.svg"] */

.btn {
    --bs-btn-padding-x: 1.875rem;
    --bs-btn-padding-y: 17px;
    --bs-btn-font-family: ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 700;
    --bs-btn-line-height: 1.5;
    border-radius: 10px;
}

.btn.btn-sm {
    --bs-btn-padding-x: 1rem;
    --bs-btn-padding-y: .75rem;
    --bs-btn-font-size: .9375rem;
    border-radius: 10px;
}

.btn_primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--clr-primary);
    --bs-btn-border-color: var(--clr-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--clr-primary-hover);
    --bs-btn-hover-border-color: var(--clr-primary-hover);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--clr-primary-hover);
    --bs-btn-active-border-color: var(--clr-primary-hover);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--clr-primary);
    --bs-btn-disabled-border-color: var(--clr-primary);
}

.btn_secondary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--clr-secondary);
    --bs-btn-border-color: var(--clr-secondary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--clr-secondary);
    --bs-btn-hover-border-color: var(--clr-secondary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--clr-secondary);
    --bs-btn-active-border-color: var(--clr-secondary);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--clr-primary);
    --bs-btn-disabled-border-color: var(--clr-primary);
}

.btn_white {
    --bs-btn-color: var(--clr-secondary);
    --bs-btn-bg: var(--bs-white);
    --bs-btn-border-color: var(--bs-white);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--clr-secondary);
    --bs-btn-hover-border-color: var(--clr-secondary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: var(--clr-secondary);
    --bs-btn-active-bg: var(--clr-secondary);
    --bs-btn-active-border-color: var(--clr-secondary);
    --bs-btn-disabled-color: var(--clr-secondary);
    --bs-btn-disabled-bg: var(--clr-primary);
    --bs-btn-disabled-border-color: var(--clr-primary);
    --bs-btn-active-color: #fff;
}

.btn_white:hover svg path {
    fill: #fff;
}

.btn.btn-white.active {
    color: #fff;
}

.btn_dark_gradient {
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #ffffff;
    --bs-btn-border-color: transparent;
    --bs-btn-active-color: #fff;

    background: linear-gradient(115deg,
            #3a3a3a 0%,
            #1f2937 45%,
            #111827 55%,
            #4b4b4b 100%);

    border: none;
    line-height: 1;

    position: relative;
    overflow: hidden;
    z-index: 0;

    transition: all 0.35s ease;
}

/* TEXT always above effects */
.btn_dark_gradient>* {
    position: relative;
    z-index: 2;
}

/* ✨ Gloss Effect (VISIBLE now) */
.btn_dark_gradient::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;

    background: linear-gradient(120deg,
            rgba(255, 255, 255, 0.25),
            transparent 50%);

    opacity: 0.8;
    /* increased */
    z-index: 1;
    pointer-events: none;
}

/* ✨ Shine Effect (FIXED visibility) */
.btn_dark_gradient::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 60%;
    height: 100%;

    background: linear-gradient(120deg,
            transparent,
            rgba(255, 255, 255, 0.4),
            transparent);

    transform: skewX(-20deg);
    transition: 0.7s ease;
    z-index: 1;
}

/* Hover */
.btn_dark_gradient:hover {
    transform: translateY(-3px);
}

/* Shine animation */
.btn_dark_gradient:hover::after {
    left: 130%;
}

/* Active */
.btn_dark_gradient:active {
    transform: translateY(0);

    box-shadow:
        0 6px 15px rgba(0, 0, 0, 0.25),
        inset 0 2px 4px rgba(0, 0, 0, 0.3);
}

.btn_link {
    --bs-btn-padding-x: 0px;
    --bs-btn-padding-y: 0px;
    --bs-btn-border-width: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.btn_link svg {
    transition: all 300ms ease;
}

.btn_link:hover svg {
    transform: translateX(5px);
}

.link_white {
    --bs-btn-color: #fff;
    --bs-btn-hover-color: #fff;
}

/* .link_white:hover {
    --bs-btn-color: #fff !important;
    --bs-btn-hover-color: #c5c5c5;
} */

.link_black {
    --bs-btn-color: #000;
    --bs-btn-hover-color: var(--clr-primary);
}

.fs-12 {
    font-size: 12px;
}

.fs-14 {
    font-size: 14px;
}

.fs-18 {
    font-size: 18px;
}

.fs-20 {
    font-size: 20px;
}

.fs-22 {
    font-size: 22px;
}

.fs-35 {
    font-size: 35px;
}

.fs-45 {
    font-size: 45px;
}

.ls-md {
    letter-spacing: 2.8px;
}

.text-white-60 {
    color: rgba(255, 255, 255, .6);
}

.text-white-80 {
    color: rgba(255, 255, 255, .8);
}

.text-black-60 {
    color: rgba(0, 0, 0, .6);
}

.text-clr-6D6E71 {
    color: var(--clr-6D6E71);
}

.text-clr-0A0809 {
    color: var(--clr-0A0809);
}

.text-clr-primary {
    color: var(--clr-primary);
}

.bg-clr-primary {
    background-color: var(--clr-primary);
}

.bg-clr-primary-50 {
    background-color: var(--clr-primary-50);
}

.bg-clr-primary-55 {
    background-color: var(--clr-primary-55);
}

.dark__gradient {
    background: var(--gradiantPrimary);
}

.bg-clr-4646462B {
    background-color: #4646462B;
}

.bg-clr-F8FFF8 {
    background-color: #F8FFF8;
}

.bg-clr-070A10 {
    background-color: #070A10;
}

.bg-clr-F7FBF7 {
    background-color: #F7FBF7;
}

.text-clr-001E52 {
    color: var(--clr-001E52);
}

.bg-clr-001E52 {
    background-color: var(--clr-001E52);
}

.bg-F5FAF5D1 {
    background-color: #F5FAF5D1;
}

.bg_secondary {
    background-color: var(--clr-secondary);
}

.bg-clr-F1F3F9 {
    background-color: var(--light-blue);
}

.text-brand-dark {
    color: var(--clr-010C42);
}

.text-010C42-10 {
    color: var(--clr-010C42-10)
}

.bg-clr-E7EBF6 {
    background-color: var(--clr-E7EBF6);
}

.text-brand-dark50 {
    color: var(--clr-010C4250);
}

.text-brand-dark80 {
    color: var(--clr-010C4280);
}

.text-brand-dark60 {
    color: var(--clr-010C4260);
}

.text-brand-dark99 {
    color: var(--clr-010C4299);
}

.text-clr-939393 {
    color: var(--clr-939393);
}

.text-clr-041A41 {
    color: var(--clr-041A41);
}

.text-clr-041A4180 {
    color: #041A4180;
}

.text_secondary {
    color: var(--clr-secondary) !important;
}

.text_secondary-60 {
    color: var(--clr-secondary-60);
}

.text_secondary-50 {
    color: var(--clr-secondary-50);
}

.text-clr-57C055 {
    color: var(--clr-57C055);
}

.bg-clr-EDF0FF {
    background-color: var(--clr-EDF0FF);
}

.bg-clr-00105C {
    background-color: #00105C;
}

.bgC_EDFFED {
    background-color: #EDFFED;
}

.bg-E3C292 {
    background-color: var(--clr-E3C292);
}

.bg-F1F3F9 {
    background-color: var(--clr-F1F3F9);
}

.bg-F3F3F3 {
    background-color: var(--clr-F3F3F3);
}

.bg_gradient3 {
    background-image: var(--bs-gradient3);
}

.text-010C4280 {
    color: var(--clr-010C4280);
}

.bg-auto {
    background-size: auto !important;
}

.bg-cover {
    background-size: cover !important;
}

.bg-contain {
    background-size: contain !important;
}

.bg-repeat {
    background-repeat: repeat !important;
}

.bg-no-repeat {
    background-repeat: no-repeat !important;
}

.bg-repeat-x {
    background-repeat: repeat-x !important;
}

.bg-repeat-y {
    background-repeat: repeat-y !important;
}

.bg-repeat-round {
    background-repeat: round !important;
}

.bg-repeat-space {
    background-repeat: space !important;
}

.bg-bottom {
    background-position: bottom !important;
}

.bg-center {
    background-position: center !important;
}

.bg-left {
    background-position: left !important;
}

.bg-left-bottom {
    background-position: left bottom !important;
}

.bg-left-top {
    background-position: left top !important;
}

.bg-right {
    background-position: right !important;
}

.bg-right-bottom {
    background-position: right bottom !important;
}

.bg-right-top {
    background-position: right top !important;
}

.bg-top {
    background-position: top !important;
}

.py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

/* Custom Style Here */

.ct-ticker {
    display: flex;
    gap: 25px;
    animation: tickerLogo 7s 0s infinite linear;
}

@keyframes tickerLogo {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(-300px);
    }
}

.assets-tabs.bg-gradient-shape {
    background-image: url(../images/gradient-shape.png);
}

.assets-tabs {
    padding: 62px 0 44px;
}

.assets-tabs .at-tabs .nav-pills button {
    --bs-nav-link-padding-y: 0.625rem;
    --bs-nav-link-padding-x: 1.25rem;
    font-size: 18px;
    border-radius: 30px;
    color: var(--bs-white);
    font-weight: 500;
}

.assets-tabs .at-tabs .nav-pills button.active {
    background-color: var(--clr-001D59);
}

.home-banner .innerSec {
    padding-block: 120px;
}

.marketsPage::before {
    content: '';
    background: linear-gradient(0deg, rgba(255, 255, 255, 0.63), rgba(255, 255, 255, 0.63)),
        linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2));
    height: 635px;
    width: 635px;
    position: absolute;
    right: 50%;
    left: 10%;
    border-radius: 50%;
    filter: blur(8px);
    -webkit-filter: blur(134px);
    background-position: center;
    background-size: cover;
}

/* end  */

@keyframes tickerLogo {
    0% {
        transform: translateX(0px);
    }

    100% {
        transform: translateX(-300px);
    }
}

.marquee {
    display: flex;
    overflow: hidden;
    user-select: none;
    gap: var(--gap);
}

.marquee__group {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
    gap: var(--gap);
    min-width: 100%;
    animation: scroll-x var(--duration) linear infinite;
}

.marquee--vertical {
    --mask-direction: to bottom;
}

.marquee--vertical,
.marquee--vertical .marquee__group {
    flex-direction: column;
}

.marquee--vertical .marquee__group {
    animation-name: scroll-y;
}

.marquee--reverse .marquee__group {
    animation-direction: reverse;
    animation-delay: -3s;
}

@keyframes scroll-x {
    from {
        transform: translateX(var(--scroll-start));
    }

    to {
        transform: translateX(var(--scroll-end));
    }
}

@keyframes scroll-y {
    from {
        transform: translateY(var(--scroll-start));
    }

    to {
        transform: translateY(var(--scroll-end));
    }
}

.become-steps {
    padding: 80px 0px;
}

.become-steps .steps-box {
    padding: 22px 24px;
    background-color: var(--bs-white);
    border: 1px solid var(--clr-E7EBF6);
    transition: transform .3s ease, box-shadow .3s ease;
}

.become-steps .steps-box:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(1, 12, 66, 0.10);
}

.become-steps .steps-box.active {
    background: var(--gradiantPrimary);
    border-color: transparent;
}

.become-steps .steps-box p {
    color: var(--clr-001E52);
}

.become-steps .steps-box.active p {
    color: var(--bs-white);
}

.become-steps .ct-step-num {
    width: 54px;
    height: 54px;
    min-width: 54px;
    flex: 0 0 54px;
    padding: 0;
    line-height: 1;
    aspect-ratio: 1;
    font-size: 1.125rem;
    color: var(--bs-white);
    background-color: var(--clr-primary);
}

@media (max-width: 575.98px) {
    .become-steps .ct-step-num {
        width: 46px;
        height: 46px;
        min-width: 46px;
        flex: 0 0 46px;
        font-size: 1rem;
    }
}

.instrument-banner {
    padding: 184px 0 57px;
}

.instrument-banner.chartBG {
    background-image: url('assets/images/instrument-chartBG.svg');
    background-repeat: no-repeat;
    background-position: 25rem center;
}

.whyTrade .info-box {
    padding: 42px 47px;
    height: 100%;
}

.process-work.bg-shape {
    background-image: url('assets/images/process-shape.svg');
}

.process-work .pross-box {
    border: 2px solid rgba(255, 255, 255, 0.10);
    padding: 40px;
    background-color: var(--clr-002577);
}

.process-work .pross-box ul li {
    color: var(--bs-white);
    margin: 5px 0;
}

.about-banner {
    padding: 130px 0px 278px;
}

.aboutSec .about-inner {
    padding: 120px 0 100px;
    margin-top: -240px;
}

.aboutSec .about-inner.bg-img {
    background-image: url('assets/images/about-img.webp');
}

.aboutSec .about-inner .logos-wrp {
    padding: 25px 44px;
    background-color: #24B124;
    position: relative;
}

.gap-20 {
    gap: 20px;
}

.ib-banner {
    background-image: url('assets/images/ibBanner.webp');
}

.ib-banner.bg-shape {
    position: relative;
}

.ib-banner.bg-shape::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
}

.custom-bullet-checkbox li {
    position: relative;
    padding-left: 25px;
    margin: 5px 0;
}

.custom-bullet-checkbox li::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 0px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23141516' d='M14.25 2.969h-1.092a.497.497 0 0 0-.392.19L6.324 11.32l-3.09-3.914a.5.5 0 0 0-.392-.19H1.75a.125.125 0 0 0-.098.201l4.28 5.422c.2.253.584.253.785 0l7.632-9.67a.124.124 0 0 0-.099-.2Z'/%3E%3C/svg%3E");
}

.contactForm {
    border: 1px solid #D9D9D9;
    background: #FFF;
    padding: 50px;
    border-radius: 10px;
}

.contactForm h4 {
    font-size: 24px;
    font-weight: 700;
    color: var(--clr-black);
    margin-bottom: 30px;
}

.contactForm .form-group label {
    font-size: 14px;
    font-weight: 400;
    color: var(--clr-7A7581);
}

.contactForm .form-group input,
.contactForm .form-group textarea,
.contactForm .form-group select {
    width: 100%;
    border: 1px solid #D9D9D9;
    height: 48px;
    padding: 10px 16px;
    border-radius: 0px;
}

.contactForm .form-group input[type="submit"] {
    border-radius: .625rem;
}

.contactForm .form-group textarea {
    height: 141px;
    resize: none;
}

.contactForm .form-group button[type="submit"] {
    width: 100%;
}

.ib-steps {
    padding: 80px 0px;
}

.ibSec-form {
    padding: 81px 0 0;
}

.ac-banner {
    padding: 100px 0 307px;
}

.ac-types {
    margin-top: -250px;
}

.account-table {
    width: 100%;
}

.account-table thead {
    vertical-align: top;
}

.account-table thead tr th {
    padding: 0 8px;
}

.account-table thead tr th:first-child {
    padding: 0;
}

.account-table thead tr th .ac-box {
    padding: 32px 26px;
    min-height: 280px;
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(1, 12, 66, 0.06);
    box-shadow: 0 25px 40px -20px rgba(1, 12, 66, 0.28);
}

.account-table thead tr th .ac-box .btn-wrp {
    margin-top: auto;
}

.account-table tbody tr td {
    padding: 15px 20px;
    color: #242424;
}

.account-table tbody tr:nth-child(even) td {
    background-color: #F7FBF7;
}

.account-table tbody tr td:first-child {
    font-weight: 700;
    color: #000000;
}

/* About Us Section Icons */
.why-trade .info-box .icon svg {
    color: var(--clr-primary);
}

/* Account Table Slider < 991px */
@media (max-width: 991px) {
    .table-responsive {
        overflow-x: hidden;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .table-responsive::-webkit-scrollbar { display: none; }

    /* lock table + rows to 100% of the viewport (no overflow) */
    .account-table,
    .account-table thead,
    .account-table tbody {
        display: block;
        width: 100%;
        max-width: 100%;
    }

    .account-table thead tr {
        overflow: hidden;
    }

    .account-table-slider-controls {
        display: flex;
        justify-content: center;
        gap: 10px;
        margin-bottom: 20px;
    }

    .account-table-slider-btn {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: none;
        background: var(--clr-primary);
        color: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        transition: all 0.3s;
    }
    .account-table-slider-btn:hover { background: var(--clr-primary-hover); }
    .account-table-slider-btn:disabled { opacity: 0.5; cursor: not-allowed; }

    .account-table th:first-child,
    .account-table td:first-child,
    .account-table td {
        padding: 12px 10px;
        font-size: 14px;
    }

    .account-table th:first-child,
    .account-table td:first-child {
        display: none;
    }

    .account-table tbody tr {
        overflow: hidden;
    }

    .account-table tbody tr td:not(:first-child) {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        min-height: 48px;
        background: #fff;
        border-bottom: 1px solid rgba(1, 12, 66, 0.08);
        color: #010C42;
        font-weight: 700;
        text-align: right;
        white-space: normal !important;
    }

    .account-table tbody tr:nth-child(even) td:not(:first-child) {
        background: #F7FBF7;
    }

    .account-table tbody tr td[data-account-label]::before {
        content: attr(data-account-label);
        color: #000;
        font-weight: 700;
        text-align: left;
        flex: 1 1 auto;
        white-space: normal;
    }

    .account-table .ac-box { 
        padding: 15px; 
        min-height: 230px; 
        box-sizing: border-box;
        overflow: hidden;
        height: 100%;
    }
    .account-table .ac-box .top-wrp {
        margin-bottom: 10px;
    }
    .account-table .ac-box h3 { 
        font-size: 16px; 
        margin-bottom: 10px;
    }
    .account-table .ac-box p { 
        font-size: 12px; 
        margin-bottom: 5px;
    }
    .account-table .ac-box .amount { 
        margin-bottom: 15px;
    }
    .account-table .ac-box .amount h5 { 
        font-size: 26px; 
        margin-bottom: 5px;
    }
    .account-table .ac-box .amount span { 
        font-size: 12px;
    }
    .account-table .ac-box .btn {
        padding: 8px 15px;
        font-size: 13px;
    }
}

/* Account Table - equal column widths (desktop & up) */
@media (min-width: 992px) {
    .account-table {
        table-layout: fixed;
    }

    .account-table th:first-child,
    .account-table td:first-child {
        width: 22%;
    }

    .account-table thead tr th:not(:first-child),
    .account-table tbody tr td:not(:first-child) {
        width: 26%;
    }
}

/* Account Table - iPad Pro / small desktop */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .account-table thead tr th {
        padding: 0 5px;
    }

    .account-table thead tr th .ac-box {
        padding: 22px 18px;
        min-height: 250px;
    }

    .account-table thead tr th .ac-box h3 {
        font-size: 1.5rem;
    }

    .account-table thead tr th .ac-box .amount h5 {
        font-size: 2rem;
    }

    .account-table thead tr th .ac-box .amount h5 span {
        font-size: 0.85rem;
    }
}

.islamic-banner {
    padding: 116px 0 147px;
}

.islamic-banner.bg-img {
    background-image: url('assets/images/islamic-account-bg.png');
}

.threeAccount.islamic-account {
    padding-bottom: 37.5rem;
    background: rgb(241, 243, 249);
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(241, 243, 249, 1) 0%);
}

.islamic-table {
    margin-top: -500px;
}

.threeAccount .info-box>span {
    margin-bottom: -34px;
}

.dw-banner.bg-img {
    background-image: url('assets/images/banner/dw-banner-img.webp');
}

.dw-banner {
    padding: 116px 0 147px;
}

.dwSec {
    padding-bottom: 70px;
}

.dwSec .tab-content .deposit-card {
    min-height: 515px;
    padding: 35px;
    border: 1px solid #E1E1E1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.dwSec .tab-content .deposit-card .btn-wrp a {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--clr-00174A);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--clr-secondary-hover);
    --bs-btn-border-color: var(--bd-violet-bg);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--clr-00174A);
}

.dwSec .nav {
    justify-content: center;
    border-bottom: 0;
}

.dwSec .nav button {
    width: calc(100% / 2);
    background-color: transparent;
    border: 0;
    font-size: 24px;
    color: var(--clr-black);
    padding: 17px 40px;
    position: relative;
    font-weight: 600;
}

.dwSec .nav button::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 0px;
    background-color: var(--clr-primary);
    transition: all 200ms ease;
}

.dwSec .nav button.active {
    color: var(--clr-primary);
    background-color: transparent;
}

.dwSec .nav button.active::before {
    height: 5px;
}

.dwSec .tab-content {
    padding-top: 102px;
}

.openAccount-banner {
    padding: 120px 0 40px;
}

/* .contact-banner{padding: 110px 0 155px; margin: 0px 32px;} */
.contact-banner {
    padding: 80px 0 155px;
    margin: 0px 32px;
}

/* .contact-banner .contactForm{margin-bottom: -250px; box-shadow: 8px 8px 36px 0px rgba(0, 0, 0, 0.06);} */
.contact-banner .contactForm {
    margin-bottom: -100px;
    box-shadow: 8px 8px 36px 0px rgba(0, 0, 0, 0.06);
}

.company-detail {
    padding: 18.75rem 0 5.25rem;
}

.blogPageSec {
    padding: 65px 0 85px;
}

.blogPageSec .blog-post {
    padding: 30px 18px;
    border: 1px solid #BED5FF;
    border-radius: 16px;
}

.blog-post .img-wrp img {
    width: 100%;
}

nav.pagination,
.pagination,
.entry-links,
.page-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: 60px;
    margin-bottom: 60px;
    flex-wrap: wrap;
}

nav.pagination ul,
.pagination ul,
.entry-links ul,
.page-links ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.pagination li a,
.page-numbers,
.entry-links a,
.entry-links span,
.page-links a,
.page-links span {
    background-color: transparent;
    color: rgba(1, 1, 1, 0.70);
    padding: 20px 30px;
    font-size: 22px;
    font-weight: 700;
    border: 2px solid #F0F0F0;
    text-decoration: none;
    display: inline-block;
}

.pagination li a:hover,
.page-numbers:hover,
.pagination li a.current,
.page-numbers.current,
.entry-links a:hover,
.entry-links span,
.page-links a:hover,
.page-links span {
    background-color: var(--clr-primary);
    color: var(--bs-white);
    border-color: var(--clr-primary);
}

.blogPageSec .blog-post img {
    border-radius: 0.5rem;
}

.blogPageSec h1,
.blogPageSec h2 {
    margin-top: 30px;
}

.blogPageSec h1,
.blogPageSec h2,
.blogPageSec h3,
.blogPageSec h4,
.blogPageSec h5,
.blogPageSec h6,
.blogPageSec p {
    margin-bottom: 20px;
}

.ec-chart {
    margin-top: -320px;
}

.ec-banner.bg-shape {
    background-image: url('assets/images/account-comparison-banner-img.svg');
    padding-bottom: 19.188rem;
}

.forexSec {
    padding: 115px 0 127px;
}

.forexSec.bg-img {
    position: relative;
}

.forexSec .forex-cards .img-wrp {
    margin-right: -20px;
}

.forexSec .forex-cards .middle {
    flex-basis: 60%;
}

.forexSec .forex-cards {
    background-color: #04135D;
    background-image: url('assets/images/home-instrument-pointBG.svg');
    padding: 40px 0px 40px 40px;
    border-radius: 40px;
    position: relative;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: contain;
}

.forexSec .forex-cards.crd01 {
    z-index: 1;
}

.forexSec .forex-cards.crd02 {
    z-index: 2;
}

.forexSec .forex-cards.crd03 {
    z-index: 3;
}

.forexSec .forex-cards.crd04 {
    z-index: 4;
}

.forexSec .forex-cards.crd05 {
    z-index: 5;
}

.top-30 {
    top: 30% !important;
}

/* Footer Start */
footer .footer-links ul li a {
    margin: 4px 0;
    display: inline-block;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.50);
    transition: all 300ms ease;
    font-size: 14px;
    font-weight: 400;
}

footer .footer-links ul li a:hover {
    color: var(--bs-white);
}

footer .social-links ul li a {
    display: block;
    text-align: center;
    background-color: #081866;
    border-radius: 6px;
    padding: 8px;
    transition: all 300ms ease;
}

footer .social-links ul li a:hover {
    background-color: #ba934d;
}

footer ul.footer-menu {
    margin: 0px 0px 47px;
}

footer ul.footer-menu li a {
    color: var(--bs-white);
    text-decoration: none;
    font-size: 15px;
    font-weight: 600;
}

.navbar {
    --bs-navbar-padding-y: 1.25rem;
}

.navbar .btn-wrapper .btn.btn-theme-fill-secondary {
    --bs-btn-padding-y: 0.5rem
}

/* footer .pt-100.bg-clr-02122F{padding-top: 180px !important;} */

footer .cta {
    background: #E3C292;
    position: relative;
}

/* footer .cta::before{content: ''; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-image: url('../images/meshBG.svg'); z-index: 0;} */
footer .cta::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: url('assets/images/newCta.webp');
    z-index: 0;
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
}

footer .cta::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 250px;
    background-color: transparent;
    filter: blur(28px);
    top: 225px;
}

footer .cta .img-wrp {
    max-width: 320px;
    margin: auto;
}

footer .cta .img-wrp img {
    margin-top: -40px;
}

.vertexPlatform .forDevice {
    padding: 50px 50px 0px;
    max-height: 600px;
}

.vertexPlatform .forDevice .vertex-list li {
    position: relative;
    padding: 8px 0;
    padding-left: 22px;
    font-size: 16px;
    font-weight: 500;
    color: #FFFFFFA6;
}

.vertexPlatform .forDevice .vertex-list li::before {
    content: '';
    position: absolute;
    top: 15px;
    left: 0px;
    width: 14px;
    height: 14px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2215%22%20height%3D%2215%22%20viewBox%3D%220%200%2015%2015%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M12.613%202.629h-.967a.44.44%200%200%200-.347.169l-5.702%207.224-2.735-3.465a.44.44%200%200%200-.347-.169h-.967a.11.11%200%200%200-.087.179l3.788%204.799a.444.444%200%200%200%20.696%200l6.755-8.56a.11.11%200%200%200-.087-.177%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
    background-size: cover;
}

/* .highlight-text span,.gradiant1{background: var(--GD, linear-gradient(102deg, #E3C292 -138.2%, #E3C17C -35.23%, #BA9248 16.32%, #E3C292 44.5%, #C29B52 69.49%)); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} */
.highlight-text span {
    color: var(--clr-primary);
}

.bg-gradiant1 {
    background: var(--GD, linear-gradient(102deg, #E3C292 -138.2%, #E3C17C -35.23%, #BA9248 16.32%, #E3C292 44.5%, #C29B52 69.49%));
}

.threeAccount .info-box {
    padding: 30px;
    border: 1px solid #0000001A
}

.accountPriceSlider .price-box {
    border: 0px solid #010c4229;
}

.accountPriceSlider .price-box .header-wrp {
    padding: 30px 50px 50px;
}

.accountPriceSlider .price-box .list-wrp {
    padding: 0px 50px 43px;
}

.accountPriceSlider .price-box .list-wrp .btn-wrp {
    margin-top: 30px;
}

.accountPriceSlider {
    overflow: hidden;
}

.accountPriceSlider .swiper-wrapper {
    align-items: stretch;
}

.accountPriceSlider .swiper-slide {
    height: auto;
    flex-shrink: 0;
}

.accountPriceSlider .card {
    height: 100%;
    width: 100%;
}

.accountPriceSlider .display-4 {
    font-size: clamp(2.5rem, 4vw, 3.5rem);
    line-height: 1;
}

.accountPriceSlider .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.swiper-pagination {
    position: static;
    display: flex;
    justify-content: center;
    gap: .45rem;
    margin-top: 1.5rem;
}

.swiper-pagination-bullet {
    width: .65rem;
    height: .65rem;
    margin: 0 !important;
    background: #d7e8d7;
    opacity: 1;
    transition: all .25s ease;
}

.swiper-pagination-bullet-active {
    width: 1.8rem;
    border-radius: 999px;
    background: var(--clr-primary);
}

.downloadPlatform {
    background-image: url('assets/images/downloadPlatformBG.svg');
    background-size: cover;
}

.downloadPlatform .downloadBTN span a {
    transition: all 300ms ease;
}

.downloadPlatform .downloadBTN span a svg circle {
    fill-opacity: 0;
    stroke: #010C42;
    transition: all 300ms ease;
}

.downloadPlatform .downloadBTN span a svg path {
    fill: #010C42;
    transition: all 300ms ease;
}

.downloadPlatform .downloadBTN span a:hover svg circle {
    fill-opacity: 1;
    stroke: transparent;
}

.downloadPlatform .downloadBTN span a:hover svg path {
    fill: var(--bs-white);
}

.aboutVMV .ourBox {
    padding: 40px;
}

.aboutVMV .ourMission {
    margin-right: -20px;
}

.aboutVMV .ourVision {
    margin-left: -20px;
}

.bannerBG {
    background-image: url('assets/images/bannerBG.webp');
}

.meshBG {
    background-image: url('assets/images/meshBG.svg');
}

.ibSec-form::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(0deg, white 40%, transparent 0%);
}

.csTabsSec .tab-content {
    padding-top: 40px;
}

.csTabsSec .customTabs ul li button {
    width: calc(100% / 1);
}

.csTabsSec .customTabs .custom-table thead tr th {
    background-color: var(--clr-010C42);
    padding: 10px 30px;
    vertical-align: middle;
    color: #ffffff;
    font-size: 16px;
}

.csTabsSec .customTabs .custom-table tbody tr td {
    padding: 15px 30px;
    color: #6c6c6c;
}

.csTabsSec .customTabs .custom-table tbody tr td[colspan="7"] {
    background-color: #EEF0F6;
}

.csTabsSec .customTabs .custom-table tbody tr td h4 {
    font-size: 16px;
    color: #000000;
    font-weight: 700;
}

.copyTrading.bg-img {
    background-image: url('assets/images/banner/copyTrading-banner.webp');
}

.cardTeamWrapper .card-wrp {
    position: relative;
    aspect-ratio: 3 / 4;
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    overflow: hidden;
}

.cardTeamWrapper .card-wrp::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(2, 8, 30, 0) 38%, rgba(2, 8, 30, 0.55) 64%, rgba(2, 8, 30, 0.92) 100%);
    z-index: 1;
}

.cardTeamWrapper .card-wrp > * {
    position: relative;
    z-index: 2;
}

.cardTeamWrapper .card-wrp.cardOne {
    background-image: url('assets/images/ct-team-01.png');
}

.cardTeamWrapper .card-wrp.cardTwo {
    background-image: url('assets/images/ct-team-02.png');
}

.cardTeamWrapper .card-wrp.cardThree {
    background-image: url('assets/images/ct-team-03.png');
}

.cardTeamWrapper .card-wrp.cardFour {
    background-image: url('assets/images/ct-team-04.png');
}

.cardTeamWrapper .card-wrp.cardFive {
    background-image: url('assets/images/ct-team-01.png');
}

.cardTeamWrapper .card-wrp.cardSix {
    background-image: url('assets/images/ct-team-02.png');
}

/* ===== Copy Trading page — responsive (iPad Pro / iPad / mobile) ===== */
.dwPage .copyTrading .content-wrapper h1 {
    word-break: break-word;
}

/* iPad Pro and below */
@media (max-width: 1199.98px) {
    .dwPage .copyTrading.bg-img {
        background-size: contain !important;
        background-position: right bottom !important;
    }

    .dwPage .copyTrading .content-wrapper h1 {
        font-size: 2.5rem;
    }
}

/* iPad portrait and below */
@media (max-width: 991.98px) {
    .dwPage .copyTrading.innerSec {
        margin-inline: 1rem !important;
    }

    .dwPage .copyTrading.bg-img {
        background-size: 55% auto !important;
        background-position: right bottom !important;
    }

    .dwPage .copyTrading .content-wrapper h1 {
        font-size: 2.25rem;
    }

    .dwPage .copyTrading .content-wrapper p {
        margin-bottom: 2rem !important;
    }
}

/* Mobile */
@media (max-width: 767.98px) {
    .dwPage .copyTrading.innerSec {
        margin-inline: 0.75rem !important;
    }

    .dwPage .copyTrading.bg-img {
        background-image: none !important;
    }

    .dwPage .copyTrading .content-wrapper h1 {
        font-size: 1.9rem;
    }

    .dwPage .copyTrading .content-wrapper p {
        font-size: 1rem;
    }

    .dwPage .copyTrading .content-wrapper .btn_primary {
        width: 100%;
        justify-content: center;
    }

    .dwPage .whyChooseUs .info-box .icon svg {
        width: 48px;
        height: 48px;
    }
}

/* Small phones */
@media (max-width: 575.98px) {
    .dwPage .copyTrading.innerSec {
        margin-inline: 0.5rem !important;
    }

    .dwPage .copyTrading .content-wrapper h1 {
        font-size: 1.6rem;
    }

    .dwPage .whyChooseUs .info-box h4 br {
        display: none;
    }
}

.companyLogos .l-box img {
    width: 300px;
    aspect-ratio: 16 / 3;
}

.whyBenefitsFiveCol>div {
    width: calc(100%/5);
}

.customAccordion {
    --bs-accordion-btn-icon: url('data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%208v32m16-16H8%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    --bs-accordion-btn-active-icon: url('data:image/svg+xml,%3Csvg%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24%208v32m16-16H8%22%20stroke%3D%22%23000%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E');
    --bs-accordion-btn-icon-transform: rotate(-45deg);
    --bs-accordion-btn-padding-x: 0rem;
    --bs-accordion-body-padding-x: 0rem;
    --bs-accordion-border-width: 0;
    --bs-accordion-btn-icon-width: 2rem
}

.accordion.customAccordion {
    --bs-accordion-btn-color: var(--clr-secondary);
}

.customAccordion .accordion-item:not(:last-child) {
    border-bottom: 1px solid #eaeaea;
}

.customAccordion .accordion-button {
    font-weight: 600;
    font-size: 1.375rem;
}

.customAccordion .accordion-body {
    padding-top: 0px;
    color: rgb(0 0 0 / 50%);
}

.customAccordion .accordion-button:focus {
    box-shadow: none
}

.customAccordion .accordion-button:not(.collapsed) {
    color: #010C42;
    background-color: transparent;
    box-shadow: none;
}

#sectionNine .fs-45 {
    font-size: clamp(2rem, 3.4vw, 2.8125rem) !important;
    line-height: 1.15;
}

#sectionNine .customAccordion {
    margin-top: 1.75rem;
}

#sectionNine .customAccordion .accordion-button {
    gap: 1rem;
    font-size: clamp(1.05rem, 1.7vw, 1.375rem);
    line-height: 1.35;
}

#sectionNine .customAccordion .accordion-body {
    font-size: clamp(.95rem, 1.35vw, 1.125rem) !important;
    line-height: 1.7;
}

.blogPage .b_detail .blog-content h2 {
    font-size: 38px;
    font-weight: 700;
    color: #010C42;
}

.blogPage .b_detail .blog-content h3 {
    font-size: 30px;
    font-weight: 700;
    color: #010C42;
}

.blogPage .b_detail .blog-content h4 {
    font-size: 28px;
    font-weight: 700;
    color: #010C42;
}

.blogPage .b_detail .blog-content h5 {
    font-size: 22px;
    font-weight: 700;
    color: #010C42;
}

.blogPage .b_detail .blog-content h6 {
    font-size: 18px;
    font-weight: 700;
    color: #010C42;
}

.blogPage .b_detail .blog-content p {
    color: var(--clr-010C42);
    font-size: 20px;
}

.blogPage .b_detail .sidebar .cta {
    /* background-image: linear-gradient(101.99deg, #E3C292 -138.2%, #BA9248 -87.86%, #E3C17C -35.23%, #C29B52 17.41%, #E3C292 70.04%); */
    background-color: #EDFFED;
    border: 10px solid #c7f7c7;
    border-radius: 15px;
}

.social-link.SocialBD li a:hover svg {
    transform: scale(1.2);
}

.social-link.SocialBD li a svg,
.social-link.SocialBD li a svg rect {
    transition: all 300ms ease;
}

.social-link.SocialBD li a:hover svg rect {
    fill: var(--clr-secondary);
}

.social-link.SocialBD li a:hover svg rect {
    fill: var(--clr-primary);
}

.threeWhat .infobox {
    --bs-card-spacer-y: 2rem;
    --bs-card-spacer-x: 2rem;
    --bs-card-border-color: transparent;
    box-shadow: 0px 0px 25px 0px #ededed54;
    --bs-card-border-radius: 18px;
}

/* New CSS */

.btn-link.btn-theme-gradient {
    --bs-btn-padding-x: 0rem;
    --bs-btn-padding-y: 0rem;
    background: #E3C292;
    background: linear-gradient(102deg, #E3C292 -138.2%, #E3C17C -35.23%, #BA9248 16.32%, #E3C292 44.5%, #C29B52 69.49%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.btn-link.btn-theme-gradient span {
    transition: all 300ms ease;
}

.btn-link.btn-theme-gradient:hover span:not(:first-child) {
    transform: translateX(5px);
    display: inline-block;
}

.marketsPage {
    padding: 31px 0px 80px;
}

.marketsPage .btn.active::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    border-radius: 7px;
    background-color: #24B12459;
    z-index: -1;
    border: 1px solid #FFFFFF70;
}

.marketsPage .bannerBTNs a {
    --bs-btn-padding-x: 1.5rem;
    --bs-btn-padding-y: .75rem;
    border: 0px;
}

.marketsPage {
    background-image: url('assets/images/marketsDetailBG.jpg');
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    right: 0px;
    background-size: contain;
    background-position: right;
    background-repeat: no-repeat;
}

/* .marketsPage::before{content: ''; position: absolute; width: 100%; height: 100%; background:var(--gradiantPrimary)} */
.marketsPage::before {
    right: 11%;
    left: auto;
    -webkit-filter: blur(235px);
}

.marketsBox .info-box {
    --bs-card-spacer-y: 2.75rem;
    --bs-card-spacer-x: 1.875rem;
    --bs-card-border-radius: 20px;
    --bs-card-border-color: transparent;
    --bs-card-border-width: 0px;
}

.marketsPage.marketDetail {
    padding: 40px 0px 90px;
}

.mx-30 {
    margin-inline: 32px;
}

/* .marketsPage.marketDetail.forexPage{background-image: url('../images/forex-heroBG.jpg');} */
.marketsPage.marketDetail.forexPage {
    background-image: url('assets/images/instCandle.webp');
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
}

.marketsContent aside.sidebar {
    top: 120px;
}

.marketsContent .pageDetail {
    --bs-card-spacer-y: 1.4375rem;
    --bs-card-spacer-x: 1.625rem;
    --bs-card-border-color: #E7E8EA;
    --bs-card-border-radius: 16px
}

.marketsContent .innerBox a {
    text-decoration: none;
    color: var(--clr-secondary);
}

.marketsContent .innerBox:not(:last-child) h4,
.marketsContent .innerBox h4.active {
    padding-bottom: 15px;
}

.marketsContent .innerBox h4 a {
    font-size: 18px;
    font-weight: 700;
}

.marketsContent .innerBox h4.active a {
    color: var(--clr-primary);
}

.marketsContent .pageDetail ul {
    list-style: none;
    margin-bottom: 20px;
}

.marketsContent .pageDetail ul li:not(:last-child) {
    padding-bottom: 6px;
}

.marketsContent .pageDetail ul li a {
    position: relative;
    font-size: 14px;
}

.marketsContent .pageDetail ul li a.active {
    color: var(--clr-primary);
    padding: 0px 0px;
}

.marketsContent .pageDetail ul li a.active::before {
    content: '';
    position: absolute;
    top: 0px;
    left: -25px;
    width: 4px;
    height: 100%;
    background-color: var(--clr-primary);
}

.marketCard {
    --bs-card-bg: #F1F3F9;
    --bs-card-border-width: 0px;
    --bs-card-spacer-y: 2rem;
    --bs-card-spacer-x: 2rem;
}

.marketCard .card-img img {
    transition: all 300ms ease;
}

.marketCard:hover .card-img img {
    transform: scale(1.1);
}

.marketCard .card-img {
    max-height: 120px;
    overflow: hidden;
}

.themeTable table thead tr th {
    padding: 10px 25px;
    background: #F5F5F5;
}

.themeTable table thead tr th:first-child {
    border-radius: 10px 0px 0px;
}

.themeTable table thead tr th:last-child {
    border-radius: 0px 10px 0px;
}

.themeTable table tbody tr td {
    padding: 15px 25px;
    font-weight: 400;
    font-size: 15px;
}

.themeTable table tbody tr td {
    border-top: 1px solid #E1CFFF;
}

.themeTable table tbody tr:hover td {
    color: var(--clr-primary);
}

.themeTable table tbody tr {
    transition: all 500ms ease;
}

.themeTable table tbody tr:hover {
    background-color: #F5FAF5;
}

.themeTable table tbody tr td .btn {
    --bs-btn-padding-x: 1.125rem;
    --bs-btn-padding-y: .3125rem;
    font-size: 15px;
}

.hiddenTextCard {
    --bs-card-height: 235px;
    --bs-card-spacer-y: 1.25rem;
    --bs-card-spacer-x: 1.25rem;
    --bs-card-bg: #F5FAF5C9;
    --bs-card-border-width: 0px;
    --bs-card-border-radius: 30px;
    overflow: hidden;
    height: 235px;
}

.hiddenTextCard:hover {
    background-color: #D6FFD6;
}

.hiddenTextCard .card-body {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    padding: 1.25rem 1.25rem 0 1.25rem;
}

.hiddenTextCard .icon-wrp {
    transition: all 400ms ease;
    flex-shrink: 0;
    opacity: 1;
}

.hiddenTextCard .content-wrp {
    transition: all 400ms ease;
    flex-shrink: 0;
    margin-top: auto;
    margin-bottom: 0;
    padding-bottom: 1.25rem;
}

.hiddenTextCard:hover .icon-wrp {
    transform: translateY(-100px) !important;
    opacity: 0 !important;
}

.hiddenTextCard:hover .content-wrp {
    transform: translateY(-60px);
}

.hiddenTextCard .content-wrp h4 {
    transition: all 400ms ease;
    margin: 0;
    padding: 0;
}

.hiddenTextCard .content-wrp p {
    opacity: 0;
    max-height: 0;
    transform: translateY(20px);
    transition: all 400ms ease;
    font-size: 14px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.hiddenTextCard:hover .content-wrp h4 {
    color: var(--clr-primary);
}

.hiddenTextCard:hover .content-wrp p {
    opacity: 1;
    max-height: 150px;
    transform: translateY(0);
    margin-top: 0.5rem;
}

.numbered-list {
    counter-reset: list-counter;
}

.numbered-list li {
    counter-increment: list-counter;
    margin: 0;
}

.numbered-list li::before {
    content: counter(list-counter, decimal-leading-zero);
    font-weight: bold;
    color: #ffffff;
    background: var(--gradiantPrimary);
    width: 58px;
    height: 58px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 24px;
    margin-right: 12px;
    flex-shrink: 0;
}

.numbered-list li.even-item::before {
    background: #82CF82;
}

.tradeTick {
    background-image: url('assets/images/tradeTickBG.svg');
}

.marketsCTA .brand-name img {
    max-width: min(180px, 100%);
    height: auto;
}

.marketsCTA .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
}

.ourplartform .imagewrap img {
    display: block;
    margin-inline: auto;
}

.squareBox {
    width: 44px;
    aspect-ratio: 1 / 1;
}

/* home new section  */
.card.eMaster-card {
    --bs-card-spacer-x: 0;
    --bs-card-spacer-y: 0;
    --bs-card-cap-padding-y: 2.125rem;
    --bs-card-cap-padding-x: 1.863rem;
    --bs-card-height: 100%;
    --bs-card-bg: #F1F3F9;
    --bs-card-cap-bg: #F1F3F9;
    --bs-card-border-width: 0;
    --bs-card-border-radius: 1.25rem;
    --bs-card-inner-border-radius: 1.25rem;
}

.candleBg {
    background-image: url('assets/images/home/bgCandle.png');
}

.eMaster-card .btn.btn-theme-fill-white {
    --bs-btn-border-radius: 0.7rem
}

/* home new end  */

/* .contactsupport  */
.card.supportCard {
    --bs-card-spacer-x: 1.5rem;
    --bs-card-spacer-y: 1.875rem;
    --bs-card-bg: #FFF;
    --bs-card-border-radius: 1.25rem;
    --bs-card-border-width: 0;
}

.card.s_card3 {
    --bs-card-spacer-x: 2rem;
}

.card.s_card3 .card-body {
    padding-bottom: 2.563rem;
}

.contact_supprot .row.gx-4 {
    --bs-gutter-x: 1.875rem;
}

a.link-textP {
    color: #010C4299;
    text-decoration: none;
}

a.link-textP:hover {
    color: #010C42;
}

/* supportend  */

/* new css  */

.heading-wrp p,
.lh-27 {
    line-height: 27px;
}

.lh-32 {
    line-height: 32px;
}

.price-box {
    position: relative;
    border-radius: 4px 4px 14px 14px;
}

.price-box.active .top-border {
    background: transparent;
}

.price-box.active::before {
    content: "Most Popular";
    background: var(--gradiantPrimary);
    border-radius: 10px 10px 00px 0px;
    width: 100%;
    font: 600 16px / 1.6 Mulish;
    position: absolute;
    top: -32px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 4px;
}

/* forex card  */
.forex-cards {
    position: relative;
}

.forex-cards:not(.no-glow)::before {
    content: '';
    background: var(--bs-gradiant2);
    height: 420px;
    width: 420px;
    position: absolute;
    right: -34px;
    top: 0;
    border-radius: 50%;
    -webkit-filter: blur(170px);
    pointer-events: none;
}

.forex-cards.no-glow:before {
    display: none;
}

/* instreumental page  */
.instrument-Page .numbered-list.newNumber-list li {
    margin: 0;
}

.card.newmarketCard {
    --bs-card-spacer-y: 1.938rem;
    --bs-card-spacer-x: 1.938rem;
    --bs-card-border-radius: 1.438rem;
    --bs-card-border-width: 0;
}

.card.newmarketCard .card-body {
    padding-bottom: 18px;
}

.newmarketCard .card-img {
    margin-top: -80px;
}

/* bg blue  */
.blueGradiantbg {
    position: relative;
    overflow: hidden;
}

.blueGradiantbg::before {
    content: '';
    position: absolute;
    width: 634px;
    height: 800px;
    background-color: #24B1244D;
    filter: blur(188px);
    right: -39px;
    pointer-events: none;
}

.ourplartform {
    padding-top: 23px;
    border-radius: 1.25rem;
}

.ourplartform .offset-1 {
    margin-left: 7.333333%;
}

.card.newmarketCard {
    --bs-card-spacer-y: 1.938rem;
    --bs-card-spacer-x: 1.938rem;
    --bs-card-border-radius: 1.438rem;
    --bs-card-border-width: 0;
}

.card.newmarketCard .card-body {
    padding-bottom: 18px;
}

.newmarketCard .card-img {
    margin-top: -80px;
}

.instrument-Page .accountPriceSlider .price-box .header-wrp {
    padding: 30px 39px 34px;
}

.instrument-Page .accountPriceSlider .price-box .list-wrp {
    padding: 0px 39px 43px;
}

.instrument-Page .price-box.active::before {
    font: 600 12px / 1.6 Mulish;
    letter-spacing: 1px;
}

/* ==========================================
   MINIMAL CUSTOM RESPONSIVE CSS
   ========================================== */

.home-banner h1 {
    line-height: 1.2 !important;
}

.hero-video-bg {
    object-position: center right;
}

.dropdown-menu {
    --bs-dropdown-min-width: 12rem;
    --bs-dropdown-padding-x: 15px;
    --bs-dropdown-padding-y: 15px;
    --bs-dropdown-font-size: 15px;
}

.vertex-banner .container {
    position: relative;
}

.vertex-banner .container::before,
.vertex-banner .container::after {
    content: '';
    position: absolute;
    width: 337px;
    height: 367px;
    background-color: #FFFFFF30;
    filter: blur(154px);
    pointer-events: none;
}

.vertex-banner .container::before {
    top: 10rem;
    left: 10rem;
}

.vertex-banner .container::after {
    top: 10rem;
    right: 10rem;
}

/*---------------Media Query Here------------------ */

/* .table-responsive .btn,.downloadBTN a{pointer-events:none;} */

/* ==========================================
   NEW HOMEPAGE SECTIONS CSS
   ========================================== */

/* Hero Video Background */
.hero-video-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
    opacity: 1 !important;
    /* Explicitly full visibility */
}

.hero-video-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(15, 23, 42, 0.85) 0%, rgba(15, 23, 42, 0.4) 50%, rgba(15, 23, 42, 0) 100%);
    z-index: 1;
}

/* Features Strip */
.features-strip .feature-item {
    transition: all 300ms ease;
    border: 1px solid transparent;
}

.features-strip .feature-item:hover {
    border-color: #24B124;
    box-shadow: 0 4px 15px rgba(36, 177, 36, 0.1);
    transform: translateY(-2px);
}

/* Trading Platforms Section */
.trading-platforms .platform-mockup img {
    max-width: 100%;
    transition: transform 400ms ease;
}

.trading-platforms .platform-mockup:hover img {
    transform: scale(1.02);
}

.platform-download-btns .btn {
    transition: all 300ms ease;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.platform-download-btns .btn:hover {
    background-color: #111827;
    color: #fff;
    border-color: #111827;
}

.platform-download-btns .btn:hover svg {
    fill: #fff;
}

/* ==========================================
   NEW DESIGN SYSTEM CLASSES
   ========================================== */

.bg-brand-navy {
    background-color: #0E121D !important;
}

.text-brand-dark {
    color: var(--clr-secondary) !important;
}

.text-brand-dark-60 {
    color: #11182799 !important;
}

.text-brand-muted {
    color: #6B7280 !important;
}

.text-brand-gray {
    color: #9CA3AF !important;
}

.bg-brand-green-light {
    background-color: #24B1240F !important;
}

.bg-brand-navy {
    background-color: #0E121D !important;
}

.footer-cta-title {
    font-size: 3rem;
    line-height: 1.2;
}

/* Components */
.feature-icon-box {
    width: 56px;
    height: 56px;
    border: 1px solid #E5E7EB;
    border-radius: 12px;
    color: #111827;
}

.card-rounded {
    border-radius: 20px;
    background: white;
}

.edu-img-wrapper {
    height: 200px;
    background-color: #F8F9FA;
}

.edu-img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

/* Buttons */
.btn-outline-custom {
    border-color: #E5E7EB;
    color: #111827;
    padding: 10px 24px;
    text-decoration: none;
}

.btn-outline-custom:hover {
    background-color: #F3F4F6;
    color: #111827;
}

.btn-dark-modern {
    background-color: #1F2937;
    color: white !important;
    border-radius: 12px;
    padding: 12px 28px;
    text-decoration: none;
}

.btn-dark-modern:hover {
    background-color: #111827;
    color: white;
}

/* Support Section */
.support-icon-box {
    width: 48px;
    height: 48px;
    border: 1px solid #E5E7EB;
}

.support-icon-sm {
    width: 40px;
    height: 40px;
    border: 1px solid #E5E7EB;
}

/* Steps Section */
.step-circle-hollow {
    width: 140px;
    height: 140px;
    border: 12px solid #143C21;
    background-color: white;
}

.step-circle-solid {
    width: 140px;
    height: 140px;
    border: 12px solid #143C21;
    background-color: #24B124;
}

.step-number-hollow {
    font-size: 2.5rem;
    color: #24B124;
}

.step-number-solid {
    font-size: 2.5rem;
    color: #ffffff;
}

.step-connector {
    top: 70px;
    right: -40px;
    width: 80px;
    height: 4px;
    background-color: #24B124;
}

/* Footer Elements */
.footer-mob-img-wrp {
    right: -50px;
    bottom: -100px;
    z-index: 2;
}

.footer-mob-img {
    max-height: 500px;
}

/* ==========================================
   MISSING UTILITY CLASSES
   ========================================== */

/* Brand Navy Background - Dark blue used for cards */
.bg-brand-navy {
    background-color: #0F172A !important;
}

/* Light Grey Section Background */
.bg-F3F3F3 {
    background-color: #F3F3F3 !important;
}

.bgC_F6FCF6BF {
    background-color: #F6FCF6BF;
}

/* White text at 60% opacity */
.text-white-60 {
    color: rgba(255, 255, 255, 0.6) !important;
}

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

/* ==========================================
   INSTRUMENT TABS SECTION
   ========================================== */

.instrument-tab-nav {
    border-bottom: 2px solid #E5E7EB;
    gap: 2rem !important;
}

.instrument-tab-btn {
    position: relative;
    padding-bottom: 12px !important;
    transition: color 300ms ease;
}

/* Instrument Cards (legacy - keep for backwards compat) */
.instrument-card {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    transition: all 400ms ease;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

/* ==========================================
   STACKING CARDS ANIMATION
   ========================================== */

/* Decorative diagonal lines */
.spreads-deco-lines {
    width: 40%;
    opacity: 0.06;
    z-index: 0;
}

.spreads-deco-lines::before,
.spreads-deco-lines::after {
    content: '';
    position: absolute;
    width: 200%;
    height: 2px;
    background: #1F2937;
    transform: rotate(-25deg);
}

.spreads-deco-lines::before {
    top: -10%;
    right: 10%;
}

.spreads-deco-lines::after {
    top: 10%;
    right: 5%;
}

/* Sticky columns */
.spreads-left-content.sticky-lg-top {
    top: 120px;
}

.spreads-right-content.sticky-lg-top {
    top: 200px;
}

.stacking-cards-wrapper {
    padding-bottom: 20px;
}

.stack-card {
    position: sticky;
    margin-bottom: 200px;
    will-change: transform;
}

.stack-card:last-child {
    margin-bottom: 0;
}

.stack-card:nth-child(1) {
    top: 100px;
    z-index: 4;
}

.stack-card:nth-child(2) {
    top: 110px;
    z-index: 5;
}

.stack-card:nth-child(3) {
    top: 120px;
    z-index: 6;
}

.stack-card:nth-child(4) {
    top: 130px;
    z-index: 7;
}

.stack-card-inner {
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.25);
    transition: transform 0.4s ease, box-shadow 0.3s ease, opacity 0.4s ease;
}

.stack-card-inner:hover {
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.35);
}

/* Card visual area */
.card-visual {
    min-height: 300px;
}

/* Grid lines background */
.card-grid-lines {
    opacity: 0.06;
}

.card-grid-lines::before,
.card-grid-lines::after {
    content: '';
    position: absolute;
    background: #fff;
}

.card-grid-lines::before {
    top: 30%;
    left: 0;
    width: 100%;
    height: 1px;
}

.card-grid-lines::after {
    top: 60%;
    left: 0;
    width: 100%;
    height: 1px;
}

/* Center icon box */
.center-icon-box {
    width: 80px;
    height: 80px;
    border-radius: 18px;
    box-shadow: 0 8px 32px rgba(36, 177, 36, 0.4);
    animation: iconPulse 3s ease-in-out infinite;
}

@keyframes iconPulse {

    0%,
    100% {
        box-shadow: 0 8px 32px rgba(36, 177, 36, 0.4);
    }

    50% {
        box-shadow: 0 12px 48px rgba(36, 177, 36, 0.6);
    }
}

/* Badge sizes */
.card-badge {
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 12px;
}

.card-badge-sm {
    width: 52px;
    height: 30px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 8px;
}

/* Badge positions */
.badge-pos-tr {
    top: 15%;
    right: 18%;
}

.badge-pos-tl {
    top: 15%;
    left: 18%;
}

.badge-pos-bl {
    bottom: 22%;
    left: 12%;
}

.badge-pos-br {
    bottom: 12%;
    right: 14%;
}

.badge-pos-mr {
    top: 50%;
    right: 10%;
}

/* Floating badge animation */
.floating-badge {
    animation: floatBadge 4s ease-in-out infinite;
}

.floating-badge:nth-child(2) {
    animation-delay: 0s;
}

.floating-badge:nth-child(3) {
    animation-delay: 0.8s;
}

.floating-badge:nth-child(4) {
    animation-delay: 1.6s;
}

@keyframes floatBadge {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-6px);
    }
}

/* Red dots */
.red-dot {
    width: 5px;
    height: 5px;
    background: #ff3b3b;
    top: 45%;
    left: 25%;
    animation: dotGlow 2.5s ease-in-out infinite;
}

.red-dot-2 {
    top: auto !important;
    left: auto !important;
    bottom: 25%;
    right: 35%;
}

.red-dot-3 {
    top: 28% !important;
    left: 42% !important;
}

@keyframes dotGlow {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.3;
    }
}

/* Mobile responsive */

/* ==========================================
   3-STEP SECTION SCROLL ANIMATION
   ========================================== */

.three-step .our-step {
    opacity: 0.4;
    transform: scale(0.9);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.three-step .our-step.active {
    opacity: 1;
    transform: scale(1);
}

/* Inactive step circles - grey */
.three-step .our-step .step-num {
    background-color: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    transition: all 0.5s ease;
}

.three-step .our-step .step-num span {
    color: rgba(255, 255, 255, 0.3) !important;
    transition: color 0.5s ease;
}

/* Active step circles - green fill */
.three-step .our-step.active .step-num {
    background-color: #24B124 !important;
    border-color: #143C21 !important;
}

.three-step .our-step.active .step-num span {
    color: #fff !important;
}

/* Arrow line between steps */
.step-connector {
    width: 80px;
    height: 3px;
    background: rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.step-connector::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background: #24B124;
    transition: width 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.step-connector.active::after {
    width: 100%;
}

/* Arrow head on connector */
.step-connector-arrow {
    opacity: 0;
    transform: translateX(-10px);
    transition: all 0.4s ease 0.6s;
    color: rgba(255, 255, 255, 0.15);
}

.step-connector-arrow.active {
    opacity: 1;
    transform: translateX(0);
    color: #24B124;
}

.cta-section {
    background-size: contain;
    background-position: right top;
    background-repeat: no-repeat;
}

.forex-cta-section {
    background-color: #1a1a2e;
    position: relative;
    overflow: hidden;
}

.forex-cta-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(ellipse at 70% 50%, rgba(36, 177, 36, 0.08) 0%, transparent 70%);
    pointer-events: none;
}

/* ==========================================
   ACCOUNT SLIDER FIX - Show 3 on Desktop
   ========================================== */

/* ==========================================
   GENERAL POLISH / ANIMATIONS
   ========================================== */

/* Feature card hover effects */
.feature-card {
    transition: all 300ms ease;
}

.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
}

/* Platform feature hover */
.platform-feature {
    transition: all 300ms ease;
    padding: 1rem;
    border-radius: 12px;
}

.platform-feature:hover {
    background-color: #F9FAFB;
}

/* Education card hover */
.edu-card {
    background-size: cover;
    background-position: center;
    transition: all 300ms ease;
}

.edu-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.08);
}

/* Support card hover */
.card-rounded {
    transition: all 300ms ease;
}

.card-rounded:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.08) !important;
}

.rounded-12 {
    border-radius: 12px;
}

.rounded-20 {
    border-radius: 20px;
}

/* btn-brand-green (handled globally) */

/* Account price box hover */
.price-box {
    transition: all 400ms ease;
}

.price-box:hover {
    transform: translateY(-8px);
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.1);
}

/* Floating card animation */
.floating-info {
    animation: floatCard 3s ease-in-out infinite;
}

@keyframes floatCard {

    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-10px);
    }
}

/* Step circles pulse effect */
.step-num {
    transition: all 300ms ease;
}

.step-num:hover {
    transform: scale(1.05);
}

/* Smooth section entrance */

/* CTA Section Mobile */

/* ==========================================
   SPREADS STACKING CARDS
   ========================================== */

.spreads-card {
    position: sticky;
    margin-bottom: 30px;
}

.spreads-card:nth-child(1) {
    z-index: 1;
}

.spreads-card:nth-child(2) {
    z-index: 2;
}

.spreads-card:nth-child(3) {
    z-index: 3;
}

.spreads-card:nth-child(4) {
    z-index: 4;
}

.spreads-card:nth-child(5) {
    z-index: 5;
}

.spreads-card-inner.card {
    --bs-card-spacer-y: 40px;
    --bs-card-spacer-x: 40px;
    background: #111827;
    overflow: hidden;
    --bs-card-height: 580px;
}

.spreads-card-inner.card .card-body {
    position: relative;
    z-index: 11;
}

.spreads-card-inner.card .img-wrp img {
    position: absolute;
    bottom: 0;
}

.spreads-card-visual {
    position: relative;
    height: 280px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

/* Dropdown Menu Styling */
.main-navigation ul ul {
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    padding: 4px 0;
    min-width: 240px;
    transition: all 0.2s ease;
}

.main-navigation ul ul li {
    margin: 0;
    padding: 0;
}

.main-navigation ul ul a {
    color: #1f2937;
    padding: 14px 24px;
    font-size: 0.95rem;
    font-weight: 600;
    transition: all 0.2s ease;
    margin: 0;
    display: block;
    text-decoration: none;
    border-left: 3px solid transparent;
}

.main-navigation ul ul a:hover {
    background: #f9fafb;
    color: #24B124;
    border-left-color: #24B124;
    padding-left: 28px;
}

.main-navigation ul ul a:focus {
    outline: 2px solid #24B124;
    outline-offset: -2px;
}

/* Dropdown arrow indicator */
.main-navigation .menu-item-has-children>a:after {
    content: '▶';
    font-size: 0.6em;
    margin-left: 6px;
    transition: transform 0.2s ease;
    opacity: 0.6;
    color: #6b7280;
}

.main-navigation .menu-item-has-children:hover>a:after {
    transform: rotate(90deg);
    opacity: 1;
}

/* Mobile dropdown improvements */

/* Homepage UI match polish */
.top-bar {
    background-color: var(--clr-primary) !important;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 1030;
    transition: transform .38s cubic-bezier(.4, 0, .2, 1), box-shadow .3s ease;
}

.site-header.nav-hidden {
    transform: translateY(-100%);
}

body.admin-bar .site-header {
    top: var(--wp-admin--admin-bar--height, 32px);
}

.site-header .navbar {
    transition: padding .3s ease, background-color .3s ease, box-shadow .3s ease;
    will-change: padding, box-shadow;
}

.site-header.fixed .navbar {
    --bs-navbar-padding-y: .75rem;
    background-color: rgba(248, 249, 250, .96) !important;
    box-shadow: 0 10px 30px rgba(17, 24, 39, .12);
}

.site-header .navbar::before {
    content: '';
    position: absolute;
    inset: 0;
    z-index: -1;
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    pointer-events: none;
}

.site-header .navbar-brand img {
    max-height: 40px;
    width: auto;
}

/* ===== Navbar: custom hamburger (only below xl) ===== */
@media (max-width: 1199.98px) {
    .navbar-toggler.custom-toggler {
        width: 46px;
        height: 46px;
        padding: 0;
        border: 0;
        border-radius: 12px;
        background-color: var(--clr-primary);
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        transition: background-color .25s ease;
    }

    .navbar-toggler.custom-toggler:hover {
        background-color: var(--clr-primary-hover);
    }

    .navbar-toggler.custom-toggler:focus,
    .navbar-toggler.custom-toggler:focus-visible {
        outline: none;
        box-shadow: 0 0 0 4px rgba(36, 177, 36, 0.25);
    }

    .custom-toggler .toggler-bar {
        display: block;
        width: 22px;
        height: 2.5px;
        border-radius: 3px;
        background-color: #fff;
    }
}

/* ===== Navbar: dropdown caret ===== */
.navbar-nav .nav-link.dropdown-toggle {
    display: inline-flex;
    align-items: center;
}

.navbar-nav .nav-link.dropdown-toggle::after {
    content: "";
    width: 7px;
    height: 7px;
    margin-left: 8px;
    border: 0;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg);
    transition: transform .25s ease, opacity .25s ease;
    opacity: .6;
}

.navbar-nav .nav-item.dropdown:hover .nav-link.dropdown-toggle::after,
.navbar-nav .nav-item.dropdown.show .nav-link.dropdown-toggle::after {
    transform: translateY(1px) rotate(-135deg);
    opacity: 1;
}

/* ===== Navbar: dropdown menu (desktop) ===== */
@media (min-width: 1200px) {
    header nav .dropdown-menu {
        display: block;
        margin-top: 16px;
        padding: 10px;
        border: 1px solid rgba(1, 12, 66, 0.07);
        border-radius: 14px;
        box-shadow: 0 20px 44px -14px rgba(1, 12, 66, 0.25);
        opacity: 0;
        visibility: hidden;
        transform: translateY(12px);
        transition: opacity .25s ease, transform .25s ease, visibility .25s;
        pointer-events: none;
    }

    header nav .dropdown-menu::before {
        content: "";
        position: absolute;
        top: -18px;
        left: 0;
        right: 0;
        height: 18px;
    }

    header nav .nav-item.dropdown:hover > .dropdown-menu,
    header nav .nav-item.dropdown.show > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }

    header nav .dropdown-menu li {
        margin: 2px 0;
    }

    header nav .dropdown-menu li a {
        display: block;
        padding: 10px 14px;
        border-radius: 9px;
        font-size: 15px;
        font-weight: 500;
        color: var(--clr-010C42);
        transition: background-color .2s ease, color .2s ease, padding-left .2s ease;
    }

    header nav .dropdown-menu li a:hover {
        background-color: var(--clr-primary);
        color: #fff;
        padding-left: 18px;
    }
}

/* ===== Navbar: dropdown inside mobile offcanvas ===== */
@media (max-width: 1199.98px) {
    .offcanvas .dropdown-menu {
        position: static;
        float: none;
        border: 0;
        box-shadow: none;
        background: transparent;
        margin: 0;
        padding: 2px 0 6px 14px;
    }

    .offcanvas .dropdown-menu li a {
        padding: 8px 12px;
        font-size: 15px;
        border-radius: 8px;
        color: var(--clr-010C42);
    }

    .offcanvas .dropdown-menu li a:hover {
        background-color: rgba(36, 177, 36, 0.1);
        color: var(--clr-primary);
    }

    .offcanvas .navbar-nav .nav-link {
        padding: 10px 2px;
    }
}

.header-login-btn {
    --bs-btn-color: #111827;
    --bs-btn-border-color: #111827;
    --bs-btn-hover-color: #111827;
    --bs-btn-hover-bg: #f3f4f6;
    --bs-btn-hover-border-color: #111827;
    --bs-btn-font-size: 0.95rem;
    --bs-btn-padding-y: 0.5rem;
}

.header-open-btn {
    --bs-btn-bg: #1f2937;
    --bs-btn-border-color: #1f2937;
    --bs-btn-hover-bg: #111827;
    --bs-btn-hover-border-color: #111827;
    --bs-btn-font-size: 0.95rem;
    --bs-btn-padding-y: 0.5rem;
    color: #fff !important;
}

.home-banner {
    border-radius: 14px !important;
}

/* ── Hero Heading ───────────────────────────────────────── */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

body {
    font-family: 'Mulish', sans-serif !important;
}

/* ── Hero Ghost Button ──────────────────────────────────── */
.hero-ghost-btn {
    color: rgba(255, 255, 255, 0.9);
    background: transparent;
    border: none;
    padding: 0;
    font-size: 1rem;
    text-decoration: none;
    transition: color 200ms ease;
    cursor: pointer;
}

.hero-ghost-btn:hover {
    color: #ffffff;
}

.hero-trust-dot {
    color: rgba(255, 255, 255, 1) !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
}

/* ── Features Strip ─────────────────────────────────────── */
.features-strip .feature-card {
    border: 1px solid #e5e7eb !important;
    box-shadow: none !important;
}

.features-strip .feature-card .icon-wrp img {
    width: 36px;
    height: 36px;
}

.education-section .edu-img-wrapper {
    height: 220px;
    background-color: #d4edda;
}

.education-section .edu-candle-left {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.55;
    pointer-events: none;
}

.education-section .edu-candle-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 0.55;
    pointer-events: none;
}

/* ── Figma Premium Account Cards ─────────────────────── */
.account-card-modern {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    overflow: visible;
    height: 100%;
}

.account-card-modern .card-top {
    padding: 32px 24px 44px 24px;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    border-bottom-left-radius: 28px;
    border-bottom-right-radius: 28px;
    position: relative;
    z-index: 2;
}

.account-card-modern.card-light .card-top {
    background-color: #f1f8f3;
}

.account-card-modern.card-dark .card-top {
    background-color: #0f172a;
}

/* Fix WP Admin Bar overlap with offcanvas */
body.admin-bar .offcanvas {
    top: 32px;
    height: calc(100% - 32px);
}

/* Markets Design System (Pixel Perfect) */
.markets-hero-wrapper {
    padding: 20px 0 40px;
    background: #f8f9fa;
}

.markets-hero {
    background: linear-gradient(135deg, #7CD37F 0%, #66C66B 100%);
    padding: 60px;
    border-radius: 40px;
    color: #ffffff;
    position: relative;
    overflow: hidden;
    min-height: 500px;
    display: flex;
    flex-direction: column;
}

.markets-hero .candlestick-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('assets/images/home/bgCandle.png');
    background-size: cover;
    background-position: center;
    opacity: 0.15;
    pointer-events: none;
}

.markets-tabs-nav {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    background: transparent;
    backdrop-filter: none;
    border-radius: 0;
    margin-bottom: 50px;
    padding: 0;
    overflow-x: auto;
}

.markets-tabs-nav .nav-link {
    padding: 8px 20px;
    border-radius: 8px;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 500;
    font-size: 16px;
    white-space: nowrap;
    transition: all 0.3s ease;
    border: none;
    display: flex;
    align-items: center;
}

.markets-tabs-nav .nav-link:hover {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

.markets-tabs-nav .nav-link.active {
    background: rgba(255, 255, 255, 0.25);
    color: #ffffff;
}

/* Feature Cards Modern */
.feature-card-modern {
    border: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card-modern:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}

.feature-icon-abs {
    position: absolute;
    top: 40px;
    right: 40px;
}

.feature-card-modern h5 {
    color: #111827;
    font-size: 1.25rem;
}

.feature-card-modern p {
    line-height: 1.6;
}

.market-sidebar .list-group-item {
    border: none;
    padding: 12px 20px;
    border-radius: 10px;
    margin-bottom: 8px;
    font-weight: 500;
    color: #4B5563;
    transition: all 0.2s ease;
}

.market-sidebar .list-group-item.active {
    background-color: #F3F4F6;
    color: #339C3D;
    border-left: 4px solid #339C3D;
}

.markets-spec-table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
}

.markets-spec-table thead th {
    background-color: #F9FAFB;
    color: #111827;
    padding: 20px;
    font-weight: 700;
    border-bottom: 2px solid #F3F4F6;
}

.markets-spec-table tbody td {
    padding: 18px 20px;
    vertical-align: middle;
    color: #4B5563;
    font-weight: 500;
}

.markets-spec-table tbody tr:nth-child(even) {
    background-color: #F9FAFB;
}

.markets-spec-table tbody tr:hover {
    background-color: #F3F4F6;
}

.why-trade-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 24px;
}

.why-trade-card {
    background: #ffffff;
    border: 1px solid #E5E7EB;
    border-radius: 20px;
    padding: 30px;
    text-align: center;
    transition: all 0.3s ease;
}

.why-trade-card:hover {
    border-color: #339C3D;
    transform: translateY(-5px);
}

.why-trade-card .icon-circle {
    width: 60px;
    height: 60px;
    background: #F3F4F6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
}

.steps-v-line {
    position: relative;
    padding-left: 30px;
    border-left: 2px dashed #339C3D;
    margin-left: 15px;
}

.steps-v-line .step-dot {
    position: absolute;
    left: -11px;
    top: 0;
    width: 20px;
    height: 20px;
    background: #339C3D;
    border-radius: 50%;
    border: 4px solid #ffffff;
}

.faq-modern .accordion-item {
    border: none;
    border-bottom: 1px solid #E5E7EB;
    margin-bottom: 10px;
}

.faq-modern .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: #339C3D;
    box-shadow: none;
}

.faq-modern .accordion-button::after {
    background-size: 1rem;
}

.transform-scale-up {
    transition: transform 0.3s ease;
}

.transform-scale-up:hover {
    transform: scale(1.05);
    z-index: 10;
}

.w-fit {
    width: fit-content;
}

/* Responsive adjustments */

/* Trading Steps Customization */
.bg-0F172A {
    background-color: #0F172A;
}

.bg-133a20 {
    background-color: #133a20;
}

.bg-24b124 {
    background-color: #24b124;
}

.text-24b124 {
    color: #24b124;
}

.step-circle-140 {
    width: 140px;
    height: 140px;
    border: 12px solid #133a20;
    font-size: 2.5rem;
    line-height: 1;
    color: #24b124;
    background-color: #ffffff;
    box-shadow: 0 0 0 6px #0f172a;
    transition: all 0.4s ease-in-out;
}

.step-circle-140.active {
    background-color: #24b124;
    color: #ffffff;
    border-color: #24b124;
}

.trade-line-wrap {
    top: 30%;
    transform: translateY(-50%);
    left: 16.66%;
    width: 66.66%;
    height: 4px;
}

.max-w-650 {
    max-width: 650px;
}

.max-w-320 {
    max-width: 320px;
}

.ls-neg-05 {
    letter-spacing: -0.5px;
}

.ppPage h2 {
    font-size: 45px;
    color: var(--clr-secondary) !important;
    font-weight: 700;
    margin-bottom: 10px;
}

.ppPage p.fs-18 {
    line-height: 1.50 !important;
}

/* ==========================================
   ALL MEDIA QUERIES (PROPER PRIORITY ORDER - MIN-WIDTH ASC, MAX-WIDTH DESC)
   ========================================== */


/* Min Width Media Queries Here */

@media (prefers-reduced-motion: reduce) {
    .marquee__group {
        animation-play-state: paused;
    }
}

@media (prefers-reduced-motion: no-preference) {

    .platform-feature,
    .instrument-card,
    .feature-card,
    .edu-card,
    .price-box {
        opacity: 1;
    }
}

@media (min-width: 992px) {
    .accountPriceSlider .swiper-wrapper {
        display: flex;
    }

    .accountPriceSlider .swiper-slide {
        flex-shrink: 0;
    }

    .spreads-sticky-left,
    .spreads-sticky-right {
        position: sticky;
        top: 120px;
    }
}

@media (min-width: 1024px) {
    .price-box h3.fs-2 {
        font-size: 1.4rem !important;
        line-height: 60px;
    }

    .card.eMaster-card {
        --bs-card-cap-padding-x: 1rem;
    }
}

@media (min-width: 1170px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1100px !important;
    }
}

@media (min-width: 1200px) {
    .instrument-Page .price-box h3.fs-2 {
        font-size: 1.2rem !important;
    }
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1600px !important;
    }

    .vertexPlatform .forDevice .vertex-list li {
        font-size: 15px;
    }
}

@media (min-width: 1600px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1467px !important
    }
}


/* Max Width Media Queries Here */


@media (max-width: 1399px) {
    .marketsPage.marketDetail.forexPage {
        background-size: auto;
        background-position: bottom;
    }
}

@media (max-width: 1366px) {
    .whyTrade .info-box {
        padding: 40px 30px;
    }

    .step-num {
        padding: 35px 25px;
    }

    .step-num h4.fs-1 {
        font-size: 2.2rem !important;
    }

    .become-steps {
        padding: 20px 0px;
    }

    .spreads-card-inner.card {
        --bs-card-height: 460px;
        --bs-card-spacer-y: 30px;
        --bs-card-spacer-x: 30px;
    }
}

@media (max-width: 1199px) {
    .marketsPage {
        background-size: cover
    }

    .marketsPage::before {
        background-image: linear-gradient(90deg, #010c42 40%, #010c4200 70%);
    }

    .marketsBox .info-box {
        --bs-card-spacer-y: 1.95rem;
        --bs-card-spacer-x: 1.375rem;
    }

    .vertexPlatform .forDevice {
        max-height: 656px;
    }
}

@media (max-width: 1024px) {
    .btn.new-btn {
        --bs-btn-font-size: 1.2rem;
        --bs-btn-padding-x: 1.075rem;
        --bs-btn-padding-y: 1rem;
    }

    .text-bg::after {
        width: 236px;
    }

    .text-bg::before {
        width: 326px;
    }

    .home-banner.bg-shape {
        overflow: hidden;
    }

    .forex-banner {
        padding: 80px 0 57px;
    }

    .contactForm.contact-ib-form {
        margin-top: -360px;
    }

    .account-table thead tr th .ac-box .btn-wrp a,
    .account-table tbody tr td {
        white-space: nowrap;
    }

    .account-table tbody tr td {
        padding: 20px 25px;
    }

    .islamic-banner {
        padding: 100px 20px 100px;
    }

    .islamic-banner {
        background-position: 66% 100% !important;
    }

    .dw-banner {
        padding: 100px 30px 100px;
    }

    .dw-banner {
        background-position: center !important;
    }

    .ac-types {
        margin-top: -285px;
    }

    /* price-box  */
    .accountPriceSlider .price-box .header-wrp,
    .accountPriceSlider .price-box .list-wrp {
        padding: 10px 20px 20px;
    }

    /* .forex-card{} */
    .forexSec .forex-cards .middle {
        flex-basis: 71%;
    }

    .forexSec .forex-cards .img-wrp {
        margin-right: -72px;
    }

    .forexSec .forex-cards {
        padding: 25px 0px 25px 20px;
    }

    /* footer cta  */
    footer .cta::before {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    /* intrument  */
    .instrument-Page .container {
        --bs-gutter-x: 1rem;
    }

    .instrument-Page .price-box h3.fs-2 {
        font-size: 1.1rem !important;
        line-height: 47px;
    }

    .marketsPage .bannerBTNs a {
        --bs-btn-padding-x: 1.2rem;
        --bs-btn-padding-y: .6rem;
    }

    .instrument-Page .display-4 {
        font-size: calc(1.275rem + 2.7vw);
    }

    .instrument-Page .threeAccount .info-box>span {
        margin-bottom: -26px;
    }

    .instrument-Page .threeAccount h4,
    .instrument-Page .fs-4 {
        font-size: calc(1.2rem + .3vw);
    }

    .instrument-Page .themeTable table tbody tr td .btn {
        --bs-btn-padding-x: .5rem;
        --bs-btn-padding-y: .5rem;
        font-size: 12px;
    }

    .themeTable .container {
        --bs-gutter-x: 0;
    }

    /* list  */
    .numbered-list li::before {
        width: 56px;
        height: 56px;
        font-size: 20px;
        margin-right: 16px;
    }

    .numbered-list li {
        position: relative;
    }

    .numbered-list.newNumber-list li {
        position: relative;
        padding-left: 0 !important;
    }

    .newmarketCard .card-img {
        margin-top: 0px;
    }

    /* ourplartform  */
    .blueGradiantbg::before {
        width: 334px;
        height: 300px;
        bottom: 0;
    }

    .instrument-Page .accountPriceSlider .price-box .list-wrp {
        padding: 10px;
    }

    .instrument-Page .accountPriceSlider .price-box .header-wrp {
        padding: 10px;
    }

    .accountName .fs-6 {
        font-size: .9rem !important;
    }
}

@media (max-width: 991px) {
    .footer-cta-title {
        font-size: 2.5rem;
    }

    .footer-mob-img-wrp {
        position: relative !important;
        right: auto;
        bottom: auto;
        padding-top: 2rem;
    }

    .stack-card {
        position: relative !important;
        top: 0 !important;
        margin-bottom: 20px !important;
    }

    .spreads-left-content,
    .spreads-right-content {
        position: relative !important;
        top: 0 !important;
    }

    .card-visual {
        min-height: 220px !important;
    }

    .instrument-card {
        min-height: 220px;
    }

    .spreads-card {
        position: relative !important;
        top: auto !important;
    }

    .hero-heading {
        font-size: 2.6rem;
    }

    .markets-tabs-nav {
        flex-wrap: wrap;
        border-radius: 20px;
    }

    .markets-hero {
        border-radius: 0 0 20px 20px;
        text-align: center;
    }

    .contactForm {
        padding: 30px;
    }

    .instrument-banner {
        padding: 100px 0 40px;
    }

    .vertexPlatform .forDevice .mobile_screen {
        bottom: -150px !important;
        width: 90%;
        left: 0;
        right: 0;
        margin: auto;
    }

    .vertexPlatform .forDevice {
        max-height: 648px;
        padding: 20px 20px 0px;
    }

    .vertexPlatform .forDevice .downloadStore img {
        width: 120px;
    }

    .aboutVMV .ourMission {
        margin-right: 0px;
    }

    .aboutVMV .ourVision {
        margin-left: 0px;
    }

    footer .cta .content-wrp {
        padding: 70px 0px;
    }

    .ib-banner {
        background-image: none;
    }

    .whyBenefitsFiveCol>div {
        width: calc(100%/3);
    }

    .marketsPage {
        padding: 31px 0px 0px;
        padding-bottom: calc(40px + 40vw);
        background-size: contain;
        background-position: bottom;
    }

    .marketsPage::before {
        display: none;
    }

    footer .cta::before {
        background-position: -457px 0;
        background-repeat: no-repeat;
        background-size: 851px;
    }

    .threeAccount .info-box {
        padding: 15px;
    }

    .contact-banner {
        padding: 39px 0 270px;
        margin: 0px 5px;
    }

    .vertex-list.row-cols-2>* {
        flex: 0 0 auto;
        width: 100%;
    }
}

@media (max-width: 782px) {
    body.admin-bar .offcanvas {
        top: 46px;
        height: calc(100% - 46px);
    }
}

@media (max-width: 768px) {
    .hero-video-overlay {
        background: linear-gradient(180deg, rgba(15, 23, 42, 0.9) 0%, rgba(15, 23, 42, 0.6) 100%);
    }

    .footer-cta-title {
        font-size: 2rem;
    }

    .step-circle-hollow,
    .step-circle-solid {
        width: 100px;
        height: 100px;
        border-width: 8px;
    }

    .step-number-hollow,
    .step-number-solid {
        font-size: 1.8rem;
    }

    .main-navigation ul ul {
        border-radius: 0;
        box-shadow: none;
        border: none;
        border-left: 3px solid #e5e7eb;
        background: #f9fafb;
    }

    .main-navigation ul ul a {
        padding: 16px 24px 16px 32px;
        color: #374151;
        font-weight: 500;
    }

    .main-navigation ul ul a:hover {
        background: #f3f4f6;
        color: #24B124;
        padding-left: 36px;
        border-left-color: #24B124;
    }

    .py-100 {
        padding: 60px 0;
    }

    .display-3 {
        font-size: 2.5rem;
    }

    .display-5 {
        font-size: 1.8rem;
    }

    .spreads-card-inner.card {
        --bs-card-height: 550px;
    }

    .home-banner {
        margin-inline: 0 !important;
        border-radius: 0 !important;
    }

    .hero-video-bg {
        object-position: center center !important;
    }

    .home-banner .innerSec {
        padding-block: 60px;
    }

    .container {
        --bs-gutter-x: 2rem
    }

    .contactForm.contact-ib-form {
        margin-top: 0;
    }

    .ib-steps {
        padding: 65px 0 65px;
    }

    .btn-theme-link {
        margin: 0px !important;
    }

    .fs-5,
    .fs-20,
    .fs-18 {
        font-size: 1rem !important;
    }

    .home-banner .img-wrapper {
        max-width: 300px;
        margin: auto;
    }

    .home-banner .img-wrapper .bit-coin .img-01 {
        max-width: 100px;
    }

    .forexSec .forex-cards {
        margin: 0px 0px;
    }

    .fs-45 {
        font-size: calc(1.5rem + 1vw) !important;
    }

    .fs-35 {
        font-size: calc(1.625rem + 1vw) !important;
    }

    .navbar {
        --bs-navbar-padding-y: 0.75rem;
        --bs-navbar-toggler-font-size: 1.125rem;
    }

    footer .cta .content-wrp {
        padding: 70px 0px 30px;
    }

    footer .cta .img-wrp {
        margin-top: 0px;
    }

    footer .cta::after {
        background-color: #E3C292;
    }
}


@media (max-width: 767px) {
    .vertexPlatform .forDevice {
        padding: 30px 30px 0px;
        max-height: 700px;
    }

    .vertexPlatform .forDevice .mobile_screen {
        position: static !important;
        margin-top: -10%;
        width: 100%;
    }
}


@media (max-width: 575px) {
    .instrument-card {
        min-height: 200px;
    }

    .instrument-tab-nav {
        gap: 1rem !important;
    }

    .instrument-tab-btn {
        font-size: 1rem !important;
    }

    .hero-heading {
        font-size: 2rem;
    }

    .py-100 {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .dwSec .nav button {
        font-size: 22px;
        padding: 15px 10px;
    }

    .dwSec .tab-content {
        padding-top: 50px;
    }

    .account-table thead tr th .ac-box {
        padding: 15px 10px;
    }

    .whyBenefitsFiveCol>div {
        width: calc(100%/2);
    }

    .marketsPage .background-overlay {
        width: calc(100%* 1.070);
        transform: translateX(-1rem);
        height: 360px;
    }
}

@media (max-width: 567px) {
    .forexPage.instrument-Page .mx-30 {
        margin-inline: 14px;
    }

    .hiddenTextCard .content-wrp p {
        opacity: 1 !important;
        visibility: visible !important;
        max-height: 150px !important;
        margin-top: 0.5rem !important;
    }

    .hiddenTextCard:hover .icon-wrp {
        /* Let it use the default hover state (opacity: 0) */
    }

    .hiddenTextCard .card-body {
        min-height: 200px;
        transform: translateY(0px) !important;
    }

    .brand-name h3 {
        flex-direction: column;
        align-items: start !important;
    }
}

@media (max-width: 480px) {
    .home-banner .img-wrapper .bit-coin .img-01 {
        top: 0rem;
        left: -2rem;
    }

    .home-banner .img-wrapper .bit-coin .img-02 {
        top: 4rem;
        right: -20.5rem;
    }

    .home-banner .img-wrapper .bit-coin .img-03 {
        top: 18rem;
        left: 0rem;
    }

    .home-banner .img-wrapper .bit-coin .img-04 {
        top: 15rem;
        right: -20rem;
    }

    .become-steps .steps-box p {
        font-size: 1.15rem !important;
    }

    .dw-banner {
        padding: 50px 20px 50px;
        background-position: 60% !important;
    }

    .whyBenefitsFiveCol>div {
        width: calc(100%/1);
    }

    .marketsPage .background-overlay {
        width: calc(100%* 1.2);
        transform: translateX(-1rem);
        height: 280px;
    }
}