*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#000;font-family:Arial,sans-serif;font-weight:400}ul{list-style:none}.inner-container{z-index:1;flex-direction:column;justify-content:center;align-items:center;line-height:1.25;display:flex;position:relative}.inner-title{width:90%;font-size:1.8rem}.inner-title h2{margin-bottom:1rem}.inner-text{width:90%;font-size:1.5rem}.header{background:url(/assets/home_background-Jk24UGCt.webp) 50%/cover no-repeat;border-bottom:2px solid #333;min-height:100vh;position:relative;box-shadow:inset 0 50px 300px #000,inset 0 -50px 300px #000}.header .logo{z-index:1;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:relative}.header .logo .title{color:orange;text-transform:capitalize;font-variant:small-caps;font-family:Georgia;font-size:50px;text-decoration:none}.header .logo .element{align-items:center;display:flex}.header .logo .element .language{color:#fff;cursor:pointer;text-align:left;text-indent:18px;direction:ltr;background-color:#0000;background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20id='Language'%3e%3cpath%20fill='none'%20d='M0%200h24v24H0V0z'%3e%3c/path%3e%3cpath%20d='M11.99%202C6.47%202%202%206.48%202%2012s4.47%2010%209.99%2010C17.52%2022%2022%2017.52%2022%2012S17.52%202%2011.99%202zm6.93%206h-2.95c-.32-1.25-.78-2.45-1.38-3.56%201.84.63%203.37%201.91%204.33%203.56zM12%204.04c.83%201.2%201.48%202.53%201.91%203.96h-3.82c.43-1.43%201.08-2.76%201.91-3.96zM4.26%2014C4.1%2013.36%204%2012.69%204%2012s.1-1.36.26-2h3.38c-.08.66-.14%201.32-.14%202s.06%201.34.14%202H4.26zm.82%202h2.95c.32%201.25.78%202.45%201.38%203.56-1.84-.63-3.37-1.9-4.33-3.56zm2.95-8H5.08c.96-1.66%202.49-2.93%204.33-3.56C8.81%205.55%208.35%206.75%208.03%208zM12%2019.96c-.83-1.2-1.48-2.53-1.91-3.96h3.82c-.43%201.43-1.08%202.76-1.91%203.96zM14.34%2014H9.66c-.09-.66-.16-1.32-.16-2s.07-1.35.16-2h4.68c.09.65.16%201.32.16%202s-.07%201.34-.16%202zm.25%205.56c.6-1.11%201.06-2.31%201.38-3.56h2.95c-.96%201.65-2.49%202.93-4.33%203.56zM16.36%2014c.08-.66.14-1.32.14-2s-.06-1.34-.14-2h3.38c.16.64.26%201.31.26%202s-.1%201.36-.26%202h-3.38z'%20fill='%23ffffff'%20class='color000000%20svgShape'%3e%3c/path%3e%3c/svg%3e");background-position:8px;background-repeat:no-repeat;background-size:1.1rem;border-radius:10px;width:120px;height:3rem;margin-right:.5rem;padding:0 0 0 10px;font-size:1.1rem;box-shadow:inset 0 0 .5px 1px #ffffff13,0 0 0 1px #0000000d,0 .3px .4px #00000005,0 .9px 1.5px #0000000b,0 3.5px 6px #00000017}.header .logo .element .language option{direction:ltr;background-color:#000}.header .logo .element .language:focus{outline:none}.header .logo .element .btn{color:#000;text-align:center;background:orange;border-radius:10px;padding:15px 30px;font-size:1.1rem;text-decoration:none}.header .logo .element .btn:hover{color:#fff;background:orange}.header .inner-container{margin-top:10rem}.header .inner-title{text-align:center;width:50%}.header h1{margin-bottom:1rem}.header .inner-text{text-align:center;width:50%;margin-bottom:2rem}.header .get-started{flex-direction:column;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.header .get-started p{text-align:center;margin-bottom:2rem;font-size:1.1rem}.header .get-started .register{flex-direction:row;margin-bottom:2rem;display:flex}.header .get-started .register>*{margin:0 .25rem}.header .get-started .register .mail{flex-direction:column;display:flex}.header .get-started .register input{color:#fff;background-color:#ffffff40;border:0;border-radius:10px;outline:0;padding:15px;font-size:1.25rem;font-weight:500;box-shadow:inset 0 0 .5px 1px #ffffff13,0 0 0 1px #0000000d,0 .3px .4px #00000005,0 .9px 1.5px #0000000b,0 3.5px 6px #00000017}.header .get-started .register input::placeholder{color:#fff;opacity:1}.header .get-started .register input::-moz-placeholder{color:#fff}.header .get-started .register input:focus{box-shadow:0 0 0 .1rem #fff}.header .get-started .register #message{visibility:hidden;opacity:0;color:red;backface-visibility:hidden;margin-top:5px;font-size:.9rem;transition:all .3s linear}.header .get-started .register #message>*{padding:0 3px}.header .get-started .register .reg-btn{color:#000;cursor:pointer;background-color:orange;border:0;border-radius:10px;align-self:flex-start;padding:15px 30px;font-size:1.25rem;text-decoration:none}.header .get-started .register .reg-btn:hover{color:#fff}.overlay{opacity:.6;background:#000;width:100%;height:100%;position:absolute;top:0;left:0}.showcase{border-bottom:2px solid #333;padding:2rem 0}.showcase-container{width:85%;margin:auto;display:flex}.showcase-container.case1{justify-content:space-around}.showcase-container.case1 .showcaseTable{background-color:#000;border:1px solid orange;border-radius:10px;flex-wrap:wrap;max-width:500px;display:flex}.showcase-container.case1>.showcaseTable{margin:1.2rem 0}.showcase-container.case1 .showcaseTable input[type=radio]{display:none}.showcase-container.case1 .showcaseTable label{cursor:pointer;background:#000;order:2;padding:25px;font-weight:700}.showcase-container.case1 .showcaseTable label .fi{font-size:1.5rem}.showcase-container.case1 .showcaseTable label:nth-child(2){border-bottom-left-radius:9px}.showcase-container.case1 .showcaseTable .countryTab{background:#000;border-top-left-radius:20px;border-top-right-radius:20px;width:500px;height:450px;padding:20px;display:none}.showcase-container.case1 .showcaseTable .countryTab h2{color:#fff;text-align:center;margin:.5rem;font-size:2rem}.showcase-container.case1 .showcaseTable input[type=radio]:checked+label+.countryTab{display:block}.showcase-container.case1 .showcaseTable input[type=radio]:checked+label{background-color:orange}.showcase-container.case1 .showcaseTable .countryTab .sell{color:red;opacity:.5;transform:rotate(-45deg)}.showcase-container.case1 .showcaseTable .countryTab .strongSell{color:red}.showcase-container.case1 .showcaseTable .countryTab .buy{color:#00ff1e;opacity:.5;transform:rotate(45deg)}.showcase-container.case1 .showcaseTable .countryTab .strongBuy{color:#00ff1e}.showcase-container.case1 .showcaseTable .countryTab .price{color:#fff}.showcase-container.case1 .showcaseTable .countryTab table{border-spacing:0 .5rem;justify-content:center;display:flex}.showcase-container.case1 .showcaseTable .countryTab table tr th,table tr td{vertical-align:middle;border-spacing:0;padding:1rem .5rem;font-size:1.3rem;font-weight:700}.showcase-container.case1 .showcaseTable .countryTab table tr th{text-align:left}.showcase-container.case1 .showcaseTable .countryTab table tr td{text-align:right}.showcase-container.case2{justify-content:space-around}.showcase-container.case2>.tradingdata-container{margin:1.2rem 0}.showcase-container.case2 .tradingdata-container{flex-direction:column;align-items:center;margin-right:2%;display:flex}.showcase-container.case2 #stock{color:#fff;cursor:pointer;background:#000;border:1px solid orange;border-radius:10px;height:3rem;margin-bottom:1.5rem;padding:0 3rem 0 .5rem;font-size:1.3rem}.showcase-container.case2 select option{color:inherit}.showcase-container.case2 select:focus{outline:none}.showcase-container.case2 .showcaseCharts{flex-wrap:wrap;width:700px;display:flex}.showcase-container.case2 .showcaseCharts input[type=radio]{display:none}.showcase-container.case2 .showcaseCharts input[type=radio]:checked+label{background-color:#3e3e40;border-radius:10px;box-shadow:inset 0 0 .5px 1px #ffffff13,0 0 0 1px #0000000d,0 .3px .4px #00000005,0 .9px 1.5px #0000000b,0 3.5px 6px #00000017}.showcase-container.case2 .showcaseCharts input[type=radio]:checked+label+.stockPlot{display:block}.showcase-container.case2 .showcaseCharts label{cursor:pointer;order:-1;margin-bottom:1.5rem;margin-left:1.5rem;padding:5px 10px}.showcase-container.case2 .showcaseCharts label span{color:#fff;font-size:1.1rem}.showcase-container.case2 .showcaseCharts .stockPlot{width:100%;display:none}.showcase-container.case2 .showcaseCharts .stockPlot .tradingdata{opacity:0;width:100%;height:350px;animation:.5s ease-in-out both fadeIn;position:relative}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.js-plotly-plot .spikeline.crisp{shape-rendering:crispedges;stroke-width:0}.showcase-container.case2 .showcaseCharts .stockPlot .tradingdata text{font-family:Arial,sans-serif!important;font-size:1rem!important;font-weight:900!important}.js-plotly-plot .plotly .cursor-pointer{cursor:default!important}.showcase-container.case3{justify-content:space-around}.showcase-container.case3>.stockList{margin:1.2rem 0}.showcase-container.case3 .stockList{background-color:orange;border:1px solid orange;border-radius:10px;width:100%;max-width:500px}.showcase-container.case3 .stockList header{color:#fff;text-transform:uppercase;background-color:#000;border-radius:10px;justify-content:center;align-items:center;height:150px;display:flex}.showcase-container.case3 .stockList header .title{text-align:center}.showcase-container.case3 .stockList header .title .active{letter-spacing:6.5px;font-size:2rem;font-weight:700;transition:all .8s}.showcase-container.case3 .stockList header .title .inactive{letter-spacing:3.55px;opacity:.65;font-size:1rem;font-weight:500;transition:all .8s;transform:translateY(-2px)}.showcase-container.case3 .stockList .stockElements{border-bottom-right-radius:10px;border-bottom-left-radius:10px;flex-direction:column;row-gap:8px;padding:15px 15px 20px;display:flex;position:relative}.showcase-container.case3 .stockList #sell{opacity:0;display:none}.showcase-container.case3 .stockList .stockElements .stockElement{color:#fff;letter-spacing:.64px;background-color:#000;border-radius:10px;grid-template-columns:3fr 1fr 1fr;align-items:center;padding:1.25rem .75rem;font-size:1.4em;font-weight:700;transition:transform .25s cubic-bezier(.7,.98,.86,.98),box-shadow .25s cubic-bezier(.7,.98,.86,.98);display:grid;overflow:hidden}.showcase-container.case3 .stockList .stockElements .stockElement:hover{transform:scale(1.1)}.showcase-container.case3 .stockList .stockElements .stockElement .stockValue{text-align:right}.showcase-container.case3 .stockList .stockElements .stockElement .stockChange{margin-left:auto}.showcase-container.case3 .stockList .stockElements .stockElement .strongBuy{color:#00ff1e}.showcase-container.case3 .stockList .stockElements .stockElement .buy{color:#00ff1e;opacity:.5;transform:rotate(45deg)}.showcase-container.case3 .stockList .stockElements .stockElement .strongSell{color:red}.showcase-container.case3 .stockList .stockElements .stockElement .sell{color:red;opacity:.5;transform:rotate(-45deg)}.faq{border-bottom:2px solid #333}.faq .inner-container{margin:2rem 0;line-height:1.5}.faq .inner-title{text-align:center}.faq ul{width:80%;margin:2em auto}.faq ul li{cursor:pointer;background:#333;border-bottom:10px solid #000;max-width:815px;margin:auto}.faq ul li h2{justify-content:space-between;padding:.8em 2.2em .8em 1.2em;font-size:1.625rem;font-weight:400;display:flex}.faq ul li i{margin-right:-1em}.faq ul li h2 i .button-animated{--button-color:#fff;cursor:pointer;background:0 0;border:1px;border-radius:1rem}.faq li[data-state=opened] i .button-animated :is(.top,.bottom,.left,.right){animation:.8s forwards to-close-icon}.faq li[data-state=closed] i .button-animated :is(.top,.bottom,.left,.right){animation:.8s forwards to-open-icon}.faq ul li>p{visibility:hidden;border-top:5px solid #000;max-height:0;padding:1.5rem;font-size:1.625rem;transition:max-height .1s ease-in;position:absolute}.faq ul li p .logo-text{text-transform:capitalize;font-variant:small-caps;font-family:Georgia;font-size:inherit;text-decoration:none}.faq li[data-state=opened] p{visibility:visible;cursor:auto;max-height:700px;position:relative}.faq li[data-state=opened] a{color:#20b2aa;text-decoration:none}footer{color:#757575;width:70%;margin:3rem auto}footer .links>*{margin-bottom:20px}footer p{margin-bottom:2rem}footer p a{color:#20b2aa;text-decoration:none}footer .links ul{grid-gap:1rem;grid-template-columns:repeat(4,1fr);display:grid}footer .links a{color:#fff;text-decoration:none}footer .links a:hover{text-decoration:underline}@media (width<=1800px){.showcase-container.case1 .showcaseTable{max-width:450px}.showcase-container.case2 .showcaseCharts{width:600px}.showcase-container.case2 .showcaseCharts .stockPlot .tradingdata{height:300px}.showcase-container.case3 .stockList{max-width:450px}}@media (width<=1440px){.showcase-container.case2 .showcaseCharts{width:500px}.showcase-container.case2 .showcaseCharts .stockPlot .tradingdata{height:250px}}@media (width<=950px){.inner-title{text-align:center;width:100%;font-size:1.6rem}.inner-text{text-align:center;width:100%;font-size:1.2rem}.header .inner-title{width:70%}.showcase-container{flex-direction:column;align-items:center}.showcase-container.case2{flex-direction:column-reverse}.showcase-container.case2 .tradingdata-container{margin-right:0}.faq h2{font-size:2.5rem}.faq ul{width:80%;margin:auto}.faq ul li h2{justify-content:space-between;padding:.8em 2.2em .8em 1.2em;font-size:1.25rem;display:flex}.faq ul li>p{font-size:1.25rem}footer{width:90%}}@media (width<=768px){.header .logo .element .btn{padding:10px 15px;font-size:15px}.header .logo .element .language{-webkit-appearance:none;background-size:20px;width:38px;height:38px;font-size:0}.header .logo .element .language option{direction:rtl;font-size:15px}.header .inner-container{margin-top:2rem}.inner-title,.header .inner-text{width:90%;font-size:1.5rem}.showcase-container.case1 .showcaseTable .countryTab table tr th,table tr td{padding:.8rem .4rem}.showcase-container.case2 .showcaseCharts{width:450px}.showcase-container.case2 .showcaseCharts .stockPlot{z-index:-1}}@media (width<=550px){.header .logo{padding:1rem}.header .logo .title{font-size:40px}.header .get-started p{width:80%;margin-bottom:1rem}.header .get-started .register input{font-size:1rem}.header .get-started .register .reg-btn{align-self:center;padding:10px 15px;font-size:1rem}.header .get-started .register{flex-direction:column}.header .get-started .register>*{margin:.5rem 0}.showcase .inner-title h2{font-size:1.625rem}.showcase .inner-text p{font-size:1.125rem}.showcase-container.case1 .showcaseTable{width:350px}.showcase-container.case1 .showcaseTable label .fi{font-size:1.25rem}.showcase-container.case1 .showcaseTable .countryTab{height:400px}.showcase-container.case1 .showcaseTable .countryTab h2{font-size:1.75rem}.showcase-container.case1 .showcaseTable .countryTab table tr th,table tr td{font-size:1.1rem}.showcase-container.case2 .showcaseCharts{justify-content:center;width:350px}.showcase-container.case2 .showcaseCharts label{margin:0 1rem 1.5rem}.showcase-container.case2 .showcaseCharts .stockPlot .tradingdata{height:350px}.showcase-container.case2 #stock{font-size:1.1rem}.showcase-container.case3 .stockList{width:350px}.showcase-container.case3 .stockList header{height:125px}.showcase-container.case3 .stockList header .title .active{font-size:1.75rem}.showcase-container.case3 .stockList header .title .inactive{font-size:.8rem}.showcase-container.case3 .stockList .stockElements .stockElement{padding:1rem .75rem}.showcase-container.case3 .stockList .stockElements .stockElement .stockName,.showcase-container.case3 .stockList .stockElements .stockElement .stockValue,.showcase-container.case3 .stockList .stockElements .stockElement .stockChange{font-size:1.1rem}.faq h2{text-align:center;margin-bottom:.5rem;font-size:1.625rem;line-height:1.1}.faq ul{width:100%;margin:1.25em auto}.faq h2{align-items:center}.faq ul li h2,.faq ul li>p{font-size:1.125em}footer .links ul{grid-gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (width<=400px){.header .logo .title{font-size:35px}.header .inner-title,.header .inner-text{width:90%}.showcase-container.case1 .showcaseTable{width:95%}.showcase-container.case1 .showcaseTable .countryTab table tr th,table tr td{padding:.8rem .3rem}.showcase-container.case1 .showcaseTable .countryTab{height:375px}.showcase-container.case1 .showcaseTable .countryTab h2{font-size:1.5rem}.showcase-container.case1 .showcaseTable label{padding:20px}.showcase-container.case1 .showcaseTable .countryTab table tr th,table tr td{font-size:1rem}.showcase-container.case2 .showcaseCharts{width:300px}.showcase-container.case2 .showcaseCharts .stockPlot .tradingdata{height:300px}.showcase-container.case3 .stockList{width:95%}.showcase-container.case3 .stockList header .title .active{font-size:1.5rem}.showcase-container.case3 .stockList .stockElements .stockElement{padding:1rem 1.25rem}.showcase-container.case3 .stockList .stockElements .stockElement .stockName,.showcase-container.case3 .stockList .stockElements .stockElement .stockValue,.showcase-container.case3 .stockList .stockElements .stockElement .stockChange{font-size:1rem}}@keyframes to-close-icon{0%{stroke-dashoffset:50px}40%{stroke-dashoffset:79.9px}50%{stroke-dashoffset:79.9px}60%{stroke-dashoffset:79.9px;transform-origin:50%;transform:rotate(45deg)}to{stroke-dashoffset:0;transform-origin:50%;transform:rotate(45deg)}}@keyframes to-open-icon{0%{stroke-dashoffset:50px;transform-origin:50%;transform:rotate(45deg)}40%{stroke-dashoffset:79.9px}60%{stroke-dashoffset:79.9px}to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
