.py-80 {
    padding-top: 8rem;
    padding-bottom: 8rem;
}

@media (min-width:1350px){
    header .container {
        max-width: calc(100% - 150px);
    }
}
@media (min-width:1200px){
    .menu-container {
        display: flex;
        justify-content: center;
    }
    .header-menu>.container>.row>div:nth-child(1), .header-menu>.container>.row>div:nth-child(3) {
        flex: 0 0 200px;
        max-width: 200px;
    }
    
    .header-menu>.container>.row>div:nth-child(2) {
        flex-basis: calc(100% - 400px);
        max-width: calc(100% - 400px);
    }

}
.box-header-info, .box-header-info a {
    display: inline-flex;
    align-items: center;
    color: #000;
}

.box-header-info span.info {
    margin-left: 10px;
}
.box-header-info.box-header-mail span.info {
    text-align: left;
    margin-right: 10px;
}

.box-search {
    margin-right: 30px;
}

.box-search form {
    border-bottom: 1px solid #ddd;
}

.box-header-info .info .name {
    font-weight: 700;
    margin-bottom: 1px;
    white-space: nowrap;
}

.header-top>.container>.row>div:nth-child(3) {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.box-search .input-group .input-group-append .btn-submit {
    padding: 0 10px;
    background: none;
    border: 0;
}

.box-search .input-group .form-control {
    border: 0;
    padding: 0;
    font-size: 16px;
    width: 139px;
    background: none;
    height: 34px;
}
.box-header-info.box-header-mail {
    padding-left: 15px;
    border-left: 1px solid #ddd;
    margin-left: 15px;
}
.align-row-center > .container > .row > div, .align-row-center>.row>div {
    margin-bottom: auto !important;
    margin-top: auto !important;
}
.header-menu>.container>.row>div:nth-child(3) {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.box-section-home-01 {
    margin-bottom: 70px;
}

.box-article-home-top .article-item {
    background: #fff;
    padding: 20px;
    border-radius: 16px;
}

.article-item .inner-content .article-category a {
    text-transform: uppercase;
    font-weight: 700;
    color: #435F55;
    margin-left: 0 !IMPORTANT;
}

.box-article-home-top .article-item .inner-content {
    margin-bottom: 15px;
}

.article-item .inner-image .img {
    border-radius: 15px;
    overflow: hidden;
}

.box-article-home-top .article-item .inner-image .explore {
    position: absolute;
    bottom: 15px;
    background: #fff;
    height: 48px;
    display: inline-flex;
    align-items: center;
    padding-left: 15px;
    padding-right: 20px;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    cursor: pointer;
}

.box-article-home-top .article-item .inner-image .explore i {
    display: inline-block;
    font-size: 23px;
    margin-right: 10px;
}

.box-section-home-02 {
    margin-bottom: 70px;
}

.box-service .item {
    background: #fff;
    padding: 30px;
    height: 100%;
    border-radius: 12px;
}

.box-service .item.item-02 {
    text-align: center;
}

.box-service .item.item-02 .icon img {
    height: 40px;
    width: 40px;
}

.box-service .item.item-02 .icon {
    margin-bottom: 15px;
}

.box-service .item.item-02 .title {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
}

.box-service .item .description {
    max-width: 155px;
    margin-left: auto;
    margin-right: auto;
}

.box-service>.row {
    margin-right: -5px;
    margin-left: -5px;
}

.box-service>.row>div {
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;
}

.box-service .item.item-01 {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.box-service .item.item-03 {
    position: relative;
    background: #225640;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 20px;
}

.box-service .item.item-03 .ing-banner {
    position: absolute;
    right: 0;
    width: 100%;
    bottom: 0;
    z-index: 0;
}

.box-service .item.item-03 .item-info-01 {
    color: #fff;
    font-weight: 700;
    font-size: 20px;
    max-width: 230px;
    z-index: 3;
    position: relative;
}

.box-service .item.item-03 .price {
    position: relative;
    z-index: 8;
    color: #fff;
    text-align: right;
    font-size: 24px;
    font-weight: 700;
}
.box-service .item.item-03 .price span.discout {
    display: block;
    font-weight: 400;
}
.slogan-section {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.2;
}

.title-section img {
    width: 28px;
    height: 15px;
    object-fit: contain;
    margin-right: 10px;
}

.box-article-home-top .slogan-section {
    margin-bottom: 45px;
    max-width: 570px;
    margin-left: auto;
    margin-right: auto;
}

.box-section-home-04 {
    background: #E3EDEA;
    padding-top: 70px;
    padding-bottom: 70px;
}

.box-section-home-03 {
    position: relative;
}

.box-section-home-03:before {
    content: '';
    position: absolute;
    left: 0;
    width: 100%;
    height: 70%;
    bottom: 0;
    background: #E3EDEA;
    z-index: 0;
}

.box-about-us .info-right .slogan-section {
    max-width: 450px;
    margin-bottom: 30px;
}

.box-about-us .inter-img {
    padding-right: 50px;
}

.box-about-us .info-right .dsc {
    margin-bottom: 20px;
}

.box-about-us .info-right .content {
    margin-bottom: 50px;
}

.box-about-us .info-right .content .name {
    margin-bottom: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.box-about-us .info-right .content .name svg {
    margin-right: 10px;
}

.box-about-us .info-right .link-more a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    padding: 0 25px;
    border: 1px solid #19865F;
    border-radius: 50px;
    color: #19865F;
}
.box-about-us .info-right .link-more a i {
    font-size: 20px;
}

.box-step {
    background-size: cover;
    padding: 50px 0 100px;
    position: relative;
}

.box-step:before {
    content: '';
    width: 100%;
    height: 100%;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background: radial-gradient(47.64% 89.74% at 50% 10.26%, rgba(42, 160, 107, 0.86) 0%, rgba(24, 48, 38, 0.86) 100%);
}

.box-step .info {
    z-index: 1;
    position: relative;
}

.box-step .info .title-section {
    justify-content: center;
}

.box-step .info .slogan-section {
    margin-bottom: 70px;
}

.box-step .info .info-content .video {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 120px;
}

.box-step .info .info-content .video .img {border-radius: 12px;overflow: hidden;}

.box-step .info .info-content .video .img span {
    width: 80px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff61;
    height: 80px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}


.box-step .info .info-content .step-bottom .item {
    border: 1px solid #7E9B91;
    border-radius: 16px;
    padding: 30px;
    text-align: center;
}

.box-step .info .info-content .step-bottom .item .title {
    font-size: 24px;
    margin-bottom: 20px;
}

.box-step .info .info-content .step-bottom .item .content {
    background: #fff;
    padding: 30px 10px;
    margin-bottom: -70px;
    border-radius: 16px;
}

.box-step .info .info-content .step-bottom .item .content .description {
    font-size: 20px;
    margin-bottom: 15px;
}
.box-step .info .info-content .step-bottom>.row {
    margin-right: -25px;
    margin-left: -25px;
}

.box-step .info .info-content .step-bottom>.row>div {
    padding-right: 25px;
    padding-left: 25px;
}

.box-step .info .info-content .step-bottom {
    position: relative;
}

.box-step .info .info-content .step-bottom:before {
    content: '';
    position: absolute;
    bottom: 100%;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    border: 1px solid #7E9B91;
    height: 300px;
    border-bottom: 0;
    z-index: -1;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.box-step .info .info-content .step-bottom>.row>div:nth-child(2) {
    margin-top: 110px;
}

.box-step .info .info-content .step-bottom>.row>div:nth-child(2):before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 0.5px;
    height: 300px;
    background: #7E9B91;
    bottom: 100%;
    z-index: -1;
}

.box-step .info .info-content .step-bottom>.row>div span.icon {
    width: 40px;
    height: 40px;
    display: inline-flex;
    border: 1px solid #7E9B91;
    border-radius: 50%;
    background: #000;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -155px;
}

.box-step .info .info-content .step-bottom>.row>div span.icon>svg {
    margin-top: 3px;
}
.box-list-price .item {
    background: #fff;
    padding: 20px;
    border-radius: 24px;
    border: 1px solid #fff;
    margin-top: 20px;
}

.box-join-huntrding {
    padding: 70px 0;
}

.box-join-huntrding .title-section {
    display: flex;
    justify-content: center;
}
.box-list-price .item .price>span {
    display: block;
}
.box-join-huntrding .slogan-section {
    margin-bottom: 15px;
}

.content-tab .item-tab {
    border-bottom: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 70px;
    border-radius: 50px;
}
.content-tab .item-tab .nav-tabs {
    border: 0;
    background: #fff;
    border-radius: 50px;
}

.content-tab .item-tab .nav-tabs>li>a {
    border: 0;
    margin: 0;
    font-size: 16px;
    border-radius: 50px;
    height: 48px;
    padding: 0 30px;
    display: inline-flex;
    align-items: center;
    background: #f0f0f0;
    color: #000;
    font-weight: 700;
    cursor: pointer;
}

.content-tab .item-tab .nav-tabs>li>a.active {
    color: #fff;
    font-weight: 400;
    background: var(--color-highlight);
}

.box-list-price .item .inter-img {
    position: relative;
    margin-bottom: 20px;
}

.box-list-price .item .inter-img .img {
    border-radius: 16px;
    overflow: hidden;
    padding-top: 48%;
}

.box-list-price .item .inter-img .name-dsc {
    position: absolute;
    bottom: 20px;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
}

.box-list-price .item .inter-img .name-dsc .name {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
}

.box-list-price .item .inter-img .name-dsc .description {
    color: #fff;
}

.box-list-price .item .price span.lib {
    font-size: 40px;
    font-weight: 700;
    margin-right: 10px;
}

.box-list-price .item .content>ul {
    padding-left: 0;
    margin-bottom: 0;
}

.box-list-price .item .content>ul>li {
    list-style: none;
    display: flex;
    justify-content: center;
    /* border-bottom: 1px solid #ddd; */
    padding-bottom: 5px;
    margin-bottom: 10px;
    text-align: center;
    align-items: center;
}

.btn-all {
    display: flex;
    width: 100%;
    height: 48px;
    border: 1px solid #000;
    border-radius: 8px;
    align-items: center;
    justify-content: center;
    color: #000;
    font-weight: 700;
    cursor: pointer;
}

.btn-all i {
    font-size: 20px;
}
.box-list-price .item.popular {
    border-color: var(--color-highlight);
    margin-top: 0;
}

.box-list-price .item.popular .btn-all {
    border-color: var(--color-highlight);
    background: var(--color-highlight);
    color: #fff;
}

.btn-all:hover {
    border-color: var(--color-highlight);
}

.box-list-price .item.popular .top {
    height: 20px;
    position: relative;
}

.box-list-price .item.popular .top>span {
    height: 48px;
    display: inline-flex;
    background: var(--color-highlight);
    padding: 0 40px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    position: absolute;
    top: -45px;
    left: 50%;
    transform: translateX(-50%);
    text-transform: uppercase;
}

.box-popular-pairs {
    padding: 50px 0;
}
.box-list-price .item .content>ul>li>span:nth-child(2) {
    font-weight: 700;
}

.box-list-price .item.popular .price span.lib {
    color: var(--color-highlight);
}
.box-popular-pairs .content-popular .title-section {
    justify-content: center;
}

.box-popular-pairs .content-popular .slogan-section {
    margin-bottom: 50px;
}

.list-trading .trading-item {
    background: #ffffff;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    padding: 10px 15px;
    border-radius: 12px;
    align-items: center;
    flex-wrap: wrap;
}

.list-trading .trading-item .trading-left .price-loss {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
}

.list-trading .trading-item .trading-left .price-loss>li {
    list-style: none;
    margin-right: 15px;
    padding-right: 15px;
    position: relative;
    color: #696969;
}

.list-trading .trading-item .trading-left .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 2px;
}

.list-trading .trading-item .trading-left .price-loss>li:before {
    content: '';
    position: absolute;
    left: -15px;
    height: 10px;
    width: 1px;
    background: #696969;
    top: 7px;
}

.list-trading .trading-item .trading-left .price-loss>li:first-child:before {
    display: none;
}

.list-trading .trading-item .trading-right {
    display: flex;
    align-items: center;
}

.list-trading .trading-item .trading-right .take-percent {
    text-align: right;
    margin-right: 30px;
}

.list-trading .trading-item .trading-right .take-percent .percent {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
}

.list-trading .trading-item .trading-right .take-percent .take {
    color: #696969;
    font-size: 16px;
}

.btn-trading .btn-all {
    min-width: 150px;
    border-color: var(--color-highlight);
    border-width: 2px;
}

.list-trading .trading-item .trading-left {
    display: flex;
    align-content: center;
    align-items: center;
}

.list-trading .trading-item .trading-left .side {
    background: #dff6ee;
    border-radius: 50px;
    margin-right: 15px;
    flex: 0 0 44px;
}
.list-trading .trading-item .trading-left .side img{
    height: 66px;
}

.link-trading a.btn-all {
    max-width: 220px;
    margin-left: auto;
    margin-right: auto;
    color: #fff;
    border-color: #fff;
}

.list-trading {
    margin-bottom: 50px;
}

.box-article-update {
    padding-top: 70px;
    padding-bottom: 40px;
}

.box-article-update .title-section {
    justify-content: center;
}

.box-article-update .slogan-section {
    margin-bottom: 30px;
}

.box-article-update .article-item {
    padding: 25px;
    background: #fff;
    border-radius: 16px;
    margin-bottom: 15px;
}

.box-article-update .article-item .inner-image {
    margin-bottom: 15px;
}

.article-item .article-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
}

.article-item .inner-content .user {
    border-bottom: 1px solid #b8b8b8;
    padding-bottom: 7px;
    margin-bottom: 15px;
}

.article-item .inner-content .article-description {
    color: #6A6A6A;
    font-size: 14px;
    display: -webkit-box;
    max-width: 100%;
    font-size: 14px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.article-item .inner-content .link-comment {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.article-item .inner-content .link-comment .btn-all {max-width: 65px;height: 34px;border-color: #CBCBCB;}

.article-item .inner-content .link-comment span.comment {
    color: #A5B2AF;
    font-size: 14px;
}

.section-box-kh .info .item {
    border-radius: 16px;
    border: 1px solid #FCFCFC;
    background: #FFF;
    box-shadow: 0px 4px 9.1px 0px rgba(85, 85, 85, 0.20);
    padding: 10px;
    margin-bottom: 10px;
}

.section-box-kh .info .item .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.section-box-kh .info .item .top .image {
    width: 107px;
    border-radius: 10px;
    overflow: hidden;
    border-bottom-left-radius: 100px;
}

.section-box-kh .info .item .top .image img {
    width: 107px;
    height: 107px;
    object-fit: cover;
}

.section-box-kh .info .item .top .logo {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.section-box-kh .info .item .top .logo img {
    height: 40px;
    margin-bottom: 20px;
}

.section-box-kh .info .item .inter-content .dsc {
    text-align: justify;
    margin-bottom: 20px;
}

.section-box-kh .info .item .inter-content .name {
    font-weight: 700;
    font-size: 24px;
}

.section-box-kh .slogan-section {
    max-width: 425px;
    margin-bottom: 15px;
}
.section-box-kh .dsc-section {
    max-width: 430px;
}

footer {
    background: linear-gradient(280deg, #296F4F 0%, #152720 100.26%);
}

.box-contact-footer .form-group {
    position: relative;
}

.box-contact-footer .form-group .form-control {
    border: 1px solid #fff;
    background: none;
    border-radius: 39px;
    height: 50px;
    color: #fff;
}

.box-contact-footer .form-group .btn-newsletter {
    width: 60px;
    height: 30px;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    position: absolute;
    top: 9px;
    right: 10px;
}

.box-section-home-07 {
    padding-bottom: 70px;
}

.box-contact-footer .title {
    font-size: 64px;
    font-weight: 700;
    color: #fff;
    line-height: 1.2;
}

.footer-mid-pc {
    padding-top: 50px;
    padding-bottom: 30px;
}

.footer-mid-pc .logo-section {
    margin-bottom: 20px;
}

.dsc-website {
    color: #fff;
}

.title-footer {
    color: #FFF;
    font-size: 20px;
    font-weight: 700;
     /* 120% */
    margin-bottom: 20px;
}

.menu-footer>ul {
    padding-left: 0;
    margin-bottom: 0;
}

.menu-footer>ul>li {
    list-style: none;
    margin-bottom: 20px;
}

.menu-footer>ul>li>a {
    color: #A5B2AF;
}

.box-follow .list {
    display: flex;
    align-items: center;
}

.box-follow .list .item {
    margin-right: 15px;
}

.box-follow .list .item img {
    width: 25px;
    height: 25px;
}

.box-follow {
    margin-bottom: 30px;
}

.box-dow-app .list {
    display: flex;
    flex-wrap: wrap;
}

.box-dow-app .list .item>a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 8px;
    margin-right: 15px;
    padding: 12px 15px;
    color: #245f46;
}

.box-dow-app .list .item>a img {
    height: 24px;
    width: 24px;
    margin-right: 5px;
}

.footer-code {
    display: flex;
    align-items: center;
}

.footer-code .img {
    background: #fff;
    border-radius: 8px;
}

.box-dow-app {
    margin-bottom: 30px;
}

.footer-code .img img {
    width: 120px;
}

.footer-code .info {
    margin-left: 15px;
}

.footer-code .info .name {
    color: #fff;
    font-weight: 700;
}
.footer-copyright {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #317658;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
}


.box-article-latest-analyses .slogan-section {
    margin-bottom: 15px;
}

.box-article-latest-analyses .dsc-section {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
}

.menu-article>ul>li {
    list-style: none;
    padding-left: 5px;
    padding-right: 5px;
}

.menu-article>ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5px;
    margin-right: -5px;
    justify-content: center;
}

.menu-article>ul>li>a {
    padding: 10px 24px;
    background: #fff;
    display: inline-flex;
    border-radius: 50px;
    color: #000;
}
.menu-article>ul>li>a:hover {
    background: var(--color-highlight);
    color: #fff;
}
.menu-article {
    margin-bottom: 30px;
}
.box-phan-tich-01 {
    padding-top: 40px;
    padding-bottom: 0;
}
.package-date {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}

.package-date .package {
    padding-left: 0;
    display: flex;
    margin-bottom: 0;
}

.package-date .package>li {
    list-style: none;
    margin-right: 10px;
}

.package-date .package>li .info-package {
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
    background: #ddd;
    border-radius: 20px;
    color: #000;
    font-size: 12px;
}

.package-date .post-date {
    font-size: 13px;
    display: flex;
    align-items: center;
}

.package-date .post-date i {
    font-size: 15px;
    margin-right: 5px;
}

.package-date .package>li .info-package.active {
    background: var(--color-highlight);
    color: #fff;
}

.article-item .inner-content a.btn-all {
    max-width: 80px;
    height: 35px;
    border-color: #ddd;
}
.box-join-huntrding .content-tab .item-tab .nav-tabs>li>a.nav-link-01 {
    padding: 0px 7px 0 20px;
}

.box-join-huntrding .content-tab .item-tab .nav-tabs>li>a.nav-link-01 span {
    border: 1px solid #fff;
    padding: 5px;
    border-radius: 20px;
    margin-left: 10px;
    font-weight: 400;
}

.box-join-huntrding .content-tab .item-tab .nav-tabs>li>a.nav-link-01.active span {border-color: var(--color-highlight);}

.menu-article>ul>li>a.active {
    background: var(--color-highlight);
    color: #fff;
}
.box-about-tranding {
    position: relative;
    margin-top: 1rem;
}
.box-detail-tags {
    margin-top: 15px;
}
.box-about-tranding .info {
    position: absolute;
    top: calc(50% - 20px);
    max-width: 705px;
    transform: translateY(-50%);
    left: 50px;
}

.box-about-tranding .info .dsc-section {
    color: #fff;
}

.box-about-tranding .info .slogan-section {
    margin-bottom: 20px;
}

.box-about-tranding .info-link {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 755px;
}

.info-link .link {
    position: absolute;
    top: calc(50% + 7px);
    z-index: 9;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.info-link .link>ul {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding-right: 100px;
}

.info-link .link>ul>li {
    list-style: none;
    padding: 0 65px;
    position: relative;
}

.info-link .link>ul>li a {
    color: var(--color-highlight);
}
.box-about-tranding .info-link img {
    width: 755px;
    height: 94px;
}

.info-link .link>ul>li:before {
    content: '';
    position: absolute;
    right: 0;
    width: 0.5px;
    height: 40px;
    background: var(--color-highlight);
    top: 50%;
    transform: translateY(-50%);
}

.info-link .link>ul>li:last-child:before {
    display: none;
}
.box-about-tranding .img img {
    border-radius: 20px;
    object-fit: cover;
    width: 100%;
    height: 500px;
}

.info-link .link>ul>li>a>i {
    font-size: 20px;
}
.box-section-about-01 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.box-two-ways .slogan-section {
    margin-bottom: 50px;
}

.box-two-ways .info-two-ways {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.box-two-ways .info-two-ways .item {
    background: #fff;
    padding: 20px;
    height: 100%;
}

.box-two-ways .info-two-ways .item .icon img {
    height: 125px;
    object-fit: contain;
}

.box-two-ways .info-two-ways .item .icon {
    margin-bottom: 15px;
}

.box-two-ways .info-two-ways .item .inter-content .name>span {
    display: block;
    font-size: 16px;
    font-weight: 700;
}

.box-two-ways .info-two-ways .item .inter-content .name {
    margin-bottom: 10px;
}

.box-two-ways .info-two-ways .item .inter-content .name>span:first-child {
    font-size: 24px;
    text-transform: uppercase;
}

.box-two-ways .info-two-ways .item .inter-content .description>p {
    margin-bottom: 15px;
}
.link-about>a {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    background: #1B1D28;
    align-items: center;
    padding: 14px 30px;
    color: var(--color-highlight);
    border: 1px solid #1B1D28;
}

.link-about {
    text-align: center;
    /* margin-bottom: 20px; */
}

.link-about>a:hover {
    border-color: var(--color-highlight);
    background: none;
}

.box-two-ways .note {
    text-align: center;
    color: #70807C;
}

.box-two-ways .info-two-ways>.row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.box-two-ways .info-two-ways>.row>div {
    padding-right: 7.5px;
    padding-left: 7.5px;
}
.box-how-does .info-tab-how-does .item {
    border-radius: 12px;
    background: #F3F3F3;
    height: 100%;
    padding: 20px;
}

.box-how-does .info-tab-how-does .item .inter-content {
    text-align: center;
}

.box-how-does .info-tab-how-does .item .inter-img {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}

.box-how-does .info-tab-how-does .item .inter-img .img img {
    height: 148px;
    width: 148px;
    object-fit: contain;
}

.box-how-does .info-tab-how-does .item .inter-img span {
    font-size: 52px;
    color: #A5B2AF;
    font-weight: 700;
}

.box-how-does .info-tab-how-does .item .inter-content .text>span {
    margin-right: 5px;
}

.box-section-about-02 {
    padding: 70px 0;
}

/*css login*/
.header-title {
    text-align: center;
    margin-bottom: 3rem;
}
.header-title .title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 1.5rem;
}
#login-modal .box-member {
    border-radius: 12px;
}
.box-member p.sub-title {
    font-size: 16px;
    text-align: center;
}
.box-member .sub-title a {
    font-weight: 600;
    text-decoration: underline;
    color: #111c2d;
}
.box-member .form-group {
    margin-bottom: 2rem;
}
.box-member .form-group label {
    font-size: 16px;
}
.box-member .form-control {
    border-color: #566577;
    border-radius: 8px;
    height: 5.4rem;
}
.box-member .btn-login {
    width: 100%;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    display: table;
    border-radius: 30px;
    border-color: #4ABAB9;
    height: 55px;
    font-size: 20px;
}
.box-member .forgot-err a {
    font-size: 16px;
    text-decoration: revert-layer;
}
.box-member .btn.btn-google {
    border: 1px solid #7a7a7a;
    width: 100%;
    text-align: center;
    font-weight: 400;
    height: 54px;
    padding: 13px;
    border-radius: 8px;
}
#login-modal .modal-content {
    border: 0;
    border-radius: 12px;
}
.rounded-12 {
    border-radius: 12px;
}
.my-50 {
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.note-register {
    margin-top: 20px;
    margin-bottom: 50px;
    font-size: 16px;
    text-align: center;
}
.note-register a {
    font-weight: 600;
    text-decoration: underline;
}

.box-section-article-01 {
    margin-top: 50px;
    margin-bottom: 40px;
}

.menu-article-page .menu>ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -10px;
    margin-right: -10px;
}

.menu-article-page .menu>ul>li {
    list-style: none;
    padding-left: 10px;
    padding-right: 10px;
}

.menu-article-page .menu>ul>li>a {
    border-radius: 40px;
    background: #E7E7E7;
    padding: 12px 36px;
    color: #000;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.menu-article-page .menu>ul>li>a.active {
    background: var(--color-highlight);
}
.row {
    margin-right: -7.5px;
    margin-left: -7.5px;
}

.row>div {
    padding-right: 7.5px;
    padding-left: 7.5px;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}
.banner-blogs {
    position: relative;
}

.banner-blogs img {
    height: 400px;
    width: 100%;
    object-fit: cover;
    border-radius: 20px;
    position: relative;
    z-index: 3;
}

.banner-blogs:before {
    content: '';
    position: absolute;
    bottom: -24px;
    width: calc(100%  - 120px);
    height: 100%;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 23px;
    opacity: 0.66;
    background: #8B8B8B;
}

.banner-blogs:after {
    content: '';
    position: absolute;
    bottom: -12px;
    width: calc(100% - 60px);
    height: 100%;
    z-index: 0;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 23px;
    opacity: 0.66;
    background: #8B8B8B;
}
.box-article-detail .banner-article-detail {
    max-width: calc(100% - 10vw);
    margin-left: auto;
    margin-right: auto;
}
.box-article-detail .banner-article-detail .inner-image img {
    width: 100%;
    height: 25vw;
    object-fit: cover;
    border-radius: 20px;
}
.box-article-detail .article-detail {
    padding: 30px 20px 20px;
    background: #fff;
    border-radius: 20px;
    position: relative;
    margin-bottom: 20px;
}

.box-article-detail .article-detail .article-top {
    text-align: center;
}
.box-article-detail .article-detail .article-top .title {
    font-size: 38px;
    font-weight: 700;
    color: #000;
    margin-bottom: 15px;
    text-align: left;
}
.author-view-detail {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 20px;
    border-bottom: 1px solid #898989;
    padding-bottom: 2rem;
}

.author-view-detail .author {
    display: flex;
    align-items: center;
}

.author-view-detail .author .img-author {
    margin-right: 15px;
}

.author-view-detail .author .img-author img {
    width: 54px;
    height: 54px;
    border: 2px solid var(--blue-black);
    border-radius: 50%;
    object-fit: cover;
}

.box-article-detail .author-view-detail .view {
    background: #EAEAEA;
    padding: 2px 10px;
    border-radius: 20px;
    color: #000;
    font-size: 13px;
}

.box-article-detail .author-view-detail .view i {
    margin-right: 5px;
}

.font-detail h2{
    font-size: 23px;
}
.font-detail h3{
    font-size: 20px;
}
.font-detail h4{
    font-size: 18px;
}
.box-article-detail .social-share {
    background: #fff;
    display: inline-block;
    padding: 5px 5px;
    border-radius: 43px;
    border: 1px solid #ddd;
}
.box-article-detail .item-detail-share {
}

.box-article-detail .social-share .list-social .btn-social a {
    color: #fff !important;
    display: flex;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
}
.box-article-detail .social-share .list-social .btn-social svg {
    width: 40px;
    height: 40px;
}
.box-article-detail .box-share-article  {
    margin-top: -140px;
}

.box-article-detail .social-share .list-social .btn-social:last-child a {
    margin-bottom: 0;
}
.box-section-detail-article-01 {
    margin-bottom: 40px;
}

.box-contact-page {
    padding: 70px 0;
}

.box-contact-page .slogan-section {
    margin-bottom: 30px;
}

.box-contact-page .dsc-slogan {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.box-contact-page .info .item-contact {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 14.8px 0px rgba(0, 0, 0, 0.15);
    padding: 45px;
    text-align: center;
    height: 100%;
}

.box-contact-page .info .item-contact .icon img {
    height: 55px;
    width: 55px;
    object-fit: contain;
}

.box-contact-page .info .item-contact .icon {
    margin-bottom: 15px;
}

.box-contact-page .info .item-contact .name {
    font-weight: 700;
    margin-bottom: 3px;
}

.box-contact-page .info .item-contact .dsc {
    margin-bottom: 15px;
}

.box-contact-page .info .item-contact .start-now .btn-all {
    background: var(--color-highlight);
    color: #fff;
    border-color: var(--color-highlight);
}
.box-contact-page .info .item-contact ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -5px;
    margin-right: -5px;
    margin-bottom: 15px;
}

.box-contact-page .info .item-contact ul>li {
    padding-left: 5px;
    padding-right: 5px;
    list-style: none;
}

.box-contact-page .info .item-contact ul>li>a {
    padding: 10px 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 76px;
    background: #EEF5F3;
    color: rgba(112, 128, 124, 1);
}


.item-contact.item-contact-03 .name {margin-bottom: 14px !important;}
.box-contact-page .info .item-contact .whatsapp a {
    color: #000;
}

.box-contact-page .info .item-contact .whatsapp a svg {
    margin-right: 6px;
}

.box-contact-page .info .item-contact .hours {
    margin-bottom: 25px;
}
.box-form-contact {
    padding: 40px;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 4px 13.8px 0px rgba(0, 0, 0, 0.15);
    margin-bottom: 70px;
}

.box-form-contact .title-section {
    margin-bottom: 10px;
    color: #000;
}

.box-form-contact .slogan-section {
    margin-bottom: 10px;
}

.box-form-contact .dsc-section {
    margin-bottom: 30px;
}

.box-form-contact .form-group {
    margin-bottom: 20px;
}

.box-form-contact .form-group label {
    font-weight: 400;
    margin-bottom: 10px;
    display: flex;
    align-content: center;
}

.box-form-contact .form-group label i {
    font-size: 21px;
    margin-right: 9px;
    line-height: 1;
    display: inline-flex;
    align-content: center;
    align-items: center;
}

.box-form-contact .form-group .form-control {
    border-radius: 8px;
    border-color: rgba(165, 178, 175, 1);
}

.box-form-contact textarea.form-control {
    height: calc(100% - 35px);
}

.box-form-contact .info-form-right {
    height: 100%;
    position: relative;
}

.box-form-contact .info-form-right .form-group {
    height: 100%;
    margin-bottom: 0;
}

.box-form-contact .info-form-right span.btn.btn-submit {
    position: absolute;
    bottom: 10px;
    width: calc(100% - 20px);
    left: 10px;
    border-radius: 20px;
    background: none;
    color: var(--color-highlight);
    display: flex;
    align-items: center;
    justify-content: center;
}
.box-form-contact .info-form-right span.btn.btn-submit i {
    font-size: 24px;
}
.box-article-home-top .article-item .inner-image {
    margin-bottom: 0;
}
.box-earn .list {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.box-earn .dsc-section {
    margin-bottom: 30px;
}

.box-earn .list .item {
    text-align: center;
}

.box-earn .list .item .img img {
    height: 105px;
}

.box-earn .list .item .name {
    position: relative;
    margin-bottom: 15px;
}

.box-earn .list .item .name:after {
    content: '';
    position: absolute;
    bottom: -7px;
    width: 30px;
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-highlight);
}

.box-earn .list .item .dsc {
    font-size: 48px;
}

.box-section-sv-01 {
    padding-top: 70px;
    padding-bottom: 70px;
}

.box-earn .slogan-section {
    margin-bottom: 10px;
}


.box-section-sv-02 {
    padding: 70px 0;
}

.box-how-does .slogan-section {
    margin-bottom: 10px;
}

.box-how-does .dsc-section {
    margin-bottom: 50px;
}

.box-how-does .item {
    text-align: center;
    padding: 0 25px;
}

.box-how-does .item .img {
    margin-bottom: 30px;
}

.box-how-does .item .img img {
    height: 98px;
}

.box-about-tranding .img:before {
    content: '';
    position: absolute;
    left: 0;
    width: 50%;
    height: 100%;
    background-image: linear-gradient(90deg, black, transparent);
}

.box-about-tranding .img {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.box-about-tranding.box-about-tranding-02 .info {
    max-width: 505px;
}

.box-contact-footer .form-group .form-control::placeholder {
    color: #fff;
}

.box-about-us .info-right .link-more a:hover {
    background: var(--color-highlight);
    color: #fff;
    border-color: var(--color-highlight);
}

.btn-all:hover {
    background: var(--color-highlight);
    color: #fff;
}

.box-list-price .item.popular .btn-all:hover {
    background: #fff;
    color: var(--color-highlight);
}


.form-consultation .modal-content {
    border-radius: 15px;
}

.form-consultation .modal-content .modal-body {
    padding: 20px;
}

.form-consultation .modal-content .modal-body .title {
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    color: var(--color-highlight);
}

.form-consultation .modal-content .modal-body .close {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 1;
    color: #000;
}

.form-consultation .modal-content .modal-body .info .form-group {
    margin-bottom: 15px;
}

.form-consultation .modal-content .modal-body .info .form-group .form-control {
    background: white;
    border: 1px solid #ddd;
    border-radius: 8px;
}

.form-consultation .modal-content .modal-body .info .form-group label {
    font-weight: 400;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.form-consultation .modal-content .modal-body .info .form-group label i {
    font-size: 20px;
    display: flex;
    align-items: center;
    margin-right: 5px;
}

.form-consultation .modal-content .modal-body .info .form-group .btn-submit {
    width: 100%;
    border-radius: 8px;
    padding: 10px;
}

.form-consultation .modal-content .modal-body .info .form-group .btn-submit i {
    font-size: 22px;
}

.rounded-8{
    border-radius: 8px;
}


.title-2h {
    min-height: 50px;
}
.content-popular .btn-trading {
    display: flex;
    align-items: center;
    justify-content: center;
}

.content-popular .btn-trading .btn-product-action {
    width: 48px;
    height: 48px;
    margin-left: 15px;
    min-width: 48px;
    border: 2px solid var(--color-highlight);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 18px;
}

.content-popular .btn-trading .btn-product-action.added-wishlist {
    color: #fff;
}
@media (max-width:1200px){
    .box-header-info span.info .dsc {
        font-size: 11px;
    }

    .box-header-info .info .name {
        font-size: 13px;
        margin-bottom: 0;
    }
    .header-menu-mb>.container>.row>div:nth-child(3) {
        display: flex;
        justify-content: flex-end;
    }

    .box-header-info span.icon svg {
        width: 30px;
        height: 30px;
    }
    .slogan-section {
        font-size: 19px;
    }

    .box-article-home-top .slogan-section {
        margin-bottom: 30px;
    }

    .box-section-home-01 {
        margin-bottom: 30px;
    }

    .box-section-home-02 {
        margin-bottom: 30px;
    }
    .box-service .item {
        padding: 15px;
    }

    .box-service .item.item-02 .title {
        font-size: 14px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }
    .box-service .item.item-03 .item-info-01 {
        font-size: 18px;
    }

    .box-service .item.item-03 .price {
        font-size: 20px;
    }

    .box-section-home-04 {
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .box-about-us .inter-img {
        margin-bottom: 25px;
    }

    .box-about-us .info-right .slogan-section {
        margin-bottom: 15px;
        font-size: 18px;
    }

    .box-about-us .info-right .content {
        margin-bottom: 20px;
    }

    .box-about-us .info-right .dsc {
        margin-bottom: 15px;
    }
    
    .box-step .info .slogan-section {
        margin-bottom: 30px;
    }

    .box-step {
        padding: 30px 0 20px;
    }

    .box-step .info .info-content .video {
        margin-bottom: 30px;
    }

    .box-step .info .info-content .step-bottom>.row>div:nth-child(2) {
        margin-top: 0;
    }

    .box-step .info .info-content .step-bottom .item {
        margin-bottom: 70px;
        padding: 15px 20px 20px;
    }
    
    .box-step .info .info-content .step-bottom .item .title {
        font-size: 20px;
        margin-bottom: 15px;
    }

    .box-join-huntrding {
        padding: 30px 0 10px;
    }

    .content-tab .item-tab {
        margin-bottom: 10px;
    }

    .box-join-huntrding .slogan-section {
        margin-bottom: 20px;
    }

    .box-list-price .item.popular {
        margin-top: 45px;
    }

    .box-popular-pairs {
        padding: 30px 0;
    }
    .list-trading .trading-item .trading-right {
        display: flex;
        justify-content: space-between;
    }
    
    .list-trading .trading-item>div {
        flex: 1 1;
    }
    
    .list-trading .trading-item .trading-left .price-loss {
        font-size: 13px;
    }
    
    .list-trading .trading-item .trading-left .price-loss>li:before {
        top: 5px;
        left: -10px;
    }
    
    .btn-trading .btn-all {
        min-width: 120px;
    }
    
    .box-popular-pairs .content-popular .slogan-section {
        margin-bottom: 30px;
    }
    
    .list-trading {
        margin-bottom: 30px;
    }
    .list-trading .trading-item .trading-right {
        display: flex;
        justify-content: space-between;
    }
    
    .list-trading .trading-item>div {
        flex: 1 1;
    }
    
    .list-trading .trading-item .trading-left .price-loss>li {
        margin-right: 5px;
        padding-right: 5px;
    }
    
    .list-trading .trading-item .trading-left .side {
        margin-right: 10px;
        flex: 0 0 30px;
    }
    
    .list-trading .trading-item .trading-left .price-loss {
        font-size: 13px;
    }
    
    .list-trading .trading-item .trading-left .price-loss>li:before {
        top: 5px;
        left: -5px;
    }
    
    .list-trading .trading-item .trading-left {
        margin-bottom: 10px;
        flex: 0 0 100%;
    }

    .box-popular-pairs .content-popular .slogan-section {
        margin-bottom: 30px;
    }
    
    .list-trading {
        margin-bottom: 30px;
    }
    
    .box-article-update {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .box-section-home-07 {
        padding-bottom: 25px;
    }
    .section-box-kh .dsc-section {
        margin-bottom: 15px;
    }
    
    .box-contact-footer .title {
        font-size: 20px;
    }
    
    .box-contact-footer {
        margin-top: 20px;
    }
    
    .box-contact-footer form {
        margin-bottom: 15px;
    }
    
    .footer-mid-mb .container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
    }
    
    .footer-mid-mb .container>.row>div:nth-child(2) {
        display: flex;
        flex-wrap: wrap;
    }
    
    .footer-mid-mb .container>.row>div:nth-child(2)>div {
        flex: 0 0 50%;
    }
    
    .menu-footer>ul>li:last-child {
        margin-bottom: 0;
    }
    
    .is-mobile footer .logo-section {
        margin-bottom: 20px;
    }
    .box-about-tranding .info {
        left: 0;
        width: 100%;
        padding: 25px;
        top: calc(50% - 30px);
    }
    
    .box-about-tranding .img img {
        height: 328px;
        border-radius: 12px;
    }
    
    .box-about-tranding .info-link {
        position: initial;
        width: 100%;
    }
    
    .box-about-tranding .info-link img {
        display: none;
    }
    
    .info-link .link {
        position: initial;
        transform: none;
        background: var(--color-main);
        border-radius: 12px;
        margin-top: 10px;
    }
    
    .info-link .link>ul {
        padding-right: 0;
        height: 60px;
    }
    
    .info-link .link>ul>li {
        padding: 0 15px;
    }
    
    .box-section-about-01 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .box-two-ways .slogan-section {
        margin-bottom: 30px;
    }
    
    .box-two-ways .info-two-ways .item {
        margin-bottom: 15px;
        height: auto;
    }
    
    .box-two-ways .info-two-ways {
        margin-bottom: 10px;
    }
    
    .box-section-about-02 {
        padding: 30px 0 15px;
    }

    .box-how-does .slogan-section {
        margin-bottom: 2rem !important;
    }
    
    .box-how-does .content-tab .item-tab {
        margin-bottom: 25px;
    }
    .box-how-does .info-tab-how-does .item .inter-img span {
        font-size: 30px;
    }
    
    .box-how-does .info-tab-how-does .item {
        padding: 15px;
    }
    
    .box-how-does .info-tab-how-does>.row>div {
        margin-bottom: 15px;
    }
    
    .box-how-does .info-tab-how-does .item .inter-img .img img {
        height: 75px;
        width: 76px;
    }
    
    .box-how-does .info-tab-how-does .item .inter-content .text {
        word-wrap: break-word;
    }
    .section-box-kh .info .item .inter-content .name {
        font-size: 16px;
    }
    .box-phan-tich-01 {
        padding-top: 10px;
    }

    .menu-article>ul>li {
        margin-bottom: 5px;
        padding-left: 3px;
        padding-right: 3px;
    }
    .banner-blogs img {
        height: 200px;
        border-radius: 12px;
    }

    .menu-article-page .menu>ul>li>a {
        padding: 5px 15px;
        white-space: nowrap;
    }

    .menu-article-page .menu {
        overflow-x: auto;
        display: block;
    }

    .menu-article-page .menu>ul {
        flex-wrap: nowrap;
        justify-content: flex-start !important;
    }

    .menu-article-page .menu::-webkit-scrollbar {
        display: none;
    }

    .box-section-article-01 {
        margin-bottom: 22px;
    }

    .article-item {
        padding: 15px;
    }
     .box-article-detail .box-share-article {
        margin-top: 30px;
    }
    
    .box-article-detail .banner-article-detail .inner-image img {
        border-radius: 10px;
        height: 38vw;
    }
    
    .box-article-detail .article-detail {
        flex: 0 0 100%;
        max-width: 100%;
        border-radius: 8px;
        padding: 15px;
    }
    
    .box-article-detail .banner-article-detail {
        max-width: 100%;
    }
    
    .box-article-detail .article-detail .article-top .title {
        font-size: 20px;
        padding: 0;
        margin-bottom: 10px;
    }
    
    .box-article-detail .article-detail .article-top {
        margin-bottom: 15px;
    }
    .box-article-detail .item-detail-share {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .box-article-detail .social-share {border-radius: 8px;margin-top: 15px;width: 100%;}
    
    .box-article-detail .social-share .list-social {
        display: flex;
    }
    
    .box-article-detail .social-share .list-social .btn-social a {
        margin-bottom: 0;
        margin-right: 15px;
    }
    
    .box-article-detail .social-share .list-social .btn-social:last-child a {
        margin-right: 0;
    }
    .box-section-detail-article-01, .box-section-detail-article-02 {
        margin-bottom: 30px;
    }
    .box-contact-page .info .item-contact {
        padding: 15px;
    }

    .box-contact-page .info>.row>div {
        margin-bottom: 15px;
    }

    .box-contact-page .info .item-contact .icon img {
        height: 45px;
        width: 45px;
    }

    .box-contact-page .info .item-contact ul>li>a {
        font-size: 13px;
        padding: 10px 10px;
    }

    .box-contact-page .info .item-contact ul>li>a i {
        display: none;
    }

    .box-contact-page {
        padding: 30px 0 20px;
    }

    .box-form-contact {
        padding: 15px;
        margin-bottom: 40px;
    }

    .box-search form {
        display: none;
        position: absolute;
        width: 250px;
        right: 0;
        background: #fff;
        z-index: 2;
        padding-left: 15px;
        border: 1px solid #ddd;
        opacity: 0;
    }

    .box-search .icon {
        font-size: 20px;
    }

    .box-search form .input-group-append svg {
        width: 20px;
    }

    .box-search:hover form {
        display: block;
        opacity: 1;
    }
    .box-search .input-group .form-control {
        font-size: 14px;
    }
    .box-header-info.box-header-login>a span.icon {
        order: 1;
    }

    .box-header-info.box-header-login>a span.info {
        margin-right: 10px;
        margin-left: 0;
        text-align: right;
    }

    .header-top-mb>.container>.row>div:nth-child(2) {
        display: flex;
        justify-content: flex-end;
    }
    body{
        font-size: 14px;
    }
    .box-step .info .info-content .step-bottom>.row>div span.icon {
        display: none;
    }
}

@media (max-width:767px){
    .box-step .info .info-content .step-bottom>.row>div:nth-child(2):before {
        display: none;
    }

    .box-step .info .info-content .step-bottom:before {
        display: none;
    }
    
    .box-form-contact .info-form-right span.btn.btn-submit {
        position: initial;
        width: 100%;
    }

    .box-form-contact .info-form-right {
        height: auto;
    }

    .box-form-contact .info-form-right .form-group {
        margin-bottom: 20px;
    }

    .box-form-contact textarea.form-control {
        height: 80px;
    }
    .box-contact-page .slogan-section {
        margin-bottom: 15px;
    }

}

@media (min-width:767px) and (max-width:1200px){
    .box-service .item .description {
        font-size: 14px;
    }
    .box-step .info .info-content .step-bottom>.row {
        margin-right: -5px;
        margin-left: -5px;
    }

    .box-step .info .info-content .step-bottom>.row>div {
        padding-right: 5px;
        padding-left: 5px;
    }

    .box-step .info .info-content .step-bottom .item .content .description {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .box-step .info .info-content .step-bottom .item .content .description-short {
        font-size: 14px;
    }

    .box-step .info .info-content .step-bottom .item .content {
        padding: 20px 15px;
    }

    .box-step .info .info-content .step-bottom .item {
        padding: 10px 10px 20px;
    }

    .box-step .info .info-content .step-bottom .item .title {
        font-size: 16px;
    }
    .box-list-price .item.popular {
        margin-top: 0;
    }

    .content-tab .item-tab {
        margin-bottom: 40px;
    }
    .box-list-price .item .price span.lib {
        font-size: 17px;
    }
    
    .box-list-price .item {
        padding: 10px;
    }
    
    .box-list-price .item .inter-img .name-dsc {
        left: 0;
        padding: 10px;
        bottom: 0;
    }
    
    .btn-all {
        height: 40px;
    }
    
    .btn-trading .btn-all {
        min-width: 95px;
    }
    
    .list-trading .trading-item .trading-right {
        flex: 0 0 100%;
    }
    
    .list-trading .trading-item .trading-right .take-percent {
        margin-right: 0;
    }
    
    .list-trading .trading-item .trading-left .side img {
        height: 51px;
    }
    
    .list-trading .trading-item .trading-left {
        margin-bottom: 0;
    }
    .menu-article-page .menu>ul {
        justify-content: center !important;
    }
    .box-form-contact .form-group .form-control {
        height: calc(100% - 30px);
    }
}
.breadcrumbs-section a:last-child::after {
    display: none;
}
.created-by-user a {
    color: #000;
}

.author-view-detail.author-view-detail-list {
    display: block;
    border: 1px solid #e6e6e6;
    padding: 15px;
    margin-bottom: 30px;
    background: #fff;
    border-radius: 12px;
}
.author-view-detail.author-view-detail-list .author {
    display: flex;
    align-items: center;
}
.author-view-detail.author-view-detail-list .author .img-author {
    flex: 0 0 150px;
    max-width: 150px;
    margin-right: 15px;
}

.author-view-detail.author-view-detail-list .img-author .img {
    border-radius: 5px;
    overflow: hidden;
}

.article-detail-page, .box-detail-tags {
    padding: 20px;
    border-radius: 12px;
}

.article-detail .title-detail {
    font-weight: 700;
    font-size: 30px;
    margin-bottom: 15px;
}

.article-detail  .date-view {
    display: flex;
    align-items: center;
}

.article-detail .date-view .view {
    color: #747474;
    font-size: 16px;
    position: relative;
}

.article-detail .date-view .view i {
    display: inline-block;
    margin-right: 6px;
}

.article-detail .date-view .post-date {
    color: #747474;
    font-size: 16px;
}

.article-detail .date-view span.seperate {
    display: inline-block;
    margin: 0 10px;
    line-height: 1;
    height: 15px;
    overflow: hidden;
    color: #747474;
}
.article-entry-info {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.action-share--content {
    position: absolute;
    width: 263px;
    background: #e1e1e1 !important;
    right: 0;
    padding: 1rem 1.5rem;
    border-radius: 0.8rem;
    z-index: 1;
}

.article-entry-info .action-item--title {
    color: #000;
    font-size: 16px;
    margin-bottom: 1rem;
}

.article-entry-info .list-social {
    -ms-flex-pack: distribute;
    justify-content: space-between;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.article-entry-info .list-social .btn-social {
    margin: 0 4px;
    -webkit-transition: all 0.25s ease;
    transition: all 0.25s ease;
}
.article-entry-info .list-social .btn-social a {
    text-align: center;
    font-size: 16px;
    display: inline-block;
    color: #000000;
}
.article-entry-info .article-action .action-item i {
    font-size: 2rem;
    margin-right: 0.8rem;
}

.article-entry-info .action-item {
    position: relative;
}


.title-left {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

.box-detail-tags .tags>li>a {
    padding: 0.6rem 1.5rem;
    display: block;
    background-color: #d4d4d4;
    border-radius: 1.8rem;
    font-size: 1.4rem;
    line-height: 1;
    margin-right: 1rem;
    margin-bottom: 1rem;
    color: #000;
}


.box-bvlq .slogan-section {
    text-align: left !important;
    font-size: 25px;
    border-bottom: 1px solid #898989;
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 20px !important;
}

.box-bvlq .slogan-section:before {
    content: '';
    position: absolute;
    bottom: -1px;
    width: 80px;
    height: 3px;
    background: linear-gradient(280deg, #296F4F 0%, #152720 100.26%);
}

.box-section-detail-article-02 {
    margin-bottom: 40px;
}

.author-view-detail.author-view-detail-list .img-author .img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 0;
    border: 0;
}
.article-entry-info .action-item .name {
    color: #747474;
}
.form-detail-page-right {padding: 15px;border-radius: 12px;margin-bottom: 15px;}

.categories-list .categories-section>li {
    margin-bottom: 0;
}

.categories-list .categories-section li>a {
    padding-top: 0;
    border-bottom: 1px dashed #ddd;
    margin-bottom: 12px;
}


.title-right {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.article-detail h2 {
    font-weight: 700;
    font-size: 22px;
    margin-bottom: 10px;
}

.article-detail h3 {
    font-weight: 700;
    font-size: 20px;
     margin-bottom: 10px;
}

.article-detail h4 {
    font-weight: 700;
    font-size: 18px;
     margin-bottom: 10px;
}

.categories-list .categories-section>li:last-child ul.list-child>li:last-child a {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.box-section-detail-article-01>.container>.row {
    display: flex;
    align-items: flex-start;
}

.box-section-detail-article-01>.container>.row>div:nth-child(2) {
    height: auto;
    position: sticky;
    top: 0;
    z-index: 9;
    display: inline-block;
    width: auto;
}

.box-detail-tags {
    margin-bottom: 0;
}

.view-small .article-item {
    padding: 0;
    display: flex;
    border-bottom: 1px dashed #ddd;
    border-radius: 0;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.view-small .inner-image .img {
    border-radius: 8px;
}

.view-small .inner-content .post-date {
    font-size: 13px;
}

.view-small .article-item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.box-article-home-top .article-item .inner-image .explore a {
    color: #000;
}
.box-header-info.box-header-login .dropdown-menu {
    border-radius: 8px;
    box-shadow: 1px 1px 40px rgb(69 71 69 / 26%);
    border: 0;
}

.box-header-info.box-header-login .dropdown-menu .dropdown-item {
    font-size: 16px;
}

.box-header-info.box-header-login .dropdown-menu .dropdown-item:last-child {
    border-bottom: 0;
}

.box-section-why-choose {
    padding: 50px 0;
}

.box-why-choose-page .box-how-does .item .img img {
    height: 65px;
    object-fit: contain;
}

.box-why-choose-page .box-how-does .item .name {
    font-weight: 700;
    margin-bottom: 10px;
}

.box-about-tranding.box-about-tranding-02 .info-link .link>ul {
    padding-right: 60px;
}

.box-about-tranding.box-about-tranding-02 .info-link .link>ul li {
    padding: 0 25px;
    color: #fff;
}

.box-about-tranding.box-about-tranding-02 .info-link .link>ul li>a {
    border-radius: 8px;
    border: 1px solid var(--color-highlight);
    background: var(--color-highlight);
    display: inline-flex;
    padding: 10px 15px;
    color: #fff;
}

.box-about-tranding.box-about-tranding-02 .info-link .link>ul li::before {
    background: #fff;
}

.box-about-tranding.box-about-tranding-02 .info-link .link>ul li:nth-child(2) {
    flex: 0 0 244px;
}

.img-books, .box-login-packages .item {
    max-width: 950px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    position: relative;
}

.img-books .img, .box-login-packages .item .img {
    padding-top: 71%;
}


.box-header-info.box-header-login .dropdown-menu .dropdown-item i {
    font-size: 18px;
}
.box-header-info.box-header-login .dropdown-menu .dropdown-item .icon-size {
    font-size: 20px;
}

.box-header-info.box-header-login .dropdown-menu .dropdown-item:hover {
    background: none;
    color: var(--color-highlight);
}

.box-header-info.box-header-login>a {
    padding-top: 5px;
    padding-bottom: 5px;
}

.box-search-page {
    background: #fff;
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 12px;
}

.box-search-page .input-group .form-control {
    height: 45px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    border-color: #ddd;
}

.box-search-page .input-group .input-group-append .btn-submit {
    width: 105px;
}

.box-list-price .item .content {
    margin-top: 15px;
    background: #f2f2f2;
    padding: 15px;
    border-radius: 8px;
    min-height: 180px;
}

.box-list-price .item .content .item-pk {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid rgba(235, 235, 235, 1);
}
.box-list-price .item .content>ul>li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
/*style tài khoản*/
.form-member .btn-submit {
    min-width: 20rem;
}


.box-list-price.box-list-price-member .item {
    margin-top: 0;
    background: #f3f3f3;
    padding: 15px;
    border-radius: 8px;
    height: 100%;
}

.box-list-price.box-list-price-member .item .price span.lib {
    font-size: 20px;
    margin-right: 0;
}

.box-list-price.box-list-price-member .item .inter-img .img {
    border-radius: 8px;
}

.box-list-price.box-list-price-member .item .link {
    margin-top: 15px !important;
}

.box-list-price.box-list-price-member .item .link .btn-all {
    height: 40px;
}

.box-list-price.box-list-price-member .item .name {
    margin-bottom: 5px;
    font-weight: 700;
    font-size: 21px;
    text-align: center;
    color: var(--color-highlight);
}
.box-list-price.box-list-price-member .item .price span.price-amount {
    font-size: 15px;
}

.box-list-price.box-list-price-member .item .price span.price-discount {
    font-size: 14px;
}
.box-list-price.box-list-price-member .item .price {
    text-align: center;
    justify-content: center;
    align-items: center;
}

.box-list-price.box-list-price-member .item .content {
    margin-top: 10px;
}

.box-list-price.box-list-price-member .item .content .item-pk {
    margin-bottom: 5px;
    padding-bottom: 5px;
    font-size: 14px;
}
.box-member {
    background: #fff;
    padding: 1.5rem;
    border-radius: 8px;
    margin-bottom: 15px;
}
.box-wallet {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 10rem;
}
.box-wallet .left {
    display: flex;
    align-items: center;
}
.box-wallet .right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.wallet-point {
    display: flex;
    align-items: center;
    margin-right: 2rem;
}
.wallet-point .point-text {
    display: flex;
    flex-direction: column;
    font-weight: 600;
    margin-left: 1rem;
}
.wallet-point .point-text .point {
    font-size: 2.4rem;
}
.wallet-point .point-text .point small {
    font-size: 1.5rem;
}
.wallet-point img {
    height: 5rem;
}
.box-wallet .right .btn {
    padding: 0.8rem 1.2rem;
    border-radius: 0.4rem;
    font-size: 14px;
    display: flex;
    align-items: center;
    background: rgba(10, 187, 135, 0.1);
    border-color: rgba(10, 187, 135, 0.1);
    color: #0abb87;
}
.box-wallet .right .btn:hover {
    background: var(--color-highlight);
    color: #fff;
}
.box-wallet .right .btn:hover img {
    filter: brightness(0) invert(1);
}
.box-wallet .right .btn:last-child {
    background: rgba(253, 57, 122, 0.1);
    border-color: rgba(253, 57, 122, 0.1);
    color: #fd397a;
}
.box-wallet .right .btn:last-child:hover {
    background: #fd397a;
    color: #fff;
}
.box-wallet .right .btn:not(:first-child) {
    margin-left: 1rem;
}
.box-history-point {
    width: 100%;
    background: #fff;
    padding: 1.5rem;
    height: calc(100% - 11rem);
    border-radius: 8px;
}
.box-history-point .header-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}
.box-history-point .header-tab .nav-tabs {
    border-bottom: 0px;
    background: #f4f5f9;
    padding: 0;
    border-radius: 5rem;
}
.box-history-point .header-tab .nav-tabs .nav-link {
    border-radius: 5rem;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
    border: 0;
    color: #7e7e7e;
}
.box-history-point .header-tab .nav-tabs .nav-link.active {
    background: var(--color-highlight);
    color: #fff;
}
.member-table .table {
    font-size: 1.4rem;
}
.member-table .responsive-table thead th {
    background-color: #000;
    border: 0 !important;
    color: #fff;
    font-weight: 600;
    text-transform: capitalize;
}
.member-table .responsive-table thead th:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.member-table .responsive-table thead th:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.member-table .responsive-table th, .member-table  .responsive-table td {
    border:  0;
    padding: 1rem;
}

.form-login-notification .modal-body {
    padding: 30px;
    text-align: center;
}

.form-login-notification .modal-content {
    border-radius: 12px;
}

.form-login-notification .modal-body .title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 15px;
}

.form-login-notification .modal-body .link .btn-all {
    max-width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.box-article-home-top .article-item  a {
    cursor: pointer;
}

.info-page-bc-login {
    background: #fff;
    padding: 30px;
    border-radius: 12px;
    text-align: center;
}

.info-page-bc-login .title {
    font-size: 20px;
    margin-bottom: 15px;
}

.info-page-bc-login  .link a {
    max-width: 215px;
    margin-left: auto;
    margin-right: auto;
}

.member-package-section {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.member-package-section .top-name-right .name-element {
    margin-bottom: 2px;
    font-weight: 700;
    font-size: 18px;
    color: var(--color-highlight);
}

.member-package-section .top-name-right .price-quantity .price-amount {
    color: #000;
    margin-bottom: 2px;
    display: inline-block;
    font-weight: 700;
}


.member-package-section .input-point input {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-color: #c8c8c8 !important;
}

.member-package-section .input-point .input-group-append>span {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    display: flex;
    align-items: center;
}

.member-package-section .input-point .input-group-append>span small {
    line-height: 1;
}

.member-package-section .btn-submit-1 {
    border-radius: 8px;
}

.member-package-section.member-package-success .info .h4 {
    display: none;
}


.search-member .form-group {
    margin-bottom: 15px;
}

.search-member .form-group  .form-control {
    border-color: #dddd;
}

.search-member .form-group .bs-placeholder {
    background: #fff;
    border-color: #dddd;
}


.box-list-member {
    border: 1px solid #142239;
    border-radius: 8px;
    font-size: 14px;
    overflow: visible;
    position: static;
}

.box-list-member .responsive-table {
    margin-bottom: 0;
}
.box-list-member .table thead tr>th:first-child {
    border-top-left-radius: 7px;
}
.box-list-member .table tr>th {
    border: 0 !important;
}

.box-list-member table tr:first-child th:last-child {
    border-top-right-radius: 7px;
}

.box-list-member tbody th, .box-list-member tbody td {
    border: 0;
}
.form-group.form-group-date .input-group .form-control:last-child {
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.form-group.form-group-date .input-group .form-control:first-child {
    border-right: 0;
}

.search-member .form-group {
    position: relative;
    margin-bottom: ;
}
.search-member .form-group.form-group-code .form-control {
    padding-left: 40px;
}

.search-member .form-group .input-group .form-control {
    border-radius: 8px;
    border-color: #566577;
    height: 40px;
    line-height: 38px;
}
.search-member .form-group.form-group-code i {
    position: absolute;
    z-index: 9;
    font-size: 24px;
    left: 9px;
    top: 8px;
}
.form-group-date .input-group-append .input-group-text {
    padding-left: 5px;
    padding-right: 5px;
    border-top: 1px solid #566577;
    border-bottom: 1px solid #566577;
}

.search-member .form-group .dropdown-toggle {
    background: #fff;
    border-radius: 8px;
    border-color: #566577;
}

.search-member .form-group button {
    border-radius: 8px;
}


.box-login-packages .item .info-res-packages{
    position: absolute;
    z-index: 9;
    opacity: 2;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 12px;
}
.box-login-packages .item .img img {
    opacity: 0.5;
}

.box-login-packages .item .img:before {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 100%;background: #0000004f;z-index: 1;}

.box-login-packages .item .info-res-packages a {
    border-radius: 8px;
    display: inline-block;
    background: var(--color-highlight);
    width: 184px;
    padding: 10px;
    border: 1px solid var(--color-highlight);
    color: #fff;
    margin-top: 15px;
}

.box-login-packages .item .info-res-packages a:hover {
    background: #fff;
    color: var(--color-highlight);
}

.box-header-info .info.info-package {
    display: block;
    margin-left: 10px;
}

.box-acticle-page .article-item {
    padding: 15px;
    border-radius: 12px;
}

.box-acticle-page .article-item .inner-image .img {
    border-radius: 12px;
}

.box-section-article-02.box-section-detail-article-01 {
    margin-bottom: 0;
}

.box-about-tranding.box-about-tranding-02 .info-link .link>ul li>a:hover {
    background: none;
    border-color: #fff;
}

.package-modal .modal-dialog {
    max-width: 1200px;
    margin: 0 auto;
    border: 0;
}

.package-modal .modal-dialog .modal-content {
    border: 0;
    background-color: #ededed;
    border-radius: 12px;
}

.package-modal .modal-dialog .modal-content .close {
    position: absolute;
    right: 10px;
    top: 10px;
    background: #fff;
    font-size: 19px;
    border-radius: 100%;
    z-index: 9;
    opacity: 1;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.package-modal .modal-dialog .box-join-huntrding {
    padding: 0;
}

.package-modal .modal-dialog .modal-body {
    padding: 30px;
    border-radius: 12px;
}

.package-modal .modal-dialog .modal-content .close:hover {
    color: var(--color-highlight);
}

.package-modal .modal-dialog .box-join-huntrding .slogan-section {
    margin-bottom: 50px;
    font-size: 35px;
}

.info-link .link>ul>li a:hover {
    color: #fff;
}

.list-trading .trading-item .trading-left .side.side-short {
    background: #FBCFCF;
}

@media (max-width:767px){
    .article-detail .date-view .post-date, .article-detail .date-view .view, .article-entry-info .action-item .name {
        font-size: 13px;
    }
}


.box-member-form .form-group {
    margin-bottom: 15px;
}

.box-member-form .form-group .form-control {
    height: 45px;
    border-color: #929292;
    border-radius: 8px;
}

.box-member-form .btn.btn-submit, .box-member-form .btn-submit-1 {
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.box-member-form .form-group .btn-submit-1 {
    border-radius: 8px !important;
}

.box-signal-page .list-trading .trading-item .trading-left .img {
    flex: 0 0 90px;
    height: 70px;
    margin-right: 15px;
}

.box-signal-page .list-trading .trading-item .trading-left .img img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    border-radius: 8px;
}

.box-signal-page .list-trading .trading-item .trading-right {
    flex: 1 1;
    display: flex;
    justify-content: space-between;
}

.box-signal-page .list-trading .trading-item .trading-right .price-loss {
    /*flex: 1 1;*/
    display: flex;
}

.box-signal-page .list-trading .trading-item .trading-right .price-loss .item {
    padding-left: 4.5px;
    padding-right: 4.5px;
    flex: 0 0 135px;
    margin-top: 5px;
}

.box-signal-page .list-trading .trading-item .trading-right .price-loss .item .title {
    display: block;
    text-align: center;
    font-size: 13px;
    margin-bottom: 4px;
}

.box-signal-page .list-trading .trading-item .trading-right .btn-trading {
    display: flex;
    align-items: flex-end;
    /*flex-direction: column;*/
}

.box-signal-page .list-trading .trading-item  .btn-trading a.btn-all {
    min-width: 120px;
    height: 40px;
    border-radius: 8px;
}

.box-signal-page .list-trading .trading-item .btn-trading .btn-product-action {
    display: flex;
    flex: 0 0 40px;
    height: 40px;
    border: 2px solid var(--color-highlight);
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    border-radius: 8px;
    color: #000;
    min-width: 40px;
}
.box-signal-page .list-trading .trading-item .trading-right .price-loss .item  .value {
    background: #e4e4e4;
    height: 30px;
    display: flex;
    padding: 0 10px;
    align-items: center;
    font-size: 12px;
    justify-content: center;
    white-space: nowrap;
    font-weight: 700;
}

.box-signal-page .list-trading .trading-item .trading-right .btn-trading .btn-product-action:hover,
.added-wishlist {
    background: var(--color-highlight);
    color: #fff !important;
}
.box-signal-page .list-trading .trading-item .trading-left {
    flex: 0 0 250px;
}

.box-signal-page .list-trading .trading-item .trading-left .title {
    font-size: 18px;
}

.box-signal-page .list-trading {
    margin-bottom: 0;
}

.box-section-signal-02 .box-join-huntrding {
    padding: 60px 0 70px;
}


.box-header-info .info-pk {
    padding: 10px 15px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ddd;
}

.box-header-info .info-pk .icon {
    flex: 0 0 45px;
    height: 45px;
    background: #ddd;
    margin-right: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.box-header-info .info-pk .info .pak {
    color: var(--color-highlight);
    font-size: 12px;
}

.toast {
    border-radius: 8px;
    overflow: hidden;
}
#modalReferralLink .input-group .input-group-append {
    background: #e9ecef; 
    border: 0;
    padding-right: 5px;
}
#modalReferralLink .input-group .form-control {
    border: 0;
}

@media (max-width:1024px){
    .box-signal-page .list-trading .trading-item .trading-right .btn-trading {
        display: none;
    }

    .box-signal-page .trading-item .trading-info-left {
        display: flex;
    }

    .box-signal-page .trading-item .trading-info-left .trading-left {
        flex: 1 1;
    }

    .box-signal-page .list-trading .trading-item .btn-trading a.btn-all {
        min-width: 60px;
        height: 30px;
    }

    .box-signal-page .list-trading .trading-item .btn-trading .btn-product-action {
        margin-left: 0;
        height: 40px;
        margin-top: 5px;
    }

    .box-signal-page .list-trading .trading-item .btn-trading a.btn-all i {
        display: none;
    }
    .list-trading .trading-item {
        padding: 10px;
    }
    
    .list-trading .trading-item .trading-left .side img {
        height: 60px;
    }
}

@media (max-width:767px){
    .article-detail .title-detail {
        font-size: 20px;
    }
    .article-detail-page, .box-detail-tags {
        padding: 15px;
    }
    .box-section-sv-01 {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    
    .box-about-tranding.box-about-tranding-02 .info-link .link>ul {
        padding-right: 0;
        display: block;
    }
    
    .box-about-tranding.box-about-tranding-02 .info-link .link>ul li:nth-child(2) {
        flex: 0 0 201px;
        margin-top: 10px;
    }
    
    .box-about-tranding.box-about-tranding-02 .info-link .link>ul li {
        padding: 0 15px;
        flex: 1 1;
    }
    
    .box-about-tranding.box-about-op .info-link .link>ul {
        height: 130px;
        padding-top: 15px;
    }
    
    .box-about-tranding .info .slogan-section {
        font-size: 21px;
    }
    
    .box-earn .list .item .dsc {
        font-size: 26px;
    }
    
    .box-earn .list .img {
        display: none;
    }
    
    .box-earn .list .item .name {
        font-size: 12px;
    }
    .box-how-does .item .img img {
        height: 50px;
    }

    .box-how-does .item .img {
        margin-bottom: 15px;
    }

    .box-how-does .item {
        padding: 0px 10px;
        margin-bottom: 20px;
    }

    .box-section-sv-02 {
        padding: 30px 0 10px;
    }

    .box-how-does .dsc-section {
        margin-bottom: 30px;
    }
    .box-section-why-choose {
        padding: 30px 0 30px;
    }

    .box-why-choose-page .box-how-does .item .img img {
        height: 50px;
    }
    .list-trading .trading-item .trading-right .take-percent .take {
        font-size: 13px;
    }
    .box-signal-page .list-trading .trading-item {
        display: block;
    }
}


.box-list-price .item .price {
    display: flex;
    align-items: flex-end;
    margin-bottom: 20px;
    justify-content: center;
}

.box-list-price .item .price .price-amount {
    font-size: 32px;
    font-weight: 700;
    margin-right: 0;
    line-height: 1;
}

.box-list-price .item .price .price-discount {
    text-decoration: line-through;
    margin-left: 15px;
    font-size: 19px;
}

.box-signal-page .slogan-section {
    font-size: 30px;
    margin-bottom: 15px;
}

.box-referral-code>li:last-child {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}
#form-update-bank .form-control {
    border-radius: 8px;
    border: 1px solid #566577;
}
#form-update-bank .from-bank-text .note-input {
    display: flex;
    border: 1px solid #566577;
    border-radius: 8px;
    padding: 10px 15px;
}
#form-update-bank .from-bank-text .note-input .note-bank {
    margin-right: 10px;
}
#form-update-bank .from-bank-text .note-input .note-bank>span {
    display: block;
    white-space: nowrap;
    font-size: 13px;
}
#form-update-bank .from-bank-text .note-input textarea.form-control {
    border: 0;
    padding: 0 10px;
    height: 136px;
    background: #ebeaea;
    line-height: 1.39;
    border-radius: 8px;
}
.member-categories-section.list-unstyled>li:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: 0 !important;
}

.box-package-member {
    display: flex;
    flex-wrap: nowrap;
    background: #f3f3f3;
    padding: 15px;
    border-radius: 8px;
}

.box-package-member .inner-image {
    flex: 0 0 280px;
    max-width: 280px;
}

.box-package-member .inner-image .img {
    border-radius: 8px;
    overflow: hidden;
}

.box-package-member .inter-content {
    flex: 1 1;
    padding-left: 15px;
}

.box-package-member .inter-content .item {
    margin-bottom: 5px;
}

.box-package-member .inter-content .item span {
    font-weight: 700;
}

.box-package-member .inter-content .item span.title {
    display: inline-block;
    width: 175px;
}

.badge {
    padding: 5px 10px 4px;
    width: auto !important;
    border-radius: 20px;
}

.box-list-member tr>td a {
    color: var(--color-highlight);
}

.box-list-member .text-col-02 {
    line-height: 1.2;
}

.box-list-member .text-col-02 i {
    font-size: 12px;
    line-height: 1;
}

.box-list-price-member .item .item-pk {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ddd;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

.box-list-price-member .item .item-pk:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}

.box-list-price-member-af .item .price {
    font-size: 20px;
}

.box-list-price-member-af .item .price span.price-amount {
    font-size: 20px !important;
}

.box-list-price-member .item .item-pk span.value {
    font-weight: 700;
}

.responsive-table tbody th[scope="row"] a:hover {
    color: var(--color-highlight) !important;
}


.top-name-right .price-quantity .price span.price-discount {
    text-decoration: line-through;
    margin-right: 10px;
    font-size: 14px;
    color: #938f8f;
}

.top-name-right .price-quantity .price  span.price-amount {
    margin-right: 10px;
    font-size: 18px;
}


.box-list-price.box-list-price-member-pk .item {
    padding: 0;
    /* background: #f2f2f2; */
}

.box-list-price.box-list-price-member-pk .item .inter-img {
    background: #f2f2f2;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 0;
    height: 100%;
}

.box-list-price.box-list-price-member-pk .item  .info-h {
    text-align: center;
    margin-top: 10px;
    height: 100%;
}

.box-list-price.box-list-price-member-pk .item .info-h .price {
    margin-bottom: 0;
    justify-content: center;
}

.box-list-price.box-list-price-member-pk .item .info-h .name {
    font-size: 25px;
    color: var(--color-highlight);
    font-weight: 700;
    margin-bottom: 5px;
}

.box-list-price.box-list-price-member-pk .item .info-h .price .price-amount {
    color: #000;
    font-size: 20px;
}

.box-list-price.box-list-price-member-pk .content .item-pk:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
}

.box-list-price.box-list-price-member-pk .item .inter-img .img {
    border-radius: 8px;
}
.box-pk-info .item-pk {
    display: flex;
    justify-content: space-between;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid #ddd;
}

.box-pk-info .item-pk:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.box-pk-info .item-pk span.value {
    font-weight: 700;
}

.box-pk-info {
    background: #f2f2f2;
    padding: 15px;
    border-radius: 8px;
    height: 100%;
}
.info-report {
    position: relative;
}

.info-report .load-books {
    background: #f3f3f3;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 999;
    top: 0;
    transition: 1s;
    border-radius: 10px;
}
.load-books .ct{
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      /* width: 200px; */
      /* height: 140px; */
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
}
.ld-top{
    height: 50px;
}

.loader {
  width: 48px;
  height: 48px;
  border: 3px solid #696969;
  border-radius: 50%;
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
.loader::after {
  content: '';  
  box-sizing: border-box;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 56px;
  height: 56px;
  border-radius: 50%;
  border: 3px solid;
  border-color: #FF3D00 transparent;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 
.loader-rp {
  display: inline-block;
  font-size: 48px;
  font-weight: bold;
  color: #696969;
  position: relative;
}
.loader-rp::before {
  content: '';
  position: absolute;
  right: 41px;
  bottom: 18px;
  width: 29px;
  height: 29px;
  border-radius: 50%;
  border: 6px solid #696969;
  border-bottom-color: #FF3D00;
  box-sizing: border-box;
  animation: rotation 0.6s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
} 

@media (max-width:1200px){
    .loader-rp {
        font-size: 25px;
        display: none;
    }
}
.item-address-member {
    background: #7088fdbf;
    color: #fff;
    padding: 1.5rem;
    border-radius: 8px;
}
.item-address-member .info {
    display: flex;
    align-items: center;
}
.item-address-member .info .icon {
    margin-right: 1rem;
    font-size: 2.4rem;
}
.item-address-member .info .bank-name {
    font-size: 19px;
    font-weight: 600;
}
.item-address-member .action {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}
.item-address-member .action .btn-edit {
    background: #fff;
    padding: 5px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
}
.item-address-member .action .btn-delete {
    background: #fff;
    padding: 5px 6px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #dc3545;
}
.item-address-member .action .btn-edit:hover {
    background: var(--color-highlight);
    color:  #fff;
}
.item-address-member .action .btn-delete:hover {
    background: #dc3545;
    color:  #fff;
}
.box-pk-info .box-title {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 2rem;
}
.box-list-price.box-referral-package .item .price .price-amount {
    font-size: 16px;
    line-height: 1.5;
}

.box-list-price.box-referral-package .item-pk {
    padding: 0;
    height: auto;
    margin: 10px 0 0;
    padding-bottom: 10px;
    border-radius: 0;
}
.box-list-price.box-referral-package .item .price {
    margin-bottom: 10px;
    align-items: center;
    justify-content: flex-start;
}
.box-list-price.box-referral-package .item-pk .price span.price-amount {
    color: var(--color-highlight);
    font-size: 20px;
}


.section-box-khach-hang-01 .info .item {
    /* box-shadow: 0px 16px 48px 0px rgba(6, 35, 63, 0.03), 0px -16px 48px 0px rgba(6, 35, 63, 0.03); */
    margin: 1px;
    background: #fff;
    padding: 20px;
    border-radius: 10px;
}

.section-box-khach-hang-01 .info .item .inter-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.section-box-khach-hang-01 .info .item .inter-content svg {
    width: 25px;
    color: var(--color-highlight);
    opacity: 0.5;
}

.section-box-khach-hang-01 .info .item .inter-content .info {
    display: flex;
    align-items: center;
    flex-basis: calc(100% - 50px);
}

.section-box-khach-hang-01 .info .item .inter-content .info .image {
    flex: 0 0 48px;
    max-width: 48px;
}

.section-box-khach-hang-01 .info .item .inter-content .info .image img {
    border-radius: 50%;
    height: 48px;
    object-fit: cover;
    width: 100%;
}

.section-box-khach-hang-01 .info .item .inter-content .info .name-soft {
    margin-left: 15px;
}

.section-box-khach-hang-01 .slogan-section {
    margin-bottom: 30px;
}

.section-box-khach-hang-01 .info .item .top {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

.section-box-khach-hang-01 .info .item .top .dsc {
    height: 142px;
    overflow: hidden;
}

.section-box-khach-hang-01 .info .item .inter-content .info .name-soft .name {
    font-weight: 700;
    color: var(--color-highlight);
}

.box-section-home-010 {
    margin-bottom: 60px;
}
.box-signal-page .list-trading .trading-item .trading-right .price-loss .stop-loss {
    display: flex;
    flex-wrap: wrap;
}

.box-signal-page .list-trading .trading-item .trading-right .price-loss .stop-loss .item.item-loss span.value {
    background: #ff00001f;
}

.box-signal-page .list-trading .trading-item .trading-right .price-loss .price-take {
    display: flex;
    flex-wrap: wrap;
}

.box-signal-page .list-trading .trading-item .trading-right .price-loss .price-take .item span.value {
    background: #e4e4e4;
}

@media (max-width:1200px){
    .section-box-khach-hang-01 .info .item .top .dsc {
        height: fit-content;
    }

    .section-box-khach-hang-01 .slogan-section {
        margin-bottom: 20px;
    }

    .box-section-home-010 {
        margin-bottom: 30px;
    }
}

@media (max-width:767px){
    .btn-trading .btn-all {
        min-width: 100px;
        height: 40px;
    }
    .list-trading .trading-item .trading-right .take-percent {
        margin-right: 20px;
    }

    .content-popular .btn-trading {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .content-popular .btn-trading .btn-product-action {
        margin-left: 0;
        margin-top: 5px;
        width: 100px;
        height: 40px;
    }
    .list-trading .trading-item {
        padding: 10px;
        /* flex-wrap: inherit; */
        /* flex-direction: column; */
    }
    .content-popular .btn-trading .btn-product-action{
        height: 40px;
        width: 40px;
    }
    .box-signal-page .list-trading .trading-item .trading-right .price-loss .item{
        flex: 0 0 33.33%;
    }
}

@media (min-width:767px) and (max-width:1200px){
    .list-trading .trading-item .trading-right {
        flex: 0 0 100% !important;
        max-width: 100%;
    }
    
}

.banner-about-us {
    position: relative;
}

.banner-about-us .img img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

.banner-about-us .inter-content {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    left: 50%;
}

.banner-about-us .inter-content .title {
    font-size: 50px;
    color: #000;
    font-weight: 900;
    margin-bottom: 15px;
}

.banner-about-us .inter-content  .dsc {
    color: #000;
    font-size: 18px;
}

.banner-about-us .img:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #ffffffd4;
}
.banner-about-us .inter-content .title>span {
    color: var(--color-highlight);
}
.title-section-about {
    font-size: 35px;
    font-weight: 700;
    margin-bottom: 30px;
}

.box-who-we-are .content .item:nth-child(2n+1)>.row>div:nth-child(1) {
    order: 2;
}

.box-who-we-are .content .item .inter-content .title {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 20px;
}

.box-who-we-are .content .inter-img {
    border-radius: 12px;
    overflow: hidden;
}

.box-who-we-are .content .item {
    margin-bottom: 40px;
}

.box-who-we-are .content .item>.row {
    margin-right: -25px;
    margin-left: -25px;
}

.box-who-we-are .content .item>.row>div {
    padding-right: 25px;
    padding-left: 25px;
}

.box-what-we-offer .item {
    box-shadow: 0 9px 39px rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    padding: 30px;
    text-align: center;
    height: 100%;
    background: #fff;
    border-radius: 8px;
}

.box-what-we-offer .item .icon {
    margin-bottom: 20px;
}

.box-what-we-offer .item .icon img {
    width: 100px;
    height: 100px;
    object-fit: contain;
}

.box-what-we-offer .item .title {
    font-size: 29px;
    font-weight: 700;
    margin-bottom: 15px;
}

.box-about-section-01 {
    padding-top: 60px;
    padding-bottom: 25px;
}

.box-about-section-02 {
    padding-top: 60px;
    padding-bottom: 60px;
}

.box-our-team-expert .item .icon img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 50%;
}

.box-our-team-expert .item {
    background: #fff;
    box-shadow: 0 9px 39px 0 rgba(0, 0, 0, .12);
    color: #2c3d55;
    display: flex;
    flex-direction: column;
    padding: 40px 17px 17px;
    position: relative;
    text-decoration: none;
    height: 100%;
    border-radius: 8px;
}

.box-our-team-expert .item .title {
    font-weight: 700;
    font-size: 20px;
}

.box-our-team-expert .item .description-short {
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.box-our-team-expert .item  .link a {
    font-weight: 700;
    color: var(--color-highlight);
}

.box-our-team-expert .item .icon {
    position: absolute;
    top: -30px;
}
.box-our-team-expert .item .inter {height: 100%;}

.box-our-team-expert .item .inter-content {
    height: 100%;
}

.box-our-team-expert .title-section-about {
    margin-bottom: 60px;
}

.box-about-section-03 {
    padding: 60px 0;
}

.box-about-section-04 {
    padding: 60px 0;
}

.box-join-hubtrading .dsc {
    font-size: 18px;
    text-align: center;
    margin-bottom: 10px;
}

.box-join-hubtrading .dsc-02 {
    text-align: center;
    font-size: 18px;
}
.box-why-choose-page .box-how-does .item {
    padding: 0;
}

.box-about-tranding .info-link.info-link-pat  .link>ul li {
    flex: 0 0 323px !important;
    max-width: 323px;
}

.box-about-tranding .info-link.info-link-pat .link>ul li>a {
    font-size: 14px;
    width: 100%;
    text-align: center !important;
    display: flex;
    justify-content: center;
    height: 50px;
    align-items: center;
}

.box-about-tranding.box-about-op.box-about-pat.box-about-tranding-02 .slogan-section {
    font-size: 36px;
}

.box-about-tranding.box-about-op.box-about-pat.box-about-tranding-02 .info {
    max-width: 50%;
    top: calc(50% - 50px);
}

.box-section-partner-01 {
    margin-bottom: 60px;
}
.box-why-choose-page .box-how-does .slogan-section {
    margin-bottom: 40px;
}

.box-list-price .item .price span.date {
    font-size: 31px;
    margin-left: 10px;
    color: var(--color-highlight);
    line-height: 1;
}

.box-list-price .item .inter-img .img span.discount {
    position: absolute;
    top: 20px;
    z-index: 9;
    color: var(--color-highlight);
    font-weight: 700;
    height: 37px;
    background: #fff;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 68px;
    font-size: 19px;
    padding-top: 4px;
}

@media (max-width:576px){
    .banner-about-us .inter-content .title {
        font-size: 24px;
        margin-bottom: 10px;
    }
    
    .banner-about-us .inter-content {
        width: 100%;
        padding: 0 10px;
    }
    
    .banner-about-us .inter-content .dsc {
        font-size: 16px;
    }
    
    .banner-about-us .img img {
        height: 300px;
    }
    
    .box-who-we-are .content .item .inter-content .title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .box-who-we-are .content .item .inter-content {
        margin-top: 20px;
        text-align: center;
    }
    
    .box-about-section-01 {
        padding-top: 30px;
        padding-bottom: 10px;
    }
    
    .box-who-we-are .content .item:nth-child(2n+1)>.row>div:nth-child(1) {
        order: inherit;
    }
    
    .box-who-we-are .content .item .inter-content .description {
        text-align: justify;
    }
    .box-about-section-02 {
        padding-top: 30px;
        padding-bottom: 0;
    }
    
    .title-section-about {
        font-size: 25px;
        margin-bottom: 20px;
    }
    
    .box-what-we-offer .item {
        padding: 20px;
        height: auto;
        margin-bottom: 30px;
    }
    
    .box-what-we-offer .item .title {
        font-size: 17px;
        margin-bottom: 10px;
    }
    
    .box-who-we-are .content .item>.row {
        margin-right: -7.5px;
        margin-left: -7.5px;
    }
    
    .box-who-we-are .content .item>.row>div {
        padding-right: 7.5px;
        padding-left: 7.5px;
    }
    
    .box-about-section-03 {
        padding: 30px 0 0;
    }
    
    .box-our-team-expert .item {
        height: auto;
        margin-bottom: 50px;
    }
    .box-join-hubtrading .dsc, .box-join-hubtrading .dsc-02 {
        font-size: 14px;
    }
    .box-about-section-04 {
        padding: 30px 0;
    }
    
    .box-what-we-offer .item .icon img {
        width: 80px;
        height: 100px;
    }
    .box-about-tranding.box-about-op.box-about-pat.box-about-tranding-02 .slogan-section {
        font-size: 20px;
        margin-bottom: 10px;
    }
    
    .box-about-tranding.box-about-op.box-about-pat.box-about-tranding-02 .info {
        max-width: 100%;
    }
    
    .box-about-tranding .info-link.info-link-pat .link>ul li {
        max-width: 100%;
    }
    
    .box-about-tranding.box-about-tranding-02 .info-link .link>ul li::before {
        display: none;
    }
    
    .box-about-tranding .info-link.info-link-pat .link>ul {
        padding-bottom: 15px !important;
        height: auto;
    }
    
    .box-section-partner-01 {
        margin-bottom: 30px;
    }
}

@media (min-width:576px) and (max-width:1200px){
    .box-about-tranding.box-about-tranding-02 .info-link .link>ul {
        padding: 10px;
        height: auto;
    }
    .box-about-tranding.box-about-op.box-about-pat.box-about-tranding-02 .info{
        max-width:80%;
    }
    .banner-about-us .inter-content {
        max-width: 600px;
        width: 100%;
    }
    
    .box-who-we-are .content .item .inter-content .title {
        font-size: 22px;
    }
    
    .box-what-we-offer .item .title {
        font-size: 20px;
    }
}

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

.box-list-price  .item-pk {
    font-family: "MINIONPRO";
    border-radius: 20px;
    padding: 60px 30px 40px;
    height: calc(100% - 40px);
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-top: 20px;
    position: relative;
}

.box-list-price .item-pk .name {
    /* background: #fff9; */
    font-size: 42px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 5px;
}

.box-list-price .item-pk .price span.price-amount {
    color: #ffff9b;
    font-weight: 700;
}

.box-list-price .item-pk .price {
    text-align: center;
    font-weight: 700;
    font-size: 37px;
    margin-bottom: 15px;
}

.box-list-price .item-pk a.btn-all {
    background: #ffffff;
    background: linear-gradient(180deg, #858585 0%, #fff 50%, #737470 100%);
    background: -webkit-linear-gradient(180deg, #858585 0%, #fff 50%, #737470 100%);
    background: -moz-linear-gradient(180deg, #858585 0%, #fff 50%, #737470 100%);
    font-weight: 700;
    font-size: 20px;
    color: #083022;
    border: 0;
}

.box-list-price .item-pk .content>ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 0;
    text-align: center;
    color: #66aea5;
}
.box-list-price>.row {
    margin-right: -15px;
    margin-left: -15px;
}

.box-list-price>.row>div {
    padding-right: 15px;
    padding-left: 15px;
}
.box-list-price .top .name span {color: #ffffff;}

.box-list-price .popular .top .name span {
    /* background: -webkit-linear-gradient(106deg, #f1f722, #FFC107, #918627); */
    /* -webkit-background-clip: text; */
    color: #ffe484;
    /* text-shadow: 2px 0px 0px rgb(0 0 0 / 69%); */
}

.box-list-price .item-pk a.btn-all:hover {
    background: linear-gradient(180deg, #3a3a3a 0%, #fff 50%, #3a3a3a 100%);
    background: -webkit-linear-gradient(180deg, #707070 0%, #aba6a6 50%, #3a3a3a 100%);
    background: -moz-linear-gradient(180deg, #858585 0%, #fff 50%, #737470 100%);
    color: #fff;
}

.section-box-kh .info .item .inter-content .dsc {
    display: -webkit-box;
    max-width: 100%;
    font-size: 14px;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}.box-list-price .item-pk.popular {
    margin-top: 0;
    height: 100%;
    margin-bottom: 15px;
}

.box-list-price .item-pk.popular .link a.btn-all {
    background: #ffff9b;
    color: #000;
}

.box-list-price .item-pk.popular .link a.btn-all:hover {
    background: var(--color-highlight);
}
.box-join-huntrding .note-sale span {
    background: var(--color-highlight);
    padding: 7px 20px;
    display: inline-block;
    color: #fff;
    border-radius: 8px;
    font-size: 19px;
    background: -webkit-linear-gradient(180deg, #094b79 0%, #065848 100%);
}

.box-join-huntrding .note-sale {
    margin-bottom: 40px;
}
.box-list-price .item-pk.popular .top-popular {
    position: absolute;
    left: 50%;
    top: -17px;
    transform: translateX(-50%);
}

.box-list-price .item-pk.popular .top-popular span {
    background: #ffff9b;
    padding: 3px 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000000;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    font-size: 19px;
    display: inline-block;
}
.box-list-price .item-pk .content>ul>li {
    position: relative;
    color: #66aea5;
    margin-bottom: 5px;
    display: flex;
    justify-content: flex-start;
    text-align: left;
}

.box-list-price .item-pk .content>ul>li:before {
    flex: 0 0 20px;
    content: '';
    margin-right: 10px;
    top: 4px;
    position: relative;
    background: url('https://hubtrading.com/templates/tradinghub01/assets/media/check_1.png');
    width: 17px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
}
@media (max-width: 1200px){
    .box-list-price .item-pk {
        height: auto;
        margin-bottom: 30px;
        padding: 40px 30px 40px;
    }
    .section-box-kh .info .item .inter-content .dsc {
        /* min-height: 157px; */
        display: -webkit-box;
        max-width: 100%;
        font-size: 14px;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .box-header-info .info.info-package .dsc {
        font-size: 11px;
    }
    
    .box-header-info.box-tai-khoan {
        padding: 5px 0px;
    }
}

.banner-indicatoar .info-banner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    z-index: 99;
    transform: translateY(-50%);
}

.banner-indicatoar .info-banner .content {
    text-align: center;
}

.banner-indicatoar .info-banner .content .title {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}

.banner-indicatoar .info-banner .content .dsc {
    font-size: 20px;
    color: #fff;
}

.banner-indicatoar .swiper-slide img {
    height: 29vw;
    width: 100%;
    object-fit: cover;
}


.box-indicated .item {
    height: 100%;
    background: #fff;
    padding: 30px;
    border-radius: 10px;
}

.box-indicated-02 {
    padding: 50px 0;
}

.box-indicated .item .content {
    margin-top: 20px;
    text-align: center;
}

.box-indicated .item .content .name {
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 24px;
}

.box-list-price .item-pk .name-sd {
    color: #fff;
    text-align: center;
    font-size: 23px;
    margin-bottom: 10px;
}

.box-list-price.box-list-price-idx .item-pk {
    padding-top: 40px;
    margin-top: 0;
    padding: 30px 30px 30px;
    border-radius: 8px;
}

.box-video-indi .video {
    position: relative;
    padding-top: 56%;
}
.box-list-price.box-list-price-idx .item-pk .content>ul>li {
    font-size: 17px;
}
.box-video-indi .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.box-indicated-03 {
    margin-bottom: 50px;
}

.box-indicated-04 {
    margin-bottom: 50px;
}

.box-list-price.box-list-price-idx .item-pk .content>ul>li.no:before {
    display: none;
}

.box-list-price.box-list-price-idx .item-pk .content>ul>li.no {
    font-weight: 700;
    font-size: 22px;
}
.box-indicated .item .img-icon {
    border-radius: 8px;
    overflow: hidden;
}

.box-list-price.box-list-price-member .item-pk {
    padding: 50px 15px 30px;
    height: 100%;
    margin-top: 0;
}

.box-list-price .item-pk .name {
    font-size: 35px;
}

.box-list-price .item-pk .price {
    font-size: 29px;
}

.box-list-price.box-list-price-member .item-pk .content>ul>li {
    font-size: 14px;
}

@media (max-width:576px){
    .box-indicated .item {
        height: auto;
        margin-bottom: 30px;
        padding: 15px;
    }
    
    .box-indicated-02 {
        padding: 40px 0 0;
    }
    
    .box-list-price.box-list-price-idx .item-pk {
        margin-top: 0;
    }
    
    .box-indicated-03 {
        margin-bottom: 0;
    }
    .banner-indicatoar .swiper-slide img {
        height: 44vw;
    }
    
    .banner-indicatoar .info-banner .content .title {
        font-size: 19px;
        margin-bottom: 0;
    }
    
    .banner-indicatoar .info-banner .content .dsc {
        font-size: 14px;
    }
    .box-list-price.box-list-price-idx .item-pk .content>ul>li.no {
        font-size: 20px;
    }
    
    .box-list-price.box-list-price-idx .item-pk .content>ul>li {
        font-size: 16px;
    }
}
.box-indicated .item .img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
    border: 4px solid var(--color-highlight);
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -109px;
    position: relative;
}

.box-indicated .item .img img {
    width: 70px;
}

.box-indicated .list {
    margin-top: 130px;
}

.box-indicated .item .content .dsc {
    margin-bottom: 15px;
}
.box-indicated .item .img:before {
    position: absolute;
    top: -4px;
    left: -4px;
    z-index: 0;
    width: 150px;
    height: 150px;
    background-color: #ffffff59;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 0 2.5rem rgb(226 228 228 / 25%);
    font-size: 30px;
    animation: zoom-in-zoom-out 1.8s ease-out infinite;
    content: '';
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
    
  }
  50% {
    transform: scale(1.3, 1.3);
  }
  100% {
    transform: scale(1, 1);
  }
}

.box-indicated.box-indicated-nd .item {
    padding: 20px;
}

.box-indicated.box-indicated-nd .item .image {
    border-radius: 8px;
    overflow: hidden;
}

.box-indicated.box-indicated-nd .item .content .name {
    font-size: 17px;
}

.box-list-price.box-list-price-idx .item-pk .name {
    color: #fff;
}

.box-hdsd {
    margin-bottom: 50px;
}

.box-hdsd {
    border-radius: 8px;
    background: #fff;
    padding: 30px;
}

.box-about-012 {
    background: #fff;
    padding: 30px;
    border-radius: 8px;
}

.box-about-012 .text-01 {
    margin-bottom: 21px;
}
.box-step .info .info-content .video .img video {
    border-radius: 12px;
    overflow: hidden;
}

.form-billing .form-group .form-control {
    border: 1px solid #ddd;
    border-radius: 8px;
    height: 45px;
}
.order-section.order-section-success .title img {
    width: 80px;
    margin-bottom: 20px;
    height: 80px;
}

.order-section.order-section-success {
    margin-top: 50px;
    margin-bottom: 30px;
    background: #fff;
    padding: 30px;
    border-radius: 30px;
}

.order-section.order-section-success .title .text-order {
    font-size: 25px;
    color: #000;
}
.order-section.order-section-success .title {
    margin-bottom: 15px;
}

.note-order-section, .note-02 {
    font-size: 18px;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 15px;
}
.note-02 span {
    color: #000000;
}
.note-order-section span {
    display: block;
}

.order-section.order-section-success .link-order {
    text-align: center;
}

.order-section.order-section-success .link-order a {
    background: var(--color-highlight);
    color: #fff;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 33px;
}

@media (max-width: 767px){
    .box-indicated-03>.container>.row>div {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .box-about-012 {
        margin-bottom: 15px;
        height: auto !important;
        padding: 15px;
    }
}

.box-what-we-choin .item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 0px 20px;
}

.box-what-we-choin .item .title {
    font-size: 60px;
    color: var(--color-highlight);
    margin-right: 20px;
    line-height: 1.2;
}

.box-what-we-choin .item .description {
    font-size: 18px;
}

.box-what-we-choin .item:before {
    content: '';
    position: absolute;
    right: -7.5px;
    height: 50px;
    background: #ddd;
    width: 1px;
}

.box-what-we-choin>.row>div:last-child .item:before {
    display: none;
}
.box-what-we-choin .item img {
    width: 67px;
    margin-right: 20px;
}

.box-how-does .link {
    text-align: center;
}

.box-how-does .link a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 25px;
    background: var(--color-highlight);
    color: #fff;
    border-radius: 5px;
    margin-top: 50px;
    border: 1px solid var(--color-highlight);
}

.box-how-does .link a:hover {
    background: none;
    color: var(--color-highlight);
}

.info-link .link>ul>li span {
    cursor: pointer;
}

@media (max-width:767px){
    .box-acticle-page .article-item {
        padding: 0;
    }
    
    .box-acticle-page .article-item .inner-content {
        padding: 0 10px 10px;
    }
    
    .box-acticle-page .article-item .inner-image {
        margin-bottom: 10px;
    }
    .box-acticle-page .article-item {
        padding: 0;
    }
    
    .box-acticle-page .article-item .inner-content, .box-article-latest-analyses .article-item  .inner-content {
        padding: 0 10px 10px;
    }
    
    .box-acticle-page .article-item .inner-image {
        margin-bottom: 10px;
    }
    
    .box-acticle-page>.row, .box-article-latest-analyses>.row {
        margin-right: -5px;
        margin-left: -5px;
    }
    
    .box-acticle-page>.row>div, .box-article-latest-analyses>.row>div {
        padding-right: 5px;
        padding-left: 5px;
    }
    
    .box-acticle-page .article-item .inner-image .img, .box-article-latest-analyses .article-item  .inner-image .img {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
    
    .box-acticle-page .article-item .inner-content  .article-title, .box-article-latest-analyses .article-item  .inner-content  .article-title {
        font-size: 13px;
        margin-bottom: 5px !important;
    }
    
    .box-acticle-page .article-item .inner-content .package-date,.box-article-latest-analyses  .inner-content .package-date {
        display: none;
    }
    
    .box-acticle-page .article-item .inner-content .article-description, .box-article-latest-analyses  .inner-content .article-description {
        font-size: 12px;
        margin-bottom: 0 !important;
    }
    
    .box-acticle-page .article-item .inner-content .link,  .box-article-latest-analyses  .inner-content .link {
        display: none;
    }
    .box-join-huntrding .note-sale {
        margin-bottom: 0;
    }
    
    .box-join-huntrding .note-sale span {
        font-size: 14px;
    }
    .box-service .item .description {
        font-size: 12px;
    }
    
    .title-section {
        margin-bottom: 10px;
    }
    .box-article-home-top .article-item, .box-article-update .swiper .swiper-slide {
        flex: 0 0 70%;
        padding: 10px;
    }
    
    .box-article-home-top .article-item .inner-content .article-title {
        font-size: 15px;
        margin-bottom: 10px;
        min-height: 38px;
    }
    
    .article-item .inner-content .article-category a {
        font-size: 11px;
    }
    
    .box-article-home-top .article-item .inner-content .article-description {
        font-size: 13px;
    }
    
    .box-article-home-top .article-item .inner-image .explore {
        height: 35px;
        padding-left: 5px;
        padding-right: 13px;
        font-size: 12px;
    }
    
    .box-article-home-top .article-item .inner-image .explore i {
        font-size: 19px;
        margin-right: 7px;
    }
    .box-article-update .inner-content .article-title {
        font-size: 14px;
    }
    
    .box-article-update .inner-content .user {
        display: none;
    }
    
    .box-article-update .inner-content  .article-description {
        font-size: 13px;
    }
    .box-signal-page .slogan-section {
        font-size: 23px;
    }
    .menu-article>ul>li>a {
        padding: 6px 10px;
        font-size: 12px;
    }
    
    .box-article-latest-analyses .dsc-section {
        font-size: 13px;
        margin-bottom: 15px;
    }
    
    .menu-article {
        margin-bottom: 19px;
    }
    .box-article-latest-analyses .article-item {
        padding: 0;
    }
    
    .box-article-latest-analyses .article-item .inner-image {
        margin-bottom: 10px;
    }
    .box-indicated .item .content .dsc, .box-indicated .item .content .dsc-sho {
        font-size: 13px;
    }
    
    .box-about-012 .text-01 {
        margin-bottom: 15px;
        font-size: 13px;
    }
    
    .box-list-price.box-list-price-idx .item-pk .name {
        font-size: 35px;
    }
    
    .box-hdsd {
        margin-bottom: 30px;
        padding: 15px;
    }
    
    .box-indicated .item .content {
        margin-top: 10px;
    }
    
    .box-indicated .item .content .name {
        margin-bottom: 5px;
    }
    .box-what-we-choin .item {
        flex-wrap: wrap;
        display: flex;
        margin-bottom: 0;
        background: #ebebeb;
        height: 100%;
        border-radius: 8px;
        padding: 14px;
        justify-content: center;
        align-content: flex-start;
    }
    
    .box-what-we-choin .item .title {
        margin-right: 0;
        font-size: 24px;
        flex: 0 0 100%;
        text-align: center;
    }
    
    .box-what-we-choin .item .description {
        font-size: 14px;
        text-align: center;
        flex: 0 0 100%;
        margin-top: 7px;
    }
    
    .box-what-we-choin .item:before {
        display: none;
    }
    
    .box-what-we-choin .item img {
        width: 40px;
        margin-right: 0;
        display: block;
    }
    
    .box-what-we-choin>.row>div {
        margin-bottom: 15px;
    }

    .box-how-does .item .name {
        font-weight: 700;
    }
    
    .box-how-does .link a {
        margin-top: 20px;
    }
    .box-section-why-choose.box-section-why-choose-01 {
        padding: 30px 0 20px;
    }
    .block-mobile .menu-article ul {
        display: flex;
        justify-content: flex-start;
    }
    .box-indicated .slogan-section {
        margin-bottom: 20px !important;
    }
    .box-contact-page .info .item-contact .btn-all {
        font-size: 11px;
    }
}

.box-signal-page .list-trading .trading-item .btn-trading .side {
    margin-top: 5px;
    border: 2px solid #c0f5f0;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    background: #e1fefb;
}

.box-signal-page .list-trading .trading-item .btn-trading .side img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box-signal-page .list-trading .trading-item .btn-trading .side.side-short {
    border: 2px solid #aa9191;
    background: #fadfdf;
}

.box-signal-page .list-trading .trading-item .trading-right .price-loss .item a {
    color: #000;
}
.trading-item.trading-item-active {
    background: #ffffff;
    /* box-shadow: 0 0px 6px rgb(0 0 0 / 12%), 0 0px 10px rgb(0 0 0 / 12%); */
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.box-signal-page .list-trading .trading-item.trading-item-active .trading-right .price-loss .price-take .item span.value {
    background: #a3a3a3;
    color: #fff;
}

.box-signal-page .list-trading .trading-item.trading-item-active .trading-right .price-loss .price-take .item span.value a {
    color: #fff;
}
.box-signal-page .list-trading .trading-item.trading-item-active .trading-right .price-loss .stop-loss .item.item-loss span.value {
    background: #ff00008f;
    color: #fff;
}

.box-signal-page .list-trading .trading-item.trading-item-active .trading-right .price-loss .stop-loss .item.item-loss span.value a {
    color: #fff;
}

.box-signal-page .list-trading .trading-item.trading-item-active .trading-right .price-loss .item .value {
    background: #a3a3a3;
    color: #fff;
}

.box-signal-page .list-trading .trading-item.trading-item-active .trading-right .price-loss .item .value a {
    color: #fff;
}
.box-signal-page .box-tab-th ul {
    border: 0;
    padding: 15px;
    background: #fff;
    margin-bottom: 15px;
    border-radius: 8px;
}

.box-signal-page .box-tab-th ul>li>a {
    border: 0;
    margin: 0;
    border: 1px solid #ddd !IMPORTANT;
    border-radius: 5px;
    color: #000;
    width: 130px;
    text-align: center;
}

.box-signal-page .box-tab-th ul>li {
    margin-right: 10px;
}

.box-signal-page .box-tab-th ul>li>a.active, .box-signal-page .box-tab-th ul>li>a:hover {
    background: var(--color-highlight);
    border-color: var(--color-highlight);
    color: #fff;
}
.box-signal-page .list-trading .trading-item .trading-left .side {
    flex: 0 0 55px;
    border-radius: 15px;
}

.box-signal-page .list-trading .trading-item .trading-left .side img {
    height: 80px;
    width: 100%;
}

@media (min-width:1024px){
    .box-signal-page .list-trading .trading-item .trading-right .price-loss .stop-loss .item {
        margin-top: 0;
    }
        
    .box-popular-pairs .list-trading .btn-trading.trading-atv-home {
        width: 215px;
        justify-content: end;
    }
}
.box-signal-page .list-trading .trading-item .trading-right .price-loss .item.item-take-active span.value {
    background: #26c48c94;
}

.box-signal-page .list-trading .trading-item.trading-item-active .trading-right .price-loss .price-take .item.item-take-active span.value {
    background: #26c48c;
}


.box-signal-page .list-trading .trading-item .trading-left .order_type {
    margin-bottom: 3px;
    text-transform: capitalize;
    font-size: 14px;
}
.title-price-loss .created {
    font-size: 14px;
    color: #000;
}
.title-price-loss .created a {
    color: #000;
}

.box-article-home-top .article-item .inner-content .article-description {
    min-height: 45px;
}
.header-top>.container>.row>div:nth-child(1) {
    display: flex;
    align-items: center;
}

.header-top>.container>.row>div:nth-child(1) div#google_translate_element {
    margin-left: 15px;
}

.goog-te-gadget .goog-te-combo {
    border: 1px solid #ddd;
    padding: 5px;
    border-radius: 5px;
    width: 200px;
    margin-bottom: 0 !important;
}

.goog-te-gadget>div ~ * {
    display: none;
}

.goog-te-gadget {
    width: 200px;
    overflow: hidden;
    height: 34px;
}

@media (max-width:1200px){
    .goog-te-gadget .goog-te-combo {
        width: 100%;
    }
    
    .goog-te-gadget {
        width: 100%;
    }
    
    .header-top-mb-01 .box-header-info .icon {
        display: none;
    }
    
    .header-top-mb-01 .box-header-info .info.info-package {
        margin-left: 0;
        margin-right: 0 !important;;
    }
    .box-header-info.box-tai-khoan {
        text-align: center;
        display: block;
    }
    .box-header-info.box-header-login>a span.info {
        margin-right: 0;
        text-align: left;
    }
    
    .header-top-mb-01>.container>.row {
        display: flex;
        align-items: center;
    }
    .box-search {
        margin-right: 0;
    }
}

.skiptranslate {
    opacity: 0;
    display: none;
}

.skiptranslate.goog-te-gadget {
    opacity: 1;
    display: block;
}
body {
    top: 0 !important;
}


.link-scoll>.item>.nav-link {
    display: inline-block;
    padding: 10px 20px;
    background: var(--color-highlight);
    width: 150px;
    text-align: center;
    color: #fff;
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid var(--color-highlight);
}

.link-scoll>.item {
    padding-left: 10px;
    padding-right: 10px;
}

.link-scoll {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -93px;
    position: relative;
    z-index: 99;
}
.link-scoll>.item>.nav-link:hover {
    background: #fff;
    color: var(--color-highlight);
    border-color: var(--color-highlight);
}

.box-list-marketplace .product-item {
    padding: 5px 20px 15px;
    background: rgb(255 255 255);
    position: relative;
    border: 1.5px solid #e2e2e2;
    border-radius: 0 0 20px 20px;
    margin-bottom: 0;
    margin-top: 0;
}

.box-list-marketplace .product-item .inner-image .img {
    border-radius: 10px;
    overflow: hidden;
}

.box-list-marketplace .product-item .inner-content .product-title {
    font-weight: 700;
    font-size: 21px;
    color: var(--color-highlight);
}

.featured-top {
    text-align: left;
    margin-bottom: 15px;
}

.featured-top .item-fd-top {
    margin-bottom: 10px;
    font-size: 14px;
    color: #1d2b4f;
    display: flex;
    align-items: center;
}

.featured-top .item-fd-top i {
    color: var(--color-main);
    display: inline-block;
    margin-right: 5px;
}

.featured-top .item-fd-top span {
    display: inline-block;
    margin-left: 5px;
    font-weight: 700;
    cursor: pointer;
}


.box-list-marketplace .product-item .inner-content .icon-name {
    display: flex;
    text-align: left;
    align-items: center;
    padding-bottom: 15px;
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
    justify-content: space-between;
}

.box-list-marketplace .product-item .inner-content .icon-name .icon img {
    width: 85px;
    height: 85px;
}

.box-list-marketplace .product-item .inner-content .inter-name .price {
    font-weight: 700;
}

.box-list-marketplace .product-item .inner-content .inter-name .price span.price-amount {
    font-weight: 700;
    font-size: 28px;
}
.btn-add-to-cart a {
    display: block;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    background: var(--color-highlight);
    border: 1px solid var(--color-highlight);
    color: #fff;
    font-weight: 700;
}
.box-list-marketplace .product-item .inner-content {
    position: relative;
    z-index: 1;
}

.box-list-marketplace .product-item .img-bf {
    position: absolute;
    top: -61px;
    width: calc(100% + 3px);
    left: -1px;
}

.box-list-marketplace .product-item .inner-content .product-title img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.box-list-marketplace .product-item .img-bf {
    position: absolute;
    top: -61px;
    width: calc(100% + 2.5px);
    left: -1px;
}

.box-list-marketplace .product-item .inner-content .product-title img {
    width: 32px;
    height: 32px;
    margin-right: 10px;
}

.box-list-marketplace {
    padding-top: 0;
}
.box-list-marketplace .product-item .inner-content .link-more {
    margin-bottom: 15px;
}

.box-list-marketplace .product-item .inner-content .link-more a {
    color: red;
    font-size: 14px;
}

.modal-tinh-nang .modal-content .modal-header {
    padding: 10px 15px;
}

.modal-tinh-nang .modal-content {
    border-radius: 8px;
    background: var(--bg);
}

.modal-tinh-nang .modal-content .modal-header .modal-title {
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}

.modal-tinh-nang .modal-content button.close {
    opacity: 1;
    font-size: 25px;
    color: #fff;
}

.modal-tinh-nang .modal-content .modal-body {
    padding: 15px;
}

.modal-tinh-nang .modal-content .modal-body .featured-top {
    margin-bottom: 0;
    color: #ffff;
}

.modal-tinh-nang .modal-content .modal-body .featured-top .item-fd-top {
    color: #fff;
}

.modal-tinh-nang .modal-content .modal-body .featured-top .item-fd-top i {
    color: #fff;
}
.box-list-marketplace .product-item .inner-content .inter-name .price span.lb-year {
    display: inline-block;
    margin-left: 5px;
}

.box-phan-tich-01 table tbody td {
    height: 50px;
}

.box-price-hub {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 18px;
    overflow: hidden;
}

.box-price-hub table {
    border: 0 !important;
    height: auto !important;
}

.box-price-hub table tbody, .box-price-hub table tbody td {
    border: 0 !important;
}

.box-price-hub table tbody td {
    padding: 10px 15px;
}

.box-price-hub tbody tr, .box-price-hub tbody tr td {
    height: 50px !important;
    max-height: 50px !important;
}

.box-price-hub tbody tr:first-child td {
    background: #26c48c40;
    font-weight: 700;
}
.box-price-hub tbody tr td img {
    width: 18px;
    height: 18px;
}
.box-price-hub tbody tr td {
    text-align: center;
}

.box-price-hub tbody tr td:first-child {
    text-align: left;
}

.box-price-hub tbody tr td {
    border-bottom: 1px solid #ddd !important;
}

.box-price-hub tbody tr:last-child td {
    border-bottom: 0 !important;
}
.featured-top .item-fd-top img {
    height: 20px;
}

.featured-top .item-fd-top img {
    margin-right: 10px;
    /* filter: grayscale(1); */
}

.box-list-marketplace .product-item.active .inner-content .featured-top .item-fd-top {
    display: flex;
}
.box-list-marketplace .product-item .inner-content .inter-name .price span.price-amount.old-price {
    font-size: 16px;
}

@media (max-width:767px){
    .box-list-marketplace>.row>div {
        margin-bottom: 90px;
    }
    
    .box-list-marketplace>.row>div:last-child {
        margin-bottom: 0;
    }
    
    .product .box-phan-tich-01 {
        padding-bottom: 10px;
    }
}
.box-list-marketplace .list-vps {
    padding-top: 60px;
}

.box-list-marketplace .slogan-section {
    margin-bottom: 30px;
}


.country-item {
    padding: 8px;
    cursor: pointer;
    border-radius: 5px;
}

.active-country {
    color: var(--color-highlight);
    font-weight: bold;
}

.modal-country-google .modal-dialog .modal-content .modal-header {
    padding: 20px;
}

.modal-country-google .modal-dialog .modal-content .modal-header .modal-title {
    font-size: 18px;
    font-weight: 700;
}

.modal-country-google .modal-dialog .modal-content {
    border-radius: 12px;
}

.modal-country-google .modal-dialog .modal-content .modal-body {
    padding: 20px;
}

.modal-country-google  .list-group {
    height: 300px;
    overflow-y: auto;
}

.modal-country-google .list-group .list-group-item {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 15px;
}
.modal-country-google .modal-dialog .input-group {
    align-items: center;
    border: 1px solid #e4e6ea;
    border-radius: 10px;
    box-shadow: 0 6px 24px #0000001a;
    display: flex;
    font-size: 18px;
    height: 50px;
    padding: 8px 8px 8px 18px;
    margin-bottom: 20px;
}

.modal-country-google .modal-dialog .input-group .form-control {
    border: 0;
    padding: 0;
    height: 27px;
}

.modal-country-google .modal-dialog .input-group i {
    border-right: 1px solid #ddd;
    padding-right: 10px;
    margin-right: 10px;
}

.modal-country-google .list-group::-webkit-scrollbar {
    width: 6px;
    background-color: #F5F5F5;
} 
.modal-country-google .list-group::-webkit-scrollbar-thumb {
    background-color: #2c404f;
    width:5px;
}
.modal-country-google .list-group .list-group-item:hover {
    color: var(--color-highlight);
}

div#showModalBtn {
    padding: 10px 5px;
    background: #d0fbe5;
    line-height: 1;
    font-weight: 700;
    width: 65px;
    border-radius: 7px;
}

.box-list-tradingview .list-vps {
    /* border: 1px solid #ddd; */
    /* background: #fff; */
    border-radius: 20px;
}

.box-list-tradingview .list-vps>.row {
    margin-right: 0;
    margin-left: 0;
}

.box-list-tradingview .list-vps>.row>div {
    padding: 0;
    border-right: 1px solid #ddd;
}

.box-list-tradingview .product-trading {
    padding: 30px;
    background: #fff;
    margin-top: 30px;
    position: relative;
}


.box-list-tradingview .slogan-section {
    margin-bottom: 48px;
}

.box-list-tradingview .list-vps>.row>div:last-child {
    border-right: 0;
}

.box-list-tradingview .product-trading .product-title {
    font-size: 25px;
    font-weight: 700;
    color: var(--color-highlight);
    margin-bottom: 10px;
}

.box-list-tradingview .product-trading .inner-content {
    margin-bottom: 18px;
    border-bottom: 3px solid #ddd;
    padding-bottom: 10px;
}

.box-list-tradingview .product-trading .btn-add-to-cart {
    margin-top: 20px;
}

.box-list-tradingview .product-trading .inner-content .price .price-amount {
    font-size: 30px;
    font-weight: 700;
}
.box-list-tradingview .product-trading .link-more a {
    color: red;
    font-size: 14px;
}

.box-list-tradingview .product-trading.active .item-fd-top {
    display: flex;
}

.product-trading .link-more span.hide, .product-item .link-more span.hide {
    display: none;
}

.product-trading.active .link-more span.hide, .product-item.active .link-more span.hide {
    display: inline-block;
}

.product-trading.active .link-more span.show, .product-item.active .link-more span.show {
    display: none;
}

.header-top-mb-01>.container>.row>div:nth-child(3) {
    display: flex;
    justify-content: flex-end;
}
.box-list-marketplace .product-item .featured-top .item-fd-top {
    display: flex;
    align-items: flex-start;
}
@media (max-width:767px){
    .box-list-marketplace .list-vps>.row>div {
        margin-bottom: 80px;
    }
    
    .box-list-marketplace .list-vps>.row>div:last-child {
        margin-bottom: 30px;
    }
    
    .box-list-tradingview .list-vps>.row>div {
        border-right: 0;
        border-bottom: 1px solid #ddd;
    }
    .box-list-marketplace .product-item .inner-content .product-title {
        font-size: 15px;
    }
    
    .box-list-marketplace .product-item {
        padding: 5px 15px 30px;
    }
}
.box-list-tradingview .product-trading.product-featured {
    background: var(--color-main);
    padding-top: 60px;
    height: auto;
    margin-top: 0;
    padding-bottom: 60px;
}

.box-list-tradingview .product-trading.product-featured .inner-content .product-title, .box-list-tradingview .product-trading.product-featured .inner-content .product-title a {
    color: #fff;
}

.box-list-tradingview .product-trading.product-featured .inner-content .price {
    color: #fff;
}

.box-list-tradingview .product-trading.product-featured .featured-top .item-fd-top {
    color: #fff;
}

.btn-add-to-cart a:hover {
    color: var(--color-highlight);
    background: #ffff;
}

.box-list-tradingview .product-trading.product-featured .btn-add-to-cart a {
    background: #fff;
    border-color: #fff;
    color: var(--color-main);
}

.box-list-tradingview .product-trading.product-featured .btn-add-to-cart a:hover {
    background: none;
    color: #fff;
}

.box-list-tradingview .product-trading.product-featured img.sale {
    height: 67px;
    position: absolute;
    top: -32px;
    left: 50%;
    transform: translateX(-50%);
}

.top-name-right .info-vps .price-amount {
    color: red;
}
@media (max-width:767px){
    .box-list-tradingview .product-trading.product-featured {
        padding-bottom: 30px;
        margin-top: 60px;
    }
    .box-list-tradingview .slogan-section {
        margin-bottom: 0;
    }
}

.form-dropdown-ct-tb .dropdown-menu {
    padding: 0;
    min-width: 150px;
    border-radius: 8px;
}
.form-dropdown-ct-tb .dropdown-menu .dropdown-item {
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
    color: #000;
    font-size: 14px;
}
.form-dropdown-ct-tb .dropdown-menu li:last-child .dropdown-item {
    border-bottom: 0;
}

#modal-detail-vps .modal-dialog .modal-content {
    background: #fff;
    padding: 20px;
    margin: auto;
    border-top: 5px solid var(--color-highlight);
    position: relative;
    border-radius: 15px;
}

div#modal-detail-vps .modal-dialog .modal-content .modal-body {
    padding: 0;
}

div#modal-detail-vps .modal-dialog .modal-content .close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: red;
    opacity: 1;
}

div#modal-detail-vps .title {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-main);
    margin-bottom: 13px;
}

div#modal-detail-vps .modal-dialog {
    max-width: 600px;
}


#modal-renew-vps  .modal-dialog {
    max-width: 400px;
}

#modal-renew-vps  .modal-dialog .modal-content {
    background: #fff;
    padding: 20px;
    margin: auto;
    border-top: 5px solid var(--color-highlight);
    position: relative;
    border-radius: 15px;
}

#modal-renew-vps  .modal-dialog .modal-content .close {
    position: absolute;
    right: 5px;
    top: 5px;
    color: red;
    opacity: 1;
}

#modal-renew-vps .modal-dialog .modal-content .modal-body {
    padding: 0;
}
#modal-renew-vps  .title {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-main);
    margin-bottom: 13px;
}
.member-package-section .box-list-price .item-pk {
    padding: 20px 30px;
    margin-top: 0;
}

.info-item-order .item {
    background: #f4f4f4;
    padding: 10px;
    text-align: left;
    position: relative;
    /* border: 1px solid var(--color-highlight); */
    border-radius: 5px;
}

.info-item-order .item .remove-cart-order {
    position: absolute;
    top: 0;
    right: 10px;
    z-index: 9;
}

.info-item-order .item  .name-element {
    margin-bottom: 5px;
}

.member .box-list-price .item-pk {
    font-family: "Inter";
}
.box-list-aff .box-list-price .box-pk-info .item-pk {
    display: flex;
    align-content: space-between;
    flex-direction: row;
    margin-top: 18px;
    padding-bottom: 18px;
}

.box-list-aff .box-list-price .box-pk-info .item-pk:last-child {
    padding-bottom: 0;
}

.box-list-aff .box-list-price .box-pk-info.box-pk-info-bottom .item-prd .item-pk {
    padding-bottom: 15px;
}

.box-list-aff .box-list-price .box-pk-info.box-pk-info-bottom .item-prd {
    border-bottom: 2px solid #cecece;
}

.box-list-aff .box-list-price .box-pk-info.box-pk-info-bottom .item-prd:last-child {
    border: 0;
}

.box-list-marketplace-mb .list-vps>.row>div {
    margin-bottom: 15px;
}
.box-list-marketplace .product-item .featured-top .item-fd-top i {
    font-size: 21px;
    color: #6beab9;
    width: 20px;
    margin-right: 10px;
}
.box-list-marketplace.box-list-marketplace-mb {
    margin-top: 15px;
}


.box-list-marketplace .product-item .inner-content .list-price {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2px;
    margin-right: -2px;
}

.box-list-marketplace .product-item .inner-content .list-price .item .form-check .form-check-label {
    border: 1px solid #ddd;
    font-size: 11px;
    text-align: center;
    border-radius: 5px;
    width: 100%;
    padding: 5px;
    cursor: pointer;
}

.box-list-marketplace .product-item .inner-content .list-price .item {
    flex: 0 0 33.33%;
    padding-left: 2px;
    padding-right: 2px;
    margin-bottom: 10px;
}

.box-list-marketplace .product-item .inner-content {
    margin-left: -5px;
    margin-right: -5px;
}

.box-list-marketplace .product-item .inner-content .list-price .item .form-check input {
    opacity: 0;
}

.box-list-marketplace .product-item .inner-content .list-price .item .form-check input:checked~.form-check-label {
    border-color: var(--color-highlight);
}

.box-list-marketplace .product-item .inner-content .list-price .item .form-check {
    padding: 0;
}

.box-list-marketplace-mb .list-vps .product-item .inter-name .price .price-amount {
    font-size: 18px !important;
}

.box-list-marketplace-mb .list-vps .product-item .featured-top .item-fd-top [class*="pending"], .status-detail-vps [class*="pending"] {
    background: #FFC107;
}

.box-list-marketplace-mb .list-vps .product-item .featured-top .item-fd-top [class*="error"], .status-detail-vps [class*="error"]  {
    background: #795548;
    color: #fff;
}

.box-list-marketplace-mb .list-vps .product-item .featured-top .item-fd-top [class*="active"], .status-detail-vps [class*="active"]  {
    background: #26c48c;
}

.box-list-marketplace-mb .list-vps .product-item .featured-top .item-fd-top [class*="suspended"], .status-detail-vps [class*="suspended"]  {
    background: #8BC34A;
}

.box-list-marketplace-mb .list-vps .product-item .featured-top .item-fd-top [class*="shutdown"], .status-detail-vps [class*="shutdown"]  {
    background: #000000;
    color: #fff;
}

.box-list-marketplace-mb .list-vps .product-item .featured-top .dropdown-item:focus {
    background: var(--color-highlight);
    color: #fff;
}

.box-list-marketplace-mb .list-vps .product-item .featured-top .item-fd-top .badge.delete, .status-detail-vps  .badge.delete  {
    background: red;
    color: #fff;
}

span.password-vpn span>svg {
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.password-vpn .password {font-size: 12px;}

.password-vpn .password.hidden {
    color: transparent;
    text-shadow: 0 0 0 #000; /* tạo dấu *** */
}

.password-vpn .nh-show-password .hidden {
    display: none;
}

.password-vpn.showing .nh-show-password .show {
    display: none;
}

.password-vpn.showing .nh-show-password .hidden {
    display: inline;
}

.password-vpn.showing .password {
    color: #000;
    text-shadow: none;
}
.password-vpn .password span:nth-child(1) {
    display: inline;
}

.password-vpn .password span:nth-child(2) {
    display: none;
}

.password-vpn.showing .password span:nth-child(1) {
    display: none;
}

.password-vpn.showing .password span:nth-child(2) {
    display: inline;
}

.password-vpn .nh-show-password .hidden {
    display: none;
}

.password-vpn.showing .nh-show-password .show {
    display: none;
}

.password-vpn.showing .nh-show-password .hidden {
    display: inline;
}

span.nh-show-password {
    margin-left: 0 !important;
}

span.nh-show-password>span {
    margin-left: 0 !important;
}

span.nh-show-password svg {
    margin-right: 0 !important;
    width: 20px;
    height: 20px;
}

.box-list-marketplace-mb .list-vps .product-item .inner-content {
    margin-left: 0;
    margin-right: 0;
}
.item-fd-password.password-vpn {
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.item-fd-password.password-vpn span.item-left {
    font-size: 13px;
}

.item-fd-password.password-vpn span.item-left span {
    font-weight: 700;
}

a.nh-show-password span svg {
    width: 20px;
    height: 20px;
}
.featured-top .item-fd-top svg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
}
.box-phan-tich-01 .box-list-marketplace>.list-vps>.row>div {
    margin-bottom: 75px;
}
.box-phan-tich-01.box-price-vps-01>.container {
    max-width: 1430px;
}
.box-list-marketplace .product-item .inner-content .list-price .item .form-check input:checked~.form-check-label {
    border-color: #26C48C;
}

/* css backcom */
.header-menu-bc {
    position: absolute;
    z-index: 998;
    top: 30px;
    width: 100%;
}
.header-menu-bc>.container {
    width: 1230px;
}
.header-menu-bc>.container>.row {
    padding: 12px;
    border: 1px solid #E4E7EC;
    background: #FFFFFF;
    box-shadow: 0 32px 64px #1018280F;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 16px;
    margin-left: 14.5px;
    margin-right: 14.5px;
}
.logo-backcom img {
    max-height: 40px;
    width: auto;
}
.header-menu-bc .menu-section > ul > li > a {
    line-height: 1.5;
    height: auto;
    color: #000;
    font-weight: 600;
}
.header-menu-bc .btn-contact {
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    color: #182230;
    padding: 10px;
    border-radius: 8px;
    background: var(--color-highlight);
    width: 101px;
    text-align: center;
}
.section-banner-bcom {
    background: url(https://cdn.hubtrading.com/media/banner/bg-banner-home.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 60px;
}
.banner-backcom .banner-inner {
    display: flex;
    gap: 0 32px;
    flex-wrap: wrap;
    align-items: center;
    padding: 192px 0 120px;
}
.banner-backcom .banner-inner .banner-content {
    width: calc(50% - 16px);
    flex-basis: calc(50% - 16px);
}
.banner-backcom .banner-inner .banner-content .title {
    font-size: 48px;
    line-height: 60px;
    color: #101828;
    font-weight: 600;
    margin-bottom: 20px;
}
.banner-backcom .banner-inner .banner-content .desc {
    margin-bottom: 32px;
}
.banner-backcom .banner-inner .banner-content .start-button a {
    border-radius: 8px;
    background: var(--color-highlight);
    padding: 12px;
    font-size: 16px;
    line-height: 24px;
    color: #182230;
    font-weight: 600;
    display: inline-block;
    width: 153px;
    max-width: 100%;
    text-align: center;
}
.banner-backcom .banner-inner .banner-video {
    width: calc(50% - 16px);
    flex-basis: calc(50% - 16px);
    position: relative;
}
.banner-backcom .banner-inner .banner-video .video-wrapper {
    width: 100%;
    padding-top: 56.25%;
    position: relative;
    z-index: 1;
}
.banner-backcom .banner-inner .banner-video .video-wrapper iframe,
.banner-backcom .banner-inner .banner-video .video-wrapper .lg-video-object {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    display: inline-block;
    z-index: 1;
    border-radius: 20px;
}
.list-icon-featured .list {
    display: flex;
    gap: 32px;
    flex-wrap: wrap;
}
.list-icon-featured .list .item {
    width: calc((100% - 96px) / 4);
    flex-basis: calc((100% - 96px) / 4);
    display: inline-flex;
    align-items: center;
}
.list-icon-featured .list .item .icon-image {
    flex-basis: 52px;
}
.list-icon-featured .list .item .icon-image .icon-inner {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background: #475467;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.list-icon-featured .list .item:first-child .icon-image .icon-inner {
    background: var(--color-highlight);
    position: relative;
}
.list-icon-featured .list .item .icon-image .icon-inner img {
    width: 28px;
    height: auto;
}
.list-icon-featured .list .item:first-child .icon-image .icon-inner:after {
    content: '';
    position: absolute;
    width: calc(100% + 16px);
    height: calc(100% + 16px);
    border: 1px dashed var(--color-highlight);
    top: -9px;
    left: -9px;
    display: inline-block;
    border-radius: 50%;
}
.list-icon-featured .list .item .info {
    flex-basis: calc(100% - 52px);
    padding-left: 12px;
}
.list-icon-featured .list .item:first-child .info {
    padding-left: 20px;
}
.list-icon-featured .list .item .info .title {
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #101828;
    margin: 0;
}
.list-icon-featured .list .item .info .desc {
    font-size: 14px;
    line-height: 20px;
    color: #475467;
}
.list-exchanges {
    padding: 64px 0;
}
.list-exchanges .title-exchanges {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    color: #101828;
    width: 789px;
    margin: 0 auto;
    max-width: 100%;
    margin-bottom: 64px;
}
.list-exchanges .item-exchanges {
    border: 1px solid #E4E7EC;
    padding: 20px 20px 8px;
    background: #F2F4F7;
    border-radius: 20px;
}
.list-exchanges .item-exchanges .inner-image .img {
    position: relative;
    padding-top: 92%;
    background: #fff;
}
.list-exchanges .item-exchanges .inner-image {
    margin-bottom: 20px;
}
.list-exchanges .item-exchanges .inner-content .article-title {
    font-size: 24px;
    line-height: 32px;
    color: #101828;
    font-weight: 600;
    margin-bottom: 20px;
}
.list-exchanges .item-exchanges .inner-content .additional-infos .item-attr {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    gap: 10px;
}
.list-exchanges .item-exchanges .inner-content .additional-infos .item-attr .label {
    font-size: 14px;
    line-height: 20px;
    color: #101828;
}
.list-exchanges .item-exchanges .inner-content .additional-infos .item-attr .value,
.list-exchanges .item-exchanges .inner-content .additional-infos .item-attr .value a {
    font-size: 14px;
    line-height: 20px;
    color: #101828;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 5px;
}
.list-exchanges .item-exchanges .inner-content .additional-infos .item-attr .value a.copy {
    text-transform: uppercase;
}
.box-intro {
    padding: 50px 0 100px;
}
.what-backcom {
    display: flex;
    align-items: center;
    gap: 0 64px;
    flex-wrap: wrap;
}
.what-backcom .content-inner {
    width: calc(43.25% - 32px);
    flex-basis: calc(43.25% - 32px);
}
.what-backcom .content-inner .title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    color: #101828;
    margin-bottom: 24px;
}
.what-backcom .content-inner .desc {
    color: #475467;
}
.what-backcom .banner-image {
    width: calc(56.75% - 32px);
    flex-basis: calc(56.75% - 32px);
    position: relative;
}
.box-why-choose-bc .section-heading .title {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    color: #101828;
    width: 789px;
    margin: 0 auto;
    max-width: 100%;
}
.box-why-choose-bc .section-heading .desc {
    color: #475467;
    margin: 20px auto 0;
    width: 798px;
    max-width: 100%;
}
.box-why-choose-bc .section-heading {
    margin-bottom: 5rem;
}
.box-why-choose-bc .row {
    margin-left: -15px;
    margin-right: -15px;
}
.box-why-choose-bc .row>div[class*=col-] {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 6.5rem;
}
.box-why-choose-bc .item {
    padding-top: 26px;
    display: flex;
    flex-direction: column;
}
.box-why-choose-bc .item .image {
    position: relative;
    z-index: 2;
    text-align: center;
}
.box-why-choose-bc .item .image img {
    width: 82px;
    margin: -26px auto -32px;
}
.box-why-choose-bc .item .info {
    padding: 52px 21px 32px;
    border-radius: 16px;
    background: #F2F4F7;
    position: relative;
    z-index: 1;
    flex-grow: 1;
}
.box-why-choose-bc .item .info .title {
    text-align: center;
    margin-bottom: 8px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
    color: #101828;
}
.box-why-choose-bc .item .info .desc {
    color: #475467;
    text-align: center;
}
.box-say-backcom .section-heading {
    text-align: center;
    margin-bottom: 64px;
}
.box-say-backcom {
    padding: 96px 0;
    overflow: hidden;
}
.box-say-backcom .section-heading .title-section {
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    color: #101828;
    width: 789px;
    margin: 0 auto;
    max-width: 100%;
    justify-content: center;
}
.box-say-backcom .section-heading .dsc-section {
    color: #475467;
    margin: 20px auto 0;
    width: 798px;
    max-width: 100%;
}
.box-say-backcom .item {
    padding: 64px;
    text-align: center;
    border-radius: 16px;
    background: #F2F4F7;
    transition: opacity .3s;
}
.box-say-backcom .item .rating {
    display: flex;
    justify-content: center;
    gap: 0 4px;
}
.box-say-backcom .item .rating > span > img {
    width: 32px;
    height: 32px;
}
.box-say-backcom .item .content {
    font-size: 20px;
    line-height: 30px;
    color: #101828;
    font-weight: 500;
    margin: 24px 0 32px;
}
.box-say-backcom .item .info {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}
.box-say-backcom .item .info .avatar {
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    min-width: 48px;
}
.box-say-backcom .item .info .avatar span.user-default {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgb(228 231 236 / 1);
}
.box-say-backcom .item .info .avatar .user-default > svg {
    width: 32px;
    height: 32px;
}
.box-say-backcom .item .info .info-cus {
    display: inline-block;
    text-align: left;
}
.box-say-backcom .item .info .info-cus .name {
    font-size: 16px;
    line-height: 24px;
    color: #101828;
    margin-bottom: 4px;
    font-weight: 600;
}
.box-say-backcom .item .info .info-cus .desc-short {
    font-size: 14px;
    line-height: 20px;
    color: #475467;
}
.box-say-backcom .swiper-slide.swiper-slide-prev, .box-say-backcom .swiper-slide.swiper-slide-next {
    opacity: .4;
}
.list-faqs {
    padding: 48px 0 128px;
}
.list-faqs .section-heading {
    margin-bottom: 80px;
}
.list-faqs .section-heading .title-section {
    justify-content: center;
    font-size: 36px;
    line-height: 44px;
    font-weight: 600;
    color: #101828;
    width: 789px;
    margin: 0 auto;
    max-width: 100%;
}
.list-faqs .section-heading .dsc-section {
    color: #475467;
    margin: 20px auto 0;
    width: 798px;
    max-width: 100%;
}
.list-faqs #accordionQuestions {
    max-width: 789px;
    margin: 0 auto;
    width: 100%;
}
.list-faqs #accordionQuestions .card {
    padding: 24px 0 32px;
    border-bottom: 1px solid #E4E7EC;
}
.list-faqs #accordionQuestions .card .btn-question {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500;
    color: #101828;
    padding: 0;
    width: 100%;
    padding-right: 48px;
    background: url(https://cdn.hubtrading.com/media/icon/minus-circle.svg) right top 2px no-repeat;
    cursor: pointer;
    text-align: left;
    border: 0;
    font-weight: 600;
}
.list-faqs #accordionQuestions .card .btn-question.collapsed {
    background: url(https://cdn.hubtrading.com/media/icon/plus-circle.svg) right top 2px no-repeat;
}
.list-faqs #accordionQuestions .card .card-body {
    margin-top: 10px;
    color: #475467;
}
.list-faqs #accordionQuestions .card .card-body > p:last-child {
    margin-bottom: 0;
}
.list-faqs #accordionQuestions .card:last-child {
    border-bottom: 0;
}
.footer-form-nt {
    padding-top: 50px;
}
.footer-logo-backcom {
    padding: 5rem 0;
}
.footer-info .desc {
    color: #bababa;
    font-size: 14px;
}
.footer-info-bc {
    padding-bottom: 5rem;
}
.footer-info-bc>.container>.row {
    margin-left: -30px;
    margin-right: -30px;
}
.footer-info-bc>.container>.row>div[class*=col-] {
    padding-left: 30px;
    padding-right: 30px;
}
.footer-info .title-footer {
    font-size: 16px;
}
.footer-info .list-contact {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #bababa;
}
.footer-info .list-contact>li {
    font-size: 14px;
    line-height: 20px;
    color: #bababa;
    display: flex;
    gap: 0 8px;
    margin-bottom: 1rem;
}
.footer-info .list-contact>li>a {
    color: #bababa;
}
.article-exchange-detail {
    padding: 168px 0 50px;
    border-bottom: 1px solid #D0D5DD;
}
.article-exchange-detail .content-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 0 24px;
    padding-bottom: 40px;
    border-bottom: 1px solid #D0D5DD;
    margin-bottom: 16px;
}
.article-exchange-detail .content-summary .logo-trading {
    width: 148px;
    flex-basis: 148px;
    min-width: 148px;
}

.article-exchange-detail .content-summary .logo-trading>img {
    width: 148px;
    border-radius: 16px;
}
.article-exchange-detail .content-summary .title-floor {
    flex-grow: 1;
}
.article-exchange-detail .content-summary .title-floor .title {
    font-size: 30px;
    line-height: 38px;
    font-weight: 600;
    color: #101828;
    margin-bottom: 8px;
}
.article-exchange-detail .content-summary .title-floor .desc {
    font-size: 14px;
    line-height: 20px;
    color: #475467;
    margin-bottom: 20px;
}
.article-exchange-detail .content-summary .button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.article-exchange-detail .content-summary .button-group .view-video {
    padding: 12px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    display: inline-flex;
    padding-right: 14px;
    gap: 0 8px;
    align-items: center;
    color: #344054;
    border: 1px solid #D0D5DD;
}
.article-exchange-detail .content-summary .button-group .regsiter-btn {
    display: inline-block;
    padding: 12px;
    border-radius: 8px;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    background: #FFDD0A;
    width: 157px;
    text-align: center;
    color: #182230;
}
.article-exchange-detail .content-summary .additional-info {
    width: 25.33%;
    flex-basis: 25.33%;
}
.article-exchange-detail .content-summary .additional-info > ul {
    display: flex;
    flex-wrap: wrap;
    gap: 32px 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.article-exchange-detail .content-summary .additional-info > ul > li {
    width: calc(100% - 10px);
    flex-basis: calc(100% - 10px);
}
.article-exchange-detail .content-summary .button-group-mobile {
    display: none;
}
.article-exchange-detail .content-summary .additional-info > ul > li > .label {
    display: block;
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 20px;
    color: #667085;
    font-weight: 500;
}
.article-exchange-detail .content-summary .additional-info > ul > li > .value {
    font-size: 16px;
    line-height: 24px;
    color: #101828;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 0 8px;
}
.article-exchange-detail .content-summary .additional-info > ul > li.intro-code > .value {
    text-transform: uppercase;
}

@media (max-width: 768px) {
    .header-menu-bc>.container {
        width: 100%;
    }
    .header-menu-bc .menu-container {
        text-align: right;
    }
    .header-menu-bc>.container>.row {
        padding: 16px;
        box-shadow: 0 16px 48px #1018280F;
        margin: 0;
    }
    .banner-backcom .banner-inner {
        padding: 152px 0 48px;
    }
    .banner-backcom .banner-inner .banner-content {
        width: 100%;
        flex-basis: 100%;
        text-align: center;
        margin-bottom: 44px;
    }
    .banner-backcom .banner-inner .banner-video {
        width: 100%;
        flex-basis: 100%;
    }
    .banner-backcom .banner-inner .banner-content .title {
        font-size: 36px;
        line-height: 44px;
        font-weight: 600;
        color: #101828;
    }
    .banner-backcom .banner-inner .banner-content .desc {
        font-size: 14px;
        line-height: 20px;
        color: #475467;
        margin-bottom: 24px;
    }
    .list-icon-featured .list {
        display: flex;
        gap: unset;
        flex-wrap: nowrap;
        /* align-items: center; */
        /* overflow-x: auto; */
    }
    .list-icon-featured .list .item {
        width: 230px;
        flex: 0 0 230px;
        display: flex;
        align-items: center;
        padding: 10px;
        padding-right: 0;
    }
    .list-icon-featured .list .swiper-slide {
        text-align: left;
        flex: 0 0 60%;
        max-width: 60%;
    }
    .list-exchanges, .box-intro, .box-say-backcom {
        padding: 48px 0;
    }
    .list-exchanges .title-exchanges {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 32px;
    }
    .what-backcom {
        display: flex;
        align-items: center;
        gap: 0 64px;
        flex-wrap: wrap;
    }
    .what-backcom .content-inner {
        width: 100%;
        flex-basis: 100%;
        margin-bottom: 40px;
        text-align: center;
    }
    .what-backcom .content-inner .title {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 16px;
    }
    .what-backcom .banner-image {
        width: 100%;
        flex-basis: 100%;
    }
    .list-exchanges .item-exchanges {
        flex: 0 0 74%;
        max-width: 74%;
    }
    .list-icon-featured .list .item:first-child .icon-image .icon-inner {
        background: #475467;
    }
    .list-icon-featured .list .swiper-slide:first-child .item .icon-image .icon-inner {
        background: var(--color-highlight);
    }
    .list-icon-featured .list .item:first-child .icon-image .icon-inner:after {
        display: none;
    }
    .list-icon-featured .list .swiper-slide:first-child .item .icon-image .icon-inner:after {
        content: '';
        position: absolute;
        width: calc(100% + 16px);
        height: calc(100% + 16px);
        border: 1px dashed var(--color-highlight);
        top: -9px;
        left: -9px;
        display: inline-block;
        border-radius: 50%;
    }
    .box-why-choose-bc .item .image img {
        height: auto;
    }
    .box-why-choose-bc .swiper-slide {
        flex: 0 0 80%;
        max-width: 80%;
    }
    .box-why-choose-bc .section-heading .title,
    .box-say-backcom .section-heading .title-section,
    .list-faqs .section-heading .title-section {
        font-size: 24px;
        line-height: 32px;
    }
    .box-say-backcom .item {
        padding: 32px;
    }
    .box-say-backcom .item .content {
        font-size: 16px;
        line-height: 24px;
    }
    .box-say-backcom .item .info .avatar {
        width: 40px;
        flex-basis: 40px;
        min-width: 40px;
        height: 40px;
    }
    .box-say-backcom .item .info .avatar span.user-default {
        width: 40px;
        height: 40px;
    }
    .box-say-backcom .item .info .info-cus .name {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }
    .list-faqs {
        padding: 0 0 5rem;
    }
    .list-faqs .section-heading {
        margin-bottom: 4rem;
    }
    .footer-logo-backcom .logo-section {
        text-align: left;
        margin-bottom: 0 !important;
    }
    .footer-info {
        margin-bottom: 4rem;
    }
    .article-exchange-detail {
        padding: 128px 0 68px;    
    }
    .article-exchange-detail .content-summary {
        gap: 0 16px;
        padding-bottom: 32px;
        margin-bottom: 20px;
        align-items: center;
    }
    .article-exchange-detail .content-summary .logo-trading {
        width: 120px;
        flex-basis: 120px;
        min-width: 0;
    }
    .article-exchange-detail .content-summary .title-floor {
        width: calc(100% - 136px);
        flex-basis: calc(100% - 136px);
    }
    .article-exchange-detail .content-summary .title-floor .title {
        font-size: 24px;
        line-height: 32px;
    }
    .article-exchange-detail .content-summary .button-group {
        display: none;
    }
    .article-exchange-detail .content-summary .additional-info {
        width: 100%;
        flex-basis: 100%;
        margin-top: 24px;
    }
    .article-exchange-detail .content-summary .additional-info > ul {
        gap: 24px 16px;
    }
    .article-exchange-detail .content-summary .additional-info > ul > li {
        width: calc(50% - 8px);
        flex-basis: calc(50% - 8px);
    }
    .article-exchange-detail .content-summary .button-group-mobile {
        display: block;
        width: 100%;
        flex-basis: 100%;
        margin-top: 24px;
    }
    .article-exchange-detail .content-summary .button-group-mobile .view-video {
        font-size: 16px;
        line-height: 24px;
        padding: 12px;
        border-radius: 8px;
        text-align: center;
        display: block;
        font-weight: 600;
        display: flex;
        gap: 0 6px;
        justify-content: center;
        align-items: center;
        color: #344054;
        border: 1px solid #D0D5DD;
        box-shadow: 0 1px 2px #1018280D, 0 -2px 0 #1018280D;
        margin-bottom: 12px;
    }
    .article-exchange-detail .content-summary .button-group-mobile .regsiter-btn {
        font-size: 16px;
        line-height: 24px;
        padding: 12px;
        border-radius: 8px;
        text-align: center;
        display: block;
        font-weight: 600;
        color: #182230;
        background: var(--color-highlight);
    }
    .header-menu-bc .menu-top {
        text-align: left;
    }
    .header-menu-bc .menu-section > ul > li > a {
        color: #000;
        font-weight: 600;
        height: 4rem;
        line-height: 4rem;
    }
}