/*
Author: Venore Creative Worldwide
Email: info@venorecreative.com
File: style.css
*/


/* IMPORT CSS */
@import url(fonts.css);
@import url(normalize.css);
@import url(responsive.css);
/* IMPORT CSS */


/* CONFIGRATION */
:root {
  --font-text-family: 'Montserrat', sans-serif;
  --font-text-weight: normal;
  --font-text-size-xxs: 10px;
  --font-text-size-xs: 12px;
  --font-text-size-sm: 14px;
  --font-text-size-md: 16px;
  --font-text-size-lg: 20px;
  --font-text-size-xl: 24px;
  --font-text-size-xxl: 30px;
  --font-text-size-xxxl: 40px;
  --font-text-line-height: 1.4;

  --body-bg: #FFFFFF;
  --body-other-bg: #F7F7F9;
  --body-header-top-bg: #F5F8FD;
  --body-footer-bottom-bg: #252525;
  --text-color: #2D3436;
  --light-text-color: #A8A8A8;
  --black-color: #090A15;
  --dark-gray-color: #252525;
  --gray-color: #1F2540;
  --blue-color: #1742E0;
  --light-blue-color: #56BDF9;
  --light-green-color: #78C9A9;
  --light-red-color: #DD7E7E;
  --light-orange-color: #E3B56C;
  --light-purple-color: #B0A5E0;
  --light-pink-color: #E064A7;
  --orange-color: #ff4521;
  --light-brown-color: #F7ECE2;
  --soft-brown-color: #A39583;
  --soft-light-brown-color: #F0E8DF;
  --light-soft-brown-color: #F5F3F1;
  --white-color: #FFFFFF;
  --page-nav-pill-gray: #E7EEF8;
  --gray-to-dark-gray-color: #F5F8FD;
  --gray-to-light-gray-color: #F5F8FD;
  --gray-to-gray-color: #F5F8FD;
  --light-gray-color: #FAFAFA;
  --light-gray-color-section: #F2F4F6;
  --red-color: #DB1919;
  --alb-color: #007B52;
  --green-color: #007B52;
  --buy-color: #EA3323;
  --sell-color: #549E75;
  --light-green-color: #A5CE5E;
  --light-purple-color: #8990DD;
  --box-color: #FFFFFF;
  --label-color: #575757;
  --risk-color: #707070;

  --up-color: rgba(0, 196, 107, .1);
  --down-color: rgba(207, 67, 70, .1);

  --border-color-light: #E7EEF8;
  --border-color-dark: #B5B5B5;

  --scrollbar-bg: #f8f8f8;
  --scrollbar-thumb: #1c1c1c;

  --border-radius-xs: 5px;
  --border-radius-sm: 10px;
  --border-radius-md: 15px;
  --border-radius-lg: 20px;
  --border-radius-xl: 25px;

  --box-shadow-other-xs: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  --box-shadow-other-sm: rgba(149, 157, 165, 0.2) 0px 7px 29px 0px;
  --box-shadow-other-md: rgba(149, 157, 165, 0.2) 0px 18px 50px -10px;
  --box-shadow-other-lg: rgba(149, 157, 165, 0.12) 0px 2px 4px 0px, rgba(149, 157, 165, 0.32) 0px 2px 16px 0px;

  --chart-area-bg: var(--orange-color);
  --chart-bar-bg: rgb(183 218 255 / 75%);

}


/* OTHER COMPONENT */
::-webkit-scrollbar {
  width: 5px;
  height: 4px;
}

::-webkit-scrollbar-thumb {
  background: var(--orange-color)
}

::-webkit-scrollbar-track {
  background: var(--scrollbar-bg);
}

* {
  margin: 0;
  padding: 0;
  font-family: inherit;
  outline: none !important;
  list-style: none !important
}

*:after,
*:before {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
  margin: 0
}

html,
body {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  -o-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-smooth: antialiased;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  background-color: var(--body-bg) !important;
  color: var(--text-color) !important;
  font-family: var(--font-text-family) !important;
  font-size: var(--font-text-size-sm) !important;
}

.bodyOtherBg {
  background: var(--light-gray-color-section) !important;
  background-color: var(--light-gray-color-section) !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: var(--font-text-size-lg);
  color: var(--text-color);
  font-family: var(--font-text-family) !important;
  font-weight: bold;
  margin-bottom: 0px;
  line-height: var(--font-text-title-line-height);
}

p {
  color: var(--text-color);
  line-height: var(--font-text-line-height);
  margin-bottom: 0px;
}

a {
  color: var(--text-color);
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
  outline: none !important;
  box-shadow: none !important
}

a:hover {
  color: var(--text-color);
  text-decoration: none !important;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

a:focus {
  outline: none !important;
  box-shadow: none !important
}

img {
  max-width: 100%
}

button {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
  outline: none !important;
}

ul,
li,
ol {
  margin: 0;
  padding: 0
}

fieldset {
  border: 0 none;
  margin: 0 auto;
  padding: 0
}

label {
  color: var(--text-color);
}

input:focus,
textarea:focus {
  outline: none !important;
  box-shadow: none !important
}

.fs-4 {
  font-size: 4px !important
}

.fs-5 {
  font-size: 5px !important
}

.fs-6 {
  font-size: 6px !important
}

.fs-7 {
  font-size: 7px !important
}

.fs-8 {
  font-size: 8px !important
}

.fs-9 {
  font-size: 9px !important
}

.fs-10 {
  font-size: 10px !important
}

.fs-11 {
  font-size: 11px !important
}

.fs-12 {
  font-size: 12px !important
}

.fs-13 {
  font-size: 13px !important
}

.fs-14 {
  font-size: 14px !important
}

.fs-15 {
  font-size: 15px !important
}

.fs-16 {
  font-size: 16px !important
}

.fs-17 {
  font-size: 17px !important
}

.fs-18 {
  font-size: 18px !important
}

.fs-19 {
  font-size: 19px !important
}

.fs-20 {
  font-size: 20px !important
}

.fs-21 {
  font-size: 21px !important
}

.fs-22 {
  font-size: 22px !important
}

.fs-23 {
  font-size: 23px !important
}

.fs-24 {
  font-size: 24px !important
}

.fs-25 {
  font-size: 25px !important
}

.fs-26 {
  font-size: 26px !important
}

.fs-27 {
  font-size: 27px !important
}

.fs-28 {
  font-size: 28px !important
}

.fs-29 {
  font-size: 29px !important
}

.fs-30 {
  font-size: 30px !important
}

.fs-31 {
  font-size: 31px !important
}

.fs-32 {
  font-size: 32px !important
}

.fs-33 {
  font-size: 33px !important
}

.fs-34 {
  font-size: 34px !important
}

.fs-35 {
  font-size: 35px !important
}

.fs-36 {
  font-size: 36px !important
}

.fs-37 {
  font-size: 37px !important
}

.fs-38 {
  font-size: 38px !important
}

.fs-39 {
  font-size: 39px !important
}

.fs-40 {
  font-size: 40px !important
}

.fw-100 {
  font-weight: 100 !important
}

.fw-200 {
  font-weight: 200 !important
}

.fw-300 {
  font-weight: 300 !important
}

.fw-400 {
  font-weight: 400 !important
}

.fw-500 {
  font-weight: 500 !important
}

.fw-600 {
  font-weight: 600 !important
}

.fw-700 {
  font-weight: 700 !important
}

.fw-800 {
  font-weight: 800 !important
}

.fw-900 {
  font-weight: 900 !important
}

.fw-normal {
  font-weight: normal !important
}

.fw-bold {
  font-weight: bold !important
}

.text-height-reset {
  line-height: 1 !important
}

.text-height-0 {
  line-height: 1.2 !important;
}

.text-height-1 {
  line-height: 1.5 !important;
}

.text-height-2 {
  line-height: 2 !important;
}

.text-height-3 {
  line-height: 2.5 !important;
}

.text-height-4 {
  line-height: 3 !important;
}

.text-height-5 {
  line-height: 3.5 !important;
}

.text-justify {
  text-align: justify !important;
}

.m-6 {
  margin: 5rem !important;
}

.mt-6 {
  margin-top: 5rem !important;
}

.mb-6 {
  margin-bottom: 5rem !important;
}

.ms-6 {
  margin-left: 5rem !important;
}

.me-6 {
  margin-right: 5rem !important;
}

.my-6 {
  margin: 5rem 0rem !important;
}

.mx-6 {
  margin: 0rem 5rem !important;
}

.m-7 {
  margin: 7rem !important;
}

.mt-7 {
  margin-top: 7rem !important;
}

.mb-7 {
  margin-bottom: 7rem !important;
}

.ms-7 {
  margin-left: 7rem !important;
}

.me-7 {
  margin-right: 7rem !important;
}

.my-7 {
  margin: 7rem 0rem !important;
}

.mx-7 {
  margin: 0rem 7rem !important;
}

.mt-5px {
  margin-top: 5px !important;
}

.mt-10px {
  margin-top: 10px !important;
}

.mt-15px {
  margin-top: 15px !important;
}

.mt-20px {
  margin-top: 20px !important;
}

.mt-25px {
  margin-top: 25px !important;
}

.mt-30px {
  margin-top: 30px !important;
}

.mt-35px {
  margin-top: 35px !important;
}

.mt-40px {
  margin-top: 40px !important;
}

.mt-45px {
  margin-top: 45px !important;
}

.mt-50px {
  margin-top: 50px !important;
}

.mt-55px {
  margin-top: 55px !important;
}

.mt-60px {
  margin-top: 60px !important;
}

.mt-65px {
  margin-top: 65px !important;
}

.mt-70px {
  margin-top: 70px !important;
}

.mt-75px {
  margin-top: 75px !important;
}

.mt-80px {
  margin-top: 80px !important;
}

.mt-85px {
  margin-top: 85px !important;
}

.mt-90px {
  margin-top: 90px !important;
}

.mt-95px {
  margin-top: 95px !important;
}

.mt-100px {
  margin-top: 100px !important;
}

.mb-5px {
  margin-bottom: 5px !important;
}

.mb-10px {
  margin-bottom: 10px !important;
}

.mb-15px {
  margin-bottom: 15px !important;
}

.mb-20px {
  margin-bottom: 20px !important;
}

.mb-25px {
  margin-bottom: 25px !important;
}

.mb-30px {
  margin-bottom: 30px !important;
}

.mb-35px {
  margin-bottom: 35px !important;
}

.mb-40px {
  margin-bottom: 40px !important;
}

.mb-45px {
  margin-bottom: 45px !important;
}

.mb-50px {
  margin-bottom: 50px !important;
}

.mb-55px {
  margin-bottom: 55px !important;
}

.mb-60px {
  margin-bottom: 60px !important;
}

.mb-65px {
  margin-bottom: 65px !important;
}

.mb-70px {
  margin-bottom: 70px !important;
}

.mb-75px {
  margin-bottom: 75px !important;
}

.mb-80px {
  margin-bottom: 80px !important;
}

.mb-85px {
  margin-bottom: 85px !important;
}

.mb-90px {
  margin-bottom: 90px !important;
}

.mb-95px {
  margin-bottom: 95px !important;
}

.mb-100px {
  margin-bottom: 100px !important;
}

.ms-5px {
  margin-left: 5px !important;
}

.ms-10px {
  margin-left: 10px !important;
}

.ms-15px {
  margin-left: 15px !important;
}

.ms-20px {
  margin-left: 20px !important;
}

.ms-25px {
  margin-left: 25px !important;
}

.ms-30px {
  margin-left: 30px !important;
}

.ms-35px {
  margin-left: 35px !important;
}

.ms-40px {
  margin-left: 40px !important;
}

.ms-45px {
  margin-left: 45px !important;
}

.ms-50px {
  margin-left: 50px !important;
}

.ms-55px {
  margin-left: 55px !important;
}

.ms-60px {
  margin-left: 60px !important;
}

.ms-65px {
  margin-left: 65px !important;
}

.ms-70px {
  margin-left: 70px !important;
}

.ms-75px {
  margin-left: 75px !important;
}

.ms-80px {
  margin-left: 80px !important;
}

.ms-85px {
  margin-left: 85px !important;
}

.ms-90px {
  margin-left: 90px !important;
}

.ms-95px {
  margin-left: 95px !important;
}

.ms-100px {
  margin-left: 100px !important;
}

.me-5px {
  margin-right: 5px !important;
}

.me-10px {
  margin-right: 10px !important;
}

.me-15px {
  margin-right: 15px !important;
}

.me-20px {
  margin-right: 20px !important;
}

.me-25px {
  margin-right: 25px !important;
}

.me-30px {
  margin-right: 30px !important;
}

.me-35px {
  margin-right: 35px !important;
}

.me-40px {
  margin-right: 40px !important;
}

.me-45px {
  margin-right: 45px !important;
}

.me-50px {
  margin-right: 50px !important;
}

.me-50px {
  margin-right: 50px !important;
}

.me-55px {
  margin-right: 55px !important;
}

.me-60px {
  margin-right: 60px !important;
}

.me-65px {
  margin-right: 65px !important;
}

.me-70px {
  margin-right: 70px !important;
}

.me-75px {
  margin-right: 75px !important;
}

.me-80px {
  margin-right: 80px !important;
}

.me-85px {
  margin-right: 85px !important;
}

.me-90px {
  margin-right: 90px !important;
}

.me-95px {
  margin-right: 95px !important;
}

.me-100px {
  margin-right: 100px !important;
}

.pt-5px {
  padding-top: 5px !important;
}

.pt-10px {
  padding-top: 10px !important;
}

.pt-15px {
  padding-top: 15px !important;
}

.pt-20px {
  padding-top: 20px !important;
}

.pt-25px {
  padding-top: 25px !important;
}

.pt-30px {
  padding-top: 30px !important;
}

.pt-35px {
  padding-top: 35px !important;
}

.pt-40px {
  padding-top: 40px !important;
}

.pt-45px {
  padding-top: 45px !important;
}

.pt-50px {
  padding-top: 50px !important;
}

.pt-55px {
  padding-top: 55px !important;
}

.pt-60px {
  padding-top: 60px !important;
}

.pt-65px {
  padding-top: 65px !important;
}

.pt-70px {
  padding-top: 70px !important;
}

.pt-75px {
  padding-top: 75px !important;
}

.pt-80px {
  padding-top: 80px !important;
}

.pt-85px {
  padding-top: 85px !important;
}

.pt-90px {
  padding-top: 90px !important;
}

.pt-95px {
  padding-top: 95px !important;
}

.pt-100px {
  padding-top: 100px !important;
}

.pb-5px {
  padding-bottom: 5px !important;
}

.pb-10px {
  padding-bottom: 10px !important;
}

.pb-15px {
  padding-bottom: 15px !important;
}

.pb-20px {
  padding-bottom: 20px !important;
}

.pb-25px {
  padding-bottom: 25px !important;
}

.pb-30px {
  padding-bottom: 30px !important;
}

.pb-35px {
  padding-bottom: 35px !important;
}

.pb-40px {
  padding-bottom: 40px !important;
}

.pb-45px {
  padding-bottom: 45px !important;
}

.pb-50px {
  padding-bottom: 50px !important;
}

.pb-55px {
  padding-bottom: 55px !important;
}

.pb-60px {
  padding-bottom: 60px !important;
}

.pb-65px {
  padding-bottom: 65px !important;
}

.pb-70px {
  padding-bottom: 70px !important;
}

.pb-75px {
  padding-bottom: 75px !important;
}

.pb-80px {
  padding-bottom: 80px !important;
}

.pb-85px {
  padding-bottom: 85px !important;
}

.pb-90px {
  padding-bottom: 90px !important;
}

.pb-95px {
  padding-bottom: 95px !important;
}

.pb-100px {
  padding-bottom: 100px !important;
}

.ps-5px {
  padding-left: 5px !important;
}

.ps-10px {
  padding-left: 10px !important;
}

.ps-15px {
  padding-left: 15px !important;
}

.ps-20px {
  padding-left: 20px !important;
}

.ps-25px {
  padding-left: 25px !important;
}

.ps-30px {
  padding-left: 30px !important;
}

.ps-35px {
  padding-left: 35px !important;
}

.ps-40px {
  padding-left: 40px !important;
}

.ps-45px {
  padding-left: 45px !important;
}

.ps-50px {
  padding-left: 50px !important;
}

.ps-55px {
  padding-left: 55px !important;
}

.ps-60px {
  padding-left: 60px !important;
}

.ps-65px {
  padding-left: 65px !important;
}

.ps-70px {
  padding-left: 70px !important;
}

.ps-75px {
  padding-left: 75px !important;
}

.ps-80px {
  padding-left: 80px !important;
}

.ps-85px {
  padding-left: 85px !important;
}

.ps-90px {
  padding-left: 90px !important;
}

.ps-95px {
  padding-left: 95px !important;
}

.ps-100px {
  padding-left: 100px !important;
}

.pe-5px {
  padding-right: 5px !important;
}

.pe-10px {
  padding-right: 10px !important;
}

.pe-15px {
  padding-right: 15px !important;
}

.pe-20px {
  padding-right: 20px !important;
}

.pe-25px {
  padding-right: 25px !important;
}

.pe-30px {
  padding-right: 30px !important;
}

.pe-35px {
  padding-right: 35px !important;
}

.pe-40px {
  padding-right: 40px !important;
}

.pe-45px {
  padding-right: 45px !important;
}

.pe-50px {
  padding-right: 50px !important;
}

.pe-50px {
  padding-right: 50px !important;
}

.pe-55px {
  padding-right: 55px !important;
}

.pe-60px {
  padding-right: 60px !important;
}

.pe-65px {
  padding-right: 65px !important;
}

.pe-70px {
  padding-right: 70px !important;
}

.pe-75px {
  padding-right: 75px !important;
}

.pe-80px {
  padding-right: 80px !important;
}

.pe-85px {
  padding-right: 85px !important;
}

.pe-90px {
  padding-right: 90px !important;
}

.pe-95px {
  padding-right: 95px !important;
}

.pe-100px {
  padding-right: 100px !important;
}

.p-6 {
  padding: 5rem !important;
}

.pt-6 {
  padding-top: 5rem !important;
}

.pb-6 {
  padding-bottom: 5rem !important;
}

.ps-6 {
  padding-left: 5rem !important;
}

.pe-6 {
  padding-right: 5rem !important;
}

.py-6 {
  padding: 5rem 0rem !important;
}

.px-6 {
  padding: 0rem 5rem !important;
}

.p-7 {
  padding: 7rem !important;
}

.pt-7 {
  padding-top: 7rem !important;
}

.pb-7 {
  padding-bottom: 7rem !important;
}

.pl-7 {
  padding-left: 7rem !important;
}

.pr-7 {
  padding-right: 7rem !important;
}

.py-7 {
  padding: 7rem 0rem !important;
}

.px-7 {
  padding: 0rem 7rem !important;
}

.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none !important;
  box-shadow: none !important;
  border: 0 !important
}

.btn:focus,
.btn:active:focus,
.btn.active:focus {
  box-shadow: none !important;
  outline: none !important;
  border: 0 !important
}

.btn.focus,
.btn:focus {
  outline: none !important;
  box-shadow: none !important
}

.btn:focus,
a:focus {
  outline: none !important
}

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

iframe {
  width: 100% !important;
  border: 0;
  display: block
}

video {
  width: 100% !important
}

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

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

.color-brown {
  color: var(--orange-color) !important;
}

.color-alb {
  color: var(--alb-color) !important;
}

.color-gray {
  color: var(--gray-color) !important;
}

.color-risk {
  color: var(--risk-color) !important;
}

.color-light-pink {
  color: var(--light-pink-color) !important;
}

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

.border-light-down {
  border-bottom: 1px solid var(--border-color-light) !important;
}

.border-light-up {
  border-top: 1px solid var(--border-color-light) !important;
}

.border-dark {
  border: 1px solid var(--border-color-dark) !important;
}

.border-dark-down {
  border-bottom: 1px solid var(--border-color-dark) !important;
}

.border-dark-up {
  border-top: 1px solid var(--border-color-dark) !important;
}

.container,
.container-fluid,
.custom-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--bs-gutter-x, 0.75rem);
  padding-right: var(--bs-gutter-x, 0.75rem);
  width: 100%
}

.swal2-title {
  font-size: var(--font-text-size-xl) !important;
  font-weight: 500;
  color: var(--text-color) !important;
}

.logo {
  width: 186px;
}

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

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

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


