@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400;1,9..40,500;1,9..40,700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,700;1,9..40,400;1,9..40,500;1,9..40,700&display=swap");
html,
body {
  height: 100%;
  width: 100%;
}

html {
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  font-family: "DM Sans", sans-serif;
}

body {
  margin: 0;
  padding: 0;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

*:focus {
  outline: none;
  border: none;
}

a {
  text-decoration: none;
  border-bottom: none;
}

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.app {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.app_content {
  flex: 1;
  padding-top: 6rem;
}

.disabled {
  pointer-events: none;
}

button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  outline: none;
  border: 0;
  cursor: pointer;
}

.btn_primary, header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a#app_oa, .btn_primary_icon {
  height: 3.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding: 0 1.5rem;
  border-radius: 8px;
  background: #2a3584;
  font-family: "DM Sans", sans-serif;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 250ms ease-in-out;
}
.btn_primary:hover, header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a#app_oa:hover, .btn_primary_icon:hover {
  opacity: 1;
  background: #1e255d;
}

.btn_primary_icon:after {
  content: "";
  width: 32px;
  height: 24px;
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNDA0MyAzLjIxMDIxTDE1Ljc0OTkgOS41NTU4Nkw5LjQwNDMgMTUuOTAxNSIgc3Ryb2tlPSIjM0Y3NEZFIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NDk5IDkuNTU1OTFMMi4yNSA5LjU1NTkxIiBzdHJva2U9IiMzRjc0RkUiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center 3px;
}

.btn_secondary, header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a#app_login {
  height: 3.375rem;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  padding: 0 1.5rem;
  border-radius: 8px;
  background: #ffffff;
  font-family: "DM Sans", sans-serif;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 500;
  color: #51b848;
  transition: opacity 250ms ease-in-out;
  border: 1px solid rgba(42, 53, 132, 0.5);
}
.btn_secondary.text, header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a.text#app_login {
  color: #2a3584;
}
.btn_secondary:hover, header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a#app_login:hover {
  opacity: 0.5;
}

.bl_btn {
  display: flex;
  border-radius: 0.5rem;
  background: #2a3584;
  padding: 0.5rem 2rem;
  width: -moz-max-content;
  width: max-content;
  color: #ffffff !important;
  font-weight: 700;
  font-size: 1.125rem;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  .bl_btn {
    width: 100%;
    justify-content: center;
  }
}

.blk_btn {
  display: flex;
  border-radius: 0.5rem;
  background: #151516;
  padding: 0.5rem 2rem;
  width: -moz-max-content;
  width: max-content;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.125rem;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  .blk_btn {
    line-height: 32px;
  }
}

.grn_btn {
  display: flex;
  border-radius: 0.5rem;
  background: #51b848;
  padding: 0.5rem 2rem;
  width: -moz-max-content;
  width: max-content;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.125rem;
}

.grn_btn_outline {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  background: #ffffff;
  padding: 0.5rem 2rem;
  width: -moz-max-content;
  width: max-content;
  color: #51b848;
  font-weight: 700;
  font-size: 1.125rem;
  border: 1px solid #51b848;
  transition: all 250ms ease in;
}
.grn_btn_outline:hover {
  opacity: 0.5;
}

.wht_btn {
  display: flex;
  border-radius: 0.5rem;
  background: #ffffff;
  padding: 0.5rem 2rem;
  width: -moz-max-content;
  width: max-content;
  color: #2a3584;
  font-weight: 400;
  font-size: 1.125rem;
}

.d-block {
  display: block;
}

.d-flex {
  display: flex;
}

.flex-row {
  flex-direction: row;
}

.flex-col {
  flex-direction: column;
}

.d-grid {
  display: grid;
}

.subgrid {
  grid-template-columns: subgrid;
}

@media only screen and (min-width: 1024px) and (max-width: 1290px) {
  .w500 {
    width: 42%;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1290px) {
  .w800 {
    width: 55%;
  }
}
@media only screen and (min-width: 1440px) {
  .w800 {
    width: 800px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1290px) {
  .w1000 {
    width: 70%;
  }
}
@media only screen and (min-width: 1440px) {
  .w1000 {
    width: 80%;
  }
}

@media only screen and (min-width: 200px) and (max-width: 768px) {
  .w1220 {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1290px) {
  .w1220 {
    width: 85%;
  }
}
@media only screen and (min-width: 1440px) {
  .w1220 {
    max-width: 1220px;
  }
}

@media only screen and (min-width: 200px) and (max-width: 768px) {
  .w1340 {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1290px) {
  .w1340 {
    width: 93%;
  }
}

.wFull {
  width: 100%;
}

.flexFull {
  flex: 0 0 100%;
}

.fw {
  grid-column: 1/-1;
}

.ai-fs {
  align-items: flex-start;
}

.ai-c {
  align-items: center;
}

.ai-fe {
  align-items: flex-end;
}

.as-c {
  align-self: center;
}

.as-fe {
  align-self: flex-end;
}

.ji-c {
  justify-items: center;
}

.jc-c {
  justify-content: center;
}

.jc-sb {
  justify-content: space-between;
}

.jc-se {
  justify-content: space-evenly;
}

.jc-fe {
  justify-content: flex-end;
}

.js-fs {
  justify-self: flex-start;
}

.js-c {
  justify-self: center;
}

.js-fe {
  justify-self: flex-end;
}

.jc-fs {
  justify-content: flex-start;
}

.flex-cg1 {
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}

.flex-cg2 {
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}

.flex-rg1 {
  row-gap: 1rem;
}

.flex-rg2 {
  row-gap: 2rem;
}

.l_row {
  width: 100%;
  padding: 1rem;
}

.l_contain {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 6rem;
  padding: 0 1rem;
  max-width: 1440px;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  .l_contain {
    width: 100%;
    max-width: 100%;
    margin-bottom: 3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .l_contain {
    width: 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1290px) {
  .l_contain {
    max-width: 1440px;
  }
}

.gap-2 {
  gap: 2rem;
}

.l_np {
  padding: 0;
}

.app_content.l_np {
  padding: 0 !important;
}

.l_nm, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont p {
  margin: 0;
}

.l_mb0 {
  margin-bottom: 0;
}

.l_mb1, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont p {
  margin-bottom: 1rem;
}

.l_mb2 {
  margin-bottom: 2rem !important;
}

img.inline {
  width: 100%;
  height: auto;
}

header#app_header {
  background: #ffffff;
  position: sticky;
  top: 0;
  z-index: 1001;
}
header#app_header #app_header_content {
  grid-template-columns: minmax(190px, 195px) 1fr auto;
  gap: 1rem;
  align-items: center;
  margin-bottom: 0;
}
header#app_header #app_header_content a#app_logo {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  display: block;
  height: 4rem;
  flex: 0 0 250px;
  background: url("/img/Logo_Primary.png") left 0 no-repeat;
  background-size: contain;
}
header#app_header #app_header_content a#academy_logo {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  display: block;
  height: 4rem;
  flex: 0 0 250px;
  background: url("/img/academy/OptimusFuturesAcademy.svg?v1") left 0 no-repeat;
  background-size: contain;
}
header#app_header #app_header_content nav#app_nav {
  display: flex;
  width: 100%;
  height: 100%;
}
header#app_header #app_header_content nav#app_nav ul {
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  height: 100%;
}
header#app_header #app_header_content nav#app_nav ul li {
  all: unset;
  position: relative;
  transition: background-color 250ms ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 1.5rem;
  background-color: transparent;
}
header#app_header #app_header_content nav#app_nav ul li.mobile_cta {
  display: none;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  header#app_header #app_header_content nav#app_nav ul li.mobile_cta {
    display: flex;
  }
}
header#app_header #app_header_content nav#app_nav ul li a {
  all: unset;
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  color: #151516;
  transition: color 250ms ease-in-out;
  cursor: pointer;
}
header#app_header #app_header_content nav#app_nav ul li a.tl {
  cursor: text;
}
header#app_header #app_header_content nav#app_nav ul li ul {
  visibility: hidden;
  opacity: 0;
  display: none;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  left: 0;
  padding: 1rem;
  background: #f6f6f6;
  z-index: 1000;
  transition: opacity 250ms ease, visibility 250ms ease;
  list-style: none;
  margin: 0;
  pointer-events: none;
}
header#app_header #app_header_content nav#app_nav ul li ul li {
  display: block;
  list-style: none;
  margin: 0;
}
header#app_header #app_header_content nav#app_nav ul li ul li a {
  font-family: "DM Sans", sans-serif;
  font-size: 16px;
  line-height: 16px;
  font-weight: 500;
  color: #2a3584;
  transition: color 250ms ease-in-out;
  cursor: pointer;
  display: flex;
  width: 100%;
}
header#app_header #app_header_content nav#app_nav ul li ul li:last-of-type {
  margin-bottom: 0;
}
header#app_header #app_header_content nav#app_nav ul li:hover a {
  color: #51b848;
}
header#app_header #app_header_content nav#app_nav ul li:hover a:after {
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 8px;
  display: inline-block;
  background: url(../img/app/down_arrow_green.svg?v=1) center center no-repeat;
  background-size: contain;
}
header#app_header #app_header_content nav#app_nav ul li:hover ul {
  min-width: -moz-max-content;
  min-width: max-content;
  visibility: visible;
  opacity: 1;
  display: block;
  height: -moz-max-content;
  height: max-content;
  padding: 0;
  pointer-events: auto;
  top: 60px;
}
header#app_header #app_header_content nav#app_nav ul li:hover ul li {
  padding: 0.75rem 1rem;
}
header#app_header #app_header_content nav#app_nav ul li:hover ul li a {
  font-size: 16px;
  line-height: 16px;
  color: #151516;
}
header#app_header #app_header_content nav#app_nav ul li:hover ul li:hover {
  background-color: #2a3584;
}
header#app_header #app_header_content nav#app_nav ul li:hover ul li:hover a {
  color: #f6f6f6;
}
header#app_header #app_header_content nav#app_nav ul li > a:after {
  content: "";
  width: 12px;
  height: 12px;
  margin-left: 8px;
  display: inline-block;
  background: url(../img/app/down_arrow.svg?v=1) center center no-repeat;
  background-size: contain;
  transition: background-image 250ms ease-in;
}
header#app_header #app_header_content nav#app_nav ul li > a:only-child:after {
  display: none;
}
header#app_header #app_header_content nav#app_nav ul.academy {
  justify-content: flex-end;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  header#app_header #app_header_content nav#app_nav {
    display: none;
  }
}
header#app_header #app_header_content nav#app_nav.mobile {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  min-height: calc(100vh - 4rem);
  width: 100%;
  background: rgb(30, 40, 95);
  padding: 2rem;
  z-index: 1000;
  overflow: scroll;
}
header#app_header #app_header_content nav#app_nav.mobile ul {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0;
  padding: 0;
  top: 0;
}
header#app_header #app_header_content nav#app_nav.mobile ul li {
  flex: 0 0 100%;
  padding: 1.5rem 0;
  margin: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.6);
  position: relative;
}
header#app_header #app_header_content nav#app_nav.mobile ul li#app_nav_gh {
  border: none;
}
header#app_header #app_header_content nav#app_nav.mobile ul li a {
  color: #ffffff !important;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
}
header#app_header #app_header_content nav#app_nav.mobile ul li a:after {
  display: none !important;
}
header#app_header #app_header_content nav#app_nav.mobile ul li a:hover, header#app_header #app_header_content nav#app_nav.mobile ul li a:focus, header#app_header #app_header_content nav#app_nav.mobile ul li a:active, header#app_header #app_header_content nav#app_nav.mobile ul li a:visited {
  color: #ffffff !important;
}
header#app_header #app_header_content nav#app_nav.mobile ul li:hover a, header#app_header #app_header_content nav#app_nav.mobile ul li:focus a, header#app_header #app_header_content nav#app_nav.mobile ul li:active a {
  color: #ffffff !important;
}
header#app_header #app_header_content nav#app_nav.mobile ul li:hover a:after, header#app_header #app_header_content nav#app_nav.mobile ul li:focus a:after, header#app_header #app_header_content nav#app_nav.mobile ul li:active a:after {
  display: none !important;
}
header#app_header #app_header_content nav#app_nav.mobile ul li:hover ul, header#app_header #app_header_content nav#app_nav.mobile ul li:focus ul, header#app_header #app_header_content nav#app_nav.mobile ul li:active ul {
  top: 0 !important;
  left: 0 !important;
  position: relative !important;
  background: transparent !important;
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
}
header#app_header #app_header_content nav#app_nav.mobile ul li ul {
  display: flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  position: relative !important;
  width: 100% !important;
  top: 0 !important;
  left: 0 !important;
  flex-direction: row;
  flex-wrap: wrap;
  padding: 1rem 0 0 0;
  justify-content: flex-start;
  min-width: auto !important;
  height: auto !important;
  margin: 0 !important;
  pointer-events: auto !important;
}
header#app_header #app_header_content nav#app_nav.mobile ul li ul li {
  flex: 0 0 100%;
  padding: 0.75rem 0;
  border: none;
  display: block !important;
}
header#app_header #app_header_content nav#app_nav.mobile ul li ul li a {
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
  word-break: break-all;
  color: #ffffff !important;
}
header#app_header #app_header_content nav#app_nav.mobile ul li ul li:hover {
  background-color: transparent !important;
}
header#app_header #app_header_content nav#app_nav.mobile ul li ul li:hover a {
  color: #ffffff !important;
}
header#app_header #app_header_content nav#app_nav.mobile ul li.app_btns {
  margin: 2rem 0 0 0;
  padding: 0;
  border: 0;
  flex: 1 0 max-content;
}
header#app_header #app_header_content nav#app_nav.mobile ul li.app_btns a#app_oa {
  margin: 0;
  background: rgb(42, 53, 132);
  min-width: 185px;
}
header#app_header #app_header_content nav#btn_nav {
  display: flex;
  width: -moz-max-content;
  width: max-content;
}
header#app_header #app_header_content nav#btn_nav ul#app_btns_cont {
  gap: 2rem;
  justify-content: center;
}
header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a#app_oa {
  height: 2.75rem;
}
header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a#app_login {
  height: 2.75rem;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  header#app_header #app_header_content nav#btn_nav {
    display: none;
  }
}
header#app_header #app_header_content nav#app_mobile_icon {
  display: none;
}
header#app_header #app_header_content #mobile_nav_button {
  display: none;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  header#app_header #app_header_content {
    grid-template-columns: 180px 1fr;
    gap: 1rem;
    position: relative;
  }
  header#app_header #app_header_content a#app_logo {
    text-indent: -119988px;
    overflow: hidden;
    text-align: left;
    display: block;
    background: url("/img/Logo_Primary.png") left center no-repeat;
    background-size: contain;
  }
  header#app_header #app_header_content nav#app_nav,
  header#app_header #app_header_content nav#btn_nav {
    display: none;
  }
  header#app_header #app_header_content #mobile_nav_button {
    display: block;
  }
  header#app_header #app_header_content nav#app_mobile_icon {
    display: flex;
    justify-self: flex-end;
    width: 25px;
    height: 35px;
    position: absolute;
    z-index: 1005;
    bottom: 0;
    margin: 0;
    transform: rotate(0deg);
    transition: 0.5s ease-in-out;
    cursor: pointer;
  }
  header#app_header #app_header_content nav#app_mobile_icon span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #2a3584;
    border-radius: 2px;
    opacity: 1;
    left: 0;
    transform: rotate(0deg);
    transition: 0.25s ease-in-out;
  }
  header#app_header #app_header_content nav#app_mobile_icon span:nth-child(1) {
    top: 0px;
  }
  header#app_header #app_header_content nav#app_mobile_icon span:nth-child(2), header#app_header #app_header_content nav#app_mobile_icon span:nth-child(3) {
    top: 10px;
  }
  header#app_header #app_header_content nav#app_mobile_icon span:nth-child(4) {
    top: 20px;
  }
  header#app_header #app_header_content nav#app_mobile_icon.open span {
    background: #ffffff;
  }
  header#app_header #app_header_content nav#app_mobile_icon.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
  header#app_header #app_header_content nav#app_mobile_icon.open span:nth-child(2) {
    transform: rotate(45deg);
  }
  header#app_header #app_header_content nav#app_mobile_icon.open span:nth-child(3) {
    transform: rotate(-45deg);
  }
  header#app_header #app_header_content nav#app_mobile_icon.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
  }
}
@media only screen and (max-width: 200px) {
  header#app_header #app_header_content #mobile_nav_button {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  header#app_header #app_header_content {
    grid-auto-rows: auto;
    grid-template-columns: 100%;
    justify-items: center;
    gap: 2rem;
  }
  header#app_header #app_header_content #app_mobile_icon {
    display: none;
  }
  header#app_header #app_header_content a#app_logo {
    width: 100%;
    background-position: center center;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1290px) {
  header#app_header #app_header_content {
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr max-content;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
    row-gap: 0;
  }
  header#app_header #app_header_content a#app_logo {
    background-position: center center;
    width: 195px;
    margin: 0 auto;
    grid-row: 1;
    grid-column: 1/-1;
  }
  header#app_header #app_header_content nav#btn_nav {
    grid-row: 2;
  }
  header#app_header #app_header_content nav#app_nav {
    width: 100%;
    grid-row: 2;
  }
  header#app_header #app_header_content nav#app_nav ul {
    justify-content: space-between;
    height: 100%;
    row-gap: 1rem;
  }
  header#app_header #app_header_content nav#app_nav ul li {
    padding: 0 0.5rem;
  }
}

#footer_cta_contain {
  background: #2a3584;
  padding: 0;
}
#footer_cta_contain #footer_cta_content {
  margin-bottom: 0;
  background: url(../img/app/footer_cta_bg.svg) 98% center no-repeat;
  background-size: auto 145%;
}
#footer_cta_contain #footer_cta_content #footer_cta_grid {
  width: 100%;
  grid-template-columns: 3fr 1fr 1fr;
  padding: 6.5rem 0;
  align-items: center;
}
#footer_cta_contain #footer_cta_content #footer_cta_grid a {
  justify-content: center;
}
@media only screen and (max-width: 200px) {
  #footer_cta_contain #footer_cta_content {
    background-size: auto 100%;
  }
  #footer_cta_contain #footer_cta_content #footer_cta_grid {
    grid-template-columns: 100%;
    row-gap: 2rem;
    padding: 4rem 0;
  }
  #footer_cta_contain #footer_cta_content #footer_cta_grid a {
    justify-self: center;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #footer_cta_contain #footer_cta_content {
    background-size: auto 100%;
  }
  #footer_cta_contain #footer_cta_content #footer_cta_grid {
    grid-template-columns: 100%;
    row-gap: 2rem;
    padding: 4rem 0;
  }
  #footer_cta_contain #footer_cta_content #footer_cta_grid a {
    justify-self: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #footer_cta_contain #footer_cta_content {
    background-size: auto 100%;
  }
  #footer_cta_contain #footer_cta_content #footer_cta_grid {
    grid-template-columns: 100%;
    row-gap: 2rem;
    padding: 4rem 0;
  }
  #footer_cta_contain #footer_cta_content #footer_cta_grid a {
    justify-self: center;
  }
}

footer#app_footer {
  background: #151516;
  padding: 4rem 1rem;
}
footer#app_footer #app_footer_content {
  margin-bottom: 0;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: auto;
  gap: 32px;
}
footer#app_footer #app_footer_content #app_footer_branding {
  grid-column: 1/3;
  display: grid;
  grid-template-columns: 125px 1fr;
  grid-template-rows: 4rem 130px 1fr 1fr;
  align-items: center;
  gap: 32px;
}
footer#app_footer #app_footer_content #app_footer_branding a#logoLink {
  grid-column: 1/-1;
  grid-row: 1/2;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  display: block;
  height: 3rem;
  background: url(/img/Logo_White.png) left center no-repeat;
  background-size: auto 3rem;
}
footer#app_footer #app_footer_content #app_footer_branding h4 {
  font-family: "DM Sans", sans-serif;
  text-align: left;
  color: #ffffff;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 2rem;
  margin: 0;
}
footer#app_footer #app_footer_content #app_footer_branding p {
  font-family: "DM Sans", sans-serif;
  text-align: left;
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
footer#app_footer #app_footer_content #app_footer_branding img {
  width: 125px;
  height: auto;
}
footer#app_footer #app_footer_content #app_footer_branding ul {
  grid-column: 1/-1;
  grid-row: 3;
  display: flex;
}
footer#app_footer #app_footer_content #app_footer_branding ul li.icon {
  flex: auto;
  aspect-ratio: 3/1;
}
footer#app_footer #app_footer_content #app_footer_branding ul li.icon a {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  display: block;
  height: 100%;
}
footer#app_footer #app_footer_content #app_footer_branding ul li.icon a#facebook {
  background: url(../img/icon/svg/facebook.svg) left center no-repeat;
  background-size: contain;
}
footer#app_footer #app_footer_content #app_footer_branding ul li.icon a#x {
  background: url(../img/app/x.svg) left center no-repeat;
  background-size: contain;
}
footer#app_footer #app_footer_content #app_footer_branding ul li.icon a#youtube {
  background: url(../img/app/youtube.svg) left center no-repeat;
  background-size: contain;
}
footer#app_footer #app_footer_content #app_footer_branding ul li.icon a#tradingview {
  background: url(../img/app/TradeOnTradingView.svg) left center no-repeat;
  background-size: contain;
}
footer#app_footer #app_footer_content #app_footer_branding ul#app_footer_download {
  grid-row: 4;
  align-items: center;
  justify-content: space-between;
}
footer#app_footer #app_footer_content #app_footer_branding ul#app_footer_download li.c-white {
  font-size: 14px;
  margin-right: 1rem;
  color: rgba(255, 255, 255, 0.8);
}
footer#app_footer #app_footer_content #app_footer_branding ul#app_footer_download li.icon {
  flex: auto;
  aspect-ratio: 3/1;
  align-self: center;
}
footer#app_footer #app_footer_content #app_footer_branding ul#app_footer_download li.icon a {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  display: block;
  height: 100%;
}
footer#app_footer #app_footer_content #app_footer_branding ul#app_footer_download li.icon a#download_apple {
  background: url(../img/OFM/download_apple.svg) center center no-repeat;
  background-size: auto 32px;
}
footer#app_footer #app_footer_content #app_footer_branding ul#app_footer_download li.icon a#download_google {
  background: url(../img/OFM/download_google.svg) right center no-repeat;
  background-size: auto 32px;
}
footer#app_footer #app_footer_content .app_footer_links ul li {
  font-family: "DM Sans", sans-serif;
  text-align: left;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.125rem;
  margin-bottom: 1rem;
  color: rgba(255, 255, 255, 0.8);
}
footer#app_footer #app_footer_content .app_footer_links ul li.hdr {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin-bottom: 1rem;
}
footer#app_footer #app_footer_content .app_footer_links ul li.hdr a {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: rgba(255, 255, 255, 0.7);
}
footer#app_footer #app_footer_content .app_footer_links ul li.hdr a:hover {
  color: rgb(255, 255, 255);
}
footer#app_footer #app_footer_content .app_footer_links ul li a {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
  color: rgba(255, 255, 255, 0.7);
  transition: all 250ms ease-in-out;
}
footer#app_footer #app_footer_content .app_footer_links ul li a:hover {
  color: rgb(255, 255, 255);
}
footer#app_footer #app_footer_content #app_footer_legal {
  grid-column: 1/6;
}
footer#app_footer #app_footer_content #app_footer_legal p {
  font-family: "DM Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.5rem !important;
  color: #a5a5ab;
  border: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
