body {
    --mainColor: #057cda;
    --mainColorBg:rgb(40 98 255 / 10%);
    --secondColor: #c10015;
    --greenText:#1a652a;
    --thirdColor: #c10015;
    --accent: #000;
    --background: #fff7ee;
    --Gbackground: #fff;
    --background2: #057cda;
    --color: #000;
    --color2: #fff;
    --scroll-thumb: #c8c8c8;
    --scroll-thumb-hover: #a8a8a8;
    --scroll-thumb-track: rgba(0, 0, 0, 0.1);
    --light-1: #f7f8fb;
    --light-2: #eef0f6;
    --light-3: #dddfea;
    --light-4: #c2c6d7;
    --light-5: #9fa5ba;
    --light-6: #595959;
    --light-7: #202124;
    --light-8: #2d313f;
    --light-elements-1: rgba(55, 80, 155, 0.04);
    --light-elements-2: rgba(12, 41, 126, 0.07);
    --light-elements-3: #e2e2e2;
    --light-elements-4: rgba(1, 17, 88, 0.24);
    --light-elements-5: #c3c3c3;
    --light-elements-6: #eeeeee;
    --light-elements-7: #fff;
    --light-elements-8: #eee;
    --dark-1: #171b1d;
    --dark-2: #22282b;
    --dark-3: #323a3f;
    --dark-4: #475359;
    --dark-5: #62737b;
    --dark-6: #8e9ca2;
    --modal-background: rgba(12, 41, 126, 0.07);
    --error-1: rgba(161, 2, 20, 0.88);
    --error-2: rgba(228, 3, 3, 0.63);
    --error-3: rgba(255, 12, 12, 0.07);
    --warning-1: rgba(124, 75, 1, 0.94);
    --warning-2: rgba(217, 144, 3, 0.9);
    --warning-3: rgba(255, 172, 5, 0.12);
    --confirm-2: rgba(2, 167, 69, 0.73);
    --confirm-3: rgba(30, 180, 93, 0.08);
    --accept-1: #1a0dab;
    --dialog: #fff;
    --dialog-bg-light: rgba(12, 41, 126, 0.07);
    --dialog-bg: rgba(3, 14, 49, 0.54);
    --paywall-dark: #303134;
    --checkbox-bg: rgba(45, 49, 63, 0.2);
    --checkbox-bg-hover: rgba(45, 49, 63, 0.3);
    --light-shades-1: #f7f8fb;
    --light-shades-2: #eef0f6;
    --light-shades-3: #dddfea;
    --light-shades-4: #c2c6d7;
    --light-shades-5: #9fa5ba;
    --light-shades-6: #777d90;
    --light-shades-7: #525769;
    --light-shades-8: #2d313f;
    --light-shades-alpha-1: rgba(55, 80, 155, 0.04);
    --light-shades-alpha-2: rgba(12, 41, 126, 0.07);
    --light-shades-alpha-3: rgba(12, 26, 105, 0.14);
  }
  body#dark-theme {
    --accent: #e1e1e1;
    --Gbackground: #000;
    --background: #030814;
    --background2: #fff;
    --mainColorBg:rgb(40 98 255 / 25%);
    --greenText:#2f855a;
    --color: #fff;
    --color2: #000;
    --scroll-thumb: #444444;
    --scroll-thumb-hover: #666666;
    --scroll-thumb-track: rgba(255, 255, 255, 0.1);
    --light-1: #303134;
    --light-2: #313335;
    --light-3: #313335;
    --light-4: #6d7285;
    --light-5: #9399ad;
    --light-6: #bdc1c6;
    --light-7: #e8e8e8;
    --light-8: #d3d8ea;
    --light-elements-1: rgba(186, 188, 243, 0.06);
    --light-elements-2: rgba(194, 202, 245, 0.16);
    --light-elements-3: #252525;
    --light-elements-4: rgba(210, 219, 254, 0.47);
    --light-elements-5: rgba(216, 224, 252, 0.65);
    --light-elements-6: #6c6c6c;
    --light-elements-7: #252525;
    --light-elements-8: #eff3ff;
    --confirm-2: rgba(34, 252, 116, 0.52);
    --confirm-3: rgba(56, 252, 107, 0.16);
    --modal-background: rgba(3, 6, 13, 0.8);
    --dialog: #030814;
    --dialog-bg-light: rgba(19, 21, 26, 0.3);
    --dialog-bg: rgba(19, 21, 26, 0.8);
    --accept-1: #ffdd00;
    --paywall-dark: #303134;
    --checkbox-bg: rgba(45, 49, 63, 0.2);
    --checkbox-bg-hover: rgba(45, 49, 63, 0.3);
    --light-shades-1: #303134;
    --light-shades-2: #2f323d;
    --light-shades-3: #4a4e5d;
    --light-shades-4: #6d7285;
    --light-shades-5: #9399ad;
    --light-shades-6: #b4bace;
    --light-shades-7: #d3d8ea;
    --light-shades-8: #eff3ff;
    --light-shades-alpha-1: rgba(186, 188, 243, 0.06);
    --light-shades-alpha-2: rgba(194, 202, 245, 0.16);
    --light-shades-alpha-3: rgba(202, 211, 249, 0.3);
  }
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  html {
    font-size: 62.5%;
  }
  body {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
    font-family: sans-serif !important;
    color: var(--accent) !important;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    background-color: var(--Gbackground) !important;
    border: none !important;
  }
  header{background-color:var(--background);padding:10px;border-bottom:1px solid var(--light-elements-3);box-shadow:0 5px 10px rgb(7 25 31/.1)}.navbar{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;font-weight:700}#formulaCheckboxes label{font-weight:400}.perCon{display:flex}.perCon input{max-width:150px;margin-right:20px}.perCon label{font-weight:400}.logo{font-size:35px}.logo a{text-decoration:none;display:flex;align-items:center;font-weight: 400; font-family: Helvetica; font-size: 20px;}.logo a svg{height: 40px; width: 65px;}.logo-left{color:var(--accent)}.logo-right{color:var(--accent)}nav ul{list-style:none;display:flex;gap:20px}nav ul li a{color:#fefefe;text-decoration:none;font-weight:700}#configModal input[type="number"]{padding:0 15px 0 25px}#configModal select{padding-right:30px;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="16" height="16"><path fill="%23000000" d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.configCon{display:flex;justify-content:center}.saveBtn,.configBtn{padding:0;width:115px;height:50px;border-color:var(--light-elements-3);margin:10px 5px 0 5px;font-size:15px;font-weight:700;color:var(--accent);background:var(--Gbackground);box-shadow:0 5px 10px rgb(7 25 31/.1)}.statistics{display:flex;justify-content:space-between;padding:40px}.card{margin-bottom:50px;box-shadow:0 5px 10px rgb(7 25 31/.1);background-color:var(--background);border-radius:10px;padding:40px;width:100%;border:1px solid var(--light-elements-3)}.card h3{font-size:19px;margin-bottom:10px}.pPolicy{color:var(--accent)}.card.chart{background-color:#e3e3e3;margin-bottom:10px}.flex{display:flex;justify-content:space-around}.subPage{margin:0;height:80vh}#increment{text-align:center;width:100%;margin:10px 0 15px 0;font-size:16px}#weightUnitSelect{width:100%;font-size:16px;margin-top:10px}.numContent{display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}.wContent{margin-bottom:15px}.numnumOrg{display:flex;flex-direction:column;margin-top:30px}.numnum button{background-color:var(--Gbackground);border:1px solid var(--light-elements-3);color:var(--accent);padding:10px;margin:30px 10px 40px 10px;font-size:24px;border-radius:10px;width:60px;height:60px;cursor:pointer;transition:background-color 0.2s ease;box-shadow:0 5px 10px rgb(7 25 31/.1)}.numnum button:hover{background-color:var(--mainColor);color:#fff;border-color:#000}.hideMe{display:none}.numnum button:active{background-color:#000}.btn-add{width:auto;height:50px}.input-text{width:auto;height:60px!important;flex-grow:1;margin-right:10px;margin-top:7px;max-width:240px;font-size:23px}.trackCon{margin:5px 0 20px 0}.loginTrack{width:225px;margin:0 auto}.loginTrack svg{width:24px;height:24px}.numSection{background-color:#333;border-radius:10px;width:295px;padding:10px 0 0 10px}.numpadCon{width:300px}.numpad{width:300px}.numpad-display{background-color:#444;color:#eee;padding:10px;width:180px;height:85px;margin-right:8px;font-size:40px;text-align:right;border-radius:10px;margin-bottom:5px}.numpad-display div:first-child{flex-grow:1}.numpad button{background-color:#555;color:#eee;border:none;padding:9px;margin-right:10px;margin-bottom:10px;font-size:16px;border-radius:10px;cursor:pointer;transition:background-color 0.2s ease}.numpad button:hover{background-color:#666}.numpad button:active{background-color:#777}.numpad button:last-child{background-color:#057cda}.numpad button:last-child:hover{background-color:#057cda}.numpad button:last-child:active{background-color:#057cda}.numButtons{display:flex;flex-direction:row;flex-wrap:wrap}.numInputs{display:flex}.kHzhd{align-items:center;background:var(--background2);border-radius:50%;cursor:pointer;display:inline-flex;flex-direction:column;height:48px;justify-content:center;position:relative;vertical-align:middle;width:48px;overflow:hidden}.eQaJ7,.kHzhd:hover{background:#057cda}.kHzhd:hover.HKo1y{background:var(--background)}.eQaJ7 .HKo1y{-webkit-animation:f7hV0 .3s ease-in;animation:f7hV0 .3s ease-in}@keyframes f7hV0{0%{-webkit-transform:rotate(0deg)translateY(0);transform:rotate(0deg)translateY(0)}25%{-webkit-transform:rotate(10deg)translateY(2px);transform:rotate(10deg)translateY(2px)}50%{-webkit-transform:rotate(0eg)translateY(2px);transform:rotate(0eg)translateY(2px)}75%{-webkit-transform:rotate(-10deg)translateY(0);transform:rotate(-10deg)translateY(0)}to{-webkit-transform:rotate(0deg)translateY(0);transform:rotate(0deg)translateY(0)}}@keyframes QRN_k{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}50%{-webkit-transform:rotate(0eg);transform:rotate(0eg)}75%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.eQaJ7 .HKo1y:last-child{-webkit-animation:QRN_k.3s ease-in;animation:QRN_k.3s ease-in}.zrXK2{display:block;position:relative;width:100%}.loginBtn{text-decoration:none;height:43px;width:100%;margin-right:10px;background-color:var(--mainColor);color:var(--color2);font-weight:700;font-size:16px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:background-color 0.2s ease;border-radius:10px;border:1px solid var(--light-elements-3)}.loginBtn:hover{box-shadow:0 10px 20px rgb(7 25 31/.1)}.mt-30{margin-top:30px}.loginBtn:hover{background-color:var(--Gbackground);color:var(--accent);border-color:var(--light-elements-3)}.loginBtn svg{margin-top:2px;margin-right:10px;width:25px!important;height:25px}.logCom{margin:150px auto;display:block;text-align:center}.qctLW{align-items:center;bottom:24px;display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;left:50%;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9999}@media(max-width:768px){.perCon{flex-wrap:wrap}.perCon div{width:100%}.perCon input{max-width:none;width:100%}.qctLW{bottom:auto;left:0;right:0;top:0;-webkit-transform:none;transform:none}}.UY5M_{align-self:flex-start;-webkit-animation:WES08 .15s;animation:WES08 .15s;background:var(--background);border-radius:16px;color:var(--mainColor);margin:8px auto 0;padding:22px 24px;font-weight:600;border:3px solid #000;position:relative;transition:background-color 0.3s ease}@media(max-width:768px){.UY5M_{-webkit-animation:kE_GP.15s;animation:kE_GP.15s;border-radius:0;margin:0 0 1px;width:100%}}@-webkit-keyframes kE_GP{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes kE_GP{0%{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes WES08{0%{opacity:0;-webkit-transform:scale(.95)translateY(10px);transform:scale(.95)translateY(10px);background-color:blue}to{opacity:1;-webkit-transform:scale(1);transform:scale(1);background-color:#fff}}@keyframes WES08{0%{opacity:0;-webkit-transform:scale(.95)translateY(10px);transform:scale(.95)translateY(10px)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.circle-border{width:150px;height:150px;padding:3px;display:flex;justify-content:center;align-items:center;border-radius:50%;background:#057cda;background:linear-gradient(0deg,rgb(63 249 220 / .1)33%,#057cda);animation:spin.8s linear 0s infinite}.circle-core{width:100%;height:100%;background-color:#fff;border-radius:50%}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(359deg)}}.loadingCon{display:flex;justify-content:center;align-items:center;overflow:hidden;padding:50px 0}.lq2xL{box-sizing:border-box;display:block;margin:0 auto;max-width:500px;min-width:428px;padding:10px 0;margin-top:25px;position:relative}.IHM5K{align-items:center;color:var(--accent);display:flex;justify-content:space-between;margin:0 0 48px;position:relative}.signBtn{cursor:pointer;align-items:center;background:var(--Gbackground);border-radius:16px;color:var(--accent);border:1px solid var(--light-elements-3);display:flex;font-size:18px;font-weight:500;height:56px;justify-content:center;line-height:24px;padding:0 16px;position:relative;text-decoration:none;transition:all.2s ease}.loginTrack a{justify-content:flex-start}.signBtn:hover{box-shadow:0 10px 20px rgb(7 25 31/.1)}.NpGnk{align-items:center;border-radius:1px;display:flex;height:100%;justify-content:center;width:50px}.NpGnk.DiUBO{height:22px;margin-right:0;width:22px}.VToO2{font-size:15px;font-weight:700;margin:0;text-align:left}.xqfcG{align-items:center;color:#777d90;display:flex;height:80px;justify-content:center;position:relative;text-align:center}.xqfcG:after,.xqfcG:before{border-top:1px solid var(--light-elements-3);content:"";position:absolute;top:50%}.xqfcG:before{left:0;margin:0 19px 0 0;right:50%}.xqfcG:after{left:50%;margin:0 0 0 19px;right:0}.yCnkY{width:38px;position:relative}.AVnVN{display:block;padding:0}.TFvpw{display:block;margin:0 0 8px;position:relative;width:100%}.LCWYV{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:var(--Gbackground);color:var(--accent);border:1px solid var(--light-elements-6);display:block;font-size:18px;border-radius:15px;height:45px;font-weight:500;text-align:center;line-height:24px;position:relative;transition:all.2s ease;width:100%}form input[type="number"]::-webkit-inner-spin-button,form input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}form input[type="number"]{-moz-appearance:textfield}.VS9K_{-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:var(--mainColor);border:0;border-radius:16px;box-sizing:border-box;color:var(--color2);cursor:pointer;display:block;font-size:18px;font-weight:500;height:50px;line-height:24px;padding:0;position:relative;transition:all.2s ease;width:100%;border:1px solid var(--light-elements-6)}.VS9K_:hover{box-shadow:0 10px 20px rgb(7 25 31/.1);color:var(--accent)!important;background-color:var(--Gbackground)!important}.NXh9E{color:#777d90;font-size:12px;font-weight:500;line-height:16px;padding:16px 0 0;position:relative;text-align:center}.NXh9E a{color:var(--accent);white-space:nowrap}.aLuIh{align-items:center;background:var(--light-shades-1);border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all.2s ease;width:40px}.Tln7A{-webkit-animation:mCp_y.4s ease;animation:mCp_y.4s ease;margin:0 0 24px;position:relative;text-align:center}.CGC9j{color:#595959;margin:0 0 24px}@keyframes mCp_y{0%{opacity:0;-webkit-transform:scale3d(.95,.95,.95);transform:scale3d(.95,.95,.95)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.OI1oH,.OI1oH form{display:flex;justify-content:space-between;margin:0 auto;max-width:344px;position:relative}.kncwm{margin-right:3px;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:var(--Gbackground);border:1px solid var(--light-elements-6);border-radius:16px;box-sizing:border-box;color:var(--accent);cursor:pointer;display:block;font-size:61px;font-weight:400;height:108px!important;line-height:61px;padding:0;text-align:center;transition:all.2s ease;width:24%}.RD4Ic{margin-top:20px}.toggleList{margin-bottom:25px;display:flex}.toggle{cursor:pointer;display:inline-block;border:none!important}.toggle-switch{display:inline-block;background:var(--light-elements-3);border-radius:16px;width:58px;height:32px;position:relative;vertical-align:middle;transition:background 0.25s;&:before,&:after{content:""}&:before{display:block;background:linear-gradient(to bottom,#fff 0%,#eee 100%);border-radius:50%;box-shadow:0 0 0 1px rgb(0 0 0 / .25);width:24px;height:24px;position:absolute;top:4px;left:4px;transition:left 0.25s}.toggle:hover&:before{background:linear-gradient(to bottom,#fff 0%,#fff 100%);box-shadow:0 0 0 1px rgb(0 0 0 / .5)}.toggle-checkbox:checked+&{background:#057cda;&:before{left:30px}}}.toggle-checkbox{position:absolute;visibility:hidden}.toggle-label{margin-right:10px;position:relative;top:2px;font-weight:400}#faq{margin-top:50px;width:100%}.faq-container{max-width:800px;margin:auto;background:var(--background);padding:20px;border-radius:8px;box-shadow:0 2px 8px rgb(0 0 0 / .1)}.faq-item:last-child{border-bottom:none}.faq-question{box-shadow:0 5px 10px rgb(7 25 31/.1);cursor:pointer;padding:15px;font-size:15px;border:1px solid var(--light-elements-7);font-weight:700;background-color:var(--Gbackground);border-radius:10px;margin-bottom:10px;display:flex;justify-content:space-between;align-items:center}.faq-answer{display:none;padding:15px;background-color:var(--Gbackground);border-radius:8px;margin-bottom:10px;text-align:left;box-shadow:0 5px 10px rgb(7 25 31/.1);border:1px solid var(--light-elements-7)}.faq-question.active{background-color:#057cda;color:#fff}#estimated-results{margin-top:15px}.tabs{display:flex;border-bottom:1px solid var(--light-elements-3);justify-content:center;margin:20px 0 20px 0}.tab{padding:10px 15px;cursor:pointer;border:none;background:none;text-decoration:none;border-bottom:2px solid #fff0;color:var(--accent)}.tab h2{margin:0;font-size:16px!important;font-weight:inherit!important}.tab.active{border-bottom:2px solid #057cda;color:#057cda;font-weight:700}.tab-pane{display:none}.tab-pane.active{display:block}footer{background-color:var(--Gbackground);color:var(--accent);text-align:center;padding:20px;box-shadow:0px-2px 10px rgb(7 25 31/.1)}.get-helpp span,.get-helpp bdt,.get-helpp strong,.get-helpp p,.get-helpp em{color:var(--accent)!important}@media(max-width:768px){.four.columns{width:100%;}.hero{flex-direction:column;align-items:center}.hero.left-section,.hero.right-section{max-width:100%;text-align:center}.statistics{flex-direction:column;align-items:center}.card{width:100%;padding:30px 10px}}@media(max-width:480px){.logo a svg{height:30px}.logo{font-size:27px}.loginBtn{height:35px;padding:0 10px}.cSection{overflow:hidden}.toggleList{flex-wrap:wrap}.toggleCon{width:100%!important;margin-bottom:5px}.toggle{width:100%;display:flex!important;justify-content:space-between}.oSection label{margin:0px!important}#formulaCheckboxes{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.mt-40-m{margin-top:35px}.container,.section{padding:0px 5px !important}.cSection{padding:25px 0px!important}.navbar ul{flex-direction:column;align-items:center}.cta-button{width:100%;padding:12px}}.container{position:relative;width:100%;max-width:1280px;margin:0 auto;padding:0 20px;box-sizing:border-box}.columnSingle,.columns{width:100%;float:left;box-sizing:border-box}@media(min-width:400px){.container{width:85%;padding:0}}@media(min-width:550px){.container{width:100%}.columnSingle,.columns{margin-left:4%;margin-bottom:4%}.column:first-child,.columns:first-child{margin-left:0 !important}.one.columnSingle,.one.columns{width:4.66666666667%}.two.columns{width:13.3333333333%}.three.columns{width:22%}.five.columns{width:39.3333333333%}.six.columns{width:48%}.seven.columns{width:56.6666666667%}.eight.columns{width:65.3333333333%}.nine.columns{width:74%}.ten.columns{width:82.6666666667%}.eleven.columns{width:91.3333333333%}.twelve.columns{width:100%;margin-left:0}.one-third.column{width:30.6666666667%}.two-thirds.column{width:65.3333333333%}.one-half.column{width:48%}.offset-by-one.columnSingle,.offset-by-one.columns{margin-left:8.66666666667%}.offset-by-two.columnSingle,.offset-by-two.columns{margin-left:17.3333333333%}.offset-by-three.columnSingle,.offset-by-three.columns{margin-left:26%}.offset-by-four.columnSingle,.offset-by-four.columns{margin-left:34.6666666667%}.offset-by-five.columnSingle,.offset-by-five.columns{margin-left:43.3333333333%}.offset-by-six.columnSingle,.offset-by-six.columns{margin-left:52%}.offset-by-seven.columnSingle,.offset-by-seven.columns{margin-left:60.6666666667%}.offset-by-eight.columnSingle,.offset-by-eight.columns{margin-left:69.3333333333%}.offset-by-nine.columnSingle,.offset-by-nine.columns{margin-left:78%}.offset-by-ten.columnSingle,.offset-by-ten.columns{margin-left:86.6666666667%}.offset-by-eleven.columnSingle,.offset-by-eleven.columns{margin-left:95.3333333333%}.offset-by-one-third.columnSingle,.offset-by-one-third.columns{margin-left:34.6666666667%}.offset-by-two-thirds.columnSingle,.offset-by-two-thirds.columns{margin-left:69.3333333333%}.offset-by-one-half.columnSingle,.offset-by-one-half.columns{margin-left:52%}}.modal{display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0 0 0 / .4)}.modal-content{margin:6%auto;padding:15px;width:fit-content;max-width:600px;position:relative;display:flex;justify-content:center}.modalHead{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--light-elements-3);margin-bottom:15px}.close{color:var(--accent);padding:0 5px 8px 5px;margin-bottom:15px;line-height:31px;font-size:40px;font-weight:700;cursor:pointer}.close:hover,.close:focus{color:#000;text-decoration:none}.my-image{cursor:pointer;max-width:100%;height:auto}.modal-image{max-width:100%;height:auto;display:block;margin:0 auto}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:2rem;font-weight:bold!important}h1{font-size:3.5rem!important}h2{font-size:2.3rem!important}p{margin-top:0}a{color:var(--accent)}a:hover{color:var(--mainColor)}.button,button,input[type="submit"],input[type="reset"],input[type="button"]{display:inline-block;height:85px;width:85px;padding:0 20px;color:#555;text-align:center;font-size:30px;background-color:#fff;border-radius:10px;border:1px solid #bbb;cursor:pointer;box-sizing:border-box}.button:hover,button:hover,input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:focus,button:focus,input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus{color:var(--mainColor);border-color:var(--light-elements-3);outline:0}.button.button-primary,button.button-primary,input[type="submit"].button-primary,input[type="reset"].button-primary,input[type="button"].button-primary{color:#FFF;background-color:#33C3F0;border-color:#33C3F0}.button.button-primary:hover,button.button-primary:hover,input[type="submit"].button-primary:hover,input[type="reset"].button-primary:hover,input[type="button"].button-primary:hover,.button.button-primary:focus,button.button-primary:focus,input[type="submit"].button-primary:focus,input[type="reset"].button-primary:focus,input[type="button"].button-primary:focus{color:#FFF;background-color:#1EAEDB;border-color:#1EAEDB}button svg{width:20px!important;margin-top:5px}input[type="email"],input[type="number"],input[type="search"],input[type="text"],input[type="tel"],input[type="url"],input[type="password"],textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea{min-height:65px;padding-top:6px;padding-bottom:6px}label,legend{display:block;margin-bottom:.5rem;font-weight:600}fieldset{padding:0;border-width:0}input[type="checkbox"],input[type="radio"]{display:inline}label>.label-body{display:inline-block;margin-left:.5rem;font-weight:400}ul{list-style:circle inside}ol{list-style:decimal inside}ol,ul{padding-left:0;margin-top:0}ul ul,ul ol,ol ol,ol ul{margin:1.5rem 0 1.5rem 3rem;font-size:90%}li{margin-bottom:1rem}code{padding:.2rem.5rem;margin:0 .2rem;font-size:90%;white-space:nowrap;background:#F1F1F1;border:1px solid #E1E1E1;border-radius:10px}pre>code{display:block;padding:1rem 1.5rem;white-space:pre}th,td{padding:12px 15px;text-align:center;border-bottom:1px solid var(--light-elements-3) !important;text-align:center}th:first-child,td:first-child{padding-left:0;text-align:center}th:last-child,td:last-child{padding-right:0}.graBg{background:var(--Gbackground);width:100%;height:100%;left:0;top:0;border-radius:8px;position:absolute;line-height:40px;border:1px solid var(--light-elements-3);color:var(--accent)}.graBg:hover{box-shadow:0 5px 10px rgb(7 25 31/.1)}.MGEmr{border:1px solid var(--light-elements-3);-webkit-animation:o4imm.2s ease-out;animation:o4imm.2s ease-out;background:var(--background);border-radius:16px;box-shadow:0 0 1px.4px rgb(12 41 126/.1),0 8px 20px rgb(12 41 126/.09);box-sizing:border-box;min-width:280px;padding:20px;right:10px;top:86px;-webkit-transform-origin:top center;transform-origin:top center}.GsmGU,.XSF44{bottom:0;left:0;right:0;top:0}.GsmGU,.MGEmr{position:absolute}.XSF44{position:absolute;text-align:left;z-index:20000}.GsmGU,.XSF44{bottom:0;left:0;right:0;top:0}.vY3qc{font-size:12px;line-height:1;margin:0 0 12px;text-transform:uppercase;color:var(--light-6);font-weight:500;position:relative}.dhct6{border-bottom:1px solid var(--light-elements-3);display:flex;justify-content:space-between;margin:0 0 16px;padding:0 0 16px;position:relative}.KBsrm{font-size:14px;font-weight:700;line-height:16px;text-align:center;width:31.035%}.lYXPU{background-size:cover;border-radius:8px;cursor:pointer;height:41px;margin:0 0 6px;position:relative;transition:all.2s ease}.KJBkb{background:var(--mainColor);color:#fff}.HKo1y{background:var(--color2);border-radius:4px;height:2px;margin:3px 0;position:relative;width:14px}.nH99x,.yGzuy{position:relative}.yGzuy{align-items:center;display:flex;justify-content:space-between;margin:0 0 16px;max-width:230px;white-space:nowrap;width:100%}.nH99x{overflow:hidden;padding:0 4px 0 0}.nH99x,.yGzuy{position:relative}.gsetj,.lkR5z{font-weight:500;overflow:hidden;position:relative;text-overflow:ellipsis}.gsetj{font-size:18px;line-height:24px}.lkR5z{color:var(--light-6);font-size:12px;line-height:16px;padding:0 0 2px}.dhct6{border-bottom:1px solid var(--light-elements-3);display:flex;justify-content:space-between;margin:0 0 16px;padding:0 0 16px;position:relative}.rg2O9{align-items:center;color:var(--accent);display:block;display:flex;font-size:18px;font-weight:500;line-height:24px;margin:0 0 16px;transition:all.2s ease}.rg2O9 svg{width:25px; height: 25px; margin-right: 5px;}.rg2O9{text-decoration:none;color:var(--accent);display:block;display:flex;font-size:15px;font-weight:600;line-height:24px;margin:0;transition:all.2s ease}.logo-right:hover{background-image:-webkit-linear-gradient(var(--thirdColor)50%,var(--accent)50%);background-repeat:repeat;background-position:0 0;background-size:100%25px;-webkit-text-fill-color:#fff0;-webkit-background-clip:text;-webkit-animation:stripes 4s linear infinite;animation:stripes 4s linear infinite;white-space:nowrap;text-align:center;text-transform:uppercase}.logo-left:hover{background-image:-webkit-linear-gradient(var(--mainColor)50%,var(--accent)50%);background-repeat:repeat;background-position:0 0;background-size:100%50px;-webkit-text-fill-color:#fff0;-webkit-background-clip:text;-webkit-animation:stripes 2s linear infinite;animation:stripes 2s linear infinite;white-space:nowrap;text-align:center;text-transform:uppercase}@-webkit-keyframes stripes{100%{background-position:0-50px}}@keyframes stripes{100%{background-position:0-50px}}.motivation-container{text-align:center;border-radius:10px;cursor:pointer;font-size:13px;font-weight:700;color:#057cda}input,textarea,select,fieldset{margin-bottom:1.5rem}pre,blockquote,dl,figure,table,p,ul,ol,form{margin-bottom:2.5rem}.u-full-width{width:100%;box-sizing:border-box}.u-max-full-width{max-width:100%;box-sizing:border-box}.u-pull-right{float:right}.u-pull-left{float:left}hr{margin-top:3rem;margin-bottom:3.5rem;border-width:0;border-top:1px solid #E1E1E1}.container:after,.row:after,.u-cf{content:"";display:table;clear:both}#reps,#weight{display:inline-block;cursor:pointer;border-bottom:1px dashed var(--color) !important;font-size:4em;line-height:1;padding:10px 25px 10px 25px;max-width:300px;max-height:85px;overflow:hidden}.section{padding:2rem 0 7rem;}.section-heading,.section-description{margin-bottom:1.2rem}.cSection{width:auto;border:1px solid var(--light-elements-3);border-radius:10px;display:inline-block;background:var(--Gbackground);padding:25px 40px;min-width:155px;box-shadow:0 5px 10px rgb(7 25 31/.1)}.rSection{max-height:500px; width:100%;border:1px solid var(--light-elements-3);border-radius:10px;display:inline-block;background:var(--Gbackground);padding:0px;margin-bottom:20px;overflow:auto;font-size:16px}.rSection table{width:100%} #estimated-results.rSection{display:flex;align-items:center;min-height:260px;flex-direction:column;justify-content:center}.oSection{z-index:10000;background:var(--background);padding:30px;border-radius:10px;border:1px solid var(--light-elements-6)}.oSection label{border-bottom:1px dotted var(--light-elements-6);padding:6px 0;display:inline-block;margin:10px 10px 0 10px}#formulaCheckboxes{padding-top:10px}#formulaCheckboxes label{border:none;padding:10px 10px;cursor:pointer}.phones{position:relative}.phone{position:relative;max-width:80%;margin:3rem auto-12rem}.phone+.phone{display:none}.values{background-image:url(../images/values-bg.jpg);background-size:cover;color:#fff;padding-bottom:5rem}.value-multiplier{margin-bottom:.5rem;color:#11DFC7}.value-heading{margin-bottom:.3rem}.value-description{opacity:.8;font-weight:300}.get-help{margin-top: 60px;border-bottom:1px solid var(--light-elements-7)}.categories{background-image:url(../images/values-bg.jpg);background-size:cover;color:#fff}.categories.section-description{margin-bottom:4rem}@media(min-width:550px){.hero{padding-bottom:12rem;text-align:left;height:165px}.phone{position:absolute;top:-7rem;right:3rem;max-height:362px;z-index:3}.phone+.phone{top:-6rem;display:block;max-width:73.8%;right:0;z-index:2;max-height:338px}.hero-heading{font-size:2.4rem}}@media(min-width:767px){.four.columns{width:30.6666666667%;}}@media(min-width:750px){.hero{height:190px}.hero-heading{font-size:2.6rem}.hero{padding:16rem 0 14rem}.section-description{max-width:60%;margin-left:auto;margin-right:auto}.phone{top:-14rem;right:5rem;max-height:510px}.phone+.phone{top:-12rem;max-height:472px}.categories{padding:15rem 0 8rem}}@media(min-width:1000px){.hero{padding:22rem 0}.hero-heading{font-size:3rem}.phone{top:-16rem;max-height:615px}.phone+.phone{top:-14rem;max-height:570px}}