/* CUSTOM BUTTON */
.btn-alb {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: var(--alb-color);
  color: var(--white-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 45px;
}

.btn-alb:hover {
  color: var(--white-color);
}

.btn-alb.sm:hover {
  transform: scale(1.03);
  text-decoration: none;
  color: var(--white-color);
}

.btn-brown {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: var(--orange-color);
  color: var(--white-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 45px;
}

.btn-brown:hover {
  color: var(--white-color);
}

.btn-brown.sm:hover {
  transform: scale(1.03);
  text-decoration: none;
  color: var(--white-color);
}

.btn-white {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: var(--white-color);
  color: var(--text-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 45px;
}

.btn-white:hover {
  color: var(--text-color);
}

.btn-white.sm:hover {
  transform: scale(1.03);
  text-decoration: none;
  color: var(--text-color);
}

.btn-rounded-other {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 10px 15px;
  border: 1px solid var(--border-color-dark);
  border-radius: 50px;
}

.btn-rounded-other .text {
  position: relative;
  width: 80%;
  float: left;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  word-wrap: break-word;
  padding: 0px 10px;
}

.btn-rounded-other .icon {
  position: relative;
  width: 20%;
  float: left;
  text-align: center;
}

.btn-rounded-other .icon svg {
  position: relative;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
}

.btn-light-brown {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: var(--light-brown-color);
  color: var(--orange-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 45px;
}

.btn-light-brown:hover {
  background: var(--orange-color);
  color: var(--white-color);
}

.btn-light-brown.sm:hover {
  transform: scale(1.03);
  text-decoration: none;
  background: var(--orange-color);
  color: var(--white-color);
}

.btn-light-blue {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: var(--light-blue-color);
  color: var(--white-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 45px;
}

.btn-light-blue:hover {
  color: var(--white-color);
}

.btn-light-blue.sm:hover {
  transform: scale(1.03);
  text-decoration: none;
  color: var(--white-color);
}

.btn-light-pink {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: var(--light-pink-color);
  color: var(--white-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 45px;
}

.btn-light-pink:hover {
  color: var(--white-color);
}

.btn-light-pink.sm:hover {
  transform: scale(1.03);
  text-decoration: none;
  color: var(--white-color);
}

.btn-light-orange {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: var(--light-orange-color);
  color: var(--white-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 45px;
}

.btn-light-orange:hover {
  color: var(--white-color);
}

.btn-light-orange.sm:hover {
  transform: scale(1.03);
  text-decoration: none;
  color: var(--white-color);
}

.btn-light-purple {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: var(--light-purple-color);
  color: var(--white-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 45px;
}

.btn-light-purple:hover {
  color: var(--white-color);
}

.btn-light-purple.sm:hover {
  transform: scale(1.03);
  text-decoration: none;
  color: var(--white-color);
}

.btn-light-red {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: var(--light-red-color);
  color: var(--white-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 45px;
}

.btn-light-red:hover {
  color: var(--white-color);
}

.btn-light-red.sm:hover {
  transform: scale(1.03);
  text-decoration: none;
  color: var(--white-color);
}

.btn-light-green {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: var(--light-green-color);
  color: var(--white-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 45px;
}

.btn-light-green:hover {
  color: var(--white-color);
}

.btn-light-green.sm:hover {
  transform: scale(1.03);
  text-decoration: none;
  color: var(--white-color);
}

.btn-outline-dark-to-brown {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: transparent;
  color: var(--text-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--text-color);
  min-height: 45px;
}

.btn-outline-dark-to-brown:hover {
  background: var(--orange-color);
  border-color: var(--orange-color);
  color: var(--white-color);
}

.btn-outline-dark-to-brown.sm:hover {
  transform: scale(1.03);
  background: var(--orange-color);
  border-color: var(--orange-color);
  color: var(--white-color);
}

.btn-outline-white-to-white {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: transparent;
  color: var(--white-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--white-color);
  min-height: 45px;
}

.btn-outline-white-to-white:hover {
  background: var(--white-color);
  border-color: var(--white-color);
  color: var(--text-color);
}

.btn-outline-white-to-white.sm:hover {
  transform: scale(1.03);
  background: var(--white-color);
  border-color: var(--white-color);
  color: var(--text-color);
}

.btn-search {
  padding: 10px;
  border-radius: 30px;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--text-color);
  font-size: 15px;
  width: 45px;
  height: 45px;
  border: 1px solid transparent;
}

.btn-search:hover {
  background: var(--orange-color);
  border: 1px solid var(--orange-color);
  color: var(--white-color);
}

.btn-black {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: var(--black-color);
  color: var(--white-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: none;
  min-height: 45px;
}

.btn-black:hover {
  color: var(--white-color);
}

.btn-black.sm:hover {
  transform: scale(1.03);
  text-decoration: none;
  color: var(--white-color);
}

/* HEADER */
.header {
  position: relative;
  padding: 20px 0px;
}


.header.breadcrumb-with-header {
  position: absolute;
  width: 100%;
  top: 0px;
  left: 0px;
  z-index: 99;
}

header.header.scrolling {
  position: fixed !important;
  width: 100%;
  background: var(--white-color) !important;
  z-index: 99999999;
  top: 0;
  left: 0;
  box-shadow: var(--box-shadow-other-lg);
}


.header.light .header-top-bar .header-top-bar-start .app-content .app {
  background: var(--white-color);
}

.header.light .header-top-bar .header-top-bar-start .app-content .app a {
  color: var(--text-color);
}

header.light .mainMenu li ul.dropdown-menu li a {
  color: var(--text-color) !important;
}

header.light .mainMenu li a {
  color: var(--white-color) !important;
}

header.light .header-other a.btn-outline-dark-to-brown {
  border-color: var(--orange-color);
  color: var(--orange-color);
}

header.light .header-other a.btn-outline-dark-to-brown:hover {
  color: var(--white-color);
}

header.light .header-other .btn-search {
  color: var(--white-color);
}

header.light .dropdown-language {
  border-color: var(--orange-color);
  color: var(--white-color) !important;
}

header.light .mobileSearchBtn,
header.light .mobileMenuBtn {
  color: var(--white-color) !important;
}

header.light .mobileLogin .mobileLoginItem.btn-outline-dark-to-brown {
  border-color: var(--orange-color);
  color: var(--orange-color);
}

header.header .mobileLoginItem .dropdown-menu {
  width: 100%;
}


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

header.header .dropdown-language,
header.header .dropdown-language:hover {
  font-size: var(--font-text-size-md) !important;
  color: var(--text-color);
  font-weight: 600;
}

header.header .dropdown-language {
  padding-left: 1rem !important;
  border-left: 1px solid var(--border-color-dark);
  min-height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
}

header.header .dropdown-language-menu {
  padding: 0px;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--border-color-light);
  box-shadow: var(--box-shadow-other-sm);
  min-width: 6rem;
}

header.header .dropdown-language-menu img {
  width: 20px;
  height: 20px;
}

header.header .dropdown-language .dropdown-language-menu {
  width: auto !important;
}

header.header .dropdown-language-menu li {
  padding: 0px !important;
}

header.header .dropdown-language-menu li a {
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 15px !important;
}

header.header .dropdown-language-menu li:first-of-type a {
  border-top-left-radius: var(--border-radius-sm) !important;
  border-top-right-radius: var(--border-radius-sm) !important;
}

header.header .dropdown-language-menu li:last-of-type a {
  border-bottom-left-radius: var(--border-radius-sm) !important;
  border-bottom-right-radius: var(--border-radius-sm) !important;
}

header.header .dropdown-language-menu li a img {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

header.header .dropdown-language-menu li a:hover {
  background: var(--gray-to-dark-gray-color);
}

header.header .dropdown-language-menu li a.active {
  background: var(--gray-to-dark-gray-color);
  color: var(--text-color);
  font-weight: 500;
}

header.header .header-search i.fa-magnifying-glass,
header.header .header-search svg.fa-magnifying-glass {
  position: absolute;
  top: 13px;
  left: 15px;
  color: var(--header-search-icon);
}

header.header .navbar-toggler,
header.header .navbar-toggler:focus {
  padding: 0px;
  border: none;
  outline: 0;
  box-shadow: none;
}

header.header .mobileSearchBtn,
header.header .mobileMenuBtn {
  color: var(--text-color);
  fill: var(--text-color);
}

header.header .mainNavbar {
  margin: 0px 0px 25px 0px;
  padding: 0px 0px 20px 0px;
  border-bottom: 1px solid var(--border-color-dark);
}

header.header .mainMenu {
  margin-bottom: 0px;
}

header.header .mainMenu li {
  margin: 0px 10px;
}

header.header .mainMenu li:first-of-type {
  margin-left: 0px;
}

header.header .mainMenu li:first-of-type a {
  padding-left: 0px;
}

header.header .mainMenu li a {
  font-weight: 600;
  color: var(--text-color);
  font-size: var(--font-text-size-sm);
  line-height: var(--font-text-line-height);
  padding-bottom: 0px;
  padding-top: 0px;
}

header.header .mainMenu li a:hover {
  color: var(--orange-color);
}

header.header .mainMenu li ul.dropdown-menu {
  background: var(--white-color);
  color: var(--text-color);
  font-size: var(--font-text-size-sm);
  border-radius: var(--border-radius-sm);
  box-shadow: var(--box-shadow-other-sm);
  border: 1px solid var(--border-color-light);
  padding: 0px;
}

header.header .mainMenu li ul.dropdown-menu li:first-of-type a {
  padding-top: 15px;
  border-top-left-radius: var(--border-radius-sm);
  border-top-right-radius: var(--border-radius-sm);
}

header.header .mainMenu li ul.dropdown-menu li:last-of-type a {
  padding-bottom: 15px;
  border-bottom-left-radius: var(--border-radius-sm);
  border-bottom-right-radius: var(--border-radius-sm);
}

header.header .mainMenu li ul.dropdown-menu li {
  margin-left: 0px;
  margin-right: 0px;
}

header.header .mainMenu li ul.dropdown-menu li a {
  padding: 10px 13px;
  color: var(--text-color);
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: var(--font-text-line-height);
}

header.header .mainMenu li ul.dropdown-menu li a:hover {
  background: var(--gray-to-dark-gray-color);
  color: var(--text-color);
}


header.header .dropdown-login-menu {
  padding: 0px;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--border-color-light);
  box-shadow: var(--box-shadow-other-sm);
}

header.header .dropdown-login-menu img {
  width: 20px;
  height: 20px;
}

header.header .dropdown-language .dropdown-login-menu {
  width: auto !important;
}

header.header .dropdown-login-menu li {
  padding: 0px !important;
}

header.header .dropdown-login-menu li a {
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  color: var(--text-color);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 15px !important;
}

header.header .dropdown-login-menu li:first-of-type a {
  border-top-left-radius: var(--border-radius-sm) !important;
  border-top-right-radius: var(--border-radius-sm) !important;
}

header.header .dropdown-login-menu li:last-of-type a {
  border-bottom-left-radius: var(--border-radius-sm) !important;
  border-bottom-right-radius: var(--border-radius-sm) !important;
}

header.header .dropdown-login-menu li a:hover {
  background: var(--gray-to-dark-gray-color);
}


.header-top-bar {
  position: relative;
}

.header-top-bar .header-top-bar-start {
  position: relative;
}

.header-top-bar .header-top-bar-start .app-content {
  position: relative;
  display: flex;
  align-items: center;
}

.header-top-bar .header-top-bar-start .app-content .app {
  position: relative;
  padding: 5px 30px;
  border-radius: var(--border-radius-xl);
  background: var(--black-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 15px;
}

.header-top-bar .header-top-bar-start .app-content .app a {
  font-size: var(--font-text-size-md);
  color: var(--white-color);
}

.header-top-bar .header-top-bar-start .app-content .app a:first-of-type {
  margin-right: 10px;
}

.header-top-bar .header-top-bar-start .app-content .app a:last-of-type {
  font-size: var(--font-text-size-lg);
}

.header-top-bar .header-top-bar-start .app-content .app a:hover {
  color: var(--orange-color);
}

.header-top-bar .header-top-bar-start .app-content .app-text {
  position: relative;
  line-height: 1.2;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--light-text-color);
}


.header-top-bar .header-top-bar-end {
  position: relative;
}

.header-top-bar .header-top-bar-end ul {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 0px;
  padding-left: 0px;
}

.header-top-bar .header-top-bar-end ul li {
  float: left;
  position: relative;
}

.header-top-bar .header-top-bar-end ul li:nth-of-type(1) {
  margin-right: 35px;
}

.header-top-bar .header-top-bar-end ul li:nth-of-type(2) {
  margin-right: 35px;
}

.header-top-bar .header-top-bar-end ul li:nth-of-type(3) {
  margin-right: 35px;
}

.header-top-bar .header-top-bar-end ul li a {
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  display: flex;
  align-items: center;
}

.header-top-bar .header-top-bar-end ul li a:hover {
  color: var(--text-color);
}

.header-top-bar .header-top-bar-end ul li a:hover * {
  fill: var(--text-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.header-top-bar .header-top-bar-end ul li svg,
.header-top-bar .header-top-bar-end ul li i {
  margin-right: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.header-top-bar .header-top-bar-end ul li .bvb {
  width: 120px;
}

.header-bottom-bar {
  position: relative;
}


section.main-slider {
  position: relative;
  padding: 50px 0px;
}

section.main-slider .main-slider-container,
section.main-slider .main-slider-container .swiper-item {
  position: relative;
}

.single-slide .swiper-button-next,
.single-slide .swiper-rtl .swiper-button-prev {
  right: -60px;
  color: var(--orange-color);
  fill: var(--orange-color);
  font-size: var(--font-text-size-xxl);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23B58E68'%2F%3E%3C%2Fsvg%3E") !important;
  opacity: 0.5;
}

.single-slide .swiper-button-prev,
.single-slide .swiper-rtl .swiper-button-next {
  left: -60px;
  color: var(--orange-color);
  fill: var(--orange-color);
  font-size: var(--font-text-size-xxl);
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23B58E68'%2F%3E%3C%2Fsvg%3E") !important;
  opacity: 0.5;
}

.single-slide .swiper-button-prev,
.single-slide .swiper-rtl .swiper-button-next::after,
.single-slide .swiper-button-next,
.single-slide .swiper-rtl .swiper-button-prev::after {
  content: '';
}

.single-slide .swiper-item {
  position: relative;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.single-slide .slide-body,
.single-slide .slide-text,
.single-slide .slide-more,
.single-slide .slide-image {
  position: relative;
}

.single-slide .slide-text .small-title {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 20px;
}

.single-slide .slide-text .title {
  position: relative;
  font-size: 50px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 20px;
}

.single-slide .slide-text .sub-title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 40px;
}

.single-slide .slide-more {
  position: relative;
  display: flex;
  align-items: center;
}

.single-slide .slide-more a.other {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  padding: 10px 0px;
  border-bottom: 1px solid var(--orange-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.single-slide .swiper-slide-active .slide-image {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInRight;
  animation-delay: 0s;
}

.single-slide .swiper-slide-active .slide-body {
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0s;
}

.single-slide .slide-more {
  text-align: left;
}

.single-slide .slide-image {
  text-align: center;
}

.single-slide .swiper-container {
  overflow: visible;
}

.single-slide .swiper-slide {
  opacity: 0;
  visibility: hidden;
}

.single-slide .swiper-slide.swiper-slide-active,
.single-slide .swiper-slide.swiper-slide-next,
.single-slide .swiper-slide.swiper-slide-prev {
  opacity: 1;
  visibility: visible;
}

.single-slide .swiper-pagination {
  bottom: -20px !important;
}

.single-slide .swiper-pagination-bullet-active {
  background: var(--orange-color) !important;
}

section.main-feature {
  position: relative;
  padding: 50px 0px;
}

section.main-feature .main-feature-content {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

.main-feature-content .feature-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-right: 1px solid var(--border-color-light);
  width: 12.5%;
  float: left;
  padding: 0px 10px;
}

.main-feature-content .feature-item:last-of-type {
  border: none;
}

.main-feature-content .feature-item .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 10px;
}

.main-feature-content .feature-item .icon svg {
  width: 35px;
  height: 35px;
  fill: var(--black-color);
}

.main-feature-content .feature-item .body {
  position: relative;
  text-align: center;
}

.main-feature-content .feature-item .body .title {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.2;
  word-break: break-word;
}


section.main-symbols {
  position: relative;
  padding: 50px 0px;
}

section.main-symbols .section-body {
  position: relative;
  text-align: right;
}

section.main-symbols .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 25px;
  text-align: right;
}

section.main-symbols .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 25px;
  text-align: right;
}

ul.property {
  position: relative;
}

ul.property li {
  position: relative;
  margin-bottom: 15px;
  padding-left: 30px;
  text-align: left;
  font-size: var(--font-text-size-sm);
  line-height: 1.4;
  font-weight: 400;
  color: var(--text-color);
}

ul.property.end li {
  padding-right: 30px;
  text-align: right;
}

ul.property li::before {
  content: '\f00c';
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
  font-size: var(--font-text-size-lg);
  color: var(--orange-color);
  line-height: 1;
  display: inline-block;
  position: absolute;
  top: 0px;
  left: 0px;
}

ul.property.end li::before {
  content: '\f00c';
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
  font-size: var(--font-text-size-lg);
  color: var(--orange-color);
  line-height: 1;
  display: inline-block;
  position: absolute;
  top: 0px;
  right: 0px;
}

ul.property li:last-of-type {
  margin-bottom: 0px;
}


.symbol-table {
  position: relative;
  background: var(--light-gray-color);
  padding: 30px 40px;
  border-radius: var(--border-radius-sm);
}

.symbol-table .symbol-search {
  position: relative;
}

.symbol-table .symbol-search i,
.symbol-table .symbol-search svg {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: var(--font-text-size-xl);
  color: var(--orange-color);
}

.symbol-table .symbol-search .form-control {
  border: 1px solid var(--orange-color);
  background: var(--white-color);
  color: var(--text-color);
  border-radius: var(--border-radius-sm);
  min-height: 45px;
  padding: 0px 45px 0px 20px;
}

.symbol-table .nav {
  position: relative;
  margin-top: 25px;
  padding-left: 0px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.symbol-table .nav .nav-item {
  position: relative;
}

.symbol-table .nav .nav-item .nav-link {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  border-radius: 0px !important;
  background: transparent;
  padding-bottom: 5px;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.symbol-table .nav .nav-item .nav-link.active,
.symbol-table .nav .nav-item .nav-link:hover {
  color: var(--orange-color);
  border-color: var(--orange-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.upBgLight {
  background: var(--up-color);
}

.downBgLight {
  background: var(--down-color);
}

.upBg {
  background: var(--sell-color);
}

.downBg {
  background: var(--buy-color);
}

.upText {
  color: var(--green-color) !important;
}

.downText {
  color: var(--red-color) !important;
}

.symbol-table .other-table {
  position: relative;
}

.symbol-table .other-table .thead {
  position: relative;
  margin: 15px 0px;
}

.symbol-table .other-table .thead .tr {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}

.symbol-table .other-table .thead .tr .th,
.symbol-table .other-table .thead .tr .td {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
}

.symbol-table .other-table .thead .tr .th:nth-last-of-type(5) {
  position: relative;
  float: left;
  width: 35%;
  min-width: 35%;
}

.symbol-table .other-table .thead .tr .th:nth-last-of-type(4) {
  position: relative;
  float: left;
  width: 15%;
  min-width: 15%;
}

.symbol-table .other-table .thead .tr .th:nth-last-of-type(3) {
  position: relative;
  float: left;
  width: 15%;
  min-width: 15%;
}

.symbol-table .other-table .thead .tr .th:nth-last-of-type(2) {
  position: relative;
  float: left;
  width: 15%;
  min-width: 15%;
}

.symbol-table .other-table .thead .tr .th:nth-last-of-type(1) {
  position: relative;
  float: left;
  width: 15%;
  min-width: 15%;
}

.symbol-table .other-table .thead .tr .bid-content,
.symbol-table .other-table .thead .tr .ask-content,
.symbol-table .other-table .thead .tr .spread-content,
.symbol-table .other-table .thead .tr .action-content {
  text-align: center;
}

.symbol-table .other-table .tbody {
  position: relative;
}

.symbol-table .other-table .tbody.scroll {
  height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
}

.symbol-table .other-table .tbody .tr {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  background: var(--white-color);
  border-radius: var(--border-radius-sm);
  margin-bottom: 10px;
  padding: 10px 0px 10px 10px;
}

.symbol-table .other-table .tbody .tr:last-of-type {
  margin-bottom: 0px;
}

.symbol-table .other-table .tbody .tr .th,
.symbol-table .other-table .tbody .tr .td {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  padding: 0px 10px;
}

.symbol-table .other-table .tbody .tr .td:nth-last-of-type(5) {
  position: relative;
  float: left;
  width: 35%;
  min-width: 35%;
}

.symbol-table .other-table .tbody .tr .td:nth-last-of-type(4) {
  position: relative;
  float: left;
  width: 15%;
  min-width: 15%;
}

.symbol-table .other-table .tbody .tr .td:nth-last-of-type(3) {
  position: relative;
  float: left;
  width: 15%;
  min-width: 15%;
}

.symbol-table .other-table .tbody .tr .td:nth-last-of-type(2) {
  position: relative;
  float: left;
  width: 15%;
  min-width: 15%;
}

.symbol-table .other-table .tbody .tr .td:nth-last-of-type(1) {
  position: relative;
  float: left;
  width: 20%;
  min-width: 20%;
}

.symbol-table .other-table .tbody .tr .bid-content,
.symbol-table .other-table .tbody .tr .ask-content,
.symbol-table .other-table .tbody .tr .spread-content,
.symbol-table .other-table .tbody .tr .action-content {
  text-align: center;
}

.symbol-table .other-table .tbody .tr .symbol .symbol-content {
  position: relative;
  display: flex;
  align-items: center;
  ;
}

.symbol-table .other-table .tbody .tr .symbol .symbol-content .symbol-icon {
  position: relative;
  min-width: 15%;
  width: 15%;
  float: left;
}

.symbol-table .other-table .tbody .tr .symbol .symbol-content .symbol-icon img {
  width: 30px;
  min-width: 30px;
  max-width: 30px;
}

.symbol-table .other-table .tbody .tr .symbol .symbol-content .symbol-icon.dual {
  min-height: 30px;
}

.symbol-table .other-table .tbody .tr .symbol .symbol-content .symbol-icon.dual img {
  width: 20px;
  min-width: 20px;
  max-width: 20px;
}

.symbol-table .other-table .tbody .tr .symbol .symbol-content .symbol-icon.dual img.from-flag {
  position: absolute;
  bottom: 0px;
  left: 0px;
}

.symbol-table .other-table .tbody .tr .symbol .symbol-content .symbol-icon.dual img.to-flag {
  position: absolute;
  top: 0px;
  right: 5px;
}

.symbol-table .other-table .tbody .tr .symbol .symbol-content .symbol-title {
  position: relative;
  min-width: 85%;
  width: 85%;
  float: left;
  padding-left: 5px;
}

.symbol-table .other-table .tbody .tr .symbol .symbol-content .symbol-title .title {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
  padding-left: 4px
}

.symbol-table .other-table .tbody .tr .symbol .symbol-content .symbol-title .desc {
  position: relative;
  font-size: var(--font-text-size-xxs);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
}

.symbol-table .other-table .tfoot {
  position: relative;
  margin: 15px 0px 0px 0px;
}

.symbol-table .other-table .tfoot .desc {
  position: relative;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.4;
  color: var(--text-color);
  margin-bottom: 0px;
}

.symbol-table .other-table .tfoot .symbol-category-link {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  text-align: right;
}

.symbol-table .other-table .tbody .tr .action-content a {
  padding: 10px
}


section.main-metatrader {
  position: relative;
  padding: 70px 0px;
  background: var(--light-gray-color-section);
}

section.main-metatrader .section-body {
  position: relative;
  margin-bottom: 25px;
}

section.main-metatrader .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 25px;
}

section.main-metatrader .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.main-metatrader .section-image {
  position: relative;
  margin-bottom: 25px;
}

section.main-metatrader .metatrader-info {
  position: relative;
  height: 100%;
  padding: 25px 40px 50px 40px;
  background: var(--white-color);
  border-radius: var(--border-radius-sm);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.main-metatrader .metatrader-info::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 20px;
  bottom: 0px;
  left: 0px;
  border-bottom-left-radius: var(--border-radius-sm);
  border-bottom-right-radius: var(--border-radius-sm);
}

section.main-metatrader .metatrader-info.green::after {
  background: #A5CE5E;
}

section.main-metatrader .metatrader-info.purple::after {
  background: #8990DD;
}

section.main-metatrader .metatrader-info .icon {
  position: relative;
  margin-bottom: 20px;
}

section.main-metatrader .metatrader-info .icon svg {
  width: 55px;
  height: 55px;
}

section.main-metatrader .metatrader-info .icon svg * {
  fill: var(--text-color);
}

section.main-metatrader .metatrader-info .body {
  position: relative;
  margin-bottom: 40px;
}

section.main-metatrader .metatrader-info .body .title {
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
}

section.main-metatrader .metatrader-info.green .body .title {
  color: #A5CE5E;
}

section.main-metatrader .metatrader-info.purple .body .title {
  color: #8990DD;
}

section.main-metatrader .metatrader-info .body .description {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.main-metatrader .metatrader-info .more {
  position: relative;
}

section.main-metatrader .metatrader-info .more a {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  display: inline-flex;
  align-items: center;
}

section.main-metatrader .metatrader-info:hover {
  box-shadow: var(--box-shadow-other-xs);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}


section.main-portfolio {
  position: relative;
  padding: 70px 0px;
  background: #070814;
}

section.main-portfolio .section-header {
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}

section.main-portfolio .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--white-color);
  margin-bottom: 15px;
}

section.main-portfolio .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--light-blue-color);
  margin-bottom: 0px
}

section.main-portfolio .section-body {
  position: relative;
}

section.main-portfolio .section-menu {
  position: relative;
}

section.main-portfolio .section-menu .nav-tabs {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

section.main-portfolio .section-menu .nav-tabs .nav-item {
  position: relative;
  margin-right: 75px;
}

section.main-portfolio .section-menu .nav-tabs .nav-item:last-of-type {
  margin-right: 0px;
}

section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--white-color);
  border: none;
}

section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.active,
section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link:hover {
  background: transparent;
  border: none;
}

section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: transparent;
  bottom: -11px;
  left: 0px;
  border-radius: var(--border-radius-xs);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.light-pink.active::before,
section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.light-pink:hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--light-pink-color);
  bottom: -11px;
  left: 0px;
  border-radius: var(--border-radius-xs);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.light-orange.active::before,
section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.light-orange:hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--light-orange-color);
  bottom: -11px;
  left: 0px;
  border-radius: var(--border-radius-xs);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.light-red.active::before,
section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.light-red:hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--light-red-color);
  bottom: -11px;
  left: 0px;
  border-radius: var(--border-radius-xs);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.light-green.active::before,
section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.light-green:hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--light-green-color);
  bottom: -11px;
  left: 0px;
  border-radius: var(--border-radius-xs);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.light-purple.active::before,
section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.light-purple:hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--light-purple-color);
  bottom: -11px;
  left: 0px;
  border-radius: var(--border-radius-xs);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.light-blue.active::before,
section.main-portfolio .section-menu .nav-tabs .nav-item .nav-link.light-blue:hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--light-blue-color);
  bottom: -11px;
  left: 0px;
  border-radius: var(--border-radius-xs);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.main-portfolio .section-body .section-tab-body,
section.main-portfolio .section-body .section-tab-image {
  position: relative;
}

section.main-portfolio .section-body .section-tab-body .title {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 0px;
}

section.main-portfolio .section-body .section-tab-body .title b {
  display: block;
}

section.main-portfolio .section-body .section-tab-body .more .underline-link {
  position: relative;
  padding-bottom: 10px;
  color: var(--white-color);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
}

section.main-portfolio .section-body .section-tab-body.light-pink .more .underline-link {
  border-bottom: 1px solid var(--light-pink-color);
}

section.main-portfolio .section-body .section-tab-body.light-orange .more .underline-link {
  border-bottom: 1px solid var(--light-orange-color);
}

section.main-portfolio .section-body .section-tab-body.light-red .more .underline-link {
  border-bottom: 1px solid var(--light-red-color);
}

section.main-portfolio .section-body .section-tab-body.light-purple .more .underline-link {
  border-bottom: 1px solid var(--light-purple-color);
}

section.main-portfolio .section-body .section-tab-body.light-green .more .underline-link {
  border-bottom: 1px solid var(--light-green-color);
}

section.main-portfolio .section-body .section-tab-body.light-blue .more .underline-link {
  border-bottom: 1px solid var(--light-blue-color);
}

section.main-portfolio .section-body .section-tab-body.light-blue .title {
  color: var(--light-blue-color);
}

section.main-portfolio .section-body .section-tab-body.light-red .title {
  color: var(--light-red-color);
}

section.main-portfolio .section-body .section-tab-body.light-green .title {
  color: var(--light-green-color);
}

section.main-portfolio .section-body .section-tab-body.light-orange .title {
  color: var(--light-orange-color);
}

section.main-portfolio .section-body .section-tab-body.light-purple .title {
  color: var(--light-purple-color);
}

section.main-portfolio .section-body .section-tab-body.light-pink .title {
  color: var(--light-pink-color);
}

section.main-portfolio .section-body .section-tab-body .notice {
  position: relative;
  margin-bottom: 0px;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.5;
  color: var(--white-color);
}


section.main-explore {
  position: relative;
  padding: 100px 0px;
  background: var(--light-gray-color-section);
}

section.main-explore .section-body {
  position: relative;
}

section.main-explore .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
  color: var(--text-color);
}

section.main-explore .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0px;
  color: var(--text-color);
}

section.main-explore .section-body .login-now {
  position: relative;
  margin: 40px 0px;
}

section.main-explore .section-body .login-now .sub-title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 10px;
  color: var(--orange-color);
}

section.main-explore .section-body .other {
  position: relative;
}

section.main-explore .section-body .other .sub-title {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 5px;
  color: var(--text-color);
}

section.main-explore .section-body .other .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 15px;
  color: var(--text-color);
}

