@font-face {
  font-family: 'TT Hoves';
  src: url('../fonts/TTHoves-Bold.eot');
  src: url('../fonts/TTHoves-Boldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/TTHoves-Bold.woff2') format('woff2'), url('../fonts/TTHoves-Bold.woff') format('woff'), url('../fonts/TTHoves-Bold.ttf') format('truetype'), url('../fonts/TTHoves-Bold.svg#TTHoves-Bold') format('svg');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'TT Hoves';
  src: url('../fonts/TTHoves-DemiBold.eot');
  src: url('../fonts/TTHoves-DemiBoldd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/TTHoves-DemiBold.woff2') format('woff2'), url('../fonts/TTHoves-DemiBold.woff') format('woff'), url('../fonts/TTHoves-DemiBold.ttf') format('truetype'), url('../fonts/TTHoves-DemiBold.svg#TTHoves-DemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'TT Hoves';
  src: url('../fonts/TTHoves-Medium.eot');
  src: url('../fonts/TTHoves-Mediumd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/TTHoves-Medium.woff2') format('woff2'), url('../fonts/TTHoves-Medium.woff') format('woff'), url('../fonts/TTHoves-Medium.ttf') format('truetype'), url('../fonts/TTHoves-Medium.svg#TTHoves-Medium') format('svg');
  font-weight: 500;
  font-style: normal;
  font-display: swap
}

@font-face {
  font-family: 'TT Hoves';
  src: url('../fonts/TTHoves-Regular.eot');
  src: url('../fonts/TTHoves-Regulard41d.eot?#iefix') format('embedded-opentype'), url('../fonts/TTHoves-Regular.woff2') format('woff2'), url('../fonts/TTHoves-Regular.woff') format('woff'), url('../fonts/TTHoves-Regular.ttf') format('truetype'), url('../fonts/TTHoves-Regular.svg#TTHoves-Regular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}

:root {
  --base: calc(1vw + 1vh);
  --white: var(--bs-white);
  --black: var(--bs-black);
  --white-50: rgba(var(--bs-white-rgb), 0.5);
  --black-50: rgba(var(--bs-black-rgb), 0.5);
  --primary: #05ba30;
  --primary-light: #fd802c;
  --primary-extra-light: #fa6666;
  --secondary: #000;
  --secondary-light: #444;
  --secondary-dark: #111;

  --primary-linear: linear-gradient(284.23deg, #05ba30 1.78%, #0f9332 87.61%);
  --secondary-linear: linear-gradient(138.12deg, #05ba30 4.08%, #05a029 100%);

  --clr-FEFBF7: #FEFBF7;
  --clr-FEF4E7: #05ba301a;
  --clr-FAFAFA: #FAFAFA;
  --clr-F4F5F7: #F4F5F7;

  --base-font: 'Inter', sans-serif;
  --heading-font: 'TT Hoves';
  --swiper-theme-color: var(--white);
  --swiper-navigation-size: 1.5rem;
}

/* common css */
body {
  font-family: var(--base-font) !important;
  overscroll-behavior: none;
  --bs-body-color: var(--body-text)
}

.font-suisse,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--heading-font) !important;
  font-weight: 600 !important
}

.font-suisse-book {
  font-family: Suisse-Book !important
}

.space-y {
  height: var(--space-y)
}

.space-x {
  width: var(--space-x)
}

.ls-tighter {
  letter-spacing: -.05em
}

.ls-tight {
  letter-spacing: -.025em
}

.ls-normal {
  letter-spacing: 0
}

.ls-wide {
  letter-spacing: .025em
}

.ls-wider {
  letter-spacing: .05em
}

.ls-widest {
  letter-spacing: .1em
}

.fs-12 {
  font-size: .75rem
}

.fs-13 {
  font-size: .8125rem
}

.fs-14 {
  font-size: .875rem
}

.fs-15 {
  font-size: .9375rem
}

.fs-16 {
  font-size: 1rem
}

.fs-17 {
  font-size: 1.0625rem
}

.fs-18 {
  font-size: 1.125rem
}

.fs-19 {
  font-size: 1.1875rem
}

.fs-20 {
  font-size: 1.10rem
}

.fs-21 {
  font-size: 1.3125rem
}

.fs-22 {
  font-size: 1.375rem
}

.fs-23 {
  font-size: 1.4375rem
}

.fs-24 {
  font-size: 1.5rem
}

.fs-25 {
  font-size: 1.5625rem
}

.fs-26 {
  font-size: 1.625rem
}

.fs-27 {
  font-size: 1.6875rem
}

.fs-28 {
  font-size: 1.75rem
}

.fs-29 {
  font-size: 1.8125rem
}

.fs-30 {
  font-size: 1.875rem
}

.fs-31 {
  font-size: 1.9375rem
}

.fs-32 {
  font-size: 2rem
}

.fs-33 {
  font-size: 2.0625rem
}

.fs-34 {
  font-size: 2.125rem
}

.fs-35 {
  font-size: 2.1875rem
}

.fs-36 {
  font-size: 2.25rem
}

.fs-37 {
  font-size: 2.3125rem
}

.fs-38 {
  font-size: 2.375rem
}

.fs-39 {
  font-size: 2.4375rem
}

.fs-40 {
  font-size: 2.5rem
}

.fs-41 {
  font-size: 2.5625rem
}

.fs-42 {
  font-size: 2.625rem
}

.fs-43 {
  font-size: 2.6875rem
}

.fs-44 {
  font-size: 2.75rem
}

.fs-45 {
  font-size: 2.8125rem
}

.fs-46 {
  font-size: 2.875rem
}

.fs-47 {
  font-size: 2.9375rem
}

.fs-50 {
  font-size: 3.125rem
}

a,
a.btn,
a:active,
a:focus,
a:hover {
  text-decoration: none
}

[data-bs-theme=dark] {
  color: var(--white)
}

.transition,
.transition-all,
.transition-colors,
.transition-filter,
.transition-height,
.transition-opacity,
.transition-transform {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: .15s
}

.transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter
}

.transition-filter {
  transition-property: filter
}

.transition-height {
  transition-property: height
}

.transition-all {
  transition-property: all
}

.transition-colors {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke
}

.transition-opacity {
  transition-property: opacity
}

.transition-transform {
  transition-property: transform
}

.delay-150 {
  transition-delay: 0.15s
}

.delay-300 {
  transition-delay: 0.3s
}

.delay-500 {
  transition-delay: 0.5s
}

.delay-700 {
  transition-delay: 0.7s
}

.duration-100 {
  transition-duration: .1s
}

.duration-150 {
  transition-duration: .15s
}

.duration-200 {
  transition-duration: .2s
}

.duration-300 {
  transition-duration: .3s
}

.duration-500 {
  transition-duration: .5s
}

.duration-700 {
  transition-duration: .7s
}

.duration-75 {
  transition-duration: 75ms
}

.duration-1-5s {
  transition-duration: 1.5s
}

.duration-2s {
  transition-duration: 2s
}

.ease-in {
  transition-timing-function: cubic-bezier(0.4, 0, 1, 1)
}

.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}

.ease-linear {
  transition-timing-function: linear
}

.ease-out {
  transition-timing-function: cubic-bezier(0, 0, 0.2, 1)
}

.will-change-auto {
  will-change: auto
}

.will-change-contents {
  will-change: contents
}

.will-change-scroll {
  will-change: scroll-position
}

.will-change-transform {
  will-change: transform
}

:focus {
  border-color: inherit !important;
  box-shadow: none !important
}

.carousel-control-next,
.carousel-control-prev {
  width: 2.75rem
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.dropdown-toggle::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='m12.0002 13.1719 4.95-4.95 1.414 1.414L12.0002 16l-6.364-6.364 1.414-1.414 4.95 4.95Z'/%3E%3C/svg%3E");
  border: 0;
  height: 1.5rem;
  width: 1.5rem;
  vertical-align: -0.35rem;
  transition: .3s cubic-bezier(.175, .885, .32, 1.275)
}

.dropdown-toggle.show::after {
  transform: rotate(180deg);
}


.swiper .parallax-bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center
}

.btn-theme-black,
.btn-theme-white {
  --bs-btn-hover-color: var(--white)
}

.primary-linear {
  background-image: var(--primary-linear) !important
}

.secondary-linear {
  background-image: var(--secondary-linear) !important
}

.text-primary {
  color: var(--primary) !important
}

.text-primary-light {
  color: var(--primary-lightry) !important
}

.text-primary-extra-light {
  color: var(--primary-extra-light) !important
}

.text-secondary {
  color: var(--secondary) !important
}

.text-secondary-light {
  color: var(--secondary-light) !important
}

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

.text-clr-FEFBF7 {
  color: var(--clr-FEFBF7) !important
}

.text-clr-FEF4E7 {
  color: var(--clr-FEF4E7) !important
}

.text-clr-FAFAFA {
  color: var(--clr-FAFAFA) !important
}

.bg-primary {
  background-color: var(--primary) !important
}

.bg-primary-light {
  background-color: var(--primary-light) !important
}

.bg-primary-extra-light {
  background-color: var(--primary-extra-light) !important
}

.bg-secondary {
  background-color: var(--secondary) !important
}

.bg-secondary-light {
  background-color: var(--secondary-light) !important
}

.bg-secondary-dark {
  background-color: var(--secondary-dark) !important
}

.bg-clr-FEFBF7 {
  background-color: var(--clr-FEFBF7) !important
}

.bg-clr-FEF4E7 {
  background-color: var(--clr-FEF4E7) !important
}

.bg-clr-FAFAFA {
  background-color: var(--clr-FAFAFA) !important
}

.bg-clr-F4F5F7 {
  background-color: var(--clr-F4F5F7) !important
}

.bg-clr-F4F5F710 {
  background-color: #1d5675 !important
}

.btn-theme-primary,
.btn-theme-secondary {
  --bs-btn-color: var(--white);
  --bs-btn-disabled-color: var(--white)
}

.btn-theme-primary {
  --bs-btn-bg: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: var(--primary);
  --bs-btn-disabled-bg: var(--primary-extra-light);
  --bs-btn-disabled-border-color: var(--primary-extra-light);
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: var(--secondary);
  --bs-btn-hover-border-color: var(--secondary);
}

.btn-theme-secondary {
  --bs-btn-bg: var(--secondary);
  --bs-btn-border-color: var(--secondary);
  --bs-btn-active-bg: var(--secondary);
  --bs-btn-active-border-color: var(--secondary);
  --bs-btn-disabled-bg: var(--secondary);
  --bs-btn-disabled-border-color: var(--secondary);
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-hover-border-color: var(--primary);
}

.btn-theme-black,
.btn-theme-white {
  --bs-btn-border-color: var(--white)
}

.btn-theme-white {
  --bs-btn-color: var(--black);
  --bs-btn-bg: var(--white);
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-hover-border-color: var(--primary);
  --bs-btn-active-bg: var(--white);
  --bs-btn-active-border-color: var(--white);
  --bs-btn-disabled-color: var(--black);
  --bs-btn-disabled-bg: var(--white);
  --bs-btn-disabled-border-color: var(--white)
}