@media (max-width: 768px) {
  .closureRight{
    width: 100%;
    float: none;
    margin-top: 0px !important;
    justify-content: flex-end;
  }
  .get-help{
    margin-top: 30px !important;
  }
  .infoButton-container{
    right: 0px !important;
    margin-top: 15px !important;
    left: auto !important;
    margin-left: 0 !important;
  }
    .currBalance{
        width: 100% !important;
    }
    .columnSingle, .columns{margin-bottom: 4%;}
    .modal-content{ margin: 20% auto !important; } .lq2xL { border-radius: 0; display: flex; flex-direction: column; height: calc(100% - 90px); justify-content: space-between; min-width: auto; padding:10px; } h1{ font-size: 3rem !important; margin-bottom: 15px; } .faq-question{text-align: left !important ;}}
.formReq{
    display: flex;
    flex-direction: column;
}
.formReq label{
    font-size: 14px;
    margin-bottom: 3px !important;
}
.formInputs{
    border: .0625rem solid #515260;
    border-radius: 10px;
    display: flex;
    margin-bottom: -.0625rem;
    flex-direction: row;
    background-color: var(--Gbackground);
}
.formInputs:focus-within{
    border-color: #0157ff;
    outline: .0325rem solid #0157ff;
}
.formInputs input:focus{outline: none;}
.formInputs select:focus{outline: none;}
.formInputs input[type="number"]{
    border-radius: 10px;
    border: none;
    color: var(--accent);
    background-color: transparent;
    display: block;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    height: 3rem;
    line-height: 1.75rem;
    min-height: 48px;
    width: 100%;
    margin: 0px;
    padding: .625rem .75rem .625rem .875rem;
}
.formInputs select{
    border: none;
    color: var(--accent);
    background-color: transparent;
    display: block;
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    height: 3rem;
    line-height: 1.75rem;
    min-height: 48px;
    width: 100%;
    border-radius: 10px;
    margin: 0px;
    padding: .625rem .75rem .625rem .875rem;
}
.formInputs label{
    align-items: center;
    color: var(--accent);
    display: flex;
    font-size: 19px;
    padding: 5px 0 .625rem 0;
    text-align: right;
    padding-left: .875rem;
    margin: 0px !important;
}
.spacer{
 margin:20px 0;
}
#currBalance{
    color:var(--greenText);
}
.currBox{
    margin: 0 auto;
    text-align: center;
}
.currBalance{
    width: 55%;
 
}
.currPerform{

}
.currBalance p{
    font-size: 30px;
    font-weight: bold;
    padding: 5px 0 15px 0;
    border-bottom:2px solid #FFC107;
}
#calculator-chart{
  
}
/* #taxBalance{
    font-weight: bold;
    font-size: 19px;
    margin-top: 15px;
    display: block;
} */
/* TOOLTIPS */

 
.closureRight{
  display: flex;
      float: right;
      margin-top: -60px;
      flex-direction: row;
      align-items: center;
}
.infoButton {
  border: 0;
    background-color: transparent;
    padding: 14px;
    cursor: pointer;
    margin: 0;
    font-size: 14px;
    position: relative;
}
.infoButton-title{
  color: var(--accent);
  margin-right: 5px;
  font-size: 13px;
}