section.main-explore .section-body .other .underline-link {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-color-dark);
  color: var(--orange-color);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
}

section.main-explore .section-image {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 315.56px;
}

section.main-explore .section-image .play {
  position: absolute;
  z-index: 1;
  left: -35px;
}

section.main-explore .section-image .play img {
  -webkit-animation: zoomInImageSm 4s ease-out 1s infinite;
  animation: zoomInImageSm 4s ease-out 1s infinite;
  width: 70px;
  height: 70px;
}

section.main-explore .section-image .cover {
  position: relative;
}

@keyframes zoomInImageSm {
  0% {
    transform: translateY(0px) translateX(0px) scale(1);
    opacity: 1;
  }

  50% {
    transform: translateY(0px) translateX(0) scale(1.2);
    opacity: 1;
  }

  100% {
    transform: translateY(0px) translateX(0px) scale(1);
    opacity: 1;
  }
}


section.main-trade {
  position: relative;
  padding: 70px 0px;
}

section.main-trade .section-start,
section.main-trade .section-center,
section.main-trade .section-end {
  position: relative;
}

section.main-trade .section-start .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
  color: var(--text-color);
}

section.main-trade .section-start .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0px;
  color: var(--text-color);
}

section.main-trade .section-start .app {
  position: relative;
  margin: 50px 0px;
}

section.main-trade .section-start .app a {
  position: relative;
  display: block;
}

section.main-trade .section-start .app a:first-of-type {
  margin-bottom: 10px;
}

section.main-trade .section-start .qr {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}

section.main-trade .section-start .qr .qr-code {
  position: relative;
  width: 90px;
}

section.main-trade .section-start .qr span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
  text-align: center;
}

section.main-trade .section-start .qr span svg {
  margin-bottom: 10px;
}

section.main-trade .section-center {
  padding: 30px;
}

section.main-trade .section-center img {
  position: relative;
  width: 100%;
}

section.main-trade .section-end ul {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

section.main-trade .section-end ul li {
  position: relative;
  margin-bottom: 20px;
  min-width: 140px;
  min-height: 140px;
  width: 140px;
  height: 140px;
  background: var(--light-gray-color-section);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  flex-direction: column;
  padding: 5px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.main-trade .section-end ul li:last-of-type {
  margin-bottom: 0px;
}

section.main-trade .section-end ul li .icon {
  position: relative;
  margin-bottom: 5px;
}

section.main-trade .section-end ul li .icon svg {
  width: 25px;
  height: 25px;
}

section.main-trade .section-end ul li .icon svg * {
  fill: var(--blue-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.main-trade .section-end ul li .text {
  position: relative;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0px;
  color: var(--text-color);
}

section.main-trade .section-end ul li .text b {
  display: block;
}

section.main-trade .section-end ul li:hover {
  background: var(--blue-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.main-trade .section-end ul li:hover * {
  color: var(--white-color);
}

section.main-trade .section-end ul li:hover .icon svg * {
  fill: var(--white-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}


section.main-step {
  position: relative;
  padding: 70px 0px;
  background: var(--light-gray-color-section);
}

section.main-step .section-title,
section.main-step .section-step,
section.main-step .section-more {
  position: relative;
}

section.main-step .section-title {
  text-align: center;
}

section.main-step .section-title .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.main-step .section-title .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.main-step .section-step {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

section.main-step .section-step .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 90px;
  height: 90px;
  min-width: 90px;
  min-height: 90px;
  background: var(--orange-color);
  text-align: center;
  border-radius: 50%;
}

section.main-step .section-step .icon svg {
  width: 35px;
  height: 35px;
}

section.main-step .section-step .text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
  text-align: center;
}

section.main-step .section-more {
  display: flex;
  align-items: center;
  justify-content: center;
}

section.main-step .section-more .underline-link {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--orange-color);
  color: var(--orange-color);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
}

section.main-step .section-body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 70px 0px;
}

section.main-step .section-step::before {
  content: '';
  position: absolute;
  width: 200px;
  height: 10px;
  right: -270px;
  margin-top: -30px;
  background: url('../image/right-ok.png') no-repeat;
  background-size: 100% 100%;
}

section.main-step .section-step.step-three::before {
  display: none;
}

section.main-step.step-de .section-step::before {
  display: none !important;
}

section.main-news {
  position: relative;
  padding: 70px 0px;
}

section.main-news .section-title {
  position: relative;
  text-align: center;
  margin-bottom: 40px;
}

section.main-news .section-title .sub-title {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 5px;
  color: var(--text-color);
}

section.main-news .section-title .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0px;
  color: var(--text-color);
}

section.main-news .section-body {
  position: relative;
}

section.main-news .section-body .nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: var(--light-gray-color-section);
  border-radius: var(--border-radius-xl);
  margin-bottom: 40px;
}

section.main-news .section-body .nav .nav-item {
  position: relative;
  margin-right: 20px;
}

section.main-news .section-body .nav .nav-item:last-of-type {
  margin-right: 0px;
}

section.main-news .section-body .nav .nav-item .nav-link {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--light-text-color);
  border-radius: var(--border-radius-lg);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.main-news .section-body .nav .nav-item .nav-link.active,
section.main-news .section-body .nav .nav-item .nav-link:hover {
  position: relative;
  background: var(--white-color);
  border-radius: var(--border-radius-lg);
  color: var(--text-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.post-item {
  position: relative;
  display: flex;
  align-items: center;
  border-radius: var(--border-radius-md);
  height: 100%;
}

.post-item .post-image {
  position: relative;
  float: left;
  width: 40%;
  height: 100%;
  border-top-left-radius: var(--border-radius-md);
  border-bottom-left-radius: var(--border-radius-md);
}

.post-item .post-image img {
  position: relative;
  width: 100%;
  height: 100%;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
  border-top-left-radius: var(--border-radius-md);
  border-bottom-left-radius: var(--border-radius-md);
}

.post-item .post-body {
  position: relative;
  width: 60%;
  height: 100%;
  float: right;
  background: var(--light-gray-color-section);
  padding: 25px;
  border-top-right-radius: var(--border-radius-md);
  border-bottom-right-radius: var(--border-radius-md);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}

.post-item .post-body .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
}

.post-item .post-body .desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin: 20px 0px;
}

.post-item .post-body .time {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.5;
  color: var(--light-text-color);
}

.post-item .post-body .more {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.main-news .section-more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.main-news .tab-pane {
  position: relative;
  margin-bottom: 40px;
}

section.main-news .section-more .underline-link {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--orange-color);
  color: var(--orange-color);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
}


section.main-bvb {
  position: relative;
}

section.main-bvb::before {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url('https://www.futuoinfo.com/dist/images/main-bvb-bg.png') no-repeat;
  background-size: cover;
  background-position: top center;
  width: 100%;
  height: 82%;
  z-index: 0;
}

section.main-bvb::after {
  content: '';
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: url('../image/main-bvb-mask.png') no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  z-index: 1;
}

section.main-bvb .body {
  position: relative;
  padding: 150px 0px 30px 0px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  flex-direction: column;
  height: 100%;
  z-index: 3;
}

section.main-bvb .body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  color: var(--white-color);
  line-height: 1.2;
  margin-bottom: 5px;
}

section.main-bvb .body .desc {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--white-color);
  line-height: 1.6;
}

section.main-bvb .image {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

section.main-bvb .image .player {
  height: 100%;
  margin-top: -30px;
}

section.main-bvb .image .bvb {
  position: relative;
  z-index: 2;
  padding-bottom: 30px;
}


section.main-awards {
  position: relative;
  padding: 80px 0px;
}

section.main-awards .section-title {
  position: relative;
}

section.main-awards .section-title .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  color: var(--text-color);
  line-height: 1.2;
  margin-bottom: 5px;
}

section.main-awards .section-title .desc {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.6;
  margin-bottom: 0px;
}

section.main-awards .award-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.main-awards .sectionMore {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}


section.main-trade-pro {
  position: relative;
  padding: 30px 0px;
}

section.main-trade-pro .section-title {
  position: relative;
}

section.main-trade-pro .section-title .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  color: var(--text-color);
  line-height: 1.2;
  margin-bottom: 5px;
}

section.main-trade-pro .section-title .desc {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.6;
  margin-bottom: 35px;
}


section.support-area {
  position: relative;
  padding: 30px 0px;
}

section.support-area .body {
  padding: 15px;
  position: relative;
  text-align: center;
  background: var(--black-color);
  border-radius: var(--border-radius-sm);
}

section.support-area .body a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--font-text-size-xl);
  font-weight: 600;
  color: var(--white-color);
}

section.support-area .body a svg {
  height: 30px;
  min-height: 30px;
}


section.risk-probability {
  position: relative;
  padding: 20px 0px 50px 0px;
}

section.risk-probability .text {
  position: relative;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 10px;
  text-align: justify;
}

section.risk-probability .text a {
  color: var(--orange-color);
  font-weight: 500;
  text-decoration: none;
}

section.risk-probability .text:last-of-type {
  margin-bottom: 0px;
}


footer.footer {
  position: relative;
  background: var(--black-color);
  padding: 60px 0px 30px 0px;
  border-bottom: 20px solid var(--black-color);
}

footer.footer .logo-content {
  position: relative;
  display: inline-block;
  z-index: 2;
  margin-bottom: 25px;
}

footer.footer .footer-menu-content {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  z-index: 2;
  margin: 50px 0px 0px 0px;
}

footer.footer .footer-menu-content ul {
  position: relative;
  padding: 0px;
  margin-bottom: 30px;
}

footer.footer .footer-menu-content ul:last-of-type {
  margin-bottom: 0px;
}

footer.footer .footer-menu-content ul li {
  position: relative;
  margin-bottom: 5px;
}

footer.footer .footer-menu-content ul li.title {
  font-size: var(--font-text-size-md);
  font-weight: 700;
  color: var(--white-color);
  line-height: 1.2;
}

footer.footer .footer-menu-content ul li a {
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--white-color);
  line-height: 1.3;
}

footer.footer .footer-social {
  position: relative;
  z-index: 2;
}

footer.footer .footer-social .title {
  position: relative;
  margin-bottom: 15px;
  font-size: var(--font-text-size-md);
  font-weight: 700;
  color: var(--white-color);
  line-height: 1;
  text-align: right;
}

footer.footer .social {
  position: relative;
  padding: 0px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

footer.footer .social li {
  position: relative;
  float: left;
  margin-right: 20px;
}

footer.footer .social li:last-of-type {
  margin-right: 0px;
}

footer.footer .social li a {
  font-size: var(--font-text-size-lg);
  color: var(--white-color);
}

footer.footer .social li a:hover {
  font-size: var(--font-text-size-lg);
  color: var(--white-color);
}

footer.footer .footer-line {
  /*padding-bottom: 40px;*/
  border-bottom: 1px solid var(--border-color-light);
}

footer.footer .footer-risk-warn {
  position: relative;
  z-index: 2;
  padding-top: 40px;
}

footer.footer .footer-risk-warn .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 700;
  color: var(--white-color);
  line-height: 1;
}

footer.footer .footer-risk-warn .desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--white-color);
  line-height: 1.5;
}

footer.footer .footer-address-content {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  padding: 50px 0px;
}

footer.footer .footer-address-content .footer-item {
  float: left;
  width: 25%;
  border-right: 1px solid var(--border-color-light);
  min-height: 85px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

footer.footer .footer-address-content .footer-item:first-of-type {
  align-items: flex-start !important;
}

footer.footer .footer-address-content .footer-item:last-of-type {
  border: none;
}

footer.footer .footer-address-content .footer-item .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 700;
  line-height: 1;
  color: var(--white-color);
  margin-bottom: 5px;
}

footer.footer .footer-address-content .footer-item .desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--white-color);
}

footer.footer .footer-address-content .footer-item .td-title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 700;
  line-height: 1;
  color: var(--white-color);
}

footer.footer .footer-address-content .footer-item .td-space {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1;
  color: var(--white-color);
  padding: 0px 10px;
}

footer.footer .footer-address-content .footer-item td {
  padding: 3px 0px;
}

footer.footer .footer-address-content .footer-item td a {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1;
  color: var(--white-color);
  padding: 0px 10px;
}

footer.footer .footer-address-content .footer-item .table-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

footer.footer .footer-address-content .footer-item .image-content {
  display: flex;
  align-items: center;
  justify-content: center;
}

footer.footer .copyright {
  position: relative;
  margin-bottom: 0px;
  font-size: var(--font-text-size-sm);
  font-weight: 700;
  color: var(--white-color);
  line-height: 1;
  z-index: 2;
}


section.breadcrumbs {
  position: relative;
  padding: 100px 0px;
}

section.breadcrumbs .cover-bg {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: -1;
}

section.breadcrumbs .breadcrumb-body {
  position: relative;
  text-align: center;
}

section.breadcrumbs .breadcrumb-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.breadcrumbs .breadcrumb-body .sub-title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.breadcrumbs .breadcrumb-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.breadcrumbs.why-alb {
  padding: 475px 0px 130px;
  margin-top: -188px;
  z-index: 0;
}

section.breadcrumbs.why-alb .breadcrumb-body .title,
section.breadcrumbs.why-alb .breadcrumb-body .sub-text {
  color: var(--white-color);
}

section.breadcrumbs.webinars {
  padding: 475px 0px 130px;
  margin-top: -188px;
  z-index: 0;
}

section.breadcrumbs.webinars .breadcrumb-body .title,
section.breadcrumbs.webinars .breadcrumb-body .sub-text {
  color: var(--white-color);
}

section.breadcrumbs .play-cursor {
  position: relative;
  margin-top: 100px;
  margin-bottom: -165px;
}

section.breadcrumbs .play-cursor a {
  position: relative;
}

section.breadcrumbs .play-cursor a img {
  -webkit-animation: zoomInImageSm 4s ease-out 1s infinite;
  animation: zoomInImageSm 4s ease-out 1s infinite;
  width: 70px;
  height: 70px;
}

section.breadcrumbs.blogs {
  padding: 294px 0px 70px;
  margin-top: -188px;
  z-index: 0;
}

section.breadcrumbs.events {
  padding: 475px 0px 180px;
  margin-top: -188px;
  z-index: 0;
}

section.breadcrumbs.events .breadcrumb-body .title,
section.breadcrumbs.events .breadcrumb-body .sub-text {
  color: var(--text-color);
}

section.breadcrumbs.products {
  padding: 475px 0px 125px;
  margin-top: -188px;
  z-index: 0;
}

section.breadcrumbs.events .breadcrumb-body .title,
section.breadcrumbs.events .breadcrumb-body .sub-text {
  color: var(--text-color);
}

section.breadcrumbs.product-detail-page {
  padding: 60px 0px;
}

section.breadcrumbs .breadcrumb-body .breadcrumb-image {
  position: relative;
  width: 300px;
  margin-bottom: 35px;
}

section.breadcrumbs.mt-platform {
  background: var(--black-color);
  padding: 475px 0px 130px;
  margin-top: -188px;
  z-index: 0;
}

section.breadcrumbs.mt-platform .breadcrumb-body .title,
section.breadcrumbs.mt-platform .breadcrumb-body .sub-text {
  color: var(--white-color);
}

section.breadcrumbs .other-image {
  position: relative;
  margin-top: 50px;
  margin-bottom: -250px;
}

section.breadcrumbs .other-image img {
  width: 100%;
}

section.breadcrumbs .other-more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: -350px;
  margin-top: 310px;
}

section.breadcrumbs .other-more a.other {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  padding: 10px 0px;
  border-bottom: 1px solid var(--orange-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}



section.here-why {
  position: relative;
  padding: 100px 0px;
}

section.here-why.product-detail {
  background: var(--white-color);
  padding: 120px 0px;
}

section.here-why .section-header {
  position: relative;
  text-align: center;
}

section.here-why .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  color: var(--text-color);
  line-height: 1.2;
  margin-bottom: 5px;
}

section.here-why .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.6;
  margin-bottom: 0px;
}

section.here-why .section-body {
  position: relative;
  margin-top: 50px;
}

section.here-why .section-body .here-item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius-md);
  padding: 30px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.here-why .section-body .here-item .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 10px;
}

section.here-why .section-body .here-item .icon svg {
  width: 35px;
  height: 35px;
  fill: var(--black-color);
}

section.here-why .section-body .here-item .body {
  position: relative;
  text-align: center;
}

section.here-why .section-body .here-item .body .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.2;
  margin-bottom: 0px;
}

