@-webkit-viewport {
  width: device-width;
}

@-moz-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@-o-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

/* Font-Family Tag  */
@import url('https://fonts.googleapis.com/css2?family=Fredoka:wght@300..700&display=swap');

:root {
  --primary-color: #ffcd00;
  --secondary-color: #ffffff;
  --tertiary-color: #0b0b12de;
  --quaternary-color: #00000099;
  --quinary-color: #394256;
  --senary-color: #3bd078;
  --tw-gradient-stops: #ddd6fe, #bbf7d0;
  --primary-bg-color: #fff7f5;
  --secondary-bg-color: linear-gradient(45deg, #e6f6e2, #fafae6);
  --primary-btn-gradient: linear-gradient(281deg, #ffcd00 3.44%, #f90 100%);
  --primary-box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

* {
  padding: 0;
  margin: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: 0.25s ease;
  transition: 0.25s ease;
  overflow-x: hidden;
  position: relative;
  color: var(--tertiary-color);
  /* background-color: #FBFBF7; */
  font-family: "Fredoka", sans-serif !important;
  font-size: 16px !important;
  letter-spacing: 0.8px;
}

.hamburger-menu {
  height: 2em;
  width: 2em;
  object-fit: contain;
}

.navbar-toggler {
  border: 0 !important;
  padding: 0 !important;
}

.navbar-toggler:focus {
  box-shadow: none !important;
  outline: none !important;
}

/* img{
  max-width: 100%;
  height: auto;
  vertical-align: top;
} */

a,
input,
textarea {
  outline: 0 !important;
  box-shadow: none;
  text-decoration: none !important;
}

.no-border {
  border: 0 !important;
}

.pd-left-zero {
  padding-left: 0;
}

.no-padding {
  padding: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-left {
  margin-left: 0;
}

.no-margin-right {
  margin-right: 0;
}

.padding-right-zero {
  padding-right: 0;
}

.btn-center {
  text-align: center;
  margin-bottom: 2em;
}

.no-margin-auto {
  margin: unset !important;
}

.border-right-zero {
  border-right: 0 !important;
}

.xs-padding {
  padding-top: 2em;
}

.sm-padding {
  padding: 4em 0;
}

.xs-padding-top {
  padding-top: 2em;
}

.space-mg {
  height: 1em;
}

.space-lg {
  height: 2em;
}

.mrg-btm-sec {
  margin-bottom: 2em;
}

.margin-btm-sm {
  margin-bottom: 1.5em;
}

.margin-btm-md {
  margin-bottom: 3em;
}

.margin-top-sm {
  margin-top: 3em;
}

.xl-btn {
  padding: 1.4em 2.2em !important;
  margin: 0 0.5rem;
}

.bg-grey {
  background-color: #f3f4f4;
}

.line-height-1 {
  line-height: 1;
}

.increase-font {
  font-size: 1.5em !important;
  font-weight: 800 !important;
}

.bg-gradient {
  background-image: linear-gradient(90deg, #00f3f7 0, #109df7 100%) !important;
}

.navbar-light .navbar-toggler-icon {
  background-image: url("../img/icons/mobile-toogle.svg") !important;
}

.navbar-light .navbar-toggler {
  border: 1px solid var(--secondary-color) !important;
  color: var(--secondary-color) !important;
}

.navbar-light .navbar-toggler:focus {
  outline: 0 !important;
  box-shadow: none !important;
}

.logo {
  /* margin-right: 1em; */
  max-width: 9em;
}

.footer-logo {
  max-width: 15em;
  margin: 0 auto;
}

.height-auto {
  height: auto !important;
}


.section-title h2 {
  font-size: 2em;
  font-weight: 500;
  color: var(--tertiary-color);
  position: relative;
  margin-bottom: 0.5em;
  line-height: 1.5;
  text-align: center;
  position: relative;
  z-index: 2;
}



.section-title h3 {
  font-size: 1.8em;
  font-weight: 500;
  color: var(--tertiary-color);
  position: relative;
  margin-bottom: 0.5em;
  text-align: center;
}

.section-title h4 {
  font-size: 1.2em;
  font-weight: 500;
  color: var(--tertiary-color);
  position: relative;
  margin-bottom: 0.5em;
  text-align: center;
}

.section-title p {
  font-size: 0.9em;
  font-weight: 300;
  color: var(--quaternary-color);
  line-height: 1.8;
  margin-bottom: 0.5em;
  text-align: center;
}

.section-title p+p+p {
  margin-bottom: 0;
}

.section-title span {
  color: var(--primary-color);
}

img {
  width: 100%;
  display: block;
  max-width: 100%;
  height: auto;
}

.default-btn {
  /* border-color: var(--primary-color);
  background-color: var(--primary-color); */
  background: linear-gradient(89.12deg, #FFCD00 0.53%, #FF9900 96.47%);
  display: inline-block;
  padding: 0.6em 2em;
  border-radius: 50px !important;
  letter-spacing: 0.5px;
  border-width: 1px;
  color: #000000E5;
  text-decoration: none !important;
  font-size: 0.9em;
  line-height: 25px;
  position: relative;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  font-weight: 600;
}

.default-btn:active,
.default-btn:focus,
.default-btn:hover {
  -webkit-transform: translate3d(0, -5px, 0);
  -o-transform: translate3d(0, -5px, 0);
  -ms-transform: translate3d(0, -5px, 0);
  -moz-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  color: var(--tertiary-color);
  text-decoration: none !important;
  color: #000000E5;
  /* border-color: var(--primary-color);
  background-color: var(--primary-color); */
}

.default-outline-btn {
  border: 1px solid var(--primary-color) !important;
  background-color: transparent;
  display: inline-block;
  padding: 0.6em 2em;
  border-radius: 4px !important;
  letter-spacing: 0.5px;
  color: var(--primary-color);
  text-decoration: none !important;
  font-size: 0.9em;
  line-height: 25px;
  font-weight: 600;
  text-transform: uppercase;
}

.default-outline-btn:active,
.default-outline-btn:focus,
.default-outline-btn:hover {
  border: 1px solid var(--primary-color) !important;
  background-color: var(--primary-color);
  color: var(--secondary-color);
  text-decoration: none !important;
}


.white-btn {
  border-color: var(--secondary-color);
  background-color: var(--secondary-color);
  display: inline-block;
  padding: 0.8em 2em;
  border-radius: 8px !important;
  letter-spacing: 0.5px;
  border-width: 1px;
  color: var(--primary-color);
  text-decoration: none !important;
  font-size: 1.1em;
  line-height: 25px;
  position: relative;
  -webkit-transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  transition: .5s;
  font-weight: 500;
}

.white-btn:active,
.white-btn:focus,
.white-btn:hover {
  -webkit-transform: translate3d(0, -5px, 0);
  -o-transform: translate3d(0, -5px, 0);
  -ms-transform: translate3d(0, -5px, 0);
  -moz-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  color: var(--primary-color);
  text-decoration: none !important;
  border-color: var(--secondary-color);
  background-color: var(--secondary-color);
}

.header-nav-center {
  padding: 0.5em 0;
  /* background: #00000066; */
  background-color: var(--tertiary-color);
  /* box-shadow: 0px -1px 28px 0px #070A181C; */
  /* background: linear-gradient(147deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.02) 100%); */
  /* backdrop-filter: blur(2.5px); */
  position: relative;
}

.header-nav-center .navbar .nav-item .nav-link {
  font-size: 1em;
  font-weight: 500;
  /* text-transform: uppercase; */
  color: var(--secondary-color);
  letter-spacing: 0.5px;
  padding: 0.5em 0.5em;
  position: relative;
  transition: transform 0.5s;
  padding-bottom: 0.5em;
}

.header-nav-center .navbar .navbar-nav {
  gap: 0.5em;
  align-items: center;
}

.header-nav-center .navbar .nav-item .nav-link:hover {
  /* color: var(--tertiary-color); */
  background: linear-gradient(89.12deg, #FFCD00 0.53%, #FF9900 96.47%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  opacity: 1;
}

.header-nav-center .navbar .nav-item .nav-link.active {
  background: linear-gradient(89.12deg, #FFCD00 0.53%, #FF9900 96.47%);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  opacity: 1;
}

.open-header-btn {
  background: linear-gradient(89.12deg, #FFCD00 0.53%, #FF9900 96.47%) !important;
  border-radius: 50px;
  color: var(--tertiary-color) !important;
  font-weight: 500 !important;
  font-size: 1em !important;
  padding: 0.5em 1.5em !important;
  display: flex !important;
  align-items: center;
  gap: 0.5em;
  line-height: 2 !important;
  opacity: 1 !important;
  color: rgba(0, 0, 0, 0.6);
}

.open-header-btn:hover {
  -webkit-transform: translate3d(0, -5px, 0);
  -o-transform: translate3d(0, -5px, 0);
  -ms-transform: translate3d(0, -5px, 0);
  -moz-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  color: var(--tertiary-color) !important;
  background: linear-gradient(89.12deg, #FFCD00 0.53%, #FF9900 96.47%) !important;
  -webkit-text-fill-color: unset !important;
  -webkit-background-clip: unset !important;
}

.text-align-left h2,
.text-align-left p {
  text-align: left !important;
}

.margin-top-xl {
  margin-top: 3em;
}

.margin-top-sm2 {
  margin-top: 1em;
}

.banner-img {
  width: 90%;
  margin-left: auto;
}


.banner-content-info h1 {
  font-size: 2.5em;
  color: var(--secondary-color);
  line-height: 1.3;
  font-weight: 600;
  margin-bottom: 0.4em;
  /* max-width: 600px; */
}

.banner-content-info p {
  font-size: 1em;
  font-weight: 300;
  margin-bottom: 1.875rem;
  color: var(--secondary-color);
  opacity: 0.8;
  line-height: 1.8;
  max-width: 450px;
}

.banner-content-info-card h4 {
  font-size: 1.2em;
  color: var(--secondary-color);
  font-weight: 500;
  margin-bottom: 0em;
}

.banner-content-info-card p,
.banner-content-info-list-card p {
  font-size: 0.9em;
  font-weight: 300;
  margin-bottom: 0;
  color: var(--secondary-color);
  opacity: 0.8;
}

.banner-content-info-card {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}

.banner-content-info-card svg {
  margin-bottom: 0.5em;
}

.banner-btn-sec {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-top: 1em;
}

.banner-info-sec {
  padding-top: 1.5em;
}

.banner-info-sec p {
  font-size: 1em;
  color: var(--quaternary-color);
  line-height: 1.8;
}

.banner-caption {
  min-height: calc(100vh - 260px);
  display: flex;
  justify-content: center;
  flex-direction: column;
  gap: 2em;
  /* position: relative; */
  /* z-index: -1; */
}

.banner-caption.banner-caption-new {
  min-height: calc(100vh - 80px);
}

.home-banner-sec {
  background-image: url("../img/home-banner-img.png");
  background-color: #000000E5;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  position: relative;
  width: 100%;
  display: block;
  /* z-index: 0; */
}


/* .home-banner-sec:before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.5);
  filter: blur(5px);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mix-blend-mode: normal;
} */


.header-dropdown .dropdown-menu {
  border: 0;
  padding: 0 !important;
  border-radius: 0;
}

.header-dropdown .dropdown-menu .dropdown-item {
  padding: 0.6em 1em !important;
  opacity: 0.8;
  font-size: 0.9em;
  font-weight: 300;
  color: var(--tertiary-color) !important;
}

.navbar-brand h4 {
  color: var(--tertiary-color);
  margin-bottom: 0;
  font-size: 1.75rem;
  font-weight: 500;
}

/* custome commen stlye css start  */
.font-white {
  color: var(--secondary-color) !important;
}

.efi-grid-col-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
}

.excellent-content-efi .efi-grid-col-2 {
  gap: 2em;
}

.efi-grid-col-3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
}

.default-btn {
  margin: 1em 0;
}

.default-btn-efi {
  color: var(--tertiary-color) !important;
  font-size: 1em !important;
  border-radius: 25px !important;
  font-weight: 500;
  border: none;
  background: var(--primary-btn-gradient);
  padding: 0.7em 2.5em;
  display: inline-block;
  transition: all 0.3s ease;
}

.no-background {
  background: unset !important;
}

.default-btn-efi:hover {
  background: linear-gradient(45deg, #ffcd00 3.44%, #f90 100%);
}

.desposit-withdraw-tab-nav ul li button.active {
  background: var(--primary-btn-gradient) !important;
  color: var(--tertiary-color) !important;
}

.desposit-withdraw-tab-nav ul li button {
  box-shadow: 0px 0px 3px 0px #00000078 inset;
  background-color: #fafdff;
  padding: 1em 1.5em;
  border-radius: 50px !important;
  color: var(--tertiary-color);
  line-height: 1;
}

.desposit-withdraw-tab-nav ul li button:hover {
  color: var(--tertiary-color);
}

.desposit-withdraw-tab-nav .nav-pills {
  gap: 1em;
}

.type-of-account-table-box.deposit-withdarw-table {
  margin-top: 2em;
}

.type-of-account-table-box.deposit-withdarw-table thead tr th {
  white-space: nowrap;
  font-size: 0.95em;
  color: var(--tertiary-color);
  line-height: 1.5;
}

.type-of-account-table-box.deposit-withdarw-table tbody tr td {
  font-size: 0.85em;
  font-weight: 300;
  line-height: 1.8;
  color: var(--quaternary-color);
}

.paymnet-bank-name-card h4 {
  font-size: 1em;
  font-weight: 500;
  color: var(--tertiary-color);
}

/* .dropdown-menu[data-bs-popper] {
    top: 180%;
} */

.dropdown-item:focus,
.dropdown-item:hover {
  color: var(--secondary-color) !important;
  background: linear-gradient(89.12deg,
      #ffcd00 0.53%,
      #ff9900 96.47%) !important;
}

.nav-head {
  padding: 0.7em 1em !important;
  font-size: 1em;
  font-weight: 800;
  color: var(--tertiary-color);
}

.large-dropdown {
  display: flex;
  gap: 1em;
}

.appstore-section {
  display: flex;
  gap: 1em;
  align-items: center;
  margin-top: 2em;
}

.appstore-section img {
  width: 10em;
  height: 3em;
  object-fit: contain;
}

.bannerlist-type-two li {
  font-size: 1em;
  font-weight: 300;
  margin-bottom: 1em;
  display: grid;
  grid-template-columns: 35px auto;
}

.bannerlist-type-two li span {
  color: var(--secondary-color);
  opacity: 0.8;
}

.bannerlist-type-two li:last-child {
  margin-bottom: 0;
}

.banner-sub-list {
  display: flex;
  justify-content: flex-start;
  gap: 1em;
}

/* custome commen stlye css start  */

/* excellent card section start */
.title-efi-sec span {
  display: flex;
  align-items: center;
  color: var(--quaternary-color);
  gap: 0.3em;
}

.title-efi-sec span img {
  width: 1.5em;
  height: 1.5em;
  object-fit: contain;
}

.excellent-content-efi {
  padding-left: 3em;
}

.excellent-card-sec img {
  width: 4em;
  height: 4em;
  object-fit: contain;
  margin-bottom: 1em;
}

.excellent-title-p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
}

.excellent-card-sec p {
  font-size: 0.9em;
  color: var(--quaternary-color);
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 0;
}

.excellent-efi-btn {
  color: var(--tertiary-color) !important;
  font-size: 1em !important;
  border-radius: 25px !important;
}

.excellent-efi-btn.active {
  background: linear-gradient(89.12deg,
      #ffcd00 0.53%,
      #ff9900 96.47%) !important;
}

.excellent-info h4,
.suppoert-info-sec h4 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
}

#pills-efi-tab {
  gap: 1em;
}

.excellent-section-part {
  margin-top: 2em;
}

/* excellent card section end */

/* Trading experience flow section start   */
.trading-exp-efi-sec {
  background-color: var(--primary-bg-color);
}

.efi-flow-method-sec .efi-flow-card {
  padding: 1em;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 1.5em;
}

.efi-flow-method-sec .efi-flow-card:nth-child(1) {
  border: 1px solid #04b4ff;
}

.efi-flow-method-sec .efi-flow-card:nth-child(2) {
  border: 1px solid #29b951;
}

.efi-flow-method-sec .efi-flow-card:nth-child(3) {
  border: 1px solid #ff9900;
}

.efi-flow-method-sec .efi-flow-card img {
  width: 4em;
  height: 3em;
  object-fit: contain;
}

.efi-flow-method-sec .efi-flow-card p {
  font-size: 1em;
  font-weight: 500;
  color: var(--tertiary-color);
}

.efi-flow-step-sec h3,
.fix-api-full-part h3,
.single-large-card-right h3 {
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  margin-bottom: 1em;
}

.efi-flow-step-sec p {
  font-size: 0.9em;
  color: var(--quinary-color);
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 0;
}

.efi-listitem-style li,
.forex-list-why li {
  padding-bottom: 1.5em;
  display: grid;
  grid-template-columns: 35px auto;
}

.efi-listitem-style li:last-child,
.forex-list-why li:last-child {
  padding-bottom: 0;
}

.efi-listitem-styl li span {
  color: var(--quaternary-color);
}

.efi-listitem-style li:last-child {
  margin-bottom: 0;
}

.efi-flow-step-sec {
  margin-left: 3em;
}

.popular-commodity-body-sec .efi-listitem-style {
  padding-top: 1.5em;
}

/* Trading experience flow section end   */

/* Get access  section start   */
.efi-get-access-sec {
  background-image: url("../img/landing_page/get-assces-bg.png");
  color: var(--primary-bg-color);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

.get-card-img-part {
  display: flex;
  align-items: center;
  gap: 1em;
  margin-bottom: 1em;
}

.get-card-img-part img {
  height: 3em;
  width: 3em;
  object-fit: contain;
}

.get-card-img-part h4 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--primary-bg-color);
}

.get-access-card-efi {
  background: linear-gradient(147deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.02) 100%);
  backdrop-filter: blur(2.5px);
  padding: 1em;
  border-radius: 20px;
  border: 2px solid #ffffff1c;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}

.efi-get-access-sec .section-title h2 {
  color: var(--primary-bg-color);
}

/* Get access  section end  */
/* Why do traders  EFI Markets start  */
.why-do-trade-efi .section-title,
.account-note-sec .section-title,
.fix-api-sec .section-title,
.introducing-webtrader .section-title,
.trading-exp-efi-sec .section-title,
.efi-get-access-sec .section-title,
.wht-our-customer-part .section-title,
.market-news-analysis-part .section-title,
.contact-info-details .section-title,
.why-efi-market-part .section-title,
.supported-frational-sec .section-title,
.supported-futures-sec .section-title,
.grid-model-three-sec .section-title,
.how-its-work-label-sec .section-title,
.advantages-of-introducing-business-sec .section-title {
  margin-bottom: 3em;
}

.deposit-withdarw-note-sec .section-title {
  margin-bottom: 3em;
}

.deposit-withdarw-note-sec .account-type-notes-card {
  margin-top: 2em;
}

.forex-calendar-why-do-trade-efi .efi-listitem-style {
  margin-top: 1.5em;
}

.why-do-trade-part button {
  border-radius: 20px !important;
  font-weight: 500;
  margin-bottom: 1em;
  width: 20em;
  font-size: 1.2em;
  text-align: left;
  transition: all 0.3s ease-out;
  padding: 1em 1.5em;
  color: var(--tertiary-color) !important;
  border-left: 4px solid transparent;
  display: flex;
  align-items: center;
  line-height: 1.5 !important;
  line-height: normal;
  background-color: transparent !important;
}

.why-do-trade-part button:last-child {
  margin-bottom: 0;
}

.why-do-trade-part button.active {
  border-left: 4px solid var(--primary-color);
  background-color: var(--secondary-color) !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.why-do-trade-part button:hover {
  border-left: 4px solid var(--primary-color);
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.why-trade-content {
  margin-left: 3em;
}

.why-do-trade-info-sec .why-do-trade-info-head h3,
.becomme-community-efi-info h3,
.join-the-largest-info h3 {
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  margin-bottom: 1em;
}

.why-do-trade-info-sec .why-do-trade-info-head p,
.becomme-community-efi-info p,
.single-large-card-right p,
.join-the-largest-info p {
  line-height: 1.8;
  font-size: 0.9em;
  font-weight: 300;
  color: var(--quaternary-color);
  margin-bottom: 0em;
}

.get-card-info-part p {
  font-size: 0.9em;
  line-height: 1.8;
  font-weight: 300;
  color: var(--secondary-color);
  margin-bottom: 0em;
  opacity: 0.8;
}

.why-trade-img-box {
  width: 4em;
  height: 4em;
  margin: 0 auto;
  margin-bottom: 1em;
  object-fit: contain;
}

.why-do-trade-card-inner-box-info h4 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  margin-bottom: 0.5em;
}

.why-do-trade-card-inner-box-info p {
  font-size: 0.9em;
  color: var(--quaternary-color);
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 0;
}

.why-do-trade-card-inner-box {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
  padding: 1.5em;
  border-radius: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
}

.why-do-pills {
  display: flex;
  align-items: flex-start;
  justify-content: start;
}

.becomme-community-efi-part .efi-listitem-style {
  padding-top: 2em;
}

.default-btn-sec {
  padding-top: 1.5em;
  padding-bottom: 1em;
}

.fix-api-card-list {
  margin-bottom: 0;
}

.banner-info-card-img {
  width: 2em;
  height: 2em;
  object-fit: contain;
}

/* Why do traders  EFI Markets end  */
/* join the Comminity section start  */
.join-the-largest-com {
  background-image: url("../img/join-com.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 100% 100%;
  width: 100%;
}

.join-card-icons {
  width: 4em;
  height: 4em;
  object-fit: contain;
}

.join-content-info h4 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  margin-bottom: 1em;
}

.join-content-info p {
  line-height: 1.8;
  font-size: 0.9em;
  font-weight: 300;
  color: var(--quaternary-color);
  margin-bottom: 0em;
}

.join-card-main-wrap {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  background-color: var(--primary-bg-color);
  margin-top: 4em;
  border-radius: 20px;
}

.join-content-card {
  /* background: linear-gradient(45deg, black, transparent); */
  padding: 1.5em;
  height: 100%;
  border-right: 2px solid #fff;
  transition: 0.3s;
}

.join-content-card:nth-child(4) {
  border-right: 0px solid #fff;
}

.join-content-card:hover {
  transform: translateY(-20px) scale(1.03);
  border-color: transparent;
  background-color: #efefef;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px,
    rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

/* Become community section start  */
.becomme-community-efi-part {
  background-image: url("../img/landing_page/become-community-img.png");
  background-position: 95% center;
  background-size: cover;
  background-repeat: no-repeat;
  border: 1px solid #efefef;
  border-radius: 52px;
  overflow: hidden;
}

.becomme-community-efi-left {
  padding: 2em;
  background: linear-gradient(94deg, #ffffff99, #ffffff00);
}

/* Become community section end */

/* What Our Customer’s say start  */
.paymnet-bank-name-img {
  width: 4em;
  height: auto;
  object-fit: contain;
}

.what-customer-info p {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.8;
  opacity: 0.8;
  color: var(--quaternary-color);
  margin-bottom: 0em;
}

.rating-img {
  width: 10em;
  object-fit: contain;
  margin: 0 auto;
}

.customer-rating-individual-star {
  display: grid;
  grid-template-columns: 35px auto;
  justify-content: center;
  align-items: center;
}

.customer-user-img {
  width: 3.5em;
  height: 3.5em;
  object-fit: cover;
  border-radius: 50%;
}

.rating-star {
  object-fit: contain;
  width: 7em;
}

.customer-rating-individual-star span {
  font-size: 1em;
  font-weight: 600;
}

.customer-rating-individual-card {
  background: linear-gradient(313deg,
      rgba(255, 0, 0, 0.06) 3.44%,
      rgba(255, 153, 0, 0.06) 100%);
  padding: 2em;
}

.customer-rating-box .customer-rating-individual-card:nth-child(1) {
  border-radius: 30px 30px 0px 30px;
}

.customer-rating-box .customer-rating-individual-card:nth-child(2) {
  border-radius: 30px 30px 30px 0px;
}

.customer-rating-box .customer-rating-individual-card:nth-child(3) {
  border-radius: 30px 0px 30px 30px;
}

.customer-rating-box .customer-rating-individual-card:nth-child(4) {
  border-radius: 00px 30px 30px 30px;
}

.customer-rating-individual-img {
  margin-bottom: 0.5em;
}

.what-customer-card {
  border: 1px solid #efefef;
  padding: 2em;
  border-radius: 40px;
  background-color: var(--secondary-color);
}

.what-customer-img {
  padding-top: 1.5em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1em;
}

.what-customer-sec {
  margin-left: 3em;
}

.what-customer-info {
  padding-top: 1.5em;
}

.quotes-part img {
  width: 3em;
  height: 2em;
  object-fit: contain;
}

.what-customer-desc p {
  font-size: 1.2em;
  font-weight: 500;
  margin-bottom: 0;
  color: var(--tertiary-color);
  text-align: left;
}

.what-customer-desc span {
  font-size: 1em;
  font-weight: 400;
  margin-bottom: 0;
  color: var(--tertiary-color);
}

/* What Our Customer’s say end  */
/* Market News & Analysis start   */
.new-event-img {
  width: 100%;
  height: 14em;
  /* object-fit: cover; */
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: all 2s ease-out;
  transition: all 2s ease-out !important;
}

.new-market-analysis-img-part {
  border-radius: 30px;
  overflow: hidden;
}

.new-market-analysis-date-part {
  display: grid;
  grid-template-columns: 24px auto;
  gap: 1em;
  align-items: center;
  margin: 1em 0;
}

.institutional-card {
  height: 100% !important;
}

.new-market-analysis-info-part h4,
.how-trading-content-info h4 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  margin-bottom: 1em;
}

.how-trading-content-info p {
  margin-bottom: 0;
}

.new-market-analysis-info-part p,
.how-trading-content-info p {
  font-size: 0.9em;
  line-height: 1.8;
  font-weight: 300;
  opacity: 0.8;
  color: var(--quaternary-color);
  margin-bottom: 1em;
}

.new-market-analysis-card:hover .new-event-img {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

.new-market-analysis-card {
  border: 1px solid #efefef;
  padding: 1em;
  border-radius: 30px;
  height: 100%;
}

.news-market-btn {
  color: var(--primary-color);
}

.news-market-btn:before {
  background-color: var(--primary-color);
  content: "";
  display: inline-block;
  height: 2px;
  margin-right: 10px;
  transition: all 0.42s cubic-bezier(0.25, 0.8, 0.25, 1);
  width: 0;
}

.new-market-analysis-card:hover .news-market-btn:before {
  background-color: var(--primary-color);
  width: 4rem;
}

.new-market-analysis-date-part span {
  color: var(--quaternary-color);
  font-weight: 300;
  font-size: 0.9em;
}

/* Market News & Analysis start   */
/* info and count efi section start   */
.count-img {
  width: 3em;
  height: 3em;
  object-fit: contain;
}

.info-count-sub-box {
  background-color: #0e0b17;
  color: var(--primary-bg-color);
  padding: 2em 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1em;
}

.info-count-main-box .info-count-sub-box:nth-child(even) {
  background: #21252e;
}

.info-count-main-box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

.info-count-sub-box-info h4 {
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0;
  color: var(--secondary-color);
  opacity: 0.8;
}

.info-count-sub-box-info p {
  font-size: 1.4em;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.8;
}

/* info and count efi section end   */

/* faq start  */

.efi-faq-part .accordion-item {
  border: 0;
  border-left: 4px solid var(--primary-color);
  margin-bottom: 1em;
  border-radius: 10px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
}

.efi-faq-part .accordion-button {
  color: var(--tertiary-color);
  font-weight: 500;
  border-radius: 10px;
  background-color: transparent;
}

.efi-faq-part .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: unset;
  /* border-top-left-radius: 10px;
    border-top-right-radius: 10px; */
}

.efi-faq-part .accordion-body {
  font-size: 0.9em;
  font-weight: 300;
  line-height: 1.5;
  color: var(--quaternary-color);
  margin-bottom: 0em;
}

.efi-faq-part .accordion-button:focus {
  box-shadow: unset !important;
}

.efi-faq-part .accordion-collapse.collapse.show {
  margin-bottom: 1.5em;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  /* box-shadow:var( --primary-box-shadow); */
}

/* faq end  */

/* contact form section start  */
.conatct-info-addres {
  display: grid;
  grid-template-columns: 40px auto;
  gap: 1em;
  align-items: start;
  margin-bottom: 1em;
}

.conatct-info-addres .conatct-info-addres-info span {
  font-size: 1em;
  font-weight: 500;
  color: var(--tertiary-color);
  display: inline-block;
  margin-bottom: 0.5em;
}

.conatct-info-addres .conatct-info-addres-info p {
  font-size: 0.9em;
  line-height: 1.8;
  color: var(--quaternary-color);
  margin-bottom: 0;
}

.social-media-list {
  /* display: grid;
  gap: 1em;
  grid-template-columns: repeat(7, 1fr); */
  display: flex;
  align-items: center;
  gap: 1em;
}

.social-media-list-1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}

.socila-icon {
  width: 2em;
}

.info-media-efi {
  border: 1px solid #efefef;
  border-radius: 20px;
  padding: 2em;
  /* position: relative; */
  display: grid;
  gap: 2em;
  align-items: center;
  grid-template-columns: repeat(2, 1fr);
}

.contact-form {
  background-image: url("../img/landing_page/conatact-bg.jpeg");
  padding: 1em 2em;
  border-radius: 20px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  /* position: absolute;
    width: auto;
    min-width: 45%;
    top: -50px;
    right: 0; */
  box-shadow: var(--primary-box-shadow);
}

.conatct-info-socialmedia h5,
.weekly-trading-name-sec h5 {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.5;
  color: var(--tertiary-color);
  margin-bottom: 1em;
}

.contact-form label {
  color: var(--secondary-color);
  font-size: 0.9em;
  font-weight: 500;
  margin-bottom: 0.8em;
}

.contact-form .form-control {
  background: linear-gradient(147deg,
      rgba(255, 255, 255, 0.2) 0%,
      rgba(255, 255, 255, 0.02) 100%) !important;
  border: 2px solid #ffffff1c;
  backdrop-filter: blur(2.5px) !important;
  color: var(--secondary-color);
  height: 3em;
  font-weight: 400;
}

.contact-form textarea.form-control {
  height: auto;
}

.contact-form .form-control:focus {
  box-shadow: none !important;
}

.contact-form h3 {
  color: var(--secondary-color);
  font-size: 1.8em;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 1em;
}

.contact-info-details h2 {
  text-align: left;
}

.contact-form ::placeholder {
  color: var(--primary-bg-color);
}

.landing-iframe-sec iframe {
  height: calc(430px - 32px) !important;
}

.conatact-form-sec {
  padding: 4em 0;
}

/* contact form section end  */

/* product logo section start */
.product-logo-individual-img {
  width: 7em;
  object-fit: contain;
  filter: grayscale(1) !important;
  height: 7em;
}

.product-icon-logo-sec {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 1em;
}

/* product logo section end  */

/* Powered by section start   */
.powered-by-part {
  padding: 2em 0;
  background: linear-gradient(313deg,
      rgba(255, 0, 0, 0.06) 3.44%,
      rgba(255, 153, 0, 0.06) 100%);
}

.powered-by-card-individual-img {
  width: auto;
  object-fit: contain;
  height: 2em;
}

.powered-by-card .powered-by-card-label h5 {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  margin-bottom: 1em;
}

footer {
  padding-top: 4em;
  /* padding-bottom: 1.2em; */
}

.app-store-part {
  padding: 2em 0;
}

.footer-logo-part p {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1em;
  gap: 0.5em;
}

.footer-sentence {
  border: 1px solid #efefef;
  padding: 1em;
  border-radius: 10px;
}

.footer-sentence p {
  font-size: 1em;
  line-height: 1.8;
  text-align: center;
  color: var(--tertiary-color);
  margin-bottom: 0;
}

.footer-quick-link-one,
.footer-quick-link-two {
  padding: 2em 0;
}

.footer-quick-link-one ul,
.footer-quick-link-two ul {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-bottom: 0;
}

.footer-quick-link-one ul li a,
.footer-quick-link-two ul li a {
  color: var(--tertiary-color);
}

.footer-quick-link-one ul li a:hover,
.footer-quick-link-two ul li a:hover {
  color: var(--primary-color);
}

.footer-quick-link-two {
  border-top: 1px solid #efefef;
}

.app-store-icon ul li img {
  width: 3em;
}

.app-store-icon ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
}

.copy-right-sec p {
  font-size: 0.9em;
  margin-bottom: 0;
  color: var(--quinary-color);
  border-top: 1px solid #efefef;
  padding: 1.5em 0;
  line-height: 1.8;
}

/* Powered by section end   */

/*------------- Efi Landing Page Style start ------------- */
/* card model one start  */
.introducing-webtrader {
  background-color: var(--primary-bg-color);
  position: relative;
  overflow: hidden;
}

.introducing-webtrader .content {
  z-index: 0;
  position: absolute;
  right: -8%;
  bottom: -20%;
  width: 500px;
}

.card-img-one,
.grid-img-two {
  width: 4em;
  height: 4em;
  object-fit: contain;
  transition: transform 0.3s ease !important;
}

.card-model-info-part,
.grid-model-card-info,
.grid-model-three-info-sec {
  margin-top: 1em;
}

.grid-model-three-info-sec p {
  font-size: 0.9em;
  color: var(--quaternary-color);
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 0;
}

.grid-model-three-info-sec h4 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  position: relative;
  overflow: hidden;
}

.card-model-part-one {
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 1050;
}

.card-model-info-part h4,
.grid-model-card-info h4,
.ark-efi-tabs-main-info h4,
.fix-api-card-info h4,
.grid-model-three-card h4,
.grid-model-three-info-sec h4 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  position: relative;
  overflow: hidden;
}

.card-model-info-part h4::after {
  content: " ";
  display: block;
  height: 2px;
  width: 50%;
  background-color: var(--primary-color);
  transform: scale(0);
  transform-origin: center;
  transition: transform 0.3s ease !important;
}

.card-model-part-one:hover .card-model-info-part h4::after {
  transform: scale(-1);
}

.card-model-info-part p,
.grid-model-card-info p,
.ark-efi-tabs-main-info p,
.grid-model-three-info-sec p .how-trading-content-info p {
  font-size: 0.9em;
  color: var(--quaternary-color);
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 0;
}

/* card model one end  */

/* cta Banne start  */
.cta-banner-main {
  background-image: url("../img/efi-trader/cta-banner-bg.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 3em 0;
  color: var(--secondary-color);
}

.cta-abnner-info h3 {
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 1em;
  position: relative;
  overflow: hidden;
}

.cta-abnner-info .default-btn-sec {
  padding-top: 0.5em;
}

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

.cta-abnner-info p {
  font-size: 1em;
  font-weight: 300;
  line-height: 1.6;
  color: var(--secondary-color);
}

.cta-banner-two {
  background-color: #0e0b17;
  color: var(--secondary-color);
  z-index: 1050;
  position: relative;
  overflow: hidden;
  padding: 3em 0;
}

.content-one {
  width: 36em;
  position: absolute;
  top: -196px;
  left: -144px;
  z-index: 0;
}

.content-two {
  width: 36em;
  position: absolute;
  bottom: -179px;
  right: -273px;
  z-index: -1;
}

.cta-banner-three {
  background: linear-gradient(45deg, #e6f6e2, #fafae6);
  color: var(--tertiary-color);
  z-index: 1050;
  position: relative;
  overflow: hidden;
  padding: 3em 0;
}

/* cta Banne end */
/* Why EFI Markets? section start  */
.why-efi-market-part {
  background-color: var(--primary-bg-color);
}

.grid-model-two-card {
  background-color: var(--secondary-color);
  padding: 2em;
  border-radius: 20px;
  box-shadow: var(--primary-box-shadow);
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.grid-model-two-card:hover .grid-img-two {
  transform: rotateY(180deg);
}

.forex-list-why {
  padding-top: 1em;
  margin-bottom: 0;
}

/* Why EFI Markets? section end   */
/* tabs  */
.ark-pills-sec {
  justify-content: space-evenly;
}

.ark-pills-sec :where(button) {
  background-color: var(--secondary-color) !important;
  height: 4em;
  width: 4em;
  border-radius: 50% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ark-pills-sec button img {
  width: 2em;
  height: 2em;
  object-fit: contain;
}

.ark-pills-sec li {
  position: absolute;
  z-index: 99;
}

.ark-pills-sec li:nth-child(1) {
  transform: translate(-26em, 21em);
}

.ark-pills-sec li:nth-child(2) {
  transform: translate(-19em, 11em) rotate(0deg);
}

.ark-pills-sec li:nth-child(3) {
  transform: translate(-9em, 6em) rotate(0deg);
}

.ark-pills-sec li:nth-child(4) {
  transform: translate(6em, 5em) rotate(0deg);
}

.ark-pills-sec li:nth-child(5) {
  transform: translate(19em, 11em) rotate(0deg);
}

.ark-pills-sec li:nth-child(6) {
  transform: translate(26em, 21em);
}

.ark-efi-tabs {
  background-color: var(--primary-bg-color);
  position: relative;
  padding-top: 3.5em;
}

.ark-efi-tabs-main-icon img {
  width: 3em;
  height: 3em;
  margin: 0 auto;
  object-fit: contain;
  margin-bottom: 1em;
}

.ark-efi-tabs .tab-content {
  width: 100%;
  height: 480px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  z-index: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.ark-efi-tabs .tab-content::after {
  content: " ";
  background-image: url("../img/ark-trader/Ellipse.png");
  display: block;
  position: absolute;
  width: 599px;
  height: 599px;
  transform: translate(0em, 17em) rotate(45deg);
  z-index: -1;
  background-repeat: no-repeat;
}

.ark-efi-tabs .tab-content::before {
  background-image: url("../img/ark-trader/border-line.png");
  content: " ";
  position: absolute;
  width: 100%;
  left: -2px;
  top: 80px;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  z-index: -1;
}

.ark-efi-tabs-main-sec {
  width: 520px;
  margin-bottom: 2em;
}

.ark-become-comunity {
  background: linear-gradient(83deg, #0c2335, #0e171e00);
}

.ark-become-comunity .becomme-community-efi-info :where(h3, p) {
  color: var(--secondary-color);
}

.ark-become-comunity div ul li span {
  color: var(--secondary-color);
}

/*----------- Efi Landing Page Style end ---------------*/

/*----------- API Landing page style start------------  */

/* api fix  section start  */
.fix-api-card {
  background: var(--primary-bg-color);
  border-radius: 20px;
  padding: 1em;
  height: 100%;
  width: auto;
}

.api-fix-card-two {
  background: linear-gradient(45deg, #e6f6e2, #fafae6);
}

.fix-api-card-img {
  background: #fff;
  width: 3em;
  display: flex;
  height: 3em;
  border-radius: 50%;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1em;
  justify-content: center;
  padding: 0.55em;
}

.fix-api-card-title-sec {
  border-bottom: 1px solid #efefef;
}

.fix-api-card-list svg {
  background: #fff;
  display: flex;
  border-radius: 50%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1.5em;
  height: 1.5em;
  padding: 0.33em;
}

.fix-api-card-list li {
  display: grid;
  grid-template-columns: 40px auto;
  align-items: center;
  padding-top: 1.5em;
}

.fix-api-card-list li span {
  color: var(--quaternary-color);
  font-size: 0.8em;
  font-weight: 300;
}

.fix-api-card .default-btn {
  margin-top: 1em;
  display: inline-block;
}

.fix-api-full-part h3 {
  background: #d9d9d9;
  display: inline-block;
  padding: 0.8em 2em;
  border-radius: 30px;
  font-size: 0.9em;
  font-weight: 600;
  margin-bottom: 2em;
}

.account-type-notes-card h3 {
  font-size: 1.4em;
  font-weight: 500;
  color: var(--tertiary-color);
  margin-bottom: 0.8em;
  /* display: flex;
    align-items: center;
    gap: 0.6em; */
  display: grid;
  grid-template-columns: 55px auto;
  align-items: center;
}

.account-type-notes-card p {
  font-size: 0.85em;
  color: var(--quaternary-color);
  font-weight: 300;
  line-height: 1.8;
  text-transform: capitalize;
}

.count-no {
  display: flex;
  width: 2em;
  height: 2em;
  background: var(--secondary-color);
  border: 1px solid rgba(74, 74, 74, 0.14);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  font-weight: 400;
}

/* api fix  section end  */

/*----------- API Landing page style end------------  */

/*------------- account-type page style ------------------ */
.account-type-banner {
  background-image: unset;
  background-color: unset;
  min-height: unset;
  color: var(--tertiary-color);
}

.account-type-banner .banner-caption {
  margin-top: 4em;
  min-height: unset;
}

.account-type-banner .banner-content-info h1,
.account-type-banner .banner-content-info p {
  color: var(--tertiary-color);
  text-align: center;
}

.account-type-banner .banner-content-info p {
  max-width: none;
}

.type-of-account-table-sec table {
  border-radius: 10px;
  overflow: hidden;
  outline: 1px solid #efefef;
}

.type-of-account-table-sec .table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--secondary-color);
  background-color: var(--secondary-color) !important;
}

.type-of-account-table-sec .table-striped>tbody>tr:nth-of-type(even)>* {
  --bs-table-bg-type: var(--primary-bg-color) !important;
}

.type-of-account-table-sec table tr td {
  padding: 1em;
  width: 0;
  vertical-align: middle;
  line-height: 1.8;
  font-size: 0.8em;
  color: var(--tertiary-color);
}

.account-note-sec {
  background-color: var(--primary-bg-color);
}

.account-note-list ul li {
  display: grid;
  grid-template-columns: 60px auto;
  align-items: start;
  gap: 1em;
  margin-bottom: 2em;
}

.account-note-list ul li:last-child {
  margin-bottom: 0;
}

.account-note-list ul li span {
  line-height: 1.8;
  font-size: 0.9em;
  font-weight: 300;
  color: var(--tertiary-color);
}

.account-note-list ul li div {
  width: 3em;
  height: 3em;
  background-color: var(--secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #4a4a4a24;
  font-size: 1em;
  font-weight: 500;
  color: var(--tertiary-color);
}

.learn-trading-demo-ac {
  background: linear-gradient(45deg, #e6f6e2, #fafae6);
}

.learn-trading-demo-ac .default-btn {
  margin-top: 1em;
}

.learn-trading-demo-ac .section-title p {
  max-width: 500px;
}

/*------------- account-type page style ------------------ */

/* ----------Trading calculator page style star ----------- */
.step-trading-sec {
  background: linear-gradient(45deg, #e6f6e2, #fafae6);
  overflow: hidden;
}

.step-trading-left-sec .content {
  position: absolute;
  width: 609px;
  left: -16%;
  top: -13%;
}

.step-trading-left-sec {
  position: relative;
}

.step-calculating-img {
  width: 20em;
  margin: 0 auto;
}

/* -------------Trading calculator page style end-------------------  */

/* ---------------Trading App page style---------------- */

.app-trading-content .banner-content-info p {
  max-width: 659px;
}

.benefits-moblie-app-list {
  display: flex;
  justify-content: space-around;
}

.benefits-img {
  width: 30em;
  margin: 0 auto;
  transform: translate(-46px, 84px);
}

.benefits-sec .content {
  position: absolute;
  width: 540px;
  left: -18%;
  top: 40px;
  z-index: 0;
}

.get-our-app-sec {
  background: linear-gradient(94deg, #000000, #1425350d);
}

.get-our-app-sec :where(.becomme-community-efi-info p, .becomme-community-efi-info h3) {
  color: var(--secondary-color) !important;
}

.wht-does-our-sec {
  background-color: var(--primary-bg-color);
}

.wht-does-our-img {
  width: 22em;
  margin: 0 auto;
}

/* ---------------Trading App page style end---------------- */

/*--------------- forex page style start ----------------- */
.forex-discover-more-about-trading-box {
  width: 100%;
  height: 660px;
  margin-top: 3em;
}

.forex-discover-more-about-trading-box iframe {
  height: calc(628px);
  width: 100%;
}

.forex-go-with-efi-sec .becomme-community-efi-left {
  background: linear-gradient(270deg, #0e0f13, #15253261);
}

.forex-go-with-efi-sec :where(h3, p, ul li span) {
  color: var(--secondary-color) !important;
}

.forex-go-with-efi-sec span {
  font-size: 0.8em;
}

/*--------------- forex page style end ----------------- */

/*---------------- commodities page style ------------- */
.popular-commodity-body-sec {
  background-color: var(--primary-bg-color);
  padding: 2em;
  border-radius: 50px;
}

.popular-commodity-img {
  height: 25em;
  object-fit: contain;
}

/*---------------- commodities page style end ------------- */

/*---------------- stocks page style-----------------------  */
.stocks-trading-box {
  width: 100%;
  height: 660px;
  margin-top: 3em;
}

.stocks-trading-box iframe {
  height: calc(628px);
  width: 100%;
}

.suppoert-img-sec {
  margin-bottom: 1em;
}

.supported-card-img {
  width: 6em;
  height: 3em;
  object-fit: contain;
}

.supported-frational-card {
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 20px;
  padding: 1em;
  width: auto;
  height: 100%;
}

.supported-frational-card:hover {
  box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
}

.supported-futures-sec {
  background: linear-gradient(45deg, #e6f6e2, #fafae6);
}

/*---------------- stocks page style end-----------------------  */

/* --------introducing bussiness partner page style start--------  */
.grid-model-three-card {
  position: relative;

  transition: all 0.05s linear;
  z-index: 99999;
  padding: 1em;
  width: auto;
  background-color: #fff;
  height: 100%;
}

.grid-model-three-card:before,
.grid-model-three-card:after {
  content: "";
  position: absolute;
  background: #fff;
  transition: all 0.2s linear;
}

.grid-model-three-card:before {
  width: calc(100% + 6px);
  height: calc(100% - 40px);
  top: 20px;
  left: -3px;
  z-index: -1;
}

.grid-model-three-card:after {
  width: calc(100% - 40px);
  height: calc(100% + 6px);
  top: -3px;
  left: 20px;
  z-index: -1;
}

.grid-model-three-card:hover:before {
  height: calc(100% - 80px);
  top: 40px;
}

.grid-model-three-card:hover:after {
  width: calc(100% - 80px);
  left: 40px;
}

.border-one {
  border: 2px solid #8166f2;
}

.border-two {
  border: 2px solid #8ed25f;
}

.border-three {
  border: 2px solid #59b4f2;
}

.border-four {
  border: 2px solid #ffb700;
}

.border-five {
  border: 2px solid #fb4208;
}

/* --------introducing bussiness partner page style end--------  */
/* ---------- white label partnership ----------*/
.how-its-work-image-sec {
  position: relative;
}

.how-its-work-main-image {
  width: 15em;
  margin: 0 auto;
  height: auto;
}

.etxra-right {
  width: 4em;
  height: auto;
  position: absolute;
  right: 0;
  top: -20%;
  animation: move-up6 2s ease-in infinite alternate-reverse;
}

.etxra-left {
  width: 4em;
  height: auto;
  position: absolute;
  left: 0;
  bottom: -20%;
  animation: move-down1 2s ease-in infinite alternate-reverse;
}

@keyframes move-up6 {
  to {
    transform: translateY(-10px);
  }
}

@keyframes move-down1 {
  to {
    transform: translateY(10px);
  }
}

.how-work-card-body {
  margin: 3em 0;
}

.how-trading-content-card {
  padding: 1.2em;
  border-radius: 20px;
  width: auto;
  height: 15em;
}

.how-trading-calculator-card {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1em;
}

.how-bg-one {
  background: linear-gradient(281deg, #bee4ff, #ffffff00);
}

.how-bg-two {
  background: linear-gradient(281deg, #00000024, #ffffff);
}

.how-bg-three {
  background: linear-gradient(281deg, #5cf97f, #ffffff);
}

.how-bg-four {
  background: linear-gradient(281deg, #ffe8f0, #ffffff);
}

.how-trading-content-img {
  margin-bottom: 1em;
}

/* ---------- white label partnership ----------*/

/*--------- premium analytics page style start---------  */

.large-card-img {
  width: 30em;
  margin: 0 auto;
  height: auto;
  object-fit: contain;
}

.single-large-card-left {
  position: relative;
}

.single-large-lr-card .single-large-card-left .large-img-icon {
  position: absolute;
  left: 6%;
  bottom: -6%;
  width: 5em;
  animation: move-down1 2s ease-in infinite alternate-reverse;
}

.large-card-bg-one {
  background: var(--primary-bg-color);
}

.large-card-bg-two {
  background: var(--secondary-bg-color);
}

/*--------- premium analytics page style end---------  */
.premium-card-info p {
  font-size: 0.8em;
  color: var(--quaternary-color);
  font-weight: 600;
}

.premium-card-img {
  margin-bottom: 1em;
}

.premium-card-img-icon {
  width: 6em;
  height: auto;
  object-fit: contain;
}

.premium-analytics-card {
  padding: 1em;
  border-radius: 20px;
  display: flex;
  align-items: center;
  gap: 1em;
}

.premium-analytics-card:nth-child(1) {
  border: 1px solid #04b4ff;
  margin-bottom: 1em;
}

.premium-analytics-card:nth-child(2) {
  border: 1px solid #c88b3d;
}

.premium-card-info h5 {
  font-size: 1em;
  font-weight: 600;
}

.technical-analytics-iframe iframe {
  width: 100%;
}

.forex-calendar-iframe-card iframe {
  width: 100%;
}

.forex-calender-com .becomme-community-efi-left {
  background: linear-gradient(94deg, #000, transparent);
  color: var(--secondary-color);
}

.forex-calender-com .becomme-community-efi-left :where(p, h3) {
  color: var(--secondary-color);
}

.forex-featured-ideas-sec {
  padding: 2em;
  background-color: #fff;
  border: 1px solid #efefef;
  border-radius: 20px;
}

.weekly-trading-social-icon {
  width: 1.5em;
}

.type-of-account-table-box table thead tr th {
  background-color: #efefef;
  padding: 1.8em 1.5em;
  font-size: 0.9em;
  line-height: 1.5;
  font-weight: 500;
  color: var(--tertiary-color);
}

.type-of-account-table-box .table-striped>tbody>tr:nth-of-type(odd)>* {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--secondary-color);
  background-color: var(--secondary-color) !important;
}

.type-of-account-table-box table {
  outline: 1px solid #efefef;
  border-radius: 20px;
  overflow: hidden;
}

.type-of-account-table-box .table-striped>tbody>tr:nth-of-type(even)>* {
  --bs-table-bg-type: #fffbf5 !important;
}

.weekly-trading-social-list {
  display: flex;
  align-items: center;
  gap: 0.5em;
}

.weekly-trading-name-sec p {
  font-size: 0.8em;
  font-weight: 600;
  color: var(--quinary-color);
}

.weekly-trading-com .becomme-community-efi-left {
  background: linear-gradient(267deg, #ffffff99, transparent);
}

.market-heat-map-iframe iframe {
  width: 100%;
}

.market-heat-map-iframe iframe {
  width: 100%;
}

.afflilated-img {
  width: 25em;
  margin: 0 auto;
  height: auto;
  object-fit: contain;
}

.app-store-label h5 {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  margin-bottom: 1em;
}

.get-app-mobile-part {
  background-image: url("../img/cfd-back.webp");
  background-position: center;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2em 0;
}

.get-applist-sec {
  padding-top: 2em;
}

.get-app-bg-part {
  background: linear-gradient(147deg,
      rgb(0 0 0) 0%,
      rgb(255 255 255 / 32%) 100%);
  backdrop-filter: blur(2.5px);
  /* border: 3px solid rgba(0, 0, 0, 0.1); */
  padding: 1em;
  border-radius: 10px;
}

.institu-do-pills button.active {
  /* border-bottom: 4px solid var(--primary-color); */
  background-color: var(--secondary-color) !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.institu-do-pills button {
  text-align: center;
  border-radius: 20px !important;
  font-weight: 600;
  margin-bottom: 1em;
  width: 20em;
  font-size: 1em;
  text-align: left;
  transition: all 0.3s ease-out;
  padding: 1em 1.5em;
  color: var(--tertiary-color) !important;
  border-left: 4px solid transparent;
  display: flex;
  align-items: center;
  line-height: 1.5 !important;
  line-height: normal;
  background-color: transparent !important;
}

.why-do-trade-info-sec {
  text-align: center;
  padding-top: 2em;
}

.static-banner-title-sec h1 {
  font-size: 2.6em;
  font-weight: 600;
  color: var(--tertiary-color);
  position: relative;
  margin-bottom: 0em;
  text-align: center;
  position: relative;
  z-index: 2;
}

.static-page-card {
  padding-top: 2em;
}

.static-page-card h3 {
  font-size: 1.4em;
  font-weight: 500;
  color: var(--tertiary-color);
  margin-bottom: 0.8em;
}

.static-page-list {
  margin-top: 2em;
}

.static-page-list li {
  padding-bottom: 1em;
  grid-template-columns: 40px auto;
  display: grid;
  font-weight: 300;
  line-height: 1.8;
  text-transform: capitalize;
  font-size: 0.9em;
  color: var(--quaternary-color);
}

.static-page-card p {
  font-size: 0.9em;
  color: var(--quaternary-color);
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.8;
  text-transform: capitalize;
}

.static-page-card h4 {
  font-size: 1.2em;
  font-weight: 500;
  color: var(--tertiary-color);
  margin-bottom: 0.8em;
}

.static-page-card a {
  text-transform: lowercase;
  color: var(--primary-color);
}

.why-do-trade-card-box ul {
  padding-top: 2em;
  text-align: left;
}

.landing-iframe-sec iframe {
  min-height: 600px !important;
  overflow: auto;
}

.join-content-img {
  margin-bottom: 1em;
}

.arrow-up {
  cursor: pointer;
  width: 3em;
  height: 3em;
  background: #fff;
  position: fixed;
  bottom: 10%;
  z-index: 99;
  right: 5%;
  padding: 0.95em;
  border-radius: 50%;
  background: var(--primary-btn-gradient);
  opacity: 100%;
  transition: opacity 3s;
}

.hidden {
  /* display: none; */
  opacity: 0%;
}

.docs-policy-box .static-page-card p {
  margin-bottom: 1em;
}

.info-media-efi-contact {
  border: 1px solid #efefef;
  border-radius: 20px;
  padding: 2em;
  /* position: relative; */
}

.conatct-info-addres-con {
  display: flex;
  gap: 1em;
  align-items: center;
  margin-bottom: 1em;
  flex-direction: column;
  justify-content: center;
  height: 80%;
  /* z-index: -1;
    position: relative; */
}

/* .conatact-form-sec .section-title h2 {
    z-index: -1!important;
  } */
.conatct-info-addres-info h4,
.conatct-info-addres-con h4 {
  font-size: 1.2em;
  font-weight: 500;
  color: var(--tertiary-color);
  margin-bottom: 0.8em;
}

.contact-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2em;
}

.sm-margin-btm {
  margin-bottom: 2em;
}

.charges-part-view h4 {
  font-size: 1.2em;
  font-weight: 500;
  color: var(--tertiary-color);
  margin-bottom: 0.8em;
}

.formula-box {
  border: 1px solid #efefef;
  background-color: #efefef;
  border-radius: 0px;
  padding: 1em 1em;
  margin: 1em 0;
}

.charges-part-view .formula-box p {
  /* color: var(--primary-color); */
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 0em;
}

.formula-box p span {
  color: var(--quinary-color);
  text-decoration-line: underline;
}

.home-grid-custome table,
.commision-table table {
  width: 100%;
}

.home-grid-custome tr th:nth-child(1),
.home-grid-custome tr td:nth-child(1) {
  width: 30%;
}

.home-grid-custome tr th:nth-child(2),
.home-grid-custome tr td:nth-child(2) {
  width: 70%;
}

.home-grid-custome tr td:nth-child(1) {
  font-weight: 600;
}

.commision-table table th {
  background: #efefef;
  font-size: 1em;
  line-height: 1.5;
  color: var(--tertiary-color);
  vertical-align: middle;
  padding: 1em;
  text-align: center;
}

.commision-table table td {
  font-size: 0.9em;
  font-weight: 400;
  color: var(--quaternary-color);
  line-height: 1.8;
  vertical-align: middle;
  padding: 1em;
  text-align: center;
}

.home-grid-custome table th {
  background: #efefef;
  font-size: 1em;
  line-height: 1.5;
  color: var(--tertiary-color);
  vertical-align: top;
  padding: 1em;
}

.home-grid-custome table td {
  font-size: 0.9em;
  font-weight: 400;
  color: var(--quaternary-color);
  line-height: 1.8;
  vertical-align: top;
  padding: 1em;
}

.other-genral-table table th {
  background: #efefef;
  font-size: 1em;
  line-height: 1.5;
  color: var(--tertiary-color);
  vertical-align: top;
  padding: 1em;
}

.other-genral-table table td {
  font-size: 0.9em;
  font-weight: 400;
  color: var(--quaternary-color);
  line-height: 1.8;
  vertical-align: top;
  padding: 1em;
}

.withdrawal-table table th {
  background: #efefef;
  font-size: 1em;
  line-height: 1.5;
  color: var(--tertiary-color);
  vertical-align: top;
  padding: 1em;
}

.withdrawal-table table td {
  font-size: 0.9em;
  font-weight: 400;
  color: var(--quaternary-color);
  line-height: 1.8;
  vertical-align: top;
  padding: 1em;
}

.formula-box math {
  font-size: 1.1em;
  font-weight: 500;
  color: var(--tertiary-color);
  line-height: 1.5;
}

.table-formula p {
  font-size: 0.8em;
}

.charges-part-view {
  margin-bottom: 2em;
}

.flow-one .efi-flow-method-sec .efi-flow-card {
  flex-direction: column !important;
}

.flow-one .efi-flow-method-sec {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2em;
}

.sign-cont-para {
  font-size: 1rem !important;
  font-weight: 400 !important;
  color: var(--quaternary-color) !important;
  opacity: 0.8;
  line-height: 1.8;
  margin-bottom: 0.5em;
  text-align: center;
}

.thread-icon {
  background: #000;
  width: 1.5em;
  height: 1.5em !important;
  display: inline-block;
  text-align: center;
  border-radius: 30px;
}

.fixed-trade-view-bottom-marquee {
  height: 100px;
  overflow: hidden;
  width: 100%;
  position: fixed;
  top: auto;
  bottom: -55px;
  z-index: 99;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.grid-table-four-card h4 {
  text-decoration: underline;
  margin-bottom: 1.5em;
}

.grid-table-four-card {
  background: #efefef;
  padding: 2em 2em;
}

.grid-table-four-card-content {
  display: grid;
  grid-template-columns: 130px auto;
  align-items: start;
  margin-bottom: 1.5em;
}

.grid-table-four-card-content h5 {
  font-size: 0.9em;
  font-weight: 600;
  color: var(--tertiary-color);
  line-height: 1.5;
}

.grid-table-four-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1em;
  margin-bottom: 1em;
}

.other-genral-table :where(tr th, tr td) {
  width: 50%;
}

.withdrawal-table :where(tr th, tr td) {
  width: 33.33%;
}

.charges-fees-manual,
.dma-pricing-manual {
  padding-top: 3em;
}

.account-processing-fee tr th,
.dma-pricing-manual tr th {
  background-color: #efefef;
}

.dma-pricing-manual :where(tr th, tr td) {
  vertical-align: middle;
  border-right: 1px solid #efefef;
  font-size: 0.8em;
  text-align: center;
}

.flag-country {
  /* width: 6em; */
  height: 3em;
  width: 5em;
  object-fit: contain;
  margin: auto;
  margin-bottom: 0.8em;
}

/* DMA Pricing CSS */

.dma-pricing-page .section-title {
  margin-bottom: 3em;
}

.account-processing-fee table th,
.dma-pricing-manual table th {
  font-size: 0.85em;
  line-height: 1.5;
  color: var(--tertiary-color);
}

.account-processing-fee table td,
.dma-pricing-manual table td {
  font-size: 0.8em;
  font-weight: 400;
  color: var(--quaternary-color);
  line-height: 1.8;
}

.dm-table-full {
  margin-bottom: 2em;
}

.dm-table-full table {
  margin-bottom: 0;
}

.dma-notes {
  margin-bottom: 2em;
}

.dma-notes h4 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
}

.dma-notes p {
  font-size: 0.9em;
  color: var(--quinary-color);
  font-weight: 400;
  line-height: 1.8;
  /* margin-bottom: 0; */
}

.charges-part-view p {
  font-size: 0.9em;
  color: var(--quinary-color);
  font-weight: 400;
  line-height: 1.8;
}

.country-desc p {
  margin-bottom: 0;
  font-size: 1.2em;
  color: var(--quinary-color);
  font-weight: 600;
  line-height: 1.8;
}

.country-notes {
  margin-top: 1.5em;
}

.country-notes p {
  font-size: 1.1em;
  color: var(--quinary-color);
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 0;
}

.country-desc p span {
  font-size: 0.9em;
  color: var(--quinary-color);
  font-weight: 400;
  line-height: 1.8;
}

.country-desc {
  padding: 1em;
}

.table-formula .formula-box {
  background-color: unset;
}

.efi-listitem-style li,
.forex-list-why li {
  font-size: 0.9em;
  color: var(--quaternary-color);
  font-weight: 300;
  line-height: 1.8;
}

.rate-card-content h5 {
  font-size: 1.1em;
  font-weight: 600;
  color: var(--tertiary-color);
  line-height: 1.5;
}

.rate-card-content p {
  font-size: 1.1em;
  color: var(--quinary-color);
  font-weight: 400;
  line-height: 1.8;
}

.rate-card-bg {
  background: #efefef;
  padding: 1.5em;
  margin-top: 2em;
}

.request-deletion-wrapped {
  padding: 3em 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.request-deletion-heading {
  margin-top: 2em;
}

.request-deletion-form h1 {
  font-size: 2.6em;
  font-weight: 600;
  color: var(--tertiary-color);
  text-align: left;
}

.request-deletion-container .request-deletion-main p {
  font-size: 0.9em;
  color: var(--quaternary-color);
  margin-bottom: 1em;
  font-weight: 400;
}

.request-deletion-form {}

.request-full-frame {
  background-color: white;
  padding: 2em 3em;
  border-radius: 8px;
  border: .1em solid #e7e7e7;
}

.request-deletion-image img {
  width: 100%;

}

.request-deletion-image {
  padding-left: 2em;
}

.request-deletion-form .form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.request-deletion-form .form-check-input:focus {
  box-shadow: none;
  border-color: var(--primary-color);
}

.request-deletion-form .form-control:focus {
  border-color: var(--primary-color);
  box-shadow: none;
}

.request-deletion-form .request-deletion-btn {
  display: flex;
  justify-content: center;
}

@media (max-width: 768px) {
  .request-deletion-image {
    display: none;
  }
}

.request-deletion-form .form-label {
  color: var(--quaternary-color);
  font-size: 0.9em;
  font-weight: 600;
  margin-bottom: 0.8em;
}

.forex-sticky {
  position: sticky;
  top: 2em;
  height: 100%;
}

.footer-content-sec {
  margin-bottom: 2em;
}

.footer-content-sec p {
  font-size: 0.85em;
  line-height: 1.8;
  text-align: left;
  margin-bottom: 0.8em;
  font-weight: 500;
  /* color: rgb(132, 137, 132); */
  color: var(--quaternary-color);
}

/* Pricing CSS */

.pricing-sec {
  margin-top: 4em;
}

.pricing-card {
  border: 1px solid #efefef;
  border-radius: 20px;
  padding: 2em;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

.pricing-info-list li {
  font-size: 0.9em;
  color: var(--quinary-color);
  font-weight: 400;
  line-height: 1.8;
  padding-bottom: 1em;
  display: grid;
  grid-template-columns: 35px auto;
}

.pricing-info h4 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  margin-bottom: 0.3em;
}

.pricing-info p {
  font-size: 0.85em;
  font-weight: 300;
  color: var(--quaternary-color);
  line-height: 1.5;
  margin-bottom: 0.5em;
}

.pricing-info-list {
  margin-bottom: 0;
}

.pricing-icon {
  max-width: 5em;
}

.pricing-info {
  margin: 1.5em 0;
  text-align: center;
}

.pricing-amount-sec h6 {
  font-size: 1.2em;
  font-weight: 600;
  margin-bottom: 0;
}

.pricing-amount-sec {
  margin-bottom: 1.5em;
}

.pricing-info-list-sec p {
  margin-bottom: 0;
  font-size: 0.9em;
  color: var(--quinary-color);
  font-weight: 400;
  line-height: 1.8;
}

.pricing-btn-sec {
  margin-top: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing-or-sec span {
  display: block;
  margin: 0.5em 0;
}

.pricing-icon-sec {
  display: flex;
  align-items: center;
  justify-content: center;
}

.pricing-amount-sec {
  text-align: center;
}

.pricing-note-sec {
  margin-top: 1.5em;
  font-size: 0.75em;
  color: var(--quinary-color);
  font-weight: 400;
  line-height: 1.8;
}

/* Contact Us */

.contact-us-sec {
  padding-top: 4em;
}

.contact-us-img {
  width: 85%;
}

.contact-info h2 {
  font-size: 2.2em;
  font-weight: 600;
  color: var(--secondary-color);
}

.contact-info p {
  font-size: 1em;
  color: var(--secondary-color);
  margin: 0;
  font-weight: 400;
  line-height: 1.8;
}

.contact-us-form-box {
  background-color: #FAF6FF;
  border: 1px solid #CFCFCF;
  border-radius: 16px;
  padding: 2em;
  /* margin-bottom: 4em; */
}

.contact-us-box {
  padding-bottom: 4em;
}

.contact-us-form {
  margin-top: 2em;
  margin-bottom: 0;
}

.contact-us-form label {
  color: var(--tertiary-color);
  font-weight: 500;
  font-size: 1em;
  margin-bottom: 0;
  opacity: 0.8;
}

.contact-us-form .form-control {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
  border-radius: 8px !important;
  color: var(--primary-color) !important;
  border-radius: 0;
  height: 50px;
}

.contact-us-form textarea.form-control {
  height: auto;
}

.contact-us-form .form-control:focus {
  box-shadow: none !important;
  outline: none !important;
}

.contact-us-form .form-control::placeholder {
  color: var(--primary-color) !important;
}

.contact-us-form-box h3 {
  font-size: 1.4em;
  font-weight: 500;
  color: var(--tertiary-color);
}

.contact-us-btn {
  border-color: var(--tertiary-color);
  background-color: var(--tertiary-color);
  display: inline-block;
  padding: 0.5em 2em;
  border-radius: 50px !important;
  letter-spacing: 0.5px;
  border-width: 0px;
  color: var(--secondary-color);
  text-decoration: none !important;
  font-size: 1.1em;
  font-family: 'Sansation';
  line-height: 1.8;
}

.contact-us-btn:active,
.contact-us-btn:focus,
.contact-us-btn:hover {
  border-color: var(--tertiary-color);
  background-color: var(--tertiary-color);
  color: var(--secondary-color);
  text-decoration: none !important;
}

.contact-us-submit-btn-sec {
  margin-top: 2em;
}

.contact-left-sec {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 100%;
}

.thank-you-sec {
  min-height: 50vh;
  padding: 4em 0;
}

.thank-you-sec img {
  max-width: 25em;
}

.thank-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1em;
  min-height: 50vh;
}

.thank-content h4 {
  font-size: 4em !important;
  font-weight: 500;
  color: var(--tertiary-color);
  line-height: 1.5;
}

.thank-content p {
  font-size: 1.5em;
  color: var(--quaternary-color);
  opacity: 0.8;
  margin: 0;
  font-weight: 300;
  line-height: 1.8;
}

.banner-content-icon {
  max-width: 3em;
}

.banner-content-header-sec {
  display: flex;
  align-items: flex-start;
  gap: 1em;
}

.banner-content-info-list-card {
  display: grid;
  grid-template-columns: 35px auto;
  align-items: center;
  padding: 0.5em !important;
  margin-bottom: 0.5em;

}

.banner-content-info-list h4 {
  font-size: 1.5em;
  color: var(--secondary-color);
  opacity: 0.8;
  margin: 0;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 1em;
}

.banner-content-info-card,
.banner-content-info-list-card {
  /* background: linear-gradient(147deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.02) 100%);
  backdrop-filter: blur(2.5px);
  border: 3px solid rgba(0, 0, 0, 0.1);
  padding: 1em;
  border-radius: 10px; */
  /* backdrop-filter: blur(2.5px); */
  border: 3px solid rgba(0, 0, 0, 0.1);
  padding: 1em;
  border-radius: 10px;
  backdrop-filter: blur(7px);
  -webkit-backdrop-filter: blur(7px);
  background-color: #F2F2FE1A;
}

.banner-content-info-box {
  display: grid;
  gap: 1em;
  grid-template-columns: repeat(2, 1fr);
}

.banner-action-outline-btn-sec {
  backdrop-filter: blur(2.5px);
  background: #00000066;
}

.banner-action-outline-btn-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2em 0;
}

.banner-action-outline-btn-card h4 {
  font-size: 1.2em;
  color: var(--secondary-color);
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0em;
}

.banner-action-outline-btn-card p {
  font-size: 0.9em;
  font-weight: 300;
  margin-bottom: 0;
  color: var(--secondary-color);
  line-height: 1.8;
}

.banner-action-outline-btn-card {
  display: flex;
  gap: 0.8em;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}

.signup-btn {
  background: linear-gradient(89.12deg, #FFCD00 0.53%, #FF9900 96.47%);
  border-radius: 50px;
  color: var(--tertiary-color) !important;
  font-weight: 500 !important;
  font-size: 1em !important;
  padding: 0.5em 1.5em !important;
  display: flex !important;
  align-items: center;
  gap: 0.5em;
  line-height: 2 !important;
  opacity: 1 !important;
  color: rgba(0, 0, 0, 0.6);
}

.signup-btn:hover {
  -webkit-transform: translate3d(0, -5px, 0);
  -o-transform: translate3d(0, -5px, 0);
  -ms-transform: translate3d(0, -5px, 0);
  -moz-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  color: var(--tertiary-color);
  background: linear-gradient(89.12deg, #FFCD00 0.53%, #FF9900 96.47%);
}

.request-demo-outline-btn {
  border-radius: 50px;
  color: var(--secondary-color) !important;
  font-weight: 500 !important;
  font-size: 1em !important;
  padding: 0.5em 1.5em !important;
  display: flex !important;
  align-items: center;
  gap: 0.5em;
  line-height: 2 !important;
  opacity: 1 !important;
  color: rgba(0, 0, 0, 0.6);
  background-color: transparent;
  border: 1px solid #04B4FF;
}

.request-demo-outline-btn:hover {
  -webkit-transform: translate3d(0, -5px, 0);
  -o-transform: translate3d(0, -5px, 0);
  -ms-transform: translate3d(0, -5px, 0);
  -moz-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  color: var(--secondary-color);
  background: #04B4FF;
}

.contact-outline-btn {
  border-radius: 50px;
  color: var(--secondary-color) !important;
  font-weight: 500 !important;
  font-size: 1em !important;
  padding: 0.5em 1.5em !important;
  display: flex !important;
  align-items: center;
  gap: 0.5em;
  line-height: 2 !important;
  opacity: 1 !important;
  color: rgba(0, 0, 0, 0.6);
  background-color: transparent;
  border: 1px solid #29B951;
}

.contact-outline-btn:hover {
  -webkit-transform: translate3d(0, -5px, 0);
  -o-transform: translate3d(0, -5px, 0);
  -ms-transform: translate3d(0, -5px, 0);
  -moz-transform: translate3d(0, -5px, 0);
  transform: translate3d(0, -5px, 0);
  color: var(--secondary-color);
  background: #29B951;
}

.banner-img-new {
  max-width: 15em;
  margin-left: auto;
}

.align-img-right {
  text-align: right;
}

.landing-page.institutional-page .why-efi-market-part {
  background-color: var(--secondary-color);
}

.what-is-unity-platform-card {
  background: linear-gradient(147deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.02) 100%);
  backdrop-filter: blur(2.5px);
  border: 3px solid rgba(0, 0, 0, 0.1);
  margin: 10px;
  border-radius: 10px;
  padding: 1.5em;
  position: relative;
  cursor: pointer;
}

.what-is-unity-platform {
  width: 100%;
  border-radius: 12px;
}

.client-video-play-btn {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  transform: translateY(-50%);
  width: 70px;
  height: 50px;
  background-color: #ff612f;
  border-radius: 10px;
  color: #fff;
  font-size: 60px;
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
}

.client-video-play-btn i {
  font-size: 0.5em;
}

/* .client-video-play-btn:after, .client-video-play-btn:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    border: 1px solid #ff612f;
    transition: .5s;
}

.client-video-play-btn:before {
    animation: ripple 2s linear infinite;
}

.client-video-play-btn:after {
    animation: ripple 2s linear 1s infinite;
}

@keyframes ripple{0%{transform:scale(1)}75%{transform:scale(1.75);opacity:1}to{transform:scale(2);opacity:0}} */

.what-is-unity-platform-card p {
  font-size: 1em;
  color: var(--secondary-color);
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 10%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  animation-name: bounce-1;
  animation-timing-function: linear;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  flex-direction: column;
}

@keyframes bounce-1 {
  0% {
    transform: translateY(0);
  }

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

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

/* US Stock CSS */

.explore-us-stocks-screener-sec {
  background: linear-gradient(247.2deg, rgba(215, 218, 57, 0.04) 17.78%, rgba(0, 171, 11, 0.04) 88.16%);
}

.explore-us-stocks-screener-card {
  border: 1px solid #D9D9D966;
  background-color: var(--secondary-color);
  padding: 1.5em;
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1em;
  height: 100%;
  justify-content: center;
}

.explore-us-stocks-screener-icon {
  width: 4em;
  height: 4em;
  object-fit: contain;
}

.explore-us-stocks-screener-info h4 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  position: relative;
  overflow: hidden;
}

.explore-us-stocks-screener-info p {
  font-size: 1em;
  color: var(--quaternary-color);
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 0;
}

.explore-us-stocks-screener-box {
  margin-top: 3em;
}

.us-stocks-widget-sec iframe {
  min-height: 600px !important;
  overflow: auto;
}

.us-stock-widget-box {
  margin-top: 3em;
}

.types-of-us-stocks-icon-sec {
  width: 4em;
  height: 4em;
  background: linear-gradient(247.2deg, rgba(215, 218, 57, 0.15) 17.78%, rgba(0, 171, 11, 0.15) 88.16%);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.types-of-us-stocks-sec {
  background: linear-gradient(247.2deg, rgba(215, 218, 57, 0.15) 17.78%, rgba(0, 171, 11, 0.15) 88.16%);
}

.types-of-us-stocks-card {
  box-shadow: 0 2px 15px 0 rgb(0 0 0 / 5%);
  background-color: var(--secondary-color);
  padding: 1.5em;
  border-radius: 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 1em;
  height: 100%;
}

.types-of-us-stocks-info h4 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  position: relative;
  overflow: hidden;
}

.types-of-us-stocks-info p {
  font-size: 0.9em;
  color: var(--quaternary-color);
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 0;
}

.how-its-work-us-stock-icon-sec {
  width: 3em;
  height: 3em;
  /* background: linear-gradient(247.2deg, rgba(215, 218, 57, 0.15) 17.78%, rgba(0, 171, 11, 0.15) 88.16%); */
  border: 1px dashed var(--secondary-color);
  background: var(--primary-btn-gradient);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 0.9em;
  color: var(--tertiary-color);
}

.how-its-work-us-stock-info h4 {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  color: var(--tertiary-color);
  position: relative;
  overflow: hidden;
  margin-bottom: 0;
}

.how-its-work-us-stock-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1em;
  margin-top: 3em;
}

.how-its-work-us-stock-item {
  border: 1px dashed #d1d0d0;
  padding: 1.5em;
  border-radius: 20px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1em;
  text-align: center;
  flex: 1;
  min-height: 12em;
  justify-content: center;
}


/* Learn Style start  */
.learn-frame-wrap {
  height: 100vh;
  border-bottom: 1px solid #efefef;
}

.learn-frame-box {
  display: flex;
  height: 100%;
}

.learn-frame-tabs-box {
  height: 100%;
  overflow: auto;
  border-right: 1px solid #efefef;
  width: 30%;
}

.learn-frame-tabs-box .accordion-item {
  border: 0;
  border-bottom: 1px solid #efefef !important;
  background-color: transparent !important;
}

.learn-frame-tabs-box .accordion-button {
  /* font-size: 0.6em!important; */
  font-weight: 500;
  padding: 1.5em;
}

.learn-frame-tabs-box .accordion-button:not(.collapsed) {
  border: 0;
  box-shadow: unset !important;
  background-color: transparent !important;
  padding-bottom: 0.5em;
}

.learn-frame-tabs-box .accordion-button:focus,
.learn-frame-tabs-box .accordion-button:active,
.learn-frame-tabs-box .accordion-button:hover {
  border: 0;
  box-shadow: unset !important;
  background-color: transparent !important;
}

.nav-list ul {
  margin: 0;
  padding: 0;
}

.nav-list ul li a {
  font-size: 0.95em;
  color: var(--quaternary-color);
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: 0;
  padding: 0.7em 1.4em;
  width: 100%;
  display: inline-block;
  text-align: start;
}

.nav-list ul li:hover a {
  color: var(--secondary-color) !important;
  background: linear-gradient(89.12deg, #ffcd00 0.53%, #ff9900 96.47%) !important;
}

.nav-list li .active {
  color: var(--secondary-color) !important;
  background: linear-gradient(89.12deg, #ffcd00 0.53%, #ff9900 96.47%) !important;
}

.learn-frame-tabs-content {
  width: 100%;
  padding: 2em;
  overflow: auto;
}

.learn-frame-tabs-content::-webkit-scrollbar {
  width: 0px;
}

.learn-banner-box {
  border-radius: 12px;
  padding: 4em;
  background: url("../img/learn/learn-banner.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  z-index: 99;
}

.learn-banner-box::after {
  content: ' ';
  position: absolute;
  background-color: #000000c7;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
  z-index: -1;
}

.learn-content-info h2 {
  font-size: 2em;
  font-weight: 500;
  color: var(--secondary-color);
  position: relative;
  margin-bottom: 0.5em;
  line-height: 1.5;
  text-align: center;
  position: relative;
  z-index: 2;
}

.learn-content-info p {
  font-size: 0.9em;
  font-weight: 300;
  color: var(--secondary-color);
  line-height: 1.8;
  margin-bottom: 0em;
  text-align: center;
}

.learn-list-card {
  padding: 2em;
  border: 1px solid #efefef;
  border-radius: 12px;
}

.learn-list-card h3 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.5em;
  color: var(--tertiary-color);
  position: relative;
  padding-left: 1em;
}

.learn-list-card h3::after {
  content: ' ';
  position: absolute;
  width: 3px;
  height: 100%;
  background: linear-gradient(89.12deg, #ffcd00 0.53%, #ff9900 96.47%) !important;
  left: 0;
  border-radius: 30px;
}

.learn-resources-wrap .section-title {
  margin-bottom: 4em;
}

.learn-list-card p {
  font-size: 0.9em;
  color: var(--quaternary-color);
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 1em;
}

.learn-list-card ul {
  margin-bottom: 0;
}

.learn-list-card ul li {
  margin-bottom: 0.5em;
}

.learn-list-card ul li:last-child {
  margin-bottom: 0em;
}

.learn-list-card ul li a {
  font-size: 0.9em;
  color: var(--quaternary-color);
  font-weight: 400;
  text-decoration: underline !important;
  line-height: 1.8;
  margin-bottom: 0;
}

.learn-resources-assets .section-title {
  margin-bottom: 4em;
}

.learn-assets-card {
  padding: 2em;
  border-radius: 12px;
  background-color: var(--primary-bg-color);
}

.learn-resources-info h3 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.5em;
  color: var(--tertiary-color);
  position: relative;
}

.learn-resources-wrap .section-title {
  margin-bottom: 4em;
}

.learn-resources-info p {
  font-size: 0.9em;
  color: var(--quaternary-color);
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 1em;
}

.learn-resources-avater {
  margin-bottom: 1em;
}

.learn-resources-avater img {
  width: 100%;
  height: 13em;
  border-radius: 12px;
  object-fit: cover;
}

.learn-info-card {
  margin-bottom: 2em;
}

.learn-info-card:last-child {
  margin-bottom: 0em;
}

.learn-info-card h2 {
  font-size: 2em;
  font-weight: 500;
  color: var(--tertiary-color);
  position: relative;
  margin-bottom: 0.5em;
  line-height: 1.5;
  /* text-align: center; */
  position: relative;
  z-index: 2;
}

.learn-info-card p {
  font-size: 0.9em;
  font-weight: 300;
  color: var(--quaternary-color);
  line-height: 1.8;
  margin-bottom: 1em;
  /* text-align: center; */
}

.learn-info-card p strong {
  color: var(--tertiary-color) !important;
}

.learn-info-card p:last-child {
  margin-bottom: 0;
}

.learn-info-card ul {
  margin-bottom: 0;
}

.learn-info-card ul li {
  margin-bottom: 1em;
}

.learn-info-card ul li:last-child {
  margin-bottom: 0em;
}

.learn-info-card h3 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.5em;
  color: var(--tertiary-color);
  position: relative;
}

.learn-bg {
  padding: 2em;
  background-color: var(--primary-bg-color);
  border-radius: 12px;
}

.learn-bg2 {
  padding: 2em;
  background-color: #efefef;
  border-radius: 12px;
}

.leran-grid-layout {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 2em;

}

.leran-grid-layout .learn-info-card {
  padding: 2em;
}

.leran-grid-layout .learn-info-card:nth-child(2),
.leran-grid-layout .learn-info-card:nth-child(3) {
  background-color: #f3f3f3;
}

.leran-grid-layout .learn-info-card:nth-child(1),
.leran-grid-layout .learn-info-card:nth-child(4) {
  background-color: #efefef;
}

.learn-info-accrodion {
  margin-bottom: 2em;
}

.accordion {
  /* border: 1px solid #efefef;
  padding: 2em;
  border-radius: 12px; */
}

.learn-info-accrodion .accordion-button:focus,
.learn-info-accrodion .accordion-button:active,
.learn-info-accrodion .accordion-button:hover {
  border: 0;
  box-shadow: unset !important;
  background-color: transparent !important;
}


.learn-info-accrodion .accordion-item {
  border: 0;
  border-left: 4px solid var(--primary-color);
  margin-bottom: 1em;
  border-radius: 10px;
  border-top: 1px solid #efefef;
  border-bottom: 1px solid #efefef;
  border-right: 1px solid #efefef;
}

.learn-info-accrodion .accordion-button {
  color: var(--tertiary-color);
  font-weight: 500;
  border-radius: 10px;
  background-color: transparent;
}

.learn-info-accrodion .accordion-button:not(.collapsed) {
  background-color: transparent;
  box-shadow: unset;
  /* border-top-left-radius: 10px;
    border-top-right-radius: 10px; */
}

.learn-info-accrodion .accordion-body {
  font-size: 0.9em;
  font-weight: 300;
  line-height: 1.5;
  color: var(--quaternary-color);
  margin-bottom: 0em;
}

.learn-info-accrodion .accordion-button:focus {
  box-shadow: unset !important;
}

.learn-info-accrodion .accordion-collapse.collapse.show {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  /* box-shadow:var( --primary-box-shadow); */
}

.learn-title {
  margin-bottom: 2em;
}

.learn-title h2 {
  font-size: 2em;
  font-weight: 500;
  color: var(--tertiary-color);
  position: relative;
  margin-bottom: 0.5em;
  line-height: 1.5;
  text-align: center;
  position: relative;
  z-index: 2;
}

/* Learn Style End  */

.stock-market-index div {
  width: 3em;
  height: 3em;
  background-color: var(--secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #4a4a4a24;
  font-size: 1em;
  font-weight: 500;
  color: var(--tertiary-color);
}

.stock-market-index-div {
  display: grid;
  grid-template-columns: 50px auto;
  align-items: center;
  gap: 1em;
  margin-bottom: 1em;
}

.mb-0 {
  margin-bottom: 0;
}

.mb-1em {
  margin-bottom: 1em !important;
}

.specil-table-th {
  background-color: #c8c8c8 !important;
}

.long-call-diagonal-spread-div {
  display: grid;
  grid-template-columns: 50px auto;
  align-items: center;
  gap: 1em;
  margin-bottom: 1em;
}

.long-call-diagonal-spread-div div {
  width: 3em;
  height: 3em;
  background-color: var(--secondary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #4a4a4a24;
  font-size: 1em;
  font-weight: 500;
  color: var(--tertiary-color);
}

.learn-info-card h4 {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.5em;
  color: var(--tertiary-color);
  position: relative;
}

.mb-2em {
  margin-bottom: 2em !important;
}


.futures-characteristics-card {
  display: grid;
  grid-template-columns: 50px auto;
  align-items: center;
  gap: 1em;
  margin-bottom: 1em;
}

.futures-characteristics-card div {
  width: 3em;
  height: 3em;
  background-color: var(--primary-color);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #4a4a4a24;
  font-size: 1em;
  font-weight: 500;
  color: var(--tertiary-color);
}

.futures-characteristics-div2 {
  display: grid;
  grid-template-columns: 35px auto;
  align-items: center;
  gap: .75em;
  margin-bottom: 1em;
}

.futures-characteristics-div2 div {
  display: flex;
  align-items: center;
  justify-content: center;
}

.leran-grid-layout-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-bottom: 2em;
  gap: 2em;
}

.leran-grid-layout-2 .learn-info-card-2 {
  padding: 2em;
}

.futures-list {
  display: flex !important;
  align-items: flex-start;
  gap: 1em;
  padding-left: 1em;
}

.learn-landing-wrap tbody td {
  font-size: 0.9em;
  font-weight: 300;
  color: var(--quaternary-color);
  line-height: 1.8;
}

.watch-video-img-sec {
  background: url(../img/ark-trader/watch-video-bg.webp) center / cover no-repeat;
  padding: 2em;
  border-radius: 12px;
}

.watch-video-img-sec h3 {
  font-size: 3em;
  font-weight: 700;
  color: var(--secondary-color);
  text-align: center;
  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
  margin-bottom: 0;

}

.watch-video-img-sec h3 span {
  color: #F9B725;
}

.watch-video-info h3 {
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.5;
  margin-bottom: 0.5em;
  color: var(--tertiary-color);
}

.watch-video-info p {
  font-size: 0.9em;
  color: var(--quaternary-color);
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 1em;
}

.pricing-banner-sec {
  background-color: #000000E5;
  min-height: 70vh;
  background-repeat: no-repeat;
  background-position: bottom;
  background-size: cover;
  position: relative;
  width: 100%;
  display: block;
}

.pricing-plan-info p {
  font-size: 0.9em;
  color: var(--quaternary-color);
  font-weight: 400;
  line-height: 1.8;
  margin-bottom: .5em;
}

.pricing-plan-info i {
  font-weight: 500;
}

.old-commission-rate {
  text-decoration: line-through;
}


.pricing-table-head th {
  padding: 1.2em 0;
  background: var(--tertiary-color);
  color: var(--secondary-color);
  font-size: .95em;
  font-weight: 500;
}

.pricing-table-body tr td {
  background: var(--primary-btn-gradient);
  color: var(--secondary-color);
  font-size: 1.2em !important;
  font-weight: 400 !important;
  border-bottom: 1px solid #d1d1d1;
}

.pricing-table-body tr td strong {
  font-weight: 500 !important;
}

.pricing-table-body tr td:first-child {
  background: var(--tertiary-color);
  color: var(--secondary-color);
  font-size: .95em;
  font-weight: 500;
}

.contact-us-address-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.info-media-efi h4 {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.5;
  color: var(--tertiary-color);
  margin-bottom: 1em;
}

.contact-us-address-box .conatct-info-addres {
  display: flex;
}

.corporate-account-info .section-title p {
  text-align: left !important;
}

.account-type-img {
  height: auto;
  width: 35em;
  object-fit: contain;
  border-radius: 12px;
}

.efi-flow-step-sec h4 {
  font-size: .9em;
  font-weight: 300;
  line-height: 1.5;
  color: var(--quaternary-color);
  margin-bottom: 1em;
}

.efi-flow-step-sec h4 span {
  font-weight: 500 !important;
}

.how-to-fund-card {
  display: flex;
  align-items: center;
  gap: 2em;
}

.how-to-fund-card-img,
.how-to-fund-card-info {
  width: 50%;
}

.how-to-fund-card-img img {
 object-fit: contain;
 max-width: 20em;
 border-radius: 12px;
}

.how-to-fund-card-info h3 {
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.5;
  color: var(--tertiary-color);
  margin-bottom: 1em;
  display: grid;
  grid-template-columns: 50px auto;
  align-items: start;
}

.how-to-fund-card-info h3 span {
  height: 2em;
  width: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--primary-color);
  border-radius: 50%;
}

.how-to-fund-card-info p {
  font-size: 0.9em;
  color: var(--quaternary-color);
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 1em;
}

.deposit-crypto .why-trade-content {
  width: 100%;
  border-left: 4px solid var(--primary-color) !important;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px !important;
  padding: 2em;
  border-radius: 12px;
}

.product-banner-info {
  max-width: 550px !important;
}

.deposit-crypto-heading-info h3 {
  font-size: 1.4em;
  font-weight: 500;
  color: var(--tertiary-color);
  margin-bottom: 0.8em;
}

.deposit-crypto-heading-info p {
  font-size: .9em;
  font-weight: 300;
  margin-bottom: 1.875rem;
  color: var(--quaternary-color);
  opacity: 0.8;
  line-height: 1.8;
  max-width: 450px;
}

.deposit-crypto .why-do-pills {
  display: flex;
  align-items: center;
}