.about_us{ color: #EEEEEE; background-color: #000000; }
h1, h2, h3, h4, h5, h6 { font-family: 'Conv_AvenirLTStd-Black-1'; }
.container { max-width: 1320px; margin-left: auto; margin-right: auto; }

.empowering { padding-top: 120px; padding-bottom: 120px; overflow: hidden; }
.empowering .top-container { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 48px; }
.empowering .title { font-weight: 900; font-size: var(--fs-48); line-height: 138%; margin-bottom: 24px; }
.empowering .desc { font-weight: 400; font-size: var(--fs-16); line-height: 138%; margin-bottom: 0px; }
.empowering .data-container .swiper { width: 100%; overflow: visible; touch-action: pan-y; }
.empowering .data-container .swiper .swiper-wrapper { gap: 24px; }
.empowering .swiper-slide { flex: 1; height: auto; display: flex; align-items: center; justify-content: center; border-radius: var(--fs-32); border: 1px solid #2A2A2A; padding: var(--fs-32); flex-direction: column; text-align: center; }
.empowering .swiper-slide .meta { font-family: 'Conv_AvenirLTStd-Black-1'; color: var(--color-primary); font-weight: 900; font-size: 48px; line-height: 138%; }
.empowering .swiper-slide .meta i { font-style: normal; }
.empowering .swiper-slide .explan { font-weight: 400; font-size: var(--fs-16); line-height: 138%; color: var(--color-secondary); margin-bottom: 0px; }

.trade-live { padding-left: 24px; padding-right: 24px; }
.trade-live .layout { display: flex; gap: 24px; }
.trade-live .layout .layout-item { flex: 1; padding: 64px; min-height: 600px; background-position: center; background-size: cover; border-radius: 32px; overflow: hidden; }
.trade-live .layout .layout-item .layout-container { width: 100%; display: flex; }
.trade-live .layout .layout-item.trade { background-position: center; display: flex; justify-content: flex-end; position: relative; }
.trade-live .layout .layout-item.live { background-position: center; display: flex; justify-content: flex-start; }
.trade-live .layout .layout-item.trade .layout-container { justify-content: flex-start; position: relative; z-index: 2; }
.trade-live .layout .layout-item.live .layout-container { justify-content: flex-end; color: #232020; }
.trade-live .layout .layout-item .layout-container .layout-box { width: 100%; max-width: 500px; }
.trade-live .layout .layout-item .layout-box h2 { font-weight: 900; font-size: var(--fs-48); line-height: 138%; margin-bottom: 24px; }
.trade-live .layout .layout-item p { margin-bottom: 0; font-weight: 400; font-size: var(--fs-16); line-height: 138%; }

.milestones { padding-top: 120px; padding-bottom: 60px; }
.milestones .layout .head { margin-bottom: 48px; max-width: 900px; margin-left: auto; margin-right: auto; text-align: center; }
.milestones .layout .head h2 { margin-bottom: 24px; font-weight: 900; font-size: var(--fs-48); line-height: 138%; }
.milestones .layout .head p { margin-bottom: 0; font-weight: 400; font-size: var(--fs-16); line-height: 138%; }
.milestones .layout .subject .sub-subject { display: flex; align-items: center; align-items: stretch; width: 100%; gap: 48px; }
.milestones .layout .subject .sub-subject + .sub-subject { margin-top: 48px; }
.milestones .layout .subject .sub-subject > * { flex: 1; }
.milestones .layout .subject .sub-subject .img-box { width: 100%; min-height: 636px; overflow: hidden; }
.milestones .layout .subject .sub-subject .img-box img { border: 1px solid #2A2A2A; border-radius: var(--fs-32); width: 100%; height: 100%; object-fit: cover; }
.milestones .layout .subject .sub-subject .content { display: flex; align-items: center; }
.milestones .layout .subject .sub-subject .content-box span { display: inline-block; font-family: 'Conv_AvenirLTStd-Black-1'; font-weight: 900; font-size: 24px; line-height: 138%; margin-bottom: 12px; }
.milestones .layout .subject .sub-subject .content-box h3 { color: var(--color-primary); font-weight: 900; font-size: 36px; line-height: 138%; margin-bottom: 48px; }
.milestones .layout .subject .sub-subject .content-box p { margin-bottom: 0; font-weight: 400; font-size: var(--fs-16); line-height: 138%; }

.core { padding-top: 60px; padding-bottom: 120px; }
.core .layout .head { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; margin-bottom: 48px; text-align: center; }
.core .layout .head h2 { font-weight: 900; font-size: var(--fs-48); line-height: 138%; margin-bottom: 24px; }
.core .layout .head p { margin-bottom: 0; font-weight: 400; font-size: var(--fs-16); line-height: 138%; }
.core .layout .subject { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; gap: 24px; align-items: stretch; }
.core .layout .subject .sub-subject { cursor: pointer; display: flex; height: 100%; perspective: 1000px; -webkit-perspective: 1000px; }
.core .layout .subject .sub-subject .box { position: relative; width: 100%; height: 100%; border-radius: var(--fs-32); display: grid; grid-template-areas: "stack"; -webkit-tap-highlight-color: transparent; transition: transform 0.3s ease; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
.core .layout .subject .sub-subject:hover .box { transform: rotateY(180deg); }
.core .layout .subject .sub-subject .box > * { grid-area: stack; border-radius: var(--fs-32); backface-visibility: hidden; -webkit-backface-visibility: hidden; height: 100%; width: 100%; box-sizing: border-box; }
.core .layout .subject .sub-subject .card { border: 1px solid #2A2A2A; padding: 32px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(180deg, #000000 0%, #131A23 100%); }
.core .layout .subject .sub-subject .card .title { font-weight: 400; font-size: 28px; line-height: 138%; }
.core .layout .subject .sub-subject .card .icon-box { display: flex; justify-content: flex-end; }
.core .layout .subject .sub-subject .card .icon-box img { width: 120px; height: 120px; object-fit: cover; }
.core .layout .subject .sub-subject .overlay { padding: 32px; background: #EBF1FA; color: #232020; transform: rotateY(180deg); height: 100%; display: flex; flex-direction: column; box-sizing: border-box; }
.core .layout .subject .sub-subject .overlay .icon-box { margin-bottom: 12px; }
.core .layout .subject .sub-subject .overlay .icon-box img { width: 32px; height: 32px; object-fit: cover; }
.core .layout .subject .sub-subject .overlay .title { margin-bottom: 32px; font-weight: 400; font-size: 28px; line-height: 138%; }
.core .layout .subject .sub-subject .overlay p { margin-bottom: 0; font-weight: 400; font-size: var(--fs-16); line-height: 138%; }

div.page_banner_box { background-position: center; }
.page_banner_box .text_box .text_box_p { margin-bottom: 0 !important; }
.page_banner_box .text_box .blue_button { display: none !important; }

@media (max-width: 1600px) {
    .trade-live .layout .layout-item .layout-container .layout-box { max-width: 380px; }
}
@media (max-width: 1440px) {
    .container { max-width: 1201px; }
    
    .milestones .layout .subject .sub-subject { gap: 48px; }
}

@media (max-width:1200px) {
    .trade-live { padding-left: 48px; padding-right: 48px; }
    .trade-live .layout { flex-direction: column; }
    .trade-live .layout .layout-item { min-height: 400px; padding: 32px; }
    .trade-live .layout .layout-item .layout-box h2 { margin-bottom: 12px; }
    .trade-live .layout .layout-item .layout-container .layout-box { max-width: 500px; }

    .milestones .layout .head { max-width: 900px; }

    .empowering .data-container .swiper .swiper-wrapper { flex-wrap: nowrap; gap: 0; }
    .empowering .data-container .swiper .swiper-wrapper.loading .swiper-slide { flex: none; }
    .empowering .data-container .swiper .swiper-wrapper.loading .swiper-slide + .swiper-slide { margin-left: 24px; }
    .empowering .swiper-slide { width: 244px; flex: none; }
    .empowering .swiper-slide .meta { font-size: 40px; }
    
    .core .layout .subject { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:1040px) {
    .empowering { padding-top: 64px; padding-bottom: 64px; }
    
    .milestones { padding-top: 64px; padding-bottom: 32px; }
    .milestones .layout .subject .sub-subject { gap: 48px; }

    .core { padding-top: 32px; padding-bottom: 64px; }
}
@media (max-width: 1025px) {
    .container { max-width: 944px; }
}

@media (max-width: 1024px) {
    .trade-live { padding-left: 32px; padding-right: 32px; }
}

@media (max-width: 970px) {
    .trade-live .layout .layout-item .layout-container .layout-box { max-width: 400px; }
}

@media (max-width:800px) {
    .empowering { padding-top: 64px; padding-bottom: 64px; }
    .empowering .title { font-size: var(--fs-40); }

    .trade-live .layout { flex-direction: column; }
    .trade-live .layout .layout-item.live { background-position: center top; }
    .trade-live .layout .layout-item .layout-box h2 { font-size: var(--fs-40); }

    .milestones { padding-top: 64px; padding-bottom: 32px; }
    .milestones .layout .head h2 { font-size: var(--fs-40); }
    
    .core { padding-top: 32px; padding-bottom: 64px; }
    .core .layout .head h2 { font-size: var(--fs-40); }
    .core .layout .subject .sub-subject .card .title { font-size: 24px; }
    .core .layout .subject .sub-subject .overlay .title { font-size: 24px; }
}

@media (max-width:768px) {
    .empowering .title { font-size: 36px; }
    .empowering .top-container { margin-bottom: 32px; }
    .empowering .data-container .swiper .swiper-wrapper.loading .swiper-slide + .swiper-slide { margin-left: 16px; }
    .empowering .swiper-slide .meta { font-size: 36px; }

    .trade-live { padding-left: 32px; padding-right: 32px; }
    .trade-live .layout .layout-item { border-radius: 24px; }
    .trade-live .layout .layout-item .layout-box h2 { font-size: 36px; }

    .milestones .layout .head { margin-bottom: 32px; }
    .milestones .layout .head h2 { font-size: 36px; }
    .milestones .layout .subject .sub-subject { gap: 24px; }
    .milestones .layout .subject .sub-subject + .sub-subject { margin-top: 32px; }
    .milestones .layout .subject .sub-subject .img-box { min-height: 520px; }
    .milestones .layout .subject .sub-subject .img-box img { border-radius: 24px; }
    .milestones .layout .subject .sub-subject .content-box span { font-size: 20px; }
    .milestones .layout .subject .sub-subject .content-box h3 { font-size: 32px; }

    .core .layout .head { margin-bottom: 32px; }
    .core .layout .head h2 { font-size: 36px; }
    .core .layout .subject { gap: 16px; }
    .core .layout .subject .sub-subject .card .icon-box img { width: 80px; height: 80px; }
    .core .layout .subject .sub-subject .box { border-radius: 24px; }
    .core .layout .subject .sub-subject .box > * { border-radius: 24px; }
}

@media (max-width: 767px) {
    .trade-live { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 700px) {
    .trade-live .layout .layout-item .layout-container .layout-box { max-width: 240px; }
    
    .core .layout .subject { grid-template-columns: repeat(1, 1fr); }
}

@media (max-width:540px) {
    .empowering .top-container { margin-bottom: 24px; }
    .empowering .title { font-size: var(--fs-32); }
    .empowering .swiper-slide { border-radius: 24px; }
    
    .trade-live { padding-left: 20px; padding-right: 20px; }
    .trade-live .layout { gap: 16px; }
    .trade-live .layout .layout-item { min-height: 350px; padding: 24px; }
    .trade-live .layout .layout-item .layout-box h2 { font-size: var(--fs-32); margin-bottom: 12px; }

    .milestones .layout .head { margin-bottom: 24px; }
    .milestones .layout .head h2 { font-size: var(--fs-32); }
    .milestones .layout .subject .sub-subject { gap: 24px; flex-direction: column; }
    .milestones .layout .subject .sub-subject.img-right { flex-direction: column-reverse; }
    .milestones .layout .subject .sub-subject + .sub-subject { margin-top: 24px; }
    .milestones .layout .subject .sub-subject .img-box { min-height: auto; }
    .milestones .layout .subject .sub-subject img { max-height: 260px; }
    .milestones .layout .subject .sub-subject .content-box span { font-size: 20px; }
    .milestones .layout .subject .sub-subject .content-box h3 { font-size: 28px; margin-bottom: 24px; }

    .core .layout .head { margin-bottom: 24px; }
    .core .layout .head h2 { font-size: var(--fs-32); }
    .core .layout .subject .sub-subject .card .title { font-size: 24px; }
    .core .layout .subject .sub-subject .overlay .title { font-size: 24px; }
}