.dark {
  color: #050C28; }

.primary {
  color: #C49B2E; }

.primary50 {
  color: #C49B2E; }

.white {
  color: #FFFFFF; }

.gray {
  color: #F6F6F6; }

.gray50 {
  color: #FAFAFA; }

.gray0 {
  color: #F1F0F0; }

.accent {
  color: #050C28; }

.text_gray {
  color: rgba(5, 12, 40, 0.6) !important; }

.text_white {
  color: rgba(255, 255, 255, 0.6) !important; }

.bg-dark {
  background: #050C28 !important; }

.bg-primary {
  background: #C49B2E !important; }

.bg-primary50 {
  background: #C49B2E !important; }

.bg-white {
  background: #FFFFFF !important; }

.bg-gray {
  background: #F6F6F6 !important; }

.bg-gray50 {
  background: #FAFAFA !important; }

.bg-gray0 {
  background: #F1F0F0 !important; }

.bg-accent {
  background: #050C28 !important; }

@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/Gilroy-SemiBold.woff2") format("woff2"), url("../fonts/Gilroy-SemiBold.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/Gilroy-Medium.woff2") format("woff2"), url("../fonts/Gilroy-Medium.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Trajan Pro';
  src: url("../fonts/TrajanPro-Regular.woff2") format("woff2"), url("../fonts/TrajanPro-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }
@font-face {
  font-family: 'Trajan Pro';
  src: url("../fonts/TrajanPro-Bold.woff2") format("woff2"), url("../fonts/TrajanPro-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }
body {
  font-family: 'Gilroy';
  font-weight: 500; }

h1, h2, h3, h4, h5, h6 {
  font-family: 'Trajan Pro';
  font-weight: 400;
  line-height: 100%;
  margin: 0; }
  h1 span, h2 span, h3 span, h4 span, h5 span, h6 span {
    font-weight: 700; }

h1 {
  font-size: 5rem; }

h2 {
  font-size: 4.4025rem; }

h3 {
  font-size: 2.9975rem; }

h4 {
  font-size: 2.1875rem; }

h5 {
  font-size: 1.375rem; }

h6 {
  font-size: 1.125rem; }

a, .link {
  text-decoration: none;
  color: inherit;
  font-size: 0.9rem;
  text-transform: uppercase;
  font-weight: 500;
  font-family: 'Gilroy'; }

p {
  font-size: 1rem;
  padding-bottom: 0rem;
  margin: 0rem; }
  p span {
    color: #050C28 !important; }

tr {
  font-size: 0.9rem;
  padding-bottom: 0rem;
  margin: 0rem;
  font-family: 'Gilroy';
  font-weight: 500; }
  tr span {
    color: #050C28 !important; }

p.extra_small {
  font-size: 0.75rem; }

p.small {
  font-size: 0.875rem; }

p.large {
  font-size: 1.125rem; }

p.extra_large {
  font-size: 1.5rem; }

.heading.third_right {
  padding-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .heading.third_right > :nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 4;
    max-width: 37rem; }
    .heading.third_right > :nth-child(1)::before {
      content: '';
      display: block;
      height: 7rem;
      position: absolute;
      top: 10.5rem;
      left: 5rem;
      width: 2px;
      background: #050c28; }
  .heading.third_right > :nth-child(2) {
    grid-column-start: 4;
    grid-column-end: 6; }
.heading.third_left {
  padding-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .heading.third_left > :nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
    max-width: 37rem; }
    .heading.third_left > :nth-child(1) h1 {
      padding: 0.6rem 0rem; }
      .heading.third_left > :nth-child(1) h1::before {
        content: '';
        display: block;
        height: 1rem;
        position: absolute;
        top: 0.5rem;
        left: 5rem;
        width: 2px;
        background: #050c28; }
  .heading.third_left > :nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 6; }
.heading.third_left_2 {
  padding-bottom: 5rem;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .heading.third_left_2 > :nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3;
    max-width: 37rem; }
    .heading.third_left_2 > :nth-child(1) h6::before {
      content: '';
      display: block;
      height: 2.5rem;
      position: absolute;
      top: 0rem;
      left: 5rem;
      width: 2px;
      background: #050c28; }
  .heading.third_left_2 > :nth-child(2) {
    grid-column-start: 3;
    grid-column-end: 6; }
.heading.center {
  text-align: center;
  width: 100%;
  position: relative; }
  .heading.center::after {
    content: '';
    display: block;
    bottom: 0rem;
    border-bottom: 2px solid #F6F6F6;
    width: calc(100%);
    z-index: -1;
    background: #050C28;
    left: 0rem;
    position: absolute; }
  .heading.center .heading_inner {
    position: relative;
    max-width: 38.2rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    padding-bottom: 3rem; }
    .heading.center .heading_inner::after {
      content: '';
      display: block;
      bottom: 0rem;
      border-bottom: 2px solid #050C28;
      width: 7.34rem;
      background: #050C28;
      position: absolute; }
.heading.center_dualine {
  text-align: center;
  width: 100%;
  position: relative; }
  .heading.center_dualine::before {
    content: '';
    display: block;
    top: 0rem;
    border-bottom: 2px solid #F6F6F6;
    width: calc(100%);
    z-index: -1;
    background: #050C28;
    left: 0rem;
    position: absolute; }
  .heading.center_dualine::after {
    content: '';
    display: block;
    bottom: 0rem;
    border-bottom: 2px solid #F6F6F6;
    width: calc(100%);
    z-index: -1;
    background: #050C28;
    left: 0rem;
    position: absolute; }
  .heading.center_dualine .heading_inner {
    position: relative;
    max-width: 40rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    padding-bottom: 3rem; }
.heading.center_noline {
  text-align: center;
  width: 100%;
  position: relative; }
  .heading.center_noline .heading_inner {
    position: relative;
    max-width: 38.2rem;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    padding-bottom: 3rem; }

@media (max-width: 575.98px) {
  .heading.third_right, .heading.third_left, .heading.third_left_2 {
    display: flex;
    flex-direction: column;
    gap: 1rem; }
  .heading.center::after {
    width: 100%;
    left: 0rem; }

  h1 {
    font-size: 3.25rem; }

  h2 {
    font-size: 2.6525rem; }

  h3 {
    font-size: 1.9975rem; }

  h4 {
    font-size: 2rem; }

  h5 {
    font-size: 1.5rem; }

  h6 {
    font-size: 1.1rem; } }
.btn {
  border-radius: 2.9375rem;
  border: 1px solid #C49B2E;
  display: inline-flex;
  padding: 0.664rem 2.25rem;
  justify-content: center;
  align-items: center;
  gap: 0.625rem;
  font-size: 0.75rem;
  color: #050C28;
  font-weight: 500;
  text-transform: uppercase; }
  .btn.btn-primary {
    color: #FFFFFF;
    background: linear-gradient(90deg, #A77C35 0%, #FFDF8F 24.37%, #CC9F35 51.98%, #F0BE58 74.9%, #AF771A 100%);
    border: 1px solid rgba(252, 221, 131, 0.5);
    text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15); }
  .btn.btn-secondary {
    color: #050C28;
    background: #FFFFFF;
    border: #F6F6F6;
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .btn.btn-secondary:before {
      content: '';
      height: 100%;
      width: 0%;
      background: #050C28;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      transition-duration: 0.2s; }
    .btn.btn-secondary:hover:before {
      width: 100%; }
    .btn.btn-secondary:hover {
      color: #FFFFFF; }
  .btn.btn-gray {
    color: #050C28;
    background: #FAFAFA;
    border: #F6F6F6;
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .btn.btn-gray:before {
      content: '';
      height: 100%;
      width: 0%;
      background: #050C28;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      transition-duration: 0.2s; }
    .btn.btn-gray:hover:before {
      width: 100%; }
    .btn.btn-gray:hover {
      color: #FFFFFF; }
  .btn.btn-dark {
    color: #FFFFFF;
    background: #050C28;
    border: #050C28;
    position: relative;
    overflow: hidden;
    z-index: 1; }
    .btn.btn-dark:before {
      content: '';
      height: 100%;
      width: 0%;
      background: #000000;
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      transition-duration: 0.2s; }
    .btn.btn-dark:hover:before {
      width: 100%; }
  .btn.btn-ghost {
    border: transparent !important; }
    .btn.btn-ghost.big {
      padding: 0.664rem 0rem; }
    .btn.btn-ghost.white {
      color: #FFFFFF; }

.cards {
  display: flex;
  padding: 2.25rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.25rem;
  border-radius: 0.625rem;
  background: #FAFAFA; }
  .cards.usp_card {
    padding: 1.875rem 1.25rem 0.5rem;
    justify-content: space-between; }

.card_wrapper {
  background: #FAFAFA;
  display: flex;
  border-radius: 0.625rem;
  padding: 4rem;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 1.5625rem; }

@media (max-width: 575.98px) {
  .cards {
    padding: 1rem; }

  .cards.usp_card {
    padding: 1rem 1rem 0.5rem; } }
.cards_4_wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9375rem; }

.cards_2_2_wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9375rem; }

.cards_3_wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9375rem; }

.cards_1_2_wrapper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.9375rem; }
  .cards_1_2_wrapper > :nth-child(4) {
    justify-content: space-between; }
    .cards_1_2_wrapper > :nth-child(4) .heading {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      height: 100%;
      text-align: center; }
    .cards_1_2_wrapper > :nth-child(4) img {
      max-width: 5rem;
      margin: 0 auto; }
  .cards_1_2_wrapper .btn {
    width: 100%; }

.cards_2_1_wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.9375rem; }
  .cards_2_1_wrapper > :nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 3; }

.image {
  background: #FAFAFA;
  border-radius: 0.625rem;
  overflow: hidden;
  min-height: 25rem; }
  .image img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%; }

.cards_2_wrapper {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.9375rem; }

.pills_wrapper {
  display: flex;
  gap: 2rem; }
  .pills_wrapper .nav-pills {
    min-width: 23rem;
    gap: 1rem;
    justify-content: space-between; }
    .pills_wrapper .nav-pills .nav-link {
      background: transparent;
      color: #050C28;
      border-radius: 0rem;
      text-align: left;
      border-bottom: 1px solid rgba(5, 12, 40, 0.15);
      position: relative;
      display: flex;
      align-items: center;
      padding: 1.25rem;
      justify-content: space-between;
      padding-left: 0rem; }
      .pills_wrapper .nav-pills .nav-link .pill_inner {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        padding-left: 1.25rem;
        border-left: 1px solid #050C28; }
        .pills_wrapper .nav-pills .nav-link .pill_inner h5 {
          padding: 0rem;
          margin: 0rem; }
      .pills_wrapper .nav-pills .nav-link.active, .pills_wrapper .nav-pills .nav-link:hover {
        background: transparent;
        border-bottom: 1px solid #050c28; }
        .pills_wrapper .nav-pills .nav-link.active .icon_wrapper::after, .pills_wrapper .nav-pills .nav-link:hover .icon_wrapper::after {
          height: 100%;
          width: 100%;
          background: #C49B2E; }
        .pills_wrapper .nav-pills .nav-link.active .icon_wrapper svg path, .pills_wrapper .nav-pills .nav-link:hover .icon_wrapper svg path {
          stroke: #FFFFFF; }
      .pills_wrapper .nav-pills .nav-link .icon_wrapper {
        height: 2.1rem;
        width: 2.1rem;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center; }
        .pills_wrapper .nav-pills .nav-link .icon_wrapper::after {
          content: '';
          z-index: -1;
          display: block;
          border-radius: 3rem;
          height: 0%;
          width: 0%;
          background: transparent;
          position: absolute;
          transition-duration: 0.2s; }
        .pills_wrapper .nav-pills .nav-link .icon_wrapper svg path {
          stroke: #F6F6F6;
          transition-duration: 0.2s; }

.buttons_wrapper {
  display: flex;
  gap: 1rem; }

.checklist {
  list-style: none;
  padding: 0;
  margin: 0; }
  .checklist li {
    display: flex;
    gap: 1rem;
    align-items: center;
    border-bottom: 1px solid #F6F6F6;
    padding: 0.3125rem 0.9375rem; }
    .checklist li::before {
      content: url("../img/check_accent.svg");
      width: 2.1875rem;
      height: 2.1875rem; }
    .checklist li:last-child {
      border-bottom: 0rem; }

.heading_wrap {
  padding-top: 5rem; }
  .heading_wrap.less_pad {
    padding-top: 0rem; }
  .heading_wrap h4 {
    max-width: 58rem;
    margin: 0 auto; }
  .heading_wrap h5 {
    max-width: 58rem;
    margin: 0 auto; }
  .heading_wrap .heading.third_left_2 {
    padding-bottom: 4rem; }

@media (max-width: 575.98px) {
  .cards_4_wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem; }

  .cards_2_wrapper, .cards_3_wrapper, .cards_2_1_wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 0.5rem; }

  .cards_1_2_wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr)); }
    .cards_1_2_wrapper > :nth-child(3) {
      grid-column-start: auto;
      grid-column-end: auto; } }
.heading_wrap.less_pad .heading.third_left_2 > :nth-child(1) h5::before {
  content: '';
  display: block;
  height: 2.5rem;
  position: absolute;
  top: 0rem;
  left: 5rem;
  width: 2px;
  background: #050c28; }
.heading_wrap.less_pad .heading.third_left_2 > :nth-child(1) h6::before {
  content: '';
  display: block;
  height: 2.5rem;
  position: absolute;
  top: 0rem;
  left: 5rem;
  width: 2px;
  background: #050c28; }
.heading_wrap .heading.third_left_2 > :nth-child(1) h5::before {
  content: '';
  display: block;
  height: 2.5rem;
  position: absolute;
  top: 5rem;
  left: 5rem;
  width: 2px;
  background: #050c28; }
.heading_wrap .heading.third_left_2 > :nth-child(1) h6::before {
  content: '';
  display: block;
  height: 2.5rem;
  position: absolute;
  top: 5rem;
  left: 5rem;
  width: 2px;
  background: #050c28; }

.table {
  border-collapse: separate;
  font-size: 0.85rem;
  border-spacing: 0.3rem; }
  .table thead *, .table tbody * {
    border: none !important; }
  .table p {
    font-size: 0.85rem;
    font-weight: 500; }
  .table th {
    padding: 1rem 1.25rem !important;
    background: #050C28;
    color: #FFFFFF;
    border-radius: 0;
    border-radius: 0.625rem;
    vertical-align: middle; }
  .table tbody tr td {
    padding: 0.5rem 1.25rem !important;
    background: #FAFAFA;
    color: #050C28;
    border-radius: 0.625rem;
    vertical-align: middle; }

.custom_tabs {
  gap: 1.25rem; }
  .custom_tabs .nav-link {
    background: #FAFAFA;
    padding: 1.25rem 2.25rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.25rem;
    color: #050C28; }
    .custom_tabs .nav-link.active {
      background: #050C28;
      color: #FFFFFF; }
      .custom_tabs .nav-link.active svg rect {
        fill: #FFFFFF; }
      .custom_tabs .nav-link.active svg path {
        stroke: #FFFFFF;
        fill: #FFFFFF; }

.tab-content .nav-tabs {
  display: flex;
  margin-bottom: 1.6rem;
  gap: 1rem;
  justify-content: space-between;
  border: none; }
  .tab-content .nav-tabs .btn.active {
    background: #C49B2E;
    color: #050C28; }
  .tab-content .nav-tabs .btn {
    background: #FAFAFA;
    flex-grow: 1; }
    .tab-content .nav-tabs .btn:hover:before {
      background: #C49B2E; }

.lowercase {
  text-transform: lowercase !important; }

.split-parent {
  overflow: hidden; }

.split-child {
  display: inline-block; }

.pb_1 {
  padding-bottom: 1rem; }

.pb_2 {
  padding-bottom: 2rem; }

.pb_3 {
  padding-bottom: 3rem; }

.pb_4 {
  padding-bottom: 4rem; }

.pb_5 {
  padding-bottom: 5rem; }

.pt_1 {
  padding-top: 1rem; }

.pt_2 {
  padding-top: 2rem; }

.pt_3 {
  padding-top: 3rem; }

.pt_4 {
  padding-top: 4rem; }

.pt_5 {
  padding-top: 5rem; }

.container-fluid {
  max-width: 1120px; }

.navbar {
  position: absolute;
  top: 2.3rem;
  left: 0px;
  width: 100%;
  z-index: 9999; }
  .navbar.navbar-dark .btn-ghost {
    color: #FFFFFF; }
  .navbar.navbar-light .btn-ghost {
    color: #050C28; }
  .navbar.navbar-light .navbar-nav .nav-item a {
    color: #050C28; }
  .navbar .navbar-nav {
    gap: 1rem; }
    .navbar .navbar-nav .nav-item {
      outline: none !important;
      box-shadow: none !important; }
      .navbar .navbar-nav .nav-item a {
        font-size: 0.8rem;
        color: #FFFFFF;
        outline: none !important;
        box-shadow: none !important; }

.navbar-nav .dropdown-menu {
  padding: 0;
  margin: 0;
  border-radius: 0.625rem;
  overflow: hidden;
  padding: 0.5rem; }
  .navbar-nav .dropdown-menu a {
    color: #050C28 !important;
    text-transform: none;
    font-weight: 500;
    padding: 1rem;
    border-radius: 0.5rem;
    transition-duration: 0.2s; }
    .navbar-nav .dropdown-menu a:hover {
      background: #050C28;
      color: #FFFFFF !important; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

.slick-dots {
  bottom: 4rem;
  padding: 0rem 2rem; }

.slick-dots li button:before {
  color: #FFFFFF; }

.slick-dots li.slick-active button:before {
  color: #FFFFFF; }

.hero {
  color: #FFFFFF;
  background-position: center;
  background-size: cover;
  position: relative;
  z-index: 1; }
  .hero .large {
    font-weight: 400; }
  .hero.inner {
    background: #050C28;
    color: #FFFFFF; }
    .hero.inner .overlay .element-1,
    .hero.inner .overlay .element-2,
    .hero.inner .overlay .element-3 {
      background: rgba(255, 255, 255, 0.05); }
    .hero.inner .hero_inner .hero_content {
      min-height: 30rem;
      display: flex;
      flex-direction: column; }
    .hero.inner .hero_inner h3 {
      max-width: 55rem; }
    .hero.inner .hero_inner.mw-l h3 {
      max-width: 60rem; }
  .hero .overlay {
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%; }
    .hero .overlay .element-1 {
      height: 100%;
      width: 54%;
      background: rgba(5, 12, 40, 0.6);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      position: absolute;
      left: 0;
      top: 0; }
    .hero .overlay .element-2 {
      height: 100%;
      width: 5%;
      background: rgba(5, 12, 40, 0.6);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      position: absolute;
      left: 57%; }
    .hero .overlay .element-3 {
      height: 100%;
      width: 9.5%;
      background: rgba(5, 12, 40, 0.6);
      backdrop-filter: blur(5px);
      -webkit-backdrop-filter: blur(5px);
      position: absolute;
      left: 75%; }
  .hero .form_wrapper form {
    padding: 1rem;
    background: #FFFFFF;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
    border-radius: 0.625rem; }
    .hero .form_wrapper form input {
      background: #F6F6F6;
      border: none !important;
      border-radius: 0.3rem;
      font-size: 1rem;
      padding: 0.5rem 1rem;
      box-shadow: none !important; }
    .hero .form_wrapper form .btn {
      grid-column-start: 1;
      grid-column-end: 3;
      margin-top: 0.5rem; }
  .hero .hero_inner {
    position: relative; }
    .hero .hero_inner .background {
      position: absolute;
      overflow: hidden;
      z-index: -10;
      width: 100%;
      height: 100%; }
      .hero .hero_inner .background img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: right; }
    .hero .hero_inner .hero_content {
      padding-top: 16rem;
      min-height: 38rem;
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
      .hero .hero_inner .hero_content h3 {
        max-width: 60rem;
        margin-top: 1.5rem; }
  .hero .cta_hero {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.62rem;
    position: absolute;
    width: 100%;
    bottom: -5rem;
    left: 0; }
    .hero .cta_hero .cta_card {
      background: #FAFAFA;
      text-transform: none;
      border-radius: 0.625rem;
      transition-duration: 0.2s;
      color: #050C28;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 1.6rem 2.5rem;
      position: relative;
      overflow: hidden;
      z-index: 1; }
      .hero .cta_hero .cta_card:before {
        content: '';
        height: 0%;
        width: 100%;
        background: #050C28;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        transition-duration: 0.2s; }
      .hero .cta_hero .cta_card:hover:before {
        height: 100%; }
      .hero .cta_hero .cta_card svg path {
        transition-duration: 0.2s; }
      .hero .cta_hero .cta_card:hover {
        color: #FFFFFF; }
        .hero .cta_hero .cta_card:hover svg path {
          fill: #C49B2E; }

.process {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  gap: 0.3rem; }
  .process .step_wrapper {
    display: flex;
    border-radius: 0.3125rem;
    background: rgba(255, 255, 255, 0.03);
    padding: 0.3125rem;
    align-items: center;
    gap: 0.5rem; }

.support .cards.usp_card {
  padding: 1.875rem; }

.usp .usp_inner {
  padding-top: 10rem;
  padding-bottom: 5.8rem;
  display: flex;
  flex-direction: column;
  gap: 0.94rem; }
  .usp .usp_inner .start_trading {
    background: #050C28;
    color: #FFFFFF; }
    .usp .usp_inner .start_trading span {
      color: #C49B2E; }

.account_types .account_types_inner {
  padding-bottom: 6.5rem; }
  .account_types .account_types_inner .card_wrapper {
    gap: 1rem; }

.assets .assets_inner {
  padding-top: 3rem;
  padding-bottom: 7rem; }
  .assets .assets_inner .nav-tabs {
    display: flex;
    margin-bottom: 1.6rem;
    gap: 1rem;
    justify-content: space-between;
    border: none; }
    .assets .assets_inner .nav-tabs .btn.active {
      color: #FFFFFF !important;
      background: linear-gradient(91deg, #FCDD83 0.45%, #C49B2E 99.42%);
      border: 1px solid rgba(252, 221, 131, 0.5);
      color: #050C28; }
    .assets .assets_inner .nav-tabs .btn {
      background: #FAFAFA;
      flex-grow: 1;
      color: #050C28;
      border: #FAFAFA; }
      .assets .assets_inner .nav-tabs .btn:hover:before {
        background: #C49B2E; }
  .assets .assets_inner .table {
    display: flex;
    flex-direction: column;
    gap: 0.3rem; }
    .assets .assets_inner .table thead *, .assets .assets_inner .table tbody * {
      border: none !important; }
    .assets .assets_inner .table thead tr {
      padding: 0.5rem 1.25rem !important;
      display: grid;
      background: #050C28;
      color: #FFFFFF;
      border-radius: 0.625rem;
      grid-template-columns: repeat(4, minmax(0, 1fr)); }
    .assets .assets_inner .table thead th {
      font-size: 0.85rem;
      text-align: center; }
      .assets .assets_inner .table thead th:first-child {
        text-align: left; }
    .assets .assets_inner .table tbody {
      display: flex;
      flex-direction: column;
      gap: 0.3rem; }
      .assets .assets_inner .table tbody tr {
        padding: 0.5rem 1.25rem !important;
        display: grid;
        background: #FAFAFA;
        color: #050C28;
        border-radius: 0.625rem;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 1rem; }
        .assets .assets_inner .table tbody tr td {
          text-align: center; }
          .assets .assets_inner .table tbody tr td:first-child {
            text-align: left; }

.platforms {
  padding-bottom: 5.15rem; }
  .platforms .heading.third_left_2 > :nth-child(1) h6::before {
    content: '';
    display: block;
    height: 2.5rem;
    position: absolute;
    top: 0rem;
    left: 5rem;
    width: 2px;
    background: #050c28; }

.content_box {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .content_box .content {
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative; }
    .content_box .content .buttons_wrapper {
      margin-top: 1rem; }
    .content_box .content .platform_icons {
      right: 2.5rem;
      top: 2.5rem;
      position: absolute; }
  .content_box .image {
    background: #FAFAFA;
    border-radius: 0.625rem;
    overflow: hidden;
    min-height: 31rem; }
    .content_box .image img {
      object-fit: cover;
      object-position: center;
      height: 100%;
      width: 100%; }
  .content_box._alt .content {
    order: 2; }

.footer {
  background: #050C28;
  color: #FFFFFF;
  padding-bottom: 4rem; }
  .footer .footer_buttons_wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.88rem;
    padding-top: 4.5rem;
    padding-bottom: 7rem; }
    .footer .footer_buttons_wrapper .footer_button {
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      padding-bottom: 1rem;
      border-bottom: 2px solid rgba(255, 255, 255, 0.15);
      text-transform: none; }
      .footer .footer_buttons_wrapper .footer_button .head {
        display: flex;
        justify-content: space-between;
        padding-right: 1.25rem; }
        .footer .footer_buttons_wrapper .footer_button .head .button_heading {
          border-left: 1px solid #050C28;
          display: flex;
          flex-direction: column;
          gap: 0.5rem;
          padding-left: 1.25rem; }
          .footer .footer_buttons_wrapper .footer_button .head .button_heading h5 {
            padding: 0rem;
            margin: 0rem; }
        .footer .footer_buttons_wrapper .footer_button .head .icon_wrapper {
          height: 2.1rem;
          width: 2.1rem;
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          z-index: 1; }
          .footer .footer_buttons_wrapper .footer_button .head .icon_wrapper::after {
            content: '';
            z-index: -1;
            display: block;
            border-radius: 3rem;
            height: 0%;
            width: 0%;
            background: transparent;
            position: absolute;
            transition-duration: 0.2s; }
          .footer .footer_buttons_wrapper .footer_button .head .icon_wrapper svg path {
            stroke: #F6F6F6;
            transition-duration: 0.2s; }
      .footer .footer_buttons_wrapper .footer_button .body {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
        padding-left: 1.25rem;
        justify-content: flex-start; }
      .footer .footer_buttons_wrapper .footer_button:hover .icon_wrapper::after {
        height: 100%;
        width: 100%;
        background: #FFFFFF; }
      .footer .footer_buttons_wrapper .footer_button:hover .icon_wrapper svg path {
        stroke: #050C28; }
  .footer .footer_details {
    display: flex;
    gap: 4rem; }
    .footer .footer_details .contact {
      width: 100%;
      max-width: 18rem; }
      .footer .footer_details .contact .contact_deets {
        display: flex;
        margin-top: 2.8rem;
        flex-direction: column;
        gap: 2rem; }
        .footer .footer_details .contact .contact_deets .link {
          margin-bottom: 0.5rem; }
        .footer .footer_details .contact .contact_deets .socials {
          display: flex;
          gap: 1rem; }
    .footer .footer_details .content {
      display: flex;
      flex-direction: column;
      gap: 3.5rem; }
      .footer .footer_details .content .footer_nav {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 2rem; }
        .footer .footer_details .content .footer_nav .link {
          padding-bottom: 0.5rem; }
        .footer .footer_details .content .footer_nav ul {
          list-style: none;
          padding: 0rem;
          margin: 0rem; }
          .footer .footer_details .content .footer_nav ul:nth-child(2) {
            padding-bottom: 2rem; }
          .footer .footer_details .content .footer_nav ul li a {
            color: rgba(255, 255, 255, 0.6);
            text-transform: none;
            font-size: 0.875rem; }
      .footer .footer_details .content .payment_methods {
        padding: 1.25rem 0rem;
        border-top: 2px solid rgba(255, 255, 255, 0.15);
        border-bottom: 2px solid rgba(255, 255, 255, 0.15);
        display: flex;
        justify-content: space-between;
        align-items: center; }
        .footer .footer_details .content .payment_methods .methods {
          display: flex;
          gap: 1rem; }

.swap {
  padding-bottom: 4rem; }

.faq-list {
  list-style: none;
  max-width: 56rem;
  padding: 0;
  margin: 0 auto; }
  .faq-list li {
    padding: 1.25rem;
    cursor: pointer;
    border-bottom: 1px solid #F6F6F6; }
    .faq-list li:last-child {
      border-bottom: none; }
    .faq-list li .question {
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      align-content: center; }
      .faq-list li .question::after {
        content: url("../img/arrow_down.svg");
        height: 2.5rem;
        width: 2.5rem;
        transition-duration: 0.2s; }
      .faq-list li .question[aria-expanded="true"]::after {
        transform: rotate(180deg); }
    .faq-list li p {
      max-width: 40rem; }

.contact_wrapper a {
  transition-duration: 0.2s; }
  .contact_wrapper a:hover {
    color: #C49B2E; }

/* ===== Scrollbar CSS ===== */
/* Firefox */
* {
  scrollbar-width: auto;
  scrollbar-color: #050c28 #ffffff; }

/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 6px; }

*::-webkit-scrollbar-track {
  background: #ffffff; }

*::-webkit-scrollbar-thumb {
  background-color: #050c28;
  border-radius: 11px;
  border: 0px none #ffffff; }

.tool_wrapper.calendar {
  height: 50rem;
  overflow: scroll; }
.tool_wrapper .wrapper {
  padding-bottom: 2rem;
  border-bottom: 2px solid #F6F6F6; }
  .tool_wrapper .wrapper div {
    margin: 1px; }
  .tool_wrapper .wrapper h4 {
    padding: 2rem;
    border-bottom: 2px solid #F6F6F6; }
  .tool_wrapper .wrapper.__1 {
    border-right: 2px solid #F6F6F6; }

@media (min-width: 1300px) {
  .tool_wrapper .row_tool {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .tool_wrapper .row_tool .wrapper:nth-child(1) {
      border-right: 2px solid #F6F6F6; }
    .tool_wrapper .row_tool.line_top {
      border-top: 2px solid #F6F6F6; }
  .tool_wrapper .wrapper {
    border-bottom: none; }
    .tool_wrapper .wrapper div {
      margin: 1px; }
    .tool_wrapper .wrapper h4 {
      padding: 2rem;
      border-bottom: 2px solid #F6F6F6; }
    .tool_wrapper .wrapper.__1 {
      border-right: 2px solid #F6F6F6; }

  .heading.center::after {
    width: calc(100% - 5rem );
    left: 5rem; }

  .tool_wrapper {
    width: calc(100% - 5rem );
    margin-left: auto; }

  .heading.center_dualine::before,
  .heading.center_dualine::after {
    width: calc(100% - 5rem );
    left: 5rem; }

  .hero {
    position: relative; }
    .hero::before {
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 5rem;
      width: 2px;
      z-index: 10;
      background: rgba(255, 255, 255, 0.15); }
    .hero.inner {
      position: relative; }
      .hero.inner::before {
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 5rem;
        width: 2px;
        z-index: 10;
        background: rgba(255, 255, 255, 0.15); }
      .hero.inner .hero_inner .hero_content h1::before {
        content: '';
        display: block;
        height: 11.5rem;
        position: absolute;
        top: 17rem;
        left: 5rem;
        width: 2px;
        background: white; }
      .hero.inner .hero_inner .hero_content h3::before {
        content: '';
        display: block;
        height: 7.5rem;
        position: absolute;
        top: 16rem;
        left: 5rem;
        width: 2px;
        background: white; }
    .hero .hero_inner .hero_content h1::before {
      content: '';
      display: block;
      height: 11.5rem;
      position: absolute;
      top: 17rem;
      left: 5rem;
      width: 2px;
      background: white; }

  .usp, .account_types, .assets, .platforms, .line_dark {
    position: relative; }
    .usp::before, .account_types::before, .assets::before, .platforms::before, .line_dark::before {
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 5rem;
      width: 2px;
      background: #F6F6F6; }

  .footer {
    position: relative; }
    .footer::before {
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 5rem;
      width: 2px;
      z-index: 10;
      background: rgba(255, 255, 255, 0.15); } }
@media (max-width: 575.98px) {
  .hero .hero_inner .hero_content {
    display: flex;
    flex-direction: column;
    gap: 3rem;
    padding-top: 12rem;
    padding-bottom: 8rem; }
    .hero .hero_inner .hero_content h3 {
      margin: 0rem; }

  .hero .hero_inner .background img {
    display: none; }
  .hero .hero_inner .background .mobile {
    display: block; }

  .pills_wrapper .nav-pills {
    min-width: 100%; }

  .hero.inner::after {
    width: 100%;
    left: 0rem; }

  .navbar.navbar-dark .btn-ghost {
    color: #050C28; }

  .navbar-collapse {
    padding: 2rem;
    border-radius: 0.625rem;
    background: #FFFFFF;
    margin-top: 1rem; }
    .navbar-collapse .navbar-nav .nav-item a {
      color: #050C28; }

  .navbar-nav .dropdown-menu {
    border: none;
    background: #FAFAFA; }

  .buttons_wrapper {
    flex-direction: column; }

  .btn {
    width: 100%; }

  .assets .container-fluid {
    padding: 0; }
    .assets .container-fluid .assets_inner nav {
      overflow: scroll; }
    .assets .container-fluid .assets_inner .nav-tabs {
      padding-left: calc(var(--bs-gutter-x) * .5);
      padding-right: calc(var(--bs-gutter-x) * .5);
      flex-wrap: nowrap; }
      .assets .container-fluid .assets_inner .nav-tabs .btn {
        padding: 0.664rem 4rem; }
    .assets .container-fluid .assets_inner .spreads {
      overflow: scroll; }
    .assets .container-fluid .assets_inner .table {
      padding-left: calc(var(--bs-gutter-x) * .5);
      padding-right: calc(var(--bs-gutter-x) * .5);
      min-width: 40rem; }

  .hero .cta_hero,
  .content_box {
    grid-template-columns: repeat(1, minmax(0, 1fr)); }

  .accounts .container-fluid {
    padding: 0; }
    .accounts .container-fluid .nav-pills {
      padding-right: calc(var(--bs-gutter-x) * .5);
      padding-left: calc(var(--bs-gutter-x) * .5); }
    .accounts .container-fluid .tab-pane {
      overflow: scroll; }
      .accounts .container-fluid .tab-pane table {
        padding-right: calc(var(--bs-gutter-x) * .5);
        padding-left: calc(var(--bs-gutter-x) * .5);
        min-width: 80rem; }

  .content_box .content {
    order: 2;
    padding: 1rem;
    gap: 2rem; }
    .content_box .content .platform_icons {
      top: 1rem;
      right: 1rem; }

  .hero .cta_hero {
    bottom: auto;
    top: -5rem; }

  .usp .usp_inner {
    padding-top: 20rem; }

  .pills_wrapper {
    flex-direction: column; }

  .footer .footer_buttons_wrapper {
    grid-template-columns: repeat(1, minmax(0, 1fr)); }
  .footer .footer_details {
    flex-direction: column; }
    .footer .footer_details .content .footer_nav {
      grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer .footer_details .content .payment_methods {
      flex-direction: column;
      gap: 1rem; } }
.navbar .navbar-nav .nav-item a {
  font-family: 'Gilroy';
  font-weight: 500 !important; }

/*# sourceMappingURL=main.css.map */