.btn-theme-black {
  --bs-btn-color: var(--white);
  --bs-btn-bg: var(--black);
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: var(--secondary);
  --bs-btn-hover-border-color: var(--secondary);
  --bs-btn-active-bg: var(--black);
  --bs-btn-active-border-color: var(--black);
  --bs-btn-disabled-color: var(--white);
  --bs-btn-disabled-bg: var(--black);
  --bs-btn-disabled-border-color: var(--black)
}

.btn:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-link) {
  --bs-btn-padding-x: 2rem;
  --bs-btn-padding-y: 0.5rem
}

.btn {
  font-family: var(--heading-font) !important;
  font-weight: 500;
}

.btn.btn-md {
  --bs-btn-padding-x: 1.25rem;
  --bs-btn-padding-y: 0.575rem
}

/* common css end */
.cc-05 .img-box-cta {
  bottom: 0px;
}

.cc-03,
.cc-04 {
  padding-bottom: 6.25rem
}

.cc-05::before,
.cc-07::before {
  z-index: 0;
  pointer-events: none;
  position: absolute;
  right: 0
}

.cc-05::before,
.cc-07::before {
  right: 194px;
}

.site-header .navbar,
.site-header .navbar-nav {
  --bs-nav-link-font-size: .9375rem;
  --bs-nav-link-color: var(--black);
  --bs-nav-link-font-weight: 500;
  --bs-navbar-color: var(--black);
  --bs-navbar-hover-color: var(--black);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: var(--black)
}

.site-header .navbar-nav .nav-link {
  border-radius: 8px;
}

.site-header .navbar-nav .nav-link[aria-expanded="true"],
.site-header .navbar-nav .nav-link:active,
.site-header .navbar-nav .nav-link:hover {
  background-color: var(--bs-gray-200);
}

/* .site-header .navbar-nav .dropdown:hover>.nav-link{background-color: var(--primary);} */
.hero .heroBanner {
  background-image: url('../images/noise-bg.png');
  background-size: cover
}

.cc-05,
.instruments .cfdCard {
  background-image: var(--secondary-linear)
}

.hero .heroBanner .swiper-slide {
  background-image: url('../images/banner-bg-mobile.png');
  background-position: 50% 50%;
  background-repeat: no-repeat
}

.hero .hero-wrap {
  padding-top: 142px;
  padding-bottom: 177px;
}

.primary-linear .swiper-slide:not(.slide-00) .btn-theme-white {
  --bs-btn-hover-bg: var(--secondary);
  --bs-btn-hover-border-color: var(--secondary)
}

.usp .uspWarpper {
  border: .3125rem solid rgba(203, 203, 203, .32);
  padding: 0rem 0;
  overflow: hidden
}

.cc-03 {
  padding-top: calc(4.75rem - 2.3125rem)
}

.instruments .cfdCard,
.instruments .cryptoCard {
  --bs-card-spacer-y: 2.9375rem;
  --bs-card-spacer-x: 2.125rem;
  --bs-card-title-spacer-y: 1.75rem
}

.instruments .cryptoCard {
  --bs-card-border-color: #F3F2F1;
  --bs-card-border-radius: 1rem;
  overflow: hidden
}

.instruments .cfdCard {
  --bs-card-title-color: var(--white);
  --bs-card-color: rgba(var(--bs-white-rgb), 0.8);
  --bs-card-border-color: transparent;
  --bs-card-border-radius: 1rem;
  --bs-card-bg: var(--secondary);
  overflow: hidden
}

.instruments .indicesCard,
.instruments .metalCard {
  --bs-card-spacer-x: 2.125rem;
  --bs-card-title-spacer-y: 1.25rem;
  --bs-card-title-color: var(--black);
  --bs-card-color: rgba(var(--bs-black-rgb), 0.6);
  overflow: hidden;
  --bs-card-border-radius: 1rem
}

.instruments .metalCard {
  --bs-card-spacer-y: 3.3125rem;
  --bs-card-border-color: transparent;
  --bs-card-bg: var(--clr-FEF4E7)
}

.instruments .indicesCard {
  --bs-card-spacer-y: 2.3125rem;
  --bs-card-border-width: .125rem;
  --bs-card-border-color: rgba(211, 205, 205, 0.47)
}

.instruments .indicesCard .card-body {
  margin-top: -3.125rem
}

.instruments .forexCard {
  --bs-card-spacer-y: 4.375rem;
  --bs-card-spacer-x: 3.0625rem;
  --bs-card-title-spacer-y: 1.625rem;
  --bs-card-title-color: var(--white);
  --bs-card-color: rgba(var(--bs-white-rgb), 0.6);
  --bs-card-border-color: transparent;
  --bs-card-border-radius: 1rem;
  --bs-card-bg: var(--primary);
  background: var(--secondary-linear);
}

@media(min-width:768px) {
  .instruments .forexCard img {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 394px
  }

  .img-box-cta {
    position: absolute;
  }
}

.cc-04 {
  padding-top: 6.25rem
}

.cc-06,
.cc-08 {
  padding-bottom: 5.25rem
}

.cc-04 .card {
  --bs-card-spacer-y: 2.1875rem;
  --bs-card-spacer-x: 1.75rem;
  --bs-card-border-radius: 0.875rem
}

.cc-05 {
  padding-top: 1.3125rem
}

.cc-07,
.priceCard.prime .card-header {
  background-image: var(--primary-linear);
  background-size: cover
}

.cc-06,
.cc-07 {
  padding-top: 6.25rem
}

.cc-05::before {
  content: "";
  top: 0;
  background-image: url('../images/shadow-bg.png');
  width: 842px;
  height: 100%;
  background-repeat: no-repeat;
  background-position: bottom right;
  filter: hue-rotate(-55deg);
}

.cc-05 .content {
  padding-top: calc(3.4375rem - 1.3125rem);
  padding-bottom: 2.125rem
}

.blogSwiper,
.priceCardSwiper {
  --swiper-theme-color: var(--primary)
}

.priceCard .divider {
  border: 1px solid #e9e9e9
}

.priceCard,
.priceCard.prime {
  --bs-card-spacer-y: 2.125rem;
  --bs-card-spacer-x: 2.2rem;
  --bs-card-title-spacer-y: 0.625rem;
  --bs-card-cap-bg: transparent;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-border-radius: 1rem;
  --bs-card-cap-padding-y: 0rem;
  --bs-card-cap-padding-x: 0rem;
  --bs-card-border-width: 0rem
}

.priceCard {
  --bs-card-title-color: ;
  --bs-card-subtitle-color: #141516;
  --bs-card-color: ;
  overflow: hidden
}

.priceCard.prime {
  --bs-card-title-color: var(--white);
  --bs-card-subtitle-color: var(--white);
  --bs-card-color: var(--white)
}

/* .priceCard.prime .card-header {
  background-image: url("data:image/svg+xml,%3Csvg%20width%3D%22403%22%20height%3D%22326%22%20viewBox%3D%220%200%20403%20326%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22url(%23a)%22%20d%3D%22M0%200h403v326H0z%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22a%22%20x1%3D%2223.552%22%20y1%3D%2222.696%22%20x2%3D%22300.926%22%20y2%3D%22163.718%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.388%22%20stop-color%3D%22%23D10505%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E35728%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3C%2Fsvg%3E")
} */

.cc-07 {
  background-image: url("../images/about/stripedbackgroundcolored.png");
}

.boxBorder {
  border: 5px solid rgba(255, 255, 255, .27) !important
}

.cc-07 .downloadLinksWrap {
  margin-top: -12.5rem
}

.cc-07 .downloadLinksWrap .innerWrap {
  background-color: var(--white);
  padding: 10.75rem 5.25rem 6.25rem
}

.blogSwiper .card,
.cc-07 .downloadLinksWrap .innerWrap .card {
  --bs-card-spacer-y: 0rem;
  --bs-card-spacer-x: 0rem
}

.cc-07 .downloadLinksWrap .innerWrap .card .btn.btn-md {
  --bs-btn-padding-y: 0rem;
  --bs-btn-padding-x: 0rem
}

.cc-07::before {
  content: '';
  bottom: -1px;
  left: 0;
  width: 100%;
  height: calc(var(--base) * 4);
  background-color: var(--white)
}

.cc-08 {
  padding-top: 3.625rem
}

.paymentMethodsWrapper::after,
.paymentMethodsWrapper::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 379px;
  height: 267px;
  background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, 0) 100%);
  z-index: 2
}

.paymentMethodsWrapper::after {
  right: 0;
  left: auto;
  transform: rotate(-180deg)
}

.row-cols-7>* {
  flex: 0 0 auto;
  width: calc(100% / 7)
}

.f-divider {
  border: 1px solid #dcdcdc !important
}

.site-footer .footerHead {
  background-color: #f9f8f8;
  padding-top: 1.875rem;
  padding-bottom: 1.0625rem
}

.site-footer .footerbottom {
  background-color: #e3e3e3;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem
}

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

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

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

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

.socialMenu a svg * {
  transition: .3s cubic-bezier(.175, .885, .32, 1.275)
}

.socialMenu a:hover svg rect {
  fill: var(--primary)
}

.socialMenu a:hover svg path {
  fill: var(--white)
}

