@import"https://fonts.googleapis.com/css2?family=Aptos+Display:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&display=swap";.calculator-container{font-family:Aptos Display,sans-serif;background:#fff;padding:20px;min-height:100vh;max-width:1200px;margin:0 auto;box-sizing:border-box;width:100%;overflow-x:hidden}.cal-subheading{margin:0;line-height:22px;font-size:14px;color:#666}.calculator-container h2{color:#000;text-align:center;font-family:Poppins,sans-serif;margin:0 0 20px;font-size:28px;font-weight:600}div#calculator-div{padding:20px;background-color:#000;border-radius:10px;max-width:1200px;margin:0 auto;border:1px solid #000000;box-sizing:border-box;width:100%;overflow:hidden}.calculator-div-1{display:flex;gap:15px;flex-wrap:wrap;margin-bottom:20px}.calculator-wrap{background-color:#fff;text-align:center;margin:0;padding:20px;border-radius:10px;width:calc(33.333% - 10px);position:relative;min-width:250px;flex:1;border:1px solid #000000}.calculator-image{height:100px;display:flex;align-items:center;justify-content:center}.calculator-image img{width:75px;height:75px;object-fit:contain;display:block;margin:0 auto}.calculator-wrap h4{font-family:Poppins,sans-serif;font-size:26px;font-weight:400;text-align:center;color:#181818;margin:10px 0}.calculator-list{padding-left:0;list-style:none;margin:15px 0}.calculator-list li{display:inline-block;margin:8px 2px}.span{box-sizing:border-box;background-color:#f9fafb;padding:6px 8px;border:1px solid #000000;border-radius:20px;font-family:Poppins,sans-serif;font-size:20px;font-weight:400;display:inline-block;cursor:pointer;transition:all .2s ease}.span:hover{border:1px solid #000000;cursor:pointer}.calculator-list .active{background-color:#000000b2;border:1px solid #000000;border-radius:20px;color:#fff}.calculator-list .active:hover{cursor:auto;border:1px solid #000000}.other-field p,.other-field1 p,.other-field2 p{font-size:20px;font-family:Poppins,sans-serif;margin:10px 0}.other-field,.other-field1,.other-field2{margin:15px 0}.other-field.hidden,.other-field1.hidden,.other-field2.hidden{display:none}input[type=text]{border-right:none;border-left:none;border-top:none;border-bottom:1px solid #181818;width:20%;font-size:20px;font-weight:400;font-family:Poppins,sans-serif;text-align:center;background:transparent}input[type=text]:focus{outline:none;border-bottom:2px solid #6ca042}*:focus-visible{outline:none;outline-offset:.3rem;box-shadow:none}input.span{border:1px solid #000000;background-color:#f9fafb;padding:8px 16px;border-radius:20px;cursor:pointer;margin-top:10px}input.span:hover{background-color:#000000b2}.calculator-div-2{text-align:center;background-color:#fff;margin:0;padding:20px;border-radius:10px;border:1px solid #000000}.calculator-div-2 h4{font-family:Poppins,sans-serif;font-size:26px;font-weight:400;text-align:center;color:#181818;margin:0 0 20px}.content p{font-family:Poppins,sans-serif;color:#181818;font-weight:700;margin-bottom:0;font-size:16px;margin-top:15px;text-transform:uppercase}.results-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:0;margin:20px 0}.result-item{display:flex;flex-direction:column;text-align:left;align-items:flex-start;padding:0 20px;position:relative}.result-item:not(:last-child):after{content:"";position:absolute;right:0;top:0;bottom:0;width:1px;background-color:#e0e0e0}.result-label{font-family:Poppins,sans-serif;color:#000000b2;font-weight:400;font-size:16px;margin:0 0 8px;text-transform:uppercase;width:100%;text-align:left}.result-value{display:flex;align-items:flex-start;justify-content:flex-start;text-align:left;flex-wrap:wrap;width:100%}.paragraph p{margin:5px 0;line-height:22px;font-size:14px;color:#666;font-family:Poppins,sans-serif}.values{font-family:Poppins,sans-serif;font-size:26px;font-weight:400;color:#000;line-height:22px}.result-value .values{font-weight:700}.value_main{display:flex;align-items:center;justify-content:center;column-gap:10px;flex-wrap:wrap;margin:10px 0}.scale{position:relative;margin:20px 0}.scale img{width:100%;z-index:1;position:relative;display:block}.scale-color{position:absolute;top:5%;left:14.9%;display:block!important;height:80%;background-color:#eb5e33;z-index:0;transition:width .3s ease;min-width:0}.scale-color:after{content:"";width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:18px solid #EB5E33;position:absolute;right:-7px;top:-20px}.peptide_converted_mcg{margin-top:15px;font-family:Poppins,sans-serif;position:absolute;border:0;left:0;right:0;bottom:10px;font-size:16px;color:#181818}.invisible_col{height:35px}.unit_messages{font-size:14px!important;color:#f44!important;font-weight:500;margin-left:10px}@media screen and (max-width: 768px){.scale-color{top:4%;left:14.8%;height:75%}.calculator-div-1{flex-direction:column}.calculator-wrap{width:80%;margin:10px 0}.calculator-div-2{margin:10px 0;padding:15px;box-sizing:border-box;width:100%;overflow:hidden}.invisible_col{display:none}.peptide_converted_mcg{position:unset;margin-top:15px}.scale{display:none}.results-grid{grid-template-columns:1fr 1fr;gap:0;border:1px solid #e0e0e0;border-radius:8px;overflow:hidden;margin:20px 0;width:100%;box-sizing:border-box}.result-item{padding:15px!important;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;min-height:auto;text-align:left;align-items:flex-start;box-sizing:border-box;width:100%;overflow:hidden;max-width:100%}.result-item:nth-child(2),.result-item:nth-child(4){border-right:none}.result-item:nth-child(3),.result-item:nth-child(4){border-bottom:none}.result-label{margin:0 0 8px;font-size:14px;width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.result-value{width:100%;box-sizing:border-box;max-width:100%;overflow:hidden}.result-value .values{word-wrap:break-word;overflow-wrap:break-word;max-width:100%;display:inline-block}.result-item:not(:last-child):after{display:none!important}}@media screen and (max-width: 576px){.scale-color{top:5%;left:14.8%;height:68%}div#calculator-div,.calculator-container{padding:15px}.calculator-wrap h4{font-size:22px}.span{font-size:16px;padding:5px 6px}.values{font-size:20px}.result-label{font-size:12px}.result-item{padding:12px!important;box-sizing:border-box;width:100%;overflow:hidden;max-width:100%}.result-value{max-width:100%;overflow:hidden}.values{font-size:18px;max-width:100%;word-wrap:break-word;overflow-wrap:break-word}}