

p.expired{ position: absolute; left: 0px; top: 0px; background: var(--v-black); padding: 9px 16px 9px 12px; color: var(--v-white); font-size: var(--fs-18); margin-bottom: 0; line-height: 18px; font-style: italic; font-family: Gilroy; font-weight: 400; }
p.expired .triangle-up { width: 0; height: 0; border-right: 10px solid transparent; border-top: 36px solid var(--v-black); display: block; position: absolute; top: 0; right: -10px; }



.home-banner .home-banner-swiper .swiper-slide { height: 640px; }
.home-banner .home-banner-swiper .swiper-slide .inner { max-height: 100%; height: 100%; max-width: 1920px; position: relative; display: flex; flex-wrap: wrap; padding: 40px;  overflow: hidden;}
.home-banner .home-banner-swiper .swiper-slide .inner .img-box img{ width: 100%; }

.bottom-block-box { display: flex; justify-content: center; width: 100%; height: max-content;}
.bottom-block-box a { display: flex; color: #ffff; font-size: var(--fs-32); font-weight: 700; line-height: 1.2; width: 100%; max-width: 738px; height: max-content; box-shadow: 0px 0px 0.2rem #00000029; background: linear-gradient(to right, #F08461, #DE3600); border-radius: 44px; padding: 25px 80px 25px 60px; transition: .3s all; flex-direction: column; align-items: center; justify-content: center; position: relative; z-index: 1; overflow: hidden; }
.bottom-block-box a span { font-size: var(--fs-32); font-weight: 700;}
.bottom-block-box a:after { content: ''; position: absolute; right: 31px; width: 22px; height: 38px; background: url(https://d21u74ttq7jqzf.cloudfront.net/vjp/pc/img/btm-arrow-right.svg) no-repeat; background-size: cover;}
.bottom-block-box a:before { z-index: -1; content: ""; position: absolute; top: 50%; left: 50%; width: 2em; height: 2em; border-radius: 50%; background-color: #d43d14; transform-origin: center; transform: translate3d(-50%, -50%, 0) scale(0, 0); transition: transform 0.45s ease-in-out;}
.bottom-block-box a:hover::before { transform: translate3d(-50%, -50%, 0) scale(15, 15); }

.home-banner .home-banner-swiper .swiper-pagination-bullet-active { padding: 6px; border: 2px #ffffff solid; background-color: #f9610d; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 10px; left: 0; width: 100%; display: flex; align-items: center; justify-content: center; }


@media (max-width:1440px) {
    .bottom-block-box a { font-size: var(--fs-26); max-width: 560px; padding: 20px 80px 20px 46px; }
}
@media (max-width:1024px) {
    .home-banner .home-banner-swiper .swiper-slide { height: 62.5vw; }
    .bottom-block-box a{        font-size: var(--fs-24); padding: 16px 60px 16px 46px; max-width: 360px;}
    .bottom-block-box a span{font-size: var(--fs-18);}
    .bottom-block-box a:after { width: 12px; height: 22px;}
}

@media (max-width:510px) {
    .home-banner .home-banner-swiper .swiper-slide .inner { padding: 20px; }
    .bottom-block-box a { font-size: var(--fs-18); padding: 12px 62px 12px 40px; max-width: 260px; }
}






/* banner-db -----start----- */
.home-banner .home-banner-swiper .swiper-slide.banner-db .inner{padding-left:462px; padding-right: 30px; justify-content: space-between; gap:50px  0px;}
.home-banner .home-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(1){         max-width: 363px; width: 19%; position: absolute; transform: translate(-50%, -50%); left: 11.6%; top: 50%;  }
.home-banner .home-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(2){    max-width: 708px; width: 49.8%; }
.home-banner .home-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(3){       max-width: 686px; width: 48.3%; }
.home-banner .home-banner-swiper .swiper-slide.banner-db .bottom-block-box{   justify-content: flex-start; }
.home-banner .home-banner-swiper .swiper-slide.banner-db .bottom-block-box a{   font-size: var(--fs-36); padding: 15px 50px 15px 40px; border-radius: 90px;        max-width: 708px;
    width: 49.8%; }
.home-banner .home-banner-swiper .swiper-slide.banner-db .bottom-block-box a span{ font-size: var(--fs-26); }

@media (max-width:1930px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-db .inner{padding-left: calc(30px + 22.5%);}
}

@media (max-width:1600px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-db .inner { align-content: center; }
}
@media (max-width:1240px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-db .bottom-block-box a {         font-size: var(--fs-26);
        padding: 15px 40px 15px 30px;
        border-radius: 90px;
        max-width: 560px;
    }
    .home-banner .home-banner-swiper .swiper-slide.banner-db .bottom-block-box a span { font-size: var(--fs-18); }
    .home-banner .home-banner-swiper .swiper-slide.banner-db .bottom-block-box a:after { right: 20px; width: 18px; height: 30px; }
}

@media (max-width:1024px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-db .inner { gap: 20px 0px; padding: 40px; justify-content: end; }
    .home-banner .home-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(1) { width: 25%; left: 29.6%; top: 42%; }
    .home-banner .home-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(2) { width: 60%; padding-left: 6%; padding-right: 10%; }
    .home-banner .home-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(3) { width: 60%;  padding-left: 6%; padding-right: 10%; }
    .home-banner .home-banner-swiper .swiper-slide.banner-db .bottom-block-box { justify-content: center; }
}
@media (max-width: 768px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-db .bottom-block-box a{
        max-width: 360px;
        width: 100%;
    }
}
@media (max-width: 600px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-db .inner { gap: 10px 0px; padding: 20px; justify-content: end; }
    .home-banner .home-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(1) { width: 25%; left: 35.6%; top: 36%; }
    .home-banner .home-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(2) { width: 55%; padding-left: 6%; padding-right: 14%; }
    .home-banner .home-banner-swiper .swiper-slide.banner-db .inner .img-box:nth-child(3) { width: 55%; padding-left: 6%; padding-right: 14%; }
    .home-banner .home-banner-swiper .swiper-slide.banner-db .bottom-block-box a { font-size: var(--fs-30); max-width: 400px; }
}
/* banner-db  -----End-----*/

/* banner-funds -----start----- */
.home-banner .home-banner-swiper .swiper-slide.banner-funds .inner{ padding: 45px 106px; gap: 15px; align-items: center;}
.home-banner .home-banner-swiper .swiper-slide.banner-funds .inner .img-box:nth-child(1){    max-width: 1086px; width: 64%; }
.home-banner .home-banner-swiper .swiper-slide.banner-funds .inner .img-box:nth-child(2){    position: absolute; transform: translate(50%, 0%); right: 26.6%; bottom: 0px; width: 29%; max-width: 536px; }
.home-banner .home-banner-swiper .swiper-slide.banner-funds .bottom-block-box{   justify-content: flex-start; }
@media (max-width:1440px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-funds .inner .img-box:nth-child(1) { width: 76%; }
    .home-banner .home-banner-swiper .swiper-slide.banner-funds .inner .img-box:nth-child(2) { right: 15.6%; width: 25%; }
}
@media (max-width:1240px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-funds .inner{  padding: 40px;}
}
@media (max-width:1024px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-funds .inner .img-box:nth-child(1) {width: 86%; }
}
@media (max-width:510px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-funds .inner{ padding: 20px; }
}
/* banner-funds  -----End-----*/



/* banner-web -----start----- */
.home-banner .home-banner-swiper .swiper-slide.banner-web .inner{     padding: 70px 75px 40px 75px;
    gap: 43px; }
.home-banner .home-banner-swiper .swiper-slide.banner-web .inner .img-box{     width: 100%; max-width: 1025px; }
.home-banner .home-banner-swiper .swiper-slide.banner-web .bottom-block-box{   justify-content: flex-start; }
@media (max-width:1240px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-web .inner{ gap: 20px;     padding: 40px; }

}
@media (max-width:510px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-web .inner{ padding: 20px; }
}
/* banner-web  -----End-----*/


/* banner-copy -----start----- */
.home-banner .home-banner-swiper .swiper-slide.banner-copy .inner{ justify-content: flex-end; align-items: center; }
.home-banner .home-banner-swiper .swiper-slide.banner-copy .inner .img-box{ width: 75%; max-width: 822px; margin-right: 50px; margin-top: 40px; }
@media (max-width:1240px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-copy .inner{ gap: 20px; }
    .home-banner .home-banner-swiper .swiper-slide.banner-copy .inner .img-box{ margin-right: 0px; margin-top: 0px; }
}
@media (max-width:510px) {
    .home-banner .home-banner-swiper .swiper-slide.banner-copy .inner{ padding: 20px; }
}
/* banner-copy  -----End-----*/

/* banner -----End-----*/


html[lang='en-US'] .bottom-block-box a {font-size: var(--fs-34);}
html[lang='en-US'] .bottom-block-box a span{font-size: var(--fs-26);}
html[lang='en-US'] .home-row3-wrapper .content-box .content-left p { letter-spacing: 0px;}

html[lang='ms-MY'] .bottom-block-box a {font-size: var(--fs-30); text-align: center;}
html[lang='ms-MY'] .bottom-block-box a span {font-size: var(--fs-20);}
html[lang='ms-MY'] .home-row1-wrapper .content-box .content li .top span{width: 90%;font-size: var(--fs-16);background: unset !important;background-color: #e0562a !important;transform: translateX(-50%); left: 50%;border-radius: 12px;display: flex; align-items: center; justify-content: center;}
html[lang='ms-MY'] .home-row3-wrapper .content-box .content-left p { letter-spacing: 0px;}

html[lang='id-ID'] .bottom-block-box a {font-size: var(--fs-30); text-align: center;}
html[lang='id-ID'] .bottom-block-box a span {font-size: var(--fs-20);}
html[lang='id-ID'] .home-row1-wrapper .content-box .content li .top span{width: 90%; font-size: var(--fs-16); background: unset !important; background-color: #e0562a !important; transform: translateX(-50%); left: 50%; border-radius: 12px; display: flex; align-items: center; justify-content: center;}
html[lang='id-ID'] .home-row3-wrapper .content-box .content-left p { letter-spacing: 0px;}

html[lang='en-US'] .home-row11-wrapper .row11-content .orange-button,
html[lang='ms-MY'] .home-row11-wrapper .row11-content .orange-button,
html[lang='id-ID'] .home-row11-wrapper .row11-content .orange-button{padding: 18px 70px;}


.content-box { padding-top:60px;padding-bottom:60px;color:#000000;}
/* .content-box-2 {padding-bottom:0px; } */
.text-box {text-align: center;}
.content-box .banner .logo { width: 49.8%; cursor: pointer;}
.home-row2-wrapper .logo { width:40.8%;}
.content-box.content-box-2 .banner { padding: 35px 34px;}
.content-box.content-box-2 .content { padding:54px 35px 48px 35px;}
.content-box.content-box-2 .banner .cover { position: absolute;left: 0; top: 0;z-index:2;width:100%;height:100%;background: linear-gradient(to right, #000000, rgba(255, 255, 255, 0));}

/* row1 -----Start-----*/
.home-row1-wrapper .content-box .text-box{margin-bottom: 48px;}
.home-row1-wrapper .content-box .text-box h1{ margin-bottom:22px;font-size:var(--fs-34); line-height: 1.22;}
.home-row1-wrapper .content-box .text-box p{font-size: var(--fs-20); color: #666666;font-weight: 400; }
.home-row1-wrapper .content-box .content {display: flex; justify-content: space-between;}
.home-row1-wrapper .content-box .content li{position: relative;flex: 0 0 23.2%;}
.home-row1-wrapper .content-box .content li .top{background-color: #FEEDE8; border-radius: 10px 10px 0px 0px; height: 165px; display: flex; align-items: flex-end; justify-content: center;}
.home-row1-wrapper .content-box .content li .top span{position: absolute; left: 0; top: -18px; width: 100%; height: 50px;text-align: center;font-size: var(--fs-20); color: #FBFBFB; font-weight: 400;padding-top: 2px;}
.home-row1-wrapper .content-box .content li:nth-child(2) .top img {margin-bottom: 8px;}
.home-row1-wrapper .content-box .content li .bottom {border-radius:  0px 0px 10px 10px;padding:10px 20px;height: 91px; display: flex; justify-content: center; font-size: var(--fs-18); font-weight: 400; text-align: center;background: #F6F7F7;}
.home-row1-wrapper .content-box .orange-button.row1-btn { position: relative; left: 50%; transform: translateX(-50%); box-shadow: 0px 3px 6px #00000029; border-radius: 10px; display: flex; align-items: center; gap: 5px; display:none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); }
.home-row1-wrapper .content-box .orange-button.row1-btn:before { content: '?'; position: relative; border-radius: 50%;background-color: #fff; color: #e35728; width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-weight: 700;}
/* row1 -----End-----*/

/* row2 -----Start-----*/
.home-row2-wrapper { background-color:#f6f7f7;}
.home-row2-wrapper .logo { margin-bottom:30px;}
.home-row2-wrapper .content { display:flex;flex-wrap: wrap;justify-content: center; gap: 20px;}
.home-row2-wrapper .content-box .content .li-wrap { max-width: 268px;flex: 0 0 46%;cursor: pointer;}

.home-row2-wrapper .content-box .content .li-wrap .top { position: relative; }
.home-row2-wrapper .content-box .content .li-wrap .top img { height:100%;}
.home-row2-wrapper .content-box .content .li-wrap .top span{position: absolute; bottom: 0; width: 100%; font-size: var(--fs-18); text-align: center; font-weight: 400; color: #ffff; height: 100%; display: flex; align-items: flex-end; justify-content: center; background: linear-gradient(to top, #000000, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));padding-bottom: 12px; font-weight:700;line-height: 1.1;}
.home-row2-wrapper .content-box .content .li-wrap .bottom {border-radius: 0px 0px 10px 10px;background-color: var(--v-white);padding: 15px 20px 19px 20px; display: flex; text-align: center;justify-content: center; font-size: var(--fs-18);color: #666666; font-weight: 400;}

.home-row2-wrapper .content-box .content .li-wrap {min-width: 240px; }
.home-row2-wrapper .content-box .content .li-wrap:nth-child(4){display:none;}
/* row2 -----End-----*/

/* row3 -----Start-----*/
.home-row3-wrapper .content-box.content-box-2 .content{padding: 60px 0px 0px 0px;}
.home-row3-wrapper .content-box .banner .logo{width: 24%;min-width: 240px;}
.home-row3-wrapper .content-box .banner{display: flex; flex-direction: column; position: relative;z-index:1; }
.home-row3-wrapper .content-box .banner img { position: relative;z-index:3;}
.home-row3-wrapper .content-box .banner .img-box:nth-child(1){margin-bottom: 29px; }
.home-row3-wrapper .content-box .banner .img-box:nth-child(2){width: 52%; }
.home-row3-wrapper .content-box h2 { margin-bottom: 15px; font-size: var(--fs-30);text-align:left;width:100%;}
.home-row3-wrapper .content-box .content-inner { display: flex;flex-wrap: wrap;align-items: flex-start; justify-content: space-between;}
.home-row3-wrapper .content-box .content-left {flex: 0 0 52.5%; }
.home-row3-wrapper .content-box .content-left p{font-size: var(--fs-18); font-weight: 400; margin-bottom: 45.72px;letter-spacing: -1px;color: #333;line-height: 1.35;}
.home-row3-wrapper .content-box .content-left .bottom p:nth-child(1){margin-bottom: 0px; color: #E5572A; font-weight: 700; }
.home-row3-wrapper .content-box .content-left .bottom p:nth-child(2){ margin-bottom: 0px;color: #666;} 
.home-row3-wrapper .content-box .content-right {flex: 0 0 43.5%;width: 45.8%;}
/* row3 -----End-----*/

/* row4 -----Start-----*/
.home-row4-wrapper .content-box {padding-top: 120px; }
.home-row4-wrapper .content-box.content-box-2 .banner{padding: 30px 40px;}
.home-row4-wrapper .content-box.content-box-2 .content{padding: 48px 0px 0px 0px;}
.home-row4-wrapper .content-box .banner{display: flex; flex-direction: column; position: relative;z-index:1; }
.home-row4-wrapper .content-box .banner img { position: relative;z-index:3;}
.home-row4-wrapper .content-box .banner .logo{width: 24%;min-width: 240px;}
.home-row4-wrapper .content-box .banner .img-box:nth-child(1){margin-bottom: 57px; }
.home-row4-wrapper .content-box .banner .img-box:nth-child(2){margin-bottom: 14px; width: 42%;}
.home-row4-wrapper .content-box .banner .img-box:nth-child(3){margin-bottom: 45px;}
.home-row4-wrapper .content-box h2 { padding-top: 52px; margin-bottom: 56px; font-size: var(--fs-30);text-align:center;width:100%;}
.home-row4-wrapper .content-box .content-inner { display: flex;flex-wrap: wrap;align-items: flex-start; justify-content: space-between;}
.home-row4-wrapper .content-box .content-left {flex:0 0 50%; }
.home-row4-wrapper .content-box .content-left p{font-size: var(--fs-18); font-weight: 400; margin-bottom: 38.5px;letter-spacing: 0px;}
.home-row4-wrapper .content-box .content-left .bottom p:nth-child(1){margin-bottom: 16px; color: #E5572A; font-weight: 700; }
.home-row4-wrapper .content-box .content-left .bottom p:nth-child(2){ margin-bottom: 0px;} 
.home-row4-wrapper .content-box .content-right{flex: 0 0 42%; width: 41.8%;}
/* row4 -----End-----*/

/* row5 -----Start-----*/
.home-row5-wrapper .content-box { overflow: hidden;padding-top: 120px;}
.home-row5-wrapper .content-box .banner{display: flex; flex-direction: column; justify-content: center; align-items: flex-start;}   
.home-row5-wrapper .content-box .banner .logo{width: 41%;min-width: 240px;}
.home-row5-wrapper .content-box.content-box-2 .banner{padding: 32px 34px;}
.home-row5-wrapper .content-box .banner .img-box:nth-child(1) { margin-bottom:23px;} 
.home-row5-wrapper .content-box .banner .img-box:nth-child(2) { margin-bottom:21px;} 
.home-row5-wrapper .inner .content-box .content{ padding-top:37px;position: relative;display:flex;}    
.home-row5-wrapper .content-box .content .content-left{flex: 0 0 76%;}  
.home-row5-wrapper .content-box .content .content-left .content-left-list{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;gap: 22px;}
.home-row5-wrapper .content-box .content .content-left .content-left-list li{max-width: 240px;}
.home-row5-wrapper .content-box .content .content-left .content-left-list li img{width: 100%;max-width: 236px;margin-bottom: 18px;}
.home-row5-wrapper .content-box .content .content-left .content-left-list li p{text-align: center;}
/* .home-row5-wrapper .content-box .content .content-left img { margin-bottom:75px;}   */
.home-row5-wrapper .content-box .bottom-box{display: flex; align-items: center; justify-content: center;flex-direction: column; background-color: #e4e4e4; padding: 17px 10px 24px 10px ;}    
.home-row5-wrapper .content-box .bottom-box p { margin-bottom: 8px; font-size: var(--fs-18); font-weight: 700; }
.home-row5-wrapper .content-box .bottom-box div { display: flex; align-items: center;gap: 20px;}
.home-row5-wrapper .content-box .bottom-box img { margin-bottom:0}
.home-row5-wrapper .content-box .bottom-box img:nth-of-type(1){margin-right: 20px;}
.home-row5-wrapper .content-box .content .content-right {flex: 0 0 24%; position: relative; }
.home-row5-wrapper .content-box .content .content-right .img-box:nth-child(1) {position: absolute;z-index: 1; width: 423px; transform: translate(-2%, -60%);}    
.home-row5-wrapper .content-box .content .content-right .img-box:nth-child(2) {position: absolute;z-index: 2;width: 190px;transform: translate(0, 10%);}    
/* row5 -----End-----*/

/* row6 -----Start-----*/
.home-row6-wrapper .content-box{padding-top: 120px;display: flex;}
.home-row6-wrapper .content-box .banner>.text-box h3{font-size: var(--fs-30) !important; color: #fff; text-align: left;}
.home-row6-wrapper .content-box.content-box-2 .content{padding: 40px 66px 72px 46px;}
.home-row6-wrapper .content-box .banner {display: flex; flex-direction: column; align-items: flex-start; flex: 47%;}
.home-row6-wrapper .content-box .banner span {font-size: var(--fs-24); color: #ffff; font-weight: 400; padding: 0px 7px; border: 2px solid #e2e3ea; margin-bottom: 16px; }
.home-row6-wrapper .content-box .banner .img-box:nth-child(1) { margin-bottom: 60px;}
.home-row6-wrapper .content-box .banner .img-box:nth-child(3) { margin-bottom: 30px;}
.home-row6-wrapper .content-box .content { padding-top: 29px;display: flex; flex-direction: column; gap: 28px;background-color: #f7f7f7;flex: 53%;}
.home-row6-wrapper .content-box .content li{display: flex; gap: 30px; align-items: flex-start;}
.home-row6-wrapper .content-box .content li .li-left{flex: 0 0 11%; }
.home-row6-wrapper .content-box .content li .li-right span{font-size: var(--fs-18); font-weight: 700; }
.home-row6-wrapper .content-box .content li .li-right p{ margin-bottom: 0; font-size: var(--fs-18); font-weight: 400;}

/* row6 -----End-----*/

/* row7 -----Start-----*/
.home-row7-wrapper { display:none}
.home-row7-wrapper .content-box { padding-bottom:0 !important;}
.home-row7-wrapper .content-box .banner {display: flex; flex-direction: column; align-items: flex-start;position: relative;}
.home-row7-wrapper .content-box .banner img { position: relative; z-index: 3;}
.home-row7-wrapper .content-box .banner .logo{ margin-bottom: 79px;}
.home-row7-wrapper .content-box .banner .img-box:nth-child(2){margin-bottom: 19px;}
.home-row7-wrapper .content-box .banner .img-box:nth-child(3){margin-bottom: 6px; }
.home-row7-wrapper .content-box .content {padding-top: 40px;display: flex; justify-content: space-between;flex-wrap: wrap; align-items: flex-start;background-color: #f7f7f7;}
.home-row7-wrapper .content-box .content .content-left{flex: 0 0 53%; margin-bottom: 0; font-size: var(--fs-18); font-weight: 400;}
.home-row7-wrapper .content-box .content .content-right {width: 44.8%;}
.home-row7-wrapper .bottom p{margin-bottom: 0; display: flex; justify-content: center; padding: 56px 0; background-color: #e4e4e4; font-size: var(--fs-14); font-weight: 700; color: #000;}
/* row7 -----End-----*/

/* row8 -----Start-----*/
/* .home-row8-wrapper {display: none;} */
.home-row8-wrapper .content-box {display:flex; padding-top: 120px;padding-bottom: 60px;}
.home-row8-wrapper .content-box .banner { position: relative;flex: 0 0 47%;padding: 13px 38px;}
.home-row8-wrapper .content-box .banner .logo{width: 60%;min-width: 240px;margin-bottom: 42px;}
.home-row8-wrapper .content-box .content { padding: 32px 40px 57px 40px;background-color: #f7f7f7;flex: 53%;max-width: 100%;}
.home-row8-wrapper .content-box .content p {font-size: var(--fs-18);letter-spacing: 1px;}
.home-row8-wrapper .content-box .content p.btn{background-color: #014755;height: 32px;width: 420px;max-width: 100%;font-size: var(--fs-13);color: var(--v-white);text-align: center;line-height: 32px;margin-bottom: 0px;margin-top: 16px;}
.home-row8-wrapper .content-box .content .img-box:nth-child(1){margin-bottom: 19px; }
.home-row8-wrapper .content-box .content p:nth-child(2){margin-bottom: 38px; font-size: var(--fs-18); font-weight: 400; }
.home-row8-wrapper .content-box .content .img-box:nth-child(3){margin-bottom: 19px; }
.home-row8-wrapper .content-box .content p:nth-child(4){font-size: var(--fs-16); font-weight: 700; color: #fff; background-color: #014755; text-align: center; padding: 3px 0; margin: 0; }
/* row8 -----End-----*/

/* row9 -----Start-----*/
.home-row9-wrapper .content-box {  padding-top: 120px;display: flex;} 
.home-row9-wrapper .content-box .content{flex: 53%;} 
.home-row9-wrapper .content-box .banner {display: flex; flex-direction: column;position: relative;flex: 47%;padding: 30px 40px;}
.home-row9-wrapper .content-box .banner .logo{margin-bottom: 133px; }
.home-row9-wrapper .content-box .banner .img-box:nth-child(2){margin-bottom: 13px; }
.home-row9-wrapper .content-box .banner .img-box:nth-child(3){margin-bottom: 174px; }
.home-row9-wrapper .content-box .content {position: relative; padding-top:0;padding-bottom: 28px;background-color: #f7f7f7;padding-top: 29px;}
.home-row9-wrapper .content-box .content .content-tit{display: flex;justify-content: space-between;max-width: 790px;width: 100%;text-align: center;color: #fff;font-size: var(--fs-24);font-weight: 700;padding: 8px 0;background-color: #014755;margin: auto;}
.home-row9-wrapper .content-box .content .content-tit li:first-child{flex: 0 0 33%;padding-left: 10px;}
.home-row9-wrapper .content-box .content .content-tit li{flex: 0 0 30%;text-align: left;}
.home-row9-wrapper .content-box .content .content-tit li:last-child{flex: 0 0 37%;}
.home-row9-wrapper .content-box .content .content-list{max-width: 790px; width: 100%; position: relative; left: 50%; top: 0; transform: translateX(-50%); }
.home-row9-wrapper .content-box .content .content-list li .li-left{ flex: 0 0 33%;padding-left: 10px;}
.home-row9-wrapper .content-box .content .content-list li .li-right{ flex: 0 0 30%;text-align: left;}
.home-row9-wrapper .content-box .content .content-list li .li-last{ flex: 0 0 37%;text-align: left;}

.home-row9-wrapper .content-box .content .content-list li{display: flex; justify-content: space-between;align-items: center; border-bottom: 1.5px solid #ebebeb; padding: 11px 0;}
.home-row9-wrapper .content-box .content .content-list li:last-child{ border-bottom:unset; padding-bottom: 22px;}
.home-row9-wrapper .content-box .content .content-list li .li-left{display: flex; align-items: center; }
.home-row9-wrapper .content-box .content .content-list li .li-left img{width: 42.6px; } 
.home-row9-wrapper .content-box .content .content-list li .li-left p{display: flex; flex-direction: column; margin-bottom: 0;line-height: 1; margin-left: 15px;}
.home-row9-wrapper .content-box .content .content-list li .li-left span:nth-child(1){font-size: var(--fs-16); font-weight: 700;}
.home-row9-wrapper .content-box .content .content-list li .li-left span:nth-child(2){ font-size: var(--fs-14); font-weight: 400;color: #666666;line-height: 1.4;}
.home-row9-wrapper .content-box .content .content-list li .li-right{margin-bottom: 0; font-size: var(--fs-20); font-weight: 700; }
.home-row9-wrapper .content-box .content .bottom-list{font-size: var(--fs-18); font-weight: 400;}
.home-row9-wrapper .content-box .content .bottom-list li p{margin-bottom: 0; font-weight: 400;padding-left: 20px;}
/* row9 -----End-----*/
@media (max-width:1480px) {
    html[lang='en-US'] .home-row1-wrapper .content-box .content li .top span{width: 60%; font-size: var(--fs-16); background: unset !important; background-color: #e0562a !important; transform: translateX(-50%); left: 50%; border-radius: 12px; display: flex; align-items: center; justify-content: center;}

    .home-row1-wrapper .content-box .content { flex-wrap: wrap; row-gap: 32px; }
    .home-row1-wrapper .content-box .content li { flex: 0 0 48%;}
    .home-row1-wrapper .content-box .content li .top { height: 190px;}
    .home-row2-wrapper .content { justify-content: space-between; gap: 0;}
    .home-row2-wrapper .content-box .content .li-wrap { max-width: unset;}
    .home-row2-wrapper .content { row-gap: 25px; }
    .home-row2-wrapper .content-box .content .li-wrap { flex: 0 0 48%; }
    .home-row2-wrapper .content-box .content .li-wrap .top img { height: auto; width: 100%; }

    .home-row5-wrapper .content-box .content .content-left { flex: 0 0 72%; }
    .home-row5-wrapper .content-box .content .content-left .content-left-list { align-items: flex-start; }
    .home-row5-wrapper .content-box .content .content-left .content-left-list li { flex: 0 0 48%; }
    .home-row5-wrapper .content-box .content .content-left .content-left-list li img { max-width: unset; }
    
}

@media (max-width:1440px) {
    .inner .content-box { padding-top:90px;padding-bottom:90px;}
    .content-box.content-box-2 .banner { padding: 30px 29px;}
    .home-row3-wrapper .content-box.content-box-2 .content,
    .home-row4-wrapper .content-box.content-box-2 .content,
    .home-row5-wrapper .content-box.content-box-2 .content,
    .home-row6-wrapper .content-box.content-box-2 .content,
    .home-row7-wrapper .content-box.content-box-2 .content,
    .home-row8-wrapper .content-box.content-box-2 .content,
    .home-row9-wrapper .content-box.content-box-2 .content { padding:50px 31px 44px 31px;}

    .home-row4-wrapper .content-box,
    .home-row5-wrapper .content-box,
    .home-row6-wrapper .content-box,
    .home-row9-wrapper .content-box,
    .home-row8-wrapper .content-box { padding-top:0px !important;}
}

@media (max-width:1240px){
    .home-row5-wrapper .content-box .content .content-left { flex: 0 0 65%; }
    .home-row5-wrapper .content-box .content .content-left .content-left-list { row-gap:20px;}
    .home-row5-wrapper .content-box .content .content-right { flex: 0 0 35%;}

    html[lang='en-US'] .home-row1-wrapper .content-box .content li .top span { width: 70%;}
    
}
@media (max-width:1100px){
    .home-row6-wrapper .content-box,.home-row9-wrapper .content-box,.home-row8-wrapper .content-box{flex-direction: column;}
    .home-row8-wrapper .content-box.content-box-2 .content{ display: flex; flex-direction: column; align-items: center;}
}

@media (max-width:1024px) {
    .inner .content-box { padding-top:75px;padding-bottom:75px;}
    .content-box.content-box-2 .banner { padding: 25px 24px;}

    .home-row3-wrapper .content-box.content-box-2 .content,
    .home-row4-wrapper .content-box.content-box-2 .content,
    .home-row5-wrapper .content-box.content-box-2 .content,
    .home-row6-wrapper .content-box.content-box-2 .content,
    .home-row7-wrapper .content-box.content-box-2 .content,
    .home-row8-wrapper .content-box.content-box-2 .content,
    .home-row9-wrapper .content-box.content-box-2 .content { padding:45px 26px 40px 26px;}

    .home-row1-wrapper .content-box .content li .top { height: 165px;}
    .home-row4-wrapper .content-box .content-right { flex: 0 0 50%;}
    .home-row9-wrapper .content-box {padding-bottom:75px; }

    html[lang='en-US'] .home-row1-wrapper .content-box .content li .top span { width: 90%;}
}

@media (max-width:980px){
    .home-row6-wrapper .content-box,.home-row9-wrapper .content-box,.home-row8-wrapper .content-box{flex-direction: column;}
    .home-row5-wrapper .content-box .content .content-left { flex: 0 0 50%; }
    .home-row5-wrapper .content-box .content .content-right { flex: 0 0 40%;}
    .home-row5-wrapper .content-box .content .content-left .content-left-list li { flex: 0 0 100%; }
    .home-row5-wrapper .content-box .content .content-right .img-box:nth-child(1) { transform: translate(-2%, -9%); }
    .home-row5-wrapper .content-box .content .content-right .img-box:nth-child(2) { transform: translate(0, 160%); }
    
}


@media (max-width:768px) {
    .content-box br { display:none;}
    .inner .content-box { padding-top:50px;padding-bottom:50px;}
    .content-box.content-box-2 .banner { padding: 25px 24px;}

    .home-row3-wrapper .content-box.content-box-2 .content,
    .home-row4-wrapper .content-box.content-box-2 .content,
    .home-row5-wrapper .content-box.content-box-2 .content,
    .home-row6-wrapper .content-box.content-box-2 .content,
    .home-row7-wrapper .content-box.content-box-2 .content,
    .home-row8-wrapper .content-box.content-box-2 .content,
    .home-row9-wrapper .content-box.content-box-2 .content { padding:35px 24px 35px 24px;}

    .content-box .banner .logo,
    .home-row2-wrapper .logo{ width: 70%; margin-bottom:30px;}
    .home-row3-wrapper .content-box .content-left .bottom p:nth-child(2),
    .home-row4-wrapper .content-box .content-left .bottom p:nth-child(2){margin-bottom: 20px;}

    .home-row1-wrapper .content-box .content { margin-bottom: 20px;}
    .home-row2-wrapper .content-box .content .li-wrap .top span { font-size:var(--fs-20);}
    .home-row2-wrapper .content-box .content .li-wrap .bottom { padding: 9px 20px 12px 20px;}
    .home-row3-wrapper .content-box h2 { margin-bottom:20px;}
    .home-row3-wrapper .content-box .banner .img-box:nth-child(2){width: 58%; }
    .home-row3-wrapper .content-box .content-left p { margin-bottom: 20px;}
    .home-row3-wrapper .content-box .content-inner { align-items: flex-start;}
    .home-row3-wrapper .content-box .content-left,
    .home-row3-wrapper .content-box .content-right, 
    .home-row4-wrapper .content-box .content-left,
    .home-row4-wrapper .content-box .content-right,
    .home-row7-wrapper .content-box .content .content-left,
    .home-row7-wrapper .content-box .content .content-right { flex:0 0 100%;width:100%;}

    /* .home-row4-wrapper .content-box{padding-top: 40px;} */
    .home-row4-wrapper .content-box .banner .img-box:nth-child(2){ width: 60%;}
    .home-row4-wrapper .content-box.content-box-2 .banner{padding: 20px 25px;}

    /* .home-row5-wrapper .content-box{padding-top: 40px;} */
    .home-row5-wrapper .content-box .banner .img-box:nth-child(2) { width: 40.5%;}
    .home-row5-wrapper .content-box .content .content-left img {margin-bottom: 45px;}
    .home-row5-wrapper .content-box .content .content-right .img-box:nth-child(1) {}
    .home-row5-wrapper .content-box .content .content-right .img-box:nth-child(2) {}
    .home-row5-wrapper .content-box .content .content-left .bottom-box,

    /* .home-row6-wrapper .content-box{padding-top: 40px;} */
    .home-row6-wrapper .content-box .content li {gap: 20px; }

    .home-row7-wrapper .bottom p { padding: 30px 20px; }
    .home-row7-wrapper .content-box.content-box-2 { padding-bottom:0;}
    
    .home-row8-wrapper .content-box .banner .logo { top: 20px; left: 20px;width: 88%;}
    .home-row8-wrapper .content-box.content-box-2 .content{ padding-top: 0;}
    .home-row8-wrapper .content-box .content .img-box:nth-child(1), 
    .home-row8-wrapper .content-box .content p:nth-child(2) { margin-bottom: 10px;}
    
    /* .home-row9-wrapper .content-box{padding-top: 40px;} */
    .home-row9-wrapper .content-box .banner .logo{margin-bottom: 60px;}
    .home-row9-wrapper .content-box .banner .img-box:nth-child(3){margin-bottom: 80px;}
}

@media (max-width:600px) {
    .home-row2-wrapper .content-box .content .li-wrap { flex:0 0 100%;}
    .home-row5-wrapper .content-box .bottom-box div a{display: flex;justify-content: space-around;}
}
@media (max-width:540px) {
    .home-row1-wrapper .content-box .content li {flex: 0 0 100%;}
}
@media (max-width:510px) {
    .content-box { padding-top:20px;padding-bottom:20px;}
    .content-box.content-box-2 .banner { padding: 20px;}

    .home-row3-wrapper .content-box.content-box-2 .content,
    .home-row4-wrapper .content-box.content-box-2 .content,
    .home-row5-wrapper .content-box.content-box-2 .content,
    .home-row7-wrapper .content-box.content-box-2 .content,
    .home-row8-wrapper .content-box.content-box-2 .content,
    .home-row9-wrapper .content-box.content-box-2 .content { padding:20px;}

    .content-box .banner .logo,
    .home-row2-wrapper .logo{ width: 90%;margin-bottom:20px;}

    .home-row3-wrapper .content-box h2 { margin-bottom:20px;}
    .home-row3-wrapper .content-box .banner .img-box:nth-child(2){width: 78%; }
    .home-row4-wrapper .content-box .banner .img-box:nth-child(2){ width: 80%;}
    .home-row4-wrapper .content-box .content-left p {margin-bottom:15px;}

    .home-row5-wrapper .content-box .banner .img-box:nth-child(2) { width: 50%;}
    .home-row5-wrapper .content-box .content .content-left { flex: 0 0 40%; }
    .home-row5-wrapper .content-box .content .content-left img {margin-bottom: 20px;}
    .home-row5-wrapper .inner .content-box .content { padding-top: 20px;}
    .home-row5-wrapper .content-box.content-box-2 .banner{padding: 20px 20px;}
    .home-row5-wrapper .content-box .bottom-box img{max-width: 44%;}

    .home-row6-wrapper .content-box.content-box-2 .content{padding: 30px 20px 40px 20px;}

    .home-row8-wrapper .content-box { flex-wrap: wrap; justify-content: center;}
    .home-row8-wrapper .content-box .banner  { flex:0 0 100%;margin-bottom:20px;}

}

@media (max-width:480px){
    .home-row5-wrapper .content-box .content .content-left .content-left-list li{max-width: 170px;min-width: 170px;}
}

@media (max-width:400px){
    .home-row1-wrapper .content-box .content li { flex: 0 0 100%; }
    .home-row1-wrapper .content-box .orange-button.row1-btn { width: 100%;}
    .home-row6-wrapper .content-box .content li{ flex-wrap: wrap; justify-content: center; text-align: center;}
}

@media (max-width:320px){
}


/* homeRow_10 ----Start---- */
.home-row10-wrapper { background:#F7F7F7;}
.home-row10-wrapper .home-row10-box{padding: 60px 0;}
.row10-content .top-text-box{ text-align:center; padding-bottom:26px;}
.row10-content .top-text-box h2{font-size: var(--fs-34);color: var(--v-black);line-height: 31px;margin-bottom: 8px;}
.row10-content .top-text-box p{font-size: var(--fs-18);color: var(--v-black);line-height: 24px;margin: 0;font-weight: 400;}
.row10-content .row10-content-list li{ padding-bottom:9px;}
.row10-content .main-content{ background:var(--v-white); border-radius: 10px; padding:27px 19px;font-weight: 400;cursor: pointer;}
.row10-content .main-content .left{ display:flex; position:relative;}
.row10-content .main-content .img-box{ display:flex; max-width: 81px; min-width: 81px; margin-right: 10px; justify-content: center; align-items: center;}
.row10-content .main-content .text-box{padding-right: 40px;}
.row10-content .main-content .text-box p{ color:#E55728; font-size: var(--fs-32); font-weight: 700; line-height: 1.2;margin-bottom: 10px;text-align: left;}
.row10-content .main-content .text-box span{ display:block; color: var(--v-black);font-size: var(--fs-18);line-height: 24px;text-align: left;}
.row10-content .main-content .hide-text{ display:none; padding:14px 35px 0px 64px;}
.row10-content .main-content .hide-text p{color: var(--v-black); font-size: var(--fs-16); margin-bottom: 0; line-height: 1.2;}
.row10-content .main-content .right-icon{ width:46px; height:46px; background:#E55728; border-radius:50%; position:absolute; right:15px; top:50%; transform: translateY(-50%) translateZ(0px);}
.row10-content .main-content .right-icon .add-subtract{ left:0; top:10px;position: unset;}
.row10-content .main-content .right-icon .add-subtract::before,
.row10-content .main-content .right-icon .add-subtract::after{ background:#fff;}
.row10-content .main-content .right-icon .add-subtract::before{height: 30px;right: 10px;width: 6px;top: 50%;left: 50% !important;right: unset;transform: translate(-50%,-50%);}
.row10-content .main-content .right-icon .add-subtract::after{width: 30px;right: 3px;height: 6px;top: 50%;left: 50% !important;right: unset;transform: translate(-50%,-50%);}
.row10-content .row10-content-list li.active .add-subtract::before{transform: rotate(90deg);transform: translate(-50%, -50%) rotate(-90deg);}
@media (max-width:1440px){
    .row10-content .main-content .right-icon{width: 28px;height: 28px;right: 5px;}
    .row10-content .main-content .right-icon .add-subtract::before{height: 18px;width: 2px;top: 50%;}
    .row10-content .main-content .right-icon .add-subtract::after{width: 18px;height: 2px;top: 50%;}
}
@media (max-width:1240px){
    .home-row10-wrapper .home-row10-box{padding: 90px 0;}
}
@media (max-width:1024px){
    .home-row10-wrapper .home-row10-box{padding: 70px 0;}
}

@media (max-width:768px){
    .home-row10-wrapper .home-row10-box{padding: 40px 0;}
    .row10-content .top-text-box{padding-bottom: 25px;}
    .row10-content .top-text-box h2{margin-bottom: 20px;}
}
@media (max-width:510px){
    .row10-content .top-text-box h2{font-size: 24px;line-height: 1.22;}
    .row10-content .main-content .img-box{max-width: 40px;min-width: 40px;}
}
/* homeRow_10 ----End---- */

/* homeRow_11 ----Start---- */
.home-row11-wrapper .banner-box{padding: 36px 0px 26px 0px;}
.home-row11-wrapper .text-box{text-align: left;}
.home-row11-wrapper .row11-content{text-align: center;padding: 20px 0px 85px 0px;}
.home-row11-wrapper .row11-content h2{font-size: var(--fs-30);color: #E5572A;line-height: 1.2;margin-bottom: 24px;}
.home-row11-wrapper .row11-content .row11-content-list {display: flex;justify-content: center;flex-wrap: wrap;gap: 29px;}
.home-row11-wrapper .row11-content .row11-content-list li {width: 48.5%;max-width:239px;padding: 171px 11px 14px;text-align: center;position: relative;}
.home-row11-wrapper .row11-content .row11-content-list li::after{content:"";display:block;width: 100%;height: 153px;background-image: linear-gradient(180deg,#00000000,#000000);position: absolute;left: 0;bottom: 0;opacity: 0.5;}
.home-row11-wrapper .row11-content .row11-content-list li img{position: relative;z-index: 10;}
.home-row11-wrapper .row11-content .orange-button{margin-top: 43px;padding: 17px 123px 18px 122px;border-radius: 10px;box-shadow: 0px 3px 6px #00000029;line-height: 1; }
.home-row11-wrapper .row11-content .orange-button::after{width: 1.5em;height: 1.5em;}

@media (max-width:1240px){
    .home-row11-wrapper .row11-content{padding: 42px 0 120px;}
}
@media (max-width:1024px){
    .home-row11-wrapper .row11-content{padding: 42px 0 80px;}
    .home-row11-wrapper .row11-content h2{line-height: 1.22;margin-bottom: 25px;}
    .home-row11-wrapper .row11-content .row11-content-list{margin-bottom: 30px;}

    .home-row11-wrapper .banner-box { background-position-x: 55% !important;}
}
@media (max-width:768px){
    .home-row11-wrapper .row11-content{padding: 40px 0 50px;}
}
@media (max-width:540px){
    .home-row11-wrapper .row11-content .row11-content-list{gap: 10px;}
    .home-row11-wrapper .row11-content .row11-content-list li{width: 50%;}
    
}
@media (max-width:510px){
    .home-row11-wrapper .row11-content .row11-content-list li{width: 80%;}
    .home-row11-wrapper .row11-content .orange-button{padding: 17px 30px 18px 30px;}
}
/* homeRow_11 ----End---- */

/* homeRow_12 ----Start---- */
.home-row12-wrapper {background:#F7F7F7;}
.home-row12-wrapper .home-row12-box{padding: 70px 0 188px;text-align: center;}
.home-row12-wrapper .text-box-top{margin-bottom: 54px;}
.home-row12-wrapper .text-box-top h2{color: var(--v-black);font-size: var(--fs-40);margin-bottom: 31px;line-height: 31px;}
.home-row12-wrapper .text-box-top h3{color: var(--v-black);font-size: var(--fs-30);margin-bottom: 30px; font-weight:700;}
.home-row12-wrapper .text-box-top p{color: var(--v-black);font-size: var(--fs-18);margin: 0;line-height: 30px;}

.home-row12-wrapper .text-box-btm h2{color: #DE3700;font-size: var(--fs-40);margin-bottom: 37px;}
.home-row12-wrapper .text-box-btm .step-box{display: flex;justify-content: center;gap: 203px;}
.home-row12-wrapper .text-box-btm .step-box .num{position: relative;z-index: 2;width: 64px;height: 64px;border-radius: 50%;border: 3px solid #707070;display: flex;justify-content: center;align-items: center;font-size: var(--fs-40);line-height: 1;font-weight: 700;margin-bottom: 18px;color: rgb(255,0,0);}
.home-row12-wrapper .text-box-btm .step-box .num::after{content: '';position: absolute;width: 204px;left: 60px;top: 26px;border-bottom: 3px solid #707070;z-index: 1;}
.home-row12-wrapper .text-box-btm .step-box .num:last-child::after{display: none;}
.home-row12-wrapper .text-box-btm ul{display: flex;justify-content: center;align-items: center;gap: 85px;}
.home-row12-wrapper .text-box-btm ul li .img-box{display: flex;flex-direction: column;align-items: center;justify-content: center;margin-bottom: 24px;}
.home-row12-wrapper .text-box-btm ul li p{color: var(--v-black);font-size: var(--fs-30);font-weight: 700;margin-bottom: 0;}
.home-row12-wrapper .btn-box{margin-top: 73px;display: flex;justify-content: center;}

@media (max-width:1240px){
    .home-row12-wrapper .home-row12-box{padding: 70px 0 150px;}
}
@media (max-width:1024px){
    .home-row12-wrapper .home-row12-box{padding: 50px 0 80px;}
    .home-row12-wrapper .text-box-top h2{margin-bottom: 25px;}
    .home-row12-wrapper .text-box-top h3{margin-bottom: 20px;}
    .home-row12-wrapper .text-box-top{margin-bottom: 30px;}
    .home-row12-wrapper .text-box-btm h2{margin-bottom: 30px;}
    .home-row12-wrapper .text-box-btm ul li p{font-size: 24px;}
}
@media (max-width:768px){
    .home-row11-wrapper .row11-content{padding: 40px 0 50px;}
    .home-row12-wrapper .text-box-top h3{font-size: 24px;}
    .home-row12-wrapper .text-box-btm .step-box{gap: 120px;}
    .home-row12-wrapper .text-box-btm .step-box .num{width: 40px;height: 40px;}
    .home-row12-wrapper .text-box-btm .step-box .num::after{width: 124px;left: 36px;top: 15px;}
    .home-row12-wrapper .text-box-btm ul{gap: 40px;}
    .home-row12-wrapper .text-box-btm ul li .img-box{margin-bottom: 5px;}
    .home-row12-wrapper .text-box-btm ul li .img-box img{width: 50%;}
    .home-row12-wrapper .text-box-btm ul li p{font-size: 18px;}
    .home-row12-wrapper .btn-box{margin-top: 40px;}
}
@media (max-width:510px){
    .home-row12-wrapper .home-row12-box{padding: 50px 0 40px;}
    .home-row12-wrapper .text-box-top h2{font-size: 24px;}
    .home-row12-wrapper .text-box-top h3{font-size: 20px;}
    .home-row12-wrapper .text-box-btm h2{font-size: 22px;}
    .home-row12-wrapper .text-box-top p{line-height: 1.2;}
    .home-row12-wrapper .text-box-btm .step-box{gap: 70px;}
    .home-row12-wrapper .text-box-btm .step-box .num{width: 30px;height: 30px;}
    .home-row12-wrapper .text-box-btm .step-box .num::after{width: 74px;left: 25px;top: 10px;}
    .home-row12-wrapper .text-box-btm ul{gap: 10px;}
    .home-row12-wrapper .text-box-btm ul li .img-box img{width: 35%;}
    .home-row12-wrapper .btn{padding: 9px 40px 10.5px 40px;}
    .home-row12-wrapper .btn-box{margin-top: 30px;}
}
/* homeRow_12 ----End---- */


/* row13 -----Start-----*/
.home-row13-wrapper .content-box{padding-top: 69px;}
.home-row13-wrapper .content-box .text-box h2{margin-bottom:46px;}
.home-row13-wrapper .content-box .row13-content { display:flex;flex-wrap: wrap;justify-content: space-between;row-gap: 23px;}
.home-row13-wrapper .content-box .row13-content li { flex:0 0 43.3%;display:flex;column-gap: 26px;cursor: pointer;}
.home-row13-wrapper .content-box .row13-content li .item-left { flex:0 0 38.1%;max-height: 120px; overflow: hidden;background: url(https://d21u74ttq7jqzf.cloudfront.net/vjp/mb/img/academy-post-default-img.webp) no-repeat; background-size: cover;}
.home-row13-wrapper .content-box .row13-content li .item-left img{width: 100%;}
.home-row13-wrapper .content-box .row13-content li .item-right {display: flex; flex-direction: column; justify-content: space-between;} 
.home-row13-wrapper .content-box .row13-content li .item-right .text{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: var(--fs-17); font-weight: 700; margin-bottom: 6px; line-height: 1.44; max-height: 73px;} 
.home-row13-wrapper .content-box .row13-content li .item-right .date{color: #666666; font-size: var(--fs-16);} 

.home-row13-wrapper .content-box .article-content-pop-wrapper{ position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, .8); top: 0; left: 0; z-index: 9999; display:none;}
.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop {background-color: #fff; width: 60%; height: 80%; position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%);padding: 50px; overflow: hidden;border-radius: 20px;}
.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop .close-btn{ display: block; width: 40px; height: 40px; background: var(--v-grey); position: absolute; right: 10px; top: 10px; border-radius: 50%; cursor: pointer;}
.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop .loading-box {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop .article-content-pop-content{height: 100%;overflow: auto;}

.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop .article-content-pop-content h2{ text-align: center;margin-bottom: 20px;}
.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop .article-content-pop-content .img-box { margin-bottom: 20px;display: flex; justify-content: center; }
.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop .article-content-pop-content .img-box img { width: 100%;}
.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop .article-content-pop-content .text-box { text-align:left;}

.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop .close-btn:before { transform: rotate(45deg);}
.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop .close-btn:after { transform: rotate(-45deg);}
.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop .close-btn:before,
.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop .close-btn:after { content: ""; display: block; width: 18px; height: 2px; background: #fff; position: absolute; left: 11px; top: 19px;}
.home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop .bottom-text { text-align: center;}
@media (max-width:990px) {
    .home-row13-wrapper .content-box .row13-content li { flex: 0 0 100%;}
    .home-row13-wrapper .content-box .row13-content li .item-left { max-height: 200px;}
    .home-row13-wrapper .content-box .row13-content li .item-right .text { -webkit-line-clamp: 4; max-height: 110px; }
}
@media (max-width:990px) {
    .home-row13-wrapper .content-box .row13-content li .item-right .text { -webkit-line-clamp: 3;}
}
@media (max-width:768px) {
    .home-row13-wrapper .content-box .article-content-pop-wrapper .article-content-pop { width: 90%;}
}
@media (max-width:375px) {
    .home-row13-wrapper .content-box .row13-content li .item-right .text { -webkit-line-clamp: 2; }
}
/* row13 -----End-----*/

/* public-open-account-application Begin */
.public-open-account-application{position: relative;}
.public-open-account-application:before{content:"";width:50%;position: absolute;left: 0;top: 0;background: url(https://d21u74ttq7jqzf.cloudfront.net/vjp/pc/img/public-application-banner-before-img.webp?v=2) no-repeat;background-size: cover;height: 100%;z-index: -1;background-position: center;}
.public-open-account-application:after{content:"";width:50%;position: absolute;right: 0;top: 0;background: #F7F7F7;height: 100%;z-index: -1;}
.public-open-account-application .inner{display: flex;justify-content: space-between;padding-top: 30px;padding-bottom: 58px;}
.public-open-account-application .inner .left{text-align: center;}
.public-open-account-application .inner .left .img-box:first-of-type{margin-bottom: 18px;}
.public-open-account-application .inner .right{text-align: center;padding-top: 26px;}
.public-open-account-application .inner .right>p{color: #DE3700;font-size: var(--fs-30);margin-bottom: 36px;font-weight: 700;}
.public-open-account-application .inner .right .step-box{display: flex;justify-content: center;gap: 187px;}
.public-open-account-application .inner .right .step-box .num{position: relative;z-index: 2;width: 44px;height: 44px;border-radius: 50%;border: 3px solid #707070;display: flex;justify-content: center;align-items: center;font-size: var(--fs-26);line-height: 1;font-weight: 700;margin-bottom: 10px;color: rgb(255,0,0);}
.public-open-account-application .inner .right .step-box .num::after{content: '';position: absolute;width: 189px;left: 39px;top:19px;border-bottom: 3px solid #707070;z-index: 1;}
.public-open-account-application .inner .right .step-box .num:last-child::after{display: none;}
.public-open-account-application .inner .right .content-list{display: flex;justify-content: space-between;margin-bottom: 58px;padding: 0 10px;}
.public-open-account-application .inner .right .content-list li .img-box{display: flex;align-items: center;height: 89px;justify-content: center;margin-bottom: 10px;}
.public-open-account-application .inner .right .content-list li p{font-size: var(--fs-16);color: var(--v-black);margin: 0;font-weight: 700;}

@media (max-width:1450px) {
    .public-open-account-application .inner{padding-left: 50px;padding-right: 50px;justify-content: space-around;}
    .public-open-account-application .inner .right .step-box{padding: 0 20px;}
    .public-open-account-application .inner .right .content-list{padding: 0;}

}

@media (max-width:1300px) {
    .public-open-account-application:before{width: 42%;}
    .public-open-account-application:after{width: 58%;}
    .public-open-account-application .inner .right .content-list li .img-box{width: 50%;margin: 0 auto;}
}

@media (max-width:1064px) {
    .public-open-account-application .inner{justify-content: space-between;padding-left: 30px;padding-right: 30px;}
    .public-open-account-application:before{width: 37%;}
    .public-open-account-application:after{width: 63%;}
    .public-open-account-application .inner .left .img-box:first-of-type{max-width: 50%;margin: 0 auto 18px;}
}    
@media (max-width:990px) {
    .public-open-account-application .inner{flex-direction: column;align-items: center;}
    .public-open-account-application .inner .left{max-width: fit-content;}
    .public-open-account-application:before{display: none;}
    .public-open-account-application:after{width: 100%;}
}

@media (max-width:768px) {
    .public-open-account-application .inner .right .step-box{gap: 120px;}
    .public-open-account-application .inner .right .step-box .num{width: 40px;height: 40px;}
    .public-open-account-application .inner .right .step-box .num::after{width: 124px;left: 36px;top: 15px;}
}

@media(max-width:510px) {
    .public-open-account-application .inner .right .step-box{gap: 70px;}
    .public-open-account-application .inner .right .step-box .num{width: 30px;height: 30px;}
    .public-open-account-application .inner .right .step-box .num::after{width: 74px;left: 25px;top: 10px;}
}
/* public-open-account-application End */



/* copy-trading-banner end */