*{box-sizing:border-box;margin:0;padding:0}body{background:#000;color:#fff;font-weight:400;font-family:Arial,sans-serif}ul{list-style:none}.inner-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1;line-height:1.25}.inner-title{font-size:1.8rem;width:90%}.inner-title h1{margin-bottom:1rem}.inner-text{font-size:1.5rem;width:90%}.header{min-height:100vh;position:relative;background:url(/assets/home_background-Jk24UGCt.webp) no-repeat center center/cover;box-shadow:inset 0 50px 300px #000,inset 0 -50px 300px #000;border-bottom:2px #333 solid}.header .logo{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;position:relative;z-index:1}.header .logo .title{color:orange;font-family:Georgia;text-transform:capitalize;font-variant:small-caps;font-size:50px;text-decoration:none}.header .logo .element{display:flex;align-items:center}.header .logo .element .language{font-size:1.1rem;padding:0 0 0 10px;height:3rem;width:120px;margin-right:.5rem;background-color:transparent;color:#fff;border-radius:10px;cursor:pointer;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-size:1.1rem;background-repeat:no-repeat;background-position:8px;text-align:left;direction:ltr;text-indent:18px;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{background-color:#000;direction:ltr}.header .logo .element .language:focus{outline:none}.header .logo .element .btn{text-decoration:none;color:#000;padding:15px 30px;background:orange;border-radius:10px;font-size:1.1rem;text-align:center}.header .logo .element .btn:hover{color:#fff;background:orange}.header .inner-container{margin-top:10rem}.header .inner-title{width:50%;text-align:center}.header h1{margin-bottom:1rem}.header .inner-text{width:50%;text-align:center;margin-bottom:2rem}.header .get-started{font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-direction:column}.header .get-started p{font-size:1.1rem;text-align:center;margin-bottom:2rem}.header .get-started .register{display:flex;flex-direction:row;margin-bottom:2rem}.header .get-started .register>*{margin:0 .25rem}.header .get-started .register .mail{display:flex;flex-direction:column}.header .get-started .register input{font-size:1.25rem;font-weight:500;outline:0;border:0;border-radius:10px;padding:15px;background-color:#ffffff40;color:#fff;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::-ms-input-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;font-size:.9rem;color:red;margin-top:5px;backface-visibility:hidden;transition:.3s linear}.header .get-started .register #message>*{padding:0 3px}.header .get-started .register .reg-btn{font-size:1.25rem;text-decoration:none;padding:15px 30px;border-radius:10px;align-self:flex-start;color:#000;background-color:orange;border:0;cursor:pointer}.header .get-started .register .reg-btn:hover{color:#fff}.overlay{height:100%;width:100%;background:#000;position:absolute;left:0;top:0;opacity:.6}.showcase{border-bottom:2px solid #333;padding:2rem 0}.showcase-container{display:flex;width:85%;margin:auto}.showcase-container.case1{justify-content:space-around}.showcase-container.case1 .showcaseTable{display:flex;flex-wrap:wrap;border-radius:10px;max-width:500px;background-color:#000;border:1px solid orange}.showcase-container.case1>.showcaseTable{margin:1.2rem 0}.showcase-container.case1 .showcaseTable input[type=radio]{display:none}.showcase-container.case1 .showcaseTable label{padding:25px;cursor:pointer;background:#000;font-weight:700;order:2}.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{border-top-left-radius:20px;border-top-right-radius:20px;width:100%;width:500px;height:450px;padding:20px;background:#000;display:none}.showcase-container.case1 .showcaseTable .countryTab h2{color:#fff;text-align:center;font-size:2rem;margin:.5rem}.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{display:flex;border-spacing:0 .5rem;justify-content:center}.showcase-container.case1 .showcaseTable .countryTab table tr th,table tr td{font-size:1.3rem;font-weight:700;padding:1rem .5rem;vertical-align:middle;border-spacing:0}.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{display:flex;flex-direction:column;align-items:center;margin-right:2%}.showcase-container.case2 #stock{font-size:1.3rem;height:3rem;padding:0 3rem 0 .5rem;margin-bottom:1.5rem;background:#000;color:#fff;border:1px solid orange;border-radius:10px;cursor:pointer}.showcase-container.case2 select option{color:inherit}.showcase-container.case2 select:focus{outline:none}.showcase-container.case2 .showcaseCharts{display:flex;flex-wrap:wrap;width:700px}.showcase-container.case2 .showcaseCharts input[type=radio]{display:none}.showcase-container.case2 .showcaseCharts input[type=radio]:checked+label{border-radius:10px;background-color:#3e3e40;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{padding:5px 10px;margin-bottom:1.5rem;margin-left:1.5rem;cursor:pointer;order:-1}.showcase-container.case2 .showcaseCharts label span{font-size:1.1rem;color:#fff}.showcase-container.case2 .showcaseCharts .stockPlot{width:100%;display:none}.showcase-container.case2 .showcaseCharts .stockPlot .tradingdata{position:relative;width:100%;height:350px;opacity:0;animation:.5s fadeIn ease-in-out both}@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-size:1rem!important;font-family:Arial,sans-serif!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;max-width:500px;width:100%;border-radius:10px;border:1px solid orange}.showcase-container.case3 .stockList header{background-color:#000;border-radius:10px;height:150px;color:#fff;display:flex;justify-content:center;align-items:center;text-transform:uppercase}.showcase-container.case3 .stockList header .title{text-align:center}.showcase-container.case3 .stockList header .title .active{font-size:2rem;font-weight:700;letter-spacing:6.5px;transition:all .8s}.showcase-container.case3 .stockList header .title .inactive{font-size:1rem;font-weight:500;letter-spacing:3.55px;opacity:.65;transform:translateY(-2px);transition:all .8s}.showcase-container.case3 .stockList .stockElements{position:relative;border-bottom-left-radius:10px;border-bottom-right-radius:10px;padding:15px 15px 20px;display:flex;flex-direction:column;row-gap:8px}.showcase-container.case3 .stockList #sell{display:none;opacity:0}.showcase-container.case3 .stockList .stockElements .stockElement{display:grid;grid-template-columns:3fr 1fr 1fr;align-items:center;padding:1.25rem .75rem;overflow:hidden;border-radius:10px;transition:transform .25s cubic-bezier(.7,.98,.86,.98),box-shadow .25s cubic-bezier(.7,.98,.86,.98);background-color:#000;color:#fff;font-weight:700;font-size:1.4em;letter-spacing:.64px}.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{line-height:1.5;margin:2rem 0}.faq .inner-title{text-align:center}.faq ul{width:80%;margin:2em auto}.faq ul li{max-width:815px;margin:auto;border-bottom:10px solid black;background:#333;cursor:pointer}.faq ul li h2{display:flex;font-weight:400;font-size:1.625rem;justify-content:space-between;padding:.8em 2.2em .8em 1.2em}.faq ul li i{margin-right:-1em}.faq ul li h2 i .button-animated{--button-color: #fff;background:transparent;border:1px;border-radius:1rem;cursor:pointer}.faq li[data-state=opened] i .button-animated :is(.top,.bottom,.left,.right){animation:to-close-icon .8s forwards}.faq li[data-state=closed] i .button-animated :is(.top,.bottom,.left,.right){animation:to-open-icon .8s forwards}.faq ul li>p{padding:1rem 0;border-top:5px solid black;padding:1.5rem;font-size:1.625rem;position:absolute;max-height:0;visibility:hidden;transition:max-height .1s ease-in}.faq ul li p .logo-text{font-family:Georgia;text-transform:capitalize;font-variant:small-caps;font-size:inherit;text-decoration:none}.faq li[data-state=opened] p{max-height:700px;position:relative;visibility:visible;cursor:auto}.faq li[data-state=opened] a{text-decoration:none;color:#20b2aa}footer{color:#757575;margin:3rem auto;width:70%}footer .links>*{margin-bottom:20px}footer p{margin-bottom:2rem}footer p a{text-decoration:none;color:#20b2aa}footer .links ul{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem}footer .links a{color:#fff;text-decoration:none}footer .links a:hover{text-decoration:underline}@media(max-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(max-width:1440px){.showcase-container.case2 .showcaseCharts{width:500px}.showcase-container.case2 .showcaseCharts .stockPlot .tradingdata{height:250px}}@media(max-width:950px){.inner-title{font-size:1.6rem;text-align:center;width:100%}.inner-text{font-size:1.2rem;width:100%;text-align:center}.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 h1{font-size:2.5rem}.faq ul{width:80%;margin:auto}.faq ul li h2{display:flex;justify-content:space-between;padding:.8em 2.2em .8em 1.2em;font-size:1.25rem}.faq ul li>p{font-size:1.25rem}footer{width:90%}}@media(max-width:768px){.header .logo .element .btn{padding:10px 15px;font-size:15px}.header .logo .element .language{height:38px;font-size:0;width:38px;background-size:20px;-webkit-appearance:none}.header .logo .element .language option{font-size:15px;direction:rtl}.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(max-width:550px){.header .logo{padding:1rem}.header .logo .title{font-size:40px}.header .get-started p{margin-bottom:1rem;width:80%}.header .get-started .register input{font-size:1rem}.header .get-started .register .reg-btn{font-size:1rem;padding:10px 15px;align-self:center}.header .get-started .register{flex-direction:column}.header .get-started .register>*{margin:.5rem 0}.showcase .inner-title h1{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 h1{text-align:center;font-size:1.625rem;margin-bottom:.5rem;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-template-columns:repeat(2,1fr);grid-gap:1rem}}@media(max-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:50}40%{stroke-dashoffset:79.9}50%{stroke-dashoffset:79.9}60%{stroke-dashoffset:79.9;transform-origin:center;transform:rotate(45deg)}to{stroke-dashoffset:0;transform-origin:center;transform:rotate(45deg)}}@keyframes to-open-icon{0%{stroke-dashoffset:50;transform-origin:center;transform:rotate(45deg)}40%{stroke-dashoffset:79.9}60%{stroke-dashoffset:79.9}to{stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
