*,

*::before,

*::after {

  box-sizing: border-box;

}



:root {

  --primary: #EAC984;

  --secondary: #7E5D34;

  --accent: #0E0022;

  --white: #ffffff;

  --black: #000000;

  --bs-accord-text: #38345B;

}



html {

  scroll-behavior: smooth;

}



body {

  margin: 0;

  padding: 0;

  font-family: "BR Hendrix", sans-serif;

}



h1,

h2,

h3,

h4,

h5,

h6,

.btn input[type="submit"],

button,

a {

  font-family: 'BR Hendrix' !important;

}



.font_inter {

  font-family: "BR Hendrix", sans-serif !important;

}



h1,

h2,

h3,

h4,

h5,

h6,

p {

  margin: 0px;

  padding: 0px;

}



.fs-60 {

  font-size: clamp(28px, 5vw, 60px);

}



.fs-52 {

  font-size: clamp(30px, 4.8vw, 52px);

}
.fs-50 {

  font-size: clamp(30px, 4.8vw, 50px);

}



.fs-38 {

  font-size: clamp(30px, 3.4vw, 38px);

}



.fs-36 {

  font-size: clamp(22px, 3.5vw, 36px);

}



.fs-30 {

  font-size: 30px;

}



.fs-26 {

  font-size: 26px;

}



.fs-22 {

  font-size: 22px;

}



.fs-18 {

  font-size: 18px;

}



.fs-15 {

  font-size: 15px;

}
.fs-14 {

  font-size: 14px;

}



.fs-12 {

  font-size: 12px;

}