/* .socialMenu .telegram:hover.telegram svg path{fill:var(--primary) !important} */
.hero .heroBanner .swiper-slide.slide-00 {
  background-color: #111;
  background-image: url('../images/about-banner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

/* forex pages */
.bg-noise {
  background-image: url('../images/noise-bg.png');
  background-image: cover;
  background-repeat: repeat;
  background-position: center center;
}

.markets-banner {
  padding-top: 5rem;
  padding-bottom: 126px;
  background-size: cover;
  background-repeat: no-repeat;
}

.markets-banner.hero .hero-wrap {
  padding-top: 0rem;
  padding-bottom: 0rem;
}

.fxPairNumber>span:nth-child(1) {
  color: var(--primary);
}

.fxPairNumber>span:nth-child(2) {
  color: var(--primary);
}

.py-100 {
  padding-top: calc(3.25rem - 1vw);
  padding-bottom: calc(3.25rem - 1vw);
}

.pt-100 {
  padding-top: calc(3.25rem - 1vw);
}

.pb-100 {
  padding-bottom: calc(3.25rem - 1vw);
}

@media(min-width:75rem) {
  .py-100 {
    padding-top: 6.25em;
    padding-bottom: 6.25em;
  }

  .pt-100 {
    padding-top: 6.25em;
  }

  .pb-100 {
    padding-bottom: 6.25em;
  }
}

.overviewCtaWrap {
  padding: 0px 70px 0px;
  overflow: hidden;
}

.overviewCtaWrap.primary-linear {
  background-image: linear-gradient(112.36deg, #004aad 29.97%, #042f66 67.55%) !important;
}

.overviewCta .hero-content {
  padding: 4.375rem 0px;
}

.markets-banner .fxImg .fx-left {
  position: absolute;
  top: 152px;
  left: 0px;
}

.markets-banner .fxImg .fx-right {
  position: absolute;
  top: 180px;
  left: auto;
  right: 0px;
}

@media(min-width:75rem) {
  .overviewCta .figure {
    position: absolute;
    bottom: -54px;
    width: 94%;
    height: auto;
    right: 0;
    margin: auto;
    left: 0;
  }
}

.fxTable {
  --bs-table-color: var(--black);
  --bs-table-border-color: #EBEBEB;
  overflow: hidden;
}

.fxTable thead {
  background-color: #E7ECF9;
  border-radius: 0.5rem;
}

.fxTable thead tr th {
  padding: 1.125rem 1rem;
  font-size: 1rem;
  font-weight: 500;
}

.fxTable tbody tr td {
  padding: 1rem;
  font-size: 0.875em;
  font-weight: 500;
  text-align: center;
}

.fxTable tbody tr td:first-child {
  text-align: left;
}

/*  */
.markets-banner.forex {
  background-image: url('../images/forex-banner-bg.webp');
}

.markets-banner.cfd {
  background-image: url('../images/ib-banner-h.jpg');
}

.markets-banner.indices {
  background-image: url('../images/pl-banner-bg.jpg');
}

.markets-banner.metals {
  background-image: url('../images/banner-slide.webp');
}

.ib-banner {
  position: relative;
  background-color: #130F09;
  /* background-image: url("../images/ib-banner-02.jpg"); */
  background-image: url('../images/ib-banner-h.jpg');
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
  background-size: cover;
  /* background-position: 50% 50%; */
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.ib-banner.pl {
  position: relative;
  background-color: #130F09;
  background-image: url('../images/pl-banner-bg.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 5rem;
  padding-bottom: 5rem;
  padding-top: 10rem;
  padding-bottom: 9.5rem;
}

.ib-banner .hero-content {
  padding-bottom: calc(var(--base) * 3.875);
}

.ibCards .worldCard {
  padding: 200px 360px 50px 50px;
  background-image: url("../images/metalbg.png");
  background-repeat: no-repeat;
  background-size: cover;
}

.ibCards .chartCard {
  padding: 50px 100px 180px;
  background-image: url("../images/chart-bg.png");
  background-repeat: no-repeat;
}

.ibCards .ctaCard {
  padding: 36px 50px;
}

.ibCards .withdrawalCard {
  padding: 164px 164px 40px 45px;
  background-image: url("../images/withdrawalCard.png");
  background-repeat: no-repeat;
  border: 2px solid rgba(211, 205, 205, 0.47);
}

.ib-steps {
  padding-top: 4.125rem;
  padding-bottom: 12.5rem;
  background-image: linear-gradient(138.12deg, #000309 4.08%, #0E0E60 100%);
}

.ib-steps::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-image: url("../images/man-trading-browsing.jpg");
  background-size: cover;
  background-position: top right;
  background-repeat: no-repeat;
  pointer-events: none;
}

.ib-steps [class*='step-'] {
  position: relative;
}

.ib-steps [class*='step-'] .btn:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-link) {
  --bs-btn-padding-x: 1.997rem;
  --bs-btn-padding-y: 0.919rem;
  max-width: 76px;
  max-height: 76px;
}

.ib-steps .step-01 .btn {
  --bs-btn-bg: var(--primary);
}

.ib-steps .step-02 .btn {
  --bs-btn-bg: var(--primary);
}

.ib-steps .step-03 .btn {
  --bs-btn-bg: var(--primary);
}

.stepsWrap {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.19) 0%, rgba(255, 255, 255, 0.1368) 100%);
  backdrop-filter: blur(9px);
  border-radius: 63px;
  padding: 24px 46px;
}

.stepsWrap>.d-flex {
  column-gap: 80px;
}

.ibFormWrapper .ibFormInner {
  margin-top: -131px;
  background: #F4F8FF;
  border-radius: 14px;
  padding: 70px 60px 48px 60px;
  margin-bottom: 262px;
}

.ibFormWrapper .ibFormInner .ibFormWrap {
  background: #FFFFFF;
  border: 4px solid rgba(228, 230, 234, 0.34);
  border-radius: 14px;
  padding: 50px 50px 40px 45px;
  margin-bottom: -169px;
}

.ibFormWrap .formGroup {
  margin-bottom: 2rem;
}

.ibFormWrap .formGroup .form-label {
  font-size: 0.875rem;
  color: var(--black);
  font-weight: 500;
}

.ibFormWrap .formGroup .form-control {
  height: 53px;
  border: 1px solid #E4EBF9;
  backdrop-filter: blur(2px);
  border-radius: 8px;
}

.footerCTA {
  background: linear-gradient(111.63deg, #004aad 45.8%, #2674dd 76.6%);
}

.footerCTA::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-image: url("../images/man-trading-browsing.jpg");
  background-size: cover;
  background-position-y: 20%;
  height: 100%;
  pointer-events: none;
}

.containCTA .footerCTA::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-image: url("../images/man-trading-browsing.jpg");
  background-size: cover;
  background-position-y: 20%;
  height: 100%;
  pointer-events: none;
}

/* Sudhir 01-05-2023 Start */
.about .eyebrow img {
  width: 36px;
  height: 36px
}

.about .cc-03,
.cc-04 {
  padding-bottom: 5rem;
}

.ab_missioncircle::before,
.ab_partner::before,
.ab_valuecircle::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ab-banner,
.ab_missioncircle::before,
.ab_partner::before,
.ab_valuecircle::before {
  background-repeat: no-repeat
}

.ab-banner {
  background-image: url("../images/about-banner.jpg");
  /*  background-image: url('../images/banner-slide.webp');*/
  background-size: cover;
  background-position: left center;
  /* background-blend-mode: overlay; */
  padding-top: calc(var(--base) * 6.25);
  padding-bottom: calc(var(--base) * 6.25)
}

.ab-banner .hero-content {
  padding-bottom: calc(6.25rem + 1vw)
}

.cc-04 .card {
  --bs-card-spacer-y: 3.0875rem;
}

.valuecard {
  background: linear-gradient(122.64deg, #004aad 53.02%, #000000 94.26%);
  border-radius: 16px
}

.valuecard .col-wrap.pt-100 {
  padding-top: 2.8rem;
}

.valuecard .col-wrap.pb-100 {
  padding-bottom: 10.05rem;
}

.ab_missioncircle,
.ab_valuecircle {
  align-items: center;
  /* padding-top: 2rem; */
  /* width: 60px; */
  /* height: 60px; */
  border-radius: 50%;
  display: flex;
}


.ab_valuecircle img {
  width: 80px;
  height: 80px;
}

.ab_missioncircle img {
  width: 80px;
  height: 80px;
}

.ab_valuecircle::before {
  background-image: url('../images/about/ab-banner.png');
  background-position: center;
  background-size: 80rem;
  z-index: 1
}

.ab_vision .v_card {
  --bs-card-title-color: var(--white);
  --bs-card-color: rgba(var(--bs-white-rgb), 0.8);
  --bs-card-border-color: transparent;
  --bs-card-border-radius: 1rem;
  --bs-card-bg: var(--primary);
  overflow: hidden
}

.ab_missioncircle::before {
  background-image: url('../images/about/mission_bg.png');
  background-position: right;
  background-size: 40rem;
  border-radius: 0 .875rem 0 0;
  z-index: -1
}

.ab_partner {
  background: linear-gradient(138.12deg, #043dac 4.08%, #0f0f6e 100%);
  position: relative;
  z-index: 0
}

.ab_partner::before {
  background-image: url(../images/man-trading-browsing.jpg);
  background-position: center;
  background-size: cover;
  z-index: -1;
}

.ab_partner_card {
  padding: calc(.25rem + 1vw);
  box-sizing: border-box;
  background: linear-gradient(180deg, rgba(255, 255, 255, .11) 0, rgba(255, 255, 255, .0792) 100%);
  backdrop-filter: blur(9px);
  border-radius: 16px;
  border: 1px solid #ffffff30
}

.ab_corner_circle {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 2rem;
  width: 50px;
  height: 50px;
  background: var(--primary)1a;
  border-radius: 50%
}

.ab_corner_circle img {
  width: 30px;
  height: auto
}

/* Sudhir 01-05-2023 End */

/* Sudhir 02-05-2023 Start */
.account_comparison .ac_compare-banner {
  background-color: var(--primary);
  position: absolute;
  background-position: center;
  background-size: 100% 100%;
  content: '';
  z-index: -2;
  width: 100%;
  height: 100%;
}

.account_comparison .ac_compare-banner::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url(../images/career-banner.jpg);
  background-position: center;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  z-index: -1;
}

@media (max-width: 768px) {
  .account_comparison .ac_compare-banner::before {
    background-size: cover;
    background-position-x: 66%;
  }

}

.priceCardsAC .priceCard {
  border: 3px solid rgba(255, 238, 218, 0.61);
}

.priceCardsAC .priceCard.prime {
  border: 3px solid rgba(255, 255, 255, 0.125);
}

.mp-card-title {
  background: rgba(255, 255, 255, 0.06);
}

.account_comparison .priceCardSwiper {
  margin-top: -24rem;
  position: relative;
  z-index: 0;
}

.account_comparison .table thead {
  background-image: url(../images/ac-compare/table_head.png);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
  vertical-align: middle;
  color: #fff;
  height: 80px;
  font-size: 1.3rem;
}

.account_comparison .table tbody tr {
  font-size: 1rem;
}

.account_comparison .table tbody tr th {
  font-weight: 600 !important;
}

.account_comparison .table>:not(caption)>*>* {
  padding: 0.5rem 3rem;
  height: 70px;
  font-weight: 500;
  border: none;
}

.account_comparison .table-striped>tbody>tr:nth-of-type(even)>* {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color);
  border: none;
}

.account_comparison .table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-accent-bg: transparent;
  color: var(--bs-table-striped-color);
  border: none;
}

.account_comparison .banner-wrap {
  padding-top: 5rem;
  padding-bottom: 18rem;
}

.contact .ib-banner .hero-content {
  padding-bottom: calc(3.25rem + 4.25vw);
}

.contact .ib-banner {
  background-image: url(../images/pl-banner-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: top;
  padding-top: 5rem;
  padding-bottom: 14rem;
  background-attachment: unset;
}

.contact .ibFormWrapper .ibFormInner {
  margin-top: -18rem;
  background-color: #FFF9F1;
}

.contact .contents img {
  width: 25%;
  /* height: 10%; */
}

.contact .contents h5 {
  padding-left: 0.8rem;
}

.blog-content .btn {
  --bs-btn-padding-x: 1.15rem !important;
  --bs-btn-padding-y: 0.6rem !important;
  line-height: 20px !important;
  height: 46px !important;
}

.blog-content .btn.unselected {
  --bs-btn-padding-x: 1.15rem !important;
  --bs-btn-padding-y: 0.6rem !important;
  line-height: 20px !important;
  height: 46px !important;
  border: 1px solid #fffefc;
  background: transparent;
  color: #fffefc;
}

.blog-content .ab_blog {
  padding-left: 1rem !important;
  padding-right: 2rem !important;
}

.blog-content .blog_banner::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url(../images/ac-compare/banner-1.png);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  z-index: 0;
  top: 0;
  left: 0;
}