section.here-why .section-body .here-item:hover {
  background: var(--black-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.here-why .section-body .here-item:hover .body .title {
  color: var(--white-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.here-why .section-body .here-item:hover .icon svg * {
  fill: var(--white-color);
}


section.trusted-broker {
  position: relative;
  padding: 70px 0px;
  background: var(--light-gray-color-section);
}

section.trusted-broker .section-start {
  position: relative;
}

section.trusted-broker .section-start .mfsa {
  position: relative;
  margin-bottom: 70px;
}

section.trusted-broker .section-start .mfsa img {
  width: 200px;
}

section.trusted-broker .section-start .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  color: var(--text-color);
  line-height: 1.2;
  margin-bottom: 5px;
}

section.trusted-broker .section-start .desc {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.5;
  margin-bottom: 0px;
}

section.trusted-broker .section-end {
  position: relative;
}

section.trusted-broker .section-end .sub-desc {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 20px;
}

section.trusted-broker .section-end .reg-no {
  position: relative;
  padding: 10px;
  border-radius: var(--border-radius-sm);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.5;
  color: var(--orange-color);
  background: var(--white-color);
  text-align: center;
}

section.trusted-broker .section-more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.trusted-broker .section-more a.other {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  padding: 10px 0px;
  border-bottom: 1px solid var(--orange-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}


section.multi-asset {
  position: relative;
  padding: 80px 0px;
}

section.multi-asset .section-image {
  position: relative;
  margin-bottom: 25px;
}

section.multi-asset .section-image img {
  width: 100%;
}

section.multi-asset .section-body {
  position: relative;
  text-align: center;
}

section.multi-asset .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  color: var(--soft-brown-color);
  line-height: 1.2;
  margin-bottom: 10px;
}

section.multi-asset .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  color: var(--text-color);
  line-height: 1.5;
  margin-bottom: 15px;
}

section.multi-asset .section-body .sub-desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.5;
  margin-bottom: 0px;
}


section.investor-protection {
  position: relative;
  padding: 70px 0px;
  background: var(--light-soft-brown-color);
}

section.investor-protection .section-title {
  position: relative;
  text-align: center;
}

section.investor-protection .section-title .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--soft-brown-color);
  margin-bottom: 10px;
}

section.investor-protection .section-title .sub-title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.5;
  color: var(--soft-brown-color);
  margin-bottom: 35px;
}

section.investor-protection .section-body {
  position: relative;
  text-align: center;
}

section.investor-protection .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 35px;
}

section.investor-protection .section-more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.investor-protection .section-more .nav {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

section.investor-protection .section-more .nav .nav-item {
  position: relative;
}

section.investor-protection .section-more .nav .nav-item .nav-link {
  font-weight: 600;
  font-size: var(--font-text-size-sm);
  background: transparent;
  color: var(--texxt-color);
  padding: 10px 20px;
  border-radius: var(--border-radius-sm);
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid var(--text-color);
  min-height: 45px;
}

section.investor-protection .section-more .nav .nav-item .nav-link.active,
section.investor-protection .section-more .nav .nav-item .nav-link:hover {
  background: var(--orange-color);
  border-color: var(--orange-color);
  color: var(--white-color);
}


section.cutting-edge-technology {
  position: relative;
  padding: 70px 0px 0px 0px;
}

section.cutting-edge-technology .section-body {
  position: relative;
}

section.cutting-edge-technology .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.cutting-edge-technology .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 35px;
}

section.cutting-edge-technology .section-image {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.cutting-edge-technology .section-image img {
  width: 100%;
}


section.trader-information {
  position: relative;
  padding: 70px 0px;
  background: var(--light-gray-color-section);
}

section.trader-information .section-title {
  position: relative;
  text-align: center;
}

section.trader-information .section-title .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 20px;
}

section.trader-information .section-title .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 35px;
}

section.trader-information .section-more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0px;
}

section.trader-information .section-more a.other {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  padding: 10px 0px;
  border-bottom: 1px solid var(--orange-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}


section.multi-asset-platform {
  position: relative;
  padding: 70px 0px;
}

section.multi-asset-platform .section-title {
  position: relative;
  text-align: center;
}

section.multi-asset-platform .section-title .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 60px;
}

section.multi-asset-platform .section-body {
  position: relative;
}

section.multi-asset-platform .section-body .platform-item {
  position: relative;
  display: flex;
  align-items: center;
}

section.multi-asset-platform .section-body .platform-item .icon {
  position: relative;
  width: 20%;
  min-width: 20%;
  float: left;
}

section.multi-asset-platform .section-body .platform-item .icon svg {
  width: 35px;
}

section.multi-asset-platform .section-body .platform-item .icon svg * {
  fill: var(--orange-color);
}

section.multi-asset-platform .section-body .platform-item .text {
  position: relative;
  width: 80%;
  min-width: 80%;
  float: left;
  padding-left: 10px;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}


section.subscribe-newsletter {
  position: relative;
  padding: 70px 0px;
  background: var(--light-gray-color-section);
}

section.subscribe-newsletter .section-body {
  position: relative;
  padding: 0px;
  margin-bottom: 40px;
  display: flex;
  align-items: center;
}

section.subscribe-newsletter .section-body li {
  position: relative;
  float: left;
  width: 50%;
}

section.subscribe-newsletter .section-body li:first-of-type {
  padding-right: 50px;
  border-right: 1px solid var(--border-color-dark);
}

section.subscribe-newsletter .section-body li:last-of-type {
  padding-left: 50px;
}

section.subscribe-newsletter .section-body li .icon {
  position: relative;
  margin-bottom: 20px;
}

section.subscribe-newsletter .section-body li .icon svg {
  width: 40px;
}

section.subscribe-newsletter .section-body li .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 20px;
}

section.subscribe-newsletter .section-body li .desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.subscribe-newsletter .section-more {
  position: relative;
  text-align: center;
}


section.bvb-partner {
  position: relative;
  padding: 70px 0px 0px 0px;
  border-bottom: 1px solid var(--border-color-dark);
}

section.bvb-partner .section-body {
  position: relative;
}

section.bvb-partner .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 20px;
}

section.bvb-partner .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 35px;
}

section.bvb-partner .section-body .partner {
  position: relative;
  margin-bottom: 0px;
}

section.bvb-partner .section-body .partner img {
  position: relative;
  width: 150px;
}

section.bvb-partner .section-image {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.bvb-partner .section-image img {
  width: 100%;
}


section.start-trading {
  position: relative;
}

section.start-trading .section-body {
  position: relative;
  padding: 40px 90px;
  background: var(--orange-color);
  border-radius: var(--border-radius-md);
}

section.start-trading .section-body .section-start,
section.start-trading .section-body .section-end {
  position: relative;
}

section.start-trading .section-body .section-start .title {
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--white-color);
  margin-bottom: 5px;
}

section.start-trading .section-body .section-start .desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--white-color);
  margin-bottom: 0px;
}

section.start-trading .section-body .section-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

section.start-trading .section-body .section-end a.other {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--white-color);
  padding: 10px 0px;
  border-bottom: 1px solid var(--white-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.start-trading.events {
  margin-top: -80px;
  padding: 0px;
}


section.events {
  position: relative;
  padding: 70px 0px;
}

.event-item {
  position: relative;
  height: 100%;
  padding: 25px;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius-md);
}

.event-item a .event-image {
  position: relative;
  width: 100%;
  height: 200px;
  border-radius: var(--border-radius-md);
  overflow: hidden;
}

.event-item a .event-image .cover {
  width: 100%;
  height: 100%;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--border-radius-md);
}

.event-item a .event-image .event-country {
  position: absolute;
  top: 10px;
  left: 10px;
  padding: 10px;
  background: var(--white-color);
  border-radius: var(--border-radius-sm);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--green-color);
  display: flex;
  align-items: center;
}

.event-item a .event-image .event-country img {
  position: relative;
  width: 20px;
  margin-right: 5px;
  border-radius: 50%;
}

.event-item a .event-body {
  position: relative;
  margin: 25px 0px;
}

.event-item a .event-body ul {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}

.event-item a .event-body ul li {
  position: relative;
  width: 33.33%;
  display: flex;
  align-items: center;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
}

.event-item a .event-body ul li i,
.event-item a .event-body ul li svg {
  color: var(--orange-color);
  fill: var(--orange-color);
}

.event-item a .event-action {
  position: relative;
  margin-bottom: 0px;
  text-align: left;
}


section.events-webinars {
  position: relative;
  padding: 80px 0px;
  background: var(--soft-light-brown-color);
  margin-bottom: 50px;
}

section.events-webinars .section-body {
  position: relative;
  text-align: right;
  margin-bottom: 25px;
}

section.events-webinars .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
}

section.events-webinars .section-body .sub-desc {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-color);
}

section.events-webinars .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
}

section.events-webinars .section-more {
  position: relative;
  text-align: right;
}

section.events-webinars .webinar-body,
.webinar-item {
  position: relative;
  padding: 40px;
  background: var(--orange-color);
  border-radius: var(--border-radius-md);
}

.webinar-item {
  height: 100%;
}

.webinar-item.gray {
  background: var(--light-gray-color-section) !important;
}

.webinar-item.gray * {
  color: var(--text-color) !important;
}

section.events-webinars .webinar-body .webinar-title,
.webinar-item.gray .webinar-title,
section.events-webinars .webinar-body .webinar-more a,
.webinar-item.gray .webinar-more a {
  border-bottom: 1px solid var(--border-color-dark) !important;
}

section.events-webinars .webinar-body .webinar-type,
.webinar-item .webinar-type {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--white-color);
  margin-bottom: 25px;
}

section.events-webinars .webinar-body .webinar-title,
.webinar-item .webinar-title {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.2;
  color: var(--white-color);
  padding-bottom: 25px;
  border-bottom: 1px solid var(--white-color);
  margin-bottom: 0px;
}

section.events-webinars .webinar-body .webinar-speakers,
.webinar-item .webinar-speakers {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.5;
  color: var(--white-color);
  padding-top: 20px;
  margin-bottom: 10px;
}

section.events-webinars .webinar-body .webinar-date,
.webinar-item .webinar-date {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.5;
  color: var(--white-color);
  margin-bottom: 20px;
}

section.events-webinars .webinar-body .webinar-desc,
.webinar-item .webinar-desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--white-color);
  margin-bottom: 20px;
}

section.events-webinars .webinar-body .webinar-desc *,
.webinar-item .webinar-desc * {
  color: var(--white-color) !important;
}

section.events-webinars .webinar-body .webinar-more,
.webinar-item .webinar-more {
  position: relative;
  margin-bottom: 0px;
}

section.events-webinars .webinar-body .webinar-more a,
.webinar-item .webinar-more a {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--white-color);
  color: var(--white-color);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
}


section.products {
  position: relative;
  padding: 100px 0px;
}

section.products .section-title {
  position: relative;
  text-align: center;
  margin-bottom: 60px;
}

section.products .section-title .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.products .section-title .desc {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.products .products-body {
  position: relative;
}

section.products .products-body .product-item {
  position: relative;
  display: flex;
  align-items: flex-start;
}

section.products .products-body .product-item .icon {
  position: relative;
  margin-right: 20px;
}

section.products .products-body .product-item .icon svg {
  width: 40px;
}

section.products .products-body .product-item .text {
  position: relative;
}

section.products .products-body .product-item .text .title {
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0px;
}

section.products .products-body .product-item .text .desc {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin: 15px 0px;
}

section.products .products-body .product-item .text .more {
  position: relative;
  margin-bottom: 0px;
}

section.products .products-body .product-item .text .more a {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
}

section.products .products-body .product-item.product-forex .text .title,
section.products .products-body .product-item.product-forex .icon svg * {
  color: #56BDF9;
  fill: #56BDF9;
}

section.products .products-body .product-item.product-commodities .text .title,
section.products .products-body .product-item.product-commodities .icon svg * {
  color: #78C9A9;
  fill: #78C9A9;
}

section.products .products-body .product-item.product-energies .text .title,
section.products .products-body .product-item.product-energies .icon svg * {
  color: #DD7E7E;
  fill: #DD7E7E;
}

section.products .products-body .product-item.product-indices .text .title,
section.products .products-body .product-item.product-indices .icon svg * {
  color: #9382DE;
  fill: #9382DE;
}

section.products .products-body .product-item.product-equities .text .title,
section.products .products-body .product-item.product-equities .icon svg * {
  color: #E3B56C;
  fill: #E3B56C;
}

section.products .products-body .product-item.product-cryptos .text .title,
section.products .products-body .product-item.product-cryptos .icon svg * {
  color: #E064A7;
  fill: #E064A7;
}


section.trade-environment {
  position: relative;
}

section.trade-environment .section-image {
  position: relative;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

section.trade-environment .section-body {
  position: relative;
  text-align: right;
}

section.trade-environment .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 15px;
}

section.trade-environment .section-body .sub-desc {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 15px;
}

section.trade-environment .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 30px;
}

section.trade-environment .section-body .more {
  position: relative;
  margin-bottom: 0px;
  display: flex;
  align-items: flex-end;
  flex-direction: column;
}

section.trade-environment .section-body .more a:first-of-type {
  margin-bottom: 10px;
}