.infoButton-btn {
    appearance: none;
    background-color: transparent;
    border: 1px solid var(--background2);
    border-radius: 10px;
    width: 20px;
    height: 20px;
    color: var(--background2); 
    font-weight: 700;
    transform: rotate(0deg);
    transition: border-radius 200ms ease-in-out;
}

.infoButton-btn-text {
    display: block;
    text-align: center;
    width: 18px;
    position: relative;
    height: 20px;
    line-height: 20px;
    transform: rotate(0deg);
    right: 0px;
    bottom: 1px;
}

.infoButton-container {
    position: absolute;
    margin-top: -35px;
    bottom: inherit;
    z-index: 123;
    /* bottom: calc(-100% + 100px); */
    margin-left: 40px;
    transform: scale(0);
    transition: transform 0mslinear 200ms;
}
.infoButton-container.first{
    margin-top: -35px;
    bottom: inherit;
}
.infoButton-container.right{
  right: 40px; /* position it 40px from the right of the info button */
  left: auto;
  margin-left:0;
}
.closureRight .infoButton-btn {
  transform: rotate(-90deg); 
}
.closureRight .infoButton-btn-text
{
  transform: rotate(90deg); 
}
.infoButton-container-message {
    color:var(--accent);
    box-sizing: border-box;
    width: 310px;
    max-height: 350px;
    overflow-y: scroll;
    padding:20px 20px 0px 20px;
    font-size: 14px; 
    box-shadow: 0 5px 10px rgb(7 25 31 / .1);
    line-height: 1.3;
    text-align: left;
    transform: translateY(10px);
    opacity: 0;
    transition: transform 200ms ease-in-out, opacity 200ms ease-in-out;
    background-color: var(--background);
    border-radius: 10px;
    border: 1px solid var(--light-elements-3);
}