@media(min-width:992px) {
  .blog-content figure img.blog_content {
    height: 23.2rem;
  }
}

.blog-content .slide-wrap .card {
  background-color: transparent;
}

.blog-content .blog_pagination .page-item:not(:first-child) .page-link {
  margin-left: calc(var(--bs-border-width) * 5);
}

.blog-content .blog_pagination .active>.page-link,
.page-link.active {
  z-index: 3;
  color: #000;
  background-color: #fff !important;
  border: 1px solid #d5d5d5 !important;
  font-weight: 600;
  font-size: 1rem;
  padding: 0.4rem 1.2rem;
  border-radius: 40%;
}

.blog-content .blog_pagination .page-link {
  color: #3e3e3e;
  background-color: transparent;
  border: none;
  font-weight: 500;
}

.blog-content .blog_pagination .pagination {
  align-items: center;
}

.blog-content .blog_pagination .pagination .page-link svg {
  transform: rotate(180deg);
  background: #f1f1f1;
  border-radius: 50px;
  border: 1px solid #d5d5d5;
}

.blog-content .blog_pagination .pagination>.page-item:last-child .page-link svg {
  transform: rotate(0deg);
  background: #f1f1f1;
  background-color: #ffffff;
  border: 1px solid #d5d5d5;
}

.blog-content .ab-banner figure {
  background-image: url("../images/bg-dots.png");
  background-size: auto;
  background-position: center center;
  background-blend-mode: overlay;
  padding-top: 7rem;
  padding-bottom: 7rem
}

.blog-content .heading {
  border-bottom: 1px solid rgba(189, 189, 189, 0.15);
}

/* Sudhir 02-05-2023 End */

/* Sudhir 03-05-2023 Start */
.blog_detail .ab-banner {
  background-color: #F4F5F7;
  padding-top: 6.5rem;
  padding-bottom: 2rem;
}

.blog_detail hr {
  border: 1px solid #bdbdbd26;
}

.blog_detail .blogcontentwrapper hr {
  border: 1px solid #CCCCCC
}

.blog_detail .blogcontentwrapper img {
  width: 100%;
  margin-bottom: 3rem;
}

.blog_detail .blogcontentwrapper h3 {
  margin-top: 3rem;
  margin-bottom: 1.5rem;
}

.blog_detail .blogcontentwrapper h4 {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.2rem;
  margin-bottom: 1.5rem;
}

.blog_detail .blogcontentwrapper h5 {
  font-size: 24ps;
  color: var(--primary);
  font-weight: 500;
  line-height: 38px;
  margin-bottom: 1.5rem;
}

.blog_detail .blogcontentwrapper ul li {
  font-size: 1rem;
  color: #000;
  line-height: 28px;
}

.blog_detail .blogcontentwrapper ul li p {
  margin: 0;
  font-weight: 500;
}

.blog_detail .blogcontentwrapper hr {
  margin: 30px 0;
}

.blog_detail .blogdetail-sidebar {
  background: linear-gradient(111.63deg, #FC5300 45.8%, #FF9C09 76.6%);
}

.blog_detail .blogdetail-sidebar::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-image: url("../images/blog/blog_detail_sidebar.jpg");
  background-size: cover;
  height: 100%;
  pointer-events: none;
}

.blog_detail .sidebar_border {
  margin: 3rem 0 3rem 0;
  border: 1px solid #CCCCCC;
}

.blog_detail .sidebar_tags .tags_img {
  width: 35px;
  height: 37px;
}

.blog_detail .sidebar_tags p {
  margin: 0 0 0 10px;
}

.blog_detail .sidebar_tags .tag a {
  color: #000;
  transition: 0.5s;
  border: 1px solid transparent;
}

.blog_detail .sidebar_tags .tag {
  padding: 5px 10px;
  background: #EFEFEF;
  border-radius: 38px;
  color: #000000;
  font-style: normal;
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  transition: 0.5s;
  float: left;
  margin: 5px 8px;
  border: 1px solid transparent;
}

.blog_detail .sidebar_tags .tag:hover {
  color: #F70000;
  background: #f0641336;
  border: 1px solid #F70000;
}

.blog_detail .blogspot img {
  width: 100%;
  height: auto;
}

.blog_detail .blogspot .blogico {
  display: flex;
}

.blog_detail .blogspot .blogico img {
  width: 36px;
  height: auto;
}

.blog_detail .blog_social {
  padding: 20px 40px;
  margin-top: 8rem;
  margin-bottom: 5rem;
  background-color: #FFE9DD;
  position: relative;
}

.blog_detail .blog_social::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  background-size: 150px;
  height: 100%;
  pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='123' height='82' fill='none'%3E%3Cg fill='%23FF5400' clip-path='url(%23a)'%3E%3Cpath fill-opacity='.22' d='M52.5 118c38.936 0 70.5-31.564 70.5-70.5S91.436-23 52.5-23-18 8.564-18 47.5 13.564 118 52.5 118Z'/%3E%3Cpath fill-opacity='.29' d='M46.413 89.598c23.25 0 42.098-18.848 42.098-42.098S69.663 5.403 46.414 5.403c-23.25 0-42.098 18.848-42.098 42.097 0 23.25 18.848 42.098 42.097 42.098Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M-18-23h141v141H-18z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

/* Sudhir 03-05-2023 End */

.ab-banner .btn-theme-white {
  --bs-btn-hover-bg: var(--secondary);
}

.dp-banner {
  padding-top: 6.25rem;
  padding-bottom: 6.25rem;
}

.dp-banner::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../images/depositeandwi.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}

.dpTable .dpHead {
  padding: 1.875rem;
}

.dpTable .dpRow {
  background: #004aad26;
  border-radius: 93px;
  padding: 1.25rem 1.875rem;
  margin-bottom: 1.875rem;
}

.dpTable .dpRow .btn {
  min-width: 214px;
}

.dpTableWrapper .nav-pills {
  --bs-nav-pills-border-radius: 5rem;
  --bs-nav-pills-link-active-bg: rgba(255, 142, 24, 0.25);
}

.dpTableWrapper .nav-pills .nav-link {
  width: 190px;
  height: 90px;
  padding: 0px;
}

.dpTable .dpRow .tHead,
.dpTable .dpHead .tHead {
  text-align: center;
  margin-bottom: 0px;
}

.dropdown-menu {
  overflow: hidden;
  --bs-dropdown-border-color: rgba(34, 43, 51, .06);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--black);
  --bs-dropdown-link-hover-bg: var(--bs-gray-300);
  --bs-dropdown-link-active-bg: transparent;
  --bs-dropdown-link-active-color: var(--primary);
  border-radius: 8px !important;
  box-shadow: 0 24px 64px rgba(34, 43, 51, .12);
  --bs-dropdown-padding-x: 0.5rem;
}

.dropdown-menu .dropdown-item {
  border-radius: 8px;
}

/* .dropdown-menu .dropdown-item{position: relative;transition:0.25s ease-in-out all;}
.dropdown-menu .dropdown-item::before{content: "";position: absolute;top: 0px;bottom: 0px;left: 1rem;margin: auto 0px;height: 2px;width: 0rem;background-color: var(--primary);transition:0.25s ease-in-out all;opacity: 0;border-radius: 1rem;}
.dropdown-menu .dropdown-item:hover,.dropdown-menu .dropdown-item:active{padding-left: 2.5rem;}
.dropdown-menu .dropdown-item:hover::before,.dropdown-menu .dropdown-item:active::before{width: 1rem;opacity: 1;} */
.tradingBanner {
  padding-top: 5rem;
}

.tradingBanner::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../images/man-analyzing.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}

@media (max-width: 768px) {
  .tradingBanner::before {
    background-position-x: 60%;
  }
}

.tradingBanner .bannerImg {
  margin-bottom: -5.9375rem;
}

.downloadWrapper .btn-group {
  filter: drop-shadow(0px 3.64129px 17px rgba(0, 0, 0, 0.04));
}

.downloadWrapper .btn-group .btn:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-link) {
  --bs-btn-padding-x: 2rem;
  --bs-btn-padding-y: 0.875rem;
  --bs-btn-font-family: var(--heading-font);
  --bs-btn-font-size: 1.5rem;
  --bs-btn-font-weight: 700;
}

.downloadWrapper .btn-group .btn-theme-white {
  --bs-btn-hover-color: var(--white);
  --bs-btn-hover-bg: var(--primary-light);
  --bs-btn-hover-border-color: var(--primary);
}

.downloadWrapper .btn-group .btn:hover svg path {
  stroke: var(--white);
}

.apps .card.mobileApp {
  background: linear-gradient(170.55deg, #FC5300 17.59%, #FF9C09 95.26%);
  --bs-card-spacer-y: 3.75rem;
  --bs-card-spacer-x: 3.75rem;
  --bs-card-title-spacer-y: 1.375rem;
  --bs-card-border-radius: 1rem;
  --bs-card-color: var(--white);
  --bs-card-border-color: transparent;
  overflow: hidden;
}

.apps .card.mobileApp::before {
  content: '';
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background-image: url('../images/mobile-world-bg.png');
  background-size: contain;
  background-position: bottom right;
  background-repeat: no-repeat;
  pointer-events: none;
}

.apps .card.tabApp {
  --bs-card-spacer-y: 3.75rem;
  --bs-card-spacer-x: 3.75rem;
  --bs-card-title-spacer-y: 1.375rem;
  --bs-card-border-radius: 1rem;
  --bs-card-color: var(--black);
  --bs-card-border-color: #E2CDCD;
  overflow: hidden;
}

.apps .card.tabApp::before {
  content: '';
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-image: url('../images/tabBg.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  pointer-events: none;
}

.downloadLinks .btn-group .btn:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-link) {
  --bs-btn-padding-x: 1.875rem;
  --bs-btn-padding-y: 0.875rem;
  --bs-btn-font-family: var(--heading-font);
  --bs-btn-font-size: 1.25rem;
  --bs-btn-font-weight: 700;
}

@media(min-width:75rem) {
  .downloadLinks .btn-group .btn:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-link) {
    --bs-btn-padding-x: 2rem;
    --bs-btn-padding-y: 2rem;
    --bs-btn-font-family: var(--heading-font);
    --bs-btn-font-size: 1.5rem;
    --bs-btn-font-weight: 700;
  }
}

.downloadLinks .btn-group .btn-theme-white {
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
}

/* border: 6px solid rgba(0, 0, 0, 0.06); */
.bg-gradient-gray-50 {
  background: rgb(255, 255, 255);
  background: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(244, 248, 255, 1) 50%);
  background: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(244, 248, 255, 1) 50%);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(244, 248, 255, 1) 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f4f8ff", GradientType=1);
}

