:root { --color-brand-green-dark: #198155; --color-brand-green-primary: #00D32F;
--color-brand-green-light: #BEEFC3;
--color-light-border: #EBF8EF; --color-bg-primary: #010106;
--color-bg-secondary: #04030A;
--color-bg-secondary-dark: #1B1B1B;
--color-bg-card: #13121C;
--color-bg-card-dark: #0D0D0D;
--color-bg-badge: #1F1E27;
--color-bg-tertiary: #0D0D1B;
--color-bg-dark: #0D0B14;
--color-bg-dark-red: #1A1110;
--color-bg-stats: #080612;
--color-black: #000000; --color-text-white: #FFFFFF;
--color-text-black: #000000;
--color-text-light-white: #FFFFFF;
--color-text-muted: #000000;
--color-disabled: #000000; --color-chart-cyan: #00FFE6;
--color-chart-red: #FF4E4E; --color-brand-green-alpha-8: #39ff1414;
--color-brand-green-alpha-25: rgba(57, 255, 20, 0.25);
--color-brand-green-alpha-35: rgba(57, 255, 20, 0.35);
--color-brand-green-alpha-40: rgba(57, 255, 20, 0.4);
--color-brand-green-alpha-42: rgba(57, 255, 20, 0.42);
--color-brand-green-alpha10per: rgba(57, 255, 20, 0.1);
--color-brand-green-alpha-10: rgba(0, 211, 47, 0.1);
--color-black-alpha-42: rgba(0, 0, 0, 0.42);
--color-light-black-alpha-08: rgba(21, 21, 21, 0.08);
--color-light-black-alpha-90: rgba(21, 21, 21, 0.9);
--color-black-alpha-30: rgba(0, 0, 0, 0.3);
--color-muted-alpha-20: rgba(125, 138, 156, 0.2); --gradient-brand-primary: linear-gradient(270deg, var(--color-brand-green-dark) 0%, var(--color-brand-green-primary) 100%);
--gradient-brand-secondary: linear-gradient(242.52deg, var(--color-brand-green-primary) -18.89%, var(--color-bg-tertiary) 81.68%);
--gradient-green: linear-gradient(270deg, #22990C 0%, #39FF14 100%);
--gradient-dark-red: linear-gradient(180deg, #1A1110 0%, #1F1E27 100%);
--gradient-stats-te0xt: linear-gradient(135deg, #39FF14 0%, #00A82D 100%);  --bg-hero-start: var(--color-bg-secondary);
--bg-hero-end: var(--color-bg-secondary);
--brand-green-500: var(--color-brand-green-primary);
--brand-green-400: var(--gradient-brand-secondary);
--brand-green-outer-glow: var(--gradient-brand-primary); --text-white: var(--color-text-white);
--text-muted: var(--color-text-muted); --card-bg: var(--color-bg-secondary); --outline-gray: var(--color-text-muted);
--pill-outline-green: var(--color-brand-green-primary); --chart-cyan: var(--color-chart-cyan);
--chart-red: var(--color-chart-red);  --font-family-heading: 'Roboto Slab', sans-serif;
--font-family-body: 'Raleway', sans-serif;
--font-family-card-title: 'Fira Sans', sans-serif; --fs-180: clamp(4rem, 6.67vw + 1.867rem, 11.25rem);
--fs-120: clamp(4rem, 6.67vw + 1.867rem, 11.25rem);
--fs-100: clamp(3rem, 5.556vw + 1.444rem, 10rem);
--fs-80: clamp(2rem, 3.333vw + 1.467rem, 2rem);
--fs-60: clamp(2.2rem, 1.778vw + 1.622rem, 3.75rem);
--fs-48: clamp(1.9rem, 1.333vw + 1.467rem, 3rem);
--fs-44: clamp(1.8rem, 1.111vw + 1.444rem, 2.75rem);
--fs-40: clamp(2rem, 0.833vw + 1.733rem, 2.5rem);
--fs-36: clamp(1.5rem, 0.833vw + 1.233rem, 2.25rem);
--fs-30: clamp(1.3rem, 0.556vw + 1.122rem, 1.875rem);
--fs-24: clamp(1.2rem, 0.278vw + 1.111rem, 1.5rem);
--fs-22: clamp(1rem, 0.231vw + 0.926rem, 1.375rem);
--fs-20: clamp(0.9rem, 0.185vw + 0.841rem, 1.25rem);
--fs-18: clamp(0.875rem, 0.139vw + 0.833rem, 1.125rem);
--fs-16: clamp(0.85rem, 0.093vw + 0.821rem, 1rem);
--fs-14: clamp(0.8rem, 0.046vw + 0.786rem, 0.875rem);
--fs-12: clamp(0.75rem, 0.031vw + 0.75rem, 0.75rem);
--fs-10: clamp(0.625rem, 0.023vw + 0.618rem, 0.625rem); --fw-400: 400;
--fw-500: 500;
--fw-600: 600;
--fw-700: 700;
--fw-800: 800;
--fw-900: 900; --ls-0-5: 0.5px;
--ls-1: 1px;
--ls-2: 2px; --lh-1: 1;
--lh-1-2: 1.2;
--lh-1-3: 1.3;
--lh-1-4: 1.4; --spacing-0: 0rem;
--spacing-4: 0.25rem;
--spacing-5: 0.313rem;
--spacing-6: 0.375rem;
--spacing-8: 0.5rem;
--spacing-10: 0.625rem;
--spacing-12: 0.75rem;
--spacing-14: 0.875rem;
--spacing-15: 0.9375rem;
--spacing-16: 1rem;
--spacing-18: 1.125rem;
--spacing-20: 1.25rem;
--spacing-22: 1.375rem;
--spacing-24: 1.5rem;
--spacing-30: 1.875rem;
--spacing-32: 2rem;
--spacing-36: 2.25rem;
--spacing-40: 2.5rem;
--spacing-48: 3rem;
--spacing-60: 3.75rem;
--spacing-80: 5rem;
--spacing-100: 6.25rem;
--spacing-120: 7.5rem;
--spacing-140: 8.75rem;
--spacing-184: 11.5rem;
--spacing-260: 16.25rem;
--spacing-315:19.688rem;
--spacing-320:20rem;
--spacing-360: 22.5rem;
--spacing-430: 26.875rem;
--spacing-108:6.75rem;  --br-4: 0.25rem;
--br-8: 0.5rem;
--br-12: 0.75rem;
--br-16: 1rem;
--br-20: 1.25rem;
--br-24: 1.5rem;
--br-30: 1.875rem;
--br-36: 2.25rem;
--br-40: 2.5rem;
--br-48: 3rem;
--br-100: 6.25rem;
--br-200: 10rem;
--title-color: #151515;
--light-grey: #F2F5F6;
--dark-grey: #5D5D5D;
--danger-color: #F99F1B;
--border-color: #B0BBCC;
--darktext-color: #101010;
--lighttext-color: #4A4A4A;
--table-hover: #e9f2ff;
--table-color: #111111;
--table-border: #E8E8E8;
--lightblogfont:#424242;
--stockgreen:#31A400;
--stockred:#FF002B;
}  img[alt="wrong-ans"] {
filter: grayscale(100%) brightness(0.6) opacity(0.5);
-webkit-filter: grayscale(100%) brightness(0.6) opacity(0.5);
} .comparison-table img[alt="wrong-ans"] {
filter: grayscale(100%) brightness(0.6) opacity(0.5);
-webkit-filter: grayscale(100%) brightness(0.6) opacity(0.5);
}
*,
html,
body {
margin: 0;
padding: 0;
box-sizing: border-box;
}
html {
overflow-x: hidden;
}
body {
background: var(--color-bg-primary);
color: var(--text-white);
font-family: var(--font-family-body);
font-size: var(--fs-body);
line-height: var(--line-height-body);
width: 100%;
overflow-x: hidden;
line-height: 1.4;
} img,
video,
canvas,
svg {
max-width: 100%;
height: auto;
}
.overflow-x-auto::-webkit-scrollbar {
opacity: .5 !important;
height: 2px;
}
.overflow-x-auto::-webkit-scrollbar-thumb {
border-radius: var(--br-12) !important;
background-color: var(--color-text-muted);
}
.overflow-x-auto::-webkit-scrollbar-track {
border-radius: var(--br-12) !important;
background-color: var(--color-text-light-white);
}
.bg-light-white {
box-shadow: 0px 6px 20px 0px #0000001F !important;
background-color: var(--color-bg-secondary-dark) !important;
} input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
} input[type="number"] {
-moz-appearance: textfield;
appearance: textfield;
} a {
text-decoration: none;
}
.link-text {
color: var(--color-brand-green-primary);
font-family: var(--font-family-body);
font-size: var(--fs-18);
font-weight: var(--fw-600);
display: inline-flex;
align-items: center;
gap: var(--spacing-16);
}
.link-text-pill {
background-color: var(--light-grey);
padding: var(--spacing-24);
font-family: var(--font-family-body);
border-radius: var(--br-20);
font-size: var(--fs-22);
font-weight: var(--fw-500);
display: inline-flex;
align-items: center;
gap: var(--spacing-16);
color: var(--title-color) !important;
} ul {
list-style: none;
}
.list-style-disc {
list-style: disc !important;
} .btn-container {
display: flex;
gap: var(--spacing-16);
flex-wrap: wrap;
}
.btn,.btn-cta-primary,.btn-cta-secondary {
display: inline-flex;
align-items: center;
justify-content: center;
padding: var(--spacing-5) var(--spacing-20);
font-size: var(--fs-16) !important;
font-weight: var(--fw-600) !important;
transition: all 0.3s ease;
border-radius: var(--br-100);
}
.btn-primary,.btn-cta-primary,.btn-cta-secondary {
background: #096235;
color: var(--color-text-white);
border: 1px solid #096235 !important;
box-shadow: none !important;
padding: 11px 25px 10px;
}
.btn-cta-primary:hover,.btn-cta-secondary:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
background: var(--color-brand-green-dark) !important;
border-color: var(--color-brand-green-dark) !important;
}
.btn-primary-outline {
background: var(--color-text-white);
color: var(--color-brand-green-primary);
border: 1px solid var(--color-brand-green-primary) !important;
box-shadow: none !important;
} .clienlogsetcover .swiper-slide img{
object-fit: unset;
}
.btn-primary-outline:hover,
.btn-primary-outline:focus,
.btn-primary-outline:active {
background: var(--color-text-white) !important;
color: var(--color-brand-green-primary) !important;
}
.btn-outline {
border: 1px solid var(--color-text-white) !important;
color: var(--color-text-white);
background-color: transparent;
box-shadow: none !important;
} .btn-outline:hover,
.btn-outline:focus,
.btn-outline:active {
border: 1px solid var(--color-text-white) !important;
color: var(--color-text-white) !important;
}
.btn-outline-black {
border: 1px solid var(--bg-hero-start) !important;
color: var(--bg-hero-start);
background-color: transparent;
} .btn-outline-black:hover,
.btn-outline-black:focus,
.btn-outline-black:active {
border: 1px solid var(--bg-hero-start) !important;
color: var(--bg-hero-start) !important;
background-color: transparent;
}
.color-light-white {
color: var(--color-text-white);
} .border-top-1 {
border-top: 1px solid !important;
}
.border-bottom-1 {
border-bottom: 1px solid !important;
}
.border-left-1 {
border-left: 1px solid !important;
}
.border-left-3 {
border-left: 3px solid !important;
}
.border-right-1 {
border-right: 1px solid !important;
}
.border-color {
border-color: var(--color-bg-badge) !important;
}
.border-light-color {
border-color: var(--color-text-light-white) !important;
}
.border-style-solid {
border-style: solid;
}
.border-width-1 {
border-width: 1px;
}
.boder-line-green {
width: 4px;
height: var(--spacing-140);
background-color: var(--color-brand-green-primary);
position: absolute;
bottom: 70%;
left: 50%;
transform: translateX(-50%);
} .font-anton {
font-family: var(--font-family-heading);
}
.font-poppins {
font-family: var(--font-family-body);
}
.font-fira-sans {
font-family: var(--font-family-card-title);
} .font-size-100 {
font-size: var(--fs-100);
}
.font-size-120 {
font-size: var(--fs-120);
font-weight: 275 !important;
}
.font-size-60 {
font-size: var(--fs-60);
font-weight: 600 !important;
}
.font-size-44 {
font-size: var(--fs-44);
}
.font-size-48 {
font-size: var(--fs-48);
font-weight: 600 !important;
}
.font-size-36 {
font-size: var(--fs-36);
}
.font-size-30 {
font-size: var(--fs-30);
}
.font-size-24 {
font-size: var(--fs-24);
}
.font-size-22 {
font-size: var(--fs-22);
}
.font-size-20 {
font-size: var(--fs-20);
}
.font-size-18 {
font-size: var(--fs-18);
}
.font-size-16 {
font-size: var(--fs-16);
}
.font-size-14 {
font-size: var(--fs-14);
}
.font-size-10 {
font-size: var(--fs-10);
}
.font-size-12 {
font-size: var(--fs-12);
}
.fw-400 {
font-weight: var(--fw-400);
}
.fw-500 {
font-weight: var(--fw-500);
}
.fw-600 {
font-weight: var(--fw-600);
}
.fw-700 {
font-weight: var(--fw-700);
}
.fw-800 {
font-weight: var(--fw-800);
}
.fw-900 {
font-weight: var(--fw-900);
} h1,
h2,
h3,
h4,
h5,
h6 {
margin-bottom: 0px;
} .color-white {
color: var(--color-text-white);
}
.color-muted {
color: #000000;
}
.color-brand-green-primary,
.text-success {
color: var(--color-brand-green-primary) !important;
}
.text-danger {
color: var(--danger-color) !important;
}
.color-brand-green-dark {
color: var(--color-brand-green-dark);
}
.text-dark {
color: var(--title-color) !important;
}
.text-black {
color: var(--color-text-black) !important;
}
.bgDarkColor {
background-color: var(--title-color);
}
.w70per{
width: 70%;
}
.text-grey {
color: var(--color-text-muted) !important;
}
.darkText-color {
color: var(--darktext-color);
}
.lighttext-color {
color: var(--lighttext-color);
} .grid {
position: relative;
display: grid;
z-index: 10;
}
.grid-2 {
grid-template-columns: repeat(2, 1fr);
}
.grid-3 {
grid-template-columns: repeat(3, 1fr);
}
.grid-4 {
grid-template-columns: repeat(4, 1fr);
}
.grid-5 {
grid-template-columns: repeat(5, 1fr);
}
.bg-grid {
border-radius: var(--br-48);
padding: var(--spacing-48);
}
.bg-grid.br-0 {
border-radius: 0px;
}
.br-0 {
border-radius: 0px !important;
}
.w-web-available {
width: -webkit-fill-available;
}
.box-shadow-card {
box-shadow: 0px 4px 12px 0px #00000026 !important;
}
.br-48 {
border-radius: var(--br-48) !important;
}
.br-100 {
border-radius: var(--br-100) !important;
}
.brb-200 {
border-bottom-right-radius: var(--br-200) !important;
}
.white4pxborder {
border: var(--spacing-4) solid var(--color-text-white);
}
.br-24 {
border-radius: var(--br-24);
}
.br-12 {
border-radius: var(--br-12) !important;
}
.br-20 {
border-radius: var(--br-20);
} .pb-30 {
padding-bottom: var(--spacing-30);
}
.pt-20 {
padding-top: var(--spacing-20);
}
.px-12 {
padding: 0rem var(--spacing-12);
}
.px-60 {
padding: 0rem var(--spacing-60);
}
.gap-x-60 {
column-gap: var(--spacing-60) !important;
flex-wrap: nowrap;
}
.ps-60 {
padding-left: var(--spacing-60);
}
.mt-100 {
margin: var(--spacing-100) 0rem 0rem;
}
.py-60 {
padding: var(--spacing-60) 0rem;
}
.py-48 {
padding: var(--spacing-48) 0rem;
}
.py-20 {
padding: var(--spacing-20) 0rem;
}
.pt-100 {
padding-top: var(--spacing-100);
}
.pb-100 {
padding-bottom: var(--spacing-100);
}
.pt-140 {
padding-top: var(--spacing-140);
}
.pb-140 {
padding-bottom: var(--spacing-140);
}
.pt-60 {
padding-top: var(--spacing-60);
}
.pb-60 {
padding-bottom: var(--spacing-60);
}
.mt-minus-60 {
margin-top: -60px;
} .gap-8 {
gap: var(--spacing-8);
}
.gap-10 {
gap: var(--spacing-10);
}
.gap-12 {
gap: var(--spacing-12);
}
.gap-14 {
gap: var(--spacing-14);
}
.gap-15 {
gap: var(--spacing-15);
}
.gap-16 {
gap: var(--spacing-16);
}
.gap-20 {
gap: var(--spacing-20);
}
.gap-24 {
gap: var(--spacing-24);
}
.gap-30 {
gap: var(--spacing-30);
}
.gap-32 {
gap: var(--spacing-32);
}
.gap-36 {
gap: var(--spacing-36);
}
.gap-40 {
gap: var(--spacing-40);
}
.gap-48 {
gap: var(--spacing-48);
}
.gap-60 {
gap: var(--spacing-60);
}
.gap-80 {
gap: var(--spacing-80);
}
.gap-100 {
gap: var(--spacing-100);
}
.gap-120 {
gap: var(--spacing-120);
}
.h120 {
height: var(--spacing-120);
}
.p40{
padding: var(--spacing-40);
}
.p30{
padding: var(--spacing-30);
}
.gap-140 {
gap: var(--spacing-140);
}
.maxh300px{
max-height: 300px;
max-width: 300px;
} .form-control,
.form-select {
box-shadow: none !important;
border: 1px solid var(--border-color);
border-radius: var(--br-12) !important;
height: 40px !important;
}
textarea.form-control {
height: auto !important;
}
.form-control:focus {
box-shadow: none !important;
border-color: var(--color-brand-green-primary) !important;
}
.phone-group select:focus {
box-shadow: none !important;
}
.phone-group .form-select {
cursor: pointer;
min-width: 70px;
padding-left: 6px !important;
margin: 0px !important;
border-radius: var(--br-12)  0 0 var(--br-12) !important;
height: -webkit-fill-available;
}
.form-check-input {
width: 20px;
height: 20px;
cursor: pointer;
border-radius: 4px !important;
box-shadow: none !important;
accent-color: var(--color-brand-green-primary) !important;
margin: 0px !important;
}
.phone-group .form-control {
border-left: 0 !important;
border-radius: 0 var(--br-12) var(--br-12) 0 !important;
}
.form-check-input:checked {
background-color: var(--color-brand-green-primary) !important;
border-color: var(--color-brand-green-primary) !important;
}  .list-tick {
list-style: none;
padding-left: 0;
margin-bottom: var(--spacing-16);
}
.list-tick li {
position: relative;
padding-left: var(--spacing-32);
min-height: var(--fs-24) !important;
}
.list-tick li::before {
content: '';
position: absolute;
left: 0;
top: 10px;
transform: translateY(-50%);
width: 20px;
height: 20px;
background-color: var(--color-brand-green-primary);
-webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9 16.17l-5-5 1.41-1.41L9 13.35l8.59-8.59L19 6.17z'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M9 16.17l-5-5 1.41-1.41L9 13.35l8.59-8.59L19 6.17z'/%3E%3C/svg%3E");
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
}
.list-tick.icon-white li::before {
background-color: var(--color-text-white) !important;
}
.bullet-icon {
width: 20px;
height: 20px;
object-fit: contain;
flex-shrink: 0;
position: absolute;
left: 0;
border-radius: 50%;
}
.price-card .list-tick li::before {
width: 26px;
height: 26px;
}
.price-card .list-tick li {
padding-left: var(--spacing-36);
font-size: var(--fs-14);
}
.pricing-details:not .price-card:hover .list-tick li::before {
background-color: var(--color-text-white);
}
.price-card:hover .pricing-cta svg{
color: var(--title-color);
}
.price-card.active{
border: 2px solid var(--title-color);
}
.price-card.active .pricing-cta{
border: 2px solid var(--color-brand-green-primary) !important;
} .hero-section {
padding: var(--spacing-20) var(--spacing-40);
}
.hero-section.pb-60 {
padding-bottom: var(--spacing-60);
}
.home-hero__container {
padding: var(--spacing-120) var(--spacing-140);
background-color: var(--color-bg-secondary-dark); border-radius: var(--br-48);
}
.all-hero__container {
border-radius: var(--br-48);
}
.hero-section .hero__content{
padding-left: 50px;
}
.ebook-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-ebook.webp) center/cover no-repeat;
}
.all-hero__container.work-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/how-it-work-hero-img.webp) center/cover no-repeat !important;
padding: var(--spacing-80) var(--spacing-140);
height: 70vh !important;
}
.plateform-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/platformHerobg.webp) center/cover no-repeat;
padding: 200px 0;
}
.plateform-hero__container .text-success{
display: block;
}
.app-advertisement-section {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-app-advertisement.webp) center/cover no-repeat;
background-color: #fff;
}
.about-hero__container,
.props-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/about/about-hero-image.webp) center/cover no-repeat;
}
.ss-symbol-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-stock-symbol.webp) center/cover no-repeat;
}
.trading-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-trading-game.webp) center/cover no-repeat;
}
.pricing-plan-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-pricing-plan.webp) center/cover no-repeat;
}
.day-trade-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-day-trading.webp) center/cover no-repeat;
padding-top: var(--spacing-60) !important;
}
.pricing-plan-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-pricing-plan.webp) center/cover no-repeat;
}
.mentor-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/mentor-hero.webp) center/cover no-repeat;
}
.mentor-hero__container-light {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/mentor-hero-light.svg) center/cover no-repeat;
}
.mentor-hero__container-dark {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/mentor-hero-dark.webp) center/cover no-repeat;
}
.affiliate-program-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/affiliate-program.webp) center/cover no-repeat;
}
div#newsletter-turnstile {
display: none;
} .pill-container {
display: inline-flex;
align-items: center;
text-align: center;
justify-content: center;
padding: var(--spacing-12) var(--spacing-20);
border-radius: var(--br-100);
border: 1px solid var(--color-brand-green-primary);
background-color: transparent;
color: var(--color-text-white);
gap: 6px;
flex-wrap: wrap;
width: fit-content;
}
.pill-container span {
font-size: var(--fs-18);
font-weight: var(--fw-500);
line-height: var(--lh-1);
}
.pill-container.bg-dark {
background: var(--color-bg-card);
}
.bg-primary-box {
background-color: var(--color-brand-green-light);
color: var(--color-brand-green-dark);
border-radius: var(--br-4);
} .billing-wrapper {
display: inline-flex;
align-items: center;
flex-wrap: nowrap;
gap: var(--spacing-16);
padding: var(--spacing-12) var(--spacing-30);
background: var(--color-bg-card);
border: 2px solid var(--color-brand-green-primary);
border-radius: var(--br-100);
}
.billing-wrapper.itemsUnset{
align-items: unset;
}
.bill-label {
color: var(--color-text-white);
cursor: pointer;
transition: 0.3s ease;
}
.bill-label.active {
color: var(--color-brand-green-primary);
} .switch {
width: 70px;
height: 34px;
background: var(--color-brand-green-primary);
border-radius: 50px;
position: relative;
cursor: pointer;
transition: 0.3s ease-in-out;
padding: var(--spacing-12);
}
.switch .circle {
width: 26px;
height: 26px;
background: var(--color-text-white);
border-radius: var(--br-100);
position: absolute;
left: 4px;
top: 4px;
transition: 0.3s ease-in-out;
} .switch.active,
.bgDarkGreen {
background: var(--color-brand-green-primary);
}
.switch.active .circle {
transform: translateX(36px);
} .bg-arcade-about {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-arcade-about.svg) center center/cover no-repeat;
} .section-y {
padding-top: var(--spacing-100);
padding-bottom: var(--spacing-100);
}
.section-y.pb-60 {
padding-bottom: var(--spacing-60) !important;
}
.section-y.pt-60 {
padding-top: var(--spacing-60) !important;
}
.section-y.pt-48,
.pt-48 {
padding-top: var(--spacing-48);
}
.section-y.pb-48,
.pb-48 {
padding-bottom: var(--spacing-48);
}
.section-y.pt-184 {
padding-top: var(--spacing-184);
}
.section-y.md-py-0 {
padding: var(--spacing-140) 0rem;
}
.section-y.pt-24 {
padding-top: var(--spacing-24);
}
.section-y.pt-0 {
padding-top: 0 !important;
}
.section-y.pb-0 {
padding-bottom: 0 !important;
}
.bg-dark-section {
background-color: var(--color-bg-secondary-dark);
}
.bg-offwhite {
background-color: var(--light-grey);
color: var(--title-color);
}
.bg-offwhite h1,
.bg-offwhite h2,
.bg-offwhite h3,
.bg-offwhite h4,
.bg-offwhite h5,
.bg-offwhite h6,
.bg-offwhite p,
.bg-offwhite li,
.bg-offwhite span,
.bg-offwhite .title-color {
color: var(--title-color);
}
.live-trading-section {
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/live-account.svg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
background-color: #ffffff;
}
.live-trading-image {
max-width: 800px;
width: 100%;
height: auto;
object-fit: contain;
}
.text-light {
color: var(--color-black) !important;
}
.border-dashed-right {
border-right: 1px dashed var(--color-text-white);
}
.green-border .border-dashed-right {
border-right: 1px dashed var(--color-brand-green-primary);
}
.border-dashed-right:last-child {
border-right: none;
}
article:hover .btn-outline {
border: 1px solid var(--color-text-white) !important;
background-color: var(--color-text-white) !important;
color: var(--color-bg-primary) !important;
} .faq-accordion .accordion-item {
border: none !important;
background-color: var(--title-color) !important;
border-radius: var(--br-12) !important;
color: var(--color-text-white) !important;
}
.faq-accordion .accordion-button {
box-shadow: none !important;
background-color: transparent !important;
border: none !important;
padding: var(--spacing-24) !important;
color: var(--color-text-white) !important;
}
.faq-accordion .accordion-body {
padding-top: 0 !important;
padding-bottom: var(--spacing-12) !important;
}
.faq__section.white-faq .faq-accordion .accordion-item {
background-color: var(--light-grey) !important;
border-radius: var(--br-36) !important;
color: var(--color-bg-secondary-dark) !important;
padding: 0px var(--spacing-12) !important;
}
.faq__section.white-faq .faq-accordion .accordion-button {
box-shadow: none !important;
background-color: transparent !important;
border: none !important;
padding: var(--spacing-24) var(--spacing-12) !important;
color: var(--color-bg-secondary-dark) !important;
}
.faq__section.white-faq .faq-accordion .accordion-body {
padding: var(--spacing-24) var(--spacing-12) !important;
border-top: 1px solid var(--color-text-light-white) !important;
}
.faq__section.white-faq .faq-accordion .accordion-button::after,
.faq__section.white-faq .faq-accordion .accordion-button:not(.collapsed)::after {  }
.faq__section.white-faq .faq-accordion .accordion-button::after {
flex-shrink: 0;
width: 60px !important;
height: 60px !important;
padding: var(--spacing-24) !important;
border-radius: 50%;
content: "";
background-repeat: no-repeat;
background-size: var(--bs-accordion-btn-icon-width);
transition: var(--bs-accordion-btn-icon-transition);
background-position: center;
background-color: #EBFBEE !important;
}
.faq__section.white-faq .faq-accordion .accordion-button:not(.collapsed)::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
transform: rotate(-180deg) !important;
}
.faq__section.white-faq .faq-accordion .accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}
.faq__section.white-faq.bg-offwhite .accordion-item {
background-color: var(--text-white) !important;
} .big-number {
position: absolute;
top: -80px;
left: -40px;
z-index: 5;
font-family: var(--font-family-heading);
font-size: var(--fs-180);
font-weight: 400;
color: var(--color-light-black-alpha-08);
} .benifit-feature-card {
border: 1px solid var(--text-white);
border-radius: var(--br-12);
transition: 0.3s;
box-shadow: 0px 6px 20px 0px var(--color-light-black-alpha-08);
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
.benifit-feature-card.border-green{
border: 1px solid var(--color-brand-green-primary);
}
.benifit-feature-card.noHover:hover{
transform: none;
}
.benifit-feature-card:hover {  cursor: pointer !important;
}
.benifit-feature-card:hover h3 { }
.tradeSwiper .benifit-feature-card .benifit-icon {
width: auto;
height: 48px;
}
.benifit-feature-card .benifit-icon {
width: var(--fs-60);
height: auto;
}
.benifit-feature-card.small-img {
width: var(--fs-40);
}
.benifit-feature-card.border-0 {
border: 0px solid transparent;
border-radius: 0px;
transition: 0.3s;
box-shadow: none;
}
.hover-none .benifit-feature-card:hover {
border: 1px solid transparent;
transform: none !important;
transition: none !important;
}
.help-card .benifit-feature-card {
border-radius: var(--br-48) !important;
}
.help-card .benifit-feature-card:hover {
border: 2px solid var(--color-brand-green-primary) !important;
}
.benifit-feature-card.border-0:hover h3 {
color: var(--color-bg-secondary-dark) !important;
}
.benifit-feature-card.border-0:hover p {
color: var(--color-bg-primary) !important;
}
.textbgSecondary {
color: var(--color-bg-secondary-dark);
}
.benifit-feature-card.border-0 .benifit-icon {
width: var(--fs-60);
height: auto;
}
.benifit-feature-card.border-0 .benifit-icon.w-100px {
width: 80px;
height: auto;
}
.hover-none .benifit-feature-card:hover h3 {
color: var(--color-bg-secondary-dark) !important;
}
.hover-none .benifit-feature-card:hover p {
color: var(--dark-grey) !important;
}
.hover-none .bg-purple-gredient .benifit-feature-card:hover h3,
.hover-none .bg-green-gredient .benifit-feature-card:hover h3 {
color: var(--text-white) !important;
}
.hover-none .bg-purple-gredient .benifit-feature-card:hover p,
.hover-none .bg-green-gredient .benifit-feature-card:hover p {
color: var(--color-text-light-white) !important;
}
.props-tools .benifit-feature-card:hover{
border: 1px solid var(--color-brand-green-primary);
}
.br24 {
border-radius: var(--br-24);
}
.absolute-section-img {
position: absolute;
bottom: 0px;
right: 30px;
width: 50%;
}
.absolute-section-img.right-80px {
right: 80px;
}
.bg-green-gredient-hover .benifit-feature-card,
.bg-purple-gredient-hover .benifit-feature-card {
border: none !important;
box-shadow: 0 0 20px #0000001F !important;
} .bg-green-gredient-hover .benifit-feature-card:hover {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/card-bg.svg) center/cover no-repeat !important;
transform: none !important;
}
.bg-green-gredient .benifit-feature-card {
transform: none !important;
} .bg-purple-gredient-hover .benifit-feature-card:hover {
border: 0px solid var(--color-text-light-white) !important;
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/card-bg-purple.svg) center/100% 100% no-repeat !important;
transform: none !important;
}
.bg-purple-gredient .benifit-feature-card {
transform: none !important;
}
.bg-green-gredient-hover .benifit-feature-card:hover div,
.bg-purple-gredient-hover .benifit-feature-card:hover div,
.bg-green-gredient .benifit-feature-card div,
.bg-purple-gredient .benifit-feature-card div {
color: var(--text-white) !important;
}
.bg-green-gredient-hover .benifit-feature-card:hover p,
.bg-purple-gredient-hover .benifit-feature-card:hover p,
.bg-green-gredient .benifit-feature-card p,
.bg-purple-gredient .benifit-feature-card p {
color: var(--color-text-light-white) !important;
}
.absolute-img-card .benifit-feature-card {
position: relative;
min-height: 440px;
overflow: hidden;
}
.banefitparternship .benifit-feature-card {
flex: 1;
height: auto;
}
.absolute-img-card .position-relative {
padding-top: 50px;
}
.absolute-img-card img{
width: 100%;
height: 100%;
object-fit: cover;
}
.benifit-feature-card .h-img-240 {
position: absolute;
bottom: -19%;
right: 0;
width: 82%;
}
.market-moves .benifit-feature-card .h-img-240{
bottom: 0;
}
.market-moves .benifit-feature-card.card-2 .h-img-240{
right: auto;
}
.benifit-feature-card.bg-card-white-circle {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-card-white-circle.svg) center/200% 200% no-repeat !important;
}
.bg-dark-green-gredient .benifit-feature-card {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-dark-green-gredient.svg) center/200% 200% no-repeat !important;
}
.bg-dark-green-gredient .benifit-feature-card p {
color: var(--text-white) !important;
}
.bg-dark-green-gredient .benifit-feature-card:hover h3,
.bg-dark-green-gredient .benifit-feature-card:hover p {
color: var(--text-white) !important;
}
.bg-dark-green-black-gradient .benifit-feature-card {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-green-main.svg) center/120% 120% no-repeat !important;
border: 1px solid var(--color-text-light-white) !important;
}
.bg-dark-green-black-gradient.flip .benifit-feature-card {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-green-flip.svg) center/120% 120% no-repeat !important;
border: 1px solid var(--color-text-light-white) !important;
}
.bg-dark-green-black-gradient .benifit-feature-card:hover {
border: 1px solid var(--color-text-light-white) !important;
}
.benifit-feature-card.br-48 {
border-radius: var(--br-48) !important;
}
.benifit-feature-card.br-24 {
border-radius: var(--br-24) !important;
}
.benifit-feature-card.border-light {
border: 1px solid var(--color-text-light-white) !important;
border-radius: var(--br-24) !important;
}
.rounded-icon {
width: var(--spacing-80);
height: var(--spacing-80);
border-radius: 50%;
object-fit: cover;
}
.market-icon {
padding: var(--spacing-8) var(--spacing-16) !important;
background-color: var(--color-bg-secondary-dark) !important;
width: var(--spacing-80);
height: var(--spacing-80);
border-radius: var(--br-24);
display: flex;
justify-content: center;
align-items: center;
}
.market-icon img {
width: var(--fs-44) !important;
height: var(--fs-44) !important;
object-fit: cover;
} .custom-table {
font-family: var(--font-family-body) !important;
font-size: var(--fs-16) !important;
color: var(--table-color) !important;
}
.custom-table th {
font-weight: var(--fw-600);
padding: 16px 20px;
white-space: nowrap;
background: #EBFBEE !important;
}
.custom-table td {
font-weight: var(--fw-500);
padding: var(--spacing-16) var(--spacing-20);
white-space: nowrap;
}
.custom-table tbody tr {
border-bottom: 1px solid var(--table-border);
}
.table-responsive {
border-radius: var(--br-16) !important;
}
.h140w140, .benifit-feature-card .benifit-icon.h140w140{
height: var(--spacing-140);
width: var(--spacing-140);
} .help-link:hover {
color: var(--color-brand-green-primary) !important;
cursor: pointer !important;
}
.help-link:hover svg path {
stroke: var(--color-brand-green-primary) !important;
} .container-right {
width: 100%;
margin-right: 0;
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.priceSaverPill{
padding: var(--spacing-12) var(--spacing-18);
background-color: var(--color-brand-green-alpha10per);
border-radius: var(--br-12);
}
.lineCLamp3{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;  
overflow: hidden;
}
.w50per {
width: 50%;
}
.pricing-cards .customCardBox:nth-child(2) .price-card,
.pricing-cards .row > .col-lg-4:nth-child(2) .price-card {
border: 2px solid var(--title-color);
box-shadow: 0px 4px 12px 0px #0000001A;
border-radius: var(--br-48);
position: relative;
}
.pricing-cards .customCardBox:nth-child(2) .price-card  .newsPill.bg-orange,
.pricing-cards .row > .col-lg-4:nth-child(2) .price-card .newsPill.bg-orange {
position: absolute;
top: -41px;
left: 50px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
padding: var(--spacing-10) var(--spacing-12);
background-color: var(--title-color);
} .hiw-pricing .pricing-cards .row > .col-lg-4:nth-child(2) .price-card .newsPill.bg-orange {
background-color: #151515 !important;
color: var(--color-text-white) !important;
}
.h48w48 {
height: var(--spacing-48);
width: var(--spacing-48);
}
.stockup {
color: var(--stockgreen);
}
.stockdown {
color: var(--stockred);
}
.w-webkit {
width: -webkit-fill-available !important;
}
.pricing-toggle.billing-wrapper{
padding: var(--spacing-12);
}
.pricing-toggle .bill-label{
color: var(--color-text-white) !important;
border: none;
background-color: transparent;
}
.bg-white .pricing-toggle .bill-label,
.bg-offwhite .pricing-toggle .bill-label{
color: var(--title-color) !important;
}
.bg-white .pricing-toggle .bill-label.active,
.bg-offwhite .pricing-toggle .bill-label.active{
color: var(--color-text-white) !important;
}
.pricing-toggle .bill-label.active{
color: var(--color-text-white);
background-color: var(--title-color);
}
.pricing-toggle .bill-label.active span{
color: var(--color-brand-green-primary);
} .hiw-pricing .pricing-toggle.billing-wrapper{
padding: var(--spacing-12);
border: 2px solid var(--color-brand-green-primary);
border-radius: var(--br-48);
background-color: transparent;
}
.hiw-pricing .pricing-toggle .bill-label{
color: var(--color-text-white);
border: none;
background-color: transparent;
transition: all 0.3s ease;
}
.hiw-pricing .pricing-toggle .bill-label:hover{
color: var(--color-brand-green-primary);
}
.hiw-pricing .pricing-toggle .bill-label.active{
color: var(--color-text-white);
background-color: var(--title-color);
}
.pricing-details.hiw-pricing.dark .bill-label.active {
background-color: var(--color-brand-green-alpha-25);
}
.hiw-pricing .pricing-toggle .bill-label.active span{
color: var(--color-brand-green-primary);
}
.bg-green-gredient.mentor-card {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-mentor-dark-card.web) center/200% 200% no-repeat !important;
border: 1px solid var(--text-white) !important;
} .marquee-left {
animation: scroll-left 20s linear infinite;
}
@keyframes scroll-left {
from {
transform: translateX(-50%);
}
to {
transform: translateX(0);
}
}
.marquee-right {
animation: scroll-right 20s linear infinite;
}
@keyframes scroll-right {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
.mbMinu48{
margin-bottom: calc(var(--spacing-48)* -1);
}
.w55per{
width:55%;
}
.w45per{
width:45%;
} .hiw-pricing .price-card:hover {
background-color: white !important;
cursor: default !important;
}
.hiw-pricing .price-card:hover .icon {
background-color: var(--color-brand-green-alpha-10) !important;
}
.hiw-pricing .price-card:hover .btn {
background-color: #151515 !important;
border-color: #151515 !important;
}
.hiw-pricing .price-card:hover .btn span {
color: #FFFFFF !important;
}
.hiw-pricing .price-card:hover .btn svg path { } .btn.btn-green-solid {
background-color: var(--color-brand-green-primary) !important;
border: 2px solid var(--color-brand-green-primary) !important;
color: var(--color-text-white) !important;
text-decoration: none;
transition: all 0.3s ease;
}
.btn.btn-green-solid:hover {
background-color: var(--color-brand-green-dark) !important;
border-color: var(--color-brand-green-dark) !important;
color: var(--color-text-white) !important;
}
.px40{
padding: 0 var(--spacing-40);
}
.bg-about-mentor-apply {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-apply-img.svg) center/cover no-repeat !important;
}
.option-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-option-hero-img.svg) center/cover no-repeat !important;
}
.bg-mentor-blue-light {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-option-trade-blue.svg) center/cover no-repeat !important;
}
.circle-wrap {
background-color: var(--dark-grey) !important;
border-radius: 50% !important;
width: 100px !important;
height: 100px !important;
}
.hover-article:hover .circle-wrap {
background-color: var(--color-brand-green-primary) !important;
} .innerAbsAnchor{
position: relative;
}
.innerAbsAnchor .linkAnchorabs{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.h35per{
height:35%;
}
.h65per{
height:65%;
}
.play-btn{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50% , -50%);
background-color: var(--title-color);
z-index: 2;
height: 105px;
width: 105px;
border-radius: 500px;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
}
.play-btn.hidden {
opacity: 0;
pointer-events: none;
transition: 0.3s ease;
}  .h26w26 {
height: var(--spacing-26);
width: var(--spacing-26);
}
.h40w40 {
height: var(--spacing-40);
width: var(--spacing-40);
}
.h60w60{
height: var(--spacing-60);
width: var(--spacing-60);
}
.border-gray{
border-color: #353535 !important;
} .h24w24 {
height: var(--spacing-24);
width: var(--spacing-24);
}
.font-size-18 h3 {
font-size: var(--fs-18) !important;
line-height: 22px !important;
}
.w-max-content {
width: max-content !important;
}
.bg-light-green {
background-color: var(--color-brand-green-alpha-10) !important;
border-radius: var(--br-12) !important;
}
.font-size-16 .seo-tag-inline {
font-size: var(--fs-16) !important;
}
.font-size-20 .seo-tag-inline {
font-size: var(--fs-20) !important;
}
.pill-container.landing-pill{
border-color: #00D32F38;
color: var(--color-brand-green-primary);
text-transform: uppercase;
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/landing-pill-bg.webp) center/cover no-repeat !important;
}
.pill-container.landing-pill.light-pill{
background: var(--color-brand-green-alpha-10) !important;
border-color: var(--color-brand-green-primary);
} .h80w80 {
height: var(--spacing-80);
width: var(--spacing-80);
}
.p20{
padding: var(--spacing-20);
}
.h120w120{
height: var(--spacing-120);
width: var(--spacing-120);
}
.h50vh {
height: 50vh !important;
} .p15{
padding: var(--spacing-15);
}
.mb-0 .seo-tag-inline {
margin-bottom: 0 !important;
}
#affiliateFaqAccordion .accordion-button{
cursor: pointer;
}
.proppading{
padding: 100px 0;
}
@media only screen and (max-width: 1100px) and (min-width: 768px) {
.platformFeaturesSlide .grid-4{
grid-template-columns: repeat(2, 1fr);
}
}
@media only screen and (max-width: 980px) {
#top-3-leaders.grid-3 {
grid-template-columns: repeat(1, 1fr);
}
}
@media only screen and (max-width: 600px){
.banefitparternship .benifit-feature-card{
flex: unset;
width: 100%;
}
.rulesBoxMain .font-size-48 h3.seo-tag-inline{
font-size: 20px !important;
}
.faq-accordion .accordion-button{
padding: var(--spacing-10) !important;
}
} :root { --color-brand-green-dark: #198155; --color-brand-green-primary: #00D32F;
--color-brand-green-light: #BEEFC3;
--color-light-border: #EBF8EF; --color-bg-primary: #010106;
--color-bg-secondary: #04030A;
--color-bg-secondary-dark: #1B1B1B;
--color-bg-card: #13121C;
--color-bg-card-dark: #0D0D0D;
--color-bg-badge: #1F1E27;
--color-bg-tertiary: #0D0D1B;
--color-bg-dark: #0D0B14;
--color-bg-dark-red: #1A1110;
--color-bg-stats: #080612;
--color-black: #000000; --color-text-white: #FFFFFF;
--color-text-black: #000000;
--color-text-light-white: #FFFFFF;
--color-text-muted: #000000;
--color-disabled: #000000; --color-chart-cyan: #00FFE6;
--color-chart-red: #FF4E4E; --color-brand-green-alpha-8: #39ff1414;
--color-brand-green-alpha-25: rgba(57, 255, 20, 0.25);
--color-brand-green-alpha-35: rgba(57, 255, 20, 0.35);
--color-brand-green-alpha-40: rgba(57, 255, 20, 0.4);
--color-brand-green-alpha-42: rgba(57, 255, 20, 0.42);
--color-brand-green-alpha10per: rgba(57, 255, 20, 0.1);
--color-brand-green-alpha-10: rgba(0, 211, 47, 0.1);
--color-black-alpha-42: rgba(0, 0, 0, 0.42);
--color-light-black-alpha-08: rgba(21, 21, 21, 0.08);
--color-light-black-alpha-90: rgba(21, 21, 21, 0.9);
--color-black-alpha-30: rgba(0, 0, 0, 0.3);
--color-muted-alpha-20: rgba(125, 138, 156, 0.2); --gradient-brand-primary: linear-gradient(270deg, var(--color-brand-green-dark) 0%, var(--color-brand-green-primary) 100%);
--gradient-brand-secondary: linear-gradient(242.52deg, var(--color-brand-green-primary) -18.89%, var(--color-bg-tertiary) 81.68%);
--gradient-green: linear-gradient(270deg, #22990C 0%, #39FF14 100%);
--gradient-dark-red: linear-gradient(180deg, #1A1110 0%, #1F1E27 100%);
--gradient-stats-te0xt: linear-gradient(135deg, #39FF14 0%, #00A82D 100%);  --bg-hero-start: var(--color-bg-secondary);
--bg-hero-end: var(--color-bg-secondary);
--brand-green-500: var(--color-brand-green-primary);
--brand-green-400: var(--gradient-brand-secondary);
--brand-green-outer-glow: var(--gradient-brand-primary); --text-white: var(--color-text-white);
--text-muted: var(--color-text-muted); --card-bg: var(--color-bg-secondary); --outline-gray: var(--color-text-muted);
--pill-outline-green: var(--color-brand-green-primary); --chart-cyan: var(--color-chart-cyan);
--chart-red: var(--color-chart-red);  --font-family-heading: 'Roboto Slab', sans-serif;
--font-family-body: 'Raleway', sans-serif;
--font-family-card-title: 'Fira Sans', sans-serif; --fs-180: clamp(4rem, 6.67vw + 1.867rem, 11.25rem);
--fs-120: clamp(4rem, 6.67vw + 1.867rem, 11.25rem);
--fs-100: clamp(3rem, 5.556vw + 1.444rem, 10rem);
--fs-80: clamp(2rem, 3.333vw + 1.467rem, 2rem);
--fs-60: clamp(2.2rem, 1.778vw + 1.622rem, 3.75rem);
--fs-48: clamp(1.9rem, 1.333vw + 1.467rem, 3rem);
--fs-44: clamp(1.8rem, 1.111vw + 1.444rem, 2.75rem);
--fs-40: clamp(2rem, 0.833vw + 1.733rem, 2.5rem);
--fs-36: clamp(1.5rem, 0.833vw + 1.233rem, 2.25rem);
--fs-30: clamp(1.3rem, 0.556vw + 1.122rem, 1.875rem);
--fs-24: clamp(1.2rem, 0.278vw + 1.111rem, 1.5rem);
--fs-22: clamp(1rem, 0.231vw + 0.926rem, 1.375rem);
--fs-20: clamp(0.9rem, 0.185vw + 0.841rem, 1.25rem);
--fs-18: clamp(0.875rem, 0.139vw + 0.833rem, 1.125rem);
--fs-16: clamp(0.85rem, 0.093vw + 0.821rem, 1rem);
--fs-14: clamp(0.8rem, 0.046vw + 0.786rem, 0.875rem);
--fs-12: clamp(0.75rem, 0.031vw + 0.75rem, 0.75rem);
--fs-10: clamp(0.625rem, 0.023vw + 0.618rem, 0.625rem); --fw-400: 400;
--fw-500: 500;
--fw-600: 600;
--fw-700: 700;
--fw-800: 800;
--fw-900: 900; --ls-0-5: 0.5px;
--ls-1: 1px;
--ls-2: 2px; --lh-1: 1;
--lh-1-2: 1.2;
--lh-1-3: 1.3;
--lh-1-4: 1.4; --spacing-0: 0rem;
--spacing-4: 0.25rem;
--spacing-5: 0.313rem;
--spacing-6: 0.375rem;
--spacing-8: 0.5rem;
--spacing-10: 0.625rem;
--spacing-12: 0.75rem;
--spacing-14: 0.875rem;
--spacing-15: 0.9375rem;
--spacing-16: 1rem;
--spacing-18: 1.125rem;
--spacing-20: 1.25rem;
--spacing-22: 1.375rem;
--spacing-24: 1.5rem;
--spacing-30: 1.875rem;
--spacing-32: 2rem;
--spacing-36: 2.25rem;
--spacing-40: 2.5rem;
--spacing-48: 3rem;
--spacing-60: 3.75rem;
--spacing-80: 5rem;
--spacing-100: 6.25rem;
--spacing-120: 7.5rem;
--spacing-140: 8.75rem;
--spacing-184: 11.5rem;
--spacing-260: 16.25rem;
--spacing-315:19.688rem;
--spacing-320:20rem;
--spacing-360: 22.5rem;
--spacing-430: 26.875rem;
--spacing-108:6.75rem;  --br-4: 0.25rem;
--br-8: 0.5rem;
--br-12: 0.75rem;
--br-16: 1rem;
--br-20: 1.25rem;
--br-24: 1.5rem;
--br-30: 1.875rem;
--br-36: 2.25rem;
--br-40: 2.5rem;
--br-48: 3rem;
--br-100: 6.25rem;
--br-200: 10rem;
--title-color: #151515;
--light-grey: #F2F5F6;
--dark-grey: #5D5D5D;
--danger-color: #F99F1B;
--border-color: #B0BBCC;
--darktext-color: #101010;
--lighttext-color: #4A4A4A;
--table-hover: #e9f2ff;
--table-color: #111111;
--table-border: #E8E8E8;
--lightblogfont:#424242;
--stockgreen:#31A400;
--stockred:#FF002B;
}  img[alt="wrong-ans"] {
filter: grayscale(100%) brightness(0.6) opacity(0.5);
-webkit-filter: grayscale(100%) brightness(0.6) opacity(0.5);
} .comparison-table img[alt="wrong-ans"] {
filter: grayscale(100%) brightness(0.6) opacity(0.5);
-webkit-filter: grayscale(100%) brightness(0.6) opacity(0.5);
}
.press-icon {
display: flex;
align-items: center;
justify-content: center;
height: 96px;
}
html { 
scroll-behavior: smooth; 
}
section {
scroll-margin-top: 70px; }
.step-title {
font-size: var(--fs-30);
font-weight: var(--fw-700);
color: var(--color-text-white);
}
.whiteSpaceNowrap {
white-space: nowrap;
}
.hiw-step {
position: relative;
border-left: 1px solid var(--color-bg-badge) !important;
padding: var(--spacing-30) 0rem var(--spacing-30) var(--spacing-30);
}
.hiw-step:first-child {
padding-top: .5rem;
}
.hiw-step:last-child {
padding-bottom: .5rem;
}
.hiw-content,
.step-number .step-text {
position: relative;
z-index: 999 !important;
}
.step-number {
position: absolute;
top: 20px;
left: 9px;
font-size: var(--fs-60);
font-weight: 700;
line-height: var(--lh-1);
color: var(--color-bg-card);
z-index: 1 !important;
}
.hiw-step:hover {
cursor: pointer;
border-left: 1px solid var(--color-brand-green-primary) !important;
}
.hiw-step:hover h3 {
color: var(--color-brand-green-primary) !important;
}
.bg-frame1 {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-frame1.webp) center/cover no-repeat;
}
.bg-frame2 {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-frame2.webp) center/cover no-repeat;
}
.bg-frame3 {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-frame3.webp) center/cover no-repeat;
}
.bg-mentor-grid-content {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/mentor-white-bg.webp) center/cover no-repeat;
}
.traderfi-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/traderfi.webp) center/cover no-repeat;
}
.candles-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/candles-bg.webp) center/cover no-repeat;
}
.single-mentor-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/single-mentor-bg.webp) center/cover no-repeat;
}
.single-mentor-bg-dark {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/single-mentor-bg-dark.webp) center/cover no-repeat;
}
.simtrade-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/simtrade-bg.webp) center/cover no-repeat;
}
.ebook-candle-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/ebook-candle.webp) center/cover no-repeat;
}
.bg-toro-benifit {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/hiw-difference.webp) center/cover no-repeat;
}
.bg-master-candle {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-master-candle.svg) center/cover no-repeat;
}
.bg-full-candle {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-full-candle.webp) center/cover no-repeat;
}
.bg-trade-candle-center {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-trade-candle-center.webp) center/cover no-repeat;
}
.bg-men-laptop {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/images/sections/men-laptop-img.svg) center/auto no-repeat;
border: 1px solid var(--color-text-white);
border-radius: var(--br-24);
}
.bg-mobile-trade {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/images/sections/trading-plafroms-mobile.svg) center/100% 100% no-repeat;
}
.bg-mobile-stock-simulator {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/images/sections/market-moves-mobile.svg) center/100% 100% no-repeat;
}
.bg-about-cta {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-big-trade.svg) center/cover no-repeat;
}
.bg-traderfi-section {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-sec3-trader-fi.svg) center/cover no-repeat;
}
.bg-traderfi-video {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-trade-video.webp) center/cover no-repeat;
}
.bg-ebook-candle {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-ebook-candle.webp) center/cover no-repeat;
}
.bg-share-container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-share-container.svg) center/cover no-repeat;
}
.book-demo-candle-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-candle-color.svg) center/cover no-repeat;
}
.book-bg {
min-width: auto;
min-height: -webkit-fill-available;
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/images/sections/rotatebook.svg) center / cover no-repeat;
}
.prop-book-bg {
min-width: auto;
min-height: -webkit-fill-available;
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/images/sections/prop-ebook-bg.svg) center / cover no-repeat;
}
.h-webkit {
height: -webkit-fill-available;
} .swiper {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: var(--fs-18); display: flex;
justify-content: center;
align-items: center;
}
.testimonial-single .swiper-wrapper .customerReviewBox {
max-width: calc(100vw - 400px) !important;
margin: 0 auto !important;
}
.swiper-slide img {
display: block; object-fit: cover;
}
.press-icon.swiper-slide img {
display: block; object-fit: cover;
width: 150px !important;
}
.customerReviewBox {
border-radius: var(--br-24);
}
.customerReviewBox .leftReviewBox {
padding: var(--spacing-60) var(--spacing-36) var(--spacing-36) var(--spacing-36);
border-radius: var(--br-24);
}
.customerReviewBox .customerReviewImage {
width: 300px;
height: 100%;
}
.customerReviewBox .customerReviewImage img {
border-radius: 0 var(--br-24) var(--br-24) 0;
height: 100%;
}
.customerReview .swiper-slide {
width: 650px;
border-radius: var(--br-24);
}
.customerReview .swiper-slide:not(.swiper-slide.swiper-slide-active),
.dark-grey-color {
color: var(--dark-grey);
}
.commanDots {
position: relative;
}
.commanDots .swiper-pagination-bullet {
height: 14px;
width: 14px;
background-color: var(--dark-grey);
}
.commanArrowsSlider .swiper-button-next,
.commanArrowsSlider .swiper-button-prev {
position: relative;
height: 50px;
width: 50px;
border-radius: var(--br-100);
background-color: var(--color-text-white);
}
.review-logo {
width: 100px !important;
padding: var(--spacing-8) 0rem;
}
.commanArrowsSlider .swiper-button-next:after,
.commanArrowsSlider .swiper-button-prev:after {
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/icons/left-arrow.svg);
font-size: 0;
background-position: center;
background-size: 16px;
height: 16px;
width: 16px;
background-repeat: no-repeat;
}
.commanArrowsSlider .swiper-button-prev:after {
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/icons/right-arrow.svg);
}
.commanDots .swiper-pagination-bullet.swiper-pagination-bullet-active,
.commanArrowsSlider .swiper-button-prev,.commanArrowsSlider .swiper-button-next {
background-color: var(--color-brand-green-primary);
}
.treadingWellSlide {
margin-left: var(--spacing-24);
}
.treadingWellSlideBox {
background-color: var(--color-black);
border-radius: var(--br-24);
padding: var(--spacing-60) var(--spacing-30) var(--spacing-30) var(--spacing-30);
width: 100%;
}
.treadingWellSlideBox .treadingWellIcon {
padding: var(--spacing-12);
border-radius: var(--br-20) !important;
background-color: var(--color-bg-card);
margin-top: -80px;
width: max-content;
}
.treadingWellSlideBox .treadingWellIcon.bg-none {
background-color: transparent !important;
display: flex;
align-items: stretch;
width: 20%;
}
.treadingWellSlideBox .treadingWellIcon.bg-none img {
background-color: transparent !important;
border-radius: var(--br-20) !important;
height: 100%;
width: 100%;
}
.treadingWellSlide .swiper-pagination-bullet{
background-color: #fff;
}
.latestResourseSliderMain {
border-radius: var(--br-16);
}
.latestResourceBox {
padding: var(--spacing-12);
border-radius: var(--br-16);
background-color: var(--color-bg-secondary-dark);
text-align: start;
}
.bg-card-white-swiper .latestResourceBox,.benifit-feature-card.blogCard {
background-color: var(--light-grey) !important;
border: 1px solid var(--color-text-light-white) !important;
padding: var(--spacing-12) !important;
border-radius: var(--br-20) !important;
}
.latestResourceBox .border-bottom-1 {
border-bottom: 1px solid var(--color-bg-primary) !important;
}
.latestResourseSliderMain .resourceDescription {
display: block;
margin-bottom: 0;
}
.latestResourceBox>img.img-fluid {
height: 160px;
}
.latestResourseSliderMain.swiper-slide-active .resourceDescription {
display: block;
}
.commanArrowsSlider.withAbsolute .swiper-button-next,
.commanArrowsSlider.withAbsolute .swiper-button-prev {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.commanArrowsSlider.withAbsolute .swiper-button-next {
right: auto;
left: -25px;
}
.commanArrowsSlider.withAbsolute .swiper-button-prev {
left: auto;
right: -25px;
}
.commanArrowsSlider .swiper-button-next.whiteBorder2px {
border: 2px solid var(--color-light-border);
}
.commanArrowsSlider .swiper-button-next.bg-white {
background-color: var(--color-text-white) !important;
}
.bg-card-white-swiper .latestResourceBox img {
border-radius: var(--br-20) !important;
}
.mt48 {
margin-top: var(--spacing-48);
}
.price-card {
padding: var(--spacing-24);
border-radius: var(--br-20);
background-color: var(--color-bg-secondary-dark);
}
.price-card .icon {
background-color: var(--color-bg-card);
padding: var(--spacing-12);
border-radius: var(--br-12);
display: flex;
align-items: center;
justify-content: center;
}
.price-card:hover {
cursor: pointer;
background-color: var(--color-brand-green-primary);
}
.price-card:hover .icon {
background-color: var(--color-text-white);
} .price-card:hover svg path {
stroke: var(--color-bg-primary) !important;
}
.price-card:hover .btn span {
color: var(--color-bg-primary) !important;
}
.price-card .btn {
border: 1px solid var(--dark-grey) !important;
background-color: var(--color-bg-card) !important;
padding: var(--spacing-12) var(--spacing-18) !important;
font-size: var(--fs-16) !important;
font-weight: var(--fw-600) !important;
}
.price-card:hover .btn {
border: 1px solid var(--color-text-white) !important;
background-color: var(--color-text-white) !important;
}
.most-popular-box {
font-size: var(--fs-16);
background-color: var(--color-text-white);
padding: 0rem var(--spacing-8);
width: fit-content;
margin-left: auto;
border-radius: 4px;
}
.most-popular-box.success {
font-size: var(--fs-16);
background-color: var(--color-brand-green-primary);
margin-left: 0;
margin-right: auto;
}
.price-card:hover .most-popular-box {
color: var(--color-bg-secondary-dark) !important;
}
.price-card .white-icon {
background-color: var(--color-text-white);
} .white-card.price-card {
background-color: var(--light-grey);
}
.white-card.price-card .icon {
background-color: var(--color-text-white);
}
.white-card.price-card:hover {
cursor: pointer;
background-color: var(--color-brand-green-primary);
}
.white-card.price-card:hover .icon {
background-color: var(--color-text-white);
}
.white-card.price-card:hover p,
.white-card.price-card:hover span,
.white-card.price-card:hover h3,
.white-card.price-card:hover li,
.white-card.price-card:hover .text-dark {
color: var(--color-text-white) !important;
}
.white-card.price-card:hover svg path {
stroke: var(--color-bg-primary) !important;
}
.white-card.price-card:hover .btn span {
color: var(--color-bg-primary) !important;
}
.most-popular-box {
font-size: var(--fs-16);
background-color: var(--color-text-white);
padding: 0rem var(--spacing-8);
width: fit-content;
margin-left: auto;
border-radius: 4px;
}
.most-popular-box.success {
font-size: var(--fs-16);
background-color: var(--color-brand-green-primary);
margin-left: 0;
margin-right: auto;
}
.price-card:hover .most-popular-box {
color: var(--color-bg-secondary-dark) !important;
}
.our-resource-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/ourresource-bg.svg) center/cover no-repeat;
}
.bg-toro {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-torochallenge.svg) center/cover no-repeat;
}
.trader__cards {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: clamp(1.25rem, 2vw, 2rem);
margin-top: clamp(2.5rem, 4vw, 3.5rem);
}
.feature-card {
background: var(--color-bg-secondary-dark);
border-radius: clamp(16px, 2vw, 24px);
padding: clamp(2rem, 3vw, 2.5rem) clamp(1.5rem, 2.5vw, 2rem);
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 0.3s ease, border-color 0.3s ease;
position: relative;
overflow: visible;
}
.feature-card::before {
content: '';
position: absolute;
inset: -1px;
border-radius: inherit;
padding: 2px;
background: var(--color-brand-green-primary);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
mask-composite: exclude;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease;
}
.feature-card:hover {
transform: translateY(-4px);
border-color: var(--color-brand-green-primary);
}
.feature-card:hover::before {
opacity: 0.8;
}
.feature-card:hover .feature-card__badge::before {
background: var(--color-brand-green-primary);
}
.feature-card:hover .badge-circle {
background: var(--color-brand-green-primary);
}
.feature-card__badge {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
}
.feature-card__badge::before {
content: '';
position: absolute;
top: -22px;
left: 50%;
transform: translateX(-50%);
width: clamp(120px, 15vw, 180px);
height: 22px;
background: var(--color-bg-badge);
border-bottom: none;
border-radius: 200px 200px 0 0;
z-index: 1;
}
.badge-circle {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
color: var(--color-text-white);
background: var(--color-bg-badge);
font-weight: 700;
font-family: 'Poppins', sans-serif;
font-size: 0.9rem;
position: relative;
z-index: 2;
margin-top: -22px;
}
.feature-card__icon {
background-color: var(--color-bg-card);
padding: var(--spacing-12);
border-radius: var(--br-12);
display: flex;
align-items: center;
justify-content: center;
}
.feature-card__icon img {
width: 40px;
height: 40px;
width: 100%;
height: 100%;
object-fit: contain;
}
.feature-card:hover .feature-card__icon {
background-color: var(--color-brand-green-primary);
}
.platFromBox {
background-color: var(--color-text-white);
border: 1px solid var(--color-text-light-white);
padding: var(--spacing-30);
border-radius: var(--br-24);
box-shadow: 0px 6px 20px 0px #0000001F;
height: webkit-fill-available !important;
}
.our-partners .platFromBox {
box-shadow: 0px 4px 12px 0px #018D264D;
}
.px40 {
padding: var(--spacing-40);
}
.platformFeaturesSlide {
margin-top: -130px;
}
.h60w60 {
height: var(--spacing-60);
width: var(--spacing-60);
}
.centerTraderDiv {
margin: 0 var(--spacing-20);
border: 1px solid var(--color-text-light-white);
}
.trader2b-box {
padding: var(--spacing-20);
}
.leftTraderDiv .trader2b-box:not(:last-child),
.rightTraderDiv .trader2b-box:not(:last-child) {
border-bottom: 2px solid var(--color-text-light-white);
} .platform-hero__cards .card-black {
background-color: var(--color-black);
border-radius: var(--br-30);
padding: var(--spacing-24);
box-shadow: 0px 0px 20px 0px var(--color-bg-card-dark);
}
.platform-hero__cards .card-black img {
width: var(--fs-60);
height: var(--fs-60);
}
.bgTitleDark {
background-color: var(--title-color);
}
.squarePill {
border-radius: var(--br-12);
border: 1px solid var(--color-text-white);
background-color: transparent;
padding: var(--spacing-15) var(--spacing-30);
color: var(--color-text-white);
font-size: var(--fs-20);
font-weight: 600;
}
.squarePill.smallFbig {
padding: var(--spacing-14) var(--spacing-22);
font-size: var(--fs-20);
}
.squarePill:hover {
cursor: pointer;
}
img.pill-icon {
width: 30px;
}
.squarePill.active,.pillhover:hover {
background-color: var(--color-brand-green-primary);
border-color: var(--color-brand-green-primary);
}
.marginMinusSection150 {
margin-top: -150px;
}
.mobileHandAbovebg {
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/images/sections/mobile-hand.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom;
height: 100%;
width: 30%;
position: absolute;
bottom: 0;
right: 25px;
z-index: 5;
}
.slideMain {
background-color: var(--color-text-light-white);
border-radius: var(--br-100);
height: 8px;
}
.slideMain .sliderInner {
background-color: var(--color-brand-green-primary);
height: 100%;
border-radius: var(--br-100);
position: relative;
}
.slideMain .sliderInner:after {
content: "";
position: absolute;
top: 50%;
left: 100%;
transform: translateY(-50%);
height: 26px;
width: 26px;
border-radius: var(--br-100);
background-color: var(--color-text-white);
border: 8px solid var(--color-brand-green-primary);
} .marqueeBox {
box-shadow: 0px 6px 20px 0px #0000001F;
background-color: var(--color-text-white);
padding: var(--spacing-30);
border-radius: var(--br-100);
}
.marqueeBox img,
.marqueeBox .marqueeBoxImg {
height: var(--spacing-60);
width: var(--spacing-60);
}
.marqueeWrapper:before,
.marqueeWrapper:after {
content: "";
position: absolute;
top: 0;
height: 100%;
width: 200px;
background: linear-gradient(90deg, #F2F5F6 21.04%, rgba(242, 245, 246, 0) 111.75%);
}
.marqueeWrapper:before {
left: 0;
}
.marqueeWrapper:after {
right: 0;
background: linear-gradient(270deg, #F2F5F6 21.04%, rgba(242, 245, 246, 0) 111.75%);
}
.marqueeMain {
position: relative;
white-space: nowrap;
display: flex;
}
.marqueeMain>* {
flex-shrink: 0;
} .marqueeMain::after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 200%;
background: inherit;
pointer-events: none;
}
.marqueeMain .marqueeBox {
flex-shrink: 0;
animation-duration: 20s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
.bgPatternCircle {
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-circle-pattern.svg);
background-repeat: no-repeat;
height: 100%;
width: 100%;
background-size: 70%;
background-position: top +48px center;
}
.whiteTheMobilebox {
background-color: var(--light-grey);
border: 1px solid var(--color-text-light-white);
box-shadow: 0px 6px 20px 0px #0000001F;
border-radius: var(--br-48);
display: flex;
flex-direction: column;
gap: var(--spacing-60);
background-repeat: no-repeat;
height: 100%;
width: 100%;
background-size: 100%;
background-position: top +90% center;
}
.whiteTheMobilebox:nth-child(odd) {
background-position: top +90% center;
padding: var(--spacing-30) var(--spacing-30) 0 var(--spacing-30);
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/icons/gradient-circle.svg);
}
.whiteTheMobilebox:nth-child(even) {
background-position: top 0% center;
padding: 0 var(--spacing-30) var(--spacing-30) var(--spacing-30);
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/icons/gradient-cicle-top.svg);
}
.whiteTheMobilebox:nth-child(even) h3 {
order: 2;
}
.imgbox {
border-radius: var(--br-48);
display: flex;
flex-direction: column;
justify-content: end;
padding: 0rem var(--spacing-24) var(--spacing-40);
height: 426px;
}
.imgbox.imgbox-1 {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/images/sections/toro-file-cover-1.svg) center center/cover no-repeat;
}
.imgbox.imgbox-2 {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/images/sections/toro-file-cover-2.svg) center center/cover no-repeat;
}
.imgbox.imgbox-3 {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/images/sections/toro-file-cover-3.svg) center center/cover no-repeat;
}
.imgbox.imgbox-4 {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/images/sections/toro-file-cover-4.svg) center center/cover no-repeat;
}
.marginMinus270 {
margin-top: -270px;
}
.platfromNewsbox {
box-shadow: 0px 4px 12px 0px #0A79B366;
background-color: var(--color-text-white);
border-radius: var(--br-30);
padding: var(--spacing-20);
}
.platfromNewsbox .platFormNwesImg { }
.platfromNewsbox .platFormNwesImg .datePill {
position: absolute;
left: 0;
top: auto;
bottom: 38px;
border-radius: 0 var(--br-16) var(--br-16) 0;
padding: var(--spacing-12) var(--spacing-32);
background-color: var(--color-brand-green-primary);
color: var(--color-text-white);
font-weight: var(--fw-500);
font: var(--fs-20);
text-align: center;
width: max-content;
height: 50px;
}
.aspectRatio88-57 {
aspect-ratio: 88/57;
}
.platfromNewsbox .socialIcons {
height: 48px;
width: 48px;
border-radius: var(--br-100);
border: 1px solid transparent;
display: flex;
justify-content: center;
align-items: center;
}
.platfromNewsbox .socialIcons:nth-child(even) {
border-color: var(--color-text-light-white);
}
.platfromNewsbox .socialIcons:nth-child(even) img {
height: 20px;
width: 20px;
}
.py-60 {
padding: var(--spacing-60) 0;
}
.h600px {
height: 600px;
}
.multiUserImg .userImgMain {}
.multiUserImg .userImg,
.careerFormRandomImg .userImg {
border: 12px solid var(--color-text-white);
border-radius: var(--br-100); }
.multiUserImg .userImg.big {
height: 174px;
width: 174px;
}
.multiUserImg .userImg.small {
height: 126px;
width: 126px;
}
.multiUserImg .userImg.mid {
height: 140px;
width: 140px;
}
.multiUserImg .userImgMain {
position: absolute;
}
.multiUserImg .userImgMain:nth-child(1) {
top: 50%;
transform: translateY(-50%);
}
.multiUserImg .userImgMain:nth-child(2) {
top: 0%;
left: 26%;
}
.multiUserImg .userImgMain:nth-child(3) {
top: 62%;
left: 20%;
}
.multiUserImg .userImgMain:nth-child(4) {
top: 60%;
left: 35%;
transform: translateY(-50%);
}
.multiUserImg .userImgMain:nth-child(5) {
top: 6%;
left: 50%;
}
.multiUserImg .userImgMain:nth-child(6) {
top: 72%;
left: 52%;
}
.multiUserImg .userImgMain:nth-child(7) {
top: 55%;
left: 67%;
}
.multiUserImg .userImgMain:nth-child(8) {
top: 20%;
left: 78%;
}
.multiUserImg .userImgMain:nth-child(9) {
top: 74%;
left: 85%;
}
.multiUserImg .userImgMain:nth-child(10) {
top: 5%;
left: 95%;
} .video-wrapper {
position: relative;
width: 100%;
margin: auto;
}
.video-placeholder {
width: 100%;
border-radius: var(--br-48);
cursor: pointer;
height: 600px;
}
iframe,
video {
display: none !important;
height: 100% !important;
width: 100%;
border-radius: var(--br-48);
} video {
object-fit: fill;
} .video-wrapper #mainVideo {
display: none !important;
}
.video-wrapper #mainVideo.show {
display: block !important;
} .testimonial-section .leftReviewBox {
padding: var(--spacing-40) 0px var(--spacing-40) var(--spacing-40) !important;
}
.testimonial-section .leftReviewBox.pt-0 {
padding-top: 0 !important;
padding-bottom: var(--spacing-12) !important;
}
.testimonial-section .leftReviewBox.pt-0 .quote-img {
width: var(--fs-100);
}
.testimonial-section .leftReviewBox .star-icon {
width: var(--fs-40) !important;
}
.testimonial-section .customerReviewImage {
position: relative;
z-index: 8;
}
.testimonial-section .customerReviewImage .people-img {
height: 420px;
width: calc(100% - 40px);
display: flex;
justify-self: self-end;
}
.testimonial-section .customerReviewImage .icon-right-img {
position: absolute;
bottom: 0;
right: 0;
z-index: 9;
}
.market-moves-iconbox {
height: 80px;
width: 80px;
background-color: var(--light-grey);
border-radius: var(--br-16);
transition: 0.3s ease-in-out;
}
.iconWrppaer:hover .market-moves-iconbox {
background-color: var(--color-brand-green-primary);
}
.market-moves-iconbox::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
right: auto;
bottom: auto;
background-color: var(--light-grey);
height: 34px;
width: 4px;
border-radius: var(--br-20);
transform: translateY(50%);
transition: 0.3s ease-in-out;
}
.iconWrppaer:hover .market-moves-iconbox::before {
background-color: var(--color-brand-green-primary);
}
.iconWrppaer:last-child .market-moves-iconbox::before {
display: none;
}
.market-moves-iconbox img {
width: 33px;
transition: 0.3s ease-in-out;
}
.iconWrppaer:hover .market-moves-iconbox img {
filter: brightness(0) invert(1);
}
.market-moves-icon-content {
width: calc(100% - 128px);
} .compare-table table {
width: 100%;
border-collapse: collapse;
table-layout: auto;
}
.compare-table thead th {
border: none;
padding: var(--spacing-40) 0;
}
.compare-table .tableWithPx thead th:not(:last-child) {
padding: var(--spacing-40) var(--spacing-10);
}
.compare-table td:hover,
.compare-table th:hover {
cursor: pointer;
}
.plan-sub {
display: block;
margin-top: 4px;
font-size: 12px;
color: var(--color-brand-green-primary);
} .highlight-column {
background-color: var(--table-hover) !important;
} .radius-top {
border-top-left-radius: var(--br-48);
border-top-right-radius: var(--br-48);
}
.radius-bottom {
border-bottom-left-radius: var(--br-48);
border-bottom-right-radius: var(--br-48);
}
.laptop-imgWrapper {
margin-top: -150px;
}  .w430px {
width: var(--spacing-430);
}
.commanStockBox {
border: 1px solid var(--color-text-light-white);
padding: var(--spacing-40);
border-radius: var(--br-48);
}
.topStockBox .stockIcon {
height: 100px;
width: 100px;
border-radius: var(--br-100);
}
.p-16 {
padding: var(--spacing-16);
}
.p-20 {
padding: var(--spacing-20);
}
.p-36 {
padding: var(--spacing-36);
}
.p-30 {
padding: var(--spacing-30);
}
.br-16 {
border-radius: var(--br-16);
}
.br-36 {
border-radius: var(--br-36);
}
.commanCircleStatus {
height: var(--spacing-16);
width: var(--spacing-16);
border-radius: var(--br-100);
}
.commanCircleStatus.orange {
background-color: var(--danger-color);
}
.rowGap30 {
row-gap: var(--spacing-30);
}
.pb-36 {
padding-bottom: var(--spacing-36);
}
.stockNewsbox:not(:last-child) {
border-bottom: 1px solid var(--color-text-light-white);
}
.newsPill {
background-color: var(--color-brand-green-alpha-10);
border-radius: var(--br-16);
padding: var(--spacing-12) var(--spacing-16);
color: var(--color-brand-green-primary);
font-weight: var(--fw-500);
font-size: var(--fs-16);
width: max-content;
}
.newsDescriptionPill {
background-color: var(--light-grey);
border: 1px solid var(--color-text-light-white);
border-radius: var(--br-24);
padding: var(--spacing-24);
}
.lineClamp2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.w360px {
width: var(--spacing-360);
}
.circle8px {
height: var(--spacing-8);
width: var(--spacing-8);
border-radius: var(--br-100);
background-color: var(--color-text-light-white);
}
.stockSuggestBox {
background-color: var(--title-color);
padding: var(--spacing-30);
}
.bgDarkColor .h108w108{
background-color: #fff;;
}
.h108w108 {
height: var(--spacing-108);
width: var(--spacing-108);
}
.p-80 {
padding: var(--spacing-80);
}
.font-size-80 {
font-size: var(--fs-80);
}
.withBgImgSectionRight:before {
content: "";
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/images/space-fullgreen-bg.webp);
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
right: -150px;
height: 100%;
width: calc(50% + 80px);
border-top-left-radius: var(--br-48);
border-bottom-left-radius: var(--br-48);
}
.w0flex1 {
width: 0;
flex-grow: 1;
}
.leftGreenBox {
width: 40%;
background-color: var(--color-brand-green-primary);
padding: var(--spacing-48) var(--spacing-24) var(--spacing-48) var(--spacing-200);
position: absolute;
top: -80px;
left: 0;
z-index: 1;
}
.rightBlackBox {
width: 72%;
background-color: var(--title-color);
position: absolute;
top: 0px;
right: 0;
z-index: 0;
}
.bg-ebook-candle .market-moves-iconbox::before {
display: none !important;
}
.bg-ebook-candle .market-moves-iconbox {
width: 60px !important;
height: 60px !important;
}
.bg-ebook-candle .iconWrppaer:hover .market-moves-iconbox {
background-color: var(--light-grey) !important;
transition: none !important;
} .shadowAboveImg:before {
content: "";
position: absolute;
top: -100px;
right: 100px;
background: linear-gradient(193.09deg, var(--color-brand-green-primary) -164.3%, var(--light-grey) 70.58%);
height: 70%;
width: 250px;
}
.verticleBox {
border-right: 1px solid var(--dark-grey);
padding: 0 var(--spacing-60);
display: flex;
}
.verticleBox:last-child {
border-right: 0;
}
.extraLeftBg {
padding-right: var(--spacing-24);
}
.extraLeftBg:before {
content: "";
position: absolute;
height: 100%;
width: 100vw;
left: -90vw;
top: 0;
background-color: var(--color-brand-green-primary);
z-index: 1;
}
.extraRightBg:after {
content: "";
position: absolute;
height: 100%;
width: 85vw;
right: -27vw;
top: 0;
background-color: var(--title-color);
}
.marginTop80Minus {
margin-top: calc(var(--spacing-40)*-1);
}
.marginTop140Minus {
margin-top: calc(var(--spacing-140)*-1);
}
.extraRightBg {
min-height: var(--spacing-315);
}
.imageOnAboveSection {
margin-top: calc(var(--spacing-260)*-1);
}
.imageOnAboveSection img {
border-radius: var(--br-100) var(--br-100) var(--br-48) var(--br-48);
}
.w40per {
width: 40%;
}
.w60per {
width: 60%;
}
.bgMultiGridImg {
position: relative;
overflow: hidden;
} .bgMultiGridImg::before {
content: "";
position: absolute;
inset: 0;
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/images/multi-grid-bg.webp);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
} .bgMultiGridImg::after {
content: "";
position: absolute;
inset: 0;
background-color: var(--color-light-black-alpha-90);
z-index: 2;
} .bgMultiGridImg>* {
position: relative;
z-index: 3;
}
.gridBoxRow {
border-radius: var(--br-48);
}
.gridBoxRow.one {
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/green-dark-gradient.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.gridBoxRow.one .gridBoxInnerLeft {
padding: var(--spacing-60) var(--spacing-10) var(--spacing-60) var(--spacing-60);
}
.gridBoxRow.two {
width: var(--spacing-320);
background-color: var(--color-text-white);
}
.gridBoxRow.two .gridBoxInnerLeft {
padding: var(--spacing-60) var(--spacing-30) 0 var(--spacing-30);
}
.gridBoxRow.three {
background-color: var(--color-light-black-alpha-90);
border: 1px solid var(--light-grey);
}
.gridBoxRow.three .gridBoxInnerLeft {
padding: var(--spacing-60) var(--spacing-30) var(--spacing-36) var(--spacing-30);
}
.gridBoxRow.four {
background-color: var(--color-text-white);
padding: var(--spacing-48) var(--spacing-40);
}
.gridBoxRow.five {
background-color: var(--color-brand-green-primary);
padding: var(--spacing-48) var(--spacing-40);
}
.gridBoxRow.five .seo-tag-link {
color: var(--color-text-white) !important;
font-weight: var(--fw-800) !important;
}
.lineClamp7 {
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
}
.logo-border-section .press-track {
border-top: 1px solid var(--color-text-light-white) !important;
border-bottom: 1px solid var(--color-text-light-white) !important;
}
.logo-border-section .press-track .press-icon {
border-right: 1px solid var(--color-text-light-white) !important;
}
.logo-border-section .press-track .press-icon:last-child {
border-right: none !important;
}
.logo-border-section .press-track.border-y-0 {
border: none !important;
width: -webkit-fill-available !important;
}
.logo-border-section .press-track.border-y-0 .press-icon {
border-bottom: 1px solid var(--color-text-light-white) !important;
}
.black-pills .squarePill {
border: 1.5px solid var(--color-text-white) !important;
color: var(--title-color) !important;
font-weight: var(--fw-600) !important;
padding: var(--spacing-12) var(--spacing-16) !important;
}
.black-pills .squarePill.active {
background-color: var(--color-brand-green-primary) !important;
border-color: var(--color-brand-green-primary) !important;
color: var(--color-text-white) !important;
}
.squarePill.text-white {
border: 1.5px solid var(--color-black) !important;
color: var(--color-text-white) !important;
}
.bg-transparent-border-green {
background-color: transparent !important;
border: 1px solid var(--title-color) !important;
padding: var(--fs-40) !important;
}
.bg-transparent-border-green.bg-white {
background-color: var(--color-text-white) !important;
border: none !important;
}
.bg-transparent-border-green.bg-light-white {
border: 1.5px solid var(--color-text-white) !important;
box-shadow: 0px 6px 20px 0px #0000001F !important;
background-color: var(--color-bg-secondary-dark) !important;
}
.platform-slide {
display: none;
animation: fadeSlide 0.4s ease-in-out;
}
.platform-slide.active {
display: block;
}
@keyframes fadeSlide {
from {
opacity: 0;
transform: translateY(15px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .search-box {
width: calc(100vw - 80%) !important;
}
.search-box.w-90 {
width: 90% !important;
}
.custom-search {
height: var(--spacing-48) !important;
border-radius: var(--br-16) !important;
padding-left: var(--spacing-60) !important;
border: 1px solid var(--color-text-light-white) !important;
transition: 0.3s ease;
}
.custom-search.stockEtfSearch {
height: 48px !important;
}
.custom-search.bg-white {
background-color: var(--color-text-white) !important;
border: 1px solid #d7d7d7 !important;
}
.search-box.w-90 {
width: 90% !important;
}
.custom-search:focus {
box-shadow: none !important;
border-color: var(--color-brand-green-primary) !important;
}
.img-search {
position: absolute;
top: 50%;
left: 22px;
transform: translateY(-50%);
}
.searchIconRight .img-search {
left: auto;
right: 14px;
}
.searchIconRight .custom-search {
padding-right: var(--spacing-60) !important;
padding-left: var(--spacing-12) !important;
}
.blogCardWrapper .blogCard .blogDetailImagewrapper {
padding: var(--spacing-12);
display: flex;
flex-direction: column;
width: 100%;
}
.blogCardWrapper .blogCard .blogImgsmall { width: 100%;
}
.blogCardWrapper .blogCard.benifit-feature-card {
border-radius: var(--br-24);
}
.blogCardWrapper .blogCard .detailWrapper {
padding: var(--spacing-12) var(--spacing-10) var(--spacing-12) var(--spacing-10);
gap: var(--spacing-4);
}
.lightblogfont {
color: var(--lightblogfont);
} .blogCardWrapper .blogCard .blogImgsmall {
order: 1;
}
.blogCardWrapper .blogCard .detailWrapper {
order: 2;
} .blogCardWrapper .blogCard .blogImgsmall {
order: 1;
}
.blogCardWrapper .blogCard .detailWrapper {
order: 2;
}
.blogAuthorDetail {
padding: var(--spacing-24);
border: 1px solid var(--color-text-light-white);
}
.social-contact-icon img {
width: var(--spacing-36);
height: var(--spacing-36);
}
.careerPill {
padding: var(--spacing-8) var(--spacing-12);
border-radius: var(--br-12);
background-color: var(--light-grey);
}
.careerPill .careerPilldata {
border-radius: var(--br-8);
padding: var(--spacing-10);
background-color: var(--color-brand-green-alpha-10);
}
.absInput {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0;
}
.uploadFile {
padding: var(--spacing-18) var(--spacing-12);
border: 1px solid var(--border-color);
border-radius: var(--br-12);
color: var(--color-disabled);
background-color: var(--color-text-white) !important;
}
.careerFormRandomImg .userImg.h117w117,
.careerFormRandomImg .userImg.h110w110,
.careerFormRandomImg .userImg.h130w130,
.careerFormRandomImg .userImg.h102w102 {
border: 10px solid var(--color-text-white);
}
.careerFormRandomImg .userImg.h87w87,
.careerFormRandomImg .userImg.h79w79,
.careerFormRandomImg .userImg.h65w65 {
border: 6px solid var(--color-text-white);
}
.careerFormRandomImg .userImg {
position: absolute;
z-index: 1;
}
.careerFormRandomImg .userImgMain {
height: 100% !important;
}
.careerFormRandomImg .userImg.h117w117 {
height: 117px;
width: 117px;
}
.careerFormRandomImg .userImg.h110w110 {
height: 110px;
width: 110px;
}
.careerFormRandomImg .userImg.h130w130 {
height: 130px;
width: 130px;
}
.careerFormRandomImg .userImg.h87w87 {
height: 87px;
width: 87px;
}
.careerFormRandomImg .userImg.h79w79 {
height: 79px;
width: 79px;
}
.careerFormRandomImg .userImg.h65w65 {
height: 65px;
width: 65px;
}
.careerFormRandomImg .userImg.h102w102 {
height: 102px;
width: 102px;
}
.careerFormRandomImg .userImgMain.img-1 .userImg {
top: 8%;
left: 15%;
}
.careerFormRandomImg .userImgMain.img-2 .userImg {
top: 18%;
left: 4%;
}
.careerFormRandomImg .userImgMain.img-3 .userImg {
top: 40%;
left: 12%;
}
.careerFormRandomImg .userImgMain.img-4 .userImg {
top: 65%;
left: 7%;
}
.careerFormRandomImg .userImgMain.img-5 .userImg {
top: 78%;
left: 18%;
}
.careerFormRandomImg .userImgMain.img-6 .userImg {
top: 8%;
right: 15%;
}
.careerFormRandomImg .userImgMain.img-7 .userImg {
top: 18%;
right: 4%;
}
.careerFormRandomImg .userImgMain.img-8 .userImg {
top: 40%;
right: 12%;
}
.careerFormRandomImg .userImgMain.img-9 .userImg {
top: 65%;
right: 7%;
}
.careerFormRandomImg .userImgMain.img-10 .userImg {
top: 78%;
right: 18%;
}
.dayTradingTwogrid {
padding: var(--spacing-30);
border: 1px solid var(--color-text-light-white);
box-shadow: 0px 6px 20px 0px #0000001F;
overflow: hidden;
}
.dayTradingTwogrid.first {
padding: var(--spacing-30) var(--spacing-10) 0 var(--spacing-30);
}
.dayTradingBottomTwocol .dayTradingTwogrid {
padding: var(--spacing-30) var(--spacing-30) 0 var(--spacing-30);
}
.popularStockBox {
border-radius: var(--br-24);
padding: var(--spacing-20);
background-color: var(--light-grey);
}
.hover-none .mentor-card:hover .text-light {
cursor: pointer !important;
color: var(--title-color) !important;
}
.hover-none .option-card .benifit-feature-card:hover {
cursor: unset !important;
border: 1px solid var(--border-color) !important;
}
.mentor-benifit-icon {
width: var(--spacing-108) !important;
height: var(--spacing-108) !important;
} .faq__section.bg-offwhite .light-faq .accordion-item {
background-color: transparent !important;
border-bottom: 1px solid var(--color-text-light-white) !important;
border-radius: 0px !important;
}
.faq__section.bg-offwhite .light-faq .accordion-item .accordion-button {
color: var(--title-color) !important;
padding: var(--spacing-24) var(--spacing-24) var(--spacing-16) var(--spacing-24) !important;
}
.faq__section.bg-offwhite .light-faq .accordion-item .accordion-body {
color: var(--dark-grey) !important;
padding: 0rem var(--spacing-24) var(--spacing-24) !important;
}
.benifit-feature-card.border-none {
border: none !important;
}
.benifit-feature-card.border-none:hover {
transform: none !important;
}
.benifit-feature-card .img-trade-icon {
width: 100px !important;
height: 100px !important;
}
.bg-white .light-faq .accordion-item {
background-color: transparent !important;
border-bottom: 1px solid #d7d7d7 !important;
border-radius: 0px !important;
}
.bg-white .faq-accordion.light-faq.faq-accordion .accordion-button {
color: var(--title-color) !important;
}
.bg-white .faq-accordion.light-faq .accordion-item .accordion-body {
color: var(--dark-grey) !important;
} .bg-white .faq-accordion.light-faq .accordion-button::after {
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/icons/light-faq-down-arrow.svg) !important;
transform: rotate(0deg);
transition: transform 0.3s ease;
} .bg-white .faq-accordion.light-faq .accordion-button[aria-expanded="true"]::after {
transform: rotate(-180deg);
}
.bg-white .faq-accordion.light-faq.greenBgFaq .accordion-button[aria-expanded="true"],
.bg-white .faq-accordion.light-faq.greenBgFaq .accordion-collapse.collapse,
.bg-white .faq-accordion.light-faq.greenBgFaq .accordion-collapse.collapse.show,
.bg-white .faq-accordion.light-faq.greenBgFaq .accordion-collapse.collapse.collapsing {
background-color: rgba(0, 211, 47, 0.1) !important;
}
.bg-white .light-faq.greenBgFaq .collapsing {
transition: none !important;
}
.p-40 {
padding: var(--fs-40) !important;
padding-bottom: var(--fs-24) !important;
}
.leaderBoardPriceTab {
border-bottom: 1px solid var(--color-text-light-white);
}
.leaderBoardPriceTab a {
color: var(--dark-grey);
padding: var(--spacing-20) 0;
border-bottom: 2px solid transparent;
}
.leaderBoardPriceTab a.active {
color: var(--color-brand-green-primary);
border-color: var(--color-brand-green-primary);
}
.leaderCard {
border-radius: var(--br-48);
}
.leaderCard:nth-child(1n) .trophyImg,
.leaderCard:nth-child(3n) .trophyImg {
height: 220px;
width: 200px;
}
.leaderCard:nth-child(2n) .trophyImg {
height: 320px; }
.leaderCardHeader {
border-top-left-radius: var(--br-48);
border-top-right-radius: var(--br-48);
}
.leaderCardHeader.darkBlack {
background-color: #1e1e1e;
}
.leaderCardHeader.one {
background-color: #C3BCBC;
}
.leaderCardHeader.three {
background-color: #E7855F;
}
.font-size-40 {
font-size: var(--fs-40);
}
.list-tick.arrows li::before {}
.leaderFilterTab a {
padding: var(--spacing-14) var(--spacing-16);
border: 1px solid var(--color-text-light-white);
color: var(--dark-grey);
}
.leaderFilterTab a.active {
color: var(--color-text-white);
background-color: var(--title-color);
}
.paginationBtnMain a.active {
color: var(--color-text-white);
background-color: #B6995F;
}
.leaderTable {
border: 1px solid var(--table-border);
}
.paginationOption {
border-radius: var(--br-8);
border: 1px solid var(--color-text-light-white);
padding: var(--spacing-12);
font-size: var(--fs-14);
color: var(--dark-grey);
}
.paginationBtnMain a {
background-color: var(--color-text-white);
padding: var(--spacing-6) var(--spacing-10);
border-radius: var(--br-8);
border: 1px solid var(--color-text-light-white);
font-size: var(--fs-14);
color: var(--dark-grey);
}
.stepsLine:before {
content: "";
position: absolute;
left: 50%;
top: 0;
transform: translateX(-50%);
border-left: var(--spacing-22) solid transparent;
border-right: var(--spacing-22) solid transparent;
border-bottom: var(--spacing-22) solid var(--dark-grey);
}
.stepsLine:after {
content: "";
position: absolute;
top: 30px;
left: 50%;
transform: translateX(-50%);
height: calc(100% - 30px);
width: var(--spacing-40);
background-color: var(--dark-grey);
}
.midRuleImg {
background-color: var(--color-text-white);
border: 20px solid var(--color-brand-green-primary);
border-radius: var(--br-100);
height: 260px;
width: 260px;
z-index: 2;
position: relative;
}
.midRule .arrow {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 2px;
background: var(--title-color);
z-index: 1;
}
.midRule .arrow::after {
content: "";
position: absolute;
left: -5px;
top: 50%;
width: 0;
height: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-right: 6px solid var(--title-color);
transform: translateY(-50%);
}
.midRule .arrow::before {
content: "";
position: absolute;
right: -6px;
top: 50%;
width: 6px;
height: 6px;
background-color: var(--title-color);
border-radius: 50%;
transform: translateY(-50%);
}
.rulesBox:nth-child(even) .leftRuleText {
order: 3;
}
.rulesBox:nth-child(even) .midRule {
order: 2;
}
.rulesBox:nth-child(even) .rightRuleText {
order: 1;
}
.startquestion-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/question-bg.svg) center/cover no-repeat;
}
.p48 {
padding: var(--spacing-48);
}
.borderSuccess {
border-color: var(--color-brand-green-primary) !important;
}
.py18px48 {
padding: var(--spacing-18) var(--spacing-48);
}
.py24px20 {
padding: var(--spacing-24) var(--spacing-20);
}
.form-control.formInputLarge {
border: 0;
border-bottom: 1px solid var(--dark-grey);
padding: var(--spacing-80) var(--spacing-16);
border-radius: 0 !important;
}
.form-control.formInputLarge::placeholder {
color: var(--color-text-light-white);
}
.stepper-step {
display: none;
}
.stepper-step.active {
display: block;
}
.stepper-progress {
width: 100%;
max-width: 600px;
margin: 0 auto 2rem;
display: flex;
justify-content: center;
gap: 8px;
}
.stepper-progress-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: #e0e0e0;
transition: background 0.3s ease;
}
.stepper-progress-dot.active {
background: var(--color-brand-green-primary, #00D32F);
}
.stepper-progress-dot.completed {
background: var(--color-brand-green-primary, #00D32F);
}
.stepper-field-group {
margin-bottom: 2.5rem;
}
.stepper-field-label {
font-family: var(--font-family-poppins, 'Poppins', sans-serif);
font-size: 14px;
font-weight: 500;
color: #333;
margin-bottom: 8px;
display: block;
}
.stepper-field-label .required {
color: #dc3545;
}
.stepper-input,
.stepper-select,
.stepper-textarea {
width: 100%;
padding: 24px 0 20px 0;
border: none;
border-bottom: 2px solid #E5E7EB;
border-radius: 0;
font-size: 24px;
font-weight: 300;
font-family: var(--font-family-poppins, 'Poppins', sans-serif);
background: transparent;
color: #1a1a1a;
transition: border-color 0.3s ease;
}
.stepper-input::placeholder,
.stepper-textarea::placeholder {
color: #C5D0E6;
font-size: 24px;
font-weight: 300;
opacity: 1;
}
.stepper-input:focus,
.stepper-select:focus,
.stepper-textarea:focus {
outline: none;
border-bottom-color: var(--color-brand-green-primary, #00D32F);
background: transparent;
}
.stepper-radio-group,
.stepper-checkbox-group {
display: flex;
flex-direction: column;
gap: 12px;
}
.stepper-radio-option,
.stepper-checkbox-option {
position: relative;
display: flex;
align-items: center;
padding: 16px 20px;
border: 2px solid #E5E5E5;
border-radius: 12px;
background: #FFFFFF;
cursor: pointer;
transition: all 0.3s ease;
user-select: none;
}
.stepper-radio-option:hover,
.stepper-checkbox-option:hover {
border-color: var(--color-brand-green-primary, #00D32F);
background: rgba(0, 211, 47, 0.02);
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(0, 211, 47, 0.08);
}
.stepper-radio-option input,
.stepper-checkbox-option input {
position: absolute;
opacity: 0;
cursor: pointer;
width: 0;
height: 0;
} .stepper-radio-option::before,
.stepper-checkbox-option::before {
content: '';
display: inline-block;
width: 24px;
height: 24px;
min-width: 24px;
border: 2px solid #D1D5DB;
background: #FFFFFF;
margin-right: 14px;
transition: all 0.3s ease;
position: relative;
} .stepper-radio-option::before {
border-radius: 50%;
} .stepper-checkbox-option::before {
border-radius: 6px;
} .stepper-radio-option span,
.stepper-checkbox-option span {
font-family: var(--font-family-poppins, 'Poppins', sans-serif);
font-size: 16px;
font-weight: 500;
color: #1F2937;
line-height: 1.5;
flex: 1;
} .stepper-radio-option:has(input:checked),
.stepper-checkbox-option:has(input:checked) {
border-color: var(--color-brand-green-primary, #00D32F);
background: rgba(0, 211, 47, 0.05);
box-shadow: 0 2px 8px rgba(0, 211, 47, 0.12);
} .stepper-radio-option:has(input:checked)::before,
.stepper-checkbox-option:has(input:checked)::before {
border-color: var(--color-brand-green-primary, #00D32F);
background: var(--color-brand-green-primary, #00D32F);
} .stepper-radio-option:has(input:checked)::before {
box-shadow: inset 0 0 0 4px #FFFFFF;
} .stepper-checkbox-option:has(input:checked)::after {
content: '';
position: absolute;
left: 26px;
top: 50%;
transform: translateY(-50%);
width: 8px;
height: 14px;
border: solid #FFFFFF;
border-width: 0 2.5px 2.5px 0;
transform: translateY(-55%) rotate(45deg);
} .stepper-radio-option:has(input:focus-visible)::before,
.stepper-checkbox-option:has(input:focus-visible)::before {
outline: 3px solid rgba(0, 211, 47, 0.3);
outline-offset: 2px;
} .stepper-radio-option:has(input:disabled),
.stepper-checkbox-option:has(input:disabled) {
opacity: 0.5;
cursor: not-allowed;
background: #F9FAFB;
}
.stepper-radio-option:has(input:disabled):hover,
.stepper-checkbox-option:has(input:disabled):hover {
transform: none;
box-shadow: none;
border-color: #E5E5E5;
}
.search-suggestions{
position:absolute;
top:100%;
left:0;
right:0;
background:#1B1B1B;
border-radius:8px;
box-shadow:0 6px 16px rgba(0,0,0,0.08);
z-index:999;
max-height:280px;
overflow-y:auto;
display:none;
}
.swiper-pagination.toroBenefitPagination {
position: static;
margin-top: 30px;
text-align: center;
}
.toroBenefitPagination .swiper-pagination-bullet {
background: #ffffff;
opacity: 0.5;
width: 10px;
height: 10px;
}
.toroBenefitPagination .swiper-pagination-bullet-active {
opacity: 1;
background: #00c853; } .toroBenefitSlider .swiper-wrapper {
align-items: stretch;
} .toroBenefitSlider .swiper-slide {
height: auto;
display: flex;
} .toroBenefitSlider .benifit-feature-card {
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
}
.search-item{
padding:12px 16px;
cursor:pointer;
border-bottom:1px solid #eee;
}
.search-item:hover{
background:#00D32F;
}
.tradeSwiper {
overflow: hidden;
}
a.text-decoration-none.tradiconbox{
height: 100%;
width: 100%;
} @media (min-width: 768px) {
.tradeSwiper .swiper-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
grid-auto-rows: 1fr;
align-items: stretch;
}
.tradeSwiper .swiper-slide {
height: 100%;
width: 100% !important;
display: flex;
}
.tradeSwiper .swiper-pagination{
display: none;
}
} @media (max-width: 768px) {
.stepper-radio-option,
.stepper-checkbox-option {
padding: 14px 16px;
}
.stepper-radio-option::before,
.stepper-checkbox-option::before {
width: 22px;
height: 22px;
min-width: 22px;
margin-right: 12px;
}
.stepper-radio-option span,
.stepper-checkbox-option span {
font-size: 15px;
}
.stepper-checkbox-option:has(input:checked)::after {
left: 24px;
width: 7px;
height: 12px;
}
.stepper-radio-option:has(input:checked)::before {
box-shadow: inset 0 0 0 3px #FFFFFF;
}
.tradiconbox{
min-width: 100%;
}
}
@media (max-width: 480px) {
.treadingWellSlideBox{
padding: 40px 0;
}
.stepper-radio-group,
.stepper-checkbox-group {
gap: 10px;
}
.stepper-radio-option,
.stepper-checkbox-option {
padding: 12px 14px;
}
.stepper-radio-option::before,
.stepper-checkbox-option::before {
width: 20px;
height: 20px;
min-width: 20px;
margin-right: 10px;
}
.stepper-radio-option span,
.stepper-checkbox-option span {
font-size: 14px;
}
.stepper-checkbox-option:has(input:checked)::after {
left: 22px;
width: 6px;
height: 11px;
}
}
.stepper-error-message {
color: #dc3545;
font-size: 14px;
margin-top: 8px;
display: none;
}
.stepper-error-message.show {
display: block;
}
.cf-turnstile-container {
margin: 1rem 0;
}
.form-message {
padding: 12px 16px;
border-radius: 8px;
margin-bottom: 1rem;
display: none;
}
.form-message.error {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
.form-message.success {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.form-message.show {
display: block;
}
.is-invalid {
border-color: #dc3545 !important;
}
.leftReviewBox .absQuote {
position: absolute;
right: 20px;
top: 20px;
}
.swiper-slide.latestResourseSliderMain.swiper-slide-active { border: 1px solid var(--color-brand-green-primary);
border-radius: var(--br-20) !important;
} .benifit-feature-card.border-none {
border: none !important;
}
.benifit-feature-card.border-none:hover {
transform: none !important;
}
.benifit-feature-card .img-trade-icon {
width: 100px !important;
height: 100px !important;
}
.bg-white .light-faq .accordion-item {
background-color: transparent !important;
border-bottom: 1px solid #d7d7d7 !important;
border-radius: 0px !important;
}
.bg-white .light-faq.faq-accordion .accordion-button {
color: var(--title-color) !important;
}
.bg-white .light-faq .accordion-item .accordion-body {
color: var(--dark-grey) !important;
}
.p-40 {
padding: var(--fs-40) !important;
padding-bottom: var(--fs-24) !important;
}
.ruleRoundImg {
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/images/rule-circle.svg);
background-position: center;
background-repeat: no-repeat;
background-size: 400px;
height: 400px;
width: 400px;
z-index: 2;
position: relative;
}
.ruleRoundImg:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 50%;
width: 100%; border-radius: 500px; z-index: 3;
}
.ruleTitlePage {
padding: var(--spacing-20) var(--spacing-48);
border-radius: var(--br-100);
background-color: var(--title-color);
color: var(--color-text-white);
}
.rulesBoxMain {
position: relative;
}
.rulesBoxMain:before {
content: "";
position: absolute;
width: 1px;
height: 200%;
z-index: 0;
top: 10%;
background-color: var(--color-text-light-white);
}
.rulesBoxMain:nth-child(odd):before {
left: 50%;
transform: rotate(120deg);
}
.rulesBoxMain:nth-child(even):before {
top: 10%;
right: 50%;
transform: rotate(55deg);
z-index: 0;
}
.rulesBoxMain:nth-child(even) .ruleTitlePage {
background-color: var(--dark-grey); }
.rulesBoxMain:nth-child(even) .ourruleDetails {
order: 1;
}
.rulesBoxMain:nth-child(even) .ruleImgWrapper {
order: 2;
}
.ourruleDetails blockquote {
border-left: 5px solid var(--color-text-light-white);
padding-left: var(--spacing-12);
}
.rulesBoxMain:last-child:before {
display: none;
}
.bg-trader-green-white {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/white-green-bg.svg) center/cover no-repeat;
}
.green-line {
width: 92px !important;
height: 4px !important;
background-color: var(--color-brand-green-primary) !important;
opacity: 1 !important;
margin: 0 auto !important;
}
.comparison-table {
border: 1px solid var(--border-color-light) !important;
border-radius: var(--br-24) !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.comparison-table th {
vertical-align: middle;
text-align: center;
padding: var(--spacing-8) var(--spacing-16) !important;
font-size: var(--fs-26) !important;
}
.comparison-table td {
vertical-align: middle;
text-align: center;
padding: var(--spacing-30) !important;
font-size: var(--fs-20) !important;
font-weight: 500 !important;
}
.comparison-table th:first-child,
.comparison-table td:first-child {
text-align: left;
font-weight: 600;
white-space: nowrap;
} .comparison-table th:first-child,
.comparison-table td:first-child {
position: sticky;
left: 0;
z-index: 2;
background: #fff;
}
.comparison-table th:nth-child(2),
.comparison-table td:nth-child(2) {
z-index: 2;
background: #fff;
} .comparison-table thead th:first-child {
z-index: 4;
}
.comparison-table .pill-black {
background-color: var(--title-color) !important;
color: var(--color-text-white) !important;
padding: var(--spacing-12) var(--spacing-24) !important;
border-radius: var(--br-100) !important;
}
.comparison-table thead th {
height: 172px !important;
}
.comparison-table td img {
width: 24px;
height: 24px;
}
.comparison-table tbody tr td,
.comparison-table tbody tr th {
white-space: nowrap !important;
}
.comparison-table tbody tr:nth-child(even) td {
background-color: var(--light-grey) !important;
border-bottom: .5px dashed var(--dark-grey) !important;
}
.comparison-table tbody tr:nth-child(odd) td {
background-color: var(--color-text-white) !important;
border-bottom: .5px dashed var(--dark-grey) !important;
}
.comparison-table tbody tr:last-child td {
border-bottom: none !important;
}
.comparison-table table thead .text-success-dark {
color: #198155 !important;
} .table-responsive.comparison-table {
overflow-x: auto;
border: 0.5px solid var(--dark-grey) !important;
}
.arrowsNavAbs {
display: none;
} .dark-comparison-table {
border: 1px solid var(--dark-grey) !important;
border-radius: var(--br-24) !important;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.dark-comparison-table th {
vertical-align: middle;
text-align: center;
padding: var(--spacing-30) !important;
font-size: var(--fs-26) !important;
}
.dark-comparison-table td {
vertical-align: middle;
text-align: center;
padding: var(--spacing-30) !important;
font-size: var(--fs-20) !important;
font-weight: 500 !important;
}
.dark-comparison-table th:first-child,
.dark-comparison-table td:first-child {
text-align: left;
font-weight: 600;
white-space: nowrap;
}
.dark-comparison-table .pill-black {
background-color: var(--title-color) !important;
color: var(--color-text-white) !important;
padding: var(--spacing-12) var(--spacing-24) !important;
border-radius: var(--br-100) !important;
}
.dark-comparison-table thead th {
height: 172px !important;
}
.dark-comparison-table td img {
width: 24px;
height: 24px;
}
.dark-comparison-table tbody tr td,
.dark-comparison-table tbody tr th {
white-space: nowrap !important;
}
.dark-comparison-table tbody tr:last-child td {
border-bottom: none !important;
}
.dark-comparison-table table thead .text-success-dark {
color: #198155 !important;
} .table-responsive.dark-comparison-table {
overflow-x: auto;
border: 0.5px solid var(--dark-grey) !important;
}
.theme-dark .dark-comparison-table th {
height: auto !important;
text-align: center !important;
border: none !important;
}
.theme-dark .dark-comparison-table th:first-child {
background: var(--color-bg-secondary-dark) !important;
color: var(--color-text-white) !important;
}
.theme-dark .dark-comparison-table tbody tr:nth-child(even) td,
.theme-dark .dark-comparison-table tbody tr:nth-child(even) td:first-child.col-hover {
background-color: var(--color-black) !important;
border-bottom: .5px dashed var(--dark-grey) !important;
}
.theme-dark .dark-comparison-table tbody tr:nth-child(odd) td,
.theme-dark .dark-comparison-table tbody tr:nth-child(odd) td:first-child.col-hover {
background-color: var(--color-bg-secondary-dark) !important;
border-bottom: .5px dashed var(--dark-grey) !important;
}
.theme-dark .dark-comparison-table tbody tr:last-child td {
border-bottom: none !important;
}
.theme-dark .dark-comparison-table td,
.theme-dark .dark-comparison-table th {
color: var(--color-text-white) !important;
margin: 0px 5px !important;
}
.theme-dark .dark-comparison-table td:first-child,
.theme-dark .dark-comparison-table th:first-child {
margin-left: 0px !important;
}
.theme-dark .dark-comparison-table td:last-child,
.theme-dark .dark-comparison-table th:last-child {
margin-right: 0px !important;
}
.theme-dark .dark-comparison-table th {
position: relative;
}
.theme-dark .dark-comparison-table th {
background: var(--color-bg-secondary-dark) !important;
}
.theme-dark .dark-comparison-table th {
min-height: max-content !important;
padding-top: 220px !important;
width: max-content !important;
}
.theme-dark .dark-comparison-table thead th div {
position: absolute;
margin-top: -30px;
top: 0;
display: flex;
justify-content: center;
align-items: center;
left: 50%;
transform: translateX(-50%);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2) !important;
width: 80% !important;
margin: auto !important;
border-radius: 0px 0px var(--br-24) var(--br-24) !important;
z-index: 3 !important;
background: var(--color-bg-secondary-dark) !important;
min-height: 212px !important;
}
.theme-dark .table-responsive.dark-comparison-table {
overflow-y: visible !important;
}
.theme-dark .dark-comparison-table thead tr,
.theme-dark .dark-comparison-table tbody tr {
display: flex !important;
justify-content: space-between !important;
}
.theme-dark .dark-comparison-table thead tr th:nth-child(1),
.theme-dark .dark-comparison-table tbody tr td:nth-child(1) {
width: 400px !important;
}
.theme-dark .dark-comparison-table thead tr th:nth-child(2),
.theme-dark .dark-comparison-table thead tr th:nth-child(3),
.theme-dark .dark-comparison-table thead tr th:nth-child(4),
.theme-dark .dark-comparison-table thead tr th:nth-child(5),
.theme-dark .dark-comparison-table tbody tr td:nth-child(2),
.theme-dark .dark-comparison-table tbody tr td:nth-child(3),
.theme-dark .dark-comparison-table tbody tr td:nth-child(4),
.theme-dark .dark-comparison-table tbody tr td:nth-child(5) {
width: 200px !important;
} .theme-dark .dark-comparison-table thead tr th:nth-child(1),
.theme-dark .dark-comparison-table tbody tr td:nth-child(1) {
position: sticky;
left: 0;
z-index: 30;
}
.theme-dark .dark-comparison-table thead tr th:nth-child(2),
.theme-dark .dark-comparison-table tbody tr td:nth-child(2) {
position: sticky;
left: 410px;
z-index: 30;
} .dark-comparison-table thead th:first-child {
z-index: 4;
}
.theme-dark .dark-comparison-table td:hover::before {
background-color: var(--color-brand-green-primary-alpha-42) !important;
}
.theme-dark .dark-comparison-table td:nth-child(even):hover::before {
background-color: var(--color-brand-green-primary) !important;
}
.theme-dark .dark-comparison-table thead tr th.col-hover div {
background-color: var(--color-brand-green-primary) !important;
}
.theme-dark .dark-comparison-table thead tr th.col-hover,
.theme-dark .dark-comparison-table tbody tr td.col-hover {
background: var(--gradient-brand-primary) !important;
}
.theme-dark .dark-comparison-table tbody tr td.col-hover .pill-black {
background-color: rgba(25, 129, 85, .3) !important;
}
.theme-dark .dark-comparison-table thead tr th:first-child.col-hover,
.theme-dark .dark-comparison-table tbody tr td:first-child.col-hover,
.theme-dark .dark-comparison-table thead tr th:first-child.col-hover div {
background: var(--color-bg-secondary-dark) !important;
}
.theme-dark .dark-comparison-table thead tr th:first-child.col-hover,
.theme-dark .dark-comparison-table thead tr th:first-child.col-hover div {
background: var(--color-bg-secondary-dark) !important;
}
.hiw-step.active {
border-left: 3px solid var(--color-brand-green-primary) !important;
}
.hiw-step.active .font-poppins.font-size-30 {
color: var(--color-brand-green-primary) !important;
}
.blogCard-wrapper {
display: block;
text-decoration: none;
color: inherit;
transition: transform 0.2s ease, box-shadow 0.2s ease;
height: 100%;
}
.blogCard-wrapper:hover {
transform: translateY(-4px);
}
.blogCard-wrapper:hover .benifit-feature-card {
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.blogCard-wrapper .link-text {
pointer-events: none;
}
.blogCard-wrapper * {
cursor: pointer;
}
.latestResourceBox-wrapper {
display: block;
text-decoration: none;
color: inherit;
height: 100%;
}
.latestResourceBox-wrapper:hover .latestResourceBox {
transform: translateY(-4px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.latestResourceBox {
transition: transform 0.2s ease, box-shadow 0.2s ease;
height: 100%;
}
.latestResourceBox-wrapper .link-text {
pointer-events: none;
}
.latestResourceBox-wrapper * {
cursor: pointer;
}
.main__faq .accordion-button::after {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e") !important;
}
.bg-about-mentor-apply {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/bg-apply-img.jpg) center/cover no-repeat !important;
} .new-hero-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/home-hero-bg.webp) center/cover no-repeat;
}
.hero-section .new-home-hero__container {
background-color: transparent;
border-radius: 0px;
padding: var(--spacing-40) var(--spacing-80) 0;
}
.hero-subtitle {
background: linear-gradient(0deg, #0D1A1A, #0D1A1A);
padding: var(--spacing-6) var(--spacing-10);
border: 1px solid #FFFFFF1A;
}
.new-home-hero__container .hero__visual {
background: linear-gradient(0deg, #0D1A1A, #0D1A1A);
border-width: 1px 1px 0px;
border-radius: var(--br-24) var(--br-24) 0 0;
padding: var(--spacing-24);
}  .press-section {
padding: var(--spacing-20) var(--spacing-40);
}
.press-section .swiper-wrapper{
max-width: 850px;
margin: 0 auto;
}
.press-line:before {
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #353535;
}
.press-text {
display: inline-block;
position: relative;
padding: 0px var(--spacing-16);
background-color: var(--color-bg-primary);
z-index: 1;
} .become-trader-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/become-trader-bg.webp) left center/cover no-repeat !important;
} .trading-platform-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/trading-platform-bg.webp) right center/cover no-repeat !important;
}
.slide-link-btn{
color: #096235;
} .highlights-box {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/highlight-box-bg.webp) right center/cover no-repeat !important;
border-radius: var(--br-20);
overflow: hidden;
}
.highlights-box:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: auto;
bottom: auto;
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/homepage/new-home/highlight-box-shape.webp);
background-repeat: no-repeat;
height: 80px;
width: 70px;
}
.highlights-box.box-2:before {
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/homepage/new-home/highlight-box-shape-2.webp);
}
.highlights-box.box-3:before {
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/homepage/new-home/highlight-box-shape-3.webp);
}
.gradient-font {
background: linear-gradient(to right, var(--color-brand-green-primary) 11.92%, var(--color-text-white) 38.43%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text !important;
display: inline-block;
} .traderfi-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/traderfi-bg.webp) right center/cover no-repeat !important;
}
.traderfi-iconbox {
border-color: #00D32F33;
background: linear-gradient(0deg, #0D1A1A, #0D1A1A);
height: 65px;
width: 65px;
}
.traderfi-iconbox img {
max-width: 32px;
}
.traderfi-icon-content {
width: calc(100% - 65px);
}
.traderfi-iconbox:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
border: 1px dashed var(--color-brand-green-primary);
height: calc(100% + 30px);
}
.iconWrppaer:last-child .traderfi-iconbox:before {
display: none;
}
.traderfi-btn .customBtnsquare.btn {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/traderfi-btn-bg.webp) center/cover no-repeat !important;
border-color: #FFFFFF1A !important;
}
.traderfi-btn img {
height: 24px;
width: 24px;
}
.bg-new-home-cta {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/home-cta-bg.webp) center/cover no-repeat !important;
}
.bg-new-home-cta .btn.btn-outline {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/white-btn.webp) center/cover no-repeat !important;
border-color: var(--color-brand-green-primary) !important;
} .practice-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/practice-bg.webp) center/cover no-repeat !important;
} .pro-service-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/pro-service-bg.webp) center/cover no-repeat !important;
} .free-ebook-bg {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/free-ebbok-bg.webp) center/cover no-repeat !important;
} .why-trader-iconbox {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/why-trader-icon-bg.webp) center/cover no-repeat !important;
height: 72px;
width: 72px;
}
.why-trader-iconbox:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
right: 0;
bottom: auto;
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/homepage/new-home/why-trader-line.webp) center/cover no-repeat !important;
height: 10px;
width: 310px;
transform: translateX(10%);
}
.why-trader-box:last-child .why-trader-iconbox:before {
display: none;
}
.why-trader-iconbox img {
max-width: 32px;
} .home-our-resources .latestResourceBox,
.home-our-resources .latestResourceBox-wrapper:hover .latestResourceBox {
transition: none !important;
transform: none;
}
.home-our-resources .swiper-slide.latestResourseSliderMain.swiper-slide-active {
border: none;
}
.home-our-resources .latestResourceBox {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/our-resource-box-bg.webp) center bottom/cover no-repeat !important;
padding: var(--spacing-20);
}
.home-our-resources .most-popular-box.success {
background: linear-gradient(90deg, rgba(0, 211, 47, 0.1) 0%, rgba(233, 236, 137, 0.06) 100%);
backdrop-filter: blur(22px);
box-shadow: 0px 4px 4px 0px #FFFFFF0F inset;
padding: var(--spacing-8) var(--spacing-12);
text-transform: capitalize;
border: 1px solid var(--color-brand-green-dark);
}
.home-our-resources .latestResourceBox-wrapper .link-text {
text-transform: capitalize;
}
.home-our-resources .commanArrowsSlider .swiper-button-next,
.home-our-resources .commanArrowsSlider .swiper-button-prev {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/resource-arrow-bg.webp) center bottom/cover no-repeat !important;
}
.home-our-resources .commanArrowsSlider .swiper-button-next::after,
.home-our-resources .commanArrowsSlider .swiper-button-prev::after {
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/icons/left-arrow-white.svg);
}
.home-our-resources .commanArrowsSlider .swiper-button-prev::after {
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/icons/right-arrow-white.svg);
}
.home-our-resources .swiper-slide {
display: flex !important;
height: auto !important;
} .landing-hero.hero-section {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/landing-hero-bg.webp) center/cover no-repeat !important;
padding: var(--spacing-60) var(--spacing-40);
}
.landing-hero .gradient-font{
background: linear-gradient(to right, #FFF 0%, #00D32F 72%, #FFF 100%);
}
.h-max-content {
height: max-content !important;
display: flex !important;
margin: auto 0 !important;
}
.h-max-content article:nth-child(2) {
padding-bottom: 100px !important;
}
.landing-hero .btn.btn-outline{
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/white-btn.webp) center/cover no-repeat !important;
border-color: var(--color-brand-green-primary) !important;
}
.stats-wrapper{
border-color: #FFFFFF33;
overflow: hidden;
}
.stat-item{
backdrop-filter: blur(22px);
box-shadow: 0px 4px 4px 0px #FFFFFF0F inset;
}
.stat-item:not(:last-child){
border-right: 1px solid #FFFFFF33;
}
.stat-value.gradient-font{
background: linear-gradient(180deg, #00D32F 0%, #FFFFFF 100%);
}
.benefit-wrapper{
border-right: 1px solid transparent;
border-image: linear-gradient(180deg, #FFF 0%, #00D32F 50%, #FFF 100%);
border-image-slice: 1;
}
.benefit-iconbox{
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/why-trader-icon-bg.webp) center/cover no-repeat !important;
height: 72px;
width: 72px;
}
.bg-how-it-works{
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/bg-how-it-works.webp) center/contain no-repeat !important;
border-radius: var(--br-30);
}
.how-work-counter{
position: absolute;
top: 0;
right: 0;
left: auto;
bottom: auto;
line-height: 1em;
color: #00D32F24;
}
.landing-faq .faq-accordion .accordion-item{
background: linear-gradient(90deg, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.1) 100%);
border: 1px solid #FFFFFF33 !important;
backdrop-filter: blur(22px);
box-shadow: 0px 4px 4px 0px #FFFFFF0F inset;
background-color: transparent !important;
}
.landing-faq .faq-accordion .accordion-button{
padding: var(--spacing-18) !important;
}
.landing-faq .accordion-button::after{
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/landing/plus-icon.svg);
height: 14px;
width: 14px;
background-size: 14px auto;
}
.landing-faq .accordion-button:not(.collapsed)::after{
background-image: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/landing/minus-icon.svg);
}
.get-started .benefit-wrapper{
border: none !important;
}
.get-started .btn{
min-width: 260px;
}
.get-started .btn.btn-outline{
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/white-btn.webp) center/cover no-repeat !important;
border-color: var(--color-brand-green-primary) !important;
}
.free-toro .mobile-image{
display: none !important;
} .download-hero.hero-section .new-home-hero__container{
padding: var(--spacing-120) var(--spacing-140);
}
.hero-btn{
padding: var(--spacing-16) var(--spacing-22);
border: 1px solid #FFFFFF1A;
border-radius: var(--br-12);
}
.download-hero .new-home-hero__container .hero__visual{
background: transparent;
border-width: 1px;
border-radius: var(--br-24);
}
.download-hero .benefit-wrapper{
text-align: left;
border-right: 0;
border-image: none;
}
.see-what-list{
max-width: 900px;
margin: 0 auto;
}
.see-what-list .btn.custom-bg{
background: transparent !important;
border-color: #353535 !important;
}
.see-what-list > div{
border-top: 1px solid #353535;
}
.take-go-box{
padding: var(--spacing-36);
} .about-hero-bg{
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/about-new-hero-bg.webp) center/cover no-repeat !important;
}
.about-hero-bg .gradient-font{
background: linear-gradient(to right, #FFF 0%, #00D32F 72%, #FFF 100%);
}
.why-t2b-bg{
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/become-trader-bg.webp) left center/cover no-repeat !important;
}
.our-mission-bg{
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/trading-platform-bg.webp) right center/cover no-repeat !important;
}
.founder-bg-text{
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/founder-text-bg.webp) top center/contain no-repeat !important;
padding: 0px var(--spacing-80);
}
.bg-new-about-cta{
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/new-about-cta-bg.webp) center/cover no-repeat !important;
}
.be-part-bg{
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/be-part-bg.webp) center/cover no-repeat !important;
border-color: var(--color-brand-green-primary);
}
.be-part-bg .btn.btn-outline{
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/backgrounds/white-btn.webp) center/cover no-repeat !important;
border-color: var(--color-brand-green-primary) !important;
}
.white-card.price-card:hover .list-tick li::before {
background-color: var(--color-text-white) !important;
}
.iti--separate-dial-code .iti__selected-flag {
background-color: var(--color-text-white) !important;
border-radius: 12px 0px 0px 12px !important;
}
.iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
background-color: var(--color-brand-green-alpha-42) !important;
border-radius: 12px 0px 0px 12px !important;
}
.font-size-48 .seo-tag-inline {
font-size: var(--fs-48) !important;
}
.blogCardWrapper .blogCard a.link-text {
padding: var(--spacing-16) var(--spacing-18) !important;
}
.border-img-cover {
border: 1px solid var(--color-text-white) !important;
border-radius: var(--br-36) !important;
object-fit: none !important;
}
a.mega-menu-promo-btn {
margin: 0 auto;
}
.mega-menu-promo-title{
text-align: center;
}  @media screen and (min-width: 768px) {
.press-slide {
flex: 1;
}
} @media screen and (min-width: 1600px) {
.search-box {
width: 400px !important;
}
.search-box.w-90 {
width: 75% !important;
}
}
@media screen and (min-width: 1440.98px) {
.img-full {
max-width: none !important;
}
.absolute-img .all-hero__container .hero__visual img {
width: 70% !important;
bottom: 18% !important;
}
.absolute-img.h112vh .all-hero__container .hero__visual img {
bottom: 0% !important;
}
.day-trade-two-side-img {
height: 60%;
}
.testimonial-single .swiper-wrapper .customerReviewBox {
max-width: calc(100vw - 60%) !important;
margin: 0 auto !important;
}
} @media screen and (max-width: 1440.98px) {
.big-number {
top: 0px;
left: 0px;
}
.gap-140 {
gap: var(--spacing-100) !important;
}
.gap-48 {
gap: var(--spacing-24) !important;
}
.benifit-feature-card .h-img-240 {
width: 100%;
}
.market-moves-iconbox {
height: 60px;
width: 60px;
}
.market-moves-iconbox img {
width: 24px;
}
.market-moves-icon-content {
width: calc(100% - 84px);
}
.day-trade-two-side-img {
height: 400px;
}
}
@media screen and (min-width:1200px) and (max-width: 1439px) {
.verticleBox {
padding: 0 var(--spacing-30) !important;
}
} @media only screen and (max-width: 1300px) {
.why-trader-iconbox:before{
background-size: contain !important;
width: 248px;
top: 43%;
}
}
@media screen and (max-width: 1199.98px) { .grid-5 {
grid-template-columns: repeat(4, 1fr);
}
.home-hero__container,
.all-hero__container {
padding: var(--spacing-80) var(--spacing-60) !important;
gap: var(--spacing-40) !important;
}
.bg-grid {
padding: var(--spacing-30);
}
.hero-section,
.hero-section.pb-60 {
padding: var(--spacing-40) var(--spacing-30);
}
.absolute-img .all-hero__container.props-hero__container .hero__visual img {
bottom: 12% !important;
width: 100% !important;
}
.benifit-feature-card .h-img-240 {
bottom: -10%;
}
.grid-2.grid-xl-1.gap-40 {
gap: var(--spacing-20) !important;
}
.grid.lg-flex {
display: flex !important;
flex-wrap: wrap;
}
.grid.lg-flex .grid-content {
order: 2 !important;
}
.gap-120 {
gap: var(--spacing-60) !important;
}
.verticleBox:nth--last-child(-n+2) {
display: none;
}
.careerFormRandomImg .userImg {
opacity: .4 !important;
}
.marginTop80Minus {
margin-top: unset;
}
.btn.customBtnsquare {
padding: var(--spacing-15) var(--spacing-15);
} .hero-section .new-home-hero__container {
padding: var(--spacing-30) var(--spacing-0) 0 !important;
}
.why-trader-iconbox::before {
display: none;
}
.new-home-hero__container .hero__visual {
margin-top: 10px !important;
}
}
@media screen and (max-width: 1023.98px) {
.compare-table {
white-space: nowrap;
}
.compare-table table {
width: max-content;
min-width: 100%;
}
.compare-table thead th {
padding: var(--spacing-40) 10px;
}
.compare-table tbody .sub-table-data td {
padding: var(--spacing-30) 10px;
}
.md-w-80px {
width: 80px !important;
}
} @media screen and (max-width: 991.98px) {
.highlights-box.flex-column{
flex-direction: row !important;
}
.hiwMobileSlider .swiper-slide {
width: auto;
} .grid-4 {
grid-template-columns: repeat(2, 1fr);
}
.grid-5 {
grid-template-columns: repeat(3, 1fr);
}
br {
display: none;
}
.section-y {
padding: var(--spacing-60) 0rem !important;
}
.section-y.pt-0 {
padding: 0rem 0rem var(--spacing-60) 0rem !important;
}
.section-y.pb-0 {
padding: var(--spacing-60) 0rem 0rem !important;
}
.section-y.pt-60 {
padding-top: var(--spacing-60) !important;
}
.gap-60 {
gap: var(--spacing-30) !important;
}
.gap-48 {
gap: var(--spacing-24) !important;
}
.gap-80 {
gap: var(--spacing-40) !important;
}
.gap-140 {
gap: var(--spacing-80) !important;
}
.pt-60 {
padding-top: var(--spacing-40);
}
.pb-60,
.section-y.pb-60 {
padding-bottom: var(--spacing-40);
}
.px-60 {
padding-left: var(--spacing-40) !important;
padding-right: var(--spacing-40) !important;
}
.ps-60 {
padding: var(--spacing-24) 0px 0px !important;
}
.py-60 {
padding: var(--spacing-40) 0rem;
}
.live-trading-image {
max-width: 600px;
}
.live-trading-section .gap-60 {
gap: var(--spacing-30) !important;
}
.mt-minus-60 {
margin-top: 0px;
}
.play-btn {
width: 80px;
height: 80px;
}
.trader__cards {
gap: clamp(1rem, 2vw, 1.5rem);
}
.feature-card {
padding: clamp(1.75rem, 3vw, 2rem) clamp(1.25rem, 2vw, 1.5rem);
}
.about-hero__container .hero__content {
padding: 0px var(--spacing-20) !important;
}
.w70per {
width: 100%;
}
.resgap100 {
gap: var(--spacing-60);
}
.resgap100.gap-20 {
gap: var(--spacing-20) !important;
}
.feature-card__badge {
top: 0;
}
.feature-card__badge::before {
width: 160px;
height: 20px;
top: -20px;
}
.badge-circle {
width: 40px;
height: 40px;
font-size: 0.85rem;
margin-top: -20px;
}
.absolute-img {
height: auto !important;
}
.absolute-img .all-hero__container {
position: static;
min-height: auto !important;
}
.absolute-img .all-hero__container .hero__visual img {
position: static;
width: 100%;
transform: none !important;
padding-top: var(--spacing-16);
}
.absolute-img .all-hero__container.props-hero__container .hero__visual img {
position: static;
width: 100%;
transform: none !important;
padding-top: var(--spacing-30);
}
.treadingWellSlide {
width: calc(100% - var(--spacing48));
}
.commanArrowsSlider {
margin-top: var(--spacing-20);
}
.customerReview .swiper-slide,
.customerReviewBox .customerReviewImage,
.testimonial-section .customerReviewImage .people-img {
width: 100%;
height: auto;
}
.testimonial-section .leftReviewBox {
padding: var(--spacing-20) !important;
}
.customerReviewBox .leftReviewBox {
padding: var(--spacing-20) !important;
}
.customerReviewBox .customerReviewImage img,
.testimonial-section .customerReviewImage .people-img {
border-top-right-radius: 0;
border-bottom-left-radius: var(--br-24);
}
.customerReviewBox {
margin: var(--spacing-20);
}
.testimonial-section .customerReviewBox {
margin: 0px !important;
}
.centerTraderDiv {
margin: 0 var(--spacing-10);
}
.trader2b-box {
padding: var(--spacing-12);
}
.price-card .list-tick li::before {
width: 20px !important;
height: 20px !important;
}
.absolute-section-img,
.absolute-section-img.right-80px {
width: 50%;
}
.squarePill {
padding: var(--spacing-10) var(--spacing-15);
font-size: var(--fs-16);
}
.marginMinusSection150 {
margin-top: -50px;
}
.mobileHandAbovebg {
position: relative;
height: 400px;
width: 90%;
right: auto;
transform: translateX(-50%);
left: 50%;
}
.marqueeBox {
padding: var(--spacing-16) !important;
}
.marqueeBox img,
.marqueeBox .marqueeBoxImg {
height: var(--spacing-36) !important;
width: var(--spacing-36) !important;
}
.marginMinus270 {
margin-top: -100px;
}
.whiteTheMobilebox:nth-child(even) {
background-position: top +90% center;
}
.whiteTheMobilebox:nth-child(even) h3 {
order: 0;
padding: var(--spacing-30) var(--spacing-30) 0 var(--spacing-30);
}
.benifit-feature-card .h-img-240 {
position: static;
bottom: auto;
right: auto;
width: 100%;
} .benifit-feature-card {
width: 100%;
} @media (max-width: 767px) {
.benifit-feature-card {
min-height: 180px;
}
.benifit-feature-card.h-webkit {
min-height: auto !important;
}
} .market-moves .benifit-feature-card {
min-height: auto !important;
}
.multiUserImg {
justify-content: space-around !important;
}
.multiUserImg .userImgMain:nth-child(1),
.multiUserImg .userImgMain:nth-child(2),
.multiUserImg .userImgMain:nth-child(3),
.multiUserImg .userImgMain:nth-child(4) {
position: static;
transform: none !important;
}
.h600px {
height: auto !important;
}
.multiUserImg .userImgMain:nth-child(5),
.multiUserImg .userImgMain:nth-child(6),
.multiUserImg .userImgMain:nth-child(7),
.multiUserImg .userImgMain:nth-child(8),
.multiUserImg .userImgMain:nth-child(9),
.multiUserImg .userImgMain:nth-child(10) {
display: none !important;
}
.video-placeholder,
video {
height: auto;
border-radius: var(--br-24);
border: 1px solid #dddddd !important
}
.video-placeholder {
border: 1.5px solid #dddddd !important;
}
.grid-2.grid-lg-1 {
grid-template-columns: repeat(1, 1fr) !important;
}
.market-moves-iconbox::before {
transform: translateY(100%);
}
.compare-section.section-y {
padding-bottom: 120px !important;
}
.section-y.pt-0.pricing-laptop {
padding-bottom: var(--spacing-60) !important;
}
.laptop-imgWrapper {
margin-top: -120px;
}
.monthly-entry-section .grid-4 .price-round-item::after {
display: none;
}
.w430px,
.w40per,
.w60per,
.gridBoxRow.two {
width: 100%;
}
.wInherit {
width: inherit;
}
.verticleBox {
border-right: 0;
margin-bottom: var(--spacing-30);
padding: 0 var(--spacing-15);
}
.grid-2.resgrid-grid-1 {
grid-template-columns: repeat(1, 1fr) !important;
}
.withBgImgSectionRight:before {
top: auto;
bottom: 0;
right: -40px;
height: 55%;
width: 100vw;
margin-top: 30px;
}
.p-80.resp20 {
padding: var(--spacing-20) !important;
}
.pricing-toggle button.px40 {
padding-left: var(--spacing-20);
padding-right: var(--spacing-20);
}
.imageOnAboveSection {
margin-top: unset;
}
.gridBoxRow.one .gridBoxInnerLeft,
.gridBoxRow.two .gridBoxInnerLeft,
.gridBoxRow.three .gridBoxInnerLeft,
.gridBoxRow.four,
.gridBoxRow.five {
padding: var(--spacing-30);
}
.shadowAboveImg:before {
top: 0px;
right: 0px;
height: 100% !important;
}
.search-box {
width: 100% !important;
}
.help-card .benifit-feature-card {
border-radius: var(--br-24) !important;
} .blogCardWrapper .blogCard .blogImgsmall {
order: 1;
}
.blogCardWrapper .blogCard .detailWrapper {
order: 2;
}
.w50per {
width: 100%;
}
.brb-200 {
border-bottom-right-radius: var(--br-100) !important;
}
.billing-wrapper {
border-radius: var(--br-48) !important;
}
.testimonial-single .swiper-wrapper .customerReviewBox {
max-width: calc(100vw - 10%) !important;
margin: 0 auto !important;
}
.testimonial-single .swiper-wrapper .customerReviewBox {
max-width: calc(100vw - 10%) !important;
margin: 0 auto !important;
}
.testimonial-single .swiper-wrapper .customerReviewBox .customerReviewImage img,
.testimonial-single .swiper-wrapper .customerReviewBox .people-img {
border-top-right-radius: var(--br-24) !important;
}
.query-black {
width: 60px !important;
}
.trader2b-slide .commanArrowsSlider.withAbsolute .swiper-button-next,
.trader2b-slide .commanArrowsSlider.withAbsolute .swiper-button-prev {
top: 40% !important;
}
.commanArrowsSlider.withAbsolute .swiper-button-next,.commanArrowsSlider.withAbsolute .swiper-button-prev{
transform: translateY(80%);
top: 94%;
}
.commanArrowsSlider.withAbsolute .swiper-button-next{
left: 0;
}
.commanArrowsSlider.withAbsolute .swiper-button-prev{
right: 0;
}
.rulesBox:nth-child(even) .leftRuleText {
order: 1;
}
.rulesBox:nth-child(even) .midRule {
order: 2;
}
.rulesBox:nth-child(even) .rightRuleText {
order: 3;
}
.stepsLine:before {
border-left: var(--spacing-12) solid transparent;
border-right: var(--spacing-12) solid transparent;
border-bottom: var(--spacing-12) solid var(--dark-grey);
}
.stepsLine:before,
.stepsLine:after {
left: 5px;
transform: none;
width: 22px;
}
.stepsLine:after {
top: 20px;
}
.rulesBox {
padding-left: var(--spacing-40);
}
.midRuleImg {
height: 130px;
width: 130px;
border-width: 10px;
}
.midRuleImg img {
height: 60px;
width: 60px;
}
.w55per,
.w45per {
width: 100%;
}
.rulesBoxMain:before {
display: none;
}
.ruleRoundImg {
background-size: 130px !important;
border-width: 15px !important;
height: 130px !important;
width: 130px !important;
}
.ruleRoundImg img {
height: 60px;
width: 60px;
}
.ruleTitlePage.font-size-48 {
font-size: 20px;
text-align: center;
width: fit-content;
margin: 0 auto;
}
.ruleTitlePage {
padding: var(--spacing-16);
}
.ourruleDetails blockquote {
border-left: 2px solid var(--color-text-light-white);
padding-left: 0;
text-align: center !important;
}
.rulesBoxMain:nth-child(even) .ourruleDetails {
order: unset;
}
.rulesBoxMain:nth-child(even) .ruleImgWrapper {
order: unset;
}
.press-icon {
padding: var(--spacing-20) var(--spacing-16) !important;
min-width: 150px;
}
.latestResourceBox-wrapper {
padding: 0px !important;
}
.platFromImg img {
width: 60px !important;
}
.props-partners-box .platFromImg img {
width: 100% !important;
}
.laptop-trade_section .platFromImg img {
width: 100% !important;
}
.container-right {
padding-right: 0.75rem !important;
}
.all-hero__container.work-hero__container {
background: url(//staging2.trader2b.com/wp-content/themes/trader2b-lite/assets/assets/backgrounds/how-it-work-hero-img.webp) center/cover no-repeat !important;
height: 60vh !important;
} .plan-comparison-btn {
display: none !important;
}
.platformFeaturesSlide {
padding: 0 0px;
margin-top: 0px !important;
}
.resTabScroll {
overflow: scroll;
white-space: nowrap;
padding-left: 0;
} .hero-section .hero-box,
.hero-section .hero-box img {
height: auto !important;
}
.hero-section.new-hero-bg {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
.container-sm.container-fluid.px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
min-width: 100% !important;
}
.marginTop140Minus {
margin-top: -80px !important;
}
.extraLeftBg:before,
.extraRightBg:after {
display: none !important;
}
} @media screen and (max-width: 767.98px) { .grid-5 {
grid-template-columns: repeat(2, 1fr);
}
.hero-h-400px {
height: 400px !important;
}
.grid-2,
.grid-3 {
grid-template-columns: repeat(1, 1fr);
}
.pill-container {
padding: var(--spacing-8) var(--spacing-16);
}
.mt-100 {
margin: 0 0rem 0rem;
}
.hero-section,
.hero-section.pb-60 {
padding: var(--spacing-30) var(--spacing-20);
}
.play-btn {
width: 60px;
height: 60px;
}
.home-hero__container,
.all-hero__container,
.day-trade-hero__container {
padding: var(--spacing-40) var(--spacing-60) !important;
gap: var(--spacing-20) !important;
}
br {
display: none;
}
.border-top-1,
.border-bottom-1 {
border: none !important;
}
.press-track {
padding: var(--spacing-16) 0rem;
}
.press-icon {
border: 1px solid var(--color-bg-badge) !important;
}
.hiw-step {
padding-left: 0 !important;
}
.logo-border-section .press-track .press-icon {
border: 1px solid var(--color-text-light-white) !important;
}
.logo-border-section .press-track .press-icon:last-child {
border-right: 1px solid var(--color-text-light-white) !important;
}
.bg-grid {
padding: var(--spacing-20);
}
.live-trading-image {
max-width: 100%;
}
.live-trading-section {
background-size: cover;
background-position: center;
}
.border-dashed-right,
.green-border .border-dashed-right {
border-right: none;
} .border-dashed-right:nth-child(odd) {
border-right: 1px dashed var(--color-text-white);
}
.resborderirght0 .border-dashed-right:nth-child(odd) {
border-right: none !important;
}
.green-border .border-dashed-right:nth-child(odd) {
border-right: 1px dashed var(--color-brand-green-primary);
}
.btn-container {
justify-content: center !important;
}
.gap-140 {
gap: var(--spacing-60) !important;
}
.gap-40 {
gap: var(--spacing-20) !important;
}
.gap-30 {
gap: var(--spacing-16) !important;
}
.treadingWellSlideBox .treadingWellIcon.bg-none img {
height: 100px !important;
border-radius: var(--br-12) !important;
}
.br-md-0.br-24 {
border-radius: var(--br-24) !important;
}
.absolute-section-img,
.absolute-section-img.right-80px {
position: static;
width: 280px;
margin: var(--spacing-16) auto 0px;
order: -1;
}
.platform-hero__cards .card-black {
padding: var(--spacing-16);
}
.platFromBox {
width: 95%;
} .grid-content {
order: -1;
}
.grid-content>.hiw-step {
padding-left: 0px !important;
}
.grid-content>div,
.hero__content>div {
text-align: center !important;
}
.hero__content .pill-container,
.pill-container {
margin-left: auto;
margin-right: auto;
display: flex;
}
.grid-content .list-tick {
display: flex;
align-items: center !important;
gap: 10px !important;
flex-direction: column;
}
.grid-content .list-tick li {
text-align: center !important;
}
.mentor-hero__container-dark {
padding: var(--spacing-30) var(--spacing-20) !important;
}
.commanArrowsSlider {
width: -webkit-fill-available;
justify-content: center;
}
.md-w-80px,
.md-w-80px img {
width: 80px !important;
}
.bg-men-laptop,
.bg-mobile-trade,
.bg-mobile-stock-simulator {
width: 100%;
height: 400px;
}
.rounded-icon {
width: 50px;
height: 50px;
}
.multiUserImg {
flex-wrap: wrap !important;
gap: var(--spacing-24) !important;
}
.multiUserImg .userImg.big {
height: 126px;
width: 126px;
}
.bg-purple-gredient-hover .benifit-feature-card:hover {
transform: none !important;
}
.boder-line-green {
width: 4px;
height: var(--spacing-80);
top: -25%;
bottom: unset;
}
.market-moves-iconbox::before {
transform: translateY(50%);
height: 15px;
}
.market-moves-iconbox img {
width: 20px;
}
.section-y.md-py-0 {
padding: 0rem var(--spacing-24) !important;
}
.day-trade-two-side-img {
height: auto;
}
.resp20 {
padding: var(--spacing-20);
}
.affiliate-journey-img {
display: none !important;
}
.withBgImgSectionRight:before {
height: 49%;
top: auto;
width: 95%;
right: 0;
bottom: 50px;
border-radius: 0px;
}
.img-obj-none img {
object-fit: none !important;
}
.swiper-slide.latestResourseSliderMain.swiper-slide-active {
width: 100% !important;
}
.swiper-slide.latestResourseSliderMain.swiper-slide-active .latestResourceBox>img.img-fluid {
height: 100%;
}
.container-sm.container-fluid {
padding-left: var(--spacing-20) !important;
padding-right: var(--spacing-20) !important;
}
.container-sm.container-fluid.px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
min-width: 100% !important;
}
.marginTop140Minus {
margin-top: -80px !important;
}
.gap-120 {
gap: var(--spacing-40) !important;
}
.customerReviewBox .customerReviewImage {
width: 100%;
}
.mentor-benifit-icon {
width: var(--spacing-60) !important;
height: var(--spacing-60) !important;
}
.bg-grid {
border-radius: var(--br-30);
}
.comparison-table th,
.comparison-table td {
padding: var(--spacing-16) !important;
}
.comparison-table table, .table-responsive.comparison-table table {
table-layout: fixed !important;
width: 100% !important;
}
.comparison-table table, .table-responsive.comparison-table table.tradvsothertb{
table-layout: static !important;
width: 700px !important;
}
.comparison-table table, .table-responsive.comparison-table table.tradvsothertb th:first-child,
.comparison-table table, .table-responsive.comparison-table table.tradvsothertb td:first-child{
width: 20% !important;
}
.comparison-table th:first-child,
.comparison-table td:first-child {
white-space: normal !important;
width: 30% !important;
}
.comparison-table tbody tr td,
.comparison-table tbody tr th {
white-space: normal !important;
}
.comparison-table .pill-black {
padding: 6px 16px !important;
font-size: 10px;
}
.comparison-table thead tr th {
font-size: 14px !important;
}
.comparison-table tbody tr td {
font-size: 10px !important;
}
.arrowsNavAbs {
position: absolute;
top: 60px;
display: flex;
align-items: center;
justify-content: end;
gap: 5px;
z-index: 100;
right: 0%;
}
.arrowsNavAbs a {
min-height: 20px !important;
min-width: 20px !important;
padding: 10px !important;
border-radius: 100px;
background-color: var(--color-brand-green-primary);
display: flex;
align-items: center;
justify-content: center;
}
.arrowsNavAbs a.disable {
background-color: var(--dark-grey) !important;
}
.dark-comparison-table th,
.dark-comparison-table td {
padding: var(--spacing-16) !important;
}
.dark-comparison-table th:first-child,
.dark-comparison-table td:first-child {
width: 200px !important;
white-space: wrap !important;
}
.theme-dark .dark-comparison-table thead tr th:nth-child(1),
.theme-dark .dark-comparison-table tbody tr td:nth-child(1) {
width: 140px !important;
}
.theme-dark .dark-comparison-table td:first-child {
width: 140px !important;
}
.theme-dark .dark-comparison-table thead tr th:nth-child(2),
.theme-dark .dark-comparison-table thead tr th:nth-child(3),
.theme-dark .dark-comparison-table thead tr th:nth-child(4),
.theme-dark .dark-comparison-table thead tr th:nth-child(5),
.theme-dark .dark-comparison-table tbody tr td:nth-child(2),
.theme-dark .dark-comparison-table tbody tr td:nth-child(3),
.theme-dark .dark-comparison-table tbody tr td:nth-child(4),
.theme-dark .dark-comparison-table tbody tr td:nth-child(5) {
width: 120px !important;
}
.theme-dark .dark-comparison-table thead th div {
width: 80% !important;
}
.theme-dark .dark-comparison-table td {
padding: var(--spacing-30) !important;
}
.theme-dark .dark-comparison-table thead tr th:nth-child(2),
.theme-dark .dark-comparison-table tbody tr td:nth-child(2) {
position: sticky;
left: 150px;
z-index: 30;
}
.dark-comparison-table .pill-black {
padding: 6px 10px !important;
font-size: 10px;
}
.dark-comparison-table thead tr th {
font-size: 14px !important;
}
.dark-comparison-table tbody tr td {
font-size: 10px !important;
}
.candle-cta .btn-container {
margin: 0 auto;
} .press-section .press-icon {
border: none !important;
}
.home-our-resources .swiper-slide.latestResourseSliderMain.swiper-slide-active .latestResourceBox>img.img-fluid {
height: auto;
}
.img2-w-200px {
max-width: 80%;
margin: auto;
}
.become-trader-bg,
.trading-platform-bg,
.traderfi-bg,
.pro-service-bg,
.free-ebook-bg .grid,
.how-it-works .grid {
display: flex;
flex-direction: column-reverse;
}
.become-trader-bg .grid-content>div,
.trading-platform-bg .grid-content>div,
.traderfi-bg .grid-content>div,
.pro-service-bg .grid-content>div,
.free-ebook-bg .grid-content>div,
.how-it-works .grid-content>div,
.get-started .benefit-wrapper>div {
text-align: left !important;
}
.become-trader-bg .grid-content .btn-container,
.trading-platform-bg .grid-content .btn-container,
.traderfi-bg .grid-content .btn-container,
.pro-service-bg .grid-content .btn-container,
.free-ebook-bg .grid-content .btn-container,
.how-it-works .grid-content .btn-container {
justify-content: start !important;
}
.traderfi-iconbox::before {
height: 100%;
}
.bg-how-it-works {
height: 400px;
width: 100%;
background-size: cover !important;
}
.customBtnsquare.custom-bg {
min-width: 260px;
}
.traderfi-bg {
background-position: center center !important;
} .stat-item {
border: none;
}
.align-items-md-center {
align-items: center !important;
}
.benefit-wrapper {
border-right: 0;
border-bottom: 1px solid transparent;
border-image: linear-gradient(90deg, #FFF 0%, #00D32F 50%, #FFF 100%);
border-image-slice: 1;
} .flex-md-column {
flex-direction: column !important;
}
.free-toro .mobile-image {
display: block !important;
}
.free-toro .web-image {
display: none !important;
}
.get-started .bg-grid>div {
border-bottom: 1px solid #353535 !important;
}
.get-started .bg-grid .border-gray {
border-bottom: 1px solid #353535 !important;
border-right: 0 !important;
}
.get-started .bg-grid>div:last-child {
border: none !important;
}
.landing-hero .btn-container .btn {
width: 100%;
} .see-what-list>div {
flex-wrap: wrap;
}
.see-what-list .btn-container {
justify-content: start !important;
}
.take-go-box:last-child {
margin-top: var(--spacing-30);
} .about-hero-bg.hero-section {
padding: var(--spacing-30) var(--spacing-30) 0 !important;
}
.about-hero-bg .h50vh {
height: auto !important;
}
.founder-bg-text {
padding: 0px var(--spacing-30);
}
.faq__section .font-anton,
.faq__section .font-size-20.mb-0 {
text-align: center !important;
}
.h-w-90,
.small-img.h-w-90 {
height: 80px !important;
width: 80px !important;
}
a.blogCard-wrapper {
padding: 8px !important;
}
.blog-article-content p,
.blog-article-content h3 {
margin-bottom: 0 !important;
}
.blog-article-content p a {
padding: 0px 5px !important;
}
.blogCardWrapper .blogCard a.link-text {
padding: var(--spacing-12) var(--spacing-16) !important;
}
.blogCardWrapper .blogCard .detailWrapper {
padding: var(--spacing-8) 0 !important;
}
} @media screen and (max-width: 640px) {
.trader__cards {
display: flex;
gap: 1rem;
padding: var(--spacing-24) var(--spacing-8);
display: flex;
flex-wrap: wrap;
gap: var(--spacing-32);
}
.how-it-works__cards::-webkit-scrollbar {
display: none;
}
.feature-card {
flex: 1 1 auto;
scroll-snap-align: center;
min-width: 0;
padding: clamp(2rem, 4vw, 2.5rem) clamp(1.5rem, 3vw, 1.75rem);
}
.feature-card:first-child {
margin-left: 0;
}
.feature-card:last-child {
margin-right: 0;
}
.feature-card__badge {
top: 0;
}
.feature-card__badge::before {
width: 160px;
height: 20px;
top: -20px;
border-radius: 180px 180px 0 0;
}
.badge-circle {
width: 40px;
height: 40px;
font-size: 0.875rem;
margin-top: -20px;
}
.feature-card__icon {
width: 48px;
height: 48px;
margin-bottom: 0;
}
.feature-card__title {
font-size: 1.1rem;
}
.feature-card__text {
font-size: 0.875rem;
}
.section-y.md-py-0 {
padding: 0rem 0rem !important;
}
.founder-bg-text {
padding: 0px var(--spacing-20);
}
a.social-contact-icon {
width: 40px;
height: 40px;
padding: 10px 0px;
}
.responsiveheight.h50vh{
height: auto !important;
}
} @media screen and (max-width: 800px) {
.hero-section .hero__content{
padding-left: 0;
}
.home-hero__container,
.all-hero__container {
padding: var(--spacing-30) var(--spacing-16) !important;
border-radius: var(--br-24);
} .grid-2,
.grid-3,
.grid-4,
.grid-5 {
grid-template-columns: repeat(1, 1fr);
}
.platform-hero__cards.grid-4 {
grid-template-columns: repeat(2, 1fr);
}
.trade-grid.grid-4 {
display: flex !important;
flex-wrap: nowrap !important;
}
.trade-grid.grid-4 article {
min-width: fit-content;
}
.gap-80 {
gap: var(--spacing-30) !important;
}
.section-y,
.section-y.pt-184 {
padding: var(--spacing-40) 0rem !important;
}
.section-y.pt-0 {
padding: 0rem 0rem var(--spacing-40) 0rem !important;
}
.section-y.pb-0 {
padding: var(--spacing-40) 0rem 0rem !important;
}
.pt-60 {
padding-top: var(--spacing-24);
}
.pb-60,
.section-y.pb-60 {
padding-bottom: var(--spacing-24);
}
.live-trading-image {
max-width: 100%;
}
.live-trading-section .font-size-48 {
font-size: 2rem;
}
.live-trading-section .font-size-20 {
font-size: 1rem;
}
.px-60 {
padding-left: var(--spacing-24) !important;
padding-right: var(--spacing-24) !important;
}
.py-60 {
padding: var(--spacing-24) 0rem;
}
.bg-grid.py-60 {
padding: var(--spacing-20);
}
.gap-140 {
gap: var(--spacing-40) !important;
}
.gap-36 {
gap: var(--spacing-20) !important;
}
.market-moves-iconbox {
height: 50px;
width: 50px;
}
.market-moves-iconbox::before {
height: 20px;
}
.market-moves-iconbox img {
width: 20px;
}
.day-trade-two-side-img {
height: auto;
}
.section-y.md-py-0 {
padding: 0rem 0rem !important;
}
.custom-table th,
.custom-table td {
padding: var(--spacing-12) var(--spacing-16);
}
.careerFormRandomImg {
gap: var(--spacing-12) !important;
flex-wrap: wrap !important;
justify-content: space-evenly !important;
margin-bottom: var(--spacing-24) !important;
}
.toggle-form-section .careerFormRandomImg {
display: none !important;
}
.careerFormRandomImg .userImgMain .userImg {
opacity: 1 !important;
}
.careerFormRandomImg .userImgMain.img-1 .userImg,
.careerFormRandomImg .userImgMain.img-2 .userImg,
.careerFormRandomImg .userImgMain.img-3 .userImg,
.careerFormRandomImg .userImgMain.img-4 .userImg,
.careerFormRandomImg .userImgMain.img-5 .userImg,
.careerFormRandomImg .userImgMain.img-6 .userImg,
.careerFormRandomImg .userImgMain.img-7 .userImg,
.careerFormRandomImg .userImgMain.img-8 .userImg,
.careerFormRandomImg .userImgMain.img-9 .userImg,
.careerFormRandomImg .userImgMain.img-10 .userImg {
width: 50px !important;
height: 50px !important;
position: relative !important;
top: unset !important;
left: unset !important;
right: unset !important;
}
.brb-200 {
border-bottom-right-radius: var(--br-48) !important;
}
.market-moves .absolute-img-card {
gap: 20px;
}
}
@media screen and (max-width: 475px) {
.platform-hero__cards.grid-4 {
grid-template-columns: repeat(1, 1fr);
}
.mobilefullwidhts .col-md-6.col-6{
width: 100%;
}
}  @media (min-width: 576px) {
.container-right {
max-width: calc(100% - ((100vw - 540px) / 2));
margin-left: auto;
}
} @media (min-width: 768px) {
.container-right {
max-width: calc(100% - ((100vw - 720px) / 2));
}
} @media (min-width: 992px) {
.container-right {
max-width: calc(100% - ((100vw - 960px) / 2));
}
} @media (min-width: 1200px) {
.container-right {
max-width: calc(100% - ((100vw - 1140px) / 2));
}
} @media (min-width: 1400px) {
.container-right {
max-width: calc(100% - ((100vw - 1320px) / 2));
}
} .container-custom,
.container-same-left,
.container-same-right {
width: 100%;
padding-inline: 12px; margin-inline: auto;
} @media (min-width: 576px) {
.container-same-custom,
.container-same-left,
.container-same-right {
max-width: calc(100% - ((100vw - 540px) / 3));
}
.container-same-left {
margin-right: auto;
margin-left: 0;
}
.container-same-right {
margin-left: auto;
margin-right: 0;
}
}
@media screen and (max-width: 991px) {
.container-right {
margin: 0 auto 0 auto !important;
}
} @media (min-width: 768px) {
.container-same-custom,
.container-same-left,
.container-same-right {
max-width: calc(100% - ((100vw - 720px) / 3));
}
} @media (min-width: 992px) {
.container-same-custom,
.container-same-left,
.container-same-right {
max-width: calc(100% - ((100vw - 960px) / 3));
}
} @media (min-width: 1200px) {
.container-same-custom,
.container-same-left,
.container-same-right {
max-width: calc(100% - ((100vw - 1140px) / 3));
}
} @media (min-width: 1400px) {
.container-same-custom,
.container-same-left,
.container-same-right {
max-width: calc(100% - ((100vw - 1320px) / 3));
}
}
@media screen and (min-width: 992px) {
.trade-pt-184.section-y {
padding-top: 165px !important;
}
}
@media screen and (max-width: 991.98px) { }