.from_primary_continaer{height:98vh;background:#F9FBFF;padding:2rem .6rem}.FontH1{text-align:center;padding:10px 20px;color:#494949;font-family:Poppins;font-size:1.2rem;font-style:normal;font-weight:600;line-height:150%;border-radius:10px;background:#ecf2ff}.input_continaer{margin-top:1.6rem;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.input_continaer input{width:70%!important;border-radius:10px!important;border:2px solid #ccd9f4!important;padding:10px!important}.switch_tab_checkbox{display:flex;margin-top:3%;justify-content:center;gap:10px}.switch_tab_checkbox input{position:absolute!important;clip:rect(0,0,0,0);overflow:hidden;padding:10px}.switch_tab_checkbox label{background:white;width:90%;justify-content:center;line-height:1;text-align:center;border-radius:8px;transition:all .1s ease-in-out;font-family:Raleway;font-style:normal;font-weight:900;font-size:.89rem;color:#6a6a6a;padding:10px;border:1px solid #1f64ff;color:#1f64ff}.switch_tab_checkbox input:checked+label{background-color:#1f64ff;box-shadow:none;color:#fff;padding:10px}.value_data_container{height:50vh;display:flex;flex-wrap:wrap;align-content:flex-start;flex-direction:column;justify-content:space-evenly}.value_data_container p{width:100%;display:flex;justify-content:space-between;color:#606060;font-feature-settings:"clig" off,"liga" off;font-family:Poppins;font-size:1rem;font-style:normal;font-weight:400;line-height:4px}.netProfitText{line-height:200%!important;border-radius:10px!important;background:#ecf2ff!important;font-size:1.5rem!important;padding:0 30px!important}.Options_align{display:flex!important}.Equities-header{display:flex;justify-content:center;font-family:Poppins;font-weight:600;font-size:1em;line-height:150%;color:#1f64ff;padding:10px 16px;border-bottom:1px solid #1f64ff;margin:0}.form-container{margin-top:2%}.form-container span{display:flex;gap:5%;justify-content:space-evenly;align-items:center}.form-container input{border-radius:10px;width:100%;padding:5%}.form-container select{border-radius:10px;width:100%;border:2px solid black;padding:5%}.form-container label{color:#1f64ff;font-family:Lato;font-weight:500;font-size:.8em;line-height:20px;display:flex;letter-spacing:1px}.exchange-container,.exchange-container-delivery,.exchange-container-options,.exchange-container-futures{display:flex;margin-top:3%;justify-content:center}.exchange-container input,.exchange-container-delivery input,.exchange-container-options input,.exchange-container-futures input{position:absolute!important;clip:rect(0,0,0,0);overflow:hidden}.exchange-container label,.exchange-container-delivery label,.exchange-container-options label,.exchange-container-futures label{background:white;width:100%;justify-content:center;line-height:1;text-align:center;padding:8px 20px;border-radius:8px;transition:all .1s ease-in-out;font-family:Raleway;font-style:normal;font-weight:900;font-size:.8em;color:#6a6a6a}.exchange-container input:checked+label,.exchange-container-delivery input:checked+label,.exchange-container-options input:checked+label,.exchange-container-futures input:checked+label{background-color:#1f64ff;box-shadow:none;color:#fff}.value-container{padding:0rem .7rem;display:flex;flex-direction:column}.value-container p{margin:0;display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid #6a6a6a;font-family:Raleway;font-style:normal;font-weight:700;font-size:.9em;line-height:30px;color:#6a6a6a}.button-design{display:flex;justify-content:center;gap:2rem;margin-top:2%;padding:10px}.positive{color:green}.negetive{color:red}@media screen and (max-width:500px){.equity-fo{grid-template-columns:repeat(1,1fr)}}.button2{display:inline-block;transition:all .2s ease-in;position:relative;overflow:hidden;z-index:1;color:#090909;padding:.8rem;width:auto;font-size:1rem;border-radius:.5em;border:1px solid #e8e8e8;color:#1f64ff}.button2:active{color:#666;box-shadow:inset 4px 4px 12px #c5c5c5,inset -4px -4px 12px #fff}.button2:before{content:"";color:red;position:absolute;left:50%;transform:translate(-50%) scaleY(1) scaleX(1.25);top:100%;width:140%;height:180%;background-color:#0000000d;border-radius:50%;display:block;transition:all .5s .1s cubic-bezier(.55,0,.1,1);z-index:-1}.button2:after{content:"";position:absolute;left:55%;transform:translate(-50%) scaleY(1) scaleX(1.45);top:180%;width:160%;height:190%;background-color:#1f64ff;border-radius:50%;display:block;transition:all .5s .1s cubic-bezier(.55,0,.1,1);z-index:-1}.button2:hover{color:#fff;border:1px solid #1f64ff}.button2:hover:before{top:-35%;background-color:#1f64ff;transform:translate(-50%) scaleY(1.3) scaleX(.8)}.button2:hover:after{top:-45%;background-color:#1f64ff;transform:translate(-50%) scaleY(1.3) scaleX(.8)}.container{border:2px solid red;display:flex;flex-direction:column;width:20vw;height:100vh;float:left}.sidebar-alignmnet a{display:flex;flex-direction:column}body{margin:0!important;padding:0;box-sizing:border-box}.navbar{background:#f5f4fd;display:flex;flex-direction:column;align-items:center;text-align:center;width:13vw;height:100vh;float:left}.logo_sidebar{display:flex;justify-content:center;padding:2rem 0rem .5rem;border-bottom:2px solid #F9FBFF}.logo_sidebar img{width:70%}.scrollbox{overflow-y:auto;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px}.navbar a{text-align:center;font-family:Assistant,sans-serif;text-decoration:none;font-size:1rem;font-weight:700;line-height:38px;color:#bbaeae;padding:5px 0;margin-top:10px;border-radius:10px}.navbar a:hover,.navbar a:active{background:#1f64ff;color:#fff;border-radius:10px;transition-duration:1s}.menu-btn{display:none;font-size:1.3em;background:none;border:none;cursor:pointer}@media screen and (max-width: 900px){.down_logo{display:none}.navbar{width:100%!important;height:auto;position:absolute;padding-top:10px}.navbar .open{z-index:100}.logo_sidebar{display:none}.navbar a{font-family:Raleway;font-style:bold;font-weight:700;font-size:1rem;line-height:38px;text-decoration:none;color:#000;border-radius:10px}.menu-btn{display:block}.scrollbox{display:none;width:100%;background:#f5f4fd;top:100px;left:0}.navbar.open{width:auto}.scrollbox.open{display:flex}}body{font-family:Assistant,sans-serif;grid-template-columns:repeat(2,1fr)}.range-area{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.range-area label{font-size:1.3rem}.range-area input{padding:10px;border-radius:10px}.range-margin{width:35%}.slider{width:100%;height:15px;margin-top:10px;-webkit-appearance:none;border-radius:25px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid #12437c;height:20px;width:20px;background-color:#12437c;cursor:pointer;border-radius:50%;margin-top:-6px}.slider::-webkit-slider-runnable-track{-webkit-appearance:none;border-radius:20px;background:transparent;height:7.5px}@media screen and (max-width: 700px){.range-margin{width:100%}}.calculator-container{grid-template-columns:repeat(2,1fr);display:flex;justify-content:space-evenly;align-items:center;padding:20px;background-color:#fff;height:100vh}select.calculation-type{margin-top:10%;font-size:20px;font-weight:700;padding:8px;border:1px solid #eee}.radio-buttons{justify-content:space-between;margin-bottom:50px}.radio-buttons label{display:inline-block;background-color:#fff;color:#000;padding:10px 20px;cursor:pointer;border-radius:50px;margin:0 40px}.radio-buttons label.active{background-color:#007bff;color:#fff}.radio-buttons label input{display:none}.radio-buttons label input:checked+.radio-button-label{background-color:#007bff;color:#fff}@media screen and (max-width: 990px){.calculator-container{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:700px){.calculator-container,.circular-container{display:flex;flex-direction:column;overflow-y:auto}}.text-total-amount{font-weight:700;font-size:18px;fill:#000;transform:translateY(-3px)}.investment-segment{stroke:#12437c}.profit-segment{stroke:#6ba1b9}@keyframes investment-progress{0%{stroke-dashoffset:502}to{stroke-dashoffset:var(--investmentDashOffset)}}@keyframes profit-progress{0%{stroke-dashoffset:502}to{stroke-dashoffset:var(--profitDashOffset)}}.circular-chart-container{width:45%;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative}svg{transform:rotate(0);position:relative}.circle{stroke-width:15;fill:transparent;stroke-linecap:round}.legend{display:flex;flex-direction:row;justify-content:center;align-items:center}.legend-item{display:flex;align-items:center;margin:0 29px}.color{width:15px;height:15px;margin-right:5px;border-radius:50%}.deep-blue{background-color:#12437c}.light-blue{background-color:#6ba1b9}.label{font-weight:700;color:#12437c}.value{display:flex;flex-direction:column;align-items:center;font-weight:700;color:#000}.value p{display:block;text-align:center;margin-top:10px}.value span{padding-top:30px}.top span{font-weight:550;color:#12437c;font-size:20px}.top p{font-size:20px;margin-bottom:15px}h3{margin-bottom:6px}@media screen and (max-width:700px){.circular-chart-container{width:100%}}*{margin:0;padding:0;box-sizing:border-box}.equity-fo,.currency{display:grid;height:auto;gap:10px;grid-template-columns:repeat(4,1fr);height:98vh}.box{flex:20%;border-radius:10px}.currency{grid-template-columns:repeat(2,1fr)}.currency .box{flex:20%;background:#F1F1F1;border-radius:10px;height:auto}@media screen and (max-width:900px){.equity-fo{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:700px){.equity-fo,.currency{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:400px){.form-container span{display:flex;flex-direction:column}}.retirement_value{display:flex;flex-direction:column;align-items:center}.retirement_value label{color:#606060;font-feature-settings:"clig" off,"liga" off;font-family:Poppins;font-size:1.2rem;padding:5px 0}.retirement_value input{width:20%!important;display:flex}.retire_calcul_data{text-align:center}.retirement_value button{margin:1% 0%}.retire_calcul_data h2{margin-bottom:1%}.margin-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;font-family:Arial,sans-serif}.table-container{max-width:90%;margin:90px 10px;border:1px solid #ccc;border-radius:5px;background-color:#f9f9f9;box-shadow:0 0 10px #0000001a}.margin-table{width:100%;border-collapse:collapse}th,td{border:1px solid #ccc;padding:15px}th{background-color:#fff;color:#000}td{text-align:center}td .first-span{float:left}td .second-span{float:right}.add-company{text-align:left;padding:15px 10px;color:#00f;cursor:pointer}.text-right{text-align:right!important}input[type=text],input[type=number]{width:80%;border:1px solid #ccc;margin-top:5px;margin-bottom:5px;font-size:14px;padding:10px;border-radius:10px}select{width:40%;padding:5px;border:2px solid #ccd9f4!important;border-radius:5px;margin-top:5px;margin-bottom:5px;font-size:14px;background-color:#fff!important}.margin-select{width:100%;height:100%;font-size:15px;border:1px solid #ccc;outline:none;background-color:#fff}.company-row{position:relative}.delete-button{display:none}.company-row:hover .delete-button{display:inline-block;position:absolute;top:50%;transform:translateY(-50%);background-color:#bbaeae;color:#fff;border-radius:50%;cursor:pointer;margin-left:-20px;padding:1px 3px 2px;border:none;font-size:15px;margin-top:-10px}@media (max-width: 600px){.margin-table{font-size:14px}.add-button{padding:10px 15px;font-size:14px}}.column1{background-color:#abc0d8;text-align:right}.column2{background-color:#83a2c8;text-align:right}td.column1.column2.total{float:right}