.platformCTA .btn:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-link) {
  --bs-btn-padding-x: 3rem;
  --bs-btn-padding-y: 1.15rem;
}

.platformCTA .inner {
  background: linear-gradient(138.12deg, #000309 4.08%, #0E0E60 100%);
  padding: 3rem 5rem;
}

.platformCTA .inner::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url("../images/man-trading-browsing.jpg");
  background-size: cover;
  background-position: top right;
  pointer-events: none;
  background-position-y: 20%;
}

/* 09-10-2023 */
.accounts-banner {
  padding-top: 106px;
  padding-bottom: 164px;
  background-repeat: no-repeat;
  background-size: cover;
  color: var(--white);
  background-color: #000;
}

.accounts-banner.classic {
  background-image: url('../images/accounts/classic-banner-bg.jpg');
}

.accounts-banner.prime {
  background-image: url('../images/accounts/prime-banner-bg.jpg');
}

.accounts-banner.iPrime {
  background-image: url('../images/accounts/iPrime-banner-bg.jpg');
}

.accounts-banner.swapFree {
  background-image: url('../images/accounts/swapFree-banner-bg.jpg');
}

.switchAccounts {
  background-color: rgba(254, 251, 247, 1);
}

.saItems {
  padding: 25.8px 50px 23px 60px;
  border: .0875rem solid #EDEDED;
  background-color: var(--white);
  filter: drop-shadow(0px 3.6412882804870605px 17px rgba(0, 0, 0, 0.04));
}

.saItems .h4 {
  margin-bottom: 0px;
  margin-left: .75rem;
}

@media(min-width:992px) {
  .saItems {
    max-width: 799px;
    margin: 0px auto;
  }
}

.text-clr-141516 {
  color: #141516 !important;
}

.text-clr-022227 {
  color: #022227 !important;
}

.text-gray {
  color: #747382 !important;
}

.bg-fdfdfd {
  background-color: #fdfdfd !important;
}

.acdTable .col-row {
  background-color: #fff;
  border: 4px solid rgba(235, 235, 235, .2);
  border-radius: 1rem;
  padding: 2rem 3.125rem;
}

.acdTable .col-row:not(:last-child) {
  margin-bottom: .375rem;
}

.acdTable .card>img {
  max-width: 40px;
  margin-bottom: 8px;
}

.z-3 {
  z-index: 9999 !important;
}

.features {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1440 1048'%3E%3Cmask id='mask0_767_3484' width='1441' height='1048' x='-1' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23F4F4F4' d='M-1 0h1441v1048H-1V0Z'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_767_3484)'%3E%3Cg filter='url(%23filter0_f_767_3484)'%3E%3Cpath fill='url(%23paint0_linear_767_3484)' fill-opacity='.1' d='m-953.241 1080.94 203.447-765.869L303.482-89.3723 578.254 300.688 394.382 563.497-953.241 1080.94Z'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_767_3484)'%3E%3Cpath fill='%23170395' fill-opacity='.1' d='m-526.413 1266.63 122.104-459.654 632.151-242.737 164.912 234.105-110.355 157.732-808.812 310.554Z'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_767_3484)'%3E%3Cpath fill='url(%23paint1_linear_767_3484)' fill-opacity='.26' d='m674.801 729.068 123.704-442.709 613.235-216.49 156.2 232.393-108.52 149.83-784.619 276.976Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_767_3484' width='2031.49' height='1670.31' x='-1203.24' y='-339.371' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_767_3484' stdDeviation='125'/%3E%3C/filter%3E%3Cfilter id='filter1_f_767_3484' width='1419.17' height='1202.39' x='-776.414' y='314.238' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_767_3484' stdDeviation='125'/%3E%3C/filter%3E%3Cfilter id='filter2_f_767_3484' width='1277.14' height='1043.2' x='482.801' y='-122.133' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_767_3484' stdDeviation='96'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_767_3484' x1='221.928' x2='-753.423' y1='423.079' y2='374.819' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23030395'/%3E%3Cstop offset='1' stop-color='%23020220' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_767_3484' x1='639.344' x2='1411.68' y1='556.046' y2='526.112' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.15625' stop-color='%23E35728' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E35728'/%3E%3Cstop offset='1' stop-color='%23F8541D'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
}

/* .features .wrap{padding:3.125rem 3.4375rem;} */
.features .wrap {
  padding: calc(var(--base) * 2.5) calc(var(--base) * 2.75);
}

.features .wrap .card {
  border: 0px;
  border-radius: 1rem;
  --bs-card-spacer-y: calc(var(--base) * 2);
  --bs-card-spacer-x: calc(var(--base) * 2);
  --bs-card-title-spacer-y: 0rem;
}

@media(min-width:1440px) {
  .features .wrap .card {
    --bs-card-spacer-y: calc(var(--base) * 1.375);
    --bs-card-spacer-x: calc(var(--base) * 1.375);
  }
}

.features .wrap .card .card-img {
  margin-bottom: calc(var(--base) * 3.1125);
}

.features .wrap>.row {
  --bs-gutter-x: calc(var(--base) * 2.5);
  --bs-gutter-y: calc(var(--base) * 2.5);
}

.info.regulation .card {
  margin-top: -3rem;
  border: 0px;
  border-radius: 1rem;
  --bs-card-spacer-y: calc(var(--base) * 3);
  --bs-card-spacer-x: calc(var(--base) * 3);
}

.banner.regulation {
  background-image: url('../images/regulation-banner.jpg');
  background-size: cover;
  background-position: right center;
  padding-top: calc(var(--base) * 6);
  padding-bottom: calc(var(--base) * 7);
  background-repeat: no-repeat;
}

.banner.career {
  background-image: url('../images/career-banner.jpg');
  background-size: cover;
  background-position: right center;
  padding-top: calc(var(--base) * 6);
  padding-bottom: calc(var(--base) * 6);
  background-repeat: no-repeat;
}

.ibFormWrapper.career {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1440 450'%3E%3Cmask id='mask0_794_1912' width='1441' height='450' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23F4F4F4' d='M0 0h1441v450H0V0Z'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_794_1912)'%3E%3Cg filter='url(%23filter0_f_794_1912)'%3E%3Cpath fill='url(%23paint0_linear_794_1912)' fill-opacity='.1' d='m-952.237 961.4 203.447-681.174L-27.6453 33.94C177.874-36.2491 397.424 37.8523 548.282 228.324l30.976 39.11-183.872 233.745L-952.237 961.4Z'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_794_1912)'/%3E%3Cg filter='url(%23filter2_f_794_1912)'%3E%3Cpath fill='url(%23paint1_linear_794_1912)' fill-opacity='.26' d='m675.801 563.051 123.704-393.75L1412.74-23.2473l156.2 206.6923-108.52 133.261-784.619 246.345Z'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_f_794_1912' width='2031.49' height='1453.48' x='-1202.24' y='-242.082' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_794_1912' stdDeviation='125'/%3E%3C/filter%3E%3Cfilter id='filter1_f_794_1912' width='1419.17' height='1124.72' x='-775.41' y='251.84' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_794_1912' stdDeviation='125'/%3E%3C/filter%3E%3Cfilter id='filter2_f_794_1912' width='1277.14' height='970.297' x='483.801' y='-215.246' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_794_1912' stdDeviation='96'/%3E%3C/filter%3E%3ClinearGradient id='paint0_linear_794_1912' x1='222.932' x2='-751.79' y1='376.29' y2='322.065' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23030395'/%3E%3Cstop offset='1' stop-color='%23020220' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_794_1912' x1='640.344' x2='1412.37' y1='409.164' y2='375.522' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.15625' stop-color='%23E35728' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E35728'/%3E%3Cstop offset='1' stop-color='%23F8541D'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
}

.ibFormWrapper.career .ibFormWrap {
  background: #FFFFFF;
  border: 4px solid rgba(228, 230, 234, 0.34);
  border-radius: 14px;
  padding: 50px 50px 40px 45px;
}

.form-control::file-selector-button {
  float: right;
  margin: 0px;
  background-color: var(--secondary);
  color: #fff;
  border-radius: 4px;
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--primary);
  color: #fff;
  border-radius: 4px;
}

/* .form-control::file-selector-button span{line-height:normal;} */
.banner.mam {
  background-image: url('../images/accounts/mam-banner-bg.jpg');
  background-size: cover;
  padding-top: calc(var(--base) * 6);
  padding-bottom: calc(var(--base) * 6);
  background-repeat: no-repeat;
}

.banner.bom {
  background-image: url('../images/bom-banner-bg.jpg');
  background-size: cover;
  padding-top: calc(var(--base) * 7);
  padding-bottom: calc(var(--base) * 6);
  background-repeat: no-repeat;
}

.mam .cc-03 .row .col-wrap>.card {
  --bs-card-border-color: #E9E9E9;
  --bs-card-border-radius: 1.5625rem;
}