::-webkit-scrollbar {
    width: 8px; /* Adjust scrollbar width */
  }
  
 
  
::-webkit-scrollbar-thumb {
    background: var(--scroll-thumb); 
    border-radius: 4px; 
  }
  
::-webkit-scrollbar-thumb:hover {
    background: var(--scroll-thumb-hover);  
  }

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px var(--scroll-thumb-track);
	background-color: var(--background);
}

.infoButton:focus .infoButton-btn,
.active .infoButton-btn {
    border-top-right-radius: 0;
    transition: border-radius 200ms ease-in-out;
    background-color: var(--mainColor);
    color: white;
}

.infoButton:focus .infoButton-container,
.active .infoButton-container {
    transform: scale(1);
    transition: transform 0ms linear;
}

.infoButton:focus
.infoButton-container-message,
.active
.infoButton-container-message {
    transform: translate(0);
    opacity: 1;
}

ul li{
    list-style:inside;
}
 .flexHorLeft{
  display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
 }


#dark-theme #chart-container #_ABSTRACT_RENDERER_ID_0 + rect{fill:var(--Gbackground)}
#dark-theme #chart-container svg g text{fill:var(--accent)}
#dark-theme #chart-container svg g rect{fill:var(--Gbackground)}
#dark-theme #chart-container svg g g g rect{fill:var(--light-elements-3)}
#dark-theme #chart-container svg g g g g path {fill:var(--accent)}
#dark-theme #chart-container svg g g g g g text {fill:var(--background)}
.google-visualization-tooltip path{
    fill:var(--background);
    background-color: var(--background);
}