footer#app_footer #app_footer_content #app_footer_legal p a {
  text-decoration: none;
  color: #636363;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  footer#app_footer #app_footer_content {
    -moz-column-gap: 2rem;
         column-gap: 2rem;
    grid-template-columns: 1fr 1fr;
  }
  footer#app_footer #app_footer_content #app_footer_branding {
    grid-template-rows: auto auto auto;
  }
  footer#app_footer #app_footer_content .app_footer_links {
    grid-column: auto;
  }
  footer#app_footer #app_footer_content .app_footer_links ul li {
    text-align: left;
  }
  footer#app_footer #app_footer_content .app_footer_links ul li a {
    text-align: left;
    line-height: 1.25rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  footer#app_footer #app_footer_content {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: auto;
    -moz-column-gap: 16px;
         column-gap: 16px;
    row-gap: 32px;
  }
  footer#app_footer #app_footer_content #app_footer_branding {
    grid-column: 1/-1;
    grid-row: 1;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: minmax(min-content, max-content) minmax(min-content, max-content) minmax(min-content, max-content);
  }
  footer#app_footer #app_footer_content #app_footer_branding a#logoLink {
    background-position: center center;
  }
  footer#app_footer #app_footer_content #app_footer_branding div {
    text-align: center;
  }
  footer#app_footer #app_footer_content #app_footer_branding ul#app_footer_social {
    margin: 3rem 0;
  }
  footer#app_footer #app_footer_content #app_footer_branding ul#app_footer_social li.icon {
    height: 2rem;
  }
  footer#app_footer #app_footer_content #app_footer_branding ul#app_footer_social li.icon a {
    background-position: center center;
  }
  footer#app_footer #app_footer_content .app_footer_links {
    grid-row: auto;
  }
  footer#app_footer #app_footer_content .app_footer_links ul li {
    text-align: center;
  }
  footer#app_footer #app_footer_content .app_footer_links ul li a {
    line-height: 2rem;
  }
  footer#app_footer #app_footer_content #app_footer_legal {
    grid-column: 1/-1;
  }
  footer#app_footer #app_footer_content #app_footer_legal p {
    text-align: center;
    line-height: 1.5rem;
  }
}

.c-blue {
  color: #2a3584;
}

.c-blue2, #academy_transform_grid .card i {
  color: #3f74fe;
}

.c-green {
  color: #51b848;
}

.c-white, body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option {
  color: #ffffff;
}

.c-gray, #academy_plan_grid .card i, body.app #home_fp_grid .home_fp_cont#home_fp_cont2, body.app #home_fp_grid .home_fp_cont#home_fp_cont3 {
  color: #424762 !important;
}

.c-cyan {
  color: #4ac3ca;
}

.b-black {
  background: #151516;
}

.b-gray1 {
  background: #424762;
}

.b-gray2 {
  background: #f9f9ff;
}

.b-gray3 {
  background: #adabc3;
}

.b-white {
  background: #ffffff;
}

body.app #hero_contain #home_hero_content #home_hero_grid {
  width: 100%;
}
body.app #hero_contain #home_hero_content #home_hero_grid h1 {
  width: 65%;
  margin: 0;
}
body.app #hero_contain #home_hero_content #home_hero_grid p#mb {
  display: none;
}
body.app #hero_contain #home_hero_content #home_hero_grid h2 {
  grid-row: 2;
}
body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons {
  grid-row: 2;
}
body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons .btn_primary_icon {
  font-size: 24px;
  line-height: 32px;
}
body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons .btn_secondary, body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a#app_login, header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons a#app_login {
  font-size: 24px;
  line-height: 32px;
}
body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow {
  margin-top: 2rem;
  width: 100%;
  min-height: 550px;
  background: url(img/Logo_Primary.png) center bottom no-repeat;
  background-size: auto 550px;
}
body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow.web_flow {
  margin-top: 2rem;
  width: 100%;
  min-height: 550px;
  background: url(img/Logo_Primary.png) center bottom no-repeat;
  background-size: auto 550px;
}
body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid {
  display: grid;
  height: 500px;
  grid-template-columns: 65% 35%;
  grid-template-rows: 50px 1fr;
}
body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid p.fw-b, body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review p.from, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid p.from, body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid #of_tools_contain #tools_flex .tools_tool p.tools_tool_text, body.app #of_tools_contain #tools_flex .tools_tool #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid p.tools_tool_text {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  color: #151516;
  padding: 1rem;
  border-radius: 0.625rem;
  background: #ffffff;
  box-shadow: 5.37454px 19.34833px 40.84647px -11.82398px rgba(47, 50, 68, 0.4);
  grid-column: 2/3;
  grid-row: 2;Logo_Primary.png
  height: 3.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  z-index: 5;
}
body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid p.fw-b:before, body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review p.from:before, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid p.from:before, body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid #of_tools_contain #tools_flex .tools_tool p.tools_tool_text:before, body.app #of_tools_contain #tools_flex .tools_tool #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid p.tools_tool_text:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../img/app/index/circle_check_blue.svg) center center no-repeat;
  background-size: auto 24px;
  margin-right: 1rem;
}
body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid ul {
  border-radius: 0.625rem;
  background: #ffffff;
  padding: 5.5rem 1rem 2rem 1rem;
  grid-column: 2/3;
  grid-row: 2;
  z-index: 4;
  width: 90%;
  align-self: flex-start;
  justify-self: center;
}
body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid ul li {
  display: flex;
  align-items: stretch;
  margin-bottom: 1rem;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5rem;
  color: #424762;
  text-align: left;
}
body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid ul li:before {
  content: "";
  width: 16px;
  height: 16px;
  display: inline-block;
  background: url(../img/app/index/check_blue.svg) center center no-repeat;
  background-size: auto 16px;
  margin-right: 1rem;
}
body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid ul li:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #hero_contain #home_hero_content #home_hero_grid {
    width: 100%;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid h1 {
    width: 100%;
    min-height: 210px;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons {
    grid-row: 2;
    width: 100%;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons .btn_primary_icon {
    width: 100%;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons .btn_secondary, body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a#app_login, header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons a#app_login {
    display: none;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow {
    background: url(img/Logo_Primary.png) center top no-repeat;
    background-size: contain;
    min-height: -moz-max-content;
    min-height: max-content;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid {
    grid-template-columns: 100%;
    grid-template-rows: 1fr 1fr;
    gap: 0.25rem;
    height: 600px;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid p.fw-b, body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review p.from, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid p.from, body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid #of_tools_contain #tools_flex .tools_tool p.tools_tool_text, body.app #of_tools_contain #tools_flex .tools_tool #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid p.tools_tool_text,
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid ul {
    grid-column: 1;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.app #hero_contain #home_hero_content #home_hero_grid {
    width: 100%;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid h1 {
    width: 100%;
    min-height: 130px;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons {
    grid-row: 2;
    width: 100%;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons .btn_primary_icon {
    width: 50%;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons .btn_secondary, body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a#app_login, header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_buttons a#app_login {
    display: none;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow {
    background: url(img/Logo_Primary.png) center top no-repeat;
    background-size: contain;
    min-height: -moz-max-content;
    min-height: max-content;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid {
    grid-template-columns: 100%;
    grid-template-rows: 50px 1fr 50px;
    height: auto;
    gap: 0.25rem;
  }
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid p.fw-b, body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review p.from, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid p.from, body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid #of_tools_contain #tools_flex .tools_tool p.tools_tool_text, body.app #of_tools_contain #tools_flex .tools_tool #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid p.tools_tool_text,
  body.app #hero_contain #home_hero_content #home_hero_grid #home_hero_flow #home_hero_flow_grid ul {
    width: -moz-max-content;
    width: max-content;
    justify-self: flex-end;
    grid-row: 2;
    grid-column: 1;
  }
}
body.app #hero_contain #hero_flow_content {
  min-height: 550px;
  background: url(../img/app/index/FlowLaptop-fs8.png) center center no-repeat;
  background-size: auto 541px;
}
body.app #hero_contain #hero_oFlow_grid {
  display: grid;
  width: 100%;
  min-height: 720px;
  grid-template-columns: 56% auto;
  background-image: url(../img/app/optimusFlow/optimusFlow_hero.png);
  background-size: 55% auto;
  background-repeat: no-repeat;
  background-position: right center;
}
body.app #hero_contain #hero_oFlow_grid div {
  grid-template-columns: 0.5fr 1fr;
  gap: 32px;
}
body.app #hero_contain #hero_oFlow_grid div h1,
body.app #hero_contain #hero_oFlow_grid div p {
  grid-column: 1/-1;
}
body.app #hero_contain #hero_oFlow_grid div #formContain {
  grid-column: 1;
  grid-row: 3;
}
body.app #hero_contain #hero_oFlow_grid div #formContain p {
  margin: 0;
}
body.app #hero_contain #hero_oFlow_grid div #formContain p a {
  color: #3f74fe;
}
body.app #hero_contain #hero_oFlow_grid div a:not(.btn_primary_icon) {
  grid-column: 2;
  grid-row: 3;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}