.ib-partner.mama .ibFormWrapper .ibFormInner {
  background: #FC5300;
  background: linear-gradient(112deg, #FC5300 45.8%, #FF9C09 76.6%);
  color: var(--white);
  margin-bottom: 100px;
}

@media(min-width:992px) {
  .ib-partner.mama .ibFormWrapper .ibFormInner .contents img {
    transform: translateY(-60px);
  }
}

.overview.pl .card {
  --bs-card-spacer-y: 2.5rem;
  --bs-card-spacer-x: 2.5rem;
  --bs-card-title-spacer-y: 0rem;
  --bs-card-border-width: 0px;
  --bs-card-border-radius: 1rem;
  /* --bs-card-height: ;
  --bs-card-color: ; */
  --bs-card-bg: var(--white);
}

.plForm .plFormWrap {
  background: #FFFFFF;
  border: 4px solid rgba(228, 230, 234, 0.34);
  border-radius: 14px;
  padding: 50px 50px 40px 45px;
  margin-bottom: -169px;
}

.plForm .plFormWrap .formGroup {
  margin-bottom: 2rem;
}

.plForm .plFormWrap .formGroup .form-label {
  font-size: 0.875rem;
  color: var(--black);
  font-weight: 500;
}

.plForm .plFormWrap .formGroup .form-control {
  height: 53px;
  border: 1px solid #E4EBF9;
  backdrop-filter: blur(2px);
  border-radius: 8px;
}

.boms .bommsWrap {
  border-radius: 24px;
  background-color: #F4F4F4;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1168 604'%3E%3Cmask id='mask0_811_3376' width='1168' height='604' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23F4F4F4' d='M0 24C0 10.7452 10.7452 0 24 0h1120c13.25 0 24 10.7452 24 24v556c0 13.255-10.75 24-24 24H24c-13.2549 0-24-10.745-24-24V24Z'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_811_3376)'%3E%3Cg filter='url(%23filter0_f_811_3376)'%3E%3Cpath fill='url(%23paint0_linear_811_3376)' fill-opacity='.1' d='m-682.243 904.447 203.447-679.659 720.69-245.5844c205.801-70.129 425.651 3.9084 576.715 194.2154l30.643 38.604L665.38 445.25-682.243 904.447Z'/%3E%3C/g%3E%3Cg filter='url(%23filter1_f_811_3376)'%3E%3Cpath fill='%23170395' fill-opacity='.04' d='m-552.411 554.053 122.104-407.916L201.844-69.2761 366.756 138.477 256.4 278.454l-808.811 275.599Z'/%3E%3C/g%3E%3Cg filter='url(%23filter2_f_811_3376)'%3E%3Cpath fill='url(%23paint1_linear_811_3376)' fill-opacity='.48' d='m-281.069 805.754 92.56-293.962 458.846-143.751 116.868 154.311-81.2 99.488-587.074 183.914Z'/%3E%3C/g%3E%3Cpath fill='url(%23paint2_linear_811_3376)' d='M328.522 188.745c15.776-4.95 29.208 15.547 23.509 35.876L284.08 467.003c-2.403 8.572-7.852 14.986-14.505 17.074l-427.15 134.02c-6.916 2.17-14.152-.641-19.088-7.416l-96.205-132.056c-7.805-10.714-7.602-27.931.454-38.458l59.249-77.419c2.672-3.49 6.003-5.938 9.63-7.077l532.057-166.926Z'/%3E%3Cpath fill='url(%23paint3_linear_811_3376)' d='M429.58 363.006c15.84-5.597 29.969 14.819 24.504 35.407l-46.533 175.293c-2.25 8.476-7.511 14.895-14.044 17.137L66.7022 702.973c-6.9271 2.377-14.2979-.276-19.4126-6.987l-82.2892-107.972c-2.2547-2.959-3.9651-6.572-4.9961-10.556l-4.3747-16.902c-3.8556-14.897 2.5515-30.973 13.9494-35.001L429.58 363.006Z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_811_3376' x1='492.926' x2='-481.782' y1='320.638' y2='266.292' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23030395'/%3E%3Cstop offset='1' stop-color='%23020220' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_811_3376' x1='-307.598' x2='270.053' y1='690.866' y2='665.638' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.15625' stop-color='%23E35728' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E35728'/%3E%3Cstop offset='1' stop-color='%23F8541D'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_811_3376' x1='393.825' x2='-173.404' y1='296.976' y2='331.719' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.15625' stop-color='%23E35728' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E35728'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_811_3376' x1='76.07' x2='429.341' y1='542.763' y2='524.995' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23030395'/%3E%3Cstop offset='1' stop-color='%23040733' stop-opacity='0'/%3E%3C/linearGradient%3E%3Cfilter id='filter0_f_811_3376' width='2031.49' height='1451.25' x='-932.242' y='-296.797' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_811_3376' stdDeviation='125'/%3E%3C/filter%3E%3Cfilter id='filter1_f_811_3376' width='1419.17' height='1123.33' x='-802.412' y='-319.277' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_811_3376' stdDeviation='125'/%3E%3C/filter%3E%3Cfilter id='filter2_f_811_3376' width='1052.27' height='821.711' x='-473.068' y='176.043' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_811_3376' stdDeviation='96'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}

.boms .bommsWrap .card .card-title {
  position: absolute;
  bottom: 0px;
  font-size: 1.125rem;
  color: var(--white);
  padding: 30px 24px;
  margin-bottom: 0px;
}

.boms .bommsWrap .card:hover .card-title {
  transform: none;
}

@media(min-width:992px) {
  .boms .bommsWrap .heading {
    transform: translate3d(60px, 60px, 0px);
  }

  .boms .bommsWrap .card .card-title {
    transform: translate3d(0px, 100px, 10px);
    will-change: transform;
    transition: 0.25s ease-in-out all;
  }
}

.ceoWrap {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 1169 322'%3E%3Cpath fill='url(%23paint0_linear_811_3385)' d='M0 0h1169v322H0V0Z'/%3E%3Cmask id='mask0_811_3385' width='1169' height='322' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='url(%23paint1_linear_811_3385)' d='M0 0h1169v322H0V0Z'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_811_3385)'%3E%3Cpath fill='url(%23paint2_linear_811_3385)' d='m942.173 383.942 3.537-306.7291 386.5-245.4629 152.07 122.8203-47.6 115.3221L942.173 383.942Z'/%3E%3Cpath fill='url(%23paint3_linear_811_3385)' d='m797.432 243.561-.533-229.1346L1081.9-177.361l114.41 88.3805-34.22 87.16406L797.432 243.561Z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_811_3385' x1='34.754' x2='171.145' y1='16.3038' y2='568.477' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23010918'/%3E%3Cstop offset='1' stop-color='%23070746'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_811_3385' x1='34.754' x2='171.145' y1='16.3038' y2='568.477' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23043DAC'/%3E%3Cstop offset='1' stop-color='%230F0F6E'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_811_3385' x1='885.22' x2='1409.62' y1='278.539' y2='103.026' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.15625' stop-color='%23E35728' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23E35728'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_811_3385' x1='1103' x2='789.058' y1='-24.6328' y2='76.6423' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23030395'/%3E%3Cstop offset='1' stop-color='%23040733' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: top right;
  border-radius: 18px;
}

.ceoWrap .content {
  padding: calc(var(--base) * 1.5) calc(var(--base) * 5) calc(var(--base) * 1.5) calc(var(--base) * 3.5);
}

.whyUs .card img {
  max-width: 50px;
}

header.site-header .main-nav .navbar-brand {
  max-width: 170px;
}



/* Usama */
/* New Code Here */
.text-clr-F2AA3C {
  color: #F2AA3C;
}


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

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

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


.btn-theme-gradient {
  background-image: linear-gradient(112.36deg, #004aad 29.97%, #042f66 67.55%);
  background-size: 200%;
  background-position: center;
  color: var(--white);
  transition: background-position 300ms ease;
}

.btn-theme-gradient svg g {
  stroke: var(--white);
}

.btn-theme-gradient:hover {
  background-position: left;
}

/* .header-wrap .main-nav {
  --bs-navbar-padding-y: 1rem;
} */

.header-wrap.header-sticky .main-nav {
  --bs-navbar-padding-y: .6rem;
}


.breadcrumb.breadcrumb_light :is(li, a, a::before) {
  color: #ffffff !important;
}

/* .breadcrumb.breadcrumb_light li{color: #ffffff !important;} */

.common-banner.openAccount {
  padding: 100px 0px 300px;
}

.formOA .ibFormWrap {
  margin-top: -300px;
  padding: 70px;
  border-radius: 20px;
  position: relative;
}

.economicChart .tradingview-widget-container {
  margin-top: -300px;
}

.dotted {
  position: relative;
}

.dotted::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-image: url('../images/dotted.svg');
  filter: opacity(0.4);
}



/*---------------------- Media Query start here ( min width queries ) ----------------------*/
@media(min-width:1640px) {
  .hero .heroBanner .swiper-slide {
    background-position: 84% 50%;
  }
}

@media(min-width:1919px) {
  .hero .heroBanner .swiper-slide {
    background-position: 70% 50%;
  }
}

/* Sudhir 05-05-2023 Start */
@media(min-width:62rem) {
  .ab_valuecircle::before {
    background-size: 90rem;
  }
}

/* Sudhir 05-05-2023 End */
@media(min-width:1919px) {}

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

  .dpTableWrapper .nav-pills .nav-link {
    width: 150px;
    height: 45px;
    padding: 0px;
    border: 1px solid #05ba30b8;
    margin: 0px 10px 0px 0px;
  }
}

@media (max-width: 85rem) {
  .ibCards .worldCard {
    padding: 200px 250px 50px 50px;
  }

  .ibCards .chartCard {
    padding: 40px 20px 140px;
  }

  .ibCards .withdrawalCard {
    padding: 100px 180px 40px 40px;
  }
}

@media (min-width: 80rem) {
  .navbar .dropdown-menu-end {
    right: 0;
    left: auto;
  }

  .navbar .nav-item .dropdown-menu {
    display: block;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    margin-top: 0;
  }

  .navbar .dropdown-menu.fade-down {
    top: 80%;
    transform: rotateX(-75deg);
    transform-origin: 0% 0%;
  }

  .navbar .dropdown-menu.fade-up {
    top: 180%;
  }

  .navbar .nav-item:hover .dropdown-menu {
    transition: .3s;
    opacity: 1;
    visibility: visible;
    top: 100%;
    transform: rotateX(0deg);
  }
}

@media (max-width: 74.9375rem) {
  .row-cols-7>* {
    flex: 0 0 auto;
    width: calc(100% / 6)
  }

  /* Sudhir 02-05-2023 Start */
  .account_comparison .table {
    width: 1080px;
  }

  /* Sudhir 02-05-2023 End */

}

@media (max-width: 75rem) {
  .navbar-nav {
    --bs-nav-link-padding-x: 15px;
  }

  .dropdown-menu {
    --bs-dropdown-item-padding-y: .625rem;
    --bs-dropdown-item-padding-x: .625rem;
  }

  .site-header .navbar-nav .nav-link[aria-expanded="true"],
  .site-header .navbar-nav .nav-link:active,
  .site-header .navbar-nav .nav-link:hover {
    background-color: var(--primary);
    color: #fff;
  }

  .dropdown-toggle:hover::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='m12.0002 13.1719 4.95-4.95 1.414 1.414L12.0002 16l-6.364-6.364 1.414-1.414 4.95 4.95Z'/%3E%3C/svg%3E");
  }

  .dropdown-item:focus,
  .dropdown-item:hover {
    color: var(--white);
    background-color: var(--primary)
  }
}

@media (max-width: 64rem) {}

@media (min-width: 61.9375rem) and (max-width: 75rem) {

  .valuecard.py-5,
  .valuecard.px-5 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
    padding-right: 1rem !important;
    padding-left: 2.5rem !important;
  }
}

