section.foreword{padding-top:80px;padding-bottom:80px;background-color:#f9f9fa;}section.foreword .container{max-width:1068px;}section.foreword .container .row .title{flex:0 0 22%;}section.foreword .container .row .title h1{color:#b7263e;font-size:2.33rem;}section.foreword .container .row .contents{flex:0 0 78%;padding-left:32px;}section.foreword .container .row .contents .content:not(:last-child){margin-bottom:30px;}section.foreword .container .row .contents .content h3{font-size:1.55rem;}section.foreword .container .row .contents .content p{font-size:0.88rem;}@media only screen and (max-width:767px){section.foreword{padding-top:50px;padding-bottom:60px;}section.foreword .container .row .title,section.foreword .container .row .contents{flex:0 0 100%;}section.foreword .container .row .title{margin-bottom:30px;}section.foreword .container .row .title h1{font-size:2rem;}section.foreword .container .row .contents{padding-left:calc(var(--bs-gutter-x) * 0.5);}}section.swiperCard{background-color:#f9f9fa;padding-top:80px;padding-bottom:100px;}section.swiperCard .container{max-width:1080px;}section.swiperCard .container .title{margin-bottom:32px;}section.swiperCard .container .title h2{color:#b7263e;}section.swiperCard .container .swiper .swiper-wrapper .swiper-slide .wrapper{color:#1f1919;background:#ffffff;padding:32px 20px;}section.swiperCard .container .swiper .swiper-wrapper .swiper-slide .wrapper .icon{width:120px;height:120px;margin:auto;margin-bottom:32px;}section.swiperCard .container .swiper .swiper-wrapper .swiper-slide .wrapper .icon > img,section.swiperCard .container .swiper .swiper-wrapper .swiper-slide .wrapper .icon svg{max-width:100%;max-height:100%;}section.swiperCard .container .swiper .swiper-wrapper .swiper-slide .wrapper h5{font-size:1.16rem;}section.swiperCard .container .swiper .swiper-wrapper .swiper-slide .wrapper p{margin-bottom:0;font-size:0.83rem;}section.swiperCard .container .swiper .swiper-button-next,section.swiperCard .container .swiper .swiper-button-prev{width:50px;height:50px;}section.swiperCard .container .swiper .swiper-button-next::after,section.swiperCard .container .swiper .swiper-button-prev::after{content:"";width:50px;height:50px;background-size:cover;}section.swiperCard .container .swiper .swiper-button-prev{left:0px;}section.swiperCard .container .swiper .swiper-button-prev::after{background-image:url("/resources/pages/tradingProcess/resources/assets/icons/prev.svg");}section.swiperCard .container .swiper .swiper-button-next{right:0px;}section.swiperCard .container .swiper .swiper-button-next::after{background-image:url("/resources/pages/tradingProcess/resources/assets/icons/next.svg");}@media only screen and (max-width:767px){section.swiperCard{padding-top:60;padding-bottom:120px;}section.swiperCard .container .title h2{font-size:2rem;}section.swiperCard .container .swiper .swiper-wrapper .swiper-slide{transition:opacity 0.2s ease-in-out;opacity:0.5;width:240px;}section.swiperCard .container .swiper .swiper-wrapper .swiper-slide.swiper-slide-active{opacity:1;}}section.heroBanner{height:0;background-image:url("/resources/pages/tradingProcess/resources/assets/images/heroBanner.png");background-position:center;background-size:cover;padding-bottom:32%;}@media only screen and (max-width:767px){section.heroBanner{padding-bottom:58%;}}section.tradingStep{padding-top:80px;padding-bottom:80px;background-color:#e8e9eb;}section.tradingStep .container{max-width:1120px;}section.tradingStep .container .title{margin-bottom:40px;}section.tradingStep .container .title h2{color:#b7263e;font-size:2.33rem;}section.tradingStep .container .row .col .wrapper{background-color:#ffffff;padding:50px 37px;border-radius:8px;}section.tradingStep .container .row .col .wrapper .stepHeader{height:150px;}section.tradingStep .container .row .col .wrapper .stepHeader h4{font-size:1.55rem;}section.tradingStep .container .row .col .wrapper .stepHeader h4 > span{color:#b7263e;}section.tradingStep .container .row .col .wrapper .stepHeader p{margin-bottom:18px;}section.tradingStep .container .row .col .wrapper .steps{position:relative;}section.tradingStep .container .row .col .wrapper .steps::before{content:"";display:block;height:100%;width:1px;position:absolute;left:22.5px;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23B7263EFF' stroke-width='2' stroke-dasharray='3%2c14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");z-index:0;}section.tradingStep .container .row .col .wrapper .steps .step{counter-increment:list;font-size:1.16rem;display:flex;align-items:center;}section.tradingStep .container .row .col .wrapper .steps .step > div{margin-left:20px;}section.tradingStep .container .row .col .wrapper .steps .step:before{content:counter(list);display:flex;align-self:baseline;align-items:center;justify-content:center;width:46px;height:46px;color:#ffffff;background-color:#b7263e;border-radius:50%;flex:0 0 auto;z-index:1;}section.tradingStep .container .row .col .wrapper .steps .step:not(:last-child){margin-bottom:56px;}@media only screen and (max-width:767px){section.tradingStep{padding-top:60px;padding-bottom:60px;}section.tradingStep .container .title{margin-bottom:32px;}section.tradingStep .container .title h2{font-size:2rem;}section.tradingStep .container .row .col:first-child{margin-bottom:32px;}section.tradingStep .container .row .col .wrapper{padding:32px 20px;}section.tradingStep .container .row .col .wrapper .stepHeader{height:auto;margin-bottom:32px;}}section.listWithTitle{padding-top:80px;padding-bottom:80px;}section.listWithTitle .container{max-width:1068px;}section.listWithTitle .container .row .title{flex:0 0 20%;}section.listWithTitle .container .row .title h2{color:#b7263e;font-size:2.33rem;}section.listWithTitle .container .row .content{padding-left:40px;flex:0 0 80%;}section.listWithTitle .container .row .content .list{padding-left:0;list-style-type:none;border-top:1px solid #d8d8d8;}section.listWithTitle .container .row .content .list li{display:flex;position:relative;padding-left:calc(1.5rem + 40px);padding-top:40px;padding-bottom:40px;border-bottom:1px solid #d8d8d8;counter-increment:list;}section.listWithTitle .container .row .content .list li .icon{margin-right:40px;width:80px;height:80px;padding:15px;align-items:center;justify-content:center;flex-shrink:0;}section.listWithTitle .container .row .content .list li h4{font-size:1.33rem;}section.listWithTitle .container .row .content .list li p{margin-bottom:0;font-size:0.83rem;line-height:26px;}section.listWithTitle .container .row .content .list li::before{content:"0" counter(list);display:block;position:absolute;left:2.5px;font-size:1.55rem;opacity:0.2;line-height:1.2;font-weight:400;}@media only screen and (max-width:767px){section.listWithTitle{padding-top:60px;padding-bottom:60px;}section.listWithTitle .container .row .title{flex:0 0 100%;margin-bottom:30px;}section.listWithTitle .container .row .title h2{font-size:2rem;}section.listWithTitle .container .row .content{flex:0 0 100%;padding-left:calc(var(--bs-gutter-x) * 0.5);}section.listWithTitle .container .row .content .list li{padding-left:40px;flex-direction:column;}section.listWithTitle .container .row .content .list li .icon{margin-bottom:12px;padding:0px;padding-left:12px;height:60px;width:60px;}section.listWithTitle .container .row .content .list li div h4{font-size:1.55rem;}section.listWithTitle .container .row .content .list li div p{font-size:0.88rem;}}