body.app #hero_contain #hero_oFlow_grid div a:not(.btn_primary_icon) img {
  width: 80%;
  height: auto;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #hero_contain #hero_oFlow_grid {
    grid-template-columns: 100%;
    background-image: none;
  }
  body.app #hero_contain #hero_oFlow_grid div {
    grid-template-columns: 100%;
    justify-items: center;
  }
  body.app #hero_contain #hero_oFlow_grid div h1 {
    grid-row: 1;
    grid-column: 1;
    text-align: center;
  }
  body.app #hero_contain #hero_oFlow_grid div p {
    grid-row: 2;
    grid-column: 1;
    text-align: center;
  }
  body.app #hero_contain #hero_oFlow_grid div p#awards_disclaimer {
    grid-row: 4;
  }
  body.app #hero_contain #hero_oFlow_grid div p#awards_disclaimer {
    text-align: left;
  }
  body.app #hero_contain #hero_oFlow_grid div .formContain {
    grid-row: 3;
    grid-column: 1;
  }
  body.app #hero_contain #hero_oFlow_grid div a:has(img) {
    grid-row: 4;
    grid-column: 1;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.app #hero_contain #hero_oFlow_grid {
    grid-template-columns: 100%;
    background-image: none;
  }
}
body.app #hero_contain #hero_opAcct_grid {
  display: grid;
  width: 100%;
  grid-template-columns: 550px auto;
  min-height: 675px;
}
body.app #hero_contain #hero_opAcct_grid div img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 200px) {
  body.app #hero_contain #hero_opAcct_grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 370px;
    background-position: center top;
    background-size: contain;
  }
  body.app #hero_contain #hero_opAcct_grid div:has(img) {
    grid-row: 2;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #hero_contain #hero_opAcct_grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 370px;
    background-position: center top;
    background-size: auto 440px;
  }
  body.app #hero_contain #hero_opAcct_grid div:has(img) {
    grid-row: 2;
  }
}
body.app #hero_contain #hero_mcr_grid {
  display: grid;
  width: 100%;
  grid-template-columns: 100%;
  min-height: 450px;
}
body.app #hero_contain #pricing_hero_grid {
  display: grid;
  width: 100%;
  grid-template-columns: 550px auto;
  min-height: 750px;
  background-image: url(../img/app/pricing/pricing_hero.png);
  background-size: 70% auto;
  background-position: right -110px;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #hero_contain #pricing_hero_grid {
    grid-template-columns: 100%;
    background-image: none;
  }
  body.app #hero_contain #pricing_hero_grid .d-flex {
    width: 100%;
    flex-direction: column;
  }
}
body.app #hero_contain #mreq_hero_grid {
  display: grid;
  width: 100%;
  grid-template-columns: 100%;
  min-height: 250px;
}
body.app #hero_contain #hero_tdVw_grid {
  display: grid;
  width: 100%;
  grid-template-columns: 550px auto;
  gap: 32px;
}
body.app #hero_contain #hero_tdVw_grid h1 {
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background: url(../img/app/TradingView/TradingView_Logo.svg) left center no-repeat;
  background-size: auto 4rem;
}
body.app #hero_contain #hero_tdVw_grid #copy {
  grid-column: 1;
  grid-row: 1;
}
body.app #hero_contain #hero_tdVw_grid #cta {
  grid-column: 1;
  grid-row: 2;
  background: #f9f9ff;
  padding: 2rem;
  border-radius: 12px;
  flex-wrap: wrap;
}
body.app #hero_contain #hero_tdVw_grid #cta p {
  flex: 0 0 100%;
  margin: 0 0 2rem 0;
}
body.app #hero_contain #hero_tdVw_grid #poster {
  grid-column: 2;
  grid-row: 1/3;
}
body.app #hero_contain #hero_tdVw_grid #poster img {
  width: 100%;
  height: auto;
  border: 2px solid #2a3584;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #hero_contain #hero_tdVw_grid {
    grid-template-columns: 1fr;
  }
  body.app #hero_contain #hero_tdVw_grid #copy {
    grid-column: 1;
    grid-row: 1;
  }
  body.app #hero_contain #hero_tdVw_grid #copy h1 {
    background-position: center center;
  }
  body.app #hero_contain #hero_tdVw_grid #copy p {
    text-align: center;
  }
  body.app #hero_contain #hero_tdVw_grid #cta {
    grid-column: 1;
    grid-row: 2;
    row-gap: 2rem;
  }
  body.app #hero_contain #hero_tdVw_grid #cta p {
    margin-bottom: 0;
  }
  body.app #hero_contain #hero_tdVw_grid #cta a {
    width: 100%;
  }
  body.app #hero_contain #hero_tdVw_grid #poster {
    grid-column: 1;
    grid-row: 3;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  body.app #hero_contain #hero_tdVw_grid {
    grid-template-columns: 1fr 1fr;
  }
  body.app #hero_contain #hero_tdVw_grid #poster {
    grid-row: 1;
  }
  body.app #hero_contain #hero_tdVw_grid #cta {
    grid-column: 1/-1;
    justify-content: center;
  }
  body.app #hero_contain #hero_tdVw_grid #cta p {
    flex: 0 0 auto;
    margin: 0;
  }
  body.app #hero_contain #hero_tdVw_grid #cta a {
    flex: 0 0 auto;
  }
}
body.app #hero_contain #hero_tdVw_grid.MC h1 {
  height: 110px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background: url(../img/PlatformLogos/MultiCharts_Logo.svg) left center no-repeat;
  background-size: auto 110px;
}
body.app #hero_contain #hero_tdVw_grid.MCN h1 {
  height: 110px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background: url(../img/PlatformLogos/MultiChartsNET_Logo.svg) left center no-repeat;
  background-size: auto 110px;
}
body.app #hero_contain #hero_tdVw_grid.TDN h1 {
  height: 50px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background: url(../img/PlatformLogos/TradeNavigator_Logo2.png) left center no-repeat;
  background-size: auto 40px;
}
body.app #hero_contain #hero_tdVw_grid.MW h1 {
  height: 110px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background: url(../img/PlatformLogos/MotiveWave_Logo.png) left center no-repeat;
  background-size: auto 110px;
}
body.app #hero_contain #hero_microAg_grid {
  display: grid;
  width: 100%;
  grid-template-columns: 550px auto;
  gap: 32px;
}
body.app #hero_contain #hero_microAg_grid h1 {
  font-family: "DM Sans", sans-serif;
}
body.app #hero_contain #hero_microAg_grid #copy {
  grid-column: 1;
  grid-row: 1;
}
body.app #hero_contain #hero_microAg_grid #cta {
  grid-column: 1;
  grid-row: 2;
  background: #f9f9ff;
  padding: 2rem;
  border-radius: 12px;
  flex-wrap: wrap;
}
body.app #hero_contain #hero_microAg_grid #cta p {
  flex: 0 0 100%;
  margin: 0 0 2rem 0;
}
body.app #hero_contain #hero_microAg_grid #poster {
  grid-column: 2;
  grid-row: 1/3;
}
body.app #hero_contain #hero_microAg_grid #poster img {
  width: 100%;
  height: auto;
  border: 2px solid #2a3584;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #hero_contain #hero_microAg_grid {
    grid-template-columns: 1fr;
  }
  body.app #hero_contain #hero_microAg_grid #copy {
    grid-column: 1;
    grid-row: 1;
  }
  body.app #hero_contain #hero_microAg_grid #copy h1 {
    background-position: center center;
  }
  body.app #hero_contain #hero_microAg_grid #copy p {
    text-align: center;
  }
  body.app #hero_contain #hero_microAg_grid #cta {
    grid-column: 1;
    grid-row: 2;
    row-gap: 2rem;
  }
  body.app #hero_contain #hero_microAg_grid #cta p {
    margin-bottom: 0;
  }
  body.app #hero_contain #hero_microAg_grid #cta a {
    width: 100%;
  }
  body.app #hero_contain #hero_microAg_grid #poster {
    grid-column: 2;
    grid-row: 1;
  }
}
@media (min-width: 601px) and (max-width: 1024px) {
  body.app #hero_contain #hero_microAg_grid {
    grid-template-columns: 1fr 1fr;
  }
  body.app #hero_contain #hero_microAg_grid #poster {
    grid-row: 1;
  }
  body.app #hero_contain #hero_microAg_grid #cta {
    grid-column: 1/-1;
    justify-content: center;
  }
  body.app #hero_contain #hero_microAg_grid #cta p {
    flex: 0 0 auto;
    margin: 0;
  }
  body.app #hero_contain #hero_microAg_grid #cta a {
    flex: 0 0 auto;
  }
}
body.app #hero_contain #hero_microAg_grid.MC h1 {
  height: 110px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background: url(../img/PlatformLogos/MultiCharts_Logo.svg) left center no-repeat;
  background-size: auto 110px;
}
body.app #hero_contain #hero_microAg_grid.MCN h1 {
  height: 110px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background: url(../img/PlatformLogos/MultiChartsNET_Logo.svg) left center no-repeat;
  background-size: auto 110px;
}
body.app #hero_contain #hero_microAg_grid.TDN h1 {
  height: 50px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background: url(../img/PlatformLogos/TradeNavigator_Logo2.png) left center no-repeat;
  background-size: auto 40px;
}
body.app #hero_contain #hero_microAg_grid.MW h1 {
  height: 110px;
  text-indent: -119988px;
  overflow: hidden;
  text-align: left;
  background: url(../img/PlatformLogos/MotiveWave_Logo.png) left center no-repeat;
  background-size: auto 110px;
}
body.app #hero_contain #hero_academy_grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1.125fr 1fr;
  gap: 2rem;
}
body.app #hero_contain #hero_academy_grid div img {
  width: 90%;
  border-radius: 10%;
  border: 4px solid #3f74fe;
  height: auto;
}
@media only screen and (max-width: 200px) {
  body.app #hero_contain #hero_academy_grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 370px;
    background-position: center top;
    background-size: contain;
  }
  body.app #hero_contain #hero_academy_grid div:has(img) {
    grid-row: 2;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #hero_contain #hero_academy_grid {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 370px;
    background-position: center top;
    background-size: auto 440px;
  }
  body.app #hero_contain #hero_academy_grid div:has(img) {
    grid-row: 2;
  }
}
body.app #home_review_content {
  justify-content: center;
  align-items: flex-start;
}
body.app #home_review_content #home_review_grid {
  grid-template-columns: max-content max-content max-content;
  grid-auto-rows: auto;
  row-gap: 24px;
}
body.app #home_review_content #home_review_grid h5, body.app #home_review_content #home_review_grid #modal #close, #modal body.app #home_review_content #home_review_grid #close,
body.app #home_review_content #home_review_grid #modalNC #close,
#modalNC body.app #home_review_content #home_review_grid #close {
  grid-column: 1/-1;
  grid-row: 1;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.75rem;
  text-align: center;
  margin: 0;
}
body.app #home_review_content #home_review_grid .rating {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  align-content: flex-start;
}
body.app #home_review_content #home_review_grid .rating span.logo {
  flex: 0 0 100%;
  text-align: center;
  padding: 0.5rem 0 0.125rem 0;
}
body.app #home_review_content #home_review_grid .rating span.logo img {
  filter: brightness(0) saturate(0%);
  height: 34px;
}
body.app #home_review_content #home_review_grid .rating span.fa {
  flex: 0 0 1ch;
  margin-right: 4px;
  padding: 14px;
  text-align: center;
  color: #ffffff;
  background: #00b67a;
  font-size: 16px;
}
body.app #home_review_content #home_review_grid .rating span.fa:last-of-type {
  margin-right: 0;
}
body.app #home_review_content #home_review_grid .rating span.count {
  flex: 0 0 100%;
  margin: 0.5rem 0 0 0;
  display: flex;
  justify-content: center;
  color: #adabc3;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
}
body.app #home_review_content #home_review_grid .rating#TradingView {
  grid-column: 1;
  grid-row: 2;
}
body.app #home_review_content #home_review_grid .rating#TradingView img {
  height: 28px;
  width: auto;
}
body.app #home_review_content #home_review_grid .rating#Google {
  grid-column: 2;
  grid-row: 2;
}
body.app #home_review_content #home_review_grid .rating#Google img {
  height: 28px;
  width: auto;
}
body.app #home_review_content #home_review_grid .rating#Trustpilot {
  grid-column: 3;
  grid-row: 2;
}
body.app #home_review_content #home_review_grid .rating#Trustpilot img {
  height: 28px;
  width: auto;
}
body.app #home_review_content #home_review_grid a {
  grid-column: 2;
  grid-row: 3;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #home_review_content #home_review_grid {
    width: 100%;
    grid-template-columns: 100%;
    row-gap: 24px;
  }
  body.app #home_review_content #home_review_grid h5, body.app #home_review_content #home_review_grid #modal #close, #modal body.app #home_review_content #home_review_grid #close,
  body.app #home_review_content #home_review_grid #modalNC #close,
  #modalNC body.app #home_review_content #home_review_grid #close {
    grid-column: 1/-1;
    grid-row: 1;
    font-family: "DM Sans", sans-serif;
    font-weight: 700;
    font-size: 1.375rem;
    line-height: 1.75rem;
    text-align: center;
    margin: 0;
  }
  body.app #home_review_content #home_review_grid .rating span.fa {
    flex: 0 0 12px;
    margin-right: 4px;
    text-align: center;
    color: #3f74fe;
  }
  body.app #home_review_content #home_review_grid .rating#TradingView {
    grid-column: 1;
    grid-row: 2;
  }
  body.app #home_review_content #home_review_grid .rating#TradingView img {
    height: 30px;
    width: auto;
  }
  body.app #home_review_content #home_review_grid .rating#Google {
    grid-column: 1;
    grid-row: 3;
  }
  body.app #home_review_content #home_review_grid .rating#Google img {
    height: 30px;
    width: auto;
  }
  body.app #home_review_content #home_review_grid .rating#Trustpilot {
    grid-column: 1;
    grid-row: 4;
  }
  body.app #home_review_content #home_review_grid .rating#Trustpilot img {
    height: 30px;
    width: auto;
  }
  body.app #home_review_content #home_review_grid a {
    grid-column: 1/-1;
    grid-row: 5;
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.app #home_review_content #home_review_grid {
    width: 100%;
    grid-template-columns: repeat(3, 1fr);
  }
}
body.app #home_ftp_contain #home_ftp_grid {
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(9, 1fr);
  width: 100%;
}
body.app #home_ftp_contain #home_ftp_grid #home_ftp_copy {
  background: #151516;
  border-radius: 1.5rem;
  grid-row: 1/9;
  grid-column: 3/-1;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  padding: 3rem 4rem;
}
body.app #home_ftp_contain #home_ftp_grid #home_ftp_copy #ftp_hdr {
  grid-column: 1/7;
  grid-row: 1/3;
}
body.app #home_ftp_contain #home_ftp_grid #home_ftp_img {
  z-index: 4;
  grid-row: 3/10;
  grid-column: 1/9;
  background: url(/img/app/index/FlowLaptop_4.png) left top no-repeat;
  background-size: auto;
  border-radius: 0 1.5rem 1.5rem 0;
}
body.app #home_ftp_contain #home_ftp_grid #home_ftp_mobile_img {
  display: none;
}
body.app #home_ftp_contain #home_ftp_grid .feature {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  gap: 1rem;
  grid-column: 7/11;
  width: 90%;
  justify-self: flex-end;
}
body.app #home_ftp_contain #home_ftp_grid .feature img {
  width: 24px;
  height: 24px;
}
body.app #home_ftp_contain #home_ftp_grid .feature#free_platform {
  grid-row: 2/4;
}
body.app #home_ftp_contain #home_ftp_grid .feature#low_margins {
  grid-row: 4/6;
  justify-content: center;
}
body.app #home_ftp_contain #home_ftp_grid .feature#white_glove {
  grid-row: 6/8;
  justify-content: flex-end;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #home_ftp_contain {
    background: #151516;
  }
  body.app #home_ftp_contain #home_ftp_grid {
    grid-template-columns: 100%;
    grid-template-rows: repeat(5, 1fr);
    padding: 4rem 1rem;
  }
  body.app #home_ftp_contain #home_ftp_grid #home_ftp_copy {
    background: none;
    border-radius: 0;
    grid-row: 1/-1;
    grid-column: 1/-1;
    display: grid;
    gap: 2rem;
    grid-template-columns: 100%;
    grid-template-rows: unset;
    padding: 0;
  }
  body.app #home_ftp_contain #home_ftp_grid #home_ftp_copy #ftp_hdr {
    grid-row: 1;
    grid-column: 1/-1;
  }
  body.app #home_ftp_contain #home_ftp_grid #home_ftp_mobile_img {
    display: flex;
    grid-row: 2;
    background: url(../img/app/index/FlowLaptop_4.png) center center no-repeat;
    background-size: contain;
    min-height: 200px;
  }
  body.app #home_ftp_contain #home_ftp_grid #home_ftp_img {
    display: none;
  }
  body.app #home_ftp_contain #home_ftp_grid .feature {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 1rem;
    grid-column: 1/-1;
    width: 100%;
    justify-self: flex-end;
  }
  body.app #home_ftp_contain #home_ftp_grid .feature img {
    width: 24px;
    height: 24px;
  }
  body.app #home_ftp_contain #home_ftp_grid .feature#free_platform {
    grid-row: 3;
  }
  body.app #home_ftp_contain #home_ftp_grid .feature#low_margins {
    grid-row: 4;
    justify-content: center;
  }
  body.app #home_ftp_contain #home_ftp_grid .feature#white_glove {
    grid-row: 5;
    justify-content: flex-end;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.app #home_ftp_contain #home_ftp_grid {
    grid-template-rows: repeat(5, 1fr);
  }
}
body.app #home_fp_grid {
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  row-gap: 4rem;
}
body.app #home_fp_grid .home_fp_cont {
  width: 80%;
}
body.app #home_fp_grid .home_fp_cont#home_fp_cont2, body.app #home_fp_grid .home_fp_cont#home_fp_cont3 {
  align-self: center;
  display: grid;
  grid-template-columns: 1fr 2fr;
  align-items: center;
  -moz-column-gap: 16px;
       column-gap: 16px;
  height: -moz-min-content;
  height: min-content;
}
body.app #home_fp_grid .home_fp_cont#home_fp_cont2 a.blk_btn, body.app #home_fp_grid .home_fp_cont#home_fp_cont3 a.blk_btn {
  grid-column: 1/-1;
  margin-top: 1rem;
}
body.app #home_fp_grid .home_fp_cont#home_fp_cont2 .price, body.app #home_fp_grid .home_fp_cont#home_fp_cont3 .price {
  color: #2a3584;
  font-weight: 700;
}
body.app #home_fp_grid .home_fp_cont#home_fp_cont2 .price.lt, body.app #home_fp_grid .home_fp_cont#home_fp_cont3 .price.lt {
  color: #3f74fe;
}
body.app #home_fp_grid .home_fp_cont#home_fp_cont3 {
  justify-self: flex-end;
}
body.app #home_fp_grid .home_fp_cont#home_fp_cont1, body.app #home_fp_grid .home_fp_cont#home_fp_cont4 {
  width: 80%;
  justify-self: flex-end;
}
body.app #home_fp_grid .home_fp_cont#home_fp_cont1 h2, body.app #home_fp_grid .home_fp_cont#home_fp_cont4 h2 {
  margin-bottom: 2rem;
}
body.app #home_fp_grid .home_fp_cont#home_fp_cont4 {
  justify-self: flex-start;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #home_fp_grid {
    grid-template-columns: 100%;
    row-gap: 1rem;
  }
  body.app #home_fp_grid .home_fp_cont {
    width: 100%;
  }
  body.app #home_fp_grid .home_fp_cont#home_fp_cont1 {
    width: 100%;
    grid-row: 1;
  }
  body.app #home_fp_grid .home_fp_cont#home_fp_cont2, body.app #home_fp_grid .home_fp_cont#home_fp_cont3 {
    width: 100%;
    grid-row: 2;
    grid-template-columns: 1fr 2fr;
    gap: 1rem;
  }
  body.app #home_fp_grid .home_fp_cont#home_fp_cont2 .row1,
  body.app #home_fp_grid .home_fp_cont#home_fp_cont2 .row2, body.app #home_fp_grid .home_fp_cont#home_fp_cont3 .row1,
  body.app #home_fp_grid .home_fp_cont#home_fp_cont3 .row2 {
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
  body.app #home_fp_grid .home_fp_cont#home_fp_cont2 a.blk_btn, body.app #home_fp_grid .home_fp_cont#home_fp_cont3 a.blk_btn {
    width: 100%;
    text-align: center;
    justify-content: center;
  }
  body.app #home_fp_grid .home_fp_cont#home_fp_cont3 {
    width: 100%;
    grid-row: 3;
  }
  body.app #home_fp_grid .home_fp_cont#home_fp_cont4 {
    width: 100%;
    grid-row: 4;
  }
}
body.app #browse_contain #browse_content {
  justify-content: center;
  flex-direction: column;
  gap: 2rem;
}
body.app #browse_contain #browse_content #browse_grid {
  grid-template-columns: 100%;
  gap: 2rem;
  align-self: center;
}
body.app #browse_contain #browse_content #browse_grid p {
  width: 70%;
  margin: 0 0 3.5rem 0;
}
body.app #browse_contain #browse_content #browse_grid #slide {
  padding: 3rem 2rem;
  border-radius: 0.25rem;
  background: #151516;
}
body.app #browse_contain #browse_content #browse_grid #slide .feat_wrap {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 2rem;
  align-items: center;
  transition: opacity 250ms ease-in;
  visibility: hidden;
  opacity: 0;
  width: 0;
  height: 0;
}
body.app #browse_contain #browse_content #browse_grid #slide .feat_wrap .browse_grid_img {
  height: 400px;
  overflow: hidden;
}
body.app #browse_contain #browse_content #browse_grid #slide .feat_wrap .browse_grid_img img {
  width: 100%;
  height: auto;
}
body.app #browse_contain #browse_content #browse_grid #slide .feat_wrap .browse_grid_text p {
  width: 100%;
}
body.app #browse_contain #browse_content #browse_grid #slide .feat_wrap.active {
  width: auto;
  height: auto;
  visibility: visible;
  opacity: 1;
}
body.app #browse_contain #browse_content #browse_grid_bottom {
  grid-template-columns: 1fr;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #browse_contain #browse_content {
    gap: 0;
    padding: 2rem;
  }
  body.app #browse_contain #browse_content #browse_grid p.js-c.fs-20.lh-24, body.app #browse_contain #browse_content #browse_grid .faq-grid .faq-content details p.js-c.lh-24, .faq-grid .faq-content details body.app #browse_contain #browse_content #browse_grid p.js-c.lh-24, body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .risk p.js-c.fs-20, body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .risk .faq-grid .faq-content details p.js-c, .faq-grid .faq-content details body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk body.app #browse_contain #browse_content #browse_grid p.js-c.fs-20, #ordersDefinitions .card .risk body.app #browse_contain #browse_content #browse_grid .faq-grid .faq-content details p.js-c, .faq-grid .faq-content details #ordersDefinitions .card .risk body.app #browse_contain #browse_content #browse_grid p.js-c, body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .example p.js-c.fs-20, body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .example .faq-grid .faq-content details p.js-c, .faq-grid .faq-content details body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example body.app #browse_contain #browse_content #browse_grid p.js-c.fs-20, #ordersDefinitions .card .example body.app #browse_contain #browse_content #browse_grid .faq-grid .faq-content details p.js-c, .faq-grid .faq-content details #ordersDefinitions .card .example body.app #browse_contain #browse_content #browse_grid p.js-c, body.app #browse_contain #browse_content #browse_grid .glossaryHero hgroup p.js-c.lh-24, body.app #browse_contain #browse_content #browse_grid .glossaryHero hgroup #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk body.app #browse_contain #browse_content #browse_grid .glossaryHero hgroup p.js-c, body.app #browse_contain #browse_content #browse_grid .glossaryHero hgroup #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example body.app #browse_contain #browse_content #browse_grid .glossaryHero hgroup p.js-c, .glossaryHero hgroup body.app #browse_contain #browse_content #browse_grid p.js-c.lh-24, .glossaryHero hgroup body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk .glossaryHero hgroup body.app #browse_contain #browse_content #browse_grid p.js-c, .glossaryHero hgroup body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example .glossaryHero hgroup body.app #browse_contain #browse_content #browse_grid p.js-c, body.app #browse_contain #browse_content #browse_grid #formContain p.js-c.fs-20, body.app #browse_contain #browse_content #browse_grid #formContain .faq-grid .faq-content details p.js-c, .faq-grid .faq-content details body.app #browse_contain #browse_content #browse_grid #formContain p.js-c, body.app #browse_contain #browse_content #browse_grid #formContain .glossaryHero hgroup p.js-c, .glossaryHero hgroup body.app #browse_contain #browse_content #browse_grid #formContain p.js-c, #formContain body.app #browse_contain #browse_content #browse_grid p.js-c.fs-20, #formContain body.app #browse_contain #browse_content #browse_grid .faq-grid .faq-content details p.js-c, .faq-grid .faq-content details #formContain body.app #browse_contain #browse_content #browse_grid p.js-c, #formContain body.app #browse_contain #browse_content #browse_grid .glossaryHero hgroup p.js-c, .glossaryHero hgroup #formContain body.app #browse_contain #browse_content #browse_grid p.js-c, body.app #browse_contain #browse_content #browse_grid p.js-c.fs-20.tooltip:before, body.app #browse_contain #browse_content #browse_grid .faq-grid .faq-content details p.js-c.tooltip:before, .faq-grid .faq-content details body.app #browse_contain #browse_content #browse_grid p.js-c.tooltip:before, body.app #browse_contain #browse_content #browse_grid .glossaryHero hgroup p.js-c.tooltip:before, .glossaryHero hgroup body.app #browse_contain #browse_content #browse_grid p.js-c.tooltip:before, body.app #browse_contain #browse_content #browse_grid .gray_feat p.js-c.lh-24, body.app #browse_contain #browse_content #browse_grid .gray_feat #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk body.app #browse_contain #browse_content #browse_grid .gray_feat p.js-c, body.app #browse_contain #browse_content #browse_grid .gray_feat #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example body.app #browse_contain #browse_content #browse_grid .gray_feat p.js-c, body.app #browse_contain #browse_content #browse_grid .gray_feat #formContain p.js-c, #formContain body.app #browse_contain #browse_content #browse_grid .gray_feat p.js-c, body.app #browse_contain #browse_content #browse_grid .gray_feat p.js-c.tooltip:before, .gray_feat body.app #browse_contain #browse_content #browse_grid p.js-c.lh-24, .gray_feat body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk .gray_feat body.app #browse_contain #browse_content #browse_grid p.js-c, .gray_feat body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example .gray_feat body.app #browse_contain #browse_content #browse_grid p.js-c, .gray_feat body.app #browse_contain #browse_content #browse_grid #formContain p.js-c, #formContain .gray_feat body.app #browse_contain #browse_content #browse_grid p.js-c, .gray_feat body.app #browse_contain #browse_content #browse_grid p.js-c.tooltip:before, body.app #browse_contain #browse_content #browse_grid #fcms_grid #fcms_select p.js-c.lh-24, body.app #browse_contain #browse_content #browse_grid #fcms_grid #fcms_select #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk body.app #browse_contain #browse_content #browse_grid #fcms_grid #fcms_select p.js-c, body.app #browse_contain #browse_content #browse_grid #fcms_grid #fcms_select #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example body.app #browse_contain #browse_content #browse_grid #fcms_grid #fcms_select p.js-c, body.app #browse_contain #browse_content #browse_grid #fcms_grid #fcms_select #formContain p.js-c, #formContain body.app #browse_contain #browse_content #browse_grid #fcms_grid #fcms_select p.js-c, body.app #browse_contain #browse_content #browse_grid #fcms_grid #fcms_select p.js-c.tooltip:before, #fcms_grid #fcms_select body.app #browse_contain #browse_content #browse_grid p.js-c.lh-24, #fcms_grid #fcms_select body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk #fcms_grid #fcms_select body.app #browse_contain #browse_content #browse_grid p.js-c, #fcms_grid #fcms_select body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example #fcms_grid #fcms_select body.app #browse_contain #browse_content #browse_grid p.js-c, #fcms_grid #fcms_select body.app #browse_contain #browse_content #browse_grid #formContain p.js-c, #formContain #fcms_grid #fcms_select body.app #browse_contain #browse_content #browse_grid p.js-c, #fcms_grid #fcms_select body.app #browse_contain #browse_content #browse_grid p.js-c.tooltip:before, body.app #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid .card a p.js-c.lh-24, body.app #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid #ordersDefinitions .card a .risk p.js-c, #ordersDefinitions body.app #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid .card a .risk p.js-c, body.app #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid #ordersDefinitions .card .risk a p.js-c, #ordersDefinitions body.app #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid .card .risk a p.js-c, body.app #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid #ordersDefinitions .card a .example p.js-c, #ordersDefinitions body.app #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid .card a .example p.js-c, body.app #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid #ordersDefinitions .card .example a p.js-c, #ordersDefinitions body.app #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid .card .example a p.js-c, body.app #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid .card a #formContain p.js-c, #formContain body.app #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid .card a p.js-c, body.app #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid .card a p.js-c.tooltip:before, #ct_contact_content #ct_contact_grid .card a body.app #browse_contain #browse_content #browse_grid p.js-c.lh-24, #ct_contact_content #ct_contact_grid #ordersDefinitions .card a body.app #browse_contain #browse_content #browse_grid .risk p.js-c, #ordersDefinitions #ct_contact_content #ct_contact_grid .card a body.app #browse_contain #browse_content #browse_grid .risk p.js-c, #ct_contact_content #ct_contact_grid #ordersDefinitions .card .risk a body.app #browse_contain #browse_content #browse_grid p.js-c, #ordersDefinitions #ct_contact_content #ct_contact_grid .card .risk a body.app #browse_contain #browse_content #browse_grid p.js-c, #ct_contact_content #ct_contact_grid #ordersDefinitions .card a body.app #browse_contain #browse_content #browse_grid .example p.js-c, #ordersDefinitions #ct_contact_content #ct_contact_grid .card a body.app #browse_contain #browse_content #browse_grid .example p.js-c, #ct_contact_content #ct_contact_grid #ordersDefinitions .card .example a body.app #browse_contain #browse_content #browse_grid p.js-c, #ordersDefinitions #ct_contact_content #ct_contact_grid .card .example a body.app #browse_contain #browse_content #browse_grid p.js-c, #ct_contact_content #ct_contact_grid .card a body.app #browse_contain #browse_content #browse_grid #formContain p.js-c, #formContain #ct_contact_content #ct_contact_grid .card a body.app #browse_contain #browse_content #browse_grid p.js-c, #ct_contact_content #ct_contact_grid .card a body.app #browse_contain #browse_content #browse_grid p.js-c.tooltip:before, body.app #browse_contain #browse_content #browse_grid #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p.js-c.lh-24, body.app #browse_contain #browse_content #browse_grid #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk body.app #browse_contain #browse_content #browse_grid #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p.js-c, body.app #browse_contain #browse_content #browse_grid #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example body.app #browse_contain #browse_content #browse_grid #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p.js-c, body.app #browse_contain #browse_content #browse_grid #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div #formContain p.js-c, #formContain body.app #browse_contain #browse_content #browse_grid #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p.js-c, body.app #browse_contain #browse_content #browse_grid #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p.js-c.tooltip:before, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #browse_contain #browse_content #browse_grid p.js-c.lh-24, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #browse_contain #browse_content #browse_grid p.js-c, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #browse_contain #browse_content #browse_grid p.js-c, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #browse_contain #browse_content #browse_grid #formContain p.js-c, #formContain #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #browse_contain #browse_content #browse_grid p.js-c, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #browse_contain #browse_content #browse_grid p.js-c.tooltip:before, body.app #browse_contain #browse_content #browse_grid #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p.js-c.lh-24, body.app #browse_contain #browse_content #browse_grid #tdVw_download_contain #tdVw_download_content #tdVw_download_grid #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk body.app #browse_contain #browse_content #browse_grid #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p.js-c, body.app #browse_contain #browse_content #browse_grid #tdVw_download_contain #tdVw_download_content #tdVw_download_grid #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example body.app #browse_contain #browse_content #browse_grid #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p.js-c, body.app #browse_contain #browse_content #browse_grid #tdVw_download_contain #tdVw_download_content #tdVw_download_grid #formContain p.js-c, #formContain body.app #browse_contain #browse_content #browse_grid #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p.js-c, body.app #browse_contain #browse_content #browse_grid #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p.js-c.tooltip:before, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #browse_contain #browse_content #browse_grid p.js-c.lh-24, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #browse_contain #browse_content #browse_grid p.js-c, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #browse_contain #browse_content #browse_grid p.js-c, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #browse_contain #browse_content #browse_grid #formContain p.js-c, #formContain #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #browse_contain #browse_content #browse_grid p.js-c, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #browse_contain #browse_content #browse_grid p.js-c.tooltip:before, body.app #browse_contain #browse_content #browse_grid #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p.js-c.lh-24, body.app #browse_contain #browse_content #browse_grid #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk body.app #browse_contain #browse_content #browse_grid #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p.js-c, body.app #browse_contain #browse_content #browse_grid #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example body.app #browse_contain #browse_content #browse_grid #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p.js-c, body.app #browse_contain #browse_content #browse_grid #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid #formContain p.js-c, #formContain body.app #browse_contain #browse_content #browse_grid #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p.js-c, body.app #browse_contain #browse_content #browse_grid #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p.js-c.tooltip:before, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #browse_contain #browse_content #browse_grid p.js-c.lh-24, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #browse_contain #browse_content #browse_grid p.js-c, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #browse_contain #browse_content #browse_grid #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #browse_contain #browse_content #browse_grid p.js-c, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #browse_contain #browse_content #browse_grid #formContain p.js-c, #formContain #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #browse_contain #browse_content #browse_grid p.js-c, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #browse_contain #browse_content #browse_grid p.js-c.tooltip:before, body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content p.js-c.fs-20, body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content .faq-grid .faq-content details p.js-c, .faq-grid .faq-content details body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content p.js-c, body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content .glossaryHero hgroup p.js-c, .glossaryHero hgroup body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content p.js-c, body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content .gray_feat p.js-c, .gray_feat body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content p.js-c, body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content #fcms_grid #fcms_select p.js-c, #fcms_grid #fcms_select body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content p.js-c, body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content #ct_contact_content #ct_contact_grid .card a p.js-c, #ct_contact_content #ct_contact_grid .card a body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content p.js-c, body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p.js-c, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content p.js-c, body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p.js-c, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content p.js-c, body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p.js-c, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content p.js-c, body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid p.js-c.fs-20, body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid .faq-grid .faq-content details p.js-c, .faq-grid .faq-content details body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid p.js-c, body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid .glossaryHero hgroup p.js-c, .glossaryHero hgroup body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid p.js-c, body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid .gray_feat p.js-c, .gray_feat body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid p.js-c, body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid #fcms_grid #fcms_select p.js-c, #fcms_grid #fcms_select body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid p.js-c, body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid .card a p.js-c, #ct_contact_content #ct_contact_grid .card a body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid p.js-c, body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p.js-c, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid p.js-c, body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p.js-c, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid p.js-c, body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p.js-c, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid p.js-c, body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat p.js-c.fs-20, body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat .faq-grid .faq-content details p.js-c, .faq-grid .faq-content details body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat .glossaryHero hgroup p.js-c, .glossaryHero hgroup body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat .gray_feat p.js-c, .gray_feat body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat #fcms_grid #fcms_select p.js-c, #fcms_grid #fcms_select body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat #ct_contact_content #ct_contact_grid .card a p.js-c, #ct_contact_content #ct_contact_grid .card a body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p.js-c, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p.js-c, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p.js-c, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat p.js-c.fs-20, body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat .faq-grid .faq-content details p.js-c, .faq-grid .faq-content details body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat .glossaryHero hgroup p.js-c, .glossaryHero hgroup body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat .gray_feat p.js-c, .gray_feat body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat #fcms_grid #fcms_select p.js-c, #fcms_grid #fcms_select body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat #ct_contact_content #ct_contact_grid .card a p.js-c, #ct_contact_content #ct_contact_grid .card a body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p.js-c, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p.js-c, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p.js-c, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat p.js-c, body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c.fs-20, body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid .faq-grid .faq-content details p.js-c, .faq-grid .faq-content details body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid .glossaryHero hgroup p.js-c, .glossaryHero hgroup body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid .gray_feat p.js-c, .gray_feat body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid #fcms_grid #fcms_select p.js-c, #fcms_grid #fcms_select body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid .card a p.js-c, #ct_contact_content #ct_contact_grid .card a body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p.js-c, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p.js-c, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p.js-c, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c.fs-20, body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid .faq-grid .faq-content details p.js-c, .faq-grid .faq-content details body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid .glossaryHero hgroup p.js-c, .glossaryHero hgroup body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid .gray_feat p.js-c, .gray_feat body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid #fcms_grid #fcms_select p.js-c, #fcms_grid #fcms_select body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid #ct_contact_content #ct_contact_grid .card a p.js-c, #ct_contact_content #ct_contact_grid .card a body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p.js-c, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p.js-c, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p.js-c, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid p.js-c, body.app #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review p.js-c.lh-24, body.app #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk body.app #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review p.js-c, body.app #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example body.app #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review p.js-c, body.app #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review #formContain p.js-c, #formContain body.app #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review p.js-c, body.app #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review p.js-c.tooltip:before, body.app #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review #mreq_table_grid #mreq_table_content p.js-c, body.app #mreq_table_grid #mreq_table_content #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review p.js-c, body.app #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review #opAcct_why_grid .opAcct_feat p.js-c, body.app #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review .four_col_feature .opAcct_feat p.js-c, body.app #opAcct_why_grid .opAcct_feat #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review p.js-c, body.app .four_col_feature .opAcct_feat #browse_contain #browse_content #browse_grid #of_review_contain #of_review_grid #of_review_grid_reviews .review p.js-c, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid p.js-c.lh-24, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid #ordersDefinitions .card .risk p.js-c, #ordersDefinitions .card .risk body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid p.js-c, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid #ordersDefinitions .card .example p.js-c, #ordersDefinitions .card .example body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid p.js-c, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid #formContain p.js-c, #formContain body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid p.js-c, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid p.js-c.tooltip:before, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid #mreq_table_grid #mreq_table_content p.js-c, body.app #mreq_table_grid #mreq_table_content #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid p.js-c, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid #opAcct_why_grid .opAcct_feat p.js-c, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid .four_col_feature .opAcct_feat p.js-c, body.app #opAcct_why_grid .opAcct_feat #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid p.js-c, body.app .four_col_feature .opAcct_feat #of_review_contain #of_review_grid #of_review_grid_reviews .review #browse_contain #browse_content #browse_grid p.js-c, body.app #browse_contain #browse_content #browse_grid #of_optimize_grid_outer #of_optimize_grid .content .cont p.js-c, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont #browse_contain #browse_content #browse_grid p.js-c, body.app #browse_contain #browse_content #browse_grid #of_tools_contain #tools_flex .tools_tool p.js-c.tools_tool_text, body.app #of_tools_contain #tools_flex .tools_tool #browse_contain #browse_content #browse_grid p.js-c.tools_tool_text {
    margin-bottom: 0;
  }
  body.app #browse_contain #browse_content #browse_grid ul.tiles {
    display: none;
  }
  body.app #browse_contain #browse_content #browse_grid #slide {
    display: none;
  }
  body.app #browse_contain #browse_content #browse_grid_bottom {
    padding-bottom: 2rem;
  }
  body.app #browse_contain #browse_content #browse_grid_bottom a {
    width: 100%;
    width: 100%;
    text-align: center;
    justify-content: center;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #browse_contain {
    background: #f9f9ff;
  }
}
body.app #mobile_contain #mobile_content #mobile_grid {
  grid-template-columns: 4fr 1fr;
  grid-template-rows: 1fr 6fr;
}
body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy {
  grid-column: 1/-1;
  grid-row: 2/3;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  background: #151516;
  border-radius: 0 1.5rem 1.5rem 0;
}
body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper {
  grid-column: 1/2;
  grid-row: 1/3;
  padding: 4rem 0 4rem 8rem;
}
body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper h2 {
  margin: 0 0 2rem 0;
}
body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option {
  margin: 0 0 1rem 0;
  padding: 0 0 0 4rem;
  position: relative;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
}
body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option:last-of-type {
  margin: 0;
}
body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option:before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0;
  display: block;
  width: 4rem;
  height: 4rem;
}
body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option#dev:before {
  background: url(../img/app/index/Mobile_Device.svg);
  background-size: auto 32px;
  background-repeat: no-repeat;
  background-position: center center;
}
body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option#free:before {
  background: url(../img/app/index/Optimus_LogoMark_White.png);
  background-size: 40px auto;
  background-repeat: no-repeat;
  background-position: top left;
}
body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option#web:before {
  background: url(../img/app/index/TradingView_LogoMark_White.png);
  background-size: 48px auto;
  background-repeat: no-repeat;
  background-position: 0.5rem left;
}
body.app #mobile_contain #mobile_content #mobile_grid img {
  grid-column: 2/3;
  grid-row: 1/3;
  z-index: 4;
  height: 560px;
  width: auto;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #mobile_contain {
    background: #151516;
  }
  body.app #mobile_contain #mobile_content {
    flex-direction: column;
    padding: 2rem 0;
  }
  body.app #mobile_contain #mobile_content #mobile_grid {
    grid-template-columns: 100%;
    grid-template-rows: unset;
    grid-auto-rows: auto;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy {
    grid-column: 1/-1;
    grid-row: 2;
    grid-template: unset;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper {
    grid-template: unset;
    padding: 0;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper h2 {
    grid-row: 2;
    text-align: center;
    margin: 2rem 0;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option {
    padding: 3rem 0 0 0;
    margin: 0 0 2rem 0;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 1rem);
    display: block;
    width: 32px;
    height: 32px;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option#dev:before {
    background: url(../img/app/index/Mobile_Device.svg);
    background-size: auto 32px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option#free:before {
    background: url(../img/app/index/Mobile_Access.svg);
    background-size: auto 32px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option#web:before {
    background: url(../img/app/index/Mobile_Time.svg);
    background-size: auto 32px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  body.app #mobile_contain #mobile_content #mobile_grid img {
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    height: auto;
    z-index: unset;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.app #mobile_contain {
    background: #151516;
    margin-top: 2rem;
  }
  body.app #mobile_contain #mobile_content {
    flex-direction: column;
    padding: 2rem 0;
  }
  body.app #mobile_contain #mobile_content #mobile_grid {
    grid-template-columns: 100%;
    grid-template-rows: unset;
    grid-auto-rows: auto;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy {
    grid-column: 1/-1;
    grid-row: 2;
    grid-template: unset;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper {
    grid-template: unset;
    padding: 0;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper h2 {
    grid-row: 2;
    text-align: center;
    margin: 2rem 0;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option {
    padding: 3rem 0 0 0;
    margin: 0 0 2rem 0;
    text-align: center;
    font-size: 20px;
    line-height: 28px;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option:before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(50% - 1rem);
    display: block;
    width: 32px;
    height: 32px;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option#dev:before {
    background: url(../img/app/index/Mobile_Device.svg);
    background-size: auto 32px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option#free:before {
    background: url(../img/app/index/Mobile_Access.svg);
    background-size: auto 32px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option#web:before {
    background: url(../img/app/index/Mobile_Time.svg);
    background-size: auto 32px;
    background-repeat: no-repeat;
    background-position: center center;
  }
  body.app #mobile_contain #mobile_content #mobile_grid img {
    grid-row: 1;
    grid-column: 1;
    height: 350px;
    width: auto;
    justify-self: center;
    z-index: unset;
  }
}
body.app #trade_content {
  justify-content: center;
  align-items: center;
}
body.app #trade_content #trade_grid {
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 2rem;
       column-gap: 2rem;
  row-gap: 4rem;
  grid-auto-rows: auto;
  justify-content: center;
}
body.app #trade_content #trade_grid h3 {
  grid-column: 1/-1;
  grid-row: 1;
  margin: 0;
}
body.app #trade_content #trade_grid .trade_copy {
  width: calc(100% - 6rem);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 24px;
}
body.app #trade_content #trade_grid .trade_copy .trade_img {
  display: flex;
  justify-content: center;
}
body.app #trade_content #trade_grid .trade_copy .trade_img img {
  width: auto;
  height: 60px;
}
body.app #trade_content #trade_grid .trade_copy h3 {
  margin: 0;
}
body.app #trade_content #trade_grid .trade_copy p {
  margin: 0;
}
body.app #trade_content #trade_grid .trade_copy#basic {
  grid-column: 2/3;
  grid-row: 3;
  padding: 0 3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 12px;
}
body.app #trade_content #trade_grid .trade_copy#basic .trade_img img {
  width: 100px;
  height: auto;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #trade_content #trade_grid {
    grid-template-columns: 100%;
    gap: 2rem;
  }
  body.app #trade_content #trade_grid h3 {
    grid-column: 1;
    grid-row: 1;
  }
  body.app #trade_content #trade_grid .trade_copy {
    width: 100%;
  }
  body.app #trade_content #trade_grid .trade_copy#trust {
    grid-column: 1;
    grid-row: 2;
  }
  body.app #trade_content #trade_grid .trade_copy#protection {
    grid-column: 1;
    grid-row: 3;
  }
  body.app #trade_content #trade_grid .trade_copy#privacy {
    grid-column: 1;
    grid-row: 4;
  }
  body.app #trade_content #trade_grid .trade_copy#basic {
    grid-column: 1;
    grid-row: 5;
  }
}
body.app #edu_contain #edu_content #edu_grid {
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  gap: 2rem;
}
body.app #edu_contain #edu_content #edu_grid h3 {
  grid-row: 1;
  grid-column: 1/-1;
}
body.app #edu_contain #edu_content #edu_grid p {
  grid-row: 2;
  grid-column: 1/-1;
  width: 60%;
  margin: 0 0 2rem 0;
}
body.app #edu_contain #edu_content #edu_grid .card {
  border-radius: 0.5rem;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 24px;
  cursor: pointer;
}
body.app #edu_contain #edu_content #edu_grid .card p {
  margin: 0;
}
body.app #edu_contain #edu_content #edu_grid .card#learn {
  grid-column: 1;
  grid-row: 3/4;
  background: #1e285f url(../img/app/index/Edu_Learn.png) right center no-repeat;
  background-size: cover;
}
body.app #edu_contain #edu_content #edu_grid .card#learn p {
  color: #84a6ff;
}
body.app #edu_contain #edu_content #edu_grid .card#updates {
  grid-column: 1;
  grid-row: 4/5;
  background: #4ac3ca url(../img/app/index/Edu_Updates.png) right center no-repeat;
  background-size: cover;
}
body.app #edu_contain #edu_content #edu_grid .card#updates p {
  color: #65ffc8;
}
body.app #edu_contain #edu_content #edu_grid .card#blog {
  grid-column: 2;
  grid-row: 3/5;
  background: #3f74fe url(../img/app/index/Edu_Blog.png) right center no-repeat;
  background-size: cover;
  justify-content: flex-start;
}
body.app #edu_contain #edu_content #edu_grid .card#tradeBlog {
  grid-column: 1;
  grid-row: 3/5;
  background: #3f74fe;
  background-size: cover;
  justify-content: flex-start;
}
body.app #edu_contain #edu_content #edu_grid .card#of_learn {
  grid-column: 1;
  grid-row: 3/4;
  background: #2a861b url(../img/app/optimusFlow/flow_Edu_Learn.png) right center no-repeat;
  background-size: cover;
}
body.app #edu_contain #edu_content #edu_grid .card#of_learn p {
  color: #51b848;
}
body.app #edu_contain #edu_content #edu_grid .card#of_guide {
  grid-column: 1;
  grid-row: 4/5;
  background: #3f74fe url(../img/app/optimusFlow/flow_Edu_Guide.png) right center no-repeat;
  background-size: cover;
}
body.app #edu_contain #edu_content #edu_grid .card#of_guide p {
  color: #84a6ff;
}
body.app #edu_contain #edu_content #edu_grid .card#of_updates {
  grid-column: 2;
  grid-row: 3/5;
  background: #ccc112 url(../img/app/optimusFlow/flow_Edu_Updates.png) right center no-repeat;
  background-size: cover;
  justify-content: flex-start;
}
body.app #edu_contain #edu_content #edu_grid .card#of_updates p {
  color: #a99e08;
}
body.app #edu_contain #edu_content #edu_dyn_grid {
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto;
  row-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_hdr {
  grid-row: 1;
}
body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_hdr h3 {
  color: #151516;
}
body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_video {
  grid-row: 2;
  row-gap: 2rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_video h3 {
  grid-row: 1;
  grid-column: 1/3;
  color: #151516;
}
body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_video p {
  color: #151516;
}
body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_video a#va {
  grid-row: 1;
  grid-column: 3/4;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_video a#va i {
  margin-left: 0.5rem;
  color: #151516;
}
body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_video .videoContentWrap {
  height: 250px;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: left center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  border-radius: 1rem;
}
body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_video .videoContentWrap p {
  margin: 0;
  padding: 1rem;
  background: #151516;
  border-radius: 0 0 1rem 1rem;
}
body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_video .videoContentWrap p a {
  display: grid;
  grid-template-columns: auto 48px;
  gap: 0.5rem;
  color: #ffffff;
  font-family: "DM Sans", sans-serif;
}
body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_video .videoContentWrap p i {
  grid-column: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  grid-column: 2;
  color: #ffffff;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card {
  border-radius: 0.5rem;
  padding: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  cursor: pointer;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card p {
  margin: 0;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card#community {
  grid-column: 1/2;
  background: #3f74fe url(../img/app/index/Edu_Blog.png) right center no-repeat;
  background-size: cover;
  justify-content: flex-start;
  height: 100%;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog {
  grid-column: 2/4;
  background: #ffffff;
  height: 100%;
  border-radius: 1rem;
  padding: 2rem;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog h3 {
  grid-row: 1;
  grid-column: 1/3;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog a#vab {
  grid-row: 1;
  grid-column: 3/4;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog a#vab i {
  margin-left: 0.5rem;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap {
  width: 100%;
  background-image: url(../img/app/index/Optimus_LogoMark_Color.svg);
  background-size: auto 80px;
  background-repeat: no-repeat;
  background-position: 16px center;
  padding: 1rem 1rem 1rem 7.5rem;
  border: 1px solid #3f74fe;
  border-radius: 1rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0.5rem;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap p {
  flex: 0 0 100%;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap p.meta {
  font-family: "DM Sans", sans-serif;
  color: #151516;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap p.meta span.cat {
  background: #6e59f2;
  padding: 0.25rem 0.5rem;
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
  margin-right: 1rem;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap p.title a {
  font-family: "DM Sans", sans-serif;
  color: #151516;
  transition: all 250ms ease-in;
}
body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap p.title a:hover {
  color: #2a3584;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #edu_contain #edu_content #edu_grid {
    grid-template-columns: 100%;
  }
  body.app #edu_contain #edu_content #edu_grid .card {
    padding: 4rem 2rem;
  }
  body.app #edu_contain #edu_content #edu_grid .card#blog, body.app #edu_contain #edu_content #edu_grid .card#of_learn {
    grid-column: 1/-1;
    grid-row: 3;
  }
  body.app #edu_contain #edu_content #edu_grid .card#learn, body.app #edu_contain #edu_content #edu_grid .card#of_guide {
    grid-column: 1/-1;
    grid-row: 4;
    background-size: cover;
  }
  body.app #edu_contain #edu_content #edu_grid .card#updates, body.app #edu_contain #edu_content #edu_grid .card#of_updates {
    grid-column: 1/-1;
    grid-row: 5;
    background-size: cover;
  }
  body.app #edu_contain #edu_content #edu_grid .card#dynBlog {
    grid-column: 1/-1;
    grid-row: 3;
    padding: 2rem;
  }
  body.app #edu_contain #edu_content #edu_grid .card#dynBlog h3 {
    grid-row: 1;
    grid-column: 1/-1;
  }
  body.app #edu_contain #edu_content #edu_grid .card#dynBlog a#vab {
    grid-row: 1;
    grid-column: 3/4;
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
  body.app #edu_contain #edu_content #edu_grid .card#dynBlog a#vab i {
    margin-left: 0.5rem;
  }
  body.app #edu_contain #edu_content #edu_dyn_grid {
    grid-template-columns: 100%;
  }
  body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog {
    grid-column: 1/-1;
    grid-row: 6;
    padding: 0;
  }
  body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog .wFull.d-flex.jc-sb {
    flex-direction: column;
    align-items: start;
  }
  body.app #edu_contain #edu_content #edu_dyn_video .fw.d-flex.jc-sb {
    flex-direction: column;
    align-items: start;
  }
}
body.app #of_tools_contain {
  margin-bottom: 6rem;
}
body.app #of_tools_contain #tools_flex {
  padding: 4rem;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
  justify-content: center;
}
body.app #of_tools_contain #tools_flex #tools_hdr {
  flex: 0 0 100%;
}
body.app #of_tools_contain #tools_flex .tools_tool {
  width: 150px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