@media (max-width: 61.9375rem) {

  /* .hero .heroBanner .swiper-slide{background-image: none !important;} */
  .cc-05::before {
    background-size: cover;
  }

  .cc-07 .downloadLinksWrap .innerWrap .d-flex .flex-col {
    max-width: calc(100% / 2 - 1rem);
  }

  .cc-07 .downloadLinksWrap .innerWrap {
    padding: 6.25rem 3.25rem 6.25rem;
  }

  .cc-07 .downloadLinksWrap {
    margin-top: -6.25rem;
  }

  .fxTable {
    width: 48rem;
  }

  .markets-banner {
    padding-top: calc(3.25rem - 1vw);
    padding-bottom: calc(3.25rem - 1vw);
  }

  .ib-banner .bg-white.rounded-pill.p-3,
  .dp-banner .bg-white.rounded-pill.p-3 {
    border-radius: 1rem !important;
  }

  .footerCTA .display-5 {
    font-size: calc(1.25rem + 1.875vw);
  }

  .footerCTA .btn-theme-primary {
    --bs-btn-bg: var(--white);
    --bs-btn-color: var(--black);
    --bs-btn-border-color: var(--white);
    --bs-btn-active-bg: var(--secondary);
    --bs-btn-active-border-color: var(--secondary);
    --bs-btn-disabled-bg: var(--secondary-extra-light);
    --bs-btn-disabled-border-color: var(--secondary-extra-light);
    --bs-btn-hover-color: var(--white);
    --bs-btn-hover-bg: var(--secondary);
    --bs-btn-hover-border-color: var(--secondary);
  }

  /* Sudhir 01-05-2023 Start */
  .about .col-wrap .card {
    padding: 1.5rem !important
  }

  .about .fs-50 {
    font-size: 2.325rem
  }

  .ab_missioncircle img,
  .ab_valuecircle img {
    margin-top: 0 !important
  }

  .about .col-wrap .card .card-body {
    padding: 0 !important
  }

  .about .ab_missioncircle::before {
    background-position: top right;
    border-radius: .875rem .875rem 0 0
  }

  .about .col-wrap .res_pyx {
    padding: .5rem !important
  }

  .about .valuecard .pb-100 {
    padding-bottom: calc(1.5rem - 1vw) !important
  }

  .about .res_mtb_12 {
    margin-top: 1rem;
    margin-bottom: 2rem;
    margin-left: 0 !important
  }

  .about .ab_partner_card {
    padding: calc(.85rem + 1vw)
  }

  .about .cc-03 {
    padding: 2.5rem 0 !important
  }

  /* Sudhir 01-05-2023 End */
  /* Sudhir 02-05-2023 Start */
  .account_comparison .table {
    width: 768px
  }

  .account_comparison .table thead {
    font-size: 1.1rem
  }

  .account_comparison .table tbody tr {
    font-size: .9rem
  }

  .account_comparison .table>:not(caption)>*>* {
    height: auto;
    padding: .5rem 1.2rem
  }

  .contact .rounded-pill {
    border-radius: 16px !important
  }

  .contact .ibFormWrapper .ibFormInner {
    padding: 35px
  }

  .contact .ibFormWrapper .ibFormInner .ibFormWrap {
    margin-top: 30px;
    padding: 16px
  }

  .blog_banner .heading h5 {
    margin-bottom: 2rem
  }

  .blog-content .blog_banner::before {
    background-position: center;
    background-size: auto
  }

  .blog-content .footerCTA.py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important
  }

  .blog-content .footerCTA.px-5 {
    padding-left: .5rem !important;
    padding-right: .5rem !important
  }

  /* Sudhir 02-05-2023 End */

  /* Sudhir 03-05-2023 Start */
  .blogcontentwrapper .blog_content .img-fluid {
    width: 100%
  }

  .blog_detail .hero-wrap h1 {
    padding-bottom: 1rem !important
  }

  .blog_detail .subheding {
    padding-top: .5rem !important
  }

  .blog_detail .blog_social::before {
    background-size: 210px
  }

  /* Sudhir 03-05-2023 End */
  .accounts-banner,
  .ib-banner.pl {
    padding: calc(var(--base) * 5) 0px;
  }

  .banner.career,
  .banner.regulation {
    background-position: center center;
  }

  .mam .cc-03 .row .col-wrap>.card {
    padding: 32px 24px !important;
  }

  .boms .bommsWrap .heading {
    padding: 1.625rem;
  }

  .ceoWrap .content {
    padding: calc(var(--base) * 4) calc(var(--base) * 4);
  }

  .ceoWrap .content p:last-child {
    font-size: calc(var(--base) * 1.25);
  }
}

@media (max-width: 50rem) {

  /* Sudhir 03-05-2023 Start */
  .blog_detail .blog_social::before {
    background-size: 250px;
  }

  /* Sudhir 03-05-2023 End */
  .ibCards .worldCard,
  .ibCards .ctaCard {
    padding: 30px;
  }

  .ibCards .withdrawalCard {
    padding: 100px 50px 30px 30px;
  }

  .ibCards .chartCard {
    padding: 40px 30px 110px;
  }

  .stepsWrap {
    padding: 24px;
    border-radius: 1rem;
  }

  .ib-steps [class*='step-'] .btn:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-link) {
    --bs-btn-padding-x: 0;
    --bs-btn-padding-y: 0.25rem;
    height: 46px;
    width: 46px;
    font-size: 1.5rem;
  }

  .ibFormWrapper .ibFormInner {
    padding: 30px 20px 30px 20px;
  }

  .ibFormWrapper .ibFormInner .ibFormWrap {
    padding: 24px;
  }

  .ib-steps {
    padding-bottom: 9rem;
  }

  .ib-banner .bg-white.rounded-pill.p-3 h5,
  .dp-banner .bg-white.rounded-pill.p-3 h5 {
    font-size: 1rem;
  }

  .downloadWrapper .btn-group .btn:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-link) {
    --bs-btn-padding-x: 1.125rem;
    --bs-btn-font-size: 1.125rem;
  }

  .downloadWrapper {
    padding-top: 6.25rem;
  }

  .saItems {
    padding: 1rem .5rem;
    --bs-border-radius-pill: 1rem;
  }

  .acdTable .col-row {
    padding: 2rem;
  }

  .cc-07 .downloadLinksWrap .innerWrap {
    padding: 6.25rem 2.125rem 6.25rem;
  }

  .cc-07 .downloadLinksWrap .innerWrap .d-flex .flex-col {
    max-width: 100% !important;
  }

  .ibFormWrapper .ibFormInner .ibFormWrap,
  .plForm .plFormWrap {
    margin-bottom: -6.25rem;
  }
}

@media (max-width: 47.9375rem) {
  .container {
    --bs-gutter-x: 3rem
  }

  .hero .hero-wrap,
  .ab-banner,
  .about .cc-03,
  .cc-04,
  .dp-banner {
    padding-top: calc(7.875rem / 2 - var(--base));
    padding-bottom: calc(7.875rem / 2 - var(--base));
  }

  .cc-07 .downloadLinksWrap .innerWrap .d-flex .flex-col {
    max-width: calc(100% - 1rem);
  }

  .row-cols-7 {
    column-gap: 0.5rem;
  }

  .row-cols-7>* {
    flex: 0 0 auto;
    width: calc(100% / 3)
  }

  .paymentMethodsWrapper::after,
  .paymentMethodsWrapper::before {
    width: 60px;
  }

  .site-wrapper:not(.deposit-withdrawal):not(.blog_detail) .footerCTA {
    padding: 0px !important;
  }

  .dpTableWrapper .nav-pills .nav-link {
    width: 115px;
    height: 50px;
    padding: 0px 14px;
  }

  .dpTable .dpHead {
    padding: 0.875rem 0rem;
  }

  .dpTable .dpRow {
    border-radius: 1rem;
    padding: 1.25rem 0.875rem;
    margin-bottom: 1.5rem;
  }

  .dpTable .dpHead .fs-18,
  .dpTable .dpRow .fs-18 {
    font-size: 0.875rem;
  }

  .dpTable .dpRow,
  .dpTable .dpHead {
    --bs-gutter-x: 0.5rem;
  }

  .dpTable .dpRow .btn:not(.btn-sm):not(.btn-md):not(.btn-lg):not(.btn-link) {
    --bs-btn-padding-x: 1.875rem;
    --bs-btn-padding-y: 0.5rem;
    min-width: auto;
    --bs-btn-font-size: 0.875rem;
  }

  .ib-banner .bg-white.rounded-pill.p-3 h5 br,
  .dp-banner .bg-white.rounded-pill.p-3 h5 br {
    display: none;
  }

  .downloadWrapper .btn-group {
    flex-direction: column;
    border-radius: 8px !important;
    width: 100%;
  }

  .apps .card {
    --bs-card-spacer-y: 1.75rem !important;
    --bs-card-spacer-x: 1.75rem !important;
  }

  .apps .card .fs-20 {
    font-size: 1rem;
  }

  .platformCTA .inner {
    padding: 2.5rem 2rem;
  }

  .valuecard .col-wrap.pt-100 {
    padding-top: 3rem;
  }

  .boms .bommsWrap {
    background-size: auto;
  }

  .usp .uspWarpper .fs-30 {
    font-size: calc(var(--base) * 2);
  }

  /* card */
  .instruments .forexCard {
    --bs-card-spacer-x: 1.5rem;
    --bs-card-spacer-y: 1.875rem;
  }

  .cc-04 .card {
    --bs-card-spacer-y: 1.125rem;
  }

  /* .cc-04 .card img,
  .features .wrap .card .card-img img {
    max-width: calc(var(--base) * 4.5);
  } */

  .instruments .indicesCard,
  .instruments .metalCard,
  .instruments .cfdCard,
  .instruments .cryptoCard,
  .priceCard,
  .priceCard.prime,
  .site-wrapper:not(.marketsPages) .cc-04 .card {
    --bs-card-spacer-x: 1.5rem;
  }

  .overviewCtaWrap {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .overviewCta .hero-content {
    padding: 1.875rem 0px;
  }

  /* .site-wrapper.marketsPages .cc-04 .card{--bs-card-spacer-x:0rem;--bs-card-spacer-y:0rem;} */
  .info.regulation .card {
    --bs-card-spacer-x: calc(var(--base) * 1);
  }

  .ibFormWrapper .ibFormInner .ibFormWrap,
  .plForm .plFormWrap,
  .ibFormWrapper.career .ibFormWrap,
  .contact .ibFormWrapper .ibFormInner {
    padding: 18px 24px 40px;
  }

  .overview.pl .card {
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.04);
  }

  .blog-content .btn.unselected,
  .blog-content .btn {
    --bs-btn-padding-x: 1.5rem !important;
    --bs-btn-padding-y: 0.6rem !important;
  }

  .marketsPages .overview .col-wrap.position-relative {
    padding-top: calc(var(--base) * 7);
  }

  .marketsPages .overview .figure.bottom-50.start-50 {
    top: -80px !important;
    bottom: auto !important;
    left: 0px !important;
    right: 0px;
    margin: 0px auto;
    max-width: 70%;
  }

  .marketsPages .indices .overview .figure.bottom-50.start-50 {
    top: -50px !important;
    max-width: 90%;
  }

  .contact .ibFormWrapper .ibFormInner {
    margin-top: -16rem;
    margin-bottom: 8rem;
  }

  /* For Banners */
  .hero .heroBanner .swiper-slide.slide-00 {
    background-size: calc(var(--base) * 50);
    background-position: top right;
  }

  .hero .heroBanner .hero-wrap,
  .markets-banner,
  .ib-banner,
  .accounts-banner,
  .ib-banner.pl,
  .banner.mam,
  .banner.bom,
  .ab-banner,
  .banner.career {
    background-size: calc(var(--base) * 50);
    background-position: top right;
    padding-top: calc(var(--base) * 20);
  }

  .accounts-banner {
    padding-top: calc(var(--base) * 14);
  }

  .cc-06,
  .cc-07 {
    padding-top: calc(var(--base) * 4);
  }

  .ib-banner {
    padding-bottom: 40px;
  }

  .offcanvas,
  .offcanvas-lg,
  .offcanvas-md,
  .offcanvas-sm,
  .offcanvas-xl,
  .offcanvas-xxl {
    --bs-offcanvas-width: 100%
  }

  .formOA .ibFormWrap {
    padding: 30px;
  }

}