.output {
    width: 100%;
    border-collapse: collapse;
    font-family: sans-serif;
    font-size: 14px;
    margin-bottom: 0px;
  }
  
  .output th,
  .output td {
    border: 1px solid var(--light-elements-3);
    padding: 8px;
    text-align: center;
  }
  
  .output th {
    background-color: var(--Gbackground);
    font-weight: bold;
  }
  
  .output tbody tr:nth-child(odd) {
    background-color:var(--background);
  }
  
  .output tbody tr:hover {
    background-color:var(--background);
  }
  .greenText{
    color:var(--greenText);
  }
  .output b {
    font-weight: bold;
  }
  .output tbody td:nth-child(2) {
    border-right: none;
  }
  
  .output tbody td:nth-child(3) {
    border-left: none;
  }
  .output tbody td:nth-child(4) {
    border-right: none;
  }
  
  .output tbody td:nth-child(5) {
    border-left: none;
  }
  .output tbody td:nth-child(6) {
    border-right: none;
  }
  
  .output tbody td:nth-child(7) {
    border-left: none;
  }
  .output tbody td:nth-child(2)::after {
    content: " → "; 
    margin-right: -20px;
    color:var(--accent);  
  }
  .output tbody td:nth-child(4)::after {
    content: " → "; 
    margin-right: -20px;
    color:var(--accent);  
  }
  .output tbody td:nth-child(6)::after {
    content: " → "; 
    margin-right: -20px;
    color:var(--accent);  
  }
  .output{ border-collapse: collapse;  border-radius: 5px;}
  .output th:first-child,.output td:first-child{padding-left: 0; width: 60px !important; min-width: 60px;}
  .flexper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  

  .logo .logoText{
    display: flex;
        flex-direction: column;
        line-height: 23px;
  }
  .logo .logoText .logoTextTop{
    font-weight: bold;
    font-size: 20px;
  } 
   .logo .logoText .logoTextBot{
    font-size: 17px;
    letter-spacing: 2.3px;
    color: var(--greenText);
  }


  .flexper font {
    font-size: 12px;
    color: var(--greenText);
  } 
  #barChart{
    width: 100%;
    height: 400px;
  }
  .focused{
    background-color: var(--mainColorBg) !important;
  }

  .stickyHead{
    position: sticky;
    box-sizing: border-box;
    top: 0px;
  }
  .stickyHead th{
    border-bottom: 1px solid var(--color);
  }
