body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{font-family:Poppins!important}*{box-sizing:border-box;margin:0;padding:0}nav{box-shadow:1px 0 10px 1px;display:flex;justify-content:space-around;padding:20px 0}.button{background-color:#0b233a}.button,.button5{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 30px;transition:.5s ease}.button5{background-color:#4c839c}.button5:hover,.button:hover{background-color:#11a3cf;scale:1.05}.button:active{background-color:#11a3cf;scale:1}.button2{background-color:#0b233a;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:15px 30px;transition:.5s ease}.button2:active,.button2:hover{background-color:#11a3cf}.button2:active{scale:1}.button3{background-color:#11a3cf;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:15px 30px;transition:.5s ease}.button3:active,.button3:hover{background-color:#0b233a}.button3:active{scale:1}.maininedxdiv{display:flex;flex-direction:column;justify-content:center;width:100%}.Carouseldiv{align-items:center;background-color:#fff;display:flex!important;height:fit-content;justify-content:center}.Carouseldiv div h1{font-size:3em}.Carouseldiv div p{font-size:1.5em;font-weight:500}.Carouseldiv div{background-color:#cee3e9;border-radius:30px;display:flex;flex-direction:column;height:fit-content;justify-content:space-around;min-height:350px;padding:40px;width:85%}.slick-dots-bottom li{background-color:#0b233a;border-radius:50%;height:10px!important;width:10px!important}.slick-dots li.slick-active{background-color:#76cf11;height:10px!important;width:10px!important}.slick-dots li button:after{content:"";height:20px;inset:-4px;position:absolute;width:20px}.kitrecieved,.mainformdiv{align-items:center;justify-content:center;margin-top:0;min-height:90vh;width:100%}.kitrecieved,.mainformdiv,form{display:flex;height:fit-content}form{font-size:large;gap:30px;padding:50px 0;width:80%}form,form div{flex-direction:column}form div{display:flex}form div input,select{background-color:#dcf0ff;border:0 solid #6dc2fc;border-radius:6px;height:40px;padding:0 10px}.radiobtn{align-items:center;display:flex!important;flex-direction:row;gap:10px;padding-left:30px}.radiobtn input{height:15px;width:15px}.mobbb{flex-direction:row!important}.widhtttt{width:49%}.flexxx{flex-direction:row;gap:30px}.navbar{color:#fff;justify-content:center;padding:36px;position:relative}.logo{font-size:1.5em;font-weight:700}.hamburger{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:2em}.nav-links{display:flex;gap:55px}.nav-links button{background-color:#0b233a;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-left:22px;padding:13px;transition:.3s ease}.nav-links button:hover{background-color:#11a3cf}.navbar{align-items:center;background-color:#fff;box-shadow:0 1px 5px .5px #002631;display:flex;height:100px;justify-content:space-between;padding:0 5%;position:fixed;width:90%;z-index:20}.mybutton{background:#11a4d0;border:none;border-radius:20px;color:#fff;cursor:pointer;display:absolute;font-size:17px;margin-top:20px;padding:15px 30px;z-index:1}.image-container{height:80vh;position:relative;width:100%}.myimage{bottom:0;display:block;margin-left:-60px;position:absolute;width:70%}.search-heading{color:#0b233a;font-size:2rem;font-weight:700}.search-container{margin:30px auto 0 -120px;max-width:500px;width:150%}.first-row{display:flex;height:22vh;justify-content:space-between;padding:4rem 7rem;width:100%}.main-heading{color:#0b233a;font-size:3rem}.main-heading span{color:#11a4d0}.second-row{align-items:center;background:blue;border:2px solid red;display:flex;height:200px;justify-content:center;width:100%}.myform{left:52%;position:absolute;top:-15%}.main-container{max-height:90vh!important}.search-container{align-items:center;display:flex;max-width:400px;position:relative;width:153%}.search-bar{background:#0b233a;border:none;border-radius:25px;box-shadow:0 4px 6px #0000001a;color:#fff;font-size:16px;outline:none;padding:12px 50px 12px 25px;text-align:left;width:100%}.search-bar::placeholder{color:#fff;opacity:1}.search-icon{color:#fff;cursor:pointer;font-size:20px;pointer-events:auto;position:absolute;right:25px;top:10px;z-index:10}body,html{height:100%;overflow:hidden}.microbiome{margin-left:75px;margin-top:120px;width:40rem}.newform{justify-content:flex-start;max-height:70vh;min-height:auto;overflow:auto}.fsdiv{align-items:center;background:#e2e2e2;border-radius:5px;display:flex;flex-direction:row;padding-left:10px}.fsdiv input{width:100px}.myindex{gap:50px;left:67%;position:absolute;top:10%}@media screen and (max-width:868px){.myindex{left:50%;text-align:center;transform:translateX(-50%)}.search-bar{margin-left:100px}.search-icon{right:-20px}.main-heading{font-size:35px}.mybutton{margin-bottom:15px}}@media screen and (max-width:468px){.search-bar{margin-left:100px}}@media screen and (max-width:1064px){.myimage{bottom:0!important;display:block;position:absolute}body,html{height:auto!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;scrollbar-color:#0b233a #e2e2e2!important;scrollbar-width:thin!important}.first-row{margin-bottom:50px!important}}@media screen and (max-width:1060px){.flexxx{flex-direction:column}.widhtttt{width:100%}.mobbb{flex-direction:column!important}}@media screen and (max-width:936px){.first-row{padding:2.4rem}}@media screen and (max-width:515px){.myform{font-size:10px;left:8px;top:20px}.image-container{height:100vh;position:relative;top:-225px;width:100%}.nomargin{margin-bottom:0}.first-row{align-items:center;flex-direction:column;text-align:center}.main-heading,.search-heading{font-size:1.5rem}.search-bar{width:50%}.myform{width:100%}.mainformdiv{justify-content:flex-start;margin-left:-150px;width:90%}.kitrecieved,.mainformdiv{height:70vh;min-height:auto;overflow:visible!important}.kitrecieved{align-items:center;display:flex;justify-content:center;width:100%}body,html{height:auto!important;margin:0!important;overflow-x:hidden!important;overflow-y:auto!important;padding:0!important;scrollbar-color:#0b233a #e2e2e2!important;scrollbar-width:thin!important}.myform{left:50%;position:absolute;top:25%}.fsform{margin-top:20px}.microbiome{margin-left:20px!important;margin-top:35px!important;position:absolute;top:166px;width:20rem!important}.myimage{bottom:0;display:block;position:absolute}.search-bar{margin-left:255px!important;width:213px!important}}@media screen and (max-width:768px){.myimage{display:none}.navbar{background-color:#0b233a;justify-content:space-between}.hamburger{display:block}.nav-links{background-color:#0b233a;box-shadow:0 4px 10px #0003;display:none;flex-direction:column;gap:10px;left:0;padding:20px 0;position:absolute;top:100%;width:100%}.nav-links.open{display:flex}.nav-links button{padding:10px 15px;text-align:left;width:100%}}body,html{margin:0;overflow-x:hidden;padding:0;scroll-behavior:smooth}.data{height:100vh}.new-microbiome-form-wrapper{background:#f4e9ff}.new-microbiome-form{border-radius:20px;box-shadow:0 4px 32px 0 #bba6e633;max-width:1200px;padding:48px 64px}.form-header{margin-bottom:32px;text-align:center}.form-grid{grid-gap:32px 48px;gap:32px 48px;grid-template-columns:repeat(3,1fr)}.form-group label{font-weight:500}.form-group input{background:#f0eaff;border:1px solid #d1c4e9;border-radius:10px;font-size:15px;padding:12px 16px}.form-actions{justify-content:center}.form-actions button{border-radius:10px;font-size:16px;padding:12px 36px}@media (max-width:1024px){.form-grid{gap:28px 32px;grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.new-microbiome-form{padding:16px 4px}.form-grid{gap:20px 0;grid-template-columns:1fr}}.new-microbiome-form-wrapper{-ms-overflow-style:none;align-items:center;background:#f5f8ff;display:flex;justify-content:center;max-height:100vh;min-height:100vh;overflow-y:auto;scrollbar-width:none}.new-microbiome-form-wrapper::-webkit-scrollbar{display:none}.new-microbiome-form{-ms-overflow-style:none;background:#fff;border-radius:24px;box-shadow:0 8px 48px 0 #bba6e633;max-height:90vh;max-width:1500px;min-width:900px;overflow-y:auto;padding:48px 48px 32px;scrollbar-width:none;width:100%}.new-microbiome-form::-webkit-scrollbar{display:none}.form-header-row{grid-gap:24px;align-items:center;display:grid;gap:24px;grid-template-columns:1fr auto 1fr;margin-bottom:32px;position:relative}.form-header-row h2{color:#0d2339;font-size:2.5rem;font-weight:700;grid-column:2;margin:0;text-align:center}.main-heading{color:#0f172a;font-size:2rem;font-weight:700;grid-column:3;justify-self:end;margin:0}.main-heading span{color:#19b5ff}.logo-img{height:auto;margin-top:0;position:absolute;right:8px;top:0;width:180px}.form-grid{grid-gap:24px 32px;display:grid;gap:24px 32px;grid-template-columns:repeat(6,1fr);margin-bottom:32px;width:100%}.form-grid .country-group,.form-grid .gender-group,.form-grid .height-group,.form-grid .kitid-group,.form-grid .weight-group{grid-row:2}.form-grid .dob-group,.form-grid .email-group,.form-grid .name-group{grid-column:span 2;grid-row:1}.form-grid .dob-group{grid-column:5}.form-grid .sampledate-group{grid-column:6;grid-row:1}.form-grid .weight-group{grid-column:1}.form-grid .height-group{grid-column:2}.form-grid .gender-group{grid-column:3}.form-grid .country-group{grid-column:4}.form-grid .kittype-group{grid-column:5;grid-row:2}.form-grid .kitid-group{grid-column:6;grid-row:2}@media (max-width:1500px){.form-grid{grid-template-columns:repeat(6,1fr)}}@media (max-width:1360px){.form-grid{grid-template-columns:repeat(3,fr)}.form-grid>.form-group{grid-row:auto}.form-grid .country-group,.form-grid .dob-group,.form-grid .email-group,.form-grid .gender-group,.form-grid .height-group,.form-grid .kitid-group,.form-grid .kittype-group,.form-grid .name-group,.form-grid .sampledate-group,.form-grid .weight-group{grid-column:span 3}.kittype-group select{box-sizing:border-box;min-width:0;width:100%}}@media (max-width:1200px){.form-grid{grid-template-columns:repeat(3,fr)}.form-grid>.form-group{grid-row:auto}.form-grid .country-group,.form-grid .dob-group,.form-grid .email-group,.form-grid .gender-group,.form-grid .height-group,.form-grid .kitid-group,.form-grid .name-group,.form-grid .sampledate-group,.form-grid .weight-group{grid-column:span 3}.new-microbiome-form{min-width:0}}.form-group{display:flex;flex-direction:column}.form-group label{color:#0d2339;font-size:12px;font-weight:600;margin-bottom:8px}.form-group input,.form-group select{background:#dcf0ff;border:none;border-radius:10px;margin-bottom:0;padding:5px 16px}.form-group input,.form-group select,.kittype-group select{box-sizing:border-box;font-size:12px;min-width:0;width:100%}@media (max-width:700px){.kittype-group select{font-size:12px;padding:10px 8px}}@media (max-width:400px){.kittype-group select{font-size:12px;padding:8px 4px}}.kitid-composite{align-items:center;background:#dcf0ff;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:flex-start;min-height:40px;overflow:visible;padding:1px 8px;width:100%}.kitid-composite .segment{color:#6b7280;flex:none;font-size:12px;font-weight:700;white-space:nowrap}.kitid-composite input{background:#0000;border:none;box-sizing:border-box;color:#6b7280;flex:1 1 60px;font-size:12px;font-weight:600;min-width:0;outline:none;overflow:hidden;padding:0 4px;text-align:center;text-overflow:ellipsis}@media (max-width:900px){.kitid-composite{flex-wrap:wrap;gap:4px;padding:6px 4px}.kitid-composite .segment{font-size:.95em}.kitid-composite input{font-size:.95em;max-width:100px;min-width:0}}@media (max-width:600px){.kitid-composite{flex-wrap:wrap;gap:2px;padding:4px 2px}.kitid-composite .segment{font-size:.9em}.kitid-composite input{font-size:.9em;max-width:80px;min-width:0}}@media (max-width:400px){.kitid-composite{align-items:stretch;flex-direction:column;gap:2px;padding:2px 1px}.kitid-composite .segment{font-size:.85em;text-align:left}.kitid-composite input{font-size:.85em;max-width:100%;min-width:0;text-align:center}}.kitid-composite input::placeholder{color:#8a93a0}.row-flex{display:flex;gap:8px}.section{margin-bottom:16px;margin-top:24px}.section label{color:#0d2339;display:block;font-weight:700;margin-bottom:12px}.error-text{color:#d32f2f;font-size:13px;margin:6px 0 10px}.checkbox-grid{grid-gap:14px 20px;display:grid;gap:14px 20px;grid-template-columns:repeat(4,1fr)}.pill-checkbox{align-items:center;background:#efeaff;border-radius:12px;color:#3a2d5e;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;gap:12px;min-height:52px;padding:14px 16px;transition:background .2s,color .2s,box-shadow .2s;width:100%}.pill-checkbox input{opacity:0;pointer-events:none;position:absolute}.pill-checkbox .check-icon{align-items:center;background:#dcf0ff;border-radius:6px;box-shadow:inset 0 0 0 2px #ddd2ff;color:#0000;display:flex;font-size:14px;height:20px;justify-content:center;margin-left:auto;width:20px}.pill-checkbox .pill-label{text-align:left}.pill-checkbox.selected{background:#ede7ff;box-shadow:inset 0 0 0 1px #7c73f3}.pill-checkbox.selected .check-icon{background:#6f66f0;box-shadow:none;color:#fff}.pill-toggle{align-items:center;background:#dcf0ff;border:none;border-radius:12px;color:#3a2d5e;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;min-height:52px;padding:14px 16px;transition:background .2s,color .2s,box-shadow .2s;width:100%}.pill-toggle .pill-label{text-align:left}.pill-toggle .switch{background:#a7dbfc;border-radius:999px;flex:none;height:20px;position:relative;width:34px}.pill-toggle .switch:after{background:#6dc2fc;border-radius:50%;box-shadow:0 1px 2px #0003;content:"";height:16px;left:2px;position:absolute;top:2px;transition:left .2s ease;width:16px}.pill-toggle.selected{background:#8dccff;box-shadow:inset 0 0 0 1px #7c73f3}.pill-toggle.selected .switch{background:#a7dbfc}.pill-toggle.selected .switch:after{background:#0d2339;left:16px}.button-group{grid-gap:14px 20px;display:grid;gap:14px 20px;grid-template-columns:repeat(3,1fr);margin-top:10px}.button-group .pill-checkbox,.button-group .pill-toggle{width:100%}.form-actions{display:flex;justify-content:flex-end;margin-top:32px}.form-actions button{background:#7c73f3;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;padding:14px 0;width:200px}.antibiotic-toggle{display:flex;flex-wrap:nowrap;gap:12px;justify-content:flex-start;margin-top:8px}.antibiotic-row .antibiotic-toggle{flex:1 1}.antibiotic-row{grid-gap:20px;align-items:center;display:grid;gap:20px;grid-template-columns:1fr auto;width:100%}.antibiotic-row .antibiotic-toggle{display:flow;gap:10px;justify-self:start}.inline-submit{background:#8dccff;border:none;border-radius:10px;box-shadow:0 6px 18px #7c73f359;color:#fff;cursor:pointer;font-size:15px;font-weight:700;margin-left:auto;padding:12px 24px}.inline-submit:hover{filter:brightness(.98)}.antibiotic-pill{align-items:center;background:#dcf0ff;border:none;border-radius:10px;color:#3a2d5e;cursor:pointer;display:inline-flex;font-weight:600;gap:8px;margin-bottom:6px;margin-left:8px;padding:12px 20px;transition:background .2s,color .2s,box-shadow .2s,transform .1s}.antibiotic-pill input{opacity:0;pointer-events:none;position:absolute}.antibiotic-pill .check-icon{align-items:center;background:#dcf0ff;border-radius:6px;box-shadow:inset 0 0 0 2px #ddd2ff;color:#0000;display:inline-flex;font-size:12px;height:18px;justify-content:center;margin-left:auto;width:18px}.antibiotic-pill span:first-child{font-size:14px;line-height:1}.antibiotic-pill:active{transform:translateY(1px)}.antibiotic-pill.selected{background:#8dccff;box-shadow:0 6px 18px #7c73f359;color:#fff}.antibiotic-pill.selected .check-icon{background:#8dccff;box-shadow:none;color:#fff}.antibiotic-pill.no{background:#dcf0ff;margin-left:10px}.antibiotic-pill.no.selected{background:#8dccff;box-shadow:inset 0 0 0 1px #c9c3ff;color:#fff}@media (max-width:1024px){.checkbox-grid,.form-grid{grid-template-columns:repeat(2,fr)}.button-group{grid-template-columns:repeat(2,1fr)}.antibiotic-row{flex-wrap:nowrap}.inline-submit{width:200px}.row-flex{flex-wrap:wrap}}@media (max-width:700px){.new-microbiome-form{min-width:0}.form-header-row{gap:12px}.main-heading{font-size:1.2rem}.button-group,.checkbox-grid,.form-grid{grid-template-columns:1fr}.form-actions{justify-content:center}.row-flex{flex-direction:column;gap:8px}.form-group input,.form-group select{width:100%}.form-header-row h2{font-size:1.6rem}}@media (max-width:524px){.antibiotic-row{align-items:flex-start;display:flex;gap:50px;justify-content:flex-start}.inline-submit{width:100%}}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal-content{background:#fff;border-radius:12px;max-width:400px;padding:32px 24px;position:relative;text-align:center;width:100%}.modal-close{background:none;border:none;cursor:pointer;font-size:24px;position:absolute;right:12px;top:12px}.modal-image{margin-bottom:16px;width:80px}.subtext{color:#666;font-size:15px;margin-top:10px}@media (max-width:400px){.sample-return-form{gap:.7rem;max-width:95%!important;padding:.7rem .2rem;width:99vw}.sample-return-form h2{font-size:1.1rem}.sample-return-form label{font-size:.95rem}.sample-return-form input,.sample-return-form textarea{font-size:.95rem;padding:.5rem}.sample-return-form button{font-size:.95rem;padding:.7rem}}@media (max-width:300px){.sample-return-form{background-color:#0d2339;gap:.5rem;max-width:95%!important;padding:.3rem .1rem;width:100%}.sample-return-form h2{font-size:.9rem}.sample-return-form label{font-size:.85rem}.sample-return-form input,.sample-return-form textarea{font-size:.85rem;padding:.3rem}.sample-return-form button{font-size:.85rem;padding:.5rem}}@media (max-width:200px){.sample-return-form{gap:.3rem;max-width:95%;padding:.1rem 0;width:100%}.sample-return-form h2,.sample-return-form label{font-size:.7rem}.sample-return-form input,.sample-return-form textarea{font-size:.7rem;padding:.1rem}.sample-return-form button{font-size:.7rem;padding:.3rem}}@media (max-width:600px){.sample-return-form-wrapper{height:auto;min-height:100vh;overflow:auto;padding:0;width:100vw}.sample-return-form{border-radius:0;box-shadow:none;gap:1rem;height:auto;max-width:100%;min-height:100vh;padding:1.2rem .5rem;width:98vw}.sample-return-form h2{font-size:1.3rem;margin-bottom:1rem}.sample-return-form label{font-size:1rem;margin-bottom:.3rem}.sample-return-form input,.sample-return-form textarea{border-radius:6px;font-size:1rem;padding:.6rem .7rem}.sample-return-form button{font-size:1rem;margin-top:1rem;padding:.8rem}.info-note{font-size:.92rem;padding:.5rem .7rem}}.sample-return-form-wrapper{align-items:center;background:#f7f7fa;display:flex;height:100vh;justify-content:center;overflow:hidden;width:100vw}.sample-return-form{background:#fff;border-radius:18px;box-shadow:0 4px 32px #704fa026;display:flex;flex-direction:column;gap:1.5rem;height:90vh;margin-top:0;max-width:70%;overflow-y:auto;padding:2.5rem 1.5rem;scrollbar-color:#8dccff #f3f0fa;scrollbar-width:none;scrollbar-width:thin;width:100%}.sample-return-form h2{color:#0d2339;font-size:2rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.sample-return-form label{color:#070707;display:flex;flex-direction:column;font-size:1.08rem;font-weight:500;margin-bottom:.5rem}.sample-return-form input,.sample-return-form textarea{background:#dcf0ff;border:1.5px solid #6dc2fc;border-radius:8px;font-size:1.08rem;margin-top:.4rem;padding:.7rem 1rem;transition:border .2s}.sample-return-form input:focus,.sample-return-form textarea:focus{border-color:#8dccff;outline:none}.sample-return-form textarea{max-height:120px;min-height:40px;resize:vertical}.sample-return-form button{background:#0d2339;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.08rem;font-weight:600;letter-spacing:1px;margin-top:1.2rem;padding:1rem;transition:background .2s}.sample-return-form button:hover{background:#8dccff;color:#0d2339}.error{color:#c62828;font-size:.95rem;margin-top:2px}.success{color:#388e3c;font-size:1.08rem;margin-top:1rem;text-align:center}.info-note{background:#eff6fa;border-radius:6px;color:#121313;font-size:.98rem;margin-bottom:.5rem;padding:.7rem 1rem;text-align:left}.sample-return-form::-webkit-scrollbar{width:8px}.sample-return-form::-webkit-scrollbar-thumb{background:#704fa0;border-radius:8px}.sample-return-form::-webkit-scrollbar-track{background:#f3f0fa;border-radius:8px}
/*# sourceMappingURL=main.bd9affb9.css.map*/