@charset utf-8;
/*
Theme Name: vt
*/
@font-face {
    font-family: "Roboto-Black";
    src: url("fonts/Roboto-Black.ttf") format("truetype"),
         url("fonts/Roboto-Black.woff2") format("woff2"),
         url("fonts/Roboto-Black.woff") format("woff"),
         url("fonts/Roboto-Black.eot") format("embedded-opentype"),
         url("fonts/Roboto-Black.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-BlackItalic";
    src: url("fonts/Roboto-BlackItalic.ttf") format("truetype"),
         url("fonts/Roboto-BlackItalic.woff2") format("woff2"),
         url("fonts/Roboto-BlackItalic.woff") format("woff"),
         url("fonts/Roboto-BlackItalic.eot") format("embedded-opentype"),
         url("fonts/Roboto-BlackItalic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Bold";
    src: url("fonts/Roboto-Bold.ttf") format("truetype"),
         url("fonts/Roboto-Bold.woff2") format("woff2"),
         url("fonts/Roboto-Bold.woff") format("woff"),
         url("fonts/Roboto-Bold.eot") format("embedded-opentype"),
         url("fonts/Roboto-Bold.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-BoldItalic";
    src: url("fonts/Roboto-BoldItalic.ttf") format("truetype"),
         url("fonts/Roboto-BoldItalic.woff2") format("woff2"),
         url("fonts/Roboto-BoldItalic.woff") format("woff"),
         url("fonts/Roboto-BoldItalic.eot") format("embedded-opentype"),
         url("fonts/Roboto-BoldItalic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Italic";
    src: url("fonts/Roboto-Italic.ttf") format("truetype"),
         url("fonts/Roboto-Italic.woff2") format("woff2"),
         url("fonts/Roboto-Italic.woff") format("woff"),
         url("fonts/Roboto-Italic.eot") format("embedded-opentype"),
         url("fonts/Roboto-Italic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Light";
    src: url("fonts/Roboto-Light.ttf") format("truetype"),
         url("fonts/Roboto-Light.woff2") format("woff2"),
         url("fonts/Roboto-Light.woff") format("woff"),
         url("fonts/Roboto-Light.eot") format("embedded-opentype"),
         url("fonts/Roboto-Light.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-LightItalic";
    src: url("fonts/Roboto-LightItalic.ttf") format("truetype"),
         url("fonts/Roboto-LightItalic.woff2") format("woff2"),
         url("fonts/Roboto-LightItalic.woff") format("woff"),
         url("fonts/Roboto-LightItalic.eot") format("embedded-opentype"),
         url("fonts/Roboto-LightItalic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Medium";
    src: url("fonts/Roboto-Medium.ttf") format("truetype"),
         url("fonts/Roboto-Medium.woff2") format("woff2"),
         url("fonts/Roboto-Medium.woff") format("woff"),
         url("fonts/Roboto-Medium.eot") format("embedded-opentype"),
         url("fonts/Roboto-Medium.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-MediumItalic";
    src: url("fonts/Roboto-MediumItalic.ttf") format("truetype"),
         url("fonts/Roboto-MediumItalic.woff2") format("woff2"),
         url("fonts/Roboto-MediumItalic.woff") format("woff"),
         url("fonts/Roboto-MediumItalic.eot") format("embedded-opentype"),
         url("fonts/Roboto-MediumItalic.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Regular";
    src: url("fonts/Roboto-Regular.ttf") format("truetype"),
         url("fonts/Roboto-Regular.woff2") format("woff2"),
         url("fonts/Roboto-Regular.woff") format("woff"),
         url("fonts/Roboto-Regular.eot") format("embedded-opentype"),
         url("fonts/Roboto-Regular.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "Roboto-Thin";
    src: url("fonts/Roboto-Thin.ttf") format("truetype"),
         url("fonts/Roboto-Thin.woff2") format("woff2"),
         url("fonts/Roboto-Thin.woff") format("woff"),
         url("fonts/Roboto-Thin.eot") format("embedded-opentype"),
         url("fonts/Roboto-Thin.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}
:root {
    --font-size-mobileHeader:26px;
    --font-size-mobileBody:12px;
    --text-text-Primary-Blue-P100: #718ADF;
    --text-text-Neutral-N60: #B3B9C4;
}
*,
*:before,
*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html{background:none;-webkit-text-size-adjust:100%;height:100%;}
body{ background: #FFFFFF; font-size:var(--font-size-bodyLarge); color:var(--text-text-primary); font-weight:normal;font-family: "Roboto-Regular";}
a{color:var(--text-text-blue-cyan);text-decoration:none;outline-style:none;}
a:hover{color:var(--text-text-blue-cyan);text-decoration:none;}
.a_other{color:#0A36C7;}
.a_other:hover{color:#0A36C7;}
p{line-height:var(--Body-Large-R);margin:0px 0px 23px;}
li{list-style:none outside none;}
strong,
b{font-weight:normal; font-family: "Roboto-Bold";}
em,
i{font-style:normal;}
strong em,
em strong{font-style:normal;font-weight:normal; font-family: "Roboto-Bold";}
h1,
h2,
h3,
h4,
h5,
h6{ font-weight:normal; margin-bottom:30px;font-family: "Roboto-Bold";}
h1{font-size:72px;line-height:1;}
h2{font-size:var(--font-size-displayMedium);line-height:var(--Display-Medium-S);}
h3{font-size:var(--font-size-headlineLarge);line-height:var(--Headline-Large-S);}
h4{font-size:var(--font-size-headlineMedium);line-height:var(--Headline-Medium-S);}
h5{font-size:var(--font-size-headlineSmall);line-height:var(--Headline-Small-S);}
h6{font-size:var(--font-size-titleLarge);line-height:var(--Title-Large-S);}
img{max-width:100%;height:auto;vertical-align:middle;}
hr{clear:both;margin:40px 0;border:0;border-bottom:0;padding:0px;width:100%;background:#e1e0da;height:1px;}
pre{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}
h1 i,
h2 i,
h3 i,
h4 i,
h5 i,
h6 i{color: #00F0FF;}
html[lang='ar'] h1, 
html[lang='ar'] h2, 
html[lang='ar'] h3, 
html[lang='ar'] h4, 
html[lang='ar'] h5, 
html[lang='ar'] h6, 
html[lang='ar'] a, 
html[lang='ar'] p, 
html[lang='ar'] li, 
html[lang='ar'] span, 
html[lang='ar'] strong, 
html[lang='ar'] b, 
html[lang='ar'] em, 
html[lang='ar'] i, 
html[lang='ar'] th, 
html[lang='ar'] label {direction: rtl;}

.public_wrapper{margin: 0 auto;}
.tableBox{padding: 40px 0 0; width:100%;height:100%;}
.table_cellBox{display:table-cell;vertical-align:middle;}
.inner{max-width:1320px;padding-left:20px;padding-right:20px;margin:0 auto;}
.flex{display: flex;justify-content: space-between;align-items: center;}
.title_merge{display: inline-block;}
.button{border: 1px solid var(--functional-tints-blue);color: var(--functional-tints-blue);position: relative;z-index: 1;overflow: hidden;background:transparent;border-radius:8px; padding:16px 24px; display:flex;font-size:var(--font-size-titleLarge);line-height:var(--Title-Large-S);text-decoration:none; font-family: "Roboto-Bold";-webkit-tap-highlight-color: transparent;transition: all .3s linear;width: 100%;max-width: -moz-max-content;max-width: -webkit-max-content;}
.button:hover{color: var(--functional-tints-blue);border: 1px solid var(--functional-tints-blue);background: var(--functional-tints-primary-bg);}
.button:active{color: var(--functional-tints-blue);border: 1px solid var(--functional-tints-blue);background: var(--light-functional-blue-2, #B4CBF4);}
.blue_border_button{border: 1px solid var(--functional-tints-blue);border-radius:8px;padding: 12px 24px;color: var(--text-text-black-static);font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);text-decoration: none;font-family: "Roboto-Bold";-webkit-tap-highlight-color: transparent;transition: all .3s linear;width: 100%;max-width: -moz-max-content;max-width: -webkit-max-content;}
.blue_border_button:hover{border: 1px solid var(--functional-tints-blue);background: var(--functional-tints-blue);color: var(--text-text-white-static);}
.blue_border_button:active{border: 1px solid var(--light-functional-blue-5);background: var(--light-functional-blue-5);color: var(--text-text-white-static);}
.white_button{position: relative;z-index: 1;overflow: hidden;background: var(--text-text-primary); border-radius:8px; padding:16px 24px; display:flex; color:#000;font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);text-decoration:none; font-family: "Roboto-Bold";-webkit-tap-highlight-color: transparent;transition: all .3s linear;width: 100%;max-width: -moz-max-content;max-width: -webkit-max-content;}
.white_button:hover{background: var(--functional-tints-blue);color: var(--text-text-white-static);}
.white_button:active{background: var(--functional-blue-5);color: var(--text-text-white-static);}
.blue_button{position: relative;z-index: 1;overflow: hidden;background:var(--functional-tints-blue); border-radius:8px; padding:16px 24px; display:flex; color:var(--text-text-special);font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);text-decoration:none; font-family: "Roboto-Bold";-webkit-tap-highlight-color: transparent;    transition: all .3s linear;width: 100%;max-width: -moz-max-content;max-width: -webkit-max-content;}
.blue_button:hover{background: var(--functional-tag-border-blue);color: var(--text-text-white-static);}
.blue_button:active{background: var(--light-functional-blue-5);color: var(--text-text-white-static);}

@media (max-width: 1440px) {
    h1{font-size: var(--font-size-displayLarge);line-height: var(--Display-Large-S);}
}
@media (max-width: 1370px) {
    h1{font-size: var(--font-size-displayMedium);line-height: var(--Display-Medium-S);}
}
@media (max-width: 980px) {
    /* h1{font-size: var(--font-size-displayMedium);line-height: var(--Display-Medium-S);} */
    h2{font-size:var(--font-size-headlineLarge);line-height:var(--Headline-Large-S);}
}
@media (max-width: 768px) {
    h1{font-size: var(--font-size-headlineLarge);line-height: var(--Headline-Large-S);}
    h2{font-size: var(--font-size-headlineMedium);line-height: normal;}

    .button{padding: 12px 24px;}
    .white_button{padding: 12px 24px;}
    .blue_button{padding: 12px 24px;;}
}
@media (max-width: 500px) {
    /* h1{font-size: var(--font-size-headlineMedium);line-height: normal;} */
    /* h2{font-size: var(--font-size-headlineSmall);line-height: normal;} */
    .inner{padding-left:16px;padding-right:16px;}

    .button{padding: 8px 24px;}
    .white_button{padding: 8px 24px;}
    /* .blue_button{padding: 8px 24px;} */

}

/* hide input icon of safari  */
input::-webkit-credentials-auto-fill-button {
    display: none !important;
    visibility: hidden;
    pointer-events: none;
    position: absolute; 
    right: 0;
}
input,
button,
textarea{outline-style:none;}

/* new homepage using*/
.show_fade_in{opacity: 1 !important;}
.init_fade{opacity: 0;transition: all 2s;}


.grecaptcha-badge{
    display: none !important;
}

.post_list_turn_item{color: var(--text-text-primary);margin-top: 24px;}
.post_list_turn_item ul{display: flex;align-items: center;justify-content: center;gap: 5px;}
.post_list_turn_item li.first a{border: none;}
.post_list_turn_item li .page-numbers{font-size: 13px;width: 32px;height: 32px;display: flex;align-items: center;justify-content: center;border-radius: 8px;border: 1px solid var(--fill-brand-bg);background: var(--fill-page-primary);}
.post_list_turn_item li .page-numbers.prev{border: none;}
.post_list_turn_item li .page-numbers.dots{border: none;}
.post_list_turn_item li .current{border: none;color: var(--fill-page-primary);background: var(--functional-tints-blue);}
.post_list_turn_item li:hover{background: unset;}
.post_list_turn_item li.active{border-color: transparent;}
.post_list_turn_item li:nth-of-type(-n+2) a svg {transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-ms-transform: rotate(180deg);}
.post_list_turn_item a{color: var(--text-text-primary);width: 32px;height: 32px;border-radius: 8px;display: flex;align-items: center;justify-content: center;}
.post_list_turn_item li.last a{border: 1px solid var(--fill-brand-bg);}

/* table_tab_content */
.table_tab_content{overflow: hidden;border-radius: 16px;background: var(--fill-page-primary, #FFF);box-shadow: 0px 4px 10px 0px rgba(20, 21, 26, 0.10);text-align: center;margin-bottom: 60px;}
.table_tab_content table{width: 100%;}
.table_tab_content table::-webkit-scrollbar {width: 120px;height: 8px;}
.table_tab_content table::-webkit-scrollbar-track {margin-top: 0px;}
.table_tab_content table::-webkit-scrollbar-track-piece {background-color:transparent;-webkit-border-radius: 100px;}
.table_tab_content table::-webkit-scrollbar-thumb:vertical {height: 8px;background-color:var(--line-border);-webkit-border-radius: 100px;}

.table_tab_content th{border: 1px solid #FFF;}
.table_tab_content table,
.table_tab_content td{border: 1px solid var(--line-border, #E8E9EA);}
.table_tab_content table th{padding: 25px 16px;background: var(--text-text-blue-cyan, #0A36C7);font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);    font-family: "Roboto-Bold";text-align: center;color: var(--text-text-special, #FFF);width: 25%;}
.table_tab_content table .content_box{padding: 39px 24px;display: flex;flex-direction: column;justify-content: center;gap: 16px;min-height: 176px;}
.table_tab_content table tr:last-of-type .content_box{min-height: auto;}
.table_tab_content table .text_box{display: flex;flex-direction: column;gap: 4px;}
.table_tab_content table h5{margin: 0;}
.table_tab_content table strong{font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);display: flex;flex-direction: column;align-items: center;}
.table_tab_content table p{margin: 0;font-size: var(--font-size-bodySmall);line-height: var(--Body-Small-R);}
.table_tab_content table p.text_grey{color: var(--text-text-secondary, #7A8699);}

@media (max-width: 1320px) {
    .table_tab_content{overflow-x: scroll;}
    .table_tab_content table{min-width: 1280px;}
}
/* table_tab_content */

/* banner_wrapper */
.banner_wrapper{padding: 200px 0 240px;position: relative;overflow: hidden;max-height: 784px;min-height: 784px;}
.banner_wrapper.banner_flex{display: flex;align-items: center;}
.banner_wrapper .inner{max-width: 1920px;padding: 0 120px;width: 100%;}
.banner_wrapper .text_wrap{width: 100%;max-width: max-content;display: flex;flex-direction: column;align-items: flex-start;position: relative;z-index: 1;}
.banner_wrapper .text_wrap h1{margin-bottom: 48px;font-weight: 600;}
.banner_wrapper .text_wrap span{color: var(--text-text-blue-cyan, #0A36C7);}
.banner_wrapper .text_wrap p{margin-bottom: 48px;font-size:var(--font-size-headlineMedium);line-height:var(--Headline-Medium-S);font-family: "Roboto-Bold";}
.banner_wrapper .text_wrap p:not(:has(+ .button_box)) {margin: 0;}
.banner_wrapper .text_wrap p span{font-size: 40px;line-height: normal;font-weight: 600;}
.banner_wrapper .img_wrap{position: absolute;top: 0;right: 0;width: 70%;height: 100%;}
.banner_wrapper .img_wrap:before{max-width: 653px;content: '';position: absolute;top: 0;left: -1px;width: 100%;height: 100%;background: linear-gradient(90deg, #FFF 28.07%, rgba(255, 255, 255, 0.00) 99.85%);}
.banner_wrapper .img_bg{max-height: 784px;width: 100%;height: 100%;background-size: cover;position: absolute;right: 0;z-index: -1;height: calc(100% - 1px);}
.banner_wrapper .mobile_img1{display: none;}
.banner_wrapper .mobile_img2{display: none;}
.banner_wrapper .button_box{display: flex;position: relative;}
.banner_wrapper .blue_button{display: flex;align-items: center;justify-content: center;}
.banner_wrapper .button_box img{margin-left: 8px;}

html[lang='ar'] .banner_wrapper .text_wrap{align-items: flex-end;}
html[lang='ar'] .banner_wrapper .button_box img{transform: scale(-1);margin-right: 8px;margin-left: 0;}

@media (max-width: 1370px) {
    .banner_wrapper{min-height: 100%;}
    html[lang='ar'] .banner_wrapper .text_wrap{max-width: 500px;}
}
@media (max-width: 1440px) {
    .banner_wrapper{padding: 180px 0;}
}
@media (max-width: 1370px) {
    .banner_wrapper{padding: 150px 0;}
    .banner_wrapper .inner{padding: 0 80px;}
    .banner_wrapper .text_wrap h1{margin-bottom: 32px;}
    .banner_wrapper .text_wrap p{font-size: 20px;line-height: normal;margin-bottom: 32px;}
    .banner_wrapper .text_wrap p span{font-size: 24px;}
}
@media (max-width: 1240px) {
    .banner_wrapper .img_wrap:before {max-width: 500px;}
}
@media (max-width: 1024px) {
    .banner_wrapper .inner{padding: 0 40px;}
    html[lang='ar'] .banner_wrapper .text_wrap{max-width: 460px;}
}
@media (max-width: 980px) {
    .banner_wrapper .img_wrap:before {max-width: 350px;}
}
@media (max-width: 768px) {
    .banner_wrapper{padding: 0;}
    .banner_wrapper .inner{display: flex;padding: 0;flex-direction: column-reverse;}
    .banner_wrapper .text_wrap{padding: 40px;max-width: 100%;}
    .banner_wrapper .text_wrap p{max-width: 100% !important;}
    .banner_wrapper .img_wrap{position: initial;width: 100% !important;}
    .banner_wrapper .img_wrap:before{display: none;}
    .banner_wrapper .img_bg{display: none}
    .banner_wrapper .mobile_img1{display: block;}
    html[lang='ar'] .banner_wrapper .text_wrap{max-width: 100%;}
}
@media (max-width: 500px) {
    .banner_wrapper .text_wrap{padding: 24px 16px 40px;}
    .banner_wrapper .text_wrap h1 {margin-bottom: 24px;}
    .banner_wrapper .text_wrap p{font-size: 20px;margin-bottom: 24px;font-family: "Roboto-Bold";}
}
@media (max-width: 375px) {
    .banner_wrapper .mobile_img1{display: none;}
    .banner_wrapper .mobile_img2{display: block;}
}
/* banner_wrapper end */

/* page_markets_faq */
.page_markets_faq{padding: 120px 0;}
.page_markets_faq h2{text-align: center;margin-bottom: 60px;}
.page_markets_faq .add_subtract {position: relative;display: block;}
.page_markets_faq .add_subtract::before {content: '';display: block;width: 2px;height: 16px;position: absolute;top: 61%;right: 11px;transform: translate(50%,-50%);z-index: 1;background-color: var(--text-text-primary);transition: all .2s linear;}
.page_markets_faq .add_subtract::after {content: '';display: block;width: 16px;height: 2px;position: absolute;right: 3px;top: 61%;transform: translateY(-50%);z-index: 2;background-color: var(--text-text-primary);transition: all .2s linear;}
.page_markets_faq .add_subtract_change::before {background-color: var(--text-text-blue-cyan, #0A36C7);transform: translate(50%,-50%) rotate(-90deg);}
.page_markets_faq .add_subtract_change::after {background-color: var(--text-text-blue-cyan, #0A36C7);width: 16px;}
.faq_module_inner{display: flex;flex-direction: column;gap: 16px;}
.faq_module_inner .faq_list{padding: 32px 0;border-bottom: 1px solid var(--line-border, #E8E9EA);}
.faq_module_inner .faq_module_tit{cursor: pointer;display:flex;justify-content: space-between;align-items: flex-start;}
.faq_module_inner .faq_module_tit h6{margin-bottom: 0px;}
.faq_module_inner .faq_module_tit p{margin-bottom: 0px;}
.faq_module_inner .faq_module_tit p.faq_module_icon{width: 90px;height: 22px;display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox;display: flex;justify-content: flex-end;position: relative;}
.faq_module_inner .faq_list a{text-decoration: underline;}
.faq_module_inner .faq_list .faq_module_detial{display: none;margin-top: 8px;}
.faq_module_inner .faq_list:first-of-type .faq_module_detial{margin-top: 24px;}
.faq_module_inner .faq_module_detial p{color: var(--text-text-secondary);margin-bottom: 5px;max-width: 1200px;width: 100%;}
.faq_module_inner .faq_module_detial p:last-child{margin-bottom: 0px;}
.faq_module_inner .faq_module_detial p a{color:var(--text-text-blue-cyan, #0A36C7);word-wrap: break-word;}
.faq_module_inner .faq_module_detial p strong{color: var(--text-text-primary);}
html[lang='ar'] .faq_module_inner .faq_module_tit h6{text-align: right;}
html[lang='ar'] .faq_module_inner .faq_module_detial p{text-align: right;}
html[lang='ar'] .page_markets_faq .add_subtract::before{left: 11px;right:auto;}
html[lang='ar'] .page_markets_faq .add_subtract::after{left: 5px;right:auto;}

@media (max-width: 1024px) {
    .page_markets_faq {padding: 80px 0;}
}
@media (max-width: 768px) {
    .page_markets_faq {padding: 60px 0;}
    .page_markets_faq h2{font-size: 26px;line-height: 1.23;margin-bottom: 40px;}
    .faq_module_inner .faq_list{padding: 16px 0;}
    .faq_module_inner .faq_module_tit h6{font-size: var(--font-size-titleMedium);line-height: var(--Title-Medium-S);}
}
@media (max-width: 600px) {
    .page_markets_faq h2{text-align: left;}
    html[lang='ar'] .page_markets_faq h2{text-align: right;}
}
@media (max-width: 500px) {
    .page_markets_faq {padding: 40px 0;}
    .page_markets_faq h2{margin-bottom: 24px;}
    .page_markets_faq .add_subtract::before{top: 50%;}
    .page_markets_faq .add_subtract::after{top: 50%;}
    .faq_module_inner{gap: 8px;}
    .faq_module_inner .faq_module_tit{align-items: center;}
    .faq_module_inner .faq_module_tit h6{font-size: var(--font-size-titleSmall);line-height: 1.1;}
    .faq_module_inner .faq_module_tit p.faq_module_icon{width: 100%;max-width: 48px;}
    .faq_module_inner .faq_module_detial p{font-size: var(--font-size-bodySmall);line-height: normal;}
}
/* page_markets_faq end */

/* page_start_steps */
.page_start_steps{padding: 120px 0 0;}
.page_start_steps:has(+ .page_markets_faq) {padding: 120px 0 0;}
.page_start_steps:not(:has(+ .page_markets_faq)) {padding: 120px 0;}
.page_steps_content{display: flex;flex-direction: column;gap: 60px;}
.page_start_steps h2{margin: 0;text-align: center;}
.page_start_steps ul{display: flex;justify-content: space-between;}
.page_start_steps ul li{display: flex;padding: 0 24px;width: 100%;flex-direction: column;align-items: center;gap: 40px;text-align: center;}
.page_start_steps .text_box h5{margin-bottom: 16px;line-height: 1.16667;}
.page_start_steps .text_box p{margin-bottom: 16px;font-size: 14px;line-height: 1.28571;}
.page_start_steps .button_box{display: flex;justify-content: center;}
.page_start_steps .button_box img{margin-left: 8px;}
html[lang="ar"] .page_start_steps ul{flex-direction: row-reverse;}
html[lang="ar"] .page_start_steps .button_box img{transform: scale(-1);margin-right: 8px;margin-left:0;}

@media (max-width: 1024px) {
    .page_start_steps{padding: 80px 0 0;}
    .page_start_steps:has(+ .page_markets_faq) {padding: 80px 0 0;}
    .page_start_steps:not(:has(+ .page_markets_faq)) {padding: 80px 0;}
    .page_steps_content{gap: 30px;}
}
@media (max-width: 768px) {
    .page_start_steps{padding: 60px 0 0;}
    .page_start_steps:has(+ .page_markets_faq) {padding: 60px 0 0;}
    .page_start_steps:not(:has(+ .page_markets_faq)) {padding: 60px 0;}
    .page_start_steps h2{font-size: 26px;line-height: 1.23;}
    .page_start_steps ul{flex-wrap: wrap;justify-content: center;}
    .page_start_steps ul li{gap: 30px;max-width: 327px;}
}
@media (max-width: 600px) {
    .page_steps_content{gap: 16px;}
    .page_start_steps h2{text-align: left;}
    .page_start_steps ul{flex-direction: column;align-items: center;gap: 0;}
    .page_start_steps ul li{padding: 24px 16px;gap: 28.7px;}
    .page_start_steps ul .img_box{max-width: 100px;height: 100px;}
    .page_start_steps .text_box h5{margin-bottom: 11.5px;font-size: 20px;}
    .page_start_steps .text_box p{font-size: 14px;margin: 0;}
    html[lang="ar"] .page_start_steps h2{text-align: right;}
}
@media (max-width: 500px) {
    .page_start_steps{padding: 40px 0 0;}
    .page_start_steps:has(+ .page_markets_faq) {padding: 40px 0 0;}
    .page_start_steps:not(:has(+ .page_markets_faq)) {padding: 40px 0;}
    .page_start_steps .inner{padding: 0 24px;}
    .page_start_steps h2{line-height: 1;}
    .page_start_steps .text_box h5{font-size: 20px;line-height: 1.2;}
    .page_start_steps .text_box p{font-size: 12px;line-height: 1.33333;max-width: 293px;width: 100%;margin: 0 auto;}
    .page_start_steps .button_box .blue_button{padding: 12px 24px;}
}
/* page_start_steps eng */

/* page_success */
.page_success{padding: 120px 0;}
.page_success h2{margin-bottom: 60px;text-align: center;}
.page_success h2:has(+ h6){margin-bottom: 32px;}
.page_success h6{margin-bottom: 60px;text-align: center;color: var(--text-text-secondary, #7A8699);}
.page_success ul{display: flex;flex-wrap: wrap;gap: 24px;}
.page_success ul li{flex: 32%;display: flex;flex-direction: column;align-items: center;gap: 24px;padding: 40px 32px;border-radius: 16px;background: var(--fill-page-gray, #F9F9F9);}
.page_success .text_box{text-align: center;display: flex;flex-direction: column;gap: 16px;}
.page_success .text_box p{margin: 0;font-size: var(--font-size-titleSmall);line-height: var(--Title-Small-S);font-family: "Roboto-Bold";}
.page_success .text_box h3{margin: 0;}
.page_success .text_box h4{margin: 0;font-size: 32px;line-height: 1.375;}
.page_success .text_box h5{margin: 0;}
/* two columns */
.success_two_columns ul li{flex: calc(50% - 12px);}

@media (max-width: 1024px) {
    .page_success{padding: 80px 0;}
}
@media (max-width: 980px) {
    .page_success .text_box h3{font-size: 28px;}
}
@media (max-width: 768px) {
    .page_success{padding: 60px 0;}
    .page_success h2{margin-bottom: 40px;}
    .page_success h6{margin-bottom: 40px;font-size: 18px;}
    .page_success ul{flex-direction: column;align-items: center;}
    .page_success ul li{max-width: 343px;width: 100%;}
}
@media (max-width: 600px) {
    .page_success h2{text-align: left;}
    .page_success h6{text-align: left;font-size: 16px;line-height: normal;font-family: "Roboto-Regular";}
    html[lang='ar'] .page_success h2{text-align: right;}
    html[lang='ar'] .page_success h6{text-align: right;}
}
@media (max-width: 500px) {
    .page_success{padding: 40px 0;}
    .page_success h2{margin-bottom: 24px;}
    .page_success h2:has(+ h6){margin-bottom: 24px;}
    .page_success h6{margin-bottom: 24px;}
    .page_success ul li{padding-left: 16px;padding-right: 16px;}
    .page_success .text_box h5{font-size: 20px;line-height: 1.2;font-weight: 500;}
    .page_success .text_box p{font-size: var(--font-size-bodySmall);line-height: var(--Body-Small-R);font-family: "Roboto-Regular";}
}
/* page_success end */

/* partners */
.partners.partners_grey{background: var(--fill-page-tertiary, #F4F5F6);}
.partners_box {display: flex;align-items: center;gap: 24px;justify-content: space-between;} 
.partners_box .img_box img{border-radius: 24px;}
.partners_box .img_box .mobile_img {display: none;} 
.partners_box .text_box {max-width: 600px;width: 100%;} 
.partners_box .text_box .text_wrap{margin-bottom: 40px;}
.partners_box .text_box h3{color: #11122C;}
.partners_box .text_box ul {display: flex;flex-direction: column;gap: 16px;} 
.partners_box .text_box ul li {display: flex;justify-content: flex-start;align-items: center;gap: 12px;width: 100%;padding: 24px 16px;background: #fff;border-radius: 16px;background: var(--fill-page-tertiary, #F4F5F6);} 
.partners_box.partners_grey .text_box ul li {background: #fff;} 
.partners_box .text_box ul li .icon {max-width: 24px;width: 100%;} 
.partners_box .text_box ul li p {margin: 0;font-size: 16px;line-height: 1.5;color: #282d34;font-weight: 400;opacity: 0.7;} 
.partners_box.partners_grey .text_box ul li p {opacity: 1;}
@media (max-width: 1240px) {
    .partners_box .text_box {max-width: 500px;width: 100%;}
}
@media (max-width: 980px) {
    .partners_box .text_box h3{font-size: 28px;}
}
@media (max-width: 768px) {
    .partners_box {flex-direction: column;}
    .partners_box .text_box .text_wrap{margin-bottom: 24px;}
}
@media (max-width: 500px) {
    .partners_box .text_box h3{line-height: normal;margin-bottom: 24px;}
    .partners_box .text_box ul{gap: 8px;}
    /* .partners_box .text_box ul li .icon {max-width: 21.5px;} */
}
@media (max-width: 375px) {
    .partners_box .img_box img{border-radius: 16px;}
    .partners_box .img_box .pc_img {display: none;} 
    .partners_box .img_box .mobile_img {display: block;} 
}
/* partners */