body.app #of_tools_contain #tools_flex .tools_tool .tools_tool_icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
  border-radius: 0.5rem;
  background: #ffffff;
  aspect-ratio: 1/1;
  width: 100px;
}
body.app #of_tools_contain #tools_flex .tools_tool .tools_tool_icon img {
  width: 100%;
  height: auto;
}
body.app #of_tools_contain #tools_flex .tools_tool .tools_tool_text {
  text-align: center;
  font-family: "DM Sans", sans-serif;
  color: #151516;
}
body.app #of_tools_contain #tools_flex .tools_tool .tools_tool_text span {
  font-weight: 400;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #of_tools_contain {
    margin-bottom: 6rem;
  }
  body.app #of_tools_contain #tools_flex {
    padding: 2rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.app #of_tools_contain #tools_flex .tools_tool {
    width: calc(25% - 2rem);
  }
}
body.app #of_features_content {
  flex-direction: column;
  gap: 32px;
}
body.app #of_features_content #of_features_grid {
  grid-template-columns: 1fr 3fr;
  grid-auto-rows: auto;
  gap: 2rem;
  width: 100%;
  align-items: flex-start;
}
body.app #of_features_content #of_features_grid ul.switch {
  grid-column: 1/-1;
}
body.app #of_features_content #of_features_grid #of_features_switch_nav {
  width: 100%;
  display: flex;
  justify-content: center;
  grid-row: 2;
  grid-column: 1;
  flex-direction: row;
  flex-wrap: wrap;
}
body.app #of_features_content #of_features_grid #of_features_switch_nav .switch_wrap_tiles {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 2rem;
  align-items: center;
  justify-items: center;
  transition: opacity 250ms ease-in;
  display: none;
}
body.app #of_features_content #of_features_grid #of_features_switch_nav .switch_wrap_tiles.active {
  width: 100%;
  height: auto;
  display: block;
  opacity: 1;
}
body.app #of_features_content #of_features_grid #of_features_switch_nav .switch_wrap_tiles ul.tiles {
  width: 100%;
  flex-wrap: wrap;
}
body.app #of_features_content #of_features_grid #of_features_switch_nav .switch_wrap_tiles ul.tiles li {
  flex: 0 0 calc(50% - 8px);
  aspect-ratio: 1.25/1;
}
body.app #of_features_content #of_features_grid #of_features_switch_nav .switch_wrap_tiles ul.tiles li a {
  background: #f9f9ff;
}
body.app #of_features_content #of_features_grid #of_features_switch_nav .switch_wrap_tiles ul.tiles li a.active {
  background: #ffffff;
}
body.app #of_features_content #of_features_grid #of_features_switch_nav .switch_wrap_tiles ul.tiles#WIATiles li {
  aspect-ratio: unset;
}
body.app #of_features_content #of_features_grid #of_features_switch_content {
  grid-column: 2;
  grid-row: 2;
  width: 100%;
  justify-content: center;
  align-items: flex-start;
  height: 580px;
}
body.app #of_features_content #of_features_grid #of_features_switch_content .feat_tile_content {
  display: none;
  grid-template-columns: 60% 40%;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  overflow: hidden;
  height: 100%;
  overflow: hidden;
}
body.app #of_features_content #of_features_grid #of_features_switch_content .feat_tile_content img {
  width: 100%;
  height: auto;
}
body.app #of_features_content #of_features_grid #of_features_switch_content .feat_tile_content.active {
  display: flex;
}
body.app #of_features_content #of_features_grid #of_features_switch_content .video {
  aspect-ratio: 16/9;
  width: 100%;
}
body.app #of_features_content #of_features_grid.single {
  grid-template-columns: 100%;
  justify-content: center;
}
@media only screen and (max-width: 200px) {
  body.app #of_features_content {
    gap: 1rem;
  }
  body.app #of_features_content #of_features_grid {
    grid-template-columns: 100%;
    grid-template-rows: max-content max-content max-content;
  }
  body.app #of_features_content #of_features_grid ul#of_features_cat {
    flex-wrap: wrap;
    gap: 1rem;
    grid-row: 1;
  }
  body.app #of_features_content #of_features_grid #of_features_switch_nav {
    grid-row: 2;
  }
  body.app #of_features_content #of_features_grid #of_features_switch_nav .switch_wrap_tiles ul.tiles li {
    flex: 0 0 calc(49% - 8px);
  }
  body.app #of_features_content #of_features_grid #of_features_switch_content {
    grid-row: 3;
    grid-column: 1;
    height: 150px;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #of_features_content {
    gap: 1rem;
  }
  body.app #of_features_content #of_features_grid {
    grid-template-columns: 100%;
    grid-template-rows: max-content max-content max-content;
  }
  body.app #of_features_content #of_features_grid ul#of_features_cat {
    flex-wrap: wrap;
    gap: 1rem;
    grid-row: 1;
  }
  body.app #of_features_content #of_features_grid #of_features_switch_nav {
    grid-row: 2;
  }
  body.app #of_features_content #of_features_grid #of_features_switch_nav .switch_wrap_tiles ul.tiles li {
    flex: 0 0 calc(32% - 8px);
  }
  body.app #of_features_content #of_features_grid #of_features_switch_content {
    grid-row: 3;
    grid-column: 1;
    height: 300px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.app #of_features_content {
    gap: 1rem;
  }
  body.app #of_features_content #of_features_grid {
    grid-template-columns: 100%;
    grid-template-rows: max-content max-content max-content;
  }
  body.app #of_features_content #of_features_grid ul#of_features_cat {
    flex-wrap: wrap;
    gap: 1rem;
    grid-row: 1;
  }
  body.app #of_features_content #of_features_grid #of_features_switch_nav {
    grid-row: 2;
  }
  body.app #of_features_content #of_features_grid #of_features_switch_nav .switch_wrap_tiles ul.tiles li {
    flex: 0 0 calc(24% - 8px);
    aspect-ratio: inherit;
  }
  body.app #of_features_content #of_features_grid #of_features_switch_content {
    grid-row: 3;
    grid-column: 1;
    height: 500px;
  }
}
body.app #of_optimize_grid_outer {
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 2rem;
}
body.app #of_optimize_grid_outer h2,
body.app #of_optimize_grid_outer img {
  grid-column: 1/-1;
}
body.app #of_optimize_grid_outer h2 {
  grid-row: 1;
}
body.app #of_optimize_grid_outer img {
  grid-row: 3;
}
body.app #of_optimize_grid_outer #of_optimize_grid {
  grid-template-columns: 1fr 3fr;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
body.app #of_optimize_grid_outer #of_optimize_grid .list {
  grid-column: 1;
  position: relative;
}
body.app #of_optimize_grid_outer #of_optimize_grid .list ul.switch {
  position: sticky;
  top: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