#pop-1 p, #pop-2 p{
    font-weight: bold;
    font-size: 2.3rem;
}
.text-center{
    text-align: center;
}
.valText{
  color: red;
  display: none;
}
/* 
<g class="google-visualization-tooltip"><path d="M575.5,154.5A1,1,0,0,1,574.5,153.5L574.5,109.5A1,1,0,0,1,575.5,108.5L734.5,108.5A1,1,0,0,1,735.5,109.5L735.5,153.5A1,1,0,0,1,734.5,154.5L667.5,154.5L641.6388888888889,167.5859725L654.5,154.5Z" stroke="#b2b2b2" stroke-width="1.5" fill="#ffffff" filter="url(http://localhost:3000/#_ABSTRACT_RENDERER_ID_2)"></path><g><text text-anchor="start" x="582" y="127.05" font-family="Roboto" font-size="13" font-weight="bold" stroke="none" stroke-width="0" fill="#757575">65 years</text></g><g><text text-anchor="start" x="582" y="144.05" font-family="Roboto" font-size="13" stroke="none" stroke-width="0" fill="#757575">Roth IRA Balance:</text><text text-anchor="start" x="685" y="144.05" font-family="Roboto" font-size="13" font-weight="bold" stroke="none" stroke-width="0" fill="#757575">714,511</text></g></g> 

*/