.text-blue {

  color: var(--bs-accord-text);

}
.text-262626{color: #262626;}
.h-color{color: #1D1D1D;}

.fade {
    transition: opacity .2s 
linear;
}

.btn {

  --bs-btn-font-weight: 500;

  --bs-btn-padding-y: .5625rem;

  --bs-btn-padding-x: 1.25rem;

  --bs-btn-font-size: 0.875rem;

  --bs-btn-border-radius: 50rem;

  --bs-btn-line-height: 1.15;

  --arrow-width: 12px;

  --arrow-stroke: 2px;

  display: inline-flex;

  align-items: center;

  gap: 0.6rem;

  transition: all 0.3s ease;

  position: relative;

  border: none;

  overflow: hidden;

}



.btn-sm {

  --bs-btn-font-size: .875rem;

  --bs-btn-padding-y: .375rem;

  --bs-btn-padding-x: 1.0625rem;

}

.nav-btn.btn-sm {
  --bs-btn-font-size: 1rem;
  --bs-btn-padding-y: .475rem;
  --bs-btn-padding-x: 1.4625rem;

}

.btn-md {

  --bs-btn-font-size: 1.125rem;

  --bs-btn-padding-y: .6563rem;

  --bs-btn-padding-x: 1.1563rem;

}



.btn-lg {

  --bs-btn-font-size: 1.25rem;

  --bs-btn-padding-y: 1.1875rem;

  --bs-btn-padding-x: 1.9375rem;

}
.btn-xl {

  --bs-btn-font-size: 1.25rem;

  --bs-btn-padding-y: 1.1875rem;

  --bs-btn-padding-x: 2.5rem;

}
.btn-xxl {

  --bs-btn-font-size: 1.25rem;

  --bs-btn-padding-y: 1.1875rem;

  --bs-btn-padding-x: 3.4rem;

}



.btn .arrow-wrapper {

  display: flex;

  align-items: center;

  justify-content: center;

}



.btn .arrow {

  width: var(--arrow-width);

  height: var(--arrow-stroke);

  background: transparent;

  position: relative;

  transition: all 0.3s ease;

}



.btn .arrow::before {

  content: "";

  position: absolute;

  top: -3px;

  right: 0px;

  border: solid currentColor;

  border-width: 0 var(--arrow-stroke) var(--arrow-stroke) 0;

  padding: 3px;

  transform: rotate(-45deg);

  transition: all 0.3s ease;

}



.btn:hover .arrow {

  background: currentColor;

}



.btn:hover .arrow {

  transform: translateX(4px);

}



.btn:hover .arrow::before {

  right: 0;

}



.btn_primary {

  background: linear-gradient(113.61deg, #EAC984 15.5%, #7E5D34 90.28%);

  color: #fff;

}



.btn_primary:hover {

  background: linear-gradient(135deg, #f0d69d, #8c693c);

  color: #fff;

}



.btn_primary_outline {

  background: transparent;

  border: 1px solid #d3a868;

  color: #d3a868;

}



.btn_primary_outline:hover {background: linear-gradient(134.59deg, #EAC984 31.79%, #7E5D34 69.21%);color: #fff;border: 1px solid transparent;}



.btn_white {

  background: #fff;

  color: #2e1f3f;

}



.btn_white:hover {

  background: #f4f4f4;

  color: #000;

}



.btn_white_outline {

  background: transparent;

  border: 1px solid #fff;

  color: #fff;

}



.btn_white_outline:hover {

  background: #fff;

  color: #000;

}



.btn_white_08 {

  background: #FFFFFF14;

  color: #ffffff;

}



.btn_white_08:hover {

  background: #f4f4f4;

  color: #000;

}



.btn.btn-link {

  --bs-btn-border-radius: 0px;

  --bs-btn-padding-y: .375rem;

  --bs-btn-padding-x: 0;

  --bs-btn-color: #38345B;

  --bs-btn-hover-color: #38345B;

  --bs-btn-font-size: 20px;

  --bs-btn-font-weight: 500;

  text-decoration: none;

  position: relative;

}



/* Base underline */

.btn-link-premium::after {

  content: "";

  position: absolute;

  left: 0;

  bottom: 0px;

  width: 100%;

  height: 2px;

  background-color: #2d2755;

  transform: scaleY(1);

  transform-origin: bottom;

  transition: transform 0.3s ease, height 0.3s ease;

}



.btn-link-premium:hover::after {

  transform: scaleY(1.8);

  height: 3px;

}

.ls-3{letter-spacing: 0.2rem;}
.ls-02{letter-spacing: .14rem;}
.link-dark{color: #212529;}
.link-white{color: #ffffff;}

.link-dark:hover,.link-white:hover{color: var(--primary);}



.link-primary{color: #6d28d9 !important;}

.link-primary:hover{color: #2b184d !important;}


.tAccent{
  color:var(--primary); ;
}
.textC_22113B {color: #22113B;}
.textC_3A1C66 {color: #3A1C66;}
.textC_00214A {color: #00214A;}

.text-F5EEFF{color: #F5EEFF;}

.textC_00214A99 {

  color: #00214A99;

}



.text-white-80 {

  color: rgba(255, 255, 255, 0.8);

}

.text-white-70 {
    color: rgba(255, 255, 255, 0.7);
}
.text-white-60 {
    color: rgba(255, 255, 255, 0.6);
}

.text-black-80 {

  color: rgba(0, 0, 0, 0.8);

}



.nav-pills {

  --bs-nav-pills-border-radius: 50rem;

  --bs-nav-pills-link-active-color: #fff;

  --bs-nav-pills-link-active-bg: #1c0d3f;

}



.nav {

  --bs-nav-link-padding-x: 1.5rem;

  --bs-nav-link-padding-y: 0.5rem;

  --bs-nav-link-font-weight: 500;

  --bs-nav-link-color: #1c0d3f;

  --bs-nav-link-hover-color: #1c0d3f;

  --bs-nav-link-disabled-color: var(--bs-secondary-color);

  gap: 12px;

  font-size: 18px;

}



.nav-pills .nav-link {

  background-color: #f5f3f7;

  transition: background-color 0.3s ease, color 0.3s ease, font-weight 0.3s ease;

}



.download_btn img {

  transition: all 200ms ease;

}



.download_btn:hover img {

  background-color: black;

  border-radius: 8px;

  transform: translateY(-4px);

}



.nav-pills .nav-link.active {

  background-color: var(--bs-nav-pills-link-active-bg);

  color: var(--bs-nav-pills-link-active-color);

}


.bg-cover{background-size: cover;} 
.bg-no-repeat{background-repeat: no-repeat;}
.bg-center{background-position: center;}

.bgC_accent {

  background-color: var(--accent);

}



.bgC_F9F5FF {

  background-color: #F9F5FF;

}



.bgC_22113B0D {

  background-color: #22113B0D;

}



.bgC_110325 {

  background-color: #110325;

}



.bgC_0C011D {

  background-color: #0C011D;

}



.bgC_22113B {

  background-color: #22113B;

}



.bg-white-10 {

  background-color: rgba(255, 255, 255, 0.10);

}

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

.bg-DFBFF{background-color: #FDFBFF;}
.bg_primary_gradient {

  background: linear-gradient(132.85deg, #7E5D34 4.26%, #EAC984 97.78%);

}



.site_header .navbar {

  --bs-navbar-padding-y: 1rem;

  --bs-navbar-nav-link-padding-x: 1.25rem;

  --bs-navbar-color: var(--white);

  --bs-navbar-hover-color: var(--primary);

  --bs-navbar-brand-margin-end: 0px;

  --bs-navbar-brand-font-size: 0px;

  transition: all 300ms ease;

  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 12a1 1 0 0 0-1-1H10a1 1 0 1 0 0 2h10a1 1 0 0 0 1-1m0-7a1 1 0 0 0-1-1H4a1 1 0 0 0 0 2h16a1 1 0 0 0 1-1m0 14a1 1 0 0 0-1-1H4a1 1 0 1 0 0 2h16a1 1 0 0 0 1-1' fill='%23fff'/%3E%3C/svg%3E");

  --bs-navbar-toggler-border-color: 0rem;

  --bs-navbar-toggler-padding-y: 0px;

  --bs-navbar-toggler-padding-x: 0px;

  --bs-navbar-toggler-focus-width: 0px;

  --bs-navbar-toggler-font-size: 1.25rem;

}



.site_header .navbar .brand__logo path {

  transition: all 300ms ease;

}



body:is(.about-us, .trading-platform, .blog, .single-post, .category, .account-comparison) .site_header:not(.scrolled) .navbar .brand__logo {

  width: 100%;

  height: auto;

}



body:is(.about-us, .trading-platform, .blog, .single-post, .category, .account-comparison) .site_header:not(.scrolled) .navbar .brand__logo #najm path {

  fill: #22123B;

}



body:is(.about-us, .trading-platform, .blog, .single-post, .category, .account-comparison) .site_header:not(.scrolled) .navbar {

  --bs-navbar-color: black;

}



body:is(.about-us, .trading-platform, .blog, .single-post, .category, .account-comparison) .site_header:not(.scrolled) .navbar .btn_white_08 {

  filter: invert(1);

}



body:is(.about-us, .trading-platform, .blog, .single-post, .category, .account-comparison) .site_header:not(.scrolled) .navbar .navbar-toggler-icon {

  filter: invert(1);

}







.dropdown-toggle::after {

  display: none;

}



.site_header .navbar .dropdown-menu {

  background-color: var(--white);

  border: 1px solid #f3f3f3;

  border-radius: 6px;

  padding: 0.5rem;

  min-width: 250px;

  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

  transition: all 800ms ease;

  --bs-dropdown-spacer: 0px;

  top: 40px;

}



.site_header .navbar .dropdown-menu {

  --bs-nav-link-color: #0000005c;

}



.navbar .btn-close {

  font-size: 30px;

  --bs-btn-close-white-filter: invert(0) grayscale(0%);

  --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2932 5.29289C17.6837 4.90237 18.3167 4.90237 18.7072 5.29289C19.0978 5.68342 19.0978 6.31643 18.7072 6.70696L13.4133 11.9999L18.7063 17.2929L18.7756 17.369C19.0956 17.7618 19.0723 18.3409 18.7063 18.7069C18.3401 19.073 17.7611 19.0957 17.3684 18.7753L17.2922 18.7069L11.9992 13.4139L6.70826 18.7059C6.31774 19.0965 5.68473 19.0964 5.2942 18.7059C4.90368 18.3154 4.90368 17.6824 5.2942 17.2919L10.5852 11.9999L5.29322 6.70793L5.22486 6.63176C4.90447 6.23901 4.92715 5.66001 5.29322 5.29387C5.65921 4.92788 6.23835 4.90454 6.63111 5.22453L6.70729 5.29387L11.9992 10.5858L17.2932 5.29289Z' fill='white'/%3E%3C/svg%3E%0A");

}



.site_header .navbar .navbar-nav {

  --bs-nav-link-font-weight: 500;

}



.site_header {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  z-index: 999;
  
      z-index: 11111;

}



.site_header::before {

  content: "";

  position: absolute;

  inset: 0;

  background: transparent;

  backdrop-filter: none;

  transition: all .3s ease;

  z-index: -1;

}



.site_header.scrolled::before {

  background: rgb(12 1 29 / 77%);

  backdrop-filter: blur(20px);

  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);

}



.highlight__text {

  background: linear-gradient(116.57deg, #EAC984 20.34%, #7E5D34 71.03%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  color: transparent;

}

.highlight__heading{
      background: linear-gradient(134.59deg, #EAC984 83.79%, #7E5D34 99.21%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}


.highlight__text2 {

  background: linear-gradient(134.59deg, #EAC984 31.79%, #7E5D34 69.21%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  color: transparent;

}



.highlight__text3 {

  background: linear-gradient(127deg, #EAC984 26.34%, #7E5D34 69.14%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  color: transparent;

}

.highlight__text4,.highlight__text5 {

  background: linear-gradient(90deg, #FFFFC7 0%, #FFCB68 58.01%, #F5E08F 100.02%);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  background-clip: text;

  color: transparent;

}

.highlight__text5{
      background: linear-gradient(114deg, rgba(234, 201, 132, 1) 0%, rgba(126, 93, 52, 1) 100%);
    -webkit-background-clip: text;
}



.hero__banner {

  padding-block: 10rem 8rem;

  background-size: cover;

  background-position: center;

}



.hero__review {

  border: 0.86px solid #FFFFFF57;

  background: #FFFFFF29;

}



.account__types .pricing__card {

  --bs-card-spacer-y: 2rem;

  --bs-card-spacer-x: 1.6675rem;

  --bs-card-color: var(--bs-white);

  --bs-card-border-width: 0;

  --bs-card-border-radius: 16px;

}

.account__types .pricing__card .ac-name{
  padding-bottom: 43px;
}



.market_potential {

  background-position: center;

  background-size: cover;

  background-repeat: no-repeat;

  padding-block: 14.1875rem 11.75rem;

}



.why__choose__card {

  --bs-card-spacer-y: 2.375rem;

  --bs-card-spacer-x: 1.9375rem;

  --bs-card-border-width: 0;

  --bs-card-border-radius: 15.92px;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

  transition: all 200ms ease;

}

.why__choose__card.wc_new{
  --bs-card-spacer-y: 2rem;

  --bs-card-spacer-x: 2rem;

  --bs-card-border-width: 0;
}
.why__choose__card.wc_new .card-body {
    padding-right: 2.5rem;
}


.why__choose__card:hover{

  transform: translateY(-4px);

}



.three_steps .steps {

  border-left: 2px solid #F1F3FD;

}



.three_steps .step {

  position: relative;

  cursor: pointer;

  padding: 30px;

}



.three_steps .step:first-child {

  padding-top: 0px;

}



.three_steps .step:last-child {

  padding-bottom: 0px;

}



.three_steps .step.active {

  padding-block: 0px;

}



.three_steps .step :is(h5, p, .btn-wrp) {

  display: none;

}



.three_steps .step.active :is(h5, p, .btn-wrp) {

  display: block;

  animation: fadeIn 0.6s;

}



.three_steps .step.active p {

  display: block;

  animation-duration: 800ms;

}



@keyframes fadeIn {

  from {

    opacity: 0;

  }



  to {

    opacity: 1;

  }

}



.three_steps .progress {

  position: absolute;

  left: -2px;

  top: 0;

  width: 2px;

  height: 0;

  background: #3A1C66;

}



.three_steps .fade {

  opacity: 0;

  transform: translateY(25px);

  transition: opacity .1s ease-in-out, transform 0.4s ease-in-out;

}



.three_steps .fade.show {

  opacity: 1;

  transform: translateY(0);
  position: relative;
  z-index: 1;

}




@keyframes grow {

  0% {

    height: 0;

  }



  100% {

    height: 100%;

  }

}

.three_steps .video_card::before {
    left: 0;
}

.gradiant-bottom {

  position: relative;

}



.gradiant-bottom:before {

  content: '';

  position: absolute;

  bottom: 0;

  width: 100%;

  height: 210px;

  background: linear-gradient(181deg, rgba(34, 17, 59, 0) 5.73%, #0C011D 58.98%);

}



.mt-minus {

  margin-top: -180px;

  z-index: 111;

  position: relative;

}



.interface-hero .device-mock::before,

.interface-hero .device-mock::after {

  content: '';

  position: absolute;

  z-index: 1;

  top: 10%;

  left: -15.5rem;

  width: 589px;

  height: 453px;

  background-image: url('./assets/media/icon/platform_candle_left.svg');

  background-repeat: no-repeat;

}



.interface-hero .device-mock::after {

  background-image: url('./assets/media/icon/platform_candle_right.svg');

  top: -10%;

  left: auto;

  right: -15rem;

  width: 593px;

  height: 361px;

}



.interface-hero .platform__img::before {

  content: '';

  position: absolute;

  top: -20px;

  left: 0;

  right: 0;

  margin: auto;

  width: 65%;

  height: 100px;

  background: #310274;

  filter: blur(60px);

  z-index: -1;

}



.account-protection .safe-list .item+.item {

  border-top: 1px solid rgba(0, 0, 0, 0.08);

}



.lock-figure {

  max-width: 420px;

}



.lock-bounce {

  animation: lockFloat 2s ease-in-out infinite alternate;

  transform-origin: 50% 100%;

  will-change: transform;

}



@keyframes lockFloat {

  0% {

    transform: translateY(0);

  }



  100% {

    transform: translateY(-10px);

  }

}



.footer__cta video {

  object-position: top;

  position: relative;

}



.footer__cta video::before {

  content: '';

  position: absolute;

  inset: 0;

  background-color: #22113B;

  width: 100%;

  height: 100%;

}



.offcanvas {

  max-width: 90%;

  --bs-offcanvas-bg: var(--accent);

}



.quick_links_icons::before {

  content: '';

  position: absolute;

  top: -6px;

  right: 0px;

  --card_box: 32px;

  width: var(--card_box);

  height: var(--card_box);

  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m12 8 8 8-8 8' stroke='%23fff' stroke-width='2' stroke-miterlimit='16' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");

  background-size: cover;

  background-position: center;

  transition: all 300ms ease;

}



.quick_links_icons[aria-expanded="true"]::before {

  transform: rotate(90deg);

}



.social__links a {

  width: 50px;

  height: 50px;

  display: block;

  transition: all 300ms ease;

  background-color: var(--white);

}



.social__links a:hover {

  background-color: var(--secondary);

  transform: translateY(-3px);

}



.social__links a svg {

  transition: all 300ms ease;

}



.social__links a:hover svg {

  filter: invert(1);

}



.footer-menu a {

  text-decoration: none;

  transition: all 300ms ease;

}



.footer-menu a:hover {

  color: var(--secondary) !important;

}



.page__banner {

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}



.glass__effects {

  backdrop-filter: blur(4px);

  background: #FFFFFF1A;

  border-radius: 10px;

}



.border-white-10 {

  border-color: rgba(255, 255, 255, 0.10);

}



.contact__card {

  --bs-card-spacer-y: 1.8125rem;

  --bs-card-spacer-x: 3rem;

}



/* Form Wrapper */

.custom__form {

  background: #f7f6f6;

  padding: 52px 59px;

  border-radius: 10px;

  font-family: 'BR Hendrix', sans-serif;

}



.custom__form .row {

  --bs-gutter-y: 41px;

  --bs-gutter-x: 36px;

}



/* Labels */

.custom__form label {

  font-size: 21px;

  font-weight: 500;

  color: #000;

  margin-bottom: 6px;

  display: block;

}



/* Input, Select, Textarea */

.custom__form input[type="text"],

.custom__form input[type="email"],

.custom__form input[type="tel"],

.custom__form select,

.custom__form textarea {

  width: 100%;

  background: #fff;

  border: 1px solid #E6E6EF;

  border-radius: 6px;

  padding: 10px 14px;

  font-size: 21px;

  font-weight: 400;

  color: #333;

  transition: all 0.3s ease;

}



.custom__form input:focus,

.custom__form select:focus,

.custom__form textarea:focus {

  border-color: #c0a25d;

  outline: none;

  box-shadow: 0 0 0 2px rgba(192, 162, 93, 0.2);

}



.custom__form .btn {

  --bs-btn-padding-y: 1.5rem;

  --bs-btn-padding-x: 3.875rem;

  --bs-btn-font-size: 1.5rem;

  background: linear-gradient(134.59deg, #EAC984 31.79%, #7E5D34 69.21%);

  background-size: 200%;

  background-position-x: 40%;

}



.custom__form .btn:hover {

  background-position-x: 100%;

}



.custom__form textarea {

  resize: none;

  min-height: 120px;

}









/* ===== Page Banner ===== */

.page__banner {

  background-size: cover;

  background-position: center;

  position: relative;

  color: #fff;

}



.page__banner .heading-wrp h1,

.page__banner .heading-wrp h2 {

  font-size: clamp(2.5rem, 5vw, 3.8rem);

  font-weight: 600;

  line-height: 1.3;

  margin: 0;

}



/* ===== Page Content ===== */

.plain__page .content-wrp {

  font-size: 1.05rem;

  line-height: 1.75;

  color: #2d2d2d;

}



/* ===== Headings ===== */

.plain__page .content-wrp h2,

.plain__page .content-wrp h3,

.plain__page .content-wrp h4 {

  font-weight: 600;

  line-height: 1.4;

  color: #22113B;

  margin-top: 2.5rem;

  margin-bottom: 1rem;

}



.plain__page .content-wrp h2 {

  font-size: 2rem;

}



/* ~32px */

.plain__page .content-wrp h3 {

  font-size: 1.6rem;

}



/* ~26px */

.plain__page .content-wrp h4 {

  font-size: 1.3rem;

}



/* ~21px */



/* ===== Paragraphs ===== */

.plain__page .content-wrp p {

  margin-bottom: 1.25rem;

  font-weight: 400;

  color: #333;

  font-size: 1.05rem;

  line-height: 1.8;

}



/* ===== Lists ===== */

.plain__page .content-wrp ul {

  padding-left: 1.5rem;

  margin-bottom: 1.5rem;

}



.plain__page .content-wrp li {

  margin-bottom: 0.6rem;

  color: #333;

  list-style-type: disc;

}



/* ===== Strong Text ===== */

.plain__page .content-wrp strong {

  font-weight: 600;

  color: #000;

}



/* ===== Links ===== */

.plain__page .content-wrp a {

  color: #0d6efd;

  font-weight: 500;

  text-decoration: underline;

}



.plain__page .content-wrp a:hover {

  color: #0a58ca;

  text-decoration: none;

}





.design__bg {

  background-size: cover;

  background-position: center;

}





.border__gradient {

  border: 2px solid #0000;

  border-radius: 15.92px;

  background:

    linear-gradient(#ffffff, #ffffff) padding-box,

    linear-gradient(134.59deg, #EAC984 31.79%, #7E5D34 69.21%) border-box;

}



.results__number .row {

  background: linear-gradient(180deg, rgba(249, 245, 255, 0) 52.05%, #F9F5FF 106.13%);

  border-radius: 43px;

}



/* Accordion Styling */

.custom-accordion {

  --bs-accordion-color: #38345B;

  --bs-accordion-bg: #fff;

  --bs-accordion-active-color: #000000;

  --bs-accordion-btn-padding-x: 0;

  --bs-accordion-btn-padding-y: 2.75rem;

  --bs-accordion-btn-color: #000;

  --bs-accordion-btn-bg: transparent;

  --bs-accordion-active-bg: transparent;

  --bs-accordion-btn-focus-box-shadow: none;

  --bs-accordion-btn-icon-width: 2.375rem;

  --bs-accordion-body-padding-x: 0;

  --bs-accordion-body-padding-y: 0;

  --bs-accordion-body-color: #38345B;

  --bs-accordion-body-bg: transparent;

  --bs-accordion-body-font-size: 1.25rem;

  /* 18px */

  --bs-accordion-body-font-weight: 400;

  line-height: 1.6;

  --bs-accordion-border-width: 0px;

  --bs-accordion-border-color: #e5e5e5;

  --bs-accordion-border-radius: 0;



  /* custom icons */

  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='38' height='39' viewBox='0 0 38 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 26.293a1.58 1.58 0 0 1-1.124-.459l-9.5-9.5a1.59 1.59 0 0 1 2.248-2.248L19 22.477l8.376-8.375a1.583 1.583 0 0 1 2.232 2.232l-9.5 9.5a1.58 1.58 0 0 1-1.108.46' fill='%23000'/%3E%3C/svg%3E");

  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%23000' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M6 15l6-6 6 6'/%3E%3C/svg%3E");

}



/* Each item bottom border */

.custom-accordion .accordion-item {

  border-bottom: 1px solid #0000001F;

  padding-bottom: 16px;

}



/* Accordion button (title) */

.custom-accordion .accordion-button {

  box-shadow: none !important;

  font-size: 1.6rem;

  padding: 32px 32px 16px 0;

  font-weight: 400;

}

.custom-accordion .accordion-body{
  font-size: 18px;
}


/* Remove blue focus outline */

.custom-accordion .accordion-button:focus {

  box-shadow: none !important;

}



.common__hero {

  padding-block: 17rem 8.45rem;

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

}


.common__hero.commen2{
      padding-block: 188px 260px;
}


.common__hero.ab {

  padding-block: 12rem 11.45rem;

}





body.about-us .why__choose .row .col-12 .row>div:nth-child(-n+2) .why__choose__card {

  min-height: 474px;

}



.fees__section .fees__card {

  --bs-card-spacer-x: 2.1875rem;

  --bs-card-border-radius: .9375rem;

  --bs-card-border-color: #22113B1A;

  background: linear-gradient(134.59deg, rgba(234, 201, 132, 0.2) 31.79%, rgba(126, 93, 52, 0.2) 69.21%);

}



.fees__section .fees__card .card-body {

  padding-block: 30px 14px;

}



.fees__section .fees__card img {

  width: 120%;

  margin-right: -3rem;

  /* margin-top: -5rem; */

}



.fees__section .fees__card::before {

  content: '';

  position: absolute;

  left: 41px;

  top: -30px;

  width: 509px;

  height: 509px;

  /* border-radius: 10rem; */

  background: linear-gradient(134.59deg, #EAC984 31.79%, #7E5D34 69.21%);

  mix-blend-mode: color;

  filter: blur(90px);

  z-index: 2;

}


.fees__section .fees__card:after {
    content: '';
    background: #22113B;
    mix-blend-mode: color;
    filter: blur(107px);
    border-radius: 13290.5px;
    position: absolute;
    width: 509px;
    height: 509px;
    left: -399px;
    top: -140px;
    z-index: 111;
}



.countries__globes {

  position: relative;

  max-width: 100%;

}



.countries__globes .map__section img {

  display: block;

  width: 100%;

  height: auto;

  border-radius: 0.75rem;

  /* rounded-3 */

}



/* Pin button */

.countries__globes .map__pin {

  position: absolute;

  left: var(--x);

  top: var(--y);

  transform: translate(-50%, -100%);

  background: transparent;

  border: none;

  cursor: pointer;

  z-index: 2;

  transition: transform 0.25s ease;

}



.countries__globes .map__pin svg {

  display: block;

  filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.6));

  transition: transform 0.25s ease, filter 0.25s ease;

}



/* Hover animation */

.countries__globes .map__pin:hover svg,

.countries__globes .map__pin:focus svg {

  transform: scale(1.2);

  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.8));

}



/* Tooltip */

.countries__globes .map__pin::after {

  content: attr(data-label);

  position: absolute;

  bottom: 120%;

  left: 50%;

  transform: translateX(-50%);

  background: rgba(255, 255, 255, 0.85);

  color: #000000;

  padding: 6px 12px;

  border-radius: 6px;

  font-size: 13px;

  white-space: nowrap;

  opacity: 0;

  pointer-events: none;

  transition: opacity 0.2s ease, transform 0.2s ease;

}



.countries__globes .map__pin:hover::after,

.countries__globes .map__pin:focus::after {

  opacity: 1;

  transform: translateX(-50%) translateY(-3px);

}



/* Accessibility */

.countries__globes .map__pin:focus {

  outline: none;

}



.countries__globes .map__section img {

  mix-blend-mode: exclusion;

}





.countries__globes .company__locations {

  margin-top: -100px;

}



.countries__globes .company__locations .country__card {

  backdrop-filter: blur(4px);

}



.rounded-20 {

  border-radius: 20px;

}



.swiper-slide {

  height: auto;

}



.client__says .wrapper {

  background-size: cover;

  background-position: center;

  padding: 100px 125px;

}



.client__says .review__card .card-body {

  padding: 50px 22px 23px;

}



.client__says .review__card {

  --bs-card-height: 400px;

  --bs-card-border-width: 0px;

}


/* globe  */
.bg-F7F1FF{background-color: #F7F1FF;}
.countries__globes{
  /* background-image: url('./assets/media/globe_bg.webp'); */
  padding-block: 80px 150px;
}
.countries__globes .testimonialSwiper{
  margin-top: 100px;
}

.countries__globes .card.review__card{
  --bs-card-spacer-y: 1.4375rem;
    --bs-card-spacer-x: 1.3125rem;
    --bs-card-title-spacer-y: 26px;
        --bs-card-border-width: 0;  
  --bs-card-height: 350px;
}
.countries__globes .card.review__card .card-body{

}
.countries__globes .vidio_wrap{
      top: 32%;
    left: 13%;
    pointer-events: none;
}

.globe_effect{
  position: absolute;
  width: 100%;
  height: 100%;
 pointer-events: none;
}

.globe_effect.ge_1{
  background: #27183F;
mix-blend-mode: color;
    z-index: 1;
    top: 0px;
}
.globe_effect.ge_2{
  background: #000000;
  mix-blend-mode: overlay;
  filter: blur(300px);
    z-index: 2;
}
.globe_effect.ge_3{
  background: #000000;
mix-blend-mode: difference;
    filter: blur(312px);
    z-index: 4;

}


/* Default pagination (for light backgrounds) */

.swiper-pagination-bullet {

  background: rgba(0, 0, 0, 0.3);

  /* light gray */

  opacity: 1;

  transition: all 0.4s ease;

  /* smooth transition */

}




.swiper-pagination-bullet-active {

  background: #2b184d;

  /* your brand blue/purple */

  width: 28px;

  border-radius: 8px;

  transition: all 0.4s ease;

  /* smooth */

}


.swiper-pagination-bullet.white-bullet,.swiper-pagination-bullet-active.white-bullet{
  background-color: #fff;
}


/* When section has dark background */

[data-bg="dark"] .swiper-pagination-bullet {

  background: rgba(255, 255, 255, 0.3);

  /* light bullets */

}



[data-bg="dark"] .swiper-pagination-bullet-active {

  background: #fff;

  /* white active */

}



/* Pagination positioning fix */

.swiper .swiper-wrapper {

  padding-bottom: 20px;

  /* reserve space for pagination */

}



.swiper-pagination {

  position: relative !important;

  margin-top: 40px;

  /* gap between slides and pagination */

  text-align: center;

}



.ib__fees__section .fees__card img {

  width: 120%;

  margin-right: 0rem;

}



.attractive__section {

  background-size: cover;

  background-position: center;

  padding-block: 8.75rem 11.875rem;

}





.why__partner .card__partner {

  --bs-card-spacer-y: 1.25rem;

  --bs-card-spacer-x: .875rem;

  --bs-card-border-radius: .995rem;

  --bs-card-border-color: #22113B33;

  --bs-card-bg: #22113B0D;

  background-position: center;

  background-size: cover;

}



.bg_theme_gradient {

  background: linear-gradient(134.59deg, #EAC984 31.79%, #7E5D34 69.21%);

}



.pulse {

  position: relative;

  width: 100%;

  height: 231px;

  background: linear-gradient(134.59deg, #EAC984 31.79%, #7E5D34 69.21%);

  border-radius: 230px;

}



.pulse span {

  position: absolute;

  width: 100%;

  height: 100%;

  background: inherit;

  border-radius: inherit;

  opacity: 0.8;

  animation: pulseAnimate 4s ease-in-out infinite;

  animation-delay: calc(1s * var(--i));

}



@keyframes pulseAnimate {

  100% {

    opacity: 0;

    transform: scale(1.1, 1.4);

  }

}



/* Blog Categories Wrapper */

.blog_categories {

  margin-bottom: 2rem;

}



/* Heading */

.blog_categories h5 {

  font-size: 1.25rem;

  font-weight: 500;

  color: #2b184d;

  /* purple shade */

  margin-bottom: 1rem;

}



/* Category List */

.blog_categories ul {

  list-style: none;

  margin: 0;

  padding: 0;

}



.blog_categories ul li {

  margin-bottom: 0.75rem;

}



/* Links */

.blog_categories ul li a {

  font-size: 1rem;

  font-weight: 400;

  color: #00000099;

  /* grey text */

  text-decoration: none;

  transition: all 0.3s ease;

  display: inline-block;

}



/* Hover & Active */

.blog_categories ul li a:hover,

.blog_categories ul li.current-cat>a,

.blog_categories ul li.current-cat-parent>a {

  color: #2b184d;

  text-decoration: underline 1px solid;

}





.earning__section .earn__partner img {

  width: 169px;

  margin-inline: -20px;

}



.earn_card_wrapper .earn__card {

  position: absolute;

  width: 385px;

  left: 0px;

  right: 0px;

  --bs-card-border-radius: .5625rem;

  --bs-card-bg: transparent;

  --bs-card-spacer-y: .875rem;

  --bs-card-spacer-x: .875rem;

  --bs-card-border-color: #E9E9E9;

  backdrop-filter: blur(8px);

  -webkit-backdrop-filter: blur(8px);

  overflow: hidden;

}



.earn_card_wrapper .earn__card::before {

  content: '';

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  background-color: rgb(255 255 255 / 60%);

  z-index: -1;

}





.hero__banner.ib {

  padding-block: 13.625rem 14.3125rem;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: right;

}



/* .hero__banner.ib::before {

  content: '';

  position: absolute;

  top: 0px;

  left: 0px;

  width: 100%;

  height: 100%;

  background-image: linear-gradient(90deg, #0c011d 40%, #0c011d00 60%);

} */



.blog_list_group {

  --bs-list-group-border-width: 0px;

  --bs-list-group-active-bg: transparent;

  --bs-list-group-item-padding-x: 30px;

  --bs-list-group-item-padding-y: 0px;

  --bs-list-group-active-color: #000000;

  --bs-list-group-color: #00000099;

  --bs-list-group-action-hover-bg: transparent;

  display: flex;

  flex-direction: column;

  gap: 23px;

}



.blog_list_group a {

  font-size: 16px;

  font-weight: 500;

}



.blog_list_group a::before {

  content: '';

  position: absolute;

  left: 0px;

  top: 10px;

  width: 20px;

  height: 2px;

  background-color: #22113B;

  transition: all 300ms ease;

  opacity: 0;

}



.blog_list_group a.active::before {

  opacity: 1;

}





/* Blog Content Wrapper */

.blog_text_content {

  font-size: 1rem;

  line-height: 1.75;

  color: #2b184d;

  /* dark text tone */

  font-weight: 400;

}



/* Headings */

.blog_text_content h1,

.blog_text_content h2,

.blog_text_content h3,

.blog_text_content h4,

.blog_text_content h5,

.blog_text_content h6 {

  font-weight: 500;

  color: #2b184d;

  margin: 2rem 0 1rem;

  line-height: 1.3;

}



.blog_text_content h1 {

  font-size: 2.25rem;

}



.blog_text_content h2 {

  font-size: 1.875rem;

}



.blog_text_content h3 {

  font-size: 1.5rem;

}



.blog_text_content h4 {

  font-size: 1.25rem;

}



.blog_text_content h5 {

  font-size: 1.125rem;

}



.blog_text_content h6 {

  font-size: 1rem;

  color: #555;

}



/* Paragraphs */

.blog_text_content p {

  margin-bottom: 1.25rem;

  color: #333;

}



/* Links */

.blog_text_content a {

  color: #6d28d9;

  /* brand purple */

  text-decoration: none;

  font-weight: 500;

  transition: all 0.3s ease;

}



.blog_text_content a:hover {

  color: #2b184d;

  text-decoration: underline;

}



/* Lists */

.blog_text_content ul,

.blog_text_content ol {

  margin: 1rem 0 1.5rem 1.5rem;

  padding: 0;

}



.blog_text_content ul li,

.blog_text_content ol li {

  margin-bottom: 0.75rem;

  line-height: 1.6;

  color: #444;

}



/* Custom bullet style */

.blog_text_content ul li::marker {

  color: #6d28d9;

  /* purple marker */

  font-size: 1.1rem;

}



/* Blockquotes */

.blog_text_content blockquote {

  border-left: 4px solid #6d28d9;

  padding-left: 1rem;

  margin: 2rem 0;

  font-style: italic;

  color: #555;

  background: #f9f7fc;

}



/* Images inside blog */

.blog_text_content img {

  max-width: 100%;

  height: auto;

  border-radius: 12px;

  margin: 1.5rem 0;

  display: block;

}



/* Buttons inside blog */

.blog_text_content .btn {

  display: inline-block;

  background: #6d28d9;

  color: #fff;

  padding: 0.75rem 1.5rem;

  border-radius: 8px;

  font-weight: 500;

  transition: all 0.3s ease;

  text-decoration: none;

  margin: 1rem 0;

}



.blog_text_content .btn:hover {

  background: #2b184d;

  color: #fff;

}



/* Tables */

.blog_text_content table {

  width: 100%;

  border-collapse: collapse;

  margin: 2rem 0;

  font-size: 0.95rem;

}



.blog_text_content table th,

.blog_text_content table td {

  border: 1px solid #ddd;

  padding: 0.75rem;

  text-align: left;

}



.blog_text_content table th {

  background: #f3f0fa;

  color: #2b184d;

  font-weight: 600;

}





.blog__detail_page .blog_thumbnail {

  max-height: 516px;

}



.social_links a,

.social_links a svg rect {

  transition: all 300ms ease;

}



.social_links a:hover {

  fill: red;

  transform: translateY(-2px);

}



.social_links a:hover svg rect {

  fill: var(--secondary);

}



.border-color-00000014 {

  border-color: #00000014 !important;

}



.card__DW {

  --bs-card-border-width: 2px;

  --bs-card-border-color: #00000020;

  --bs-card-border-radius: 4.6px;

  transition: all 300ms ease;

}



.card__DW:hover {

  border-color: #7E5D34;

}



.card__DW table td {

  border: 0px;

  padding: 8px 10px;

  font-size: 18px;

  color: #2F2B35;

}



.card__DW table td[colspan="2"] {

  background-color: #F9F5FF;

}



/* account compar  */
 
    .card.p_card_2 .card-body{padding: 80px 15px 17px 34px;}
    .card.p_card_2 .icon__wrp{z-index: 1111;left: 25%;top: 10%; pointer-events: none;}
    .card.p_card_2 .price_box{min-height: 82px;}
    

    .card.tabs_card{
          --bs-card-spacer-y: 3rem;
    --bs-card-spacer-x: 3rem;
        min-height: 600px;
        border-radius: 20px;
    }

    .v_filter:before, .video_card:before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #22113B;
    mix-blend-mode: hard-light;
    z-index: 1;
    }

    .design__bg.cta_inner .v_filter:before{z-index: 0;}
    .z-minus-1{
      z-index: -1;
    }



    /* fase 2  */



  .underline-offset-5{    text-underline-offset: 5px;}

    .circle_list li{position: relative;    padding-left: 30px;}
    .banner_list li{margin-bottom: 20px;  padding-left: 50px;}
    .circle_list li:before{
      content: '';
      width: 24px;
      height: 24px;
      position: absolute;
      left: 11px;
      top: 1px;
      background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1243_347)%22%3E%3Cpath%20d%3D%22M14.9328%208.0629L9.92778%2013.0796L8.00278%2011.1546C7.89819%2011.0324%207.76948%2010.9332%207.62474%2010.8632C7.48%2010.7932%207.32235%2010.7538%207.16167%2010.7476C7.001%2010.7414%206.84078%2010.7685%206.69107%2010.8272C6.54136%2010.8858%206.40538%2010.9748%206.29169%2011.0885C6.17799%2011.2022%206.08902%2011.3381%206.03037%2011.4879C5.97171%2011.6376%205.94464%2011.7978%205.95085%2011.9585C5.95705%2012.1191%205.9964%2012.2768%206.06643%2012.4215C6.13646%2012.5663%206.23565%2012.695%206.35778%2012.7996L9.09945%2015.5529C9.20846%2015.661%209.33774%2015.7466%209.47989%2015.8046C9.62203%2015.8627%209.77424%2015.8921%209.92778%2015.8912C10.2338%2015.8899%2010.5271%2015.7684%2010.7444%2015.5529L16.5778%209.71957C16.6871%209.61111%2016.7739%209.48208%2016.8332%209.33991C16.8924%209.19774%2016.9229%209.04525%2016.9229%208.89124C16.9229%208.73722%2016.8924%208.58473%2016.8332%208.44256C16.7739%208.30039%2016.6871%208.17136%2016.5778%208.0629C16.3592%207.84561%2016.0635%207.72364%2015.7553%207.72364C15.4471%207.72364%2015.1514%207.84561%2014.9328%208.0629ZM11.7594%200.141235C9.452%200.141235%207.19637%200.825473%205.27779%202.10742C3.35922%203.38937%201.86387%205.21146%200.980851%207.34326C0.0978283%209.47507%20-0.13321%2011.8208%200.31695%2014.084C0.767111%2016.3471%201.87825%2018.4259%203.50987%2020.0575C5.14148%2021.6891%207.22028%2022.8002%209.48339%2023.2504C11.7465%2023.7006%2014.0923%2023.4695%2016.2241%2022.5865C18.3559%2021.7035%2020.178%2020.2081%2021.4599%2018.2896C22.7419%2016.371%2023.4261%2014.1153%2023.4261%2011.8079C23.4261%2010.2758%2023.1243%208.75873%2022.538%207.34326C21.9517%205.9278%2021.0924%204.64167%2020.009%203.55832C18.9257%202.47497%2017.6396%201.61561%2016.2241%201.02931C14.8086%200.443003%2013.2915%200.141235%2011.7594%200.141235ZM11.7594%2021.1412C9.91349%2021.1412%208.10898%2020.5938%206.57412%2019.5683C5.03926%2018.5427%203.84299%2017.0851%203.13657%2015.3796C2.43015%2013.6742%202.24532%2011.7975%202.60545%209.98706C2.96558%208.17657%203.85449%206.51353%205.15978%205.20824C6.46507%203.90295%208.12811%203.01403%209.9386%202.65391C11.7491%202.29378%2013.6257%202.47861%2015.3312%203.18503C17.0366%203.89144%2018.4943%205.08772%2019.5198%206.62258C20.5454%208.15744%2021.0928%209.96194%2021.0928%2011.8079C21.0928%2014.2833%2020.1094%2016.6572%2018.3591%2018.4076C16.6088%2020.1579%2014.2348%2021.1412%2011.7594%2021.1412Z%22%20fill%3D%22%23EAC984%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1243_347%22%3E%3Crect%20width%3D%2224%22%20height%3D%2224%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");    
    }

.Tf-box a{color: #22113B; }
.Tf-box a.btn-link{position: relative; font-weight: 400;}
.Tf-box a.btn-link::before{content: '';position: absolute;left: 0;bottom: 4px;width: 95%;height: 1px;background: linear-gradient(134.59deg, #EAC984 31.79%, #7E5D34 69.21%);}
.Tf-box a:hover{color: #1D1D1D;}
.icon-btn.arrow:hover{background: linear-gradient(237deg, #EAC984 59.68%, #7E5D34 69.21%); -webkit-text-fill-color: transparent; background-clip: text; }
.text-sup{position: absolute;top: -4px;left: -13px;}
.partner-program{background-image: url('./assets/media/just_pp_bg.webp');background-repeat: no-repeat;background-position: center;background-size: cover;}

.become_partner{background-image: url('./assets/media/star-bg.svg') ;background-position: left center;background-repeat: no-repeat;background-size: contain;}

/* unchanged */
.prefix_border{
  width:2px;height:70px;
  background:repeating-linear-gradient(to bottom,#22113B 0 4px,transparent 4px 8px);
  background-size:100% 16px;
  animation:moveDash 1s linear infinite;
  position: absolute;
  left: -150px;
  top: 33px;
}
@keyframes moveDash{from{background-position:0 0}to{background-position:0 16px}}

/* desktop number to the left of the card */
.prefix_num{position:absolute;top:-35px;left:-250px;font-size:120px;line-height:180px; pointer-events:none; z-index:1;}

/* dashed line under the number */
.prefix_item{position:absolute;left:-20px;top:70px;}


/* why use  */
.bg-radial1{background: radial-gradient(102.33% 196.33% at 50% 48.65%, #22113B 0%, #0C001D 100%)}
.bg-radial-shade{position: relative;}
.bg-radial-shade::before{
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: radial-gradient(50% 60% at 45% 40%, rgba(0, 0, 0, 0) 36.5%, #000000 100%);
  z-index: 11;
  pointer-events: none;
}


.calc_card_row{border: 2px solid #E9E9E9;padding: 27px 24px 30px 40px;align-items: center;}
.Calc_card_text{border-left: 2px solid #E9E9E9;}


.glass_bg{background-image: url('./assets/media/glass_bg.webp');}
.card.whyChoose{
 --bs-card-spacer-y: 1.875rem;
--bs-card-spacer-x: 1.875rem;
--bs-card-border-radius:1.5rem;
--bs-card-title-spacer-y:2.1875rem;
color: #fff;
background: rgba(255, 255, 255, 0.1);
backdrop-filter: blur(7.05px);
margin-top: 148px;
height: auto;
}



/* deposit widthral  */
ul.custom_list.bullet li::marker{
   font-size: 1.5em; 
  color: #22113B; 
}
/* ul.custom_list.bullet li{
  margin-bottom: 20px;
} */


.nav-tabs.mt_tabs{
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 10px;
  --bs-nav-tabs-border-width:0;
  --bs-nav-link-font-weight: 700;
  --bs-nav-link-color: #848B9D;
  --bs-nav-link-hover-color: #22113B;
  --bs-nav-tabs-link-active-color: #22113B;
  --bs-nav-link-font-size:14px;
           
          
}
.nav-tabs.mt_tabs li.nav-item {
    width: 22%;
}
.nav-tabs.mt_tabs li.nav-item .nav-link{
  position: relative;
      text-transform: uppercase;
}
.nav-tabs.mt_tabs li.nav-item .nav-link:before, .nav-tabs.mt_tabs li.nav-item .nav-link:after{
  content: '';
  height: 1px;
  width: 100%;
  background-color: #C6C6C6;
  position: absolute;
  left: 0;
  bottom: 0;
  transition: width 0.2s 
ease-in-out;
}
.nav-tabs.mt_tabs li.nav-item .nav-link:after{
  text-transform: uppercase;
  width: 0;
  background-color: #22113B;
}
.nav-tabs.mt_tabs li.nav-item .nav-link:hover::after {
  width: 100%;
} 

.why-mt-5 .why_wrap.wrap-2 .why_item:nth-child(1),.why-mt-5 .why_wrap.wrap-3 .why_item:nth-child(1) {display: none;}

/* .why-figure{margin-top: -25px;max-width: 500px;} */
.why-mt5 .img-wrap{margin-top: -25px;}
.meta_tabs{margin-top: -100px;position: relative;}



.why-market.forex{
  background-image: url('./assets/media/mk/why-market-bg.webp');
}








@media (min-width:1024px) {
  .why-mt-5 .mt-5-xl{
        flex: 0 0 auto;
  }
}




@media (min-width: 1660px) {

  .container {

    max-width: 1520px;

  }



  .client__says .review__card {

    --bs-card-height: 400px;

  }

}



@media (max-width: 1660px) {

  .hero__banner.ib {

    padding-block: 9.5rem 8.5rem;

  }

}



@media (min-width: 1400px) {

  .site_header .navbar .nav-item:hover .dropdown-menu {

    animation: fade-up 300ms ease 0s 1;

    display: block !important;

  }

}



@media (min-width: 1340px) {
  
  .fees__section .fees__card {

    --bs-card-spacer-x: 1.2875rem;

  }
  


  .fees__section .fees__card .card-body {

    padding-block: 16px 14px;

  }



  .fees__section .fees__card h5 {

    font-size: 32px !important;
    
  }

}

@media (min-width: 1200px) {
  .banner_list li{
     width: 45%;
  }
}


@media (max-width: 1399.98px) {

  .market_potential {

    padding-block: 6rem 6.45rem;

  }



  .hero__banner {

    background-position: 60%;

  }



  .contact__card {

    --bs-card-spacer-y: 1.3125rem;

    --bs-card-spacer-x: 1.5rem;

  }



  .common__hero.ab {

    padding-block: 9rem 3.45rem;

    background-size: 110%;

    background-position: left 100%;

  }



  .client__says .wrapper {

    padding: 35px 25px;

  }



  .ib__fees__section .fees__card img {

    width: 60%;

  }



  .why__partner .card__partner {

    background-size: 168%;

    background-position: 80% top;

  }



  .hero__banner.ib {

    padding-block: 7.625rem 4.8125rem;

    background-position: 18rem;

  }



  .attractive__section {

    padding-block: 5.15rem 6.775rem;

  }



  .common__hero.dw {

    padding-block: 8rem 5.05rem;

  }



  .fees__section .fees__card img {

    margin-top: 10px;

    width: 50%;

    margin-right: 0rem;

  }



  .fees__section .fees__card::before {

    width: 100%;

    height: 100%;

    left: 0px;

    top: 90px;

    filter: blur(30px);

  }



  body:is(.about-us, .trading-platform, .blog, .single-post, .category, .account-comparison) .site_header:not(.scrolled) .navbar .offcanvas .navbar-nav>li>a {

    color: #fff;

  }



  body:is(.about-us, .trading-platform, .blog, .single-post, .category, .account-comparison) .site_header:not(.scrolled) .navbar .offcanvas .btn_white_08 {

    filter: invert(0);

  }

}

@media (min-width: 1200px) {
  h1.display-2.main {
    font-size: 4.25rem;
  }
}
@media (min-width: 1024px) {
   .become_column{width: 70.66666667%;}
   .calc_card_row .col-12.col-lg-9{ width: 70%;}
   .calc_card_row .col-12.col-lg-3{ width: 30%;}
}
@media (min-width: 968px) {

   /* PAYSLIDER  */
   .paySwiper.swiper .swiper-wrapper{
    flex-wrap: wrap;
    gap: 20px;
   }
   .paySwiper  .swiper-slide {
    height: auto;
    width: 28% !important;
    margin-right: 0 !important;
   }
}

@media (max-width: 1199.98px) {

  .custom__form {

    padding: 40px;

  }



  .custom__form .row {

    --bs-gutter-y: 24px;

    --bs-gutter-x: 24px;

  }



  .custom__form input[type="text"],

  .custom__form input[type="email"],

  .custom__form input[type="tel"],

  .custom__form select,

  .custom__form textarea,

  .custom__form label {

    font-size: 16px;

  }



  .client__says .wrapper {

    padding: 50px 10px;

  }



  .hero__banner.ib {

    background-position: 14rem;

  }

}



@media (max-width: 1024.98px) {

  .gradiant-bottom:before {

    height: 40px;

  }



  .mt-minus {

    margin-top: -50px;

  }



  .common__hero {

    background-size: 150%;

    background-position: 80% bottom;

  }



  .fees__section .fees__card .fs-18 {

    font-size: 16px;

  }



  .fees__section .fees__card {

    --bs-card-spacer-x: 1rem;

  }



  .client__says .swiper-pagination {

    bottom: var(--swiper-pagination-bottom, -3px);

  }



  .client__says .wrapper {

    padding: 50px 40px;

  }



  .hero__banner.ib {

    padding-block: 7.625rem 5.1125rem;

    background-position: -28rem;

  }



  .hero__banner.ib::before {

    background-image: linear-gradient(90deg, #0c011d 25%, #0c011d00 70%);

  }



  .common__hero {

    background-size: 145%;

    background-position: 70% 200%

  }



  .why__choose__card {

    background-position: right;

  }
  
    .earning__section .earn__partner img{
          width: 140px;
    }

  .Calc_card_text{
    border: 0 !important;
  }


  .card.whyChoose{
        margin-top: 20px;
  }
  .countries__globes{
        padding-block: 50px 50px;
  }
.countries__globes .card.review__card{
      --bs-card-height: 250px;
}




  .banner-img.home.market{
            width: 100% !important;
        left: 0% !important;
        top: 10% !important;
        z-index: 0;
  }
.common__hero.m-banner {
    padding-block: 150px 90px;
}

.why__choose__card.img-card{
  min-height: 300px;
}
}










@media (max-width: 991.98px) {

  .btn-lg {
    --bs-btn-font-size: 1rem;
    --bs-btn-padding-y: .9rem;
    --bs-btn-padding-x: 1rem;
}

  .banner_list li { margin-bottom: 10px;}
  .banner_list.fs-5 {font-size: 1.2rem !important;}
  .newTf-page{    bottom: -20px;}

  .fs-60 {font-size: clamp(28px, 9vw, 60px);}
  .fs-4 {font-size: calc(1.2rem + .1vw) !important;}



    .why__choose__card.wc_1{

        background-image: url('./assets/media/why_choose_card_01.webp') !important;

    }

   

    /* .client__says{} */

    .client__says .row.wrapper, .client__says {

        background-image: none !important;

        background-color: #22113b !important;

    }





  .interface-hero .fs-3 {

    font-size: calc(1.3rem + .1vw) !important;

  }



  .interface-hero .fs-5 {

    font-size: 1rem;

  }



  .interface-hero .device-mock::before,

  .interface-hero .device-mock::after {

    display: none;

  }



  .lock-figure {

    max-width: 200px;

  }



  .market_potential {

    padding-block: 36rem 6rem;

    background-size: 210%;

    background-position: -8rem 0px;

  }



  .market_potential::before {

    content: '';

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(180deg, rgb(255 255 255 / 0%) 0%, rgb(34 17 59) 100%);

  }



  .hero__banner {

    padding-block: 33.6rem 4.5rem;

    background-size: 200%;

    background-position: 90% top;

    background-repeat: no-repeat;

  }



  .hero__banner::before,.m-banner:before {

    content: '';

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    background-image: linear-gradient(180deg, rgb(255 255 255 / 0%) 35%, #0c011d 65%);

    z-index: 1;

  }

  .banner-img.home{
               width: 100% !important;
        height: auto !important;
        left: 0 !important;
        top: 0% !important;
        z-index: 0;
  }

  .banner-img.home.market{
            width: 100% !important;
        left: 0% !important;
        top: 10% !important;
        z-index: 0;
  }

  .common__hero.m-banner {padding-block: 350px 100px;}


        /* banner  */
  .m-banner .banner-img{
    left: -120% !important;
    right: auto !important;
    width: 250% !important;
    top: -24% !important;
    object-fit: contain !important;
    z-index: 1;
}
.m-banner:before{
  z-index: 2;
}

  .common__hero {

    padding-block: 10rem 38rem;

    background-size: 210%;

    background-position: 95% bottom;

  }



  .common__hero.ab {

    padding-block: 10rem 30.45rem;

    background-size: 160%;

    background-position: 100% 100%;

  }



  body.about-us .why__choose .row .col-12 .row>div:nth-child(-n+2) .why__choose__card {

    min-height: 400px;

    background-size: cover;

    background-position: left top;

  }



  .countries__globes .company__locations {

    margin-top: -30px;

  }



  .hero__banner.ib {

    padding-block: 6.125rem 34rem;

    background-position: 95% bottom;

    background-size: 195%;

  }



  .hero__banner.ib::before {

    background-image: linear-gradient(180deg, #0c011d 40%, #0c011d00 60%);

  }



  .why__partner .card__partner.card__partner__img {

    height: 430px !important;

    background-size: cover;

  }



  .attractive__section {padding-block: 25.15rem 4.775rem;background-size: 180%;background-position: 0px top;background-repeat: no-repeat;}
  .earning__section .earn__partner img {width: 150px}
  .earn_card_wrapper .earn__card {width: 285px;}
  .common__hero.dw {padding-block: 6rem 22rem;background-size: 180%;background-position: 100% bottom;}


     .card.tabs_card{
          --bs-card-spacer-y: 2rem;
    --bs-card-spacer-x: 2rem;
        min-height: 400px;
    }


    /* phase 2  */
    .newTf-page{
          margin-top: 0px;
    }

    /* banner  */
    .hero__banner.home{
      background-image: url('./assets/media/banner/new_hero__banner_m.webp') !important;
      background-position: 83% -52px;
    }

    .Tf-box .fs-5{
         font-size: 1rem !important;
    }
    .Tf-box a.btn-link{
          --bs-btn-font-size: 16px;
          gap: 0;
    }
    .Tf-box a.btn-link::before{
      width: 80%;
    }

    /* card  */
    .account__types .pricing__card .ac-name{
          padding-bottom: 0px;
    }

    /* ib  */
      .prefix_border{left: 24px;top: 97px;height: 60px;}

      .pertner_step .step_item:last-child{
            margin-bottom: 0 !important;
      }
   

    
  



}



@media (max-width: 767.98px) {

  .market_potential {

    padding-block: 20rem 4rem;

    background-size: 200%;

    background-position: -3rem 0px;

  }



  .market_potential::before {

    background-image: linear-gradient(180deg, rgb(255 255 255 / 0%) 25%, rgb(34 17 59) 40%);

  }



  .why__choose__card {

    --bs-card-spacer-y: 1.575rem;

    --bs-card-spacer-x: 1.2375rem;

  }



  .hero__banner {

    padding-block: 18rem 3rem;

    background-size: 220%;

    background-position: 85% 18%;

  }



  .hero__banner::before,.m-banner:before {

    background-image: linear-gradient(180deg, rgb(255 255 255 / 0%) 20%, #0c011d 40%);

  }



  .custom__form {

    padding: 40px 24px;

  }



  .custom__form .btn {

    width: 100%;

    --bs-btn-padding-y: 1rem;

    --bs-btn-padding-x: 1.775rem;

    --bs-btn-font-size: 1rem;

  }



  .common__hero {

    padding-block: 6.5rem 23rem;

    background-size: 200%;

    background-position: 100% bottom;

  }



  .common__hero.ab {

    padding-block: 10rem 19.45rem;

    background-size: 180%;

    background-position: 90% 100%;

  }



  .why__choose__card {

    background-position: right;

  }



  .custom-accordion .accordion-item {

    padding-bottom: 16px;

  }



  .custom-accordion .accordion-button {

    font-size: 1.3rem;

    padding: 16px 0px 9px 0;

  }



  .custom-accordion {

    --bs-accordion-btn-icon-width: 1.575rem;

  }



  .attractive__section {

    padding-block: 14.15rem 4.775rem;

  }



  .earning__section .earn__partner img {

    width: 70px;

    margin-inline: -6px;

  }



  .pulse {

    height: 110px;

  }



  .why__partner .card__partner.card__partner__img {height: 250px !important;}
  .hero__banner.ib {padding-block: 6.125rem 17rem;}
  .hero__banner.ib::before { background-image: linear-gradient(180deg, #0c011d 55%, #0c011d00 70%);}



  .common__hero.dw {

    padding-block: 6rem 20rem;

    background-size: 230%;

    background-position: 90% bottom;

  }

}



@media (max-width: 575.98px) {

  .market_potential {

    padding-block: 19rem 4rem;

  }



  .client__says .wrapper {

    padding: 10px 10px 40px;

  }



  .hero__banner.ib::before {

    background-image: linear-gradient(180deg, #0c011d 65%, #0c011d00 80%);

  }

}



@media (max-width: 414.98px) {}



@media (prefers-reduced-motion: reduce) {

  .lock-bounce {

    animation: none;

  }

}