body.app #of_optimize_grid_outer #of_optimize_grid .list ul.switch li {
  width: 100%;
}
body.app #of_optimize_grid_outer #of_optimize_grid .list ul.switch li a {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  background: #f9f9ff;
  border-radius: 0.5rem;
  padding: 0.75rem 1rem;
  color: #151516;
  transition: background 250ms ease-in-out;
}
body.app #of_optimize_grid_outer #of_optimize_grid .list ul.switch li a:hover {
  background: rgba(63, 116, 254, 0.5);
}
body.app #of_optimize_grid_outer #of_optimize_grid .list ul.switch li a.current {
  background: #3f74fe;
  color: #ffffff;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content {
  grid-column: 2/3;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont {
  display: none;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont .imgCont {
  grid-column: 1/-1;
  height: 300px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: center top;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  gap: 16px;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont ul li {
  color: #424762;
  flex: 0 0 50%;
  text-indent: -1.875rem;
  padding-left: 1.5rem;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont ul li:before {
  content: "";
  display: inline-block;
  width: 1.375rem;
  height: 1.375rem;
  background: url(../img/app/black_check.svg) left bottom no-repeat;
  background-size: auto 18px;
  margin-right: 0.5rem;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active {
  display: block;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active img {
  grid-column: 1/-1;
  grid-row: 1;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active h3 {
  grid-column: 1/-1;
  color: #3f74fe;
  margin: 2rem 0 1rem 0;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active h3 + p {
  margin: 0;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active p strong {
  display: block;
  margin-bottom: 1rem;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active ul {
  margin-top: 1rem;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#CI {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#CI div.left {
  grid-column: 1/3;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#CI div.left ul {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#CI div.left ul li {
  display: unset;
  flex: unset;
  width: 100%;
  padding: 0 0 0 2rem;
  color: #2a3584;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#CI div.left ul li:before {
  width: 1.5rem;
  background: url(../img/app/index/circle_check_blue.svg) left center no-repeat;
  background-size: contain;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#CI div.left .icons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#CI div.right {
  grid-column: 3/5;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#OFT #oft_icons, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#VAT #oft_icons {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 1rem;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#OFT #oft_icons div, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#VAT #oft_icons div {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#OFT #oft_icons div img, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#VAT #oft_icons div img {
  height: 4rem;
  width: auto;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#OFT #oft_icons div p, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#VAT #oft_icons div p {
  margin: 0;
}
body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#ID, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#TE, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#AL, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#OFT, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#ST, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#TJ {
  display: grid;
}
@media only screen and (max-width: 200px) {
  body.app #of_optimize_grid_outer #of_optimize_grid {
    grid-template-columns: 100%;
  }
  body.app #of_optimize_grid_outer #of_optimize_grid .list ul.switch {
    top: 0;
    position: inherit;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
  }
  body.app #of_optimize_grid_outer #of_optimize_grid .list ul.switch li {
    width: calc(50% - 0.25rem);
  }
  body.app #of_optimize_grid_outer #of_optimize_grid .content {
    grid-column: 1;
  }
  body.app #of_optimize_grid_outer #of_optimize_grid .content .imgCont {
    display: none;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #of_optimize_grid_outer #of_optimize_grid {
    grid-template-columns: 100%;
    gap: 1rem;
  }
  body.app #of_optimize_grid_outer #of_optimize_grid .list ul.switch {
    top: 0;
    position: inherit;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-start;
  }
  body.app #of_optimize_grid_outer #of_optimize_grid .list ul.switch li {
    width: calc(50% - 0.25rem);
  }
  body.app #of_optimize_grid_outer #of_optimize_grid .list ul.switch li a {
    font-size: 1rem !important;
    padding: 0.75rem;
  }
  body.app #of_optimize_grid_outer #of_optimize_grid .content {
    grid-column: 1;
  }
  body.app #of_optimize_grid_outer #of_optimize_grid .content .cont {
    grid-column: 1;
  }
  body.app #of_optimize_grid_outer #of_optimize_grid .content .cont .imgCont {
    height: 250px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.app #of_optimize_grid_outer #of_optimize_grid .content .cont .imgCont {
    height: 250px;
  }
}
body.app #exchange_logo_contain #exchange_logo_content img {
  width: auto;
  height: 30px;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #exchange_logo_contain #exchange_logo_content {
    flex-direction: column;
    gap: 1rem;
  }
}
body.app #of_logo_contain #of_logo_content img {
  flex: 0 0 auto;
  -o-object-fit: contain;
     object-fit: contain;
}
body.app #of_review_contain #of_review_grid {
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: 1fr max-content 75px;
  width: 100%;
  row-gap: 32px;
}
body.app #of_review_contain #of_review_grid #of_review_grid_copy {
  background: #f9f9ff;
  border-radius: 1.5rem 0 0 1.5rem;
  grid-row: 1/4;
  grid-column: 3/-1;
  display: grid;
  grid-template-columns: subgrid;
  grid-template-rows: subgrid;
  padding: 3rem 4rem;
}
body.app #of_review_contain #of_review_grid #of_review_grid_copy #of_review_grid_hdr {
  display: grid;
  grid-column: 1/-1;
  grid-row: 1;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1;
  gap: 16px;
}
body.app #of_review_contain #of_review_grid #of_review_grid_copy #of_review_grid_hdr h2 {
  grid-column: 1;
  grid-row: 1;
}
body.app #of_review_contain #of_review_grid #of_review_grid_copy #of_review_grid_hdr div {
  grid-column: 2;
  grid-row: 1;
}
body.app #of_review_contain #of_review_grid #of_review_grid_reviews {
  z-index: 4;
  grid-row: 2/3;
  grid-column: 1/-1;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 32px;
}
body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review {
  flex: 0 0 calc(33% - 1rem);
  padding: 2rem;
  background: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 5.37454px 19.34833px 40.84647px -11.82398px rgba(47, 50, 68, 0.4);
  display: flex;
  flex-direction: column;
  gap: 32px;
}
body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review .stars {
  color: #3f74fe;
}
body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review p {
  color: #151516;
  margin: 0;
}
body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review p.from {
  color: #151516;
}
body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review p.from span {
  display: block;
  font-weight: normal;
  color: #424762;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #of_review_contain #of_review_grid {
    grid-template-columns: 1fr;
    grid-template-rows: inherit;
  }
  body.app #of_review_contain #of_review_grid #of_review_grid_reviews {
    flex-direction: column;
    z-index: inherit;
    grid-row: inherit;
    grid-column: inherit;
  }
  body.app #of_review_contain #of_review_grid #of_review_grid_copy {
    grid-column: 1;
    grid-row: 1;
    padding: 0;
  }
  body.app #of_review_contain #of_review_grid #of_review_grid_copy #of_review_grid_hdr {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
  body.app #of_review_contain #of_review_grid #of_review_grid_copy #of_review_grid_hdr h2 {
    grid-row: 1;
    text-align: center;
  }
  body.app #of_review_contain #of_review_grid #of_review_grid_copy #of_review_grid_hdr div {
    flex-direction: column;
    gap: 1rem;
    grid-column: 1;
    grid-row: 2;
  }
  body.app #of_review_contain #of_review_grid #of_review_grid_copy #of_review_grid_hdr div a {
    width: 100%;
  }
  body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review {
    flex: 0 0 calc(33% - 1rem);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.app #of_review_contain #of_review_grid #of_review_grid_copy #of_review_grid_hdr {
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
  }
  body.app #of_review_contain #of_review_grid #of_review_grid_copy #of_review_grid_hdr h2 {
    grid-row: 1;
  }
  body.app #of_review_contain #of_review_grid #of_review_grid_copy #of_review_grid_hdr div {
    grid-column: 1;
    grid-row: 2;
  }
  body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review {
    flex: 0 0 calc(33% - 1rem);
  }
}
body.app #opAcct_fund_grid {
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
body.app #opAcct_fund_grid #opAcct_fund_hdr {
  width: 100%;
  grid-column: 1/-1;
  grid-row: 1;
}
body.app #opAcct_fund_grid #opAcct_fund_hdr p {
  width: 80%;
}
body.app #opAcct_fund_grid div img {
  width: 100%;
  height: auto;
}
body.app #opAcct_fund_grid div ol {
  list-style: none;
  counter-reset: my-awesome-counter;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  margin: 0;
  padding: 0;
}
body.app #opAcct_fund_grid div ol li {
  counter-increment: my-awesome-counter;
  display: flex;
  flex-direction: row;
  width: 80%;
  flex-wrap: wrap;
  font-size: 1.125rem;
  color: #424762;
}
body.app #opAcct_fund_grid div ol li span {
  flex: 0 0 90%;
  color: #151516;
}
body.app #opAcct_fund_grid div ol li span strong {
  display: block;
}
body.app #opAcct_fund_grid div ol li:before {
  width: 10%;
  content: counter(my-awesome-counter);
  font-weight: bold;
  font-size: 4rem;
  line-height: 1;
  color: #3f74fe;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #opAcct_fund_grid {
    grid-template-columns: 100%;
  }
  body.app #opAcct_fund_grid #opAcct_fund_hdr p {
    width: 100%;
  }
  body.app #opAcct_fund_grid div ol {
    flex-direction: column;
    flex-wrap: nowrap;
    width: 100%;
    gap: 1rem;
  }
  body.app #opAcct_fund_grid div ol li {
    display: flex;
    flex-wrap: nowrap;
    gap: 1rem;
    width: 100%;
  }
}
body.app #opAcct_apply_grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #opAcct_apply_grid {
    grid-template-columns: 100%;
  }
}
body.app #opAcct_why_grid, body.app .four_col_feature {
  grid-template-columns: 1fr 1fr 1fr;
  row-gap: 4rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
body.app #opAcct_why_grid #opAcct_why_hdr, body.app #opAcct_why_grid .four_col_feature .three_col_feature_hdr, body.app .four_col_feature #opAcct_why_grid .three_col_feature_hdr, body.app .four_col_feature #opAcct_why_hdr, body.app .four_col_feature .three_col_feature_hdr {
  grid-column: 1/-1;
  flex-wrap: wrap;
}
body.app #opAcct_why_grid #opAcct_why_hdr h2, body.app #opAcct_why_grid .four_col_feature .three_col_feature_hdr h2, body.app .four_col_feature #opAcct_why_grid .three_col_feature_hdr h2, body.app .four_col_feature #opAcct_why_hdr h2, body.app .four_col_feature .three_col_feature_hdr h2 {
  flex: 0 0 100%;
}
body.app #opAcct_why_grid #opAcct_why_hdr p, body.app #opAcct_why_grid .four_col_feature .three_col_feature_hdr p, body.app .four_col_feature #opAcct_why_grid .three_col_feature_hdr p, body.app .four_col_feature #opAcct_why_hdr p, body.app .four_col_feature .three_col_feature_hdr p {
  flex: 0 0 60%;
}
body.app #opAcct_why_grid .opAcct_feat, body.app .four_col_feature .opAcct_feat {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1rem;
}
body.app #opAcct_why_grid .opAcct_feat img, body.app .four_col_feature .opAcct_feat img {
  width: 54px;
  height: auto;
  margin: 0;
}
body.app #opAcct_why_grid .opAcct_feat h4, body.app .four_col_feature .opAcct_feat h4 {
  color: #151516;
  margin: 0;
}
body.app #opAcct_why_grid .opAcct_feat p, body.app .four_col_feature .opAcct_feat p {
  color: #424762;
  margin: 0;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #opAcct_why_grid, body.app .four_col_feature {
    grid-template-columns: 1fr 1fr;
    row-gap: 2rem;
  }
  body.app #opAcct_why_grid #opAcct_why_hdr p, body.app #opAcct_why_grid .four_col_feature .three_col_feature_hdr p, body.app .four_col_feature #opAcct_why_grid .three_col_feature_hdr p, body.app .four_col_feature #opAcct_why_hdr p, body.app .four_col_feature .three_col_feature_hdr p {
    flex: 0 0 100%;
  }
  body.app #opAcct_why_grid .opAcct_feat, body.app .four_col_feature .opAcct_feat {
    align-items: center;
  }
  body.app #opAcct_why_grid .opAcct_feat i, body.app .four_col_feature .opAcct_feat i,
  body.app #opAcct_why_grid .opAcct_feat h4,
  body.app .four_col_feature .opAcct_feat h4,
  body.app #opAcct_why_grid .opAcct_feat p,
  body.app .four_col_feature .opAcct_feat p {
    text-align: center;
  }
  body.app #opAcct_why_grid .opAcct_feat img, body.app .four_col_feature .opAcct_feat img {
    height: 3rem;
    width: auto;
  }
}
body.app .four_col_feature {
  grid-template-columns: repeat(4, 1fr);
}
body.app .four_col_feature .opAcct_feat i {
  color: #3f74fe;
}
body.app #mcr_fund_grid {
  grid-template-columns: 1.5fr 1fr;
  row-gap: 48px;
  -moz-column-gap: 32px;
       column-gap: 32px;
  justify-content: center;
}
body.app #mcr_fund_grid #mcr_fund_hdr {
  width: 100%;
  grid-column: 1/-1;
  grid-row: 1;
}
body.app #mcr_fund_grid #mcr_fund_hdr h2 {
  width: 50%;
}
body.app #mcr_fund_grid div img {
  width: 100%;
  height: auto;
}
body.app #mcr_fund_grid div ul {
  list-style: none;
  height: 100%;
  width: 80%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-around;
  margin: 0;
  padding: 0;
}
body.app #mcr_fund_grid div ul li {
  display: block;
  position: relative;
  padding-left: 36px;
  font-size: 1.125rem;
  color: #424762;
}
body.app #mcr_fund_grid div ul li span {
  display: block;
  font-weight: 600;
  color: #3f74fe;
}
body.app #mcr_fund_grid div ul li:before {
  content: "";
  display: block;
  background: url(../img/app/index/circle_check_black.svg) left top no-repeat;
  background-size: auto 24px;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 4px;
  left: 0;
}
@media only screen and (max-width: 200px) {
  body.app #mcr_fund_grid {
    grid-template-columns: 100%;
    row-gap: 2rem;
  }
  body.app #mcr_fund_grid #mcr_fund_hdr h2 {
    width: 100%;
  }
  body.app #mcr_fund_grid div ul {
    gap: 1rem;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #mcr_fund_grid {
    row-gap: 2rem;
    grid-template-columns: 100%;
  }
  body.app #mcr_fund_grid #mcr_fund_hdr h2 {
    width: 100%;
  }
  body.app #mcr_fund_grid div ul {
    gap: 1rem;
  }
}
body.app #mcr_emini_grid {
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  row-gap: 4rem;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
body.app #mcr_emini_grid #mcr_emini_hdr {
  grid-column: 1/-1;
  flex-wrap: wrap;
}
body.app #mcr_emini_grid #mcr_emini_hdr h2 {
  flex: 0 0 50%;
}
body.app #mcr_emini_grid #mcr_emini_hdr p {
  flex: 0 0 55%;
}
@media only screen and (max-width: 200px) {
  body.app #mcr_emini_grid {
    grid-template-columns: 1fr;
    row-gap: 0;
  }
  body.app #mcr_emini_grid #mcr_emini_hdr h2,
  body.app #mcr_emini_grid #mcr_emini_hdr p {
    flex: 0 0 100%;
  }
  body.app #mcr_emini_grid .card {
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 0.5rem;
  }
  body.app #mcr_emini_grid .card img {
    width: 2.5rem;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  body.app #mcr_emini_grid .card h3 {
    flex: 1;
  }
  body.app #mcr_emini_grid .card p {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #mcr_emini_grid {
    row-gap: 2rem;
    grid-template-columns: 1fr;
  }
  body.app #mcr_emini_grid #mcr_emini_hdr h2,
  body.app #mcr_emini_grid #mcr_emini_hdr p {
    flex: 0 0 100%;
  }
  body.app #mcr_emini_grid .card {
    flex-direction: row;
    flex-wrap: wrap;
    row-gap: 0.5rem;
    align-items: flex-start;
  }
  body.app #mcr_emini_grid .card img {
    width: 3rem;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  body.app #mcr_emini_grid .card h3 {
    flex: 1;
  }
  body.app #mcr_emini_grid .card p {
    flex: 0 0 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  body.app #mcr_emini_grid #mcr_emini_hdr h2,
  body.app #mcr_emini_grid #mcr_emini_hdr p {
    flex: 0 0 100%;
  }
}
body.app #mcr_contracts_contain {
  padding: 4rem;
}
body.app #mcr_contracts_contain #mcr_contracts_grid {
  width: 100%;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
body.app #mcr_contracts_contain #mcr_contracts_grid #mcr_contracts_hdr {
  grid-column: 1/-1;
  flex-wrap: wrap;
}
body.app #mcr_contracts_contain #mcr_contracts_grid #mcr_contracts_hdr h2 {
  flex: 0 0 50%;
}
body.app #mcr_contracts_contain #mcr_contracts_grid #mcr_contracts_hdr p {
  flex: 0 0 100%;
}
body.app #mcr_contracts_contain #mcr_contracts_grid .feat {
  padding: 2rem;
  border-radius: 0.5rem;
  border: 1px solid #3f74fe;
}
body.app #mcr_contracts_contain #mcr_contracts_grid .feat h3 a {
  display: block;
}
body.app #mcr_contracts_contain #mcr_contracts_grid .feat h3 a i {
  margin-left: 0.5rem;
  font-size: 24px;
}
body.app #mcr_contracts_contain #mcr_contracts_grid .feat h3 a:hover {
  cursor: pointer;
}
body.app #mcr_contracts_contain #mcr_contracts_grid .feat.main {
  background: #3f74fe;
}
body.app #mcr_contracts_contain #mcr_contracts_grid .feat.main ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 2rem;
}
body.app #mcr_contracts_contain #mcr_contracts_grid .feat.main ul li {
  display: flex;
  align-items: center;
  padding: 1.5rem;
  background: #ffffff;
  border-radius: 0.5rem;
  color: #2a3584;
}
body.app #mcr_contracts_contain #mcr_contracts_grid .feat.main ul li:before {
  content: "";
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../img/app/black_ro_check.svg) center center no-repeat;
  background-size: 90% auto;
  margin-right: 0.5rem;
}
body.app #mcr_contracts_contain #mcr_contracts_grid .feat.main ul li:before svg {
  fill: #2a3584;
}
body.app #mcr_contracts_contain #mcr_contracts_grid .feat ul.whiteCheck {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
body.app #mcr_contracts_contain #mcr_contracts_grid .feat ul.whiteCheck li {
  flex: 0 0 50%;
}
@media only screen and (max-width: 200px) {
  body.app #mcr_contracts_contain {
    padding: 2rem;
  }
  body.app #mcr_contracts_contain #mcr_contracts_grid {
    grid-template-columns: 100%;
  }
  body.app #mcr_contracts_contain #mcr_contracts_grid #mcr_contracts_hdr h2 {
    flex: 0 0 100%;
  }
  body.app #mcr_contracts_contain #mcr_contracts_grid .feat.main ul li {
    padding: 1rem;
    gap: 0.5rem;
    flex: 0 0 100%;
  }
  body.app #mcr_contracts_contain #mcr_contracts_grid .feat.main ul li:before {
    margin: 0;
    min-width: 24px;
    background-size: 24px 24px;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #mcr_contracts_contain {
    padding: 2rem;
  }
  body.app #mcr_contracts_contain #mcr_contracts_grid {
    grid-template-columns: 100%;
  }
  body.app #mcr_contracts_contain #mcr_contracts_grid #mcr_contracts_hdr h2 {
    flex: 0 0 100%;
  }
}
body.app #pricing_bp_grid {
  justify-items: center;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
body.app #pricing_bp_grid h2 {
  grid-column: 1/-1;
  width: 60%;
}
body.app #pricing_bp_grid .l-col,
body.app #pricing_bp_grid .r-col {
  width: 100%;
}
body.app #pricing_bp_grid .card h3 {
  color: #3f74fe;
}
body.app #pricing_bp_grid .card ul.blackCheck li:before {
  background: url(../img/app/black_check.svg) center center no-repeat;
}
body.app #pricing_bp_grid .card ul.blackCheck li span {
  margin-left: auto;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #pricing_bp_grid {
    grid-template-columns: 100%;
  }
}
body.app #pricing_cr_grid {
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 2rem;
}
body.app #pricing_cr_grid .pricing_cr_hdr {
  flex-wrap: wrap;
}
body.app #pricing_cr_grid .pricing_cr_hdr h2 {
  width: 50%;
}
body.app #pricing_cr_grid .pricing_cr_hdr h3 {
  width: 50%;
}
body.app #pricing_cr_grid .pricing_cr_hdr p {
  width: 55%;
}
body.app #pricing_cr_grid #pricing_cr_calc {
  background: #151516;
  border-radius: 0.5rem;
  padding: 2rem;
  flex-direction: row;
  margin-bottom: 4rem;
}
body.app #pricing_cr_grid #pricing_cr_calc div {
  display: flex;
  flex-direction: column;
  flex: 0 0 30%;
  padding: 0 0 0 3rem;
  gap: 2rem;
}
body.app #pricing_cr_grid #pricing_cr_calc div:first-of-type {
  flex: 0 0 40%;
  padding: 0 3rem 0 0;
  border-right: 1px solid #ffffff;
}
body.app #pricing_cr_grid #pricing_cr_calc div p {
  margin: 0;
  font-variant-numeric: tabular-nums;
}
body.app #pricing_cr_grid #pricing_cr_calc div form ul {
  margin: 0;
  padding: 0;
  width: 100%;
}
body.app #pricing_cr_grid #pricing_cr_calc div form ul li select#trades {
  font-weight: normal;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #pricing_cr_grid .pricing_cr_hdr {
    flex-wrap: wrap;
  }
  body.app #pricing_cr_grid .pricing_cr_hdr h2,
  body.app #pricing_cr_grid .pricing_cr_hdr h3,
  body.app #pricing_cr_grid .pricing_cr_hdr p {
    width: 100%;
  }
  body.app #pricing_cr_grid #pricing_cr_calc {
    gap: 2rem;
    flex-wrap: wrap;
  }
  body.app #pricing_cr_grid #pricing_cr_calc div {
    display: flex;
    flex-direction: column;
    flex: inherit;
    flex: 0 0 calc(50% - 1rem);
    padding: 0;
    gap: 1rem;
  }
  body.app #pricing_cr_grid #pricing_cr_calc div:first-of-type {
    flex: 0 0 100%;
    border-right: 0;
    padding: 0;
    border-bottom: 1px solid #ffffff;
  }
  body.app #pricing_cr_grid #pricing_cr_calc div:first-of-type form.hs-contact {
    margin-bottom: 2rem;
  }
}
body.app #mreq_table_grid {
  grid-template-columns: 100%;
  grid-auto-rows: auto;
  gap: 16px;
}
body.app #mreq_table_grid #mreq_table_content {
  flex-direction: column;
  gap: 2rem;
}
body.app #mreq_table_grid #mreq_table_content #futMargins_wrapper {
  width: 100%;
}
body.app #mreq_table_grid #mreq_table_content #futMargins_wrapper .dataTables_length select {
  min-width: 200px;
}
body.app #mreq_table_grid #mreq_table_content #futMargins_wrapper .dataTables_filter input {
  min-width: 200px;
  height: 50px;
}
body.app #mreq_table_grid #mreq_table_content #futMargins_wrapper table#futMargins thead tr {
  background: #2a3584;
}
body.app #mreq_table_grid #mreq_table_content #futMargins_wrapper table#futMargins thead tr th {
  color: #ffffff;
}
body.app #mreq_table_grid #mreq_table_content p {
  font-family: "DM Sans", sans-serif;
  margin: 0;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #mreq_table_grid {
    overflow: scroll;
  }
  body.app #mreq_table_grid #futMargins_wrapper .dataTables_length {
    -moz-text-align-last: left;
         text-align-last: left;
  }
  body.app #mreq_table_grid #futMargins_wrapper .dataTables_filter {
    -moz-text-align-last: left;
         text-align-last: left;
    margin-bottom: 1rem;
  }
}
body.app #mreq_faq_contain {
  margin-bottom: 0;
}
body.app #mreq_faq_contain #mreq_faq_grid {
  width: 100%;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  padding: 4rem;
}
body.app #mreq_faq_contain #mreq_faq_grid .mreq_faq_hdr {
  grid-column: 1/-1;
  display: flex;
  gap: 32px;
  flex-direction: column;
  align-items: center;
}
body.app #mreq_faq_contain #mreq_faq_grid .mreq_faq_hdr p {
  width: 60%;
}
body.app #mreq_faq_contain #mreq_faq_grid div {
  margin: 2rem 0;
  width: 100%;
}
body.app #mreq_faq_contain #mreq_faq_grid div details {
  color: #fff;
  padding-bottom: 2rem;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
}
body.app #mreq_faq_contain #mreq_faq_grid div details summary {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  transition: height 10s ease-in-out;
}
body.app #mreq_faq_contain #mreq_faq_grid div details summary::-webkit-details-marker {
  display: none;
}
body.app #mreq_faq_contain #mreq_faq_grid div details summary:after {
  content: "+";
}
body.app #mreq_faq_contain #mreq_faq_grid div details div {
  margin: 2rem 0 0 0;
  transition: height 5s ease-in-out;
  font-weight: normal;
}
body.app #mreq_faq_contain #mreq_faq_grid div details[open] summary:after {
  content: "×";
}
body.app #mreq_faq_contain #mreq_faq_grid #mreq_faq_disc {
  padding-top: 4rem;
  border-top: 1px solid #ffffff;
  margin: 0;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  body.app #mreq_faq_contain #mreq_faq_grid {
    padding: 2rem;
    grid-template-columns: 1fr;
  }
}