section.trade-environment .section-body .more a.other {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  padding: 10px 0px;
  border-bottom: 1px solid var(--orange-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}


section.products-other {
  position: relative;
  padding: 70px 0px;
}

section.products-other .products-other-item {
  position: relative;
  display: flex;
  align-items: center;
}

section.products-other .products-other-item .icon {
  position: relative;
  margin-right: 20px;
  margin-bottom: 0px;
}

section.products-other .products-other-item .icon svg {
  width: 70px;
}

section.products-other .products-other-item .text {
  position: relative;
}

section.products-other .products-other-item .text .title {
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.products-other .products-other-item .text .sub-desc {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.products-other .products-other-item .text .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 20px;
}

section.products-other .products-other-item .text .more {
  position: relative;
  margin-bottom: 0px;
}

section.products-other .products-other-item .text .more a {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
}

section.products-other .products-other-item.first,
section.products-other .products-other-item.other {
  padding-bottom: 48px;
  border-bottom: 1px solid var(--border-color-dark);
}


section.symbols-slide {
  position: relative;
  padding: 70px 0px;
}

section.symbols-slide .symbol-slide {
  position: relative;
}

section.symbols-slide .symbol-slide .swiper-slide {
  position: relative;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.symbols-slide .symbol-slide .swiper-wrapper {
  height: auto;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body {
  position: relative;
  background: var(--white-color);
  border-radius: var(--border-radius-sm);
  display: flex;
  align-items: center;
  min-width: 300px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body:hover {
  box-shadow: var(--box-shadow-other-xs);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-start {
  position: relative;
  width: 75%;
  float: left;
  display: flex;
  align-items: center;
  padding: 15px 25px;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-end {
  position: relative;
  width: 25%;
  height: 100%;
  float: right;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-start .symbol-icon {
  position: relative;
  width: 25%;
  float: left;
  display: flex;
  align-items: center;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-start .symbol-text {
  position: relative;
  width: 75%;
  float: right;
  padding-left: 5px;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-start .symbol-text .symbol-title {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1;
  color: var(--text-color);
  margin-bottom: 5px;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-start .symbol-text .symbol-value {
  position: relative;
  font-size: var(--font-text-size-xs);
  font-weight: 500;
  line-height: 1;
  color: var(--text-color);
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-start .symbol-text .symbol-value .price {
  margin-right: 10px;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-start .symbol-text .symbol-value .ratio {
  margin-left: 10px;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-end a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 30.5px;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-end .buy {
  background: var(--buy-color);
  font-size: var(--font-text-size-xs);
  font-weight: 500;
  color: var(--white-color);
  border-top-right-radius: var(--border-radius-sm);
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-end .sell {
  background: var(--sell-color);
  font-size: var(--font-text-size-xs);
  font-weight: 500;
  color: var(--white-color);
  border-bottom-right-radius: var(--border-radius-sm);
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-start .symbol-icon .from,
section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-start .symbol-icon .to {
  position: relative;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-start .symbol-icon .from img,
section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-start .symbol-icon .to img {
  position: relative;
  width: 25px;
  min-width: 25px;
}

section.symbols-slide .symbol-slide .swiper-slide .slide-body .slide-start .symbol-icon .to img {
  margin-left: -10px;
}

section.symbols-slide .symbol-slide .swiper-wrapper {
  transition-timing-function: linear;
}


section.product-detail {
  position: relative;
  padding: 50px 0px;
}

section.product-detail .section-title {
  position: relative;
  margin-bottom: 35px;
}

section.product-detail .section-title .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  text-align: center;
}

section.product-detail .majorMinorTab {
  position: relative;
  border-bottom: 1px solid rgba(180, 190, 190, 0.5);
}

section.product-detail .majorMinorTab .nav-item {
  position: relative;
}

section.product-detail .majorMinorTab .nav-item .nav-link {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  border-radius: 0px !important;
  background: transparent;
  padding-bottom: 5px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.product-detail .majorMinorTab .nav-item .nav-link:hover,
section.product-detail .majorMinorTab .nav-item .nav-link.active {
  color: var(--orange-color);
  border-color: var(--orange-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.product-detail .product-filter {
  position: relative;
}

section.product-detail .product-filter .product-filter-trigger {
  position: relative;
  padding: 15px;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--border-color-dark);
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.product-detail .product-filter .other-show {
  display: block;
}

section.product-detail .product-filter .filter-item {
  position: relative;
  margin-bottom: 30px;
}

section.product-detail .product-filter .filter-item .filter-title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--light-text-color);
  margin-bottom: 10px;
}

section.product-detail .product-filter .filter-item .filter-element {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
}

section.product-detail .product-filter .filter-item .filter-element li {
  position: relative;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
}

section.product-detail .product-filter .filter-item .filter-element li:last-of-type {
  position: relative;
  margin-bottom: 0px;
}

section.product-detail .product-filter .filter-notice {
  position: relative;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.2;
  color: var(--light-text-color);
  margin-top: 20px;
  margin-bottom: 20px;
}

section.product-detail .product-filter .filter-notice a,
section.product-detail .product-filter .filter-notice a:hover {
  color: var(--orange-color);
}

.major-minor-table {
  position: relative;
}

.major-minor-table .thead,
.major-minor-table .thead .tr {
  position: relative;
}

.major-minor-table .thead .tr {
  display: flex;
  align-items: center;
  padding: 10px 0px;
  border-bottom: 1px solid rgba(180, 190, 190, 0.5);
}

.major-minor-table .thead .tr .th {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--light-text-color);
}

.major-minor-table .thead .tr .th:nth-last-of-type(5) {
  width: 40%;
  min-width: 40%;
  float: left;
}
.major-minor-table .thead .tr .th:nth-last-of-type(4) {
  width: 15%;
  min-width: 15%;
  float: left;
  text-align: center;
}

.major-minor-table .thead .tr .th:nth-last-of-type(3),
.major-minor-table .thead .tr .th:nth-last-of-type(2),
.major-minor-table .thead .tr .th:nth-last-of-type(1) {
  width: 15%;
  min-width: 15%;
  float: left;
  text-align: center;
}

.major-minor-table .tbody,
.major-minor-table .tbody .tr {
  position: relative;
}

.major-minor-table .tbody a {
  position: relative;
  display: block;
  background: var(--light-gray-color-section);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.major-minor-table .tbody a:hover {
  background: #e6eaee;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.major-minor-table .tbody a .tr {
  display: flex;
  align-items: center;
  padding: 10px 0px;
  border-bottom: 1px solid rgba(180, 190, 190, 0.5);
}

.major-minor-table .tbody a:last-of-type .tr {
  border-bottom: none;
}

.major-minor-table .tbody .tr .td {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
}

.major-minor-table .tbody .tr .td:nth-last-of-type(5) {
  width: 40%;
  min-width: 40%;
  float: left;
}
.major-minor-table .tbody .tr .td:nth-last-of-type(4) {
  width: 15%;
  min-width: 15%;
  float: left;
  text-align: center;
  padding: 0px 15px;
}

.major-minor-table .tbody .tr .td:nth-last-of-type(4) img.sparkline{
  position: relative;
  width: 100%;
}

.major-minor-table .tbody .tr .td:nth-last-of-type(3),
.major-minor-table .tbody .tr .td:nth-last-of-type(2),
.major-minor-table .tbody .tr .td:nth-last-of-type(1) {
  width: 15%;
  min-width: 15%;
  float: left;
  text-align: center;
}

.major-minor-table .tbody .tr .td:nth-last-of-type(5) .symbol-content {
  position: relative;
  display: flex;
  align-items: center;
}

.major-minor-table .tbody .tr .td:nth-last-of-type(5) .symbol-content .icon {
  position: relative;
  width: 20%;
  min-width: 20%;
  margin-left: 10px;
}

.major-minor-table .tbody .tr .td:nth-last-of-type(5) .symbol-content .icon.dual {
  width: 13%;
  min-width: 13%;
}

.major-minor-table .tbody .tr .td:nth-last-of-type(5) .symbol-content .icon.dual img {
  position: relative;
  width: 35px;
  min-width: 35px;
}

.major-minor-table .tbody .tr .td:nth-last-of-type(5) .symbol-content .icon .from,
.major-minor-table .tbody .tr .td:nth-last-of-type(5) .symbol-content .icon .to {
  position: relative;
}

.major-minor-table .tbody .tr .td:nth-last-of-type(5) .symbol-content .icon img {
  position: relative;
  width: 25px;
  min-width: 25px;
}

.major-minor-table .tbody .tr .td:nth-last-of-type(5) .symbol-content .icon img.other {
  position: relative;
  width: 40px;
  min-width: 40px;
}

.major-minor-table .tbody .tr .td:nth-last-of-type(5) .symbol-content .icon .to img {
  margin-left: -10px;
}

.major-minor-table .tbody .tr .td:nth-last-of-type(5) .symbol-content .text .title {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
  padding-left: 15px;
}

.major-minor-table .tbody .tr .td:nth-last-of-type(5) .symbol-content .text .desc {
  position: relative;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.5;
  color: var(--light-text-color);
  margin-bottom: 0px;
}

.symbol-table .other-table .tbody .tr .td .bid-other,
.symbol-table .other-table .tbody .tr .td .ask-other {
  padding: 7px;
  border-radius: var(--border-radius-xs);
}

section.product-detail .majorMinorTabContent .notice {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.2;
  color: var(--light-text-color);
  margin-top: 20px;
  margin-bottom: 0px;
}

section.product-detail .majorMinorTabContent .notice a,
section.product-detail .majorMinorTabContent .notice a:hover {
  color: var(--orange-color);
}


section.metatrader-other {
  position: relative;
  padding: 80px 0px;
  display: flex;
  align-items: center;
}

section.metatrader-other .cover-image {
  position: absolute;
  right: -190px;
  width: 700px;
}

section.metatrader-other .section-body {
  position: relative;
  margin-bottom: 25px;
}

section.metatrader-other .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 25px;
}

section.metatrader-other .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 40px;
}

section.metatrader-other .section-image {
  position: relative;
  margin-bottom: 25px;
}

section.metatrader-other .metatrader-info {
  position: relative;
  padding: 25px 40px 50px 40px;
  background: var(--white-color);
  min-height: 336px;
  border-radius: var(--border-radius-sm);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.metatrader-other .metatrader-info::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 20px;
  bottom: 0px;
  left: 0px;
  border-bottom-left-radius: var(--border-radius-sm);
  border-bottom-right-radius: var(--border-radius-sm);
}

section.metatrader-other .metatrader-info.green::after {
  background: #A5CE5E;
}

section.metatrader-other .metatrader-info.purple::after {
  background: #8990DD;
}

section.metatrader-other .metatrader-info .icon {
  position: relative;
  margin-bottom: 20px;
}

section.metatrader-other .metatrader-info .icon svg {
  width: 55px;
  height: 55px;
}

section.metatrader-other .metatrader-info .icon svg * {
  fill: var(--text-color);
}

section.metatrader-other .metatrader-info .body {
  position: relative;
  margin-bottom: 40px;
}

section.metatrader-other .metatrader-info .body .title {
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
}

section.metatrader-other .metatrader-info.green .body .title {
  color: #A5CE5E;
}

section.metatrader-other .metatrader-info.purple .body .title {
  color: #8990DD;
}

section.metatrader-other .metatrader-info .body .description {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.metatrader-other .metatrader-info .more {
  position: relative;
}

section.metatrader-other .metatrader-info .more a {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  display: inline-flex;
  align-items: center;
}

section.metatrader-other .metatrader-info:hover {
  box-shadow: var(--box-shadow-other-xs);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}


section.product-detail-other {
  position: relative;
  padding: 70px 0px;
  background: var(--white-color);
}

section.product-detail-other .section-header {
  position: relative;
  text-align: center;
}

section.product-detail-other .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.product-detail-other .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.product-detail-other .detail-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
  text-align: center;
}

section.product-detail-other .section-more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

section.product-detail-other .section-more a.other {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  padding: 10px 0px;
  border-bottom: 1px solid var(--orange-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}


section.product-faq {
  position: relative;
  padding: 70px 0px;
  background: var(--white-color);
}

section.product-faq .section-header {
  position: relative;
  text-align: center;
  margin-bottom: 40px;
}

section.product-faq .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.product-faq .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.product-faq .accordion-item {
  position: relative;
  margin-bottom: 30px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--border-radius-sm);
}

section.product-faq .accordion-item .accordion-button {
  border-radius: var(--border-radius-sm);
}

section.product-faq .accordion-button {
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
}

section.product-faq .accordion-button:focus {
  border: none;
  box-shadow: none;
}

section.product-faq .accordion-button:not(.collapsed) {
  box-shadow: none;
  background: var(--white-color);
  color: var(--text-color);
}

section.product-faq .accordion-item:first-of-type .accordion-button {
  background: none;
}

section.product-faq .accordion-item:last-of-type .accordion-button.collapsed {
  border-radius: var(--border-radius-sm);
}

section.product-faq .accordion-item:last-of-type {
  margin-bottom: 0px;
}

section.product-faq.other .accordion-item .accordion-button {
  background: var(--orange-color);
  color: var(--white-color);
}

section.product-faq.other .accordion-item .accordion-button.collapsed {
  background: var(--white-color);
  color: var(--text-color);
}

section.product-faq.other .accordion-item .accordion-button span {
  color: var(--white-color);
}

section.product-faq.other .accordion-item .accordion-button.collapsed span {
  color: var(--orange-color);
}


section.trade-pro-other {
  position: relative;
  padding: 50px 0px 70px 0px;
  background: var(--white-color);
}

section.trade-pro-other .section-title {
  position: relative;
  margin-bottom: 40px;
}

section.trade-pro-other .section-title .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.trade-pro-other .section-title .sub-text,
section.trade-pro-other .section-title .desc {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.trade-pro-other .trade-item {
  position: relative;
}

section.trade-pro-other .trade-item a {
  position: relative;
  padding: 20px;
  background: var(--light-gray-color-section);
  border-radius: var(--border-radius-sm);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  min-height: 150px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.trade-pro-other .trade-item a .icon {
  position: relative;
  margin-bottom: 15px;
}

section.trade-pro-other .trade-item a .icon svg {
  width: 50px;
  min-height: 50px;
}

section.trade-pro-other .trade-item a .text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
  text-align: center;
}


section.trade-equities {
  position: relative;
  padding: 70px 0px 0px 0px;
  background: var(--white-color);
}

section.trade-equities .section-header {
  position: relative;
  text-align: center;
  z-index: 1;
}

section.trade-equities .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.trade-equities .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.trade-equities .detail-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
  text-align: center;
}

section.trade-equities::before {
  content: '';
  position: absolute;
  left: 25px;
  top: 3%;
  background: url('../image/trade-equities-left.svg') no-repeat;
  background-size: 100% 100%;
  width: 200px;
  height: 232px;
  z-index: 0;
}

section.trade-equities::after {
  content: '';
  position: absolute;
  right: 25px;
  top: 3%;
  background: url('../image/trade-equities-right.svg') no-repeat;
  background-size: 100% 100%;
  width: 200px;
  height: 232px;
  z-index: 0;
}


section.product-advantages {
  position: relative;
  padding: 70px 0px;
}

section.product-advantages .section-header {
  position: relative;
  text-align: center;
}

section.product-advantages .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.product-advantages .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.product-advantages .advantage-item {
  position: relative;
  display: flex;
  align-items: center;
}

section.product-advantages .advantage-item .icon {
  position: relative;
  width: 15%;
  float: left;
  text-align: center;
}

section.product-advantages .advantage-item .text {
  position: relative;
  width: 85%;
  float: left;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
}


section.mt-platform-detail {
  position: relative;
  padding: 60px 0px;
  margin-top: 300px;
}

section.mt-platform-detail .section-body,
section.mt-platform-detail .section-more,
section.mt-platform-detail .section-notice,
section.mt-platform-detail .section-image {
  position: relative;
}

section.mt-platform-detail .section-image img {
  position: relative;
  width: 100%;
}

section.mt-platform-detail .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  color: var(--text-color);
  line-height: 1.2;
  margin-bottom: 10px;
}

section.mt-platform-detail .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 700;
  color: var(--text-color);
  line-height: 1.6;
  margin-bottom: 10px;
}

section.mt-platform-detail .section-body .sub-detail {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 30px;
}

section.mt-platform-detail .section-body ul {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
}

section.mt-platform-detail .section-body ul li {
  position: relative;
  padding-left: 25px;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.mt-platform-detail .section-body ul li:last-of-type {
  margin-bottom: 0px;
}

section.mt-platform-detail .section-body ul li::before {
  content: '\f00c';
  font-family: 'Font Awesome 6 Free';
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  color: var(--orange-color);
  position: absolute;
  top: 3px;
  left: 0px;
}

section.mt-platform-detail .section-more {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 35px;
}

section.mt-platform-detail .section-notice .notice {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
  margin-top: 20px;
}


section.mt-platform-device {
  position: relative;
  padding: 70px 0px;
  background: var(--light-gray-color-section);
}

section.mt-platform-device .section-header,
section.mt-platform-device .section-image,
section.mt-platform-device .section-more {
  position: relative;
  text-align: center;
}

section.mt-platform-device .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
  color: var(--text-color);
}

section.mt-platform-device .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.mt-platform-device .section-more {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

section.mt-platform-device .section-image {
  margin-top: 30px;
  margin-bottom: -200px;
}

section.mt-platform-device .section-header.other,
section.mt-platform-device .section-more.other {
  position: relative;
  text-align: left;
}

section.mt-platform-device .section-more.other {
  justify-content: flex-start;
}


section.mt-platform-mobile {
  position: relative;
  padding: 70px 0px;
  margin-top: 125px;
}

section.mt-platform-mobile .section-header {
  position: relative;
  text-align: center;
}

section.mt-platform-mobile .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
  color: var(--text-color);
}

section.mt-platform-mobile .section-header .sub-text {
  font-size: var(--font-text-size-md) !important;
  font-weight: 600 !important;

}

section.mt-platform-mobile .mobile-feature {
  position: relative;
  height: 100%;
  background: var(--light-gray-color-section);
  padding: 30px;
  border-radius: var(--border-radius-md);
}

section.mt-platform-mobile .mobile-feature ul {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
}

section.mt-platform-mobile .mobile-feature ul li {
  position: relative;
  padding-left: 25px;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.mt-platform-mobile .mobile-feature ul li:last-of-type {
  margin-bottom: 0px;
}

section.mt-platform-mobile .mobile-feature ul li::before {
  content: '\f00c';
  font-family: 'Font Awesome 6 Free';
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  color: var(--orange-color);
  position: absolute;
  top: 3px;
  left: 0px;
}


section.mt-platform-download {
  position: relative;
  padding: 70px 0px;
}

section.mt-platform-download .section-header {
  position: relative;
  text-align: center;
}

section.mt-platform-download .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 20px;
}

section.mt-platform-download .section-header .more {
  position: relative;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

section.mt-platform-download .section-header .more a:first-of-type {
  margin-bottom: 10px;
}

section.mt-platform-download .section-header .more a.other {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  padding: 10px 0px;
  border-bottom: 1px solid var(--text-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.start-trade-alb {
  position: relative;
  padding: 70px 0px;
}

section.start-trade-alb.autochart {
  padding: 120px 0px;
}

section.start-trade-alb .section-body,
section.start-trade-alb .section-image {
  position: relative;
}

section.start-trade-alb .section-image img {
  position: relative;
  width: 100%;
}

section.start-trade-alb .section-body .sub-title {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 5px;
}

section.start-trade-alb .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 15px;
}

section.start-trade-alb .section-body .desc {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 15px;
}

section.start-trade-alb .section-body ul {
  position: relative;
  margin-bottom: 0px;
  padding-left: 0px;
  margin-top: 30px;
}

section.start-trade-alb .section-body ul li {
  position: relative;
  float: left;
  width: 33.33%;
}

section.start-trade-alb .section-body ul li a {
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.start-trade-alb .section-body ul li a i,
section.start-trade-alb .section-body ul li a svg {
  font-size: var(--font-text-size-xxl);
  width: 25px;
  min-width: 25px;
}

section.start-trade-alb .section-body ul li a:hover {
  color: var(--orange-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.start-trade-alb .section-body ul li a:hover svg * {
  fill: var(--orange-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}


section.trading-opportunities {
  position: relative;
  padding: 80px 0px;
}

section.trading-opportunities .section-body,
section.trading-opportunities .section-image {
  position: relative;
}

section.trading-opportunities .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 10px;
  color: var(--text-color);
}

section.trading-opportunities .section-body .sub-title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 15px;
}

section.trading-opportunities .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.trading-opportunities .section-body ul {
  position: relative;
  margin: 30px 0px;
  padding-left: 0px;
}

section.trading-opportunities .section-body .notice {
  position: relative;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 20px;
}

.ul-style-check {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
}

.ul-style-check li {
  position: relative;
  padding-left: 25px;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 10px;
}

.ul-style-check li:last-of-type {
  margin-bottom: 0px;
}

.ul-style-check li::before {
  content: '\f00c';
  font-family: 'Font Awesome 6 Free';
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  color: var(--orange-color);
  position: absolute;
  top: 3px;
  left: 0px;
}


section.analysis-list {
  position: relative;
  padding: 70px 0px;
  background: var(--light-gray-color-section);
}

section.analysis-list .section-menu,
section.analysis-list .section-body {
  position: relative;
}

section.analysis-list .section-menu .nav-tabs {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-color-dark);
}

section.analysis-list .section-menu .nav-tabs .nav-item {
  position: relative;
  margin-right: 75px;
}

section.analysis-list .section-menu .nav-tabs .nav-item:last-of-type {
  margin-right: 0px;
}

section.analysis-list .section-menu .nav-tabs .nav-item .nav-link {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--light-text-color);
  border: none;
}

section.analysis-list .section-menu .nav-tabs .nav-item .nav-link.active,
section.analysis-list .section-menu .nav-tabs .nav-item .nav-link:hover {
  background: transparent;
  border: none;
  color: var(--text-color);
}

section.analysis-list .section-menu .nav-tabs .nav-item .nav-link::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: transparent;
  bottom: -11px;
  left: 0px;
  border-radius: var(--border-radius-xs);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.analysis-list .section-menu .nav-tabs .nav-item .nav-link.active::before,
section.analysis-list .section-menu .nav-tabs .nav-item .nav-link:hover::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--text-color);
  bottom: -11px;
  left: 0px;
  border-radius: var(--border-radius-xs);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.analysis-item {
  position: relative;
  padding: 30px 40px;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius-md);
}

.analysis-item .analysis-header {
  position: relative;
}

.analysis-item .analysis-header .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

.analysis-item .analysis-header .title::before {
  content: '\e522';
  font-size: var(--font-text-size-lg);
  font-family: 'Font Awesome 6 Free';
  font-weight: 600;
  line-height: 1;
  display: inline-block;
  color: var(--text-color);
  position: absolute;
  right: 0px;
  top: 0px;
}

.analysis-item .analysis-header .sub-desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

.analysis-item .analysis-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 10px;
}

.analysis-item .analysis-image {
  position: relative;
  margin-bottom: 10px;
}

.analysis-item .analysis-image img {
  position: relative;
  width: 100%;
  border-radius: var(--border-radius-md);
}

.analysis-item .analysis-footer {
  position: relative;
  margin-bottom: 0px;
}

.analysis-item .analysis-footer .date {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.analysis-list .analysis-more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

section.analysis-list .notice {
  position: relative;
  text-align: center;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
}


section.favorite-list {
  position: relative;
  padding: 70px 0px;
}

section.favorite-list .section-header {
  position: relative;
  text-align: center;
}

section.favorite-list .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.favorite-list .section-element {
  position: relative;
}

section.favorite-list .section-element .input-group .input-group-text {
  position: relative;
  background: transparent;
  border: 1px solid var(--border-color-dark);
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
  padding: 10px;
}

section.favorite-list .section-element .input-group .form-select {
  position: relative;
  border: 1px solid var(--border-color-dark);
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
  padding: 10px;
}

section.favorite-list .section-element .input-group .form-select:focus {
  box-shadow: none;
  outline: none;
}

section.favorite-list .section-body {
  position: relative;
  margin-top: 25px;
}

.analysis-favorite-item {
  position: relative;
  padding: 30px 40px;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius-md);
}

.analysis-favorite-item .analysis-header {
  position: relative;
}

.analysis-favorite-item .analysis-header .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

.analysis-favorite-item .analysis-header .sub-desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

.analysis-favorite-item .analysis-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 10px;
}

.analysis-favorite-item .analysis-type {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0px
}

.analysis-favorite-item .analysis-type .type {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
  width: 40%;
  float: left;
}

.analysis-favorite-item .analysis-type .desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--green-color);
  margin-bottom: 0px;
  width: 60%;
  float: left;
  text-align: right;
}

.analysis-favorite-item .analysis-image {
  position: relative;
  margin-bottom: 10px;
}

.analysis-favorite-item .analysis-image img {
  position: relative;
  width: 100%;
  border-radius: var(--border-radius-md);
}

.analysis-favorite-item .analysis-footer {
  position: relative;
  margin-bottom: 0px;
}

.analysis-favorite-item .analysis-footer .date {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

.analysis-favorite-item .analysis-property {
  position: relative;
  margin: 25px 0px;
}

.analysis-favorite-item .analysis-property .property {
  position: relative;
  padding: 12px;
  border-radius: var(--border-radius-sm);
  background: var(--light-gray-color-section);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1;
  color: var(--text-color);
  margin-bottom: 0px;
  text-align: center;
}

section.favorite-list .analysis-more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px;
}

section.favorite-list .notice {
  position: relative;
  text-align: center;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
}


section.trading-process {
  position: relative;
  padding: 90px 0px;
  background: url('../image/trading-process.png') no-repeat;
  background-size: cover;
}

section.trading-process .section-body {
  position: relative;
  text-align: center;
}

section.trading-process .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--white-color);
  margin-bottom: 10px;
}

section.trading-process .section-body .sub-title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.5;
  color: var(--white-color);
  margin-bottom: 0px;
}

section.trading-process .section-body .image {
  position: relative;
  margin: 50px 0px;
}

section.trading-process .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--white-color);
  margin-bottom: 30px;
}

section.trading-process .section-body .more {
  position: relative;
  margin-bottom: 0px;
}


section.economic-calendar {
  position: relative;
  padding: 70px 0px 30px;
}

section.economic-calendar .section-header,
section.economic-calendar .section-iframe {
  position: relative;
  text-align: center;
}

section.economic-calendar .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 15px;
}

section.economic-calendar .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 15px;
}

section.economic-calendar .section-header .sub-desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}


section.cost-charges {
  position: relative;
  padding: 70px 0px 0px;
}

section.cost-charges .section-header {
  position: relative;
  text-align: center;
  padding-bottom: 25px;
}

section.cost-charges .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.cost-charges .section-header .desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.cost-charges .section-cost-table {
  position: relative;
  padding: 0px 0px 10px 0px;
  border-top: 1px solid var(--border-color-light);
}

section.cost-charges .section-cost-table .cost-table {
  position: relative;
}

section.cost-charges .section-cost-table .cost-table .tr {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 15px;
}

section.cost-charges .section-cost-table .cost-table .tr.odd {
  background: transparent;
}

section.cost-charges .section-cost-table .cost-table .tr.even {
  background: var(--light-gray-color-section);
}

section.cost-charges .section-cost-table .cost-table .tr .title {
  position: relative;
  display: flex;
  align-items: center;
  width: 85%;
  float: left;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.3;
  color: var(--text-color);
}

section.cost-charges .section-cost-table .cost-table .tr .value {
  position: relative;
  display: flex;
  align-items: center;
  width: 15%;
  justify-content: flex-end;
  float: right;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-color);
  padding-right: 50px;
}

section.cost-charges .section-cost-table .cost-table .tr .value::before {
  content: '\f00c';
  font-family: 'Font Awesome 6 Free';
  display: inline-block;
  position: absolute;
  right: 0px;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1;
  color: var(--alb-color);
}

section.cost-charges .section-cost-table .note {
  position: relative;
  padding-top: 20px;
  border-top: 1px solid var(--border-color-light);
  text-align: center;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-color);
}


section.cost-charges .section-spread-table {
  position: relative;
}

section.cost-charges .section-spread-table .spread-table {
  position: relative;
  min-width: 696px;
}

section.cost-charges .section-spread-table .spread-table .thead {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 15px;
  border-radius: var(--border-radius-sm);
  width: 100%;
}

section.cost-charges .section-spread-table .spread-table .thead.dark {
  background: var(--orange-color);
  color: var(--white-color);
}

section.cost-charges .section-spread-table .spread-table .thead.dark * {
  font-size: var(--font-text-size-sm);
  color: var(--white-color);
  font-weight: 500;
  line-height: 1.3;
}

section.cost-charges .section-spread-table .spread-table .thead.light {
  background: var(--light-brown-color);
  font-size: var(--font-text-size-sm);
  color: var(--text-color);
  font-weight: 500;
  line-height: 1.3;
}

section.cost-charges .section-spread-table .spread-table .tr {
  position: relative;
  display: flex;
  align-items: center;
  padding: 20px 15px;
  border-radius: var(--border-radius-sm);
}

section.cost-charges .section-spread-table .spread-table .tr.odd {
  background: transparent;
}

section.cost-charges .section-spread-table .spread-table .tr.even {
  background: var(--light-gray-color-section);
}

section.cost-charges .section-spread-table .spread-table .symbol,
section.cost-charges .section-spread-table .spread-table .spread,
section.cost-charges .section-spread-table .spread-table .hours,
section.cost-charges .section-spread-table .spread-table .pip,
section.cost-charges .section-spread-table .spread-table .commission {
  position: relative;
  width: 20%;
  text-align: center;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.3;
  color: var(--text-color);
}

section.cost-charges .section-spread-table .spread-table .symbol {
  text-align: left;
}

section.cost-charges .section-spread-table .spread-table .symbol,
section.cost-charges .section-spread-table .spread-table .hours,
section.cost-charges .section-spread-table .spread-table .commission {
  width: 33.33% !important;
}


section.automated-analysis {
  position: relative;
  padding: 80px 0px;
  background: var(--light-gray-color-section);
}

section.automated-analysis .section-header {
  position: relative;
  text-align: center;
}

section.automated-analysis .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 15px;
}

section.automated-analysis .section-header .sub-desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 25px;
}

section.automated-analysis .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.automated-analysis .section-body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.automated-analysis .section-body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.automated-analysis .section-body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.automated-item {
  position: relative;
}

.automated-item .image {
  position: relative;
  width: 100%;
  height: 150px;
  overflow: hidden;
  border-radius: var(--border-radius-md);
  margin-bottom: 10px;
}

.automated-item .image::before {
  content: '';
  width: 100%;
  height: 100%;
  background: url('../image/autochartist-mask.png') no-repeat;
  background-size: cover;
  border-radius: var(--border-radius-md);
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}

.automated-item .image img {
  width: 100%;
  height: 100%;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--border-radius-md);
}

.automated-item .more {
  position: relative;
  display: flex;
  align-items: center;
  padding: 10px;
  border: 1px solid var(--border-color-dark);
  border-radius: 50px
}

.automated-item .more .text {
  position: relative;
  width: 80%;
  float: left;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  word-wrap: break-word;
  padding: 0px 20px;
}

.automated-item .more .icon {
  position: relative;
  width: 20%;
  float: left;
  text-align: center;
}

.automated-item .more .icon svg {
  position: relative;
  width: 40px;
  min-width: 40px;
  max-width: 40px;
}


section.actionable {
  position: relative;
  padding: 70px 0px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

section.actionable::before {
  content: '';
  background: url('https://www.futuoinfo.com/dist/images/actionable-image.png') no-repeat;
  background-size: cover;
  border-radius: var(--border-radius-lg);
  width: 54%;
  height: 250px;
  position: absolute;
  right: -100px;
  top: 20px;
}

section.actionable .section-body {
  position: relative;
}

section.actionable .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.actionable .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.actionable .section-body .sub-desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.actionable .section-image {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}

section.actionable .section-image img.cover {
  position: relative;
  width: 100%;
  border-radius: var(--border-radius-md);
}

section.actionable .section-image .albPlayTransparent {
  position: absolute;
  z-index: 1;
  margin-left: 50px;
}


section.trading-process.autochart {
  margin-bottom: 50px;
}

section.autochartist-download {
  position: relative;
  padding: 120px 0px;
  margin-top: 70px;
  display: flex;
  align-items: center;
  flex-direction: column;
}

section.autochartist-download::before {
  content: '';
  background: url('../image/download-autochartist.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  left: -350px;
  bottom: -190px;
  width: 1300px;
  height: 1060px;
  z-index: 0;
}

section.autochartist-download .section-body {
  position: relative;
  text-align: right;
}

section.autochartist-download .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 20px;
  padding-left: 50px;
}

section.autochartist-download .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 20px;
}

section.autochartist-download .section-body .more {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 20px;
}

section.autochartist-download .section-body .other-more {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 15px;
  border: 1px solid var(--black-color);
  border-radius: var(--border-radius-md);
}

section.autochartist-download .section-body .other-more .left {
  position: relative;
  display: flex;
  align-items: center;
  margin-right: 20px;
}

section.autochartist-download .section-body .other-more .left .icon {
  position: relative;
}

