/* Author: Venore Creative Worldwide Email: info@venorecreative.com File: style.css */
/* IMPORT CSS */
@import url(fonts.css?v=2);
@import url(normalize.css?v=2);
@import url(responsive.css?v=2);

/* 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;
    --brown-color: #B58E68;
    --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;
    --orange-color: #FFCB00;
    --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(--brown-color);
    --chart-bar-bg: rgb(183 218 255 / 75%);
}

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

::-webkit-scrollbar-thumb {
    background: var(--brown-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 {
    border: 0;
    display: block
}

video {
    width: 100% !important
}

.color-blue {
    color: #2982DE !important;
}

.color-light-green {
    color: #35AC91 !important;
}

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

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

.color-brown {
    color: var(--brown-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: 175px;
}

.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(--brown-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(--brown-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(--brown-color);
    color: var(--white-color);
}

.btn-light-brown.sm:hover {
    transform: scale(1.03);
    text-decoration: none;
    background: var(--brown-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(--brown-color);
    border-color: var(--brown-color);
    color: var(--white-color);
}

.btn-outline-dark-to-brown.sm:hover {
    transform: scale(1.03);
    background: var(--brown-color);
    border-color: var(--brown-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(--brown-color);
    border: 1px solid var(--brown-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;
    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(--brown-color);
    color: var(--brown-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(--brown-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(--brown-color);
    color: var(--brown-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 {
    border-radius: 50%;
    width: 20px;
    min-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(--brown-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(--brown-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(--brown-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(--brown-color);
    fill: var(--brown-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(--brown-color);
    fill: var(--brown-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(--brown-color);
    padding: 10px 0px;
    border-bottom: 1px solid var(--brown-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: 0.3s;
}

.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: 0.3s;
}

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

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

.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(--brown-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(--brown-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(--brown-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(--brown-color);
}

.symbol-table .symbol-search .form-control {
    border: 1px solid var(--brown-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(--brown-color);
    border-color: var(--brown-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;
    padding-left: 4px;
}

.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(--brown-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(--brown-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(--brown-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(--brown-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(--brown-color);
    color: var(--brown-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('../img/other/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 .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(--brown-color);
    color: var(--brown-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('../img/other/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('../img/other/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(--brown-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::before {
    content: '';
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: url('../img/other/footer-mask.png') no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
}

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: 70px;
}

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: 15px;
    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: 425px 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(--brown-color);
    padding: 10px 0px;
    border-bottom: 1px solid var(--brown-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(--brown-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(--brown-color);
    padding: 10px 0px;
    border-bottom: 1px solid var(--brown-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(--brown-color);
    border-color: var(--brown-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(--brown-color);
    padding: 10px 0px;
    border-bottom: 1px solid var(--brown-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(--brown-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(--brown-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;
    flex-wrap: wrap;
    flex-direction: row;
}

.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(--brown-color);
    fill: var(--brown-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(--brown-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(--brown-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(--brown-color);
    padding: 10px 0px;
    border-bottom: 1px solid var(--brown-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(--brown-color);
    border-color: var(--brown-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(--brown-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;
    padding-left: 15px;
}

.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(--brown-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(--brown-color);
    padding: 10px 0px;
    border-bottom: 1px solid var(--brown-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(--brown-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(--brown-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('../img/other/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('../img/other/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(--brown-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(--brown-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(--brown-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(--brown-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(--brown-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('../img/other/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-sm);
    font-weight: 500;
    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(--brown-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-md);
    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-sm);
    font-weight: 500;
    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('../img/other/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('../img/other/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 {
    display: none !important;
}

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(--brown-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(--brown-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(--brown-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(--brown-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('../img/other/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(--brown-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(--brown-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(--brown-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(../img/other/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(--brown-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('../img/other/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(--brown-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(--brown-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(--brown-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(--brown-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(--brown-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(--brown-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(--brown-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(--brown-color);
    border-color: var(--brown-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(--brown-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(--brown-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(--brown-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(--brown-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(--brown-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(--brown-color);
    color: var(--white-color);
    border-color: var(--brown-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(--brown-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(--brown-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(--brown-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(--brown-color);
    border-radius: var(--border-radius-md);
    display: flex;
    align-items: center;
}

section.event-card .event-body {
    position: relative;
    background: var(--brown-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(--brown-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(--brown-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;
    min-height: 45px;
}

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(--brown-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(--brown-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(--brown-color);
    border-color: var(--brown-color) transparent var(--brown-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(--brown-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;
}

.language-area {
    position: relative;
    z-index: 3;
}

.language-area .dropdown-toggle {
    padding: 12px;
    border-radius: var(--border-radius-sm);
    background: #403f46;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1;
    color: #aaaaaa;
    font-size: var(--font-text-size-xs);
    min-height: 44px;
}

.language-area .dropdown-toggle .country {
    position: relative;
    font-size: var(--font-text-size-xs);
    font-weight: 400;
    line-height: 1;
    margin-right: 10px;
    padding-right: 10px;
    min-width: 60px;
}

.language-area .dropdown-toggle .country::before {
    content: '';
    position: absolute;
    top: -16px;
    right: 0px;
    height: 44px;
    width: 1px;
    background: #616069;
}

.language-area .dropdown-toggle b {
    font-weight: 500;
    color: var(--white-color);
}

.language-area .dropdown-toggle img {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.language-area .dropdown-menu {
    padding: 0;
    border-radius: var(--border-radius-sm);
    border: 1px solid var(--border-color-light);
    box-shadow: var(--box-shadow-other-sm);
    min-width: 100%;
    z-index: 2;
}

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

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

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

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

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

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

.language-area .dropdown-menu li {
    padding: 0px
}

.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(--brown-color);
}

.symbol-search .form-control {
    border: 1px solid var(--brown-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(--brown-color) !important;
    border: 1px solid var(--brown-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(--brown-color);
    padding: 10px 0px;
    border-bottom: 1px solid var(--brown-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('../img/other/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('../img/other/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(--brown-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(--brown-color);
}

section.breadcrumbs.proAccount {
    padding-top: 350px;
    padding-bottom: 0px;
}

section.breadcrumbs.proAccount .breadcrumb-body {
    text-align: left;
}

section.breadcrumbs.proAccount .breadcrumb-body .title {
    font-size: var(--font-text-size-xxxl);
    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(--brown-color);
    color: var(--brown-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('../img/other/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('../img/other/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(--brown-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(--brown-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(--brown-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.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;
    }
}

.btn-whatsapp-pulse {
    background: #25d366;
    color: var(--white-color);
    position: fixed;
    bottom: 75px;
    right: 10px;
    font-size: var(--font-text-size-xxl);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 0;
    padding: 24px;
    text-decoration: none;
    border-radius: 50%;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    z-index: 99;
}

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

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }

    80% {
        box-shadow: 0 0 0 14px rgba(37, 211, 102, 0);
    }
}

section.trading-hours {
    position: relative;
    padding: 40px 0px;
}

section.trading-hours .trading-hours-content {
    position: relative;
    margin-top: -100px;
    padding: 35px;
    background: var(--white-color);
    border-radius: var(--border-radius-md);
    box-shadow: var(--box-shadow-other-xs);
}

section.trading-hours .trading-hours-content .table-content {
    position: relative;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-direction: column;
    border-radius: var(--border-radius-sm);
    border: 1px solid #D9D9E3;
    overflow: hidden;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .thead,
section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody {
    position: relative;
    width: 100%;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .thead .tr,
section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #D9D9E3;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr:last-of-type {
    border-bottom: none;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .thead .tr .td {
    font-size: var(--font-text-size-sm);
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-color);
    padding: 14px;
    border-right: 1px solid #D9D9E3;
    min-height: 48px;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .thead .tr .td:last-of-type {
    border-right: none;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .thead .tr .code {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 10%;
    min-width: 10%;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .thead .tr .exchange {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    width: 50%;
    min-width: 50%;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .thead .tr .status {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 15%;
    min-width: 15%;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .thead .tr .hours {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 25%;
    min-width: 25%;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr .td {
    font-size: var(--font-text-size-sm);
    font-weight: 400;
    line-height: 1.2;
    color: var(--text-color);
    padding: 14px;
    border-right: 1px solid #D9D9E3;
    min-height: 48px;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr.odd {
    background: #E9E9F0;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr.even {
    background: var(--white-color);
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr .td:last-of-type {
    border-right: none;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr .code {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 10%;
    min-width: 10%;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr .exchange {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: left;
    width: 50%;
    min-width: 50%;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr .status {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 15%;
    min-width: 15%;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr .hours {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 25%;
    min-width: 25%;
}

section.trading-hours .trading-hours-content .alert {
    border-radius: var(--border-radius-sm) !important;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr .status .open {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-text-size-sm);
    font-weight: 600;
    line-height: 1;
    color: var(--light-green-color);
    padding-left: 25px;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr .status .open::before {
    content: '';
    position: absolute;
    left: 0px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--light-green-color);
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr .status .close {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-text-size-sm);
    font-weight: 600;
    line-height: 1;
    color: var(--light-red-color);
    padding-left: 25px;
}

section.trading-hours .trading-hours-content .table-content .trading-hour-table .tbody .tr .status .close::before {
    content: '';
    position: absolute;
    left: 0px;
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--light-red-color);
}

section.metatrader-other .metatrader-info {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}

section.metatrader-other .metatrader-info .icon {
    width: 100%;
}

section.metatrader-other .metatrader-info .body {
    width: 100%;
}

section.metatrader-other .metatrader-info .more {
    width: 100%;
}

section.alb-redirect {
    position: relative;
    padding: 100px 0px;
}

section.alb-redirect .body {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
}

section.alb-redirect .body .image {
    position: relative;
    margin-bottom: 40px;
}

section.alb-redirect .body .title {
    position: relative;
    font-size: var(--font-text-size-xxxl);
    font-weight: 700;
    line-height: 1.3;
    color: var(--text-color);
    margin-bottom: 40px;
}

section.alb-redirect .body .more {
    position: relative;
}

section.u-capital-head {
    position: relative;
    padding: 200px 0px 0px;
    background: var(--light-gray-color-section);
}

section.u-capital-head .start,
section.u-capital-head .end {
    position: relative;
}

section.u-capital-head .start .image {
    position: relative;
    height: 60px;
    margin-bottom: 30px;
}

section.u-capital-head .start .image img {
    position: relative;
    width: 170px;
    height: 60px;
    object-fit: contain;
    object-position: left;
}

section.u-capital-head .start .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.u-capital-head .start .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.u-capital-head .end img {
    position: relative;
    width: 100%;
}

section.u-capital-meet {
    position: relative;
}

section.u-capital-meet .start {
    position: relative;
}

section.u-capital-meet .start .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.u-capital-meet .start .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.u-capital-meet .end {
    position: relative;
}

section.u-capital-meet .end .item {
    position: relative;
    padding: 25px;
    border: 1px solid var(--border-color-light);
    border-radius: var(--border-radius-md);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    transition: all .4s ease-in-out;
    height: 100%;
    min-height: 200px;
}

section.u-capital-meet .end .item:hover {
    transition: all .4s ease-in-out;
    background: var(--light-gray-color-section);
    border-color: var(--light-gray-color-section);
}

section.u-capital-meet .end .item .icon {
    position: relative;
    margin-bottom: 20px;
}

section.u-capital-meet .end .item .icon svg {
    position: relative;
    width: 50px;
    height: 40px;
    max-height: 40px;
}

section.u-capital-meet .end .item .icon svg * {
    fill: var(--brown-color);
}

section.u-capital-meet .feature {
    position: relative;
}

section.u-capital-meet .feature li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

section.u-capital-meet .feature li:last-of-type {
    margin-bottom: 0px;
}

section.u-capital-meet .feature li .icon {
    position: relative;
    padding: 7px;
    min-width: 55px;
    width: 55px;
    height: 55px;
    background: var(--brown-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.u-capital-meet .feature li .icon svg {
    position: relative;
    width: 30px;
    height: 30px;
}

section.u-capital-meet .feature li .icon svg * {
    fill: var(--white-color);
}

section.u-capital-meet .feature li .text {
    position: relative;
}

section.u-capital-meet .feature li .text .name {
    position: relative;
    font-size: var(--font-text-size-md);
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-color);
    margin-bottom: 5px;
}

section.u-capital-meet .feature li .text .description {
    position: relative;
    font-size: var(--font-text-size-sm);
    font-weight: 400;
    line-height: 1.4;
    color: var(--text-color);
}

section.u-capital-meet .image {
    position: relative;
}

section.u-capital-meet .image img {
    position: relative;
    width: 100%;
}

section.u-capital-signals {
    position: relative;
}

section.u-capital-signals .item {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 25px;
    border: 1px solid var(--border-color-light);
    border-radius: var(--border-radius-md);
    height: 100%;
}

section.u-capital-signals .item.first {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 0px;
    gap: 20px;
    background: var(--light-gray-color-section);
    border: 1px solid var(--light-gray-color-section);
}

section.u-capital-signals .item.first .content {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
    padding: 25px;
    width: 55%;
}

section.u-capital-signals .item.first .image {
    position: relative;
    width: 45%;
}

section.u-capital-signals .item.first .image img {
    position: relative;
    width: 100%;
}

section.u-capital-signals .item .icon {
    position: relative;
    margin-bottom: 25px;
}

section.u-capital-signals .item .icon svg {
    width: 55px;
    height: 55px;
}

section.u-capital-signals .item .icon svg * {
    fill: var(--brown-color);
}

section.u-capital-signals .item .name {
    position: relative;
    font-size: var(--font-text-size-xl);
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-color);
    margin-bottom: 10px;
}

section.u-capital-signals .item .text {
    position: relative;
    font-size: var(--font-text-size-sm);
    font-weight: 400;
    line-height: 1.4;
    color: var(--text-color);
}

section.u-capital-system {
    position: relative;
}

section.u-capital-system .content {
    position: relative;
    padding: 35px 50px;
    border-radius: var(--border-radius-md);
    border: 1px solid var(--border-color-light);
    height: 100%;
}

section.u-capital-system .content .title {
    position: relative;
    font-size: var(--font-text-size-xl);
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-color);
    margin-bottom: 20px;
}

section.u-capital-system .content .feature {
    position: relative;
}

section.u-capital-system .content .feature li {
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: var(--font-text-size-sm);
    font-weight: 400;
    line-height: 1.4;
    color: var(--text-color);
    margin-bottom: 20px;
}

section.u-capital-system .content .feature li:last-of-type {
    margin-bottom: 0px;
}

section.u-capital-system .content .feature li svg {
    position: relative;
    width: 30px;
    height: 30px;
    min-width: 30px;
}

section.u-capital-system .content .feature li svg * {
    fill: var(--brown-color);
}

section.u-capital-system .content.first {
    background: var(--black-color);
    border-color: var(--black-color);
}

section.u-capital-system .content.first .title,
section.u-capital-system .content.first .feature li {
    color: var(--white-color);
}

section.u-capital-educational{
    position: relative;
    padding: 50px 0px 0px;
    background: var(--light-gray-color-section);
}
section.u-capital-educational .head{
    position: relative;
    text-align: center;
}
section.u-capital-educational .title{
    position: relative;
    font-size: var(--font-text-size-xxl);
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-color);
    margin-bottom: 10px;
    text-align: center;
}
section.u-capital-educational .head .text{
    position: relative;
    font-size: var(--font-text-size-sm);
    font-weight: 400;
    line-height: 1.4;
    color: var(--text-color);
}
section.u-capital-educational .feature{
    position: relative;
}

section.u-capital-educational .feature .item{
    position: relative;
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: var(--font-text-size-md);
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-color);
}
section.u-capital-educational .feature .item .icon{
    position: relative;
    padding: 6px;
    border-radius: 50%;
    background: var(--brown-color);
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 50px;
    width: 50px;
    height: 50px;
}
section.u-capital-educational .feature .item .icon svg{
    position: relative;
    width: 30px;
    height: 30px;
}
section.u-capital-educational .feature .item .icon svg *{
    fill: var(--white-color);
}
section.u-capital-educational .connection-item{
    position: relative;
    padding: 25px;
    background: var(--white-color);
    border-radius: var(--border-radius-md);
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: column;
}
section.u-capital-educational .connection-item .icon{
    position: relative;
    margin-bottom: 25px;
}
section.u-capital-educational .connection-item .icon svg{
    width: 40px;
    min-width: 40px;
    height: 40px;
}
section.u-capital-educational .connection-item .icon svg *{
    fill: var(--brown-color);
}
section.u-capital-educational .connection-item .text{
    position: relative;
    font-size: var(--font-text-size-md);
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-color);
}
section.u-capital-educational .image{
    position: relative;
}
section.u-capital-educational .image img{
    position: relative;
    width: 100%;
}

section.corporate-account{
    position: relative;
    padding: 70px 0px;
}

section.corporate-account .number-list{
    position: relative;
    display: flex;
}
section.corporate-account .number-list li{
    position: relative;
    width: 33.33%;
    min-height: 100%;
}
section.corporate-account .number-list li:first-of-type{
    padding-right: 50px;
    padding-left: 0px;
}
section.corporate-account .number-list li:nth-of-type(2){
    padding: 0px 50px;
    border-left: 1px solid var(--border-color-dark);
    border-right: 1px solid var(--border-color-dark);
}
section.corporate-account .number-list li:last-of-type{
    padding-left: 50px;
    padding-right: 0px;
}
section.corporate-account .number-list li .number{
    position: relative;
    font-size: var(--font-text-size-xxxl);
    font-weight: 600;
    line-height: 1;
    color: var(--brown-color);
    margin-bottom: 15px;
}
section.corporate-account .number-list li .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.corporate-account .number-list li .description{
    position: relative;
    font-size: var(--font-text-size-sm);
    font-weight: 400;
    line-height: 1.5;
    color: var(--text-color);
}
section.corporate-account .number-list li .description a{
    color: var(--blue-color);
}
section.corporate-account .number-list li .check-list{
    position: relative;
}
section.corporate-account .number-list li .check-list li{
    position: relative;
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
    border: none;
    width: 100%;
    min-height: auto;
    height: auto;
}
section.corporate-account .number-list li .check-list li:last-of-type{
    margin-bottom: 0px;
}
section.corporate-account .number-list li .check-list li a{
    position: relative;
    display: flex;
    align-items: center;
    font-size: var(--font-text-size-sm);
    font-weight: 400;
    line-height: 1.3;
    color: var(--blue-color);
    padding-left: 35px;
} 
section.corporate-account .number-list li .check-list li a::before{
    position: absolute;
    left: 0px;
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 1;
    font-size: var(--font-text-size-lg);
    color: var(--brown-color);
    display: inline-block;
}

section.institutional-corporate-account{
    position: relative;
    padding: 0px 0px 70px;
}
section.institutional-corporate-account .head{
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}
section.institutional-corporate-account .head .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.institutional-corporate-account .head .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.institutional-corporate-account .body{
    position: relative;
}
section.institutional-corporate-account .body .title{
    position: relative;
    font-size: var(--font-text-size-lg);
    font-weight: 600;
    line-height: 1.2;
    color: var(--text-color);
    margin-bottom: 20px;
    text-align: center;
}

section.institutional-corporate-account .body .check-list{
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}

section.institutional-corporate-account .body .check-list li{
    position: relative;
    width: 33.33%;
    display: flex;
    align-items: center;
    font-size: var(--font-text-size-sm);
    font-weight: 400;
    line-height: 1.3;
    color: var(--text-color);
    padding-left: 35px;
    margin-bottom: 10px;
} 
section.institutional-corporate-account .body .check-list li::before{
    position: absolute;
    left: 0px;
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    line-height: 1;
    font-size: var(--font-text-size-lg);
    color: var(--brown-color);
    display: inline-block;
}
section.institutional-corporate-account .body .check-list li:last-of-type{
    margin-bottom: 0px;
}

section.corporate-why-alb{
    position: relative;
    padding: 100px 0px;
    background: var(--black-color);
}
section.corporate-why-alb .head{
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}
section.corporate-why-alb .head .title{
    position: relative;
    font-size: var(--font-text-size-xxl);
    font-weight: 600;
    line-height: 1.2;
    color: var(--white-color);
}
section.corporate-why-alb .body{
    position: relative;
    margin-bottom: 40px;
}
section.corporate-why-alb .more{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.corporate-why-alb .body .box{
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 35px;
    border: 1px solid var(--white-color);
    border-radius: var(--border-radius-md);
    height: 100%;
}
section.corporate-why-alb .body .box .icon{
    position: relative;
    margin-bottom: 30px;
}
section.corporate-why-alb .body .box .icon svg{
    position: relative;
    width: 40px;
    height: 40px;
}
section.corporate-why-alb .body .box .icon svg *{
    fill: var(--brown-color);
}
section.corporate-why-alb .body .box .title{
    position: relative;
    font-size: var(--font-text-size-md);
    font-weight: 600;
    line-height: 1.4;
    color: var(--white-color);
}
section.corporate-why-alb .more{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}