#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid {
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: auto;
  gap: 0;
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid #tdVw_fund_hdr {
  grid-column: 1/-1;
  grid-row: 1;
  margin-bottom: 5rem;
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid #tdVw_fund_hdr h2 {
  width: 60%;
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon {
  display: flex;
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger {
  display: flex;
  justify-content: flex-start !important;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  padding: 2rem 4rem;
  background: #f9f9ff;
  font-family: "DM Sans", sans-serif;
  color: #424762;
  transition: all 500ms ease-in;
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger svg {
  fill: #424762;
  width: 8rem;
  height: 8rem;
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger[data-href=tab-one] {
  border-radius: 2rem 0 0 0;
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger[data-href=tab-three] {
  border-radius: 0 2rem 0 0;
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger.active {
  background: #3f74fe;
  color: #ffffff;
  transition: all 500ms ease-in;
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger.active svg {
  fill: #ffffff;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger {
    padding: 1rem;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger svg {
    display: none;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger {
    padding: 1rem;
    font-size: 1rem !important;
    line-height: 1.5rem !important;
  }
  #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger svg {
    width: 4rem;
    height: 4rem;
  }
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid #tdVw_icon_content {
  grid-column: 1/-1;
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid #tdVw_icon_content .tdVw_tab_content {
  padding: 2rem;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  -moz-column-gap: 32px;
       column-gap: 32px;
  background: #3f74fe;
  display: none;
  transition: all 500ms ease-in;
  border-radius: 0 0 2rem 2rem;
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid #tdVw_icon_content .tdVw_tab_content img {
  width: 60%;
  height: auto;
  background: #3f74fe;
  border-radius: 1rem;
  border: 2px solid #3f74fe;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid #tdVw_icon_content .tdVw_tab_content .desc {
  flex: 0 0 40%;
  padding: 0 2rem 0 0;
}
#tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid #tdVw_icon_content .tdVw_tab_content.active {
  display: flex;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid #tdVw_icon_content .tdVw_tab_content {
    flex-wrap: wrap;
    row-gap: 1rem;
  }
  #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid #tdVw_icon_content .tdVw_tab_content img {
    width: 100%;
  }
  #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid #tdVw_icon_content .tdVw_tab_content .desc {
    flex: 0 0 100%;
    padding: 0;
  }
  #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid #tdVw_icon_content .tdVw_tab_content .desc h3,
  #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid #tdVw_icon_content .tdVw_tab_content .desc p {
    text-align: center;
  }
}

#tdVw_why_contain .opAcct_feat i {
  color: #3f74fe;
}

#tdVw_started_content {
  background: #f9f9ff;
  padding: 4rem;
  border-radius: 2rem;
}
#tdVw_started_content #tdVw_started_grid {
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  gap: 32px;
}
#tdVw_started_content #tdVw_started_grid h2 {
  grid-column: 1/-1;
}
#tdVw_started_content #tdVw_started_grid #tdVw_started_nav {
  grid-column: 1/-1;
}
#tdVw_started_content #tdVw_started_grid #tdVw_started_nav ul {
  width: 100%;
  display: flex;
  justify-content: center;
  gap: 32px;
}
#tdVw_started_content #tdVw_started_grid #tdVw_started_nav ul li a {
  font-family: "DM Sans", sans-serif;
  color: #424762;
}
#tdVw_started_content #tdVw_started_grid #tdVw_started_nav ul li a.active {
  color: #3f74fe;
}
#tdVw_started_content #tdVw_started_grid #tdVw_started_cont {
  grid-row: 3;
  grid-column: 1/-1;
}
#tdVw_started_content #tdVw_started_grid #tdVw_started_cont .step {
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  display: none;
}
#tdVw_started_content #tdVw_started_grid #tdVw_started_cont .step.active {
  display: grid;
}
#tdVw_started_content #tdVw_started_grid #tdVw_started_cont .step div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
#tdVw_started_content #tdVw_started_grid #tdVw_started_cont .step div h3 {
  margin: 0;
}
#tdVw_started_content #tdVw_started_grid #tdVw_started_cont .step div p {
  margin: 0 0 1rem 0;
}
#tdVw_started_content #tdVw_started_grid #tdVw_started_cont .step div p a {
  color: #3f74fe;
}
#tdVw_started_content #tdVw_started_grid #tdVw_started_cont .step div img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #tdVw_started_content {
    padding: 2rem;
  }
  #tdVw_started_content #tdVw_started_grid {
    grid-template-columns: 1fr;
  }
  #tdVw_started_content #tdVw_started_grid #tdVw_started_cont .step {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

#tdVw_mobile_contain {
  border-radius: 2rem;
  padding: 4rem;
}
#tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid {
  grid-template-columns: 2fr 1fr;
  gap: 64px;
  width: 100%;
  padding: 1rem;
}
#tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid h2 {
  margin: 0 0 1rem 0;
  text-align: left;
  color: #ffffff;
}
#tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p {
  margin: 0 0 1rem 0;
  color: #ffffff;
}
#tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p a {
  color: #3f74fe;
}
#tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p span.f-bold {
  color: #3f74fe;
}
#tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p:has(a) {
  margin-bottom: 0.75rem;
}
#tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid img {
  width: auto;
  height: 650px;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid {
    padding: 0;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid {
    grid-template-columns: 1fr;
  }
}

#tdVw_download_contain #tdVw_download_content #tdVw_download_grid {
  grid-template-columns: 1fr 2fr;
  gap: 64px;
}
#tdVw_download_contain #tdVw_download_content #tdVw_download_grid h2 {
  margin: 0 0 1rem 0;
  text-align: left;
}
#tdVw_download_contain #tdVw_download_content #tdVw_download_grid p {
  margin: 0 0 0.25rem 0;
}
#tdVw_download_contain #tdVw_download_content #tdVw_download_grid p a {
  color: #3f74fe;
}
#tdVw_download_contain #tdVw_download_content #tdVw_download_grid p:has(a) {
  margin-bottom: 0.75rem;
}
#tdVw_download_contain #tdVw_download_content #tdVw_download_grid ul.blueCheck {
  margin-top: 2rem;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #tdVw_download_contain #tdVw_download_content #tdVw_download_grid {
    grid-template-columns: 1fr;
  }
}

#tdVw_access_contain #tdVw_access_content #tdVw_access_grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
}
#tdVw_access_contain #tdVw_access_content #tdVw_access_grid h2 {
  grid-column: 1/-1;
}
#tdVw_access_contain #tdVw_access_content #tdVw_access_grid div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
}
#tdVw_access_contain #tdVw_access_content #tdVw_access_grid div span.number {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 150px;
  aspect-ratio: 1/1;
  background: #2a3584;
  border: 5px solid #3f74fe;
  outline: 5px solid #3f74fe;
  outline-offset: -20px;
  border-radius: 50%;
  font-size: 96px;
  color: #ffffff;
}
#tdVw_access_contain #tdVw_access_content #tdVw_access_grid div h4 {
  color: #3f74fe;
}
#tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p {
  color: #151516;
  text-align: center;
  margin: 0;
}
#tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p a {
  color: #3f74fe;
  text-decoration: none;
  display: flex;
  align-items: center;
  opacity: 1;
  transition: opacity 250ms ease-in;
}
#tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p a:after {
  content: "";
  width: 32px;
  height: 24px;
  display: inline-block;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTkiIHZpZXdCb3g9IjAgMCAxOCAxOSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTkuNDA0MyAzLjIxMDIxTDE1Ljc0OTkgOS41NTU4Nkw5LjQwNDMgMTUuOTAxNSIgc3Ryb2tlPSIjM0Y3NEZFIiBzdHJva2Utd2lkdGg9IjIuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xNS43NDk5IDkuNTU1OTFMMi4yNSA5LjU1NTkxIiBzdHJva2U9IiMzRjc0RkUiIHN0cm9rZS13aWR0aD0iMi41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==");
  background-repeat: no-repeat;
  background-position: center 3px;
  transition: all 250ms ease-in;
}
#tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p a:hover {
  opacity: 0.5;
}
#tdVw_access_contain #tdVw_access_content #tdVw_access_grid div.fw a {
  display: inline;
}
#tdVw_access_contain #tdVw_access_content #tdVw_access_grid div.fw a:after {
  display: none;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #tdVw_access_contain #tdVw_access_content #tdVw_access_grid {
    grid-template-columns: 1fr;
  }
}

#act_login_contain #act_login_content #act_login_grid {
  width: 100%;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
}
#act_login_contain #act_login_content #act_login_grid h4,
#act_login_contain #act_login_content #act_login_grid table {
  width: 100%;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #act_login_contain #act_login_content #act_login_grid {
    grid-template-columns: 1fr;
  }
}

#rv_content {
  flex-direction: column;
  gap: 32px;
}
#rv_content #rv_grid {
  grid-template-columns: 100%;
  grid-auto-rows: auto;
  gap: 4rem;
  width: 100%;
  justify-items: center;
}
#rv_content #rv_grid #rv_switch_nav {
  width: 100%;
  min-height: 800px;
}
#rv_content #rv_grid #rv_switch_nav .switch_wrap_tiles {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 2rem;
  align-items: center;
  justify-items: center;
  transition: opacity 250ms ease-in;
  display: none;
}
#rv_content #rv_grid #rv_switch_nav .switch_wrap_tiles.active {
  width: auto;
  height: auto;
  display: block;
  opacity: 1;
}
#rv_content #rv_grid #rv_switch_nav .switch_wrap_tiles .elfsight-app-8fe9336b-84fb-4d37-84f1-c3427a2eb1fc,
#rv_content #rv_grid #rv_switch_nav .switch_wrap_tiles .trustpilot-widget {
  width: 100%;
}
#rv_content #rv_grid #rv_switch_nav .switch_wrap_tiles #rv_web_grid {
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: auto;
  gap: 32px;
}
#rv_content #rv_grid #rv_switch_nav .switch_wrap_tiles #rv_web_grid .card img {
  width: 200px;
  height: auto;
}
#rv_content #rv_grid #rv_switch_nav .switch_wrap_tiles #rv_web_grid .card p a {
  color: #3f74fe;
}

#ct_contact_content {
  flex-direction: column;
  gap: 32px;
}
#ct_contact_content #ct_contact_grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: auto;
  gap: 4rem;
  width: 100%;
  justify-items: center;
  margin: 0 0 2rem 0;
}
#ct_contact_content #ct_contact_grid .card a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
#ct_contact_content #ct_contact_grid .card a i {
  color: #3f74fe;
}
#ct_contact_content #ct_contact_grid .card a h3 {
  color: #3f74fe;
  text-align: center;
  margin: 0;
}
#ct_contact_content #ct_contact_grid .card a p {
  color: #424762;
  margin: 0;
  text-align: center;
}
@media only screen and (max-width: 200px) {
  #ct_contact_content #ct_contact_grid {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #ct_contact_content #ct_contact_grid {
    grid-template-columns: 1fr;
  }
}

#ct_other_content {
  padding: 2rem;
  border-radius: 2rem;
  background: #151516;
}
#ct_other_content #ct_other_grid {
  width: 100%;
  grid-template-columns: 1.5fr 1fr 1fr;
  -moz-column-gap: 2.5rem;
       column-gap: 2.5rem;
  row-gap: 2rem;
  justify-content: flex-start;
  align-items: flex-start;
}
#ct_other_content #ct_other_grid h2 {
  grid-column: 1/-1;
}
#ct_other_content #ct_other_grid #form {
  grid-column: 1;
  grid-row: 2/6;
}
#ct_other_content #ct_other_grid #form .hbspt-form {
  width: 100%;
}
#ct_other_content #ct_other_grid div {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
}
#ct_other_content #ct_other_grid div i {
  flex: 0 0 auto;
  font-size: 24px;
  color: #ffffff;
}
#ct_other_content #ct_other_grid div h4 {
  overflow-wrap: break-word;
  width: 100%;
  flex: 0 0 auto;
  color: #ffffff;
  margin: 0;
  text-align: left;
}
#ct_other_content #ct_other_grid div p {
  flex: 0 0 100%;
  color: #ffffff;
  margin: 0;
  text-align: left;
}
#ct_other_content #ct_other_grid div p a {
  color: #ffffff;
}
#ct_other_content #ct_other_grid div a {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  transition: all 250ms ease-in;
}
#ct_other_content #ct_other_grid div a i {
  flex: 0 0 auto;
  font-size: 24px;
  color: #ffffff;
  transition: all 250ms ease-in;
}
#ct_other_content #ct_other_grid div a h4 {
  flex: 0 0 auto;
  color: #ffffff;
  margin: 0;
  text-align: left;
  transition: all 250ms ease-in;
}
#ct_other_content #ct_other_grid div a:hover i,
#ct_other_content #ct_other_grid div a:hover h4 {
  color: #3f74fe;
}
#ct_other_content #ct_other_grid div a[href^="tel:"]:hover {
  color: #3f74fe;
}
@media only screen and (max-width: 200px) {
  #ct_other_content #ct_other_grid {
    grid-template-columns: 1fr;
  }
  #ct_other_content #ct_other_grid #form input[type=submit] {
    width: 100%;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #ct_other_content #ct_other_grid {
    grid-template-columns: 1fr;
  }
  #ct_other_content #ct_other_grid #form input[type=submit] {
    width: 100%;
  }
}

#futures_fees_grid {
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  grid-auto-rows: auto;
  padding: 2rem;
  border-radius: 1rem;
}
#futures_fees_grid #futures_fees_hdr {
  grid-column: 1/-1;
  flex-wrap: wrap;
}
#futures_fees_grid #futures_fees_hdr h1 {
  text-align: center;
  flex: 0 0 100%;
}
#futures_fees_grid #futures_fees_hdr p {
  text-align: center;
  flex: 0 0 75%;
}
#futures_fees_grid div {
  width: 100%;
}
#futures_fees_grid div h3 {
  width: 100%;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #151516;
}
#futures_fees_grid div#futures_edf {
  width: 100%;
}
#futures_fees_grid div#futures_disc {
  grid-column: 1/-1;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #futures_fees_grid {
    grid-template-columns: 100%;
  }
}

#fcms_grid {
  grid-template-columns: 1fr;
  gap: 32px;
}
#fcms_grid #fcms_hdr {
  width: 100%;
  grid-column: 1/-1;
  flex-wrap: wrap;
  gap: 24px;
}
#fcms_grid #fcms_hdr h1 {
  flex: 0 0 100%;
}
#fcms_grid #fcms_hdr p {
  flex: 0 0 100%;
}
#fcms_grid #fcms_select {
  width: 100%;
  background: #3f74fe;
  border-radius: 1rem;
  padding: 0.5rem 2rem;
  align-items: center;
  gap: 24px;
}
#fcms_grid #fcms_select p {
  color: #ffffff;
  margin: 0;
}
#fcms_grid #fcms_select select {
  width: 300px;
  margin: 0;
}
#fcms_grid #fcms_select a#clear {
  color: #ffffff;
  cursor: pointer;
}
#fcms_grid #fcms_select a#clear:before {
  content: "[ ";
}
#fcms_grid #fcms_select a#clear:after {
  content: " ]";
}
#fcms_grid #fcms_data table.clean tbody tr.fcm td.min {
  color: #3f74fe;
  font-weight: 700;
}
#fcms_grid #fcms_data table.clean tbody tr.fcm.fade {
  opacity: 0.2;
}

#fcm_grid {
  width: 100%;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
#fcm_grid .fcm_hdr {
  grid-column: 1/-1;
}
#fcm_grid .fcm {
  border: 1px solid #2a3584;
  border-radius: 2rem;
  padding: 1rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}
#fcm_grid .fcm img {
  height: 50px;
  width: auto;
}
#fcm_grid .fcm h2 {
  color: #424762;
  width: 100%;
  text-align: center;
}
#fcm_grid .fcm p {
  width: 100%;
  margin: 0;
  text-align: center;
}
#fcm_grid .fcm p.desc {
  height: 220px;
  padding: 0 2rem;
  margin: 0;
}
#fcm_grid .fcm p.feed {
  background: #2a3584;
  color: #ffffff;
  width: 100%;
  margin: 0;
  padding: 2rem;
  text-align: center;
  font-size: 20px;
}

#cte_grid {
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
#cte_grid .card {
  padding: 0rem;
  gap: 0;
}
#cte_grid .card .card-image {
  width: 100%;
  height: 200px;
}
#cte_grid .card .card-image img {
  border-radius: 2rem 2rem 0 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
#cte_grid .card .card-image.center img {
  -o-object-position: center;
     object-position: center;
}
#cte_grid .card .card-content {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  align-items: flex-start;
  gap: 1rem;
  padding: 2rem;
}
#cte_grid .card .card-content span.h2 {
  font-weight: bold;
  color: #2a3584;
}
#cte_grid .card .card-content span.h3 {
  color: #424762;
}
#cte_grid .card .card-content span.p {
  color: #424762;
}
#cte_grid .card .card-content a {
  margin-top: auto;
  color: #3f74fe;
}
#cte_grid .card#Additional {
  padding: 1rem 0;
}
#cte_grid .card#Additional .card-content {
  padding: 1rem 2rem;
  gap: 1rem;
}

#df_grid {
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
#df_grid #df_hdr {
  grid-column: 1/-1;
  gap: 1rem;
}
#df_grid form {
  margin: 2rem 0 0;
}
#df_grid form ul {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 1rem;
}
#df_grid form ul li {
  width: -moz-max-content;
  width: max-content;
}
#df_grid form ul li select {
  width: -moz-max-content;
  width: max-content;
}
#df_grid form ul li a {
  color: #3f74fe;
}
#df_grid .card {
  transition: opacity 250ms ease-in;
}
#df_grid .card img {
  height: 50px;
  width: auto;
  align-self: flex-start;
}
#df_grid .card.fade {
  opacity: 0.2;
}

#GEC_products {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
}
#GEC_products #GEC_hdr {
  grid-column: 1/-1;
  gap: 1rem;
}
#GEC_products #GEC_hdr form.hs-contact ul {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  margin: 2rem 0 0;
}
#GEC_products #GEC_hdr form.hs-contact ul li {
  width: -moz-max-content;
  width: max-content;
}
#GEC_products #GEC_hdr form.hs-contact ul li a {
  color: #3f74fe;
}
#GEC_products .card {
  transition: opacity 250ms ease-in;
}
#GEC_products .card img {
  height: 50px;
  width: auto;
  align-self: flex-start;
}
#GEC_products .card a {
  color: #3f74fe;
}
#GEC_products .card.fade {
  opacity: 0.2;
}

#academy_edu_grid {
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
#academy_edu_grid div ul.feat {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 1rem;
  height: 100%;
  margin: 1rem 0 0 0;
  padding: 0;
  list-style: none;
}
#academy_edu_grid div ul.feat li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  color: #424762;
  justify-content: flex-start;
  align-items: flex-start;
}
#academy_edu_grid div ul.feat li i {
  font-size: 20px;
  margin-top: 6px;
  margin-right: 0.5rem;
}

#academy_breakfree_contain #academy_breakfree_grid {
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  row-gap: 3rem;
}
#academy_breakfree_contain #academy_breakfree_grid .card {
  border: 1px solid #3f74fe;
  padding: 3rem;
  background: #f9f9ff;
}
#academy_breakfree_contain #academy_breakfree_grid .card h3 {
  font-family: "DM Sans", sans-serif;
  color: #151516;
  margin: 0;
}
#academy_breakfree_contain #academy_breakfree_grid .card ul.feat {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 1rem;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
#academy_breakfree_contain #academy_breakfree_grid .card ul.feat li {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  color: #424762;
  justify-content: flex-start;
  align-items: flex-start;
}
#academy_breakfree_contain #academy_breakfree_grid .card ul.feat li i {
  font-size: 20px;
  margin-top: 6px;
  margin-right: 0.5rem;
}
#academy_breakfree_contain #academy_breakfree_grid .card ul.feat.pos li i {
  color: #51b848;
}
#academy_breakfree_contain #academy_breakfree_grid .card ul.feat.neg li i {
  color: #dd4949;
}
#academy_breakfree_contain #academy_breakfree_grid .card:nth-child(3) {
  background: #424762;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
}
#academy_breakfree_contain #academy_breakfree_grid .card:nth-child(3) h3 {
  color: #ffffff;
}
#academy_breakfree_contain #academy_breakfree_grid .card:nth-child(3) ul.feat li {
  color: #ffffff;
}
#academy_breakfree_contain #academy_breakfree_grid #academy_breakfree_ftr h4 {
  color: #3f74fe;
}
@media only screen and (max-width: 200px) {
  #academy_breakfree_contain #academy_breakfree_grid {
    grid-template-columns: 100%;
  }
}
@media only screen and (max-width: 200px) {
  #academy_breakfree_contain #academy_breakfree_grid {
    grid-template-columns: 100%;
  }
}

#academy_path_content p,
#academy_path_content h2 {
  flex: 0 0 100%;
}
#academy_path_content #academy_path_grid {
  width: 100%;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}
#academy_path_content #academy_path_grid div h3 {
  text-align: center;
  color: #51b848;
}
#academy_path_content #academy_path_grid div ul {
  list-style-type: none;
}
#academy_path_content #academy_path_grid div ul li {
  font-family: "DM Sans", sans-serif;
  text-align: center;
}
#academy_path_content #academy_path_grid a.grn_btn {
  grid-column: 1/-1;
  justify-self: center;
  font-size: 1.5rem;
}

#academy_transform_grid {
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
}
#academy_transform_grid #academy_transform_hdr {
  grid-column: 1/-1;
  gap: 1rem;
}
#academy_transform_grid #academy_transform_ftr {
  display: grid;
  grid-column: 1/-1;
}
#academy_transform_grid #academy_transform_ftr a.grn_btn {
  justify-self: center;
  font-size: 1.5rem;
}
#academy_transform_grid .card i {
  font-size: 36px;
  margin-right: 1rem;
}
#academy_transform_grid .card ul {
  list-style-type: disc;
  margin-left: 1rem;
}
#academy_transform_grid .card ul li {
  font-family: "DM Sans", sans-serif;
  text-align: left;
}
@media only screen and (max-width: 200px) {
  #academy_transform_grid {
    grid-template-columns: 100%;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #academy_transform_grid {
    grid-template-columns: 100%;
  }
}

#mcr_emini_contain.academy #mcr_emini_content {
  flex-direction: column;
}
#mcr_emini_contain.academy #mcr_emini_content #mcr_emini_grid #mcr_emini_hdr h2,
#mcr_emini_contain.academy #mcr_emini_content #mcr_emini_grid #mcr_emini_hdr p {
  width: 100%;
  flex: 0 0 80%;
}
#mcr_emini_contain.academy #academy_mcr_ftr {
  flex-direction: column;
}
#mcr_emini_contain.academy #academy_mcr_ftr p {
  display: flex;
  justify-content: center;
  flex: 0 0 80%;
}
#mcr_emini_contain.academy #academy_mcr_ftr p a {
  width: 500px;
}