@media (max-width: 30rem) {}

@media (max-width: 29.75rem) {
  .fs-50 {
    font-size: calc(var(--base) * 2.7);
  }

  .fs-40 {
    font-size: calc(var(--base) * 2.5);
  }

  .display-5 {
    font-size: calc(var(--base) * 2.125);
  }

  .fs-20 {
    font-size: calc(var(--base) * 1.25);
  }

  .features .wrap .card .fs-30 {
    font-size: calc(var(--base) * 1.875);
  }

  .banner.career .fs-5,
  .regulation .fs-5 {
    font-size: calc(var(--base) * 1.35) !important;
  }
}

/*  */
@media(min-width: 87.5rem) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 73.125rem !important;
  }
}


/* new css addd */
.new-card-float {
  perspective: 1200px;
  width: 100%;
  margin: auto;
  animation: float 3s ease-in-out infinite alternate;
}

@keyframes float {
  0% {
    transform: translateY(0);
  }

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

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

.new-card-inner {
  position: relative;
  width: 100%;
  height: 250px;
  transform-style: preserve-3d;
  transition: transform 1s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.new-card-float:hover .new-card-inner {
  transform: rotateY(180deg);
}

.new-card-front,
.new-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  border-radius: 20px;
  background: linear-gradient(135deg, #ffffff, #f0f5ff);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8px 13px #004aad33;
  padding: 20px;
  box-sizing: border-box;
  transition: all 0.6s ease;
}

.new-card-back {
  transform: rotateY(180deg);
  text-align: center;
}

.new-card__title {
  font-size: 20px;
  font-weight: 700;
  color: var(--primary);
  margin-bottom: 10px;
}

.new-card__description {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}

.icon-wrap svg {
  transition: transform 0.8s, filter 0.8s;
}

.new-card-float:hover .icon-wrap svg {
  transform: scale(1.2) rotate(5deg);
  filter: drop-shadow(0 8px 20px rgba(0, 74, 173, 0.35));
}




/* Smooth scroll bar look */
.nav-pills {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  /* Firefox */
}

.nav-pills::-webkit-scrollbar {
  display: none;
  /* Chrome, Safari */
}

.nav-item {
  flex: 0 0 auto;
  /* Prevent shrinking */
}



/* deposit card */
.bonus-card {
  position: relative;
  padding: 30px 16px;
  border-radius: 20px;
  background: #fff;
  border: 2px solid var(--primary);
  text-align: center;
  color: var(--primary);
  box-shadow: 0 0 15px rgba(47, 128, 237, 0.1);
  overflow: hidden;
  transition: all 0.4s ease;
  animation: pulse 2.5s infinite;
}

/* Subtle glow animation */
@keyframes pulse {

  0%,
  100% {
    box-shadow: 0 0 10px rgba(47, 128, 237, 0.2);
    transform: scale(1);
  }

  50% {
    box-shadow: 0 0 25px rgba(47, 128, 237, 0.4);
    transform: scale(1.02);
  }
}

.bonus-card h1 {
  font-size: 60px;
  background: linear-gradient(90deg, var(--primary), #00c6ff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}

.bonus-card p {
  font-size: 20px;
  color: var(--primary);
  margin-top: 8px;
  font-weight: 500;
}

/* Hover effect */
.bonus-card:hover {
  transform: scale(1.05);
  box-shadow: 0 0 30px rgba(47, 128, 237, 0.3);
}



.floating-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  /* background: #000000; */
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  z-index: 9999;
  animation: blinkBtn 1.5s infinite ease-in-out;
}

.floating-btn img {
  width: 50px;
  height: 50px;
}

/* Blink Animation */
@keyframes blinkBtn {

  0%,
  100% {
    box-shadow: 0 0 10px #3F3F3F, 0 0 20px var(--primary);
    transform: scale(1);
  }

  50% {
    box-shadow: 0 0 20px var(--primary), 0 0 40px #4E4D4D;
    transform: scale(1.1);
  }
}



.truncate-text2 {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 77px;
}

.img-circle-bg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 80px;
  background: white;
  border-radius: 50%;
}

.img-circle-bg img {
  width: 60%;
  height: auto;
}



/* card section */

/* Section background */
.forex-section {
  background: #f4f7ff;
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}

/* Container */
.forex-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
}

/* Left Image */
.forex-image {
  flex: 1 1 25%;
  position: relative;
  border-radius: 60px;
  overflow: hidden;
  z-index: 1;
}

.forex-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 25px;
  filter: brightness(0.9) contrast(1.1);
}

/* Blue gradient overlay */
.forex-image::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at center, rgba(0, 122, 255, 0.25), rgba(0, 0, 0, 0.45));
  mix-blend-mode: overlay;
}

/* Right content overlapping */
.forex-content {
  flex: 1 1 50%;
  position: relative;
  z-index: 2;
  margin-left: -80px;
  /* overlap magic */
}

.forex-box {
  background: #fff;
  border-radius: 20px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
  padding: 40px;
  position: relative;
  z-index: 3;
}

/* Badge */
.badge-tag {
  display: inline-block;
  background: #eaf1ff;
  color: #2d65f7;
  font-size: 13px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 50px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  margin-bottom: 15px;
}

/* Text Styles */
.forex-box h2 {
  font-weight: 700;
  font-size: 36px;
  color: #1c1f3a;
  margin-bottom: 15px;
}

.forex-box h6 {
  font-weight: 600;
  margin-top: 25px;
  margin-bottom: 10px;
  color: #1c1f3a;
}

.forex-box p,
.forex-box ul {
  color: #5e6278;
  font-size: 15px;
  line-height: 1.7;
  margin-bottom: 10px;
}

.forex-box ul {
  padding-left: 20px;
}

.forex-box ul li {
  margin-bottom: 6px;
}

/* Responsive Design */
@media (max-width: 992px) {
  .forex-container {
    flex-direction: column;
    text-align: left;
  }

  .forex-content {
    margin-left: 0;
    margin-top: -40px;
    /* still slightly overlap */
  }

  .forex-box {
    padding: 30px;
  }

  .forex-box h2 {
    font-size: 24px;
  }
}

@media (max-width: 576px) {
  .forex-box {
    padding: 24px;
  }

  .badge-tag {
    font-size: 12px;
    padding: 5px 12px;
  }

  .forex-box h2 {
    font-size: 22px;
  }
}






/* ======== Price Card Swiper Controls ======== */
.priceCardSwiper {
  position: relative;
  padding-bottom: 3rem;
  /* space for dots + arrows */
}

/* --- Common settings --- */
.priceCardSwiper .swiper-pagination,
.priceCardSwiper .swiper-button-prev,
.priceCardSwiper .swiper-button-next {
  position: absolute;
  bottom: 0;
  z-index: 10;
}

/* Dots always on the left */
.priceCardSwiper .swiper-pagination {
  left: 15px;
  width: auto;
  text-align: left;
  bottom: 15px;
}

/* Arrows always on the right */
.priceCardSwiper .swiper-button-prev,
.priceCardSwiper .swiper-button-next {
  top: auto;
  bottom: 5px;
  transform: none;
  color: var(--primary);
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.05);
  display: flex;
  align-items: center;
  justify-content: center;
}

.priceCardSwiper .swiper-button-prev {
  right: 4.5rem;
  left: auto;
}

.priceCardSwiper .swiper-button-next {
  right: 1rem;
  left: auto;
}

.priceCardSwiper .swiper-button-prev:hover,
.priceCardSwiper .swiper-button-next:hover {
  background: var(--primary);
  color: #fff;
}

/* --- Make it scale nicely on all screen sizes --- */
@media (max-width: 768px) {
  .priceCardSwiper {
    padding-bottom: 4rem;
  }

  .priceCardSwiper .swiper-pagination {
    left: 10px;
    bottom: 10px;
  }

  .priceCardSwiper .swiper-button-prev,
  .priceCardSwiper .swiper-button-next {
    width: 32px;
    height: 32px;
    bottom: 10px;
  }

  .priceCardSwiper .swiper-button-prev {
    right: 3rem;
  }

  .priceCardSwiper .swiper-button-next {
    right: 0.8rem;
  }

  .account_comparison .ac_compare-banner::before {
    background-size: cover;
    background-position-x: 66%;
  }
}

@media (max-width: 480px) {
  .priceCardSwiper .swiper-pagination {
    left: 8px;
  }

  .priceCardSwiper .swiper-button-prev {
    right: 3.8rem;
  }

  .priceCardSwiper .swiper-button-next {
    right: 0.5rem;
  }
}







.card-box {
  padding: 2rem;
  background-image: linear-gradient(to bottom left, #e0e4e5, #f2f6f9);
  border-radius: 2rem;
  display: grid;
  grid-template: 'title icon' 'content content' 'bar bar' / 1fr auto;
  color: #444447;
  box-shadow: inset -2px 2px hsl(0 0 100% / 1), -20px 20px 40px hsl(0 0 0 / .25);
}

.card-box .title {
  font-size: 1.2rem;
  font-weight: 500;
}





.faq-item {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.faq-question {
  width: 100%;
  background: none;
  border: none;
  outline: none;
  text-align: left;
  font-size: 1.1rem;
  font-weight: 600;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 0;
}

.faq-question .icon {
  transition: transform 0.3s ease;
  font-weight: bold;
  font-size: 1.2rem;
}

.faq-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  padding: 0 0;
}

.faq-answer p {
  margin: 10px 0;
}

.faq-item.active .faq-answer {
  max-height: 200px;
  /* enough for content */
  padding: 10px 0;
}

.faq-item.active .faq-question .icon {
  transform: rotate(180deg);
  content: "–";
}





/* Section background */

.trading-widget-card {
  background: #161b23;
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  padding: 18px;
  margin-bottom: 25px;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.25);
  transition: 0.3s ease;
}

.trading-widget-card:hover {
  transform: translateY(-5px);
  box-shadow: 0px 14px 35px rgba(0, 0, 0, 0.35);
}

#tradingview_advanced_chart {
  height: 420px !important;
  border-radius: 16px;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.35);
}

@media (max-width: 768px) {
  .trading-widget-card {
    padding: 12px;
  }

  #tradingview_advanced_chart {
    height: 350px !important;
  }
}



.featureCard {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.05);
  transition: 0.3s ease;
}

.featureCard:hover {
  transform: translateY(-5px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}



.powerCard {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.06);
  transition: 0.3s ease;
}

.powerCard:hover {
  transform: translateY(-6px);
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.12);
}

.countCircle {
  width: 55px;
  height: 55px;
  border-radius: 50%;
  background: var(--primary);
  color: #fff;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  font-weight: 600;
}

.market-card {
  background: #fff;
  border-radius: 18px;
  padding: 18px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06);
  border: 1px solid #f1f1f1;
  transition: 0.3s ease;
  height: 100%;
}

.market-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.10);
}

.symbol-title {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
  color: #333;
}