section.autochartist-download .section-body .other-more .left .icon svg {
  width: 50px;
}

section.autochartist-download .section-body .other-more .left .text {
  position: relative;
  padding-left: 10px;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
}

section.autochartist-download .section-body .other-more .right {
  position: relative;
}


.albPlayTransparent {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
  min-width: 230px;
  border-radius: var(--border-radius-md);
  border: 1px solid var(--white-color);
  -webkit-transition: all 0.7s ease-in-out;
  transition: all .7s ease-in-out;
}

.albPlayTransparent .text {
  float: left;
  width: 70%;
  padding-right: 5px;
}

.albPlayTransparent .text .title {
  text-align: right;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1;
  margin-bottom: 2px;
  color: var(--white-color);
}

.albPlayTransparent .text .desc {
  text-align: right;
  font-size: var(--font-text-size-sm);
  font-weight: 300;
  line-height: 1;
  margin-bottom: 0px;
  color: var(--white-color);
}

.albPlayTransparent .icon {
  float: right;
  width: 30%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.albPlayTransparent .icon img,
.albPlayTransparent .icon img {
  width: 50px;
  height: 50px;
}

.albPlayTransparent .icon img,
.albPlayTransparent .icon img.colorIcon {
  display: none;
}

.albPlayTransparent:hover {
  -webkit-transition: all 0.7s ease-in-out;
  transition: all .7s ease-in-out;
  background: var(--white-color);
}

.albPlayTransparent:hover .text .title,
.albPlayTransparent:hover .text .desc {
  color: var(--orange-color);
}

.albPlayTransparent .icon img,
.albPlayTransparent:hover .icon img.whiteIcon {
  display: none;
}

.albPlayTransparent .icon img,
.albPlayTransparent:hover .icon img.colorIcon {
  display: flex;
  -webkit-transition: all 0.7s ease-in-out;
  transition: all .7s ease-in-out;
}


section.faq {
  position: relative;
  padding: 0px 0px 70px 0px;
}

section.faq .accordion-main-item {
  position: relative;
  margin-bottom: 30px;
  border: none;
  border-radius: var(--border-radius-sm);
}

section.faq .accordion-main-item .accordion-button {
  border-radius: var(--border-radius-sm);
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--white-color);
  background: var(--orange-color);
  justify-content: center;
}

section.faq .accordion-main-item .accordion-button:focus {
  border: none;
  box-shadow: none;
}

section.faq .accordion-main-item .accordion-button:not(.collapsed) {
  box-shadow: none;
  background: var(--orange-color);
  color: var(--white-color);
}

section.faq .accordion-main-item .accordion-button::after,
section.faq .accordion-main-item .accordion-button:not(.collapsed)::after {
  display: none;
}

section.faq .accordion-main-item:last-of-type .accordion-button.collapsed {
  border-radius: var(--border-radius-sm);
}

section.faq .accordion-main-item:last-of-type {
  margin-bottom: 0px;
}

section.faq .accordion-sub {
  margin-top: 30px;
}

section.faq .accordion-sub-item {
  position: relative;
  margin-bottom: 30px;
  border: none;
  border-radius: 0px !important
}

section.faq .accordion-sub-item .accordion-button {
  border-radius: 0px !important;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  background: var(--white-color);
  border-bottom: 1px solid var(--border-color-dark);
  justify-content: flex-start;
}

section.faq .accordion-sub-item .accordion-button:focus {
  border-bottom: 1px solid var(--border-color-dark);
  box-shadow: none;
}

section.faq .accordion-sub-item .accordion-button::after,
section.faq .accordion-sub-item .accordion-button:not(.collapsed)::after {
  display: inherit;
}

section.faq .accordion-sub-item .accordion-button:not(.collapsed) {
  box-shadow: none;
  background: var(--white-color);
  color: var(--text-color);
  border-bottom: 1px solid var(--border-color-dark);
}

section.faq .accordion-sub-item:last-of-type .accordion-button.collapsed {
  border-radius: 0px !important;
  border-bottom: 1px solid var(--border-color-dark);
}

section.faq .accordion-sub-item:last-of-type {
  margin-bottom: 0px;
}


section.contact-page {
  position: relative;
  margin-top: -80px;
}

section.contact-page .contact-content {
  position: relative;
  padding: 70px;
  background: var(--white-color);
  border-radius: var(--border-radius-md);
}

section.contact-page .contact-content .form-header {
  position: relative;
  margin-bottom: 20px;
}

section.contact-page .contact-content .form-body {
  position: relative;
}

section.contact-page .contact-content .form-header .title {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  margin-bottom: 10px;
}

section.contact-page .contact-content .form-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.contact-page .contact-content .form-body .form-group {
  position: relative;
}

section.contact-page .contact-content .form-body .form-group .form-control {
  position: relative;
  padding: 12px 20px;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--border-color-dark);
}

section.contact-page .contact-content .form-body .form-group .form-control::-webkit-input-placeholder {
  color: var(--text-color) !important;
}

section.contact-page .contact-content .form-body .form-group .form-control:-ms-input-placeholder {
  color: var(--text-color) !important;
}

section.contact-page .contact-content .form-body .form-group .form-control::placeholder {
  color: var(--text-color) !important;
}


section.contact-location {
  position: relative;
  padding: 70px 0px;
}

section.contact-location .section-content {
  position: relative;
  padding: 70px 0px;
}

section.contact-location .section-content::before {
  content: '';
  background: url('../image/contact-bg.png') no-repeat;
  background-size: 100% 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

section.contact-location .section-content .section-header {
  position: relative;
  margin-bottom: 45px;
  text-align: center;
}

section.contact-location .section-content .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  margin-bottom: 5px;
}

section.contact-location .section-content .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.contact-location .section-content .section-body {
  position: relative;
}

section.contact-location .section-content .section-body ul {
  margin-bottom: 0px;
  padding-left: 0px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
}

section.contact-location .section-content .section-body ul li {
  position: relative;
  float: left;
  width: 20%;
  padding: 0px 20px;
  border-right: 1px solid var(--border-color-dark);
  text-align: center;
}

section.contact-location .section-content .section-body ul li:first-of-type {
  padding-left: 0px;
  padding-right: 20px;
  text-align: left;
  border: none;
}

section.contact-location .section-content .section-body ul li:last-of-type {
  padding-left: 20px;
  padding-right: 0px;
  border: none;
}

section.contact-location .section-content .section-body ul li:nth-of-type(2) {
  border-left: 1px solid var(--border-color-dark);
}

section.contact-location .section-content .section-body ul li .title {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  margin-bottom: 10px;
}

section.contact-location .section-content .section-body ul li .phone,
section.contact-location .section-content .section-body ul li .phone a,
section.contact-location .section-content .section-body ul li .phone a:hover {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.contact-location .section-content .section-body ul li .location {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 10px;
}


section.deposit-fund {
  position: relative;
  padding: 70px 0px;
}

section.deposit-fund.section-title,
section.deposit-fund .section-step,
section.deposit-fund .section-more {
  position: relative;
}

section.deposit-fund .section-header {
  position: relative;
  text-align: center;
}

section.deposit-fund .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  margin-bottom: 10px;
}

section.deposit-fund .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.deposit-fund .section-body {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin: 70px 0px 0px;
}

section.deposit-fund .section-step {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 33.33%;
}

section.deposit-fund .section-step::before {
  content: '';
  position: absolute;
  width: 120px;
  height: 14px;
  right: -55px;
  margin-top: -85px;
  background: url(../image/right-ok-circle.svg) no-repeat;
  background-size: 100% 100%;
}

section.deposit-fund .section-step.step-three::before {
  display: none;
}

section.deposit-fund .section-step .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  min-width: 50px;
  min-height: 50px;
  text-align: center;
}

section.deposit-fund .section-step .icon svg {
  width: 45px;
  height: 45px;
}

section.deposit-fund .section-step .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.5;
  color: var(--orange-color);
  margin-bottom: 10px;
  text-align: center;
}

section.deposit-fund .section-step .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
  text-align: center;
  max-width: 300px;
}


section.payment-method {
  position: relative;
  padding: 70px 0px;
  background: var(--light-gray-color-section);
}

section.payment-method .section-header,
section.payment-method .section-image {
  position: relative;
}

section.payment-method .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.payment-method .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.payment-method .section-image img {
  position: relative;
  width: 100%;
}

section.payment-method .methods {
  position: relative;
}

section.payment-method .methods .icon {
  position: relative;
  margin-bottom: 20px;
}

section.payment-method .methods .icon svg {
  width: 55px;
  height: 55px;
}

section.payment-method .methods .title {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 15px;
}

section.payment-method .methods .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 15px;
}

section.payment-method .methods .sub-desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 15px;
}

section.payment-method .methods .more {
  position: relative;
  margin-bottom: 15px;
}

section.payment-method .methods .notice {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}


section.investor-protection-other {
  position: relative;
  padding: 100px 0px;
  background: url('../image/investor-protection-other.png') no-repeat;
  background-size: cover;
  background-position: top center;
}

section.investor-protection-other .section-body {
  position: relative;
  text-align: center;
}

section.investor-protection-other .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--white-color);
  margin-bottom: 10px;
}

section.investor-protection-other .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--white-color);
  margin-bottom: 0px;
}


section.trading-process.deposit .action-type {
  position: relative;
  padding: 25px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--border-radius-md);
}

section.trading-process.deposit .action-type .title {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.2;
  color: var(--white-color);
  margin-bottom: 20px;
}

section.trading-process.deposit .action-type ul {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
}

section.trading-process.deposit .action-type ul li {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--white-color);
  margin-bottom: 20px;
}

section.trading-process.deposit .action-type ul li:last-of-type {
  margin-bottom: 0px;
}

section.trading-process.deposit .action-body {
  position: relative;
  padding: 25px;
  border: 1px solid var(--border-color-light);
  border-radius: var(--border-radius-md);
}

section.trading-process.deposit .action-body .title {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.2;
  color: var(--white-color);
  margin-bottom: 20px;
}

section.trading-process.deposit .action-body .text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--white-color);
  margin-bottom: 0px
}


section.document-feature {
  position: relative;
  padding: 100px 0px;
}

section.document-feature .feature-item {
  position: relative;
  padding: 30px;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius-md);
  height: 100%;
}

section.document-feature .feature-item {
  position: relative;
  padding: 30px;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius-md);
}

section.document-feature .feature-item .icon {
  position: relative;
  margin-bottom: 30px;
}

section.document-feature .feature-item .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  color: var(--orange-color);
  margin-bottom: 10px;
}

section.document-feature .feature-item .sub-text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--text-color);
  margin-bottom: 30px;
}

section.document-feature .feature-item .more {
  margin-bottom: 0px;
}

section.document-feature .feature-item .more a {
  line-height: 1;
  color: var(--text-color);
}

section.document-feature .feature-item .more a:hover {
  line-height: 1;
  color: var(--orange-color);
}


section.other-documents {
  position: relative;
  padding: 0px 0px 100px 0px;
}

section.other-documents .section-header {
  position: relative;
  text-align: center;
}

section.other-documents .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  margin-bottom: 10px;
}

section.other-documents .section-header .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.other-documents .document-item {
  position: relative;
}

section.other-documents .document-item .title {
  position: relative;
  display: flex;
  align-items: center;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 15px;
}

section.other-documents .document-item .more {
  position: relative;
  margin-bottom: 0px;
}

section.other-documents .document-item .more a {
  color: var(--text-color);
}

section.other-documents .document-item .more a:hover {
  color: var(--orange-color);
}


section.other-documents-file {
  position: relative;
  padding: 90px 0px;
  background: var(--light-gray-color-section);
}

section.other-documents-file .document-file-item {
  position: relative;
}