#academy_plan_grid {
  padding: 4rem 2rem;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  align-items: center;
}
#academy_plan_grid #academy_plan_hdr {
  grid-column: 1/-1;
  gap: 1rem;
}
#academy_plan_grid #academy_plan_ftr {
  display: grid;
  grid-column: 1/-1;
}
#academy_plan_grid #academy_plan_ftr a.grn_btn {
  justify-self: center;
  font-size: 1.5rem;
}
#academy_plan_grid .card {
  height: -moz-min-content;
  height: min-content;
  align-items: center;
}
#academy_plan_grid .card i {
  font-size: 36px;
  margin-right: 1rem;
}
#academy_plan_grid .card ul {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: -moz-max-content;
  width: max-content;
}
#academy_plan_grid .card ul li {
  font-family: "DM Sans", sans-serif;
  text-align: left;
  margin-bottom: 1rem;
}
#academy_plan_grid .card ul li:last-of-type {
  margin-bottom: 0;
}
#academy_plan_grid .card ul li::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  font-size: 18px;
  margin-right: 8px;
}
#academy_plan_grid .card ul li .tooltipz {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
  cursor: pointer;
}
#academy_plan_grid .card ul li .tooltipz .tooltipztext {
  visibility: hidden;
  width: 300px;
  background-color: black;
  color: #fff;
  text-align: left;
  border-radius: 6px;
  padding: 1rem;
  /* Position the tooltip */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 30px;
}
#academy_plan_grid .card ul li .tooltipz .tooltipztext h5, #academy_plan_grid .card ul li .tooltipz .tooltipztext #modal #close, #modal #academy_plan_grid .card ul li .tooltipz .tooltipztext #close,
#academy_plan_grid .card ul li .tooltipz .tooltipztext #modalNC #close,
#modalNC #academy_plan_grid .card ul li .tooltipz .tooltipztext #close {
  font-family: "DM Sans", sans-serif;
  font-weight: bold;
}
#academy_plan_grid .card ul li .tooltipz .tooltipztext ul {
  list-style-type: disc;
  width: 90%;
  margin: 1rem 1rem 0 1rem;
}
#academy_plan_grid .card ul li .tooltipz .tooltipztext ul li {
  font-family: "DM Sans", sans-serif;
  margin-bottom: 0.5rem;
}
#academy_plan_grid .card ul li .tooltipz .tooltipztext ul li:before {
  display: none;
}
#academy_plan_grid .card ul li .tooltipz .tooltipztext p {
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
}
#academy_plan_grid .card ul li .tooltipz:hover .tooltipztext {
  visibility: visible;
}
#academy_plan_grid a.btn_primary, #academy_plan_grid a.btn_primary_icon, #academy_plan_grid header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a#app_oa, header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li #academy_plan_grid a#app_oa,
#academy_plan_grid a.btn_secondary,
#academy_plan_grid header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a#app_login,
header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li #academy_plan_grid a#app_login {
  width: 100%;
}
#academy_plan_grid #academy_plan_ftr {
  display: grid;
  grid-column: 1/-1;
}
@media only screen and (max-width: 200px) {
  #academy_plan_grid {
    grid-template-columns: 100%;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #academy_plan_grid {
    grid-template-columns: 100%;
  }
}

#academy_about_contain #academy_about_grid {
  grid-template-columns: 1fr 2fr;
  gap: 2rem;
}
#academy_about_contain #academy_about_grid div img {
  width: 100%;
  border-radius: 50%;
  border: 10px solid #3f74fe;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12), 0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12), 0 16px 16px rgba(0, 0, 0, 0.12);
}

#mainContain #mainContent #products .fcm p.ofp {
  font-family: "DM Sans", sans-serif;
  color: #58595b;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 20;
  line-clamp: 20;
  overflow: hidden;
}
#mainContain #mainContent #products .fcm p.ofp a {
  font-family: "DM Sans", sans-serif;
  color: #3f74fe;
}

.fcm.pfcm#OptimusFutures {
  grid-column: 1/-1;
}

#mainContain #mainContent #products .fcm.pfcm#Optimus_Mobile_Trader .content-footer {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 0.5rem;
  -moz-column-gap: 0;
       column-gap: 0;
  justify-content: space-between;
}
#mainContain #mainContent #products .fcm.pfcm#Optimus_Mobile_Trader .content-footer p {
  flex: 0 0 100%;
}
#mainContain #mainContent #products .fcm.pfcm#Optimus_Mobile_Trader .content-footer a {
  flex: 0 0 auto;
}
#mainContain #mainContent #products .fcm.pfcm#Optimus_Mobile_Trader .content-footer a img {
  width: auto;
  height: 42px;
}

.gray_feat {
  background: #f9f9ff;
  padding: 1rem;
  border-radius: 1rem;
  border: 1px solid #424762;
  display: flex;
  flex-direction: row;
}
.gray_feat span {
  flex: 0 0 30%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: center;
}
.gray_feat span i {
  font-size: 4rem;
  text-align: center;
  color: #3f74fe;
}
.gray_feat span h4 {
  color: #3f74fe;
  text-align: center;
}
.gray_feat p {
  flex: 0 0 70%;
  color: #424762;
}

#tradeMicroAg {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}

.lpGradient {
  background: rgb(42, 53, 132);
  background: linear-gradient(90deg, rgb(42, 53, 132) 50%, rgb(255, 255, 255) 50%);
}

.tooltip {
  position: relative;
  display: flex;
  align-items: center;
}
.tooltip i {
  font-size: 60%;
  display: inline-block;
  margin-left: 0.25rem;
  vertical-align: text-bottom;
}
.tooltip:before {
  content: attr(data-text);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 100%;
  margin-left: 15px;
  width: 250px;
  padding: 10px;
  border-radius: 10px;
  background: #2a3584;
  color: #ffffff;
  text-align: left;
  font-family: "DM Sans", sans-serif;
  opacity: 0;
  transition: 0.3s opacity;
}
.tooltip:after {
  content: "";
  position: absolute;
  left: 100%;
  margin-left: -5px;
  top: 50%;
  transform: translateY(-50%);
  border: 10px solid #2a3584;
  border-color: transparent #2a3584 transparent transparent;
  opacity: 0;
  transition: 0.3s;
}
.tooltip:hover:before, .tooltip:hover:after {
  opacity: 1;
}
.tooltip.bottom:before {
  margin: initial;
  top: 100%;
  margin-top: 10px;
  left: 0;
  transform: translateX(-90%);
  left: 100%;
}
.tooltip.bottom:after {
  top: 100%;
  left: 90%;
  transform: translateY(-50%);
  border-color: transparent transparent #2a3584 transparent;
}
@media only screen and (max-width: 200px) {
  .tooltip:before {
    top: 100%;
    left: 0;
    right: 0;
    transform: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: center;
    z-index: 1000;
  }
  .tooltip:after {
    display: none;
  }
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  .tooltip:before {
    bottom: 0;
    left: 0;
    right: 0;
    transform: none;
    margin-left: 0;
    margin-right: 0;
    margin-top: 10px;
    width: -moz-fit-content;
    width: fit-content;
    height: -moz-fit-content;
    height: fit-content;
    text-align: center;
    z-index: 1000;
  }
  .tooltip:after {
    display: none;
  }
}

.fw-n, table.clean tbody tr td, table.clean thead tr th, .tooltip:before {
  font-weight: normal;
}

.fw-b, .faq-grid .faq-content details, #gl_fp_grid .gl_fp_cont#gl_fp_cont2 div:last-of-type p span, #gl_fp_grid .gl_fp_cont#gl_fp_cont2 div:first-of-type p span, ul.switch li, body.app #hero_contain #hero_microAg_grid h1, body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap p.title a, body.app #of_tools_contain #tools_flex .tools_tool .tools_tool_text, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review p.from, body.app #opAcct_why_grid .opAcct_feat h4, body.app .four_col_feature .opAcct_feat h4, body.app #mcr_contracts_contain #mcr_contracts_grid .feat.main ul li, body.app #pricing_bp_grid .card ul.blackCheck li span, body.app #mreq_faq_contain #mreq_faq_grid div details, #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p span.f-bold, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div span.number, #academy_breakfree_contain #academy_breakfree_grid .card h3, #academy_path_content #academy_path_grid div h3 {
  font-weight: 700;
}

.f-ital {
  font-style: italic;
}

.ta-l, body.app #mreq_table_grid #mreq_table_content p {
  text-align: left;
}

.ta-c, #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger, #academy_breakfree_contain #academy_breakfree_grid #academy_breakfree_ftr h4 {
  text-align: center;
}

form.hs-contact ul li input[type=text]::-moz-placeholder, form.hs-contact ul li input[type=email]::-moz-placeholder, form.hs-contact ul li input[type=tel]::-moz-placeholder {
  font-size: 0.875rem;
}

.fs-14, label, select, form.hs-contact ul li select, form.hs-contact ul li input[type=text]::placeholder,
form.hs-contact ul li input[type=email]::placeholder,
form.hs-contact ul li input[type=tel]::placeholder, form.hs-contact ul li input[type=text],
form.hs-contact ul li input[type=email],
form.hs-contact ul li input[type=tel], form.hs-contact ul li label, body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap p.meta, body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap p.meta span.cat {
  font-size: 0.875rem;
}

.fs-16, table.clean tbody tr td, #formContain p, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review p.from span, body.app #opAcct_why_grid .opAcct_feat p, body.app .four_col_feature .opAcct_feat p, body.app #pricing_cr_grid #pricing_cr_calc div form ul li select#trades, body.app #mreq_table_grid #mreq_table_content p, #fcms_grid #fcms_select a#clear, #fcm_grid .fcm p.desc, #cte_grid .card .card-content span.p, #cte_grid .card .card-content a, #academy_plan_grid .card ul li .tooltipz .tooltipztext h5, #academy_plan_grid .card ul li .tooltipz .tooltipztext #modal #close, #modal #academy_plan_grid .card ul li .tooltipz .tooltipztext #close,
#academy_plan_grid .card ul li .tooltipz .tooltipztext #modalNC #close,
#modalNC #academy_plan_grid .card ul li .tooltipz .tooltipztext #close, #academy_plan_grid .card ul li .tooltipz .tooltipztext ul li, #academy_plan_grid .card ul li .tooltipz .tooltipztext p, #mainContain #mainContent #products .fcm p.ofp, #mainContain #mainContent #products .fcm p.ofp a, .tooltip:before {
  font-size: 1rem;
}

.fs-18, #termsContent .card dl dd, #ordersDefinitions .card .risk p, #ordersDefinitions .card .risk h3::before, #ordersDefinitions .card .example p, #ordersDefinitions .card .example h3::before, #ordersDefinitions .card dl dd, #cte_grid .card .card-content span.h3 {
  font-size: 1.125rem;
}

form.singleContact ul input::-moz-placeholder, form.hs-form-private ul input::-moz-placeholder {
  font-size: 1.25rem;
}

.fs-20, .faq-grid .faq-content details p, #termsContent .card dl dt, #ordersDefinitions .card .risk h3, #ordersDefinitions .card .example h3, #ordersDefinitions .card dl dt, .glossaryHero hgroup p, table.clean thead tr th, form.hs-contact ul li input[type=submit], form.singleContact ul input::placeholder,
form.hs-form-private ul input::placeholder, form.singleContact ul li:not(.reCaptchaCont) input[type=email],
form.hs-form-private ul li:not(.reCaptchaCont) input[type=email], ul.tiles li a span.symb, ul.switch li, body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_video .videoContentWrap p a, body.app #of_tools_contain #tools_flex .tools_tool .tools_tool_text, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont p, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont ul li, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review p, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review p.from, body.app #opAcct_fund_grid div ol li span, body.app #opAcct_why_grid .opAcct_feat h4, body.app .four_col_feature .opAcct_feat h4, body.app #pricing_bp_grid .card ul.blackCheck li, body.app #mreq_faq_contain #mreq_faq_grid div details div, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p, #ct_contact_content #ct_contact_grid .card a p, #fcms_grid #fcms_select p, #academy_path_content #academy_path_grid div ul li, .gray_feat p {
  font-size: 1.25rem;
}

.fs-24, .faq-grid .faq-content details, #termsContent .letter-nav h2, #gl_fp_grid .gl_fp_cont#gl_fp_cont2 div:last-of-type p, #gl_fp_grid .gl_fp_cont#gl_fp_cont2 div:first-of-type p, h5, #modal #close,
#modalNC #close, body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option, body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap p.title a, body.app #of_optimize_grid_outer #of_optimize_grid .list ul.switch li a, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#CI div.left ul li, body.app #mcr_fund_grid div ul li span, body.app #mcr_contracts_contain #mcr_contracts_grid .feat.main ul li, body.app #mreq_faq_contain #mreq_faq_grid div details, #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger, #tdVw_started_content #tdVw_started_grid #tdVw_started_nav ul li a, #ct_other_content #ct_other_grid div h4, #ct_other_content #ct_other_grid div a h4, #futures_fees_grid #futures_fees_hdr p, #fcm_grid .fcm h2, #cte_grid .card .card-content span.h2, #academy_edu_grid div ul.feat li, #academy_breakfree_contain #academy_breakfree_grid .card h3, #academy_breakfree_contain #academy_breakfree_grid .card ul.feat li, #academy_path_content #academy_path_grid div h3, #academy_transform_grid .card ul li, #academy_plan_grid .card ul li, .gray_feat span h4 {
  font-size: 1.5rem;
}

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

.fs-32, #termsContent .card h2, #ordersDefinitions .card h2, h4, body.app #home_fp_grid .home_fp_cont#home_fp_cont2, body.app #home_fp_grid .home_fp_cont#home_fp_cont3, body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_video .videoContentWrap p i, body.app #opAcct_fund_grid div ol li span strong, body.app #pricing_cr_grid .pricing_cr_hdr h3, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div h4, #futures_fees_grid div h3 {
  font-size: 2rem;
}

.fs-36, h3 {
  font-size: 2.25rem;
}

.fs-40, ul.tiles li a span.title, #fcms_grid #fcms_data table.clean tbody tr.fcm td.min {
  font-size: 2.5rem;
}

.fs-44, h2 {
  font-size: 2.75rem;
}

.fs-48, .glossaryHero hgroup h1 {
  font-size: 3rem;
}

.fs-52, #gl_fp_grid .gl_fp_cont#gl_fp_cont2 div:last-of-type p span, #gl_fp_grid .gl_fp_cont#gl_fp_cont2 div:first-of-type p span, body.app #home_fp_grid .home_fp_cont#home_fp_cont2 .price, body.app #home_fp_grid .home_fp_cont#home_fp_cont3 .price {
  font-size: 3.25rem;
}

.fs-56 {
  font-size: 3.5rem;
}

.fs-60, h1, #ct_contact_content #ct_contact_grid .card a i {
  font-size: 3.75rem;
}

.fs-68, body.app .four_col_feature .opAcct_feat i, #tdVw_why_contain .opAcct_feat i {
  font-size: 4.25rem;
}

.lh-16, body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap p.meta, body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap p.meta span.cat {
  line-height: 1rem;
}

form.hs-contact ul li input[type=text]::-moz-placeholder, form.hs-contact ul li input[type=email]::-moz-placeholder, form.hs-contact ul li input[type=tel]::-moz-placeholder {
  line-height: 1.25rem;
}

.lh-20, ul.tiles li a span.symb, label, select, form.hs-contact ul li select, form.hs-contact ul li input[type=text]::placeholder,
form.hs-contact ul li input[type=email]::placeholder,
form.hs-contact ul li input[type=tel]::placeholder, form.hs-contact ul li input[type=text],
form.hs-contact ul li input[type=email],
form.hs-contact ul li input[type=tel], form.hs-contact ul li label, #fcms_grid #fcms_select p, #fcms_grid #fcms_select a#clear, #fcm_grid .fcm p.desc, #cte_grid .card .card-content span.p, #cte_grid .card .card-content a, #academy_plan_grid .card ul li .tooltipz .tooltipztext h5, #academy_plan_grid .card ul li .tooltipz .tooltipztext #modal #close, #modal #academy_plan_grid .card ul li .tooltipz .tooltipztext #close,
#academy_plan_grid .card ul li .tooltipz .tooltipztext #modalNC #close,
#modalNC #academy_plan_grid .card ul li .tooltipz .tooltipztext #close, #academy_plan_grid .card ul li .tooltipz .tooltipztext ul li, #academy_plan_grid .card ul li .tooltipz .tooltipztext p, #mainContain #mainContent #products .fcm p.ofp, #mainContain #mainContent #products .fcm p.ofp a {
  line-height: 1.25rem;
}

.lh-24, #termsContent .card dl dd, #ordersDefinitions .card .risk p, #ordersDefinitions .card .example p, #ordersDefinitions .card dl dd, table.clean tbody tr td, #formContain p, body.app #edu_contain #edu_content #edu_dyn_grid #edu_dyn_video .videoContentWrap p a, body.app #of_tools_contain #tools_flex .tools_tool .tools_tool_text, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont p, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont ul li, body.app #opAcct_why_grid .opAcct_feat p, body.app .four_col_feature .opAcct_feat p, body.app #mreq_table_grid #mreq_table_content p, .tooltip:before {
  line-height: 1.5rem;
}

.lh-28, .faq-grid .faq-content details p, #termsContent .card dl dt, #ordersDefinitions .card .risk h3, #ordersDefinitions .card .example h3, #ordersDefinitions .card dl dt, .glossaryHero hgroup p, table.clean thead tr th, body.app #of_review_contain #of_review_grid #of_review_grid_reviews .review p, body.app #opAcct_fund_grid div ol li span, body.app #mcr_fund_grid div ul li span, body.app #mreq_faq_contain #mreq_faq_grid div details div, #tdVw_mobile_contain #tdVw_mobile_content #tdVw_mobile_grid p, #tdVw_download_contain #tdVw_download_content #tdVw_download_grid p, #tdVw_access_contain #tdVw_access_content #tdVw_access_grid div p, #ct_contact_content #ct_contact_grid .card a p, #ct_other_content #ct_other_grid div h4, #ct_other_content #ct_other_grid div a h4, #academy_breakfree_contain #academy_breakfree_grid .card h3, #academy_path_content #academy_path_grid div h3, #academy_path_content #academy_path_grid div ul li, .gray_feat span h4, .gray_feat p {
  line-height: 1.75rem;
}

.lh-32, #termsContent .card h2, #termsContent .letter-nav h2, #ordersDefinitions .card h2, form.hs-contact ul li input[type=submit], h5, #modal #close,
#modalNC #close, body.app #mobile_contain #mobile_content #mobile_grid #mobile_grid_copy #mobile_grid_copy_wrapper p.mobile_option, body.app #edu_contain #edu_content #edu_dyn_grid .card#dynBlog div.contentWrap p.title a, body.app #of_optimize_grid_outer #of_optimize_grid .content .cont.active#CI div.left ul li, body.app #mcr_contracts_contain #mcr_contracts_grid .feat.main ul li, #tdVw_benefit_contain #tdVw_benefit_content #tdVw_benefit_grid .icon a.CITrigger, #tdVw_started_content #tdVw_started_grid #tdVw_started_nav ul li a, #academy_edu_grid div ul.feat li, #academy_breakfree_contain #academy_breakfree_grid .card ul.feat li, #academy_transform_grid .card ul li, #academy_plan_grid .card ul li {
  line-height: 2rem;
}

.lh-36 {
  line-height: 2.25rem;
}

.lh-40, ul.tiles li a span.title, h4, body.app #home_fp_grid .home_fp_cont#home_fp_cont2, body.app #home_fp_grid .home_fp_cont#home_fp_cont3, body.app #opAcct_fund_grid div ol li span strong {
  line-height: 2.5rem;
}

.lh-44, h3 {
  line-height: 2.75rem;
}

.lh-48 {
  line-height: 3rem;
}

.lh-52, h2, body.app #home_fp_grid .home_fp_cont#home_fp_cont2 .price, body.app #home_fp_grid .home_fp_cont#home_fp_cont3 .price {
  line-height: 3.25rem;
}

form.singleContact ul input::-moz-placeholder, form.hs-form-private ul input::-moz-placeholder {
  line-height: 3.5rem;
}

.lh-56, .glossaryHero hgroup h1, form.singleContact ul input::placeholder,
form.hs-form-private ul input::placeholder, form.singleContact ul li:not(.reCaptchaCont) input[type=email],
form.hs-form-private ul li:not(.reCaptchaCont) input[type=email] {
  line-height: 3.5rem;
}

.lh-60, #ct_contact_content #ct_contact_grid .card a i {
  line-height: 3.75rem;
}

.lh-68, h1 {
  line-height: 4.25rem;
}

h1 {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 200px) {
  h1 {
    font-size: 40px;
    line-height: 48px;
  }
}

h2 {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
  text-transform: capitalize;
}

h3 {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}
@media only screen and (max-width: 200px) {
  h3 {
    font-size: 30px;
    line-height: 38px;
  }
}

h4 {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}

h5, #modal #close,
#modalNC #close {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}

p {
  color: #424762;
}

form.hs-contact ul li input[type=text]::-moz-placeholder, form.hs-contact ul li input[type=email]::-moz-placeholder, form.hs-contact ul li input[type=tel]::-moz-placeholder {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
}

label, select, form.hs-contact ul li select, form.hs-contact ul li input[type=text]::placeholder,
form.hs-contact ul li input[type=email]::placeholder,
form.hs-contact ul li input[type=tel]::placeholder, form.hs-contact ul li input[type=text],
form.hs-contact ul li input[type=email],
form.hs-contact ul li input[type=tel], form.hs-contact ul li label {
  margin: 0;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
}

ul.blackCheck {
  margin: 0;
  padding: 0;
}
ul.blackCheck li {
  display: flex;
  align-items: stretch;
  margin-bottom: 1rem;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 1.5rem;
  color: #424762;
}
ul.blackCheck li:before {
  content: "";
  width: 16px;
  height: 24px;
  display: inline-block;
  background: url(../img/app/index/circle_check_black.svg) center center no-repeat;
  background-size: auto 16px;
  margin-right: 0.5rem;
}
ul.blackCheck li:before svg {
  fill: #151516;
}
ul.blackCheck li:last-of-type {
  margin-bottom: 0;
}

ul.blueCheck {
  margin: 0;
  padding: 0;
}
ul.blueCheck li {
  display: flex;
  align-items: stretch;
  margin-bottom: 1rem;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #424762;
}
ul.blueCheck li:before {
  content: "";
  width: 16px;
  height: 20px;
  display: inline-block;
  background: url(../img/app/index/check_blue.svg) center center no-repeat;
  background-size: 100% auto;
  margin-right: 0.5rem;
}
ul.blueCheck li:before svg {
  fill: #151516;
}
ul.blueCheck li:last-of-type {
  margin-bottom: 0;
}

ul.whiteCheck {
  margin: 0;
  padding: 0;
}
ul.whiteCheck li {
  display: flex;
  align-items: stretch;
  margin-bottom: 1rem;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-size: 1.125rem;
  line-height: 1.25rem;
  color: #ffffff;
}
ul.whiteCheck li:before {
  content: "";
  width: 16px;
  height: 20px;
  display: inline-block;
  background: url(../img/app/white_check.svg) center center no-repeat;
  background-size: 100% auto;
  margin-right: 0.5rem;
}
ul.whiteCheck li:before svg {
  fill: #2a3584;
}
ul.whiteCheck li:last-of-type {
  margin-bottom: 0;
}

html {
  scroll-behavior: smooth;
}

#BackTop {
  position: fixed;
  bottom: 2rem;
  right: 2rem;
  background: #3f74fe;
  color: #ffffff;
  text-decoration: none;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  font-weight: 700;
  z-index: 1000;
  display: none;
  transition: all 250ms ease-in;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
#BackTop:hover {
  background: #2a3584;
  transform: translateY(-2px);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
}
#BackTop:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(42, 53, 132, 0.3), 0 4px 8px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #BackTop {
    bottom: 1rem;
    right: 1rem;
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
  }
}

ul.switch {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 48px;
}
ul.switch li {
  font-family: "DM Sans", sans-serif;
  display: flex;
}
ul.switch li a {
  color: rgba(66, 71, 98, 0.25);
  padding: 0 0.25rem 0.75rem 0.25rem;
  transition: all 250ms ease-in;
}
ul.switch li a.current {
  color: #3f74fe;
  border-bottom: 1px solid #3f74fe;
}
ul.switch li a.current:hover {
  color: #3f74fe;
  border-bottom: 1px solid #3f74fe;
}
ul.switch li a:hover {
  color: rgba(66, 71, 98, 0.75);
}

ul.tiles {
  width: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 16px;
}
ul.tiles li {
  display: flex;
  flex: 1;
  min-width: 0;
  flex-direction: row;
}
ul.tiles li a {
  padding: 1rem;
  border-radius: 0.25rem;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
ul.tiles li a span.symb {
  width: 80%;
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
}
ul.tiles li a span.title {
  font-family: "DM Sans", sans-serif;
  font-weight: 700;
}
ul.tiles li a.b1 {
  border: 1px solid rgba(42, 53, 132, 0.25);
  color: #2a3584;
  transition: all 250ms ease-in;
}
ul.tiles li a.b1:hover {
  border: 1px solid #2a3584;
}
ul.tiles li a.b1.active {
  box-shadow: 0px 10px 32px -14px rgba(0, 0, 0, 0.6);
  border: 1px solid #2a3584;
}
ul.tiles li a.b2 {
  border: 1px solid rgba(63, 116, 254, 0.25);
  color: #3f74fe;
  transition: all 250ms ease-in;
}
ul.tiles li a.b2:hover {
  border: 1px solid #3f74fe;
}
ul.tiles li a.b2.active {
  box-shadow: 0px 10px 32px -14px rgba(0, 0, 0, 0.6);
  border: 1px solid #3f74fe;
}
ul.tiles li a.g1 {
  border: 1px solid rgba(81, 184, 72, 0.25);
  color: #51b848;
  transition: all 250ms ease-in;
}
ul.tiles li a.g1:hover {
  border: 1px solid #51b848;
}
ul.tiles li a.g1.active {
  box-shadow: 0px 10px 32px -14px rgba(0, 0, 0, 0.6);
  border: 1px solid #51b848;
}
ul.tiles li a.r1 {
  border: 1px solid rgba(221, 73, 73, 0.25);
  color: #dd4949;
  transition: all 250ms ease-in;
}
ul.tiles li a.r1:hover {
  border: 1px solid #dd4949;
}
ul.tiles li a.r1.active {
  box-shadow: 0px 10px 32px -14px rgba(0, 0, 0, 0.6);
  border: 1px solid #dd4949;
}

form.singleContact ul,
form.hs-form-private ul {
  margin: 0;
  padding: 0;
}
form.singleContact ul li:not(.reCaptchaCont),
form.hs-form-private ul li:not(.reCaptchaCont) {
  width: 100%;
  display: flex;
  gap: 1rem;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  justify-content: center;
  align-items: center;
  margin: auto;
  background-color: #f9f9ff;
  border-radius: 3rem;
  border: 1px solid #f9f9ff;
  margin-bottom: 2rem;
}
form.singleContact ul li:not(.reCaptchaCont) input[type=email],
form.hs-form-private ul li:not(.reCaptchaCont) input[type=email] {
  width: 100%;
  height: 3.625rem;
  background: none;
  border: 0;
  padding: 0;
  outline: none;
  color: #adabc3;
}
form.singleContact ul li:not(.reCaptchaCont) input[type=email]:focus,
form.hs-form-private ul li:not(.reCaptchaCont) input[type=email]:focus {
  background: none;
  color: #adabc3;
}
form.singleContact ul li:not(.reCaptchaCont) input[type=submit],
form.hs-form-private ul li:not(.reCaptchaCont) input[type=submit] {
  height: 3.625rem;
  padding: 0 2rem;
  background-color: #2a3584;
  color: #ffffff;
  border-style: none;
  border-radius: 3rem;
  cursor: pointer;
  outline: none;
}
form.singleContact ul input::-moz-placeholder, form.hs-form-private ul input::-moz-placeholder {
  color: #adabc3;
}
form.singleContact ul input::placeholder,
form.hs-form-private ul input::placeholder {
  color: #adabc3;
}
form.singleContact ul li.reCaptchaCont,
form.hs-form-private ul li.reCaptchaCont {
  width: -moz-min-content;
  width: min-content;
}
form.singleContact ul li:has(input.error),
form.hs-form-private ul li:has(input.error) {
  border: 1px solid #dd4949;
}

#formContain p {
  margin: 0 0 1rem 0;
  font-family: "DM Sans", sans-serif;
  color: #151516;
}

form.hs-contact {
  width: 100%;
  display: inline-block;
}
form.hs-contact ul {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
form.hs-contact ul li {
  width: 100%;
  text-align: left;
}
form.hs-contact ul li input[type=text]::-moz-placeholder, form.hs-contact ul li input[type=email]::-moz-placeholder, form.hs-contact ul li input[type=tel]::-moz-placeholder {
  color: #424762;
  display: inline-block;
  margin-bottom: 0.25rem;
}
form.hs-contact ul li label, form.hs-contact ul li select, form.hs-contact ul li input[type=text]::placeholder,
form.hs-contact ul li input[type=email]::placeholder,
form.hs-contact ul li input[type=tel]::placeholder, form.hs-contact ul li input[type=text],
form.hs-contact ul li input[type=email],
form.hs-contact ul li input[type=tel] {
  color: #424762;
  display: inline-block;
  margin-bottom: 0.25rem;
}
form.hs-contact ul li input[type=text]::-moz-placeholder span, form.hs-contact ul li input[type=email]::-moz-placeholder span, form.hs-contact ul li input[type=tel]::-moz-placeholder span {
  color: #dd4949;
}
form.hs-contact ul li label span, form.hs-contact ul li select span, form.hs-contact ul li input[type=text]::placeholder span,
form.hs-contact ul li input[type=email]::placeholder span,
form.hs-contact ul li input[type=tel]::placeholder span, form.hs-contact ul li input[type=text] span,
form.hs-contact ul li input[type=email] span,
form.hs-contact ul li input[type=tel] span {
  color: #dd4949;
}
form.hs-contact ul li input[type=text],
form.hs-contact ul li input[type=email],
form.hs-contact ul li input[type=tel] {
  display: block;
  width: 100%;
  padding: 1rem;
  border: 1px solid #adabc3;
  background: #ffffff;
  color: #adabc3;
  border-radius: 8px;
}
form.hs-contact ul li input[type=text].error,
form.hs-contact ul li input[type=email].error,
form.hs-contact ul li input[type=tel].error {
  border: 1px solid #dd4949;
}
form.hs-contact ul li input[type=text]:focus,
form.hs-contact ul li input[type=email]:focus,
form.hs-contact ul li input[type=tel]:focus {
  border: 1px solid #151516;
  color: #151516;
}
form.hs-contact ul li input[type=text]::-moz-placeholder, form.hs-contact ul li input[type=email]::-moz-placeholder, form.hs-contact ul li input[type=tel]::-moz-placeholder {
  color: #adabc3;
}
form.hs-contact ul li input[type=text]::placeholder,
form.hs-contact ul li input[type=email]::placeholder,
form.hs-contact ul li input[type=tel]::placeholder {
  color: #adabc3;
}
form.hs-contact ul li select {
  color: #424762;
  margin: 0 0 8px 0;
  width: 100%;
  padding: 5px 35px 5px 5px;
  border: 1px solid #424762;
  background: #ffffff;
  height: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/Logo_White.png) 98%/15% no-repeat #eee;
  background-size: 18px auto;
  border-radius: 8px;
}
form.hs-contact ul li select:focus {
  outline: none;
}
form.hs-contact ul li select.error {
  border: 1px solid #dd4949;
}
form.hs-contact ul li input[type=submit] {
  background: #3f74fe;
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
  padding: 0.5rem;
  min-width: 300px;
  border: 1px solid #2a3584;
  transition: all 250ms ease-in;
  cursor: pointer;
}
form.hs-contact ul li input[type=submit]:hover {
  background: #ffffff;
  color: #3f74fe;
  padding: 0.5rem;
  min-width: 300px;
  border: 1px solid #2a3584;
}
form.hs-contact#errorContainer {
  display: none;
}

select {
  color: #424762;
  margin: 0 0 8px 0;
  width: -moz-min-content;
  width: min-content;
  padding: 5px 35px 5px 5px !important;
  border: 1px solid #424762;
  background: #ffffff;
  height: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(/img/Logo_White.png) 98%/15% no-repeat #eee;
  background-size: 18px auto;
  border-radius: 8px;
}
select:focus {
  outline: none;
}
select.error {
  border: 1px solid #dd4949;
}

div.card {
  border-radius: 1rem;
  background: #ffffff;
  padding: 2rem;
  box-shadow: 0px 2px 4.2px -16px rgba(0, 0, 0, 0.07), 0px 4.7px 10px -16px rgba(0, 0, 0, 0.05), 0px 8.9px 18.9px -16px rgba(0, 0, 0, 0.042), 0px 15.9px 33.7px -16px rgba(0, 0, 0, 0.035), 0px 29.7px 63.1px -16px rgba(0, 0, 0, 0.028), 0px 71px 151px -16px rgba(0, 0, 0, 0.02);
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
div.card img {
  width: 2rem;
  height: auto;
}
div.card p {
  margin: 0;
}
div.card a {
  cursor: pointer;
}

#gl_fp_grid {
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
  row-gap: 6rem;
}
#gl_fp_grid .gl_fp_cont {
  width: 80%;
}
#gl_fp_grid .gl_fp_cont#gl_fp_cont1 {
  display: flex;
  flex-direction: row;
  gap: 24px;
  justify-self: flex-end;
  flex-wrap: wrap;
}
#gl_fp_grid .gl_fp_cont#gl_fp_cont1 p {
  flex: 0 0 min-content;
}
#gl_fp_grid .gl_fp_cont#gl_fp_cont1 ul {
  flex: 0 0 max-content;
}
#gl_fp_grid .gl_fp_cont#gl_fp_cont2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-self: flex-start;
  align-self: center;
  height: -moz-min-content;
  height: min-content;
}
#gl_fp_grid .gl_fp_cont#gl_fp_cont2 div {
  display: flex;
}
#gl_fp_grid .gl_fp_cont#gl_fp_cont2 div:first-of-type {
  flex: unset;
  align-self: flex-start;
  justify-self: center;
  width: 200px;
  height: 200px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  background: #3f74fe;
  border-radius: 50%;
}
#gl_fp_grid .gl_fp_cont#gl_fp_cont2 div:first-of-type p {
  text-align: center;
  color: #ffffff;
  width: 100%;
  display: inline-block;
  margin: 0;
}
#gl_fp_grid .gl_fp_cont#gl_fp_cont2 div:first-of-type p span {
  text-align: center;
  color: #ffffff;
  width: 100%;
  display: inline-block;
}
#gl_fp_grid .gl_fp_cont#gl_fp_cont2 div:last-of-type {
  align-self: center;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
#gl_fp_grid .gl_fp_cont#gl_fp_cont2 div:last-of-type p {
  text-align: center;
  color: #424762;
  width: 100%;
  display: inline-block;
  margin: 0;
}
#gl_fp_grid .gl_fp_cont#gl_fp_cont2 div:last-of-type p span {
  text-align: center;
  color: #3f74fe;
  width: 100%;
  display: inline-block;
}
#gl_fp_grid .gl_fp_cont#gl_fp_cont2 a.blk_btn {
  grid-row: 2;
  grid-column: 1/-1;
}
@media only screen and (max-width: 200px) {
  #gl_fp_grid {
    grid-template-columns: 100%;
  }
  #gl_fp_grid .gl_fp_cont {
    width: 100%;
  }
  #gl_fp_grid .gl_fp_cont#gl_fp_cont1 p {
    flex: 0 0 100%;
  }
  #gl_fp_grid .gl_fp_cont#gl_fp_cont1 ul {
    flex: 0 0 100%;
  }
}

table.clean {
  border: 1px solid #adabc3;
}
table.clean thead tr {
  background: #2a3584;
}
table.clean thead tr th {
  padding: 1rem;
  text-align: left;
  font-family: "DM Sans", sans-serif;
  color: #ffffff;
  border-right: 1px solid #ffffff;
}
table.clean thead tr th:last-of-type {
  border-right: 0;
}
table.clean tbody tr td {
  padding: 1rem;
  font-family: "DM Sans", sans-serif;
  color: #151516;
  border-right: 1px solid #adabc3;
  border-bottom: 1px solid #adabc3;
}
table.clean tbody tr td a {
  color: #3f74fe;
  transition: all 250ms ease-in;
}
table.clean tbody tr td a:hover {
  color: #2a3584;
}
table.clean tbody tr td img {
  width: 100%;
  height: auto;
}
table.clean tbody tr td:last-of-type {
  border-right: 0;
}
table.clean tbody tr:last-of-type td {
  border-bottom: 0;
}
table.clean tbody tr:nth-child(even) {
  background: #f9f9ff;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  table.clean {
    display: block;
    border: none;
  }
  table.clean thead {
    display: none;
  }
  table.clean tbody {
    display: block;
  }
  table.clean tbody tr {
    display: block;
    margin-bottom: 1.5rem;
    border: 1px solid #adabc3;
    border-radius: 0.5rem;
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  }
  table.clean tbody tr td {
    display: block;
    padding: 1rem;
    border: none;
    border-bottom: 1px solid #adabc3;
    text-align: left;
  }
  table.clean tbody tr td:last-child {
    border-bottom: none;
  }
  table.clean tbody tr td:nth-child(1)::before {
    content: "Order Type: ";
    font-weight: 700;
    color: #3f74fe;
    display: block;
    margin-bottom: 0.25rem;
  }
  table.clean tbody tr td:nth-child(2)::before {
    content: "When to Use: ";
    font-weight: 700;
    color: #3f74fe;
    display: block;
    margin-bottom: 0.25rem;
  }
  table.clean tbody tr td:nth-child(3)::before {
    content: "Risk Considerations: ";
    font-weight: 700;
    color: #3f74fe;
    display: block;
    margin-bottom: 0.25rem;
  }
}

/*overlay*/
#overlay,
#overlayDark {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(249, 249, 255, 0.95);
  z-index: 1001;
}

#modal,
#modalNC {
  position: absolute;
  z-index: 1005;
  background: #f9f9ff;
  border: 1px solid #ffffff;
  padding: 2rem;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.11), 0 2px 2px rgba(0, 0, 0, 0.11), 0 4px 4px rgba(0, 0, 0, 0.11), 0 8px 8px rgba(0, 0, 0, 0.11), 0 16px 16px rgba(0, 0, 0, 0.11), 0 32px 32px rgba(0, 0, 0, 0.11);
}
#modal #close,
#modalNC #close {
  position: absolute;
  z-index: 1002;
  width: 2rem;
  height: 2rem;
  top: -0.5rem;
  right: -0.5rem;
  display: block;
  background: #2a3584;
  text-align: center;
  text-decoration: none;
  color: white;
  border-radius: 50%;
  transition: all 250ms ease-in;
}
#modal #close:hover,
#modalNC #close:hover {
  color: rgba(255, 255, 255, 0.75);
}
#modal #mContent,
#modalNC #mContent {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  min-width: 500px;
  max-width: 800px;
  height: 100%;
}

ul.sitemap {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
}
ul.sitemap li {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
ul.sitemap li a {
  color: #3f74fe;
}
ul.sitemap li.header {
  font-weight: bold;
}
ul.sitemap li + .header {
  margin-top: 2rem;
}

.glossaryHero {
  background: radial-gradient(100% 100% at 20% 80%, #2a3584 0%, transparent), radial-gradient(100% 100% at 80% 20%, #3f74fe 0%, transparent), #1b253b;
}
.glossaryHero .l_contain {
  margin-bottom: 0;
}
.glossaryHero hgroup {
  padding: 4rem 0;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
.glossaryHero hgroup h1 {
  color: #ffffff;
  text-align: center;
}
.glossaryHero hgroup p {
  color: #ffffff;
  margin: 0;
  text-align: center;
}

#ordersDefinitions {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4rem;
}
#ordersDefinitions .card h2 {
  color: #3f74fe;
  border-bottom: 1px solid #adabc3;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
#ordersDefinitions .card dl {
  margin: 0;
}
#ordersDefinitions .card dl dt {
  color: #151516;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
#ordersDefinitions .card dl dd {
  color: #424762;
  margin: 0 0 1rem 0;
}
#ordersDefinitions .card dl dd ol,
#ordersDefinitions .card dl dd ul {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
}
#ordersDefinitions .card dl dd ol li,
#ordersDefinitions .card dl dd ul li {
  margin-bottom: 0.25rem;
}
#ordersDefinitions .card dl dd ol li:last-child,
#ordersDefinitions .card dl dd ul li:last-child {
  margin-bottom: 0;
}
#ordersDefinitions .card dl dd ol li {
  list-style-type: decimal;
}
#ordersDefinitions .card dl dd ol li::marker {
  color: #3f74fe;
}
#ordersDefinitions .card dl dd ul li {
  list-style-type: disc;
}
#ordersDefinitions .card dl dd ul li::marker {
  color: #3f74fe;
}
#ordersDefinitions .card dl dd:last-of-type {
  margin-bottom: 0;
}
#ordersDefinitions .card .example {
  margin-top: 2rem;
  border-left: 2px solid #2a861b;
  padding: 1rem;
  background: #f9f9ff;
  border-radius: 0 0.5rem 0.5rem 0;
}
#ordersDefinitions .card .example h3 {
  color: #2a861b;
}
#ordersDefinitions .card .example h3::before {
  content: "\f0eb";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 0.5rem;
  color: #2a861b;
}
#ordersDefinitions .card .example p {
  color: #424762;
  padding: 0 0 0 1.5rem;
}
#ordersDefinitions .card .risk {
  border-left: 2px solid #ccc112;
  padding: 1rem;
  background: #f9f9ff;
  border-radius: 0 0.5rem 0.5rem 0;
}
#ordersDefinitions .card .risk h3 {
  color: #ccc112;
}
#ordersDefinitions .card .risk h3::before {
  content: "\f071";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  margin-right: 0.5rem;
  color: #ccc112;
}
#ordersDefinitions .card .risk p {
  color: #424762;
  padding: 0 0 0 1.5rem;
}
#ordersDefinitions .card table.clean {
  width: 100%;
}
#ordersDefinitions .card table.clean thead tr th {
  background: radial-gradient(100% 100% at 47% 30%, #2a3584 0%, transparent), radial-gradient(100% 100% at 97% 0%, #3f74fe 0%, transparent), #1b253b;
}
#ordersDefinitions#ordersDefinitions,
#ordersDefinitions #marketOrders,
#ordersDefinitions #limitOrders,
#ordersDefinitions #stopOrders,
#ordersDefinitions #stopLimitOrders,
#ordersDefinitions #ocoOrders,
#ordersDefinitions #bracketOrders,
#ordersDefinitions #orderTypesComparison {
  grid-column: 1/-1;
}

#termsContent {
  display: grid;
  margin: 4rem auto;
  grid-template-columns: 1fr;
  gap: 2rem;
}
#termsContent .letter-nav {
  margin: 0 0 2rem 0;
  padding: 1rem;
  background: #f9f9ff;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
#termsContent .letter-nav h2 {
  color: #151516;
  margin: 0;
  text-align: left;
}
#termsContent .letter-nav .letter-links {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: center;
  align-items: center;
}
#termsContent .letter-nav .letter-links .letter-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  background: #ffffff;
  color: #3f74fe;
  text-decoration: none;
  border-radius: 50%;
  font-weight: 700;
  font-size: 1.125rem;
  transition: all 250ms ease-in;
  border: 2px solid transparent;
}
#termsContent .letter-nav .letter-links .letter-link:hover {
  background: #3f74fe;
  color: #ffffff;
  transform: translateY(-2px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
#termsContent .letter-nav .letter-links .letter-link:focus {
  outline: none;
  border-color: #2a3584;
  box-shadow: 0 0 0 3px rgba(42, 53, 132, 0.3);
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  #termsContent .letter-nav .letter-links {
    gap: 0.25rem;
  }
  #termsContent .letter-nav .letter-links .letter-link {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1rem;
  }
}
#termsContent .card h2 {
  color: #3f74fe;
  border-bottom: 1px solid #adabc3;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
}
#termsContent .card dl {
  margin: 0;
}
#termsContent .card dl dt {
  color: #151516;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
#termsContent .card dl dd {
  color: #424762;
  margin: 0 0 1rem 0;
}
#termsContent .card dl dd ol,
#termsContent .card dl dd ul {
  margin: 0.5rem 0;
  padding-left: 1.5rem;
}
#termsContent .card dl dd ol li,
#termsContent .card dl dd ul li {
  margin-bottom: 0.25rem;
}
#termsContent .card dl dd ol li:last-child,
#termsContent .card dl dd ul li:last-child {
  margin-bottom: 0;
}
#termsContent .card dl dd ol li {
  list-style-type: decimal;
}
#termsContent .card dl dd ol li::marker {
  color: #3f74fe;
}
#termsContent .card dl dd ul li {
  list-style-type: disc;
}
#termsContent .card dl dd ul li::marker {
  color: #3f74fe;
}
#termsContent .card dl dd:last-of-type {
  margin-bottom: 0;
}

.faq-grid {
  width: 100%;
  gap: 1rem;
  padding: 4rem 6rem;
  grid-template-columns: 1fr;
}
.faq-grid .faq-header {
  grid-column: 1/-1;
  display: flex;
  gap: 32px;
  flex-direction: column;
  align-items: flex-start;
}
.faq-grid .faq-header p {
  width: 60%;
}
.faq-grid .faq-content {
  display: grid;
  grid-template-columns: 1fr;
}
.faq-grid .faq-content.twoCol {
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 2rem;
       column-gap: 2rem;
}
.faq-grid .faq-content details {
  color: #fff;
  padding: 2rem 1rem;
  border-bottom: 1px solid #ffffff;
  cursor: pointer;
}
.faq-grid .faq-content details summary {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  transition: height 10s ease-in-out;
}
.faq-grid .faq-content details summary::-webkit-details-marker {
  display: none;
}
.faq-grid .faq-content details summary:after {
  content: "+";
}
.faq-grid .faq-content details p {
  margin: 2rem 0 0 0;
  transition: height 5s ease-in-out;
  font-weight: normal;
  color: #ffffff;
}
.faq-grid .faq-content details p a {
  color: #3f74fe;
}
.faq-grid .faq-content details[open] summary:after {
  content: "×";
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  .faq-grid .faq-content.twoCol {
    grid-template-columns: 1fr;
  }
}
.faq-grid .faq-cta {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 2rem;
}
.faq-grid .faq-cta h3 {
  margin-bottom: 1rem;
}
.faq-grid .faq-cta p {
  margin-bottom: 2rem;
}
.faq-grid .faq-cta .btn_primary, .faq-grid .faq-cta .btn_primary_icon, .faq-grid .faq-cta header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li a#app_oa, header#app_header #app_header_content nav#btn_nav ul#app_btns_cont li .faq-grid .faq-cta a#app_oa {
  display: flex !important;
}
@media only screen and (min-width: 200px) and (max-width: 768px) {
  .faq-grid {
    padding: 2rem;
    grid-template-columns: 1fr;
  }
}