section.other-documents-file .document-file-item a {
  position: relative;
  display: flex;
  align-items: center;
  color: var(--text-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.other-documents-file .document-file-item .icon {
  position: relative;
  margin-right: 15px;
  margin-bottom: 0px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.other-documents-file .document-file-item .text {
  position: relative;
}

section.other-documents-file .document-file-item .text .title {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.other-documents-file .document-file-item .text .desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.other-documents-file .document-file-item a:hover .icon {
  color: var(--orange-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}


section.reports {
  position: relative;
  padding: 70px 0px;
}

section.reports .report-box {
  position: relative;
  padding: 60px;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius-md);
  height: 100%;
}

section.reports .report-box .title {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  margin-bottom: 25px;
}

section.reports .report-box ul {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
}

section.reports .report-box ul li {
  position: relative;
  margin-bottom: 15px;
}

section.reports .report-box ul li:last-of-type {
  margin-bottom: 0px;
}

section.reports .report-box ul li a {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.5;
  color: var(--text-color);
  display: flex;
  align-items: center;
}

section.reports .report-box ul li a:hover {
  color: var(--orange-color);
}


section.blogs-categories {
  position: relative;
  padding: 0px;
}

section.blogs-categories .blog-categories-nav {
  position: relative;
  border-bottom: 1px solid rgba(180, 190, 190, 0.5);
  justify-content: center;
}

section.blogs-categories .blog-categories-nav .nav-item {
  position: relative;
  margin-right: 40px;
}

section.blogs-categories .blog-categories-nav .nav-item:last-of-type {
  margin-right: 0px;
}

section.blogs-categories .blog-categories-nav .nav-item .nav-link {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  background: transparent;
  padding-bottom: 5px;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.blogs-categories .blog-categories-nav .nav-item .nav-link:hover,
section.blogs-categories .blog-categories-nav .nav-item .nav-link.active {
  color: var(--orange-color);
  border-color: var(--orange-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}


section.blogs-main {
  position: relative;
  padding: 30px 0px 70px 0px;
}

section.blogs-main .section-sidebar,
section.blogs-main .section-body {
  position: relative;
}

.blog-item {
  position: relative;
  margin-bottom: 40px;
}

.blog-item:last-of-type {
  margin-bottom: 0px;
}

.blog-item .blog-header {
  position: relative;
  padding-left: 35px;
  display: flex;
  align-items: center;
}

.blog-item .blog-header::before {
  content: '';
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  background: var(--orange-color);
  position: absolute;
  left: 0px;
  display: inline-block;
}

.blog-item .blog-header span {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
}

.blog-item .blog-header span:first-of-type {
  padding-right: 20px;
  border-right: 1px solid var(--border-color-dark);
}

.blog-item .blog-header span:last-of-type {
  padding-left: 20px;
}

.blog-item .blog-body {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.blog-item .blog-image {
  position: relative;
  float: left;
  width: 35%;
  min-width: 270px;
  height: 175px;
  border-radius: var(--border-radius-md);
  overflow: hidden;
}

.blog-item .blog-image img {
  width: 100%;
  height: 100%;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: var(--border-radius-md);
}

.blog-item .blog-text {
  position: relative;
  padding-left: 20px;
  width: 65%;
}

.blog-item .blog-text .title {
  position: relative;
  margin-bottom: 10px;
}

.blog-item .blog-text .title a {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
}

.blog-item .blog-text .title a:hover {
  color: var(--orange-color);
}

.blog-item .blog-text .text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 40px;
}

.blog-item .blog-text .more {
  position: relative;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
}

.blog-item .blog-text .more .tags {
  position: relative;
  width: 70%;
  float: left;
  margin-bottom: 0px;
}

.blog-item .blog-text .more .tags span {
  position: relative;
  margin-right: 10px;
  margin-bottom: 15px;
  display: inline-block;
}

.blog-item .blog-text .more .tags span:last-of-type {
  margin-right: 0px;
}

.blog-item .blog-text .more .tags span a {
  position: relative;
  padding: 7px;
  border-radius: var(--border-radius-xs);
  background: var(--light-gray-color-section);
  color: var(--text-color);
  font-size: 10px;
  font-weight: 500;
  line-height: 1;
}

.blog-item .blog-text .more .tags span a:hover {
  background: var(--orange-color);
  color: var(--white-color);
}

.blog-item .blog-text .more .read {
  position: relative;
  text-align: right;
  margin-bottom: 0px;
  width: 30%;
  float: right;
}

.blog-item .blog-text .more .read a {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1;
  color: var(--text-color);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.blog-item .blog-text .more .read a:hover {
  color: var(--orange-color);
}

section.blogs-main .section-sidebar .blog-sidebar {
  position: relative;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item {
  position: relative;
  margin-bottom: 45px;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item .form-group {
  position: relative;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item .form-group .form-control {
  position: relative;
  border: 1px solid var(--border-color-dark);
  border-radius: 40px;
  padding: 12px 40px 12px 25px;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item .form-group .form-control::-webkit-input-placeholder {
  color: var(--text-color) !important;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item .form-group .form-control:-ms-input-placeholder {
  color: var(--text-color) !important;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item .form-group .form-control::placeholder {
  color: var(--text-color) !important;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item .form-group button {
  position: absolute;
  border: none;
  top: 15px;
  right: 20px;
  background: none;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.tags .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 20px;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.tags .tags {
  position: relative;
  margin-bottom: 0px;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.tags .tags a {
  position: relative;
  display: inline-flex;
  padding: 7px 15px;
  border-radius: var(--border-radius-xs);
  background: var(--light-gray-color-section);
  color: var(--text-color);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1;
  margin-right: 15px;
  margin-bottom: 15px;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.tags .tags a:hover {
  background: var(--orange-color);
  color: var(--white-color);
}


section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.topics .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 20px;
}

.topic-item,
section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.topics .topic-item {
  position: relative;
  margin-bottom: 35px;
}

.topic-item:last-of-type,
section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.topics .topic-item:last-of-type {
  margin-bottom: 0px;
}

.topic-item a,
section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.topics .topic-item a {
  position: relative;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.topic-item .image,
section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.topics .topic-item .image {
  position: relative;
  float: left;
  width: 15%;
}

.topic-item .image img,
section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.topics .topic-item .image img {
  position: relative;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  border-radius: 50%;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
}

.topic-item .text,
section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.topics .topic-item .text {
  position: relative;
  width: 60%;
  float: left;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  padding: 0px 10px;
}

.topic-item .more,
section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.topics .topic-item .more {
  position: relative;
  width: 25%;
  padding: 10px;
  border-radius: 40px;
  border: 1px solid var(--border-color-dark);
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1;
  color: var(--text-color);
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

.topic-item a:hover .more,
section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.topics .topic-item a:hover .more {
  background: var(--orange-color);
  color: var(--white-color);
  border-color: var(--orange-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}


section.blogs-main .section-sidebar .blog-sidebar .sidebar-item .category {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item li {
  position: relative;
  margin-bottom: 15px;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item li:last-of-type {
  position: relative;
  margin-bottom: 0px;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item li a {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  display: flex;
  align-items: center;
  padding: 12px 25px 12px 40px;
  border-radius: var(--border-radius-xl);
  border: 1px solid var(--border-color-dark);
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item li a::before {
  content: '';
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--orange-color);
  position: absolute;
  left: 15px;
  display: inline-block;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item li a:hover,
section.blogs-main .section-sidebar .blog-sidebar .sidebar-item li a.active {
  background: var(--light-brown-color);
  border: 1px solid var(--light-brown-color);
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.global-analyzes-categories {
  position: relative;
  padding: 20px;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius-md);
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.global-analyzes-categories .sidebar-item-head {
  position: relative;
  margin-bottom: 20px;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.global-analyzes-categories .sidebar-item-head .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.global-analyzes-categories .sidebar-item-filter {
  position: relative;
  padding-left: 0px;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.global-analyzes-categories .sidebar-item-filter li {
  position: relative;
  float: left;
  margin-right: 7px;
  margin-bottom: 15px;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.global-analyzes-categories .sidebar-item-filter li:last-of-type {
  margin-bottom: 15px !important;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.global-analyzes-categories .sidebar-item-filter li a {
  position: relative;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: var(--border-radius-xs);
  background: var(--light-gray-color-section);
  border: 1px solid var(--light-gray-color-section);
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1;
  color: var(--text-color);
  height: 30px;
  width: 30px;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.global-analyzes-categories .sidebar-item-filter li a::before {
  display: none !important;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.global-analyzes-categories .sidebar-item-filter li a:hover {
  position: relative;
  background: var(--light-brown-color);
  border-color: var(--light-brown-color);
  color: var(--text-color);
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.global-analyzes-categories .category {
  padding-right: 10px !important;
  max-height: 300px;
  overflow-y: scroll;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.global-analyzes-categories .category li a {
  text-transform: uppercase;
  border-radius: var(--border-radius-sm) !important;
  padding: 12px 20px !important;
}

section.blogs-main .section-sidebar .blog-sidebar .sidebar-item.global-analyzes-categories .category li a::before {
  display: none !important;
}

section.blogs-detail {
  position: relative;
  padding: 230px 0px 70px;
}

section.blogs-detail .blog-header {
  position: relative;
  padding-left: 35px;
  display: flex;
  align-items: center;
  margin-bottom: 35px;
}

section.blogs-detail .blog-header::before {
  content: '';
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  border-radius: 50%;
  background: var(--orange-color);
  position: absolute;
  left: 0px;
  display: inline-block;
}

section.blogs-detail .blog-header span {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
}

section.blogs-detail .blog-header span:first-of-type {
  padding-right: 20px;
  border-right: 1px solid var(--border-color-dark);
}

section.blogs-detail .blog-header span:last-of-type {
  padding-left: 20px;
}

section.blogs-detail .blog-body {
  position: relative;
  margin-bottom: 25px;
}

section.blogs-detail .blog-body .title {
  position: relative;
  font-family: var(--font-text-family) !important;
  font-size: var(--font-text-size-xl) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: var(--text-color) !important;
  margin-bottom: 25px !important;
}

section.blogs-detail .blog-body p,
section.blogs-detail .blog-body div,
section.blogs-detail .blog-body span {
  position: relative;
  font-family: var(--font-text-family) !important;
  font-size: var(--font-text-size-md) !important;
  font-weight: 400;
  line-height: 1.5 !important;
  color: var(--text-color);
  margin-bottom: 25px;
}

section.blogs-detail .blog-body img {
  position: relative;
  width: 100% !important;
  height: auto !important;
  border-radius: var(--border-radius-lg);
  -ms-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
  object-position: top;
  margin: 25px 0px;
}

section.blogs-detail .blog-body h2,
section.blogs-detail .blog-body h2 * {
  font-family: var(--font-text-family) !important;
  font-size: 22px !important;
}

section.blogs-detail .blog-body h3,
section.blogs-detail .blog-body h3 * {
  font-family: var(--font-text-family) !important;
  font-size: 20px !important;
}

section.blogs-detail .blog-body h4,
section.blogs-detail .blog-body h4 * {
  font-family: var(--font-text-family) !important;
  font-size: 18px !important;
}

section.blogs-detail .blog-body h5,
section.blogs-detail .blog-body h5 * {
  font-family: var(--font-text-family) !important;
  font-size: 18px !important;
}

section.blogs-detail .blog-body h6,
section.blogs-detail .blog-body h6 * {
  font-family: var(--font-text-family) !important;
  font-size: 18px !important;
}

section.blogs-detail .blog-more {
  position: relative;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--border-color-dark);
  margin-top: 45px;
}

section.blogs-detail .blog-more .tags {
  position: relative;
  margin-bottom: 0px;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
}

section.blogs-detail .blog-more ul {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

section.blogs-detail .blog-more ul li {
  float: left;
  position: relative;
  margin-right: 20px;
}

section.blogs-detail .blog-more ul li:last-of-type {
  margin-right: 0px;
}

section.blogs-detail .blog-more ul li a {
  position: relative;
  color: var(--text-color);
  font-size: var(--font-text-size-lg);
}

section.blogs-detail .blog-more ul li a:hover {
  color: var(--orange-color);
}

section.blogs-detail .blog-other {
  position: relative;
  padding-top: 20px;
}


section.main-ratios {
  position: relative;
  padding: 50px 0px;
}

section.main-ratios .section-body {
  position: relative;
}

section.main-ratios .section-body ul {
  position: relative;
  margin-bottom: 0px;
  padding-left: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

section.main-ratios .section-body ul li {
  position: relative;
  float: left;
  display: flex;
  align-items: center;
  margin-right: 35px;
}

section.main-ratios .section-body ul li:last-of-type {
  margin-right: 0px;
}

section.main-ratios .section-body ul li .val {
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-right: 20px;
}

section.main-ratios .section-body ul li .text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
}


.search-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(10 10 10 / 90%);
  transition: all 0.5s;
  display: none;
  z-index: 999;
}

.search-wrapper.hide {
  opacity: 0;
}

.search-wrapper .search-input-wrapper {
  flex: 1;
  margin: 0 200px;
  display: flex;
  justify-content: center;
  background-color: transparent;
  padding: 18px;
  min-width: 10px;
  max-width: 400px;
  border-bottom: 3px solid var(--white-color);
  transition: all 0.4s;
}

@media screen and (max-width: 576px) {
  .search-wrapper .search-input-wrapper {
    margin: 0 20px;
  }
}

.search-wrapper .search-input-wrapper .search-input {
  flex: 1;
}

.search-wrapper .search-input-wrapper .search-input::placeholder {
  color: var(--white-color);
}

.search-wrapper .search-input-wrapper .search-submit {
  flex-basis: 40px;
  cursor: pointer;
}

.search-wrapper .search-input-wrapper input,
.search-wrapper .search-input-wrapper button {
  background-color: transparent;
  border: none;
  font-size: 25px;
  padding: 3px;
  color: var(--white-color);
  min-width: 10px;
}

.search-wrapper .search-input-wrapper input:focus,
.search-wrapper .search-input-wrapper button:focus {
  outline: none;
}

.search-wrapper .search-close {
  position: fixed;
  padding: 5px;
  top: 20px;
  right: 20px;
  font-size: 35px;
  color: rgba(238, 238, 238, 0.8);
  background-color: transparent;
  border: none;
  cursor: pointer;
  transition: all 0.4s;
}

.search-wrapper .search-close:focus {
  outline: none;
}

.search-wrapper .search-close:hover {
  color: var(--white-color);
}


section.event-card {
  position: relative;
  padding: 230px 0px 50px;
}

section.event-card .event-content {
  position: relative;
  background: var(--orange-color);
  border-radius: var(--border-radius-md);
  display: flex;
  align-items: center;
}

section.event-card .event-body {
  position: relative;
  background: var(--orange-color);
  border-radius: var(--border-radius-md);
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  width: 45%;
  float: left;
  z-index: 1;
  min-height: 275px;
  padding: 50px;
}

section.event-card .event-body::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -webkit-transform: skew(-15deg) translateX(60px);
  -moz-transform: skew(-15deg) translateX(60px);
  -ms-transform: skew(-15deg) translateX(60px);
  -o-transform: skew(-15deg) translateX(60px);
  transform: skew(-15deg) translateX(60px);
  background: var(--orange-color);
  -webkit-transition: all .3s;
  -moz-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s
}

section.event-card .event-image {
  position: relative;
  background: var(--white-color);
  display: flex;
  align-items: center;
  justify-content: center;
  float: right;
  width: 55%;
  z-index: 0;
  height: 275px;
  border-top-right-radius: var(--border-radius-md);
  border-bottom-right-radius: var(--border-radius-md);
  overflow: hidden;
}

section.event-card .event-image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  object-fit: cover;
  -ms-object-position: center;
  -o-object-position: center;
  object-position: center;
  border-top-right-radius: var(--border-radius-md);
  border-bottom-right-radius: var(--border-radius-md);
}

section.event-card .event-body .event-country {
  position: relative;
  padding: 10px;
  background: var(--white-color);
  border-radius: var(--border-radius-sm);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--green-color);
  display: flex;
  align-items: center;
  margin-bottom: 40px;
}

section.event-card .event-body .event-country img {
  position: relative;
  width: 20px;
  margin-right: 5px;
  border-radius: 50%;
}

section.event-card .event-body ul {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

section.event-card .event-body ul li.first {
  width: 100%;
}

section.event-card .event-body ul li {
  position: relative;
  width: 50%;
  display: flex;
  align-items: center;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.2;
  color: var(--white-color);
}

section.event-card .event-body ul li i,
section.event-card .event-body ul li svg {
  color: var(--white-color);
  fill: var(--white-color);
}


section.event-detail {
  position: relative;
  padding: 0px 0px 50px 0px;
}

section.event-detail .event-detail-body {
  position: relative;
}

section.event-detail .event-detail-body .social {
  position: relative;
  padding-top: 25px;
}

section.event-detail .event-detail-body .social ul {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

section.event-detail .event-detail-body .social ul li {
  float: left;
  position: relative;
  margin-right: 20px;
}

section.event-detail .event-detail-body .social ul li:last-of-type {
  margin-right: 0px;
}

section.event-detail .event-detail-body .social ul li a {
  position: relative;
  color: var(--text-color);
  font-size: var(--font-text-size-lg);
}

section.event-detail .event-detail-body .social ul li a:hover {
  color: var(--orange-color);
}

section.event-detail iframe {
  width: 100% !important;
  min-height: 450px !important;
  margin-bottom: 50px;
  border-radius: var(--border-radius-md) !important;
}

section.event-detail p,
section.event-detail div,
section.event-detail span {
  text-align: justify;
  line-height: 1.5;
}


section.events-slides {
  position: relative;
  padding: 0px 0px 20px 0px;
}

section.events-slides .event-slide .event-item * {
  font-size: var(--font-text-size-xs) !important;
}

section.events-slides .event-slide .event-item a .event-image {
  height: 150px !important;
}

section.events-slides .event-item a .event-image .event-country img {
  width: 15px !important;
}

section.events-slides .event-item a .event-body {
  margin: 10px !important;
}

section.events-slides .event-item a .event-body ul li {
  line-height: 1.2 !important;
}

section.events-slides .event-item a .event-action .btn-brown {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  min-height: auto !important;
  border-radius: var(--border-radius-sm) !important;
}

section.events-slides .event-item a .event-image .event-country {
  padding: 7px 10px !important;
  border-radius: var(--border-radius-sm) !important;
}


#startTradeModal .modal-dialog {
  margin: 30px auto;
}

#startTradeModal .modal-body {
  position: relative;
  padding: 0px;
}

#startTradeModal .btn-close {
  position: absolute;
  right: -30px;
  top: 0;
}


section.webinars {
  position: relative;
  padding: 70px 0px 200px 0px;
  background: var(--light-brown-color);
}

section.webinars .section-header {
  position: relative;
  text-align: center;
}

section.webinars .section-header .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

section.webinars .section-header .subTitle {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.webinars.lists {
  position: relative;
  padding-bottom: 60px;
  background: transparent;
  margin-top: -200px;
}

section.webinars .webinars-content {
  position: relative;
}

section.webinars .section-body iframe,
section.webinars .section-body img {
  width: 100% !important;
}

section.webinars iframe {
  height: 460px !important;
  max-height: 460px !important;
  margin-bottom: 35px;
}

section.webinars.detail {
  padding: 70px 0px;
}

section.webinars .section-body,
section.webinars .section-body p,
section.webinars .section-body div section.webinars .section-body span {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin: 10px 0px;
}

section.webinars .section-more {
  position: relative;
  text-align: center;
  margin-top: 50px;
  margin-bottom: -90px;
}


.webinarModal .modal-header {
  border: none !important;
}

.webinarModal .webinar-modal-item {
  position: relative;
  padding: 0px 30px;
}

.webinarModal .webinar-modal-item .webinar-type {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px;
}

.webinarModal .webinar-modal-item .webinar-title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  padding-bottom: 15px;
  border-bottom: 1px solid var(--border-color-dark);
  margin-bottom: 0px;
}

.webinarModal .webinar-modal-item .webinar-feature {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.webinarModal .webinar-modal-item .webinar-speakers {
  position: relative;
  float: left;
  width: 50%;
  text-align: left;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  padding-top: 15px;
  margin-bottom: 10px;
}

.webinarModal .webinar-modal-item .webinar-date {
  position: relative;
  float: left;
  width: 50%;
  text-align: right;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  padding-top: 15px;
  margin-bottom: 10px;
}

.webinarModal .webinar-modal-item .webinar-form {
  position: relative;
}

.webinarModal .webinar-modal-item .webinar-form .form-title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  margin-bottom: 0px;
}

.webinarModal .webinar-modal-item .webinar-form .form-control {
  position: relative;
  padding: 13px 20px;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius-sm);
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--text-color);
}

.webinarModal .webinar-modal-item .webinar-form .form-control::placeholder {
  color: var(--text-color);
}

.webinarModal .webinar-modal-item .webinar-form .form-control::-webkit-input-placeholder {
  color: var(--text-color);
}

.webinarModal .webinar-modal-item .webinar-form .form-control:-ms-input-placeholder {
  color: var(--text-color);
}

.webinarModal .webinar-modal-item .webinar-form .countrypicker {
  padding: 10px 20px;
}

.webinarModal .webinar-modal-item .webinar-form .phoneInput {
  padding: 13px 25px 13px 80px;
}

.webinarModal .webinar-modal-item .webinar-form .btn-default,
.webinarModal .webinar-modal-item .webinar-form .btn-default:focus {
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
}

.webinarModal .webinar-modal-item .webinar-form .submit {
  width: 100%;
  padding: 13px 20px;
  display: block;
  text-align: center;
}

.webinarModal .modal-body {
  position: relative;
  padding: 0px 0px 30px 0px;
}

.webinarModal .webinar-modal-item .webinar-form .form-control.error,
.form-error {
  border: 1px solid var(--red-color) !important;
}

.webinarModal .bootstrap-select .dropdown-toggle .filter-option-inner-inner {
  color: var(--text-color);
}


section.products-details {
  position: relative;
  padding: 425px 0px 70px;
  margin-top: -188px;
  z-index: 0;
}

section.products-details .section-header {
  position: relative;
  text-align: center;
}

section.products-details .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 5px;
}

section.products-details .section-header .subTitle {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.products-details .section-body {
  position: relative;
  margin-top: 40px;
}

section.products-details .section-body .current-price {
  position: relative;
  padding: 20px;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--border-color-dark);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: var(--font-text-size-xl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
}

section.products-details .section-body .current-price .spread {
  font-size: var(--font-text-size-md);
  font-weight: 500;
}

section.products-details .section-body .swaps {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
}

section.products-details .section-body .swaps .short {
  position: relative;
  float: left;
  width: 50%;
  text-align: left;
}

section.products-details .section-body .swaps .long {
  position: relative;
  float: right;
  width: 50%;
  text-align: right;
}

section.products-details .section-body .swaps .short .title,
section.products-details .section-body .swaps .long .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 5px;
}

section.products-details .section-body .swaps .short .value,
section.products-details .section-body .swaps .long .value {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.products-details .section-body .sell-buy {
  position: relative;
  margin-top: 10px;
}

section.products-details .section-body .sellBuyBox {
  position: relative;
  padding: 20px;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius-sm);
}

section.products-details .section-body .sellBuyBox.upBg *,
section.products-details .section-body .sellBuyBox.downBg * {
  color: var(--white-color) !important;
}

section.products-details .section-body .sellBuyBox.upBg {
  border-color: var(--sell-color);
}

section.products-details .section-body .sellBuyBox.downBg {
  border-color: var(--buy-color);
}

section.products-details .section-body .sellBuyBox .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1;
  color: var(--text-color);
  margin-bottom: 5px;
}

section.products-details .section-body .sellBuyBox .value {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1;
  color: var(--text-color);
  margin-bottom: 0px;
}


section.symbols-slide.product-detail {
  position: relative;
  padding: 0px 0px 80px 0px;
  background: var(--light-gray-color-section) !important;
}

section.products-details.extra {
  position: relative;
  padding: 80px 0px 0px 0px;
  background: var(--white-color);
  margin-top: 0px;
}

section.products-details.extra .extras-content {
  position: relative;
}

section.products-details.extra .extras-content .extras {
  position: relative;
  padding-left: 0px;
  margin-bottom: 0px;
}

section.products-details.extra .extras-content .extras li {
  padding: 12px 0px;
  border-bottom: 1px solid var(--border-color-light);
  font-size: var(--font-text-size-md);
  font-weight: 400;
  line-height: 1.2;
  color: var(--text-color);
}

section.products-details.extra .extras-content .extras li:last-of-type {
  border-bottom: none;
}



/* OTHER */
.iframe-loaders {
  position: relative;
}

.cf-ring.hidden {
  display: none;
}

.cf-ring {
  display: inline-block;
  width: 80px;
  height: 80px;
}

.cf-ring:after {
  content: " ";
  display: block;
  width: 64px;
  height: 64px;
  margin: 5% auto;
  border-radius: 50%;
  border: 6px solid var(--orange-color);
  border-color: var(--orange-color) transparent var(--orange-color) transparent;
  animation: cf-ring 1.2s linear infinite;
}

.cf-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--white-to-gray-color);
  z-index: 999;
  opacity: 1;
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
}

@keyframes cf-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


/* CHART */
.highcharts-figure {
  min-width: 100%;
  max-width: 100%;
  margin: 0em auto;
}

.highcharts-credits,
.highcharts-exporting-group,
.highcharts-title,
.highcharts-axis-title {
  display: none !important
}

.highcharts-root {
  font-family: var(--font-text-family) !important;
}

.highcharts-background {
  fill: var(--light-gray-color-section);
  stroke: var(--light-gray-color-section);
  stroke-width: 0px;
}

.highcharts-grid.highcharts-yaxis-grid * {
  fill: var(--border-color-light) !important;
  stroke: var(--border-color-light) !important;
}

.highcharts-axis-labels * {
  fill: var(--text-color) !important;
  color: var(--text-color) !important;
  font-size: var(--font-text-size-xs) !important;
  font-weight: 500 !important;
}

.highcharts-markers * {
  fill: var(--blue-color);
}

.highcharts-graph {
  stroke: #26A69A;
}

.highcharts-area-series text,
.highcharts-line-series text {
  fill: var(--text-color) !important;
  color: var(--text-color) !important;
  font-size: var(--font-text-size-xs) !important;
  font-weight: 500 !important;
}

.highcharts-button-box {
  fill: #FFF !important;
}

/*
.highcharts-area-series .highcharts-point, .highcharts-point{
  fill: var(--tab-pills-active-color);
}
*/
.highcharts-area {
  fill-opacity: 1;
  fill: url(#highcharts-bg-0);
}

#highcharts-bg-0 stop {
  stop-color: #26A69A;
}

#highcharts-bg-0 stop[offset="0"] {
  stop-opacity: 0.75;
}

#highcharts-bg-0 stop[offset="1"] {
  stop-opacity: 0;
}

.highcharts-reset-zoom .highcharts-button-box {
  background: var(--tab-pills-color);
  fill: var(--tab-pills-color);
  stroke: var(--border-color-dark);
  stroke-linecap: round;
}

.highcharts-reset-zoom text {
  color: var(--text-color) !important;
  fill: var(--text-color) !important;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
}

.historyCharts .highcharts-series * {
  stroke: var(--border-color-light);
  fill: var(--chart-bar-bg);
}


.login-page {
  width: 100%;
  height: 100vh;
  display: inline-block;
  display: flex;
  align-items: center;
}

.form-right i {
  font-size: 100px;
}

iframe.symbolChart {
  width: 100% !important;
  height: 416px !important;
  overflow: hidden;
}

iframe.compareChart {
  width: 100% !important;
  height: 250px !important;
}

iframe.otherChart {
  width: 100% !important;
  height: 200px !important;
}

/* CHART */


.form-label {
  position: absolute;
  left: 30px;
  top: 13px;
  color: var(--label-color);
  background-color: #fff;
  z-index: 10;
  font-size: var(--font-text-size-md);
  transition: transform 150ms ease-out, font-size 150ms ease-out;
  padding: 0px 5px;
}

.focused .form-label {
  transform: translateY(-125%);
  font-size: 1em;
  color: var(--orange-color) !important;
  padding: 0px 5px;
}

.focused .fc-effect {
  background: #FFF !important;
}

.alert-other {
  position: relative;
  background: var(--light-gray-color-section);
  border-radius: var(--border-radius-sm);
  color: var(--text-color);
  padding: 15px 20px;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
}


.ui-widget-content {
  border-radius: var(--border-radius-sm) !important;
  background: var(--light-gray-color-section) !important;
  font-size: var(--font-text-size-sm) !important;
  font-weight: var(--font-text-weight) !important;
  color: var(--text-color) !important;
}

.ui-widget.ui-widget-content {
  border: 1px solid var(--border-color-light) !important;
  z-index: 9999;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: scroll;
  box-shadow: var(--box-shadow-other-xs);
}

.ui-menu .ui-menu-item {
  border: none !important;
  border-radius: 0px !important;
}

.ui-menu .ui-menu-item:hover {
  border: none !important;
}

.ui-menu .ui-menu-item-wrapper {
  border-radius: var(--border-radius-sm) !important;
  background: var(--light-gray-color-section) !important;
  font-size: var(--font-text-size-sm) !important;
  font-weight: var(--font-text-weight) !important;
  color: var(--text-color) !important;
  padding: 10px 15px !important;
  border: 1px solid transparent !important;
}

.ui-menu .ui-menu-item-wrapper:hover,
.ui-menu .ui-menu-item-wrapper:focus,
.ui-menu .ui-menu-item-wrapper:active {
  padding: 10px 15px !important;
  border: 2px solid transparent !important;
}


.highcharts-hollowcandlestick-series .highcharts-point-down {
  fill: #FF0000;
  stroke: #FF0000;
}

.highcharts-hollowcandlestick-series .highcharts-point-down-bearish-up {
  fill: #26A69A;
  stroke: #26A69A;
}

.highcharts-hollowcandlestick-series .highcharts-point-up {
  fill: #26A69A;
  stroke: #26A69A;
}


.accordion-body img,
.accordion-body iframe {
  width: 100% !important;
  height: auto !important;
  margin: 15px 0px
}

.quick-access {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 100vh;
  background: #303135;
  z-index: 999999999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quick-access.hidden {
  display: none;
}

.quick-access .close {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: var(--font-text-size-lg);
  font-weight: 700;
  line-height: 1;
  color: var(--white-color);
  z-index: 2;
  cursor: pointer;
}

.quick-access .access-box {
  position: relative;
  width: 100%;
  height: 300px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1;
  color: var(--white-color);
}

.quick-access .access-box::before {
  content: '';
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgb(20 20 20 / 40%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 1;
}

.quick-access .access-box .cover {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -ms-object-fit: cover;
  -o-object-fit: cover;
  object-position: center;
  -ms-object-position: center;
  -o-object-position: center;
  z-index: 0;
}

.quick-access .access-box .title {
  position: absolute;
  z-index: 2;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--white-color);
  margin-bottom: 0px;
  text-align: center;
  text-transform: uppercase;
}

.iti__country-list {
  z-index: 12 !important;
}

.newsletter-area {
  position: relative;
  z-index: 2;
}

.newsletter-area .newsletterForm {
  position: relative;
}

.newsletter-area .newsletterForm .form-control {
  position: relative;
  padding: 12px 145px 12px 12px;
  border-radius: var(--border-radius-sm);
  border: 1px solid var(--border-color-dark);
  background: transparent;
  color: var(--white-color);
  font-size: var(--font-text-size-sm);
}

.newsletter-area .newsletterForm .form-control::-webkit-input-placeholder {
  color: var(--white-color) !important;
}

.newsletter-area .newsletterForm .form-control:-ms-input-placeholder {
  color: var(--white-color) !important;
}

.newsletter-area .newsletterForm .form-control::placeholder {
  color: var(--white-color) !important;
}

.newsletter-area .newsletterForm button {
  position: absolute;
  top: 0px;
  right: 0px;
  min-height: 47px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}


section.breadcrumbs-original {
  position: relative;
}

section.breadcrumbs-original .breadcrumb {
  position: relative;
  padding: 15px 0px;
  border-bottom: 1px solid var(--border-color-dark);
}

section.breadcrumbs-original .breadcrumb a {
  color: var(--text-color);
}


.symbol-search {
  position: relative;
}

.symbol-search i,
.symbol-search svg {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: var(--font-text-size-xl);
  color: var(--orange-color);
}

.symbol-search .form-control {
  border: 1px solid var(--orange-color);
  background: var(--white-color);
  color: var(--text-color);
  border-radius: var(--border-radius-sm);
  min-height: 45px;
  padding: 0px 45px 0px 20px;
}

.symbol-search-other .form-control {
  border: 1px solid var(--border-color-dark) !important;
}


.faqs-pills {
  position: relative;
}

.faqs-pills .nav-item {
  position: relative;
}

.faqs-pills .nav-item:last-of-type {
  margin-right: 0px;
}

.faqs-pills .nav-link {
  position: relative;
  background: transparent !important;
  border: 1px solid var(--border-color-dark) !important;
  border-radius: var(--border-radius-sm) !important;
  padding: 12px 20px;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color) !important;
  width: 100%;
  height: 100%;
  word-break: break-word;
}

.faqs-pills .nav-link.active,
.faqs-pills .nav-link:hover {
  position: relative;
  background: var(--orange-color) !important;
  border: 1px solid var(--orange-color) !important;
  color: var(--white-color) !important;
}


section.breadcrumbs.bvb {
  padding: 360px 0px 0px;
  margin-top: -188px;
  z-index: 0;
}

section.breadcrumbs.bvb .breadcrumb-body {
  text-align: left;
}

section.breadcrumbs.bvb .breadcrumb-body .bvb-logo {
  position: relative;
  margin-bottom: 20px;
}

section.breadcrumbs.bvb .breadcrumb-body .bvb-logo img {
  position: relative;
  width: 100px;
}

section.breadcrumbs.bvb .breadcrumb-body .more {
  position: relative;
  display: flex;
  align-items: center;
  margin-top: 25px;
}

section.breadcrumbs.bvb .breadcrumb-body .title,
section.breadcrumbs.bvb .breadcrumb-body .sub-text {
  color: var(--white-color);
}

section.breadcrumbs.bvb .bvb-logo svg {
  width: 150px;
  height: 150px;
}

section.breadcrumbs.bvb .breadcrumb-body .more a.other {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  padding: 10px 0px;
  border-bottom: 1px solid var(--orange-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

section.breadcrumbs.bvb .breadcrumb-image.animate {
  position: relative;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInRight;
  animation-delay: 0.3s;
}

section.breadcrumbs.bvb .breadcrumb-body.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  animation-delay: 0.3s;
}

section.breadcrumbs.bvb .play-cursor {
  margin-top: -40px;
  margin-bottom: -40px;
}

section.alb-bvb {
  position: relative;
  padding: 70px 0px;
}

section.alb-bvb .section-body {
  position: relative;
}

section.alb-bvb .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  color: var(--text-color);
  line-height: 1.2;
  margin-bottom: 0px;
}

section.alb-bvb .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.6;
  margin: 15px 0px;
}

section.alb-bvb .section-body .text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.6;
  margin-bottom: 0px;
}

section.alb-bvb .section-image {
  position: relative;
  text-align: center;
}

section.alb-bvb .section-image img {
  position: relative;
  width: 100%;
}


section.alb-bvb-parallax {
  position: relative;
  padding: 80px 0px;
  background: url('https://www.futuoinfo.com/dist/images/alb-bvb-parallax.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
}

section.alb-bvb-parallax .section-body {
  position: relative;
  text-align: right;
}

section.alb-bvb-parallax .section-body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  color: var(--text-color);
  line-height: 1.2;
  margin-bottom: 0px;
}

section.alb-bvb-parallax .section-body .sub-text {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.6;
  margin: 15px 0px;
}

section.alb-bvb-parallax .section-body .text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.6;
  margin-bottom: 0px;
}

section.alb-bvb-parallax .section-image {
  position: relative;
}

section.alb-bvb-parallax .section-image img {
  position: relative;
  width: 100%;
}

section.alb-bvb-parallax2 {
  position: relative;
  padding: 80px 0px 0px;
  background: url('../image/alb-bvb-parallax2.png');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  margin: 40px 0px;
}

section.alb-bvb-parallax2 .section-body {
  position: relative;
  padding-top: 40px;
}

section.alb-bvb-parallax2 .section-body .bvb-logo {
  position: relative;
  margin-bottom: 25px;
}

section.alb-bvb-parallax2 .section-body .bvb-logo img {
  position: relative;
  width: 150px;
}

section.alb-bvb-parallax2 .section-body .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  color: var(--white-color);
  line-height: 1.2;
  margin-bottom: 15px;
}

section.alb-bvb-parallax2 .section-body .text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--white-color);
  line-height: 1.6;
  margin-bottom: 0px;
}

section.alb-bvb-parallax2 .section-image {
  position: relative;
  margin-top: -120px;
}

section.alb-bvb-parallax2 .section-image img {
  position: relative;
  width: 100%;
}


section.fx-body {
  position: relative;
  padding: 0px 0px 70px 0px;
}

section.fx-body .section-header {
  position: relative;
  text-align: center;
}

section.fx-body .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  color: var(--text-color);
  line-height: 1.2;
  margin-bottom: 0px;
}

section.fx-body .fx-item {
  position: relative;
  padding: 30px;
  border: 1px solid var(--border-color-dark);
  border-radius: var(--border-radius-md);
  height: 100%;
}

section.fx-body .fx-item .icon,
section.fx-body .fx-item .text,
section.fx-body .fx-item .more {
  position: relative;
}

section.fx-body .fx-item .icon {
  text-align: center;
  margin-bottom: 20px;
}

section.fx-body .fx-item .icon svg {
  height: 60px;
}

section.fx-body .fx-item .text {
  text-align: center;
  margin-bottom: 15px;
}

section.fx-body .fx-item .text .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 10px;
}

section.fx-body .fx-item .text .desc {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.3;
  margin-bottom: 0px;
  color: var(--text-color);
  min-height: 80px;
}

section.fx-body .fx-item .more a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 12px;
  border-radius: var(--border-radius-sm);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
}

section.fx-body .fx-item.blue .icon svg * {
  fill: #56BDF9;
}

section.fx-body .fx-item.blue .text .title {
  color: #56BDF9;
}

section.fx-body .fx-item.blue .more a.first {
  background: #56BDF9;
  color: var(--white-color);
}

section.fx-body .fx-item.blue .more a.last {
  background: #528DAF;
  color: var(--white-color);
}

section.fx-body .fx-item.green .icon svg * {
  fill: #78C9A9;
}

section.fx-body .fx-item.green .text .title {
  color: #78C9A9;
}

section.fx-body .fx-item.green .more a.first {
  background: #78C9A9;
  color: var(--white-color);
}

section.fx-body .fx-item.green .more a.last {
  background: #4F806C;
  color: var(--white-color);
}

section.fx-body .fx-item.red .icon svg * {
  fill: #DD7E7E;
}

section.fx-body .fx-item.red .text .title {
  color: #DD7E7E;
}

section.fx-body .fx-item.red .more a.first {
  background: #DD7E7E;
  color: var(--white-color);
}

section.fx-body .fx-item.red .more a.last {
  background: #915050;
  color: var(--white-color);
}

section.fx-body .fx-item.purple .icon svg * {
  fill: #9382DE;
}

section.fx-body .fx-item.purple .text .title {
  color: #9382DE;
}

section.fx-body .fx-item.purple .more a.first {
  background: #9382DE;
  color: var(--white-color);
}

section.fx-body .fx-item.purple .more a.last {
  background: #534786;
  color: var(--white-color);
}

section.fx-body .fx-item.yellow .icon svg * {
  fill: #E3B56C;
}

section.fx-body .fx-item.yellow .text .title {
  color: #E3B56C;
}

section.fx-body .fx-item.yellow .more a.first {
  background: #E3B56C;
  color: var(--white-color);
}

section.fx-body .fx-item.yellow .more a.last {
  background: #B18A4D;
  color: var(--white-color);
}

section.fx-body .fx-item.pink .icon svg * {
  fill: #E064A7;
}

section.fx-body .fx-item.pink .text .title {
  color: #E064A7;
}

section.fx-body .fx-item.pink .more a.first {
  background: #E064A7;
  color: var(--white-color);
}

section.fx-body .fx-item.pink .more a.last {
  background: #9B4473;
  color: var(--white-color);
}

.faqsArchive {
  position: relative;
}

.faqsArchive .faqsArchiveYear {
  position: relative;
  padding: 10px 15px;
  font-size: var(--font-text-size-sm);
  border: 1px solid var(--border-color-light);
  border-radius: var(--border-radius-sm);
  color: var(--orange-color);
}

.faqsArchive .faqsArchiveYear:focus {
  outline: none;
  box-shadow: none;
}

.faqsArchive ul {
  position: relative;
  /*
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  */
}

.faqsArchive ul li {
  position: relative;
  float: left;
  width: 8.33%;
  border-right: 1px solid var(--border-color-dark);
}

.faqsArchive ul li:last-of-type {
  border-right: none;
}

.faqsArchive ul li a {
  position: relative;
  display: block;
  text-align: center;
  font-size: var(--font-text-size-xs);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
}

.faqsArchive ul li a:hover {
  color: var(--orange-color);
}


section.breadcrumbs.proAccount {
  padding-top: 430px;
  padding-bottom: 0px;
}

section.breadcrumbs.proAccount .breadcrumb-body {
  text-align: left;
}

section.breadcrumbs.proAccount .breadcrumb-body .title {
  font-weight: 700;
}

section.breadcrumbs.proAccount .more {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
}

section.breadcrumbs.proAccount .more a.underline-link {
  position: relative;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--orange-color);
  color: var(--orange-color);
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  display: inline-flex;
  align-items: center;
  margin-top: 20px;
}

section.pro-account {
  position: relative;
}

section.pro-account .pro-account-item {
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
}

section.pro-account .pro-account-item.one {
  margin-bottom: 80px;
}

section.pro-account .pro-account-item.two {
  margin-bottom: 80px;
}

section.pro-account .pro-account-item.three {
  padding-bottom: 60px;
}

section.pro-account .pro-account-item.one::before {
  content: '';
  position: absolute;
  top: 85px;
  left: 30px;
  width: 10px;
  height: 50px;
  background: url('../image/pro-account-arrow.png') no-repeat;
  background-position: bottom center;
  background-size: 100%;
  display: block;
}

section.pro-account .pro-account-item.two::before {
  content: '';
  position: absolute;
  top: 85px;
  left: 30px;
  width: 10px;
  height: 170px;
  background: url('../image/pro-account-arrow.png') no-repeat;
  background-position: bottom center;
  background-size: 100%;
  display: block;
}

section.pro-account .pro-account-item .number {
  position: relative;
  min-width: 70px;
  min-height: 70px;
  background: var(--orange-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  line-height: 1;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  color: var(--white-color);
}

section.pro-account .pro-account-item .text {
  position: relative;
  padding-left: 25px;
}

section.pro-account .pro-account-item:hover .text .title {
  color: var(--orange-color);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.pro-account .pro-account-item .text .title {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-color);
  margin-bottom: 10px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all .3s ease-in-out;
}

section.pro-account .pro-account-item .text .desc {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.6;
  margin-bottom: 0px;
}

section.pro-account .pro-account-item.two .text .desc-other {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 400;
  color: var(--text-color);
  line-height: 1.6;
  margin-bottom: 0px;
}

section.pro-account .pro-account-item.two .text .desc {
  padding-left: 30px;
}

section.pro-account .pro-account-item.two .text .desc::before {
  content: '\f00c';
  position: absolute;
  left: 0px;
  top: 5px;
  font-family: 'Font Awesome 6 Free';
  font-weight: 900;
  display: inline-block;
  line-height: 1;
  font-size: var(--font-text-size-lg);
  color: var(--orange-color);
}

section.pro-account .pro-account-notes {
  position: relative;
  padding-top: 60px;
  border-top: 1px solid var(--border-color-dark);
}

section.pro-account .pro-account-notes .note {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}



section.main-account-types {
  position: relative;
  padding: 60px 0;
  background: var(--light-gray-color-section);
  margin-bottom: 260px;
}

section.main-account-types .section-header {
  position: relative;
  text-align: center
}

section.main-account-types .section-body .account-item .body .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  margin-bottom: 10px
}

section.main-account-types .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 10px
}

section.main-account-types .section-header .text {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0
}

section.main-account-types .section-body {
  position: relative;
  margin-bottom: -250px
}

section.main-account-types .section-body .account-item {
  position: relative;
  text-align: center;
  padding: 50px;
  -webkit-border-radius: var(--border-radius-md);
  border-radius: var(--border-radius-md);
  background: var(--white-color);
  -webkit-box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
  box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0
}

section.main-account-types .section-body .account-item.active {
  border-color: var(--orange-color);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1)
}

section.main-account-types .section-body .account-item .icon {
  position: relative;
  min-height: 60px;
  margin-bottom: 20px
}

section.main-account-types .section-body .account-item .icon svg {
  position: relative;
  min-height: 60px;
  max-height: 60px;
  height: 60px
}

section.main-account-types .section-body .account-item.mini .icon svg * {
  fill: var(--light-red-color);
}

section.main-account-types .section-body .account-item.vip .icon svg * {
  fill: var(--light-blue-color);
}

section.main-account-types .section-body .account-item.gold .icon svg * {
  fill: var(--orange-color);
}

section.main-account-types .section-body .account-item .body {
  position: relative
}

section.main-account-types .section-body .account-item .body .title {
  font-size: var(--font-text-size-xl)
}

section.main-account-types .section-body .account-item .body .sub-title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 20px
}

section.main-account-types .section-body .account-item .body .feature,
section.main-account-types .section-body .account-item .body .more {
  position: relative
}

section.main-account-types .section-body .account-item .body .feature .feature-title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 5px
}

section.main-account-types .section-body .account-item.mini .body .feature .feature-title,
section.main-account-types .section-body .account-item.mini .body .title {
  color: var(--light-red-color);
}

section.main-account-types .section-body .account-item.gold .body .feature .feature-title,
section.main-account-types .section-body .account-item.gold .body .title {
  color: var(--orange-color);
}

section.main-account-types .section-body .account-item.vip .body .feature .feature-title,
section.main-account-types .section-body .account-item.vip .body .title {
  color: var(--light-blue-color);
}

section.main-account-types .section-body .account-item.mini {
  border: 5px solid #efd6dd;
}

section.main-account-types .section-body .account-item.gold {
  border: 5px solid #efe2d6;
}

section.main-account-types .section-body .account-item.vip {
  border: 5px solid #d6e5ef;
}

section.main-account-types .section-body .account-item .body .feature .feature-value {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 0
}



section.account-future {
  position: relative;
  padding: 70px 0px 106px;
}

section.account-future .section-header {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}

section.account-future .section-header .title {
  position: relative;
  font-size: var(--font-text-size-xxl);
  font-weight: 600;
  color: var(--text-color);
  line-height: 1.2;
  margin-bottom: 5px;
}

section.account-future .section-body {
  position: relative;
  text-align: center;
}

section.account-future .section-body .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
  background: var(--light-gray-color-section);
  border-radius: var(--border-radius-md);
  height: 100%;
}

section.account-future .section-body .icon {
  position: relative;
  margin-bottom: 20px;
  text-align: center;
}

section.account-future .section-body .icon img,
section.account-future .section-body .icon svg {
  position: relative;
  height: 45px;
}

section.account-future .section-body .text {
  position: relative;
}

section.account-future .section-body .text .title {
  position: relative;
  font-size: var(--font-text-size-lg);
  font-weight: 600;
  color: var(--orange-color);
  line-height: 1.2;
  margin-bottom: 5px;
}

section.account-future .section-body .text .val {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--orange-color);
  line-height: 1.5;
  margin-bottom: 0px;
}


section.account-hots {
  position: relative;
  padding: 70px 0px;
  background: var(--light-gray-color-section);
}

section.account-hots .item {
  position: relative;
  padding: 30px;
  border-radius: var(--border-radius-md);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  background: var(--white-color);
  box-shadow: var(--box-shadow-other-xs);
  border: 3px solid var(--border-color-light);
  height: 100%;
}

section.account-hots .item .item-head {
  position: relative;
  text-align: center;
  margin-bottom: 30px;
  width: 100%;
}

section.account-hots .item .item-head .title {
  position: relative;
  font-size: var(--font-text-size-xl);
  font-weight: 600;
  line-height: 1.2;
  color: var(--orange-color);
  margin-bottom: 10px;
}

section.account-hots .item .item-head .description {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-color);
  margin-bottom: 0px;
}

section.account-hots .item .item-body {
  position: relative;
  width: 100%;
}

section.account-hots .item .item-body ul {
  margin-bottom: 0px;
  padding-left: 0px;
  position: relative;
}

section.account-hots .item .item-body ul li {
  position: relative;
  font-size: var(--font-text-size-sm);
  font-weight: 500;
  line-height: 1.5;
  color: var(--text-color);
  text-align: center;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-color-light);
}

section.account-hots .item .item-body ul li:last-of-type {
  margin-bottom: 0px;
  padding-bottom: 0px;
  border-bottom: 0px;
}


section.account-property {
  position: relative;
  padding: 70px 0px;
}

section.account-property .section-body {
  position: relative;
}

section.account-property .section-body .list {
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

section.account-property .section-body .list li {
  position: relative;
  width: 20%;
  height: 100%;
  float: left;
  padding: 15px 20px;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}

section.account-property .section-body .list li:nth-of-type(1),
section.account-property .section-body .list li:nth-of-type(2),
section.account-property .section-body .list li:nth-of-type(3),
section.account-property .section-body .list li:nth-of-type(4),
section.account-property .section-body .list li:nth-of-type(5),
section.account-property .section-body .list li:nth-of-type(6),
section.account-property .section-body .list li:nth-of-type(7),
section.account-property .section-body .list li:nth-of-type(8),
section.account-property .section-body .list li:nth-of-type(9),
section.account-property .section-body .list li:nth-of-type(10) {
  border-bottom: 1px solid var(--border-color-light);
}

section.account-property .section-body .list li:nth-of-type(1),
section.account-property .section-body .list li:nth-of-type(2),
section.account-property .section-body .list li:nth-of-type(3),
section.account-property .section-body .list li:nth-of-type(4),
section.account-property .section-body .list li:nth-of-type(6),
section.account-property .section-body .list li:nth-of-type(7),
section.account-property .section-body .list li:nth-of-type(8),
section.account-property .section-body .list li:nth-of-type(9),
section.account-property .section-body .list li:nth-of-type(11),
section.account-property .section-body .list li:nth-of-type(12),
section.account-property .section-body .list li:nth-of-type(13),
section.account-property .section-body .list li:nth-of-type(14) {
  border-right: 1px solid var(--border-color-light);
}

section.account-property .section-body .list li .title {
  position: relative;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  margin-bottom: 15px;
  min-height: 39px;
}

section.account-property .section-body .list li .text {
  position: relative;
  font-size: var(--font-text-size-xs);
  font-weight: 400;
  line-height: 1.5;
  color: var(--text-color);
  min-height: 85px;
  margin-bottom: 0px;
}


section.account-types-detail {
  position: relative;
  padding: 0px;
  margin-top: -35px;
}

section.account-types-detail .account-types-category {
  position: relative;
}

section.account-types-detail .account-types-category ul {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background: var(--light-gray-color-section);
  border-radius: 40px;
}

section.account-types-detail .account-types-category ul li {
  position: relative;
  float: left;
  width: 33.33%;
}

section.account-types-detail .account-types-category ul li:nth-of-type(2) {
  padding: 0px 10px;
}

section.account-types-detail .account-types-category ul li a {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px;
  font-size: var(--font-text-size-md);
  font-weight: 600;
  line-height: 1.2;
  color: var(--text-color);
  background: var(--light-gray-color-section);
  border-radius: var(--border-radius-xl);
  transition: all .3s ease-in-out;
}

section.account-types-detail .account-types-category ul li a:hover,
section.account-types-detail .account-types-category ul li a.active,
section.account-types-detail .account-types-category ul li a.active:hover {
  transition: all .3s ease-in-out;
  background: var(--orange-color);
  color: var(--white-color);
}

section.account-types-detail .account-types-category ul li a i,
section.account-types-detail .account-types-category ul li a svg {
  height: 20px;
}

section.account-types-detail .account-types-category ul li a i,
section.account-types-detail .account-types-category ul li a svg * {
  transition: all .3s ease-in-out;
  color: var(--text-color);
  fill: var(--text-color);
}

section.account-types-detail .account-types-category ul li a:hover i,
section.account-types-detail .account-types-category ul li a:hover svg *,
section.account-types-detail .account-types-category ul li a.active:hover i,
section.account-types-detail .account-types-category ul li a.active:hover svg *,
section.account-types-detail .account-types-category ul li a.active i,
section.account-types-detail .account-types-category ul li a.active svg * {
  transition: all .3s ease-in-out;
  color: var(--white-color);
  fill: var(--white-color);
}

section.error-page-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  min-height: 100vh;
}
.error-page {
  position: relative;
  padding: 65px 0px;
  width: 100%;
  min-height: 90vh;
}
.error-page .section-body {
  text-align: center;
}
.error-page .section-body .logo {
  margin: auto;
}
.error-page .section-body video {
  max-width: 525px;
  width: 100%;
  height: 330px;
  margin: 75px 0px 40px;
}
.error-page .section-body .title {
  font-size: var(--font-text-size-xxxl);
  font-weight: 600;
}
.error-page .section-body .text {
  font-size: var(--font-text-size-lg);
  margin: 10px 0px 35px;
}
.error-footer-content {
  position: relative;
  width: 100%;
  height: 10vh;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.error-footer {
  position: relative;
  width: 100%;
  background: var(--black-color);
  padding: 12px 0px;
}
.error-footer .footer-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.error-footer .footer-content .text {
  font-size: 10px;
  color: var(--white-color);
  font-weight: 600;
  margin-bottom: 0px;
}
.error-footer .footer-content .right-side a svg {
  color: var(--white-color);
  font-size: var(--font-text-size-xs);
  margin-left: 10px;
}
@media (max-width:992px) {
  .error-page {
    padding: 35px 0px;
    min-height: auto;
  }
  .error-page .section-body video {
    margin: 30px 0px 10px;
  }
  .error-page .section-body .title {
    font-size: var(--font-text-size-xl);
  }
  .error-page .section-body .text {
    font-size: var(--font-text-size-xs);
    margin: 10px 0px 35px;
  }
  .error-footer-content {
    display: none;
  }
  section.error-page-wrapper {
    min-height: auto;
  }
}

body.headerFixed {
  padding-top: 147px;
}

.header.scrolling .header-top-bar {
  display: none !important;
}

header.header.scrolling .mainNavbar {
  padding-bottom: 0;
  border-bottom: none;
}

@media screen and (max-width: 768px) {
  .navbar-brand {
    margin-right: 0 !important;
  }

  .mobileExtra .nav-link {
    font-size: var(--font-text-size-sm);
    font-weight: 600;
    line-height: 1.2;
    color: var(--orange-color);
    display: flex;
    align-items: center;
  }
}

.single-slide .slide-image img {
  border-radius: 8px;
}

.main-feature-content .feature-item .icon {
  height: 60px;
}

.main-feature-content .feature-item .body .title {
  margin-bottom: 10px;
}

footer.footer .desc a {
  font-size: var(--font-text-size-sm);
  font-weight: 400;
  color: var(--white-color);
  line-height: 1.3;
  text-decoration: underline !important;
}

.pagination {
  justify-content: center;
}

.pagination .page-item {
  margin: 0 8px;
}

.pagination .page-item a, .pagination .page-item span {
  padding: 8px 16px;
  border-color: var(--light-soft-brown-color);
  background-color: var(--light-soft-brown-color);
  color: var(--orange-color);
  border-radius: 7px;
}

.pagination .page-item.active span {
  background-color: var(--orange-color);
  border-color: var(--orange-color);
  color: #ffffff;
}

.post-ad img {
  max-width: 100%;
  border-radius: 15px;
  box-shadow: var(--box-shadow-other-sm);
}