body{margin:0;padding:0}.booking{background:#dcf1ff44;margin-top:0!important;padding:2rem 0rem;min-height:100vh;height:100%!important;box-sizing:border-box}.headingAppointment{padding-top:5rem}.headingAppointment h1{font-weight:700!important;color:#282828db}.dateSection{margin-top:2rem!important;background-color:#fff;border:2px solid rgb(224,218,218)!important;width:70%;margin:0 auto;padding:1rem 2rem;border-radius:1rem;transition:all .3s ease-in-out}.dateSection:hover{box-shadow:0 4px 12px #00000026}.dateSection i{color:#3173ee;font-size:1.5rem!important;font-weight:300!important}.dateSection h4{display:inline-block;margin-left:.25rem;font-weight:500}.dateCards{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-around}.dateBox{border:1px solid black;width:11.75%;padding:1rem;margin:.5rem;height:5rem;border-radius:1rem;transition:all .1s ease-in-out}.dateBox h5{margin-bottom:0!important;font-size:1.1rem!important}.dateBox:hover{border:2px solid rgb(49,115,238)}.selectedDate{background-color:#5086eb;color:#fff!important}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.slotSection{margin-top:2rem!important;background-color:#fff;border:2px solid rgb(224,218,218)!important;width:70%;margin:0 auto;padding:1rem 2rem;border-radius:1rem;animation:slideUp .8s ease-in-out;transition:all .3s ease-in-out}.slotSection:hover{box-shadow:0 4px 12px #00000026}.slotSection i{color:#3173ee;font-size:1.5rem!important;font-weight:300!important}.slotSection h4{display:inline-block;margin-left:.25rem;font-weight:500}.slotCards{display:flex;justify-content:space-evenly}.slotBox{border:1px solid black;text-align:center;width:10rem;height:6rem;margin-top:1rem;border-radius:2rem}.slotBox h5{margin-top:1rem}.slotBox:hover{border:2px solid rgb(49,115,238)}.slotNumber{background-color:#d8d8d8ae;width:fit-content;margin:0 auto;border-radius:1.75rem;padding:0 1rem;font-size:.85rem;font-weight:600}.full{background-color:#eb4343de;color:#fff}.disabled{opacity:.5}.selectedSlot{background-color:#5086eb;color:#fff!important}.selectedSlot .slotNumber{background-color:#f2f7f7;color:#000}.patientDiv{margin-top:2rem!important;background-color:#fff;border:2px solid rgb(224,218,218)!important;width:70%;margin:0 auto;padding:1rem 2rem;border-radius:1rem;animation:slideUp 1s ease-in-out;transition:all .3s ease-in-out}.patientDiv:hover{box-shadow:0 4px 12px #00000026}.patientDiv i{font-size:1.2rem!important}.patientDiv h4{display:inline-block;margin-left:.3rem;font-weight:500;padding-top:.25rem}.patientDiv .row div{width:50%}.patientDiv .row div>input{width:100%;border-radius:1rem!important;background-color:#faf8f8c4}.patientDiv .confirmButton{background-color:#3173ee;border:none;color:#fff;margin-left:35%!important;margin-top:2rem!important;border-radius:1rem;padding:.3rem 4rem;transition:all .5s ease-in-out}.patientDiv .confirmButton:hover{transform:scale(1.12)}.confirmDiv{margin-top:2rem!important;background-color:#fff;border:1px solid rgb(80,134,235)!important;width:70%;margin:0 auto;padding:2rem;border-radius:1rem;animation:slideUp 1s ease-in-out;transition:all .3s ease-in-out}.confirmDiv:hover{box-shadow:0 4px 12px #00000026}.confirmDiv i{color:#3173ee;font-size:3.5rem}.confirmDiv button i{font-size:1.5rem;color:#fff}.confirmDiv button{font-size:1.25rem;background-color:#3173ee;color:#fff!important;border:none;font-weight:500;padding:.5rem 3rem;border-radius:2rem;margin-top:.5rem}.confirmDiv button:hover{opacity:.9}@media (max-width: 578px){.headingAppointment{margin-top:7rem}.sessionpara{font-size:1.5rem;width:100%!important;padding-inline:1.25rem!important}.dateSection{width:90%}.dateBox{border:1px solid black;width:40%;padding:1rem;margin:.5rem;height:5rem;border-radius:1rem;transition:all .1s ease-in-out}.slotSection{width:90%}.slotCards{display:flex;justify-content:space-around!important;flex-wrap:wrap!important;flex-direction:row}.slotBox{width:7.5rem!important;height:5.5rem}.slotBox h5{font-size:1rem}.slotNumber{width:85%}.patientDiv{width:90%}.patientDiv .row div{width:100%;margin-top:1rem!important;font-size:1.1rem}.patientDiv .confirmButton{background-color:#3173ee;border:none;color:#fff;margin-left:15%!important;margin-top:2rem!important;border-radius:1rem;padding:.3rem 3rem;transition:all .5s ease-in-out}.confirmDiv{margin-top:2rem!important;width:90%;padding-inline:0}}#outline{stroke-dasharray:2.42777px,242.77666px;stroke-dashoffset:0;-webkit-animation:anim 1.6s linear infinite;animation:anim 1.6s linear infinite}@-webkit-keyframes anim{12.5%{stroke-dasharray:33.98873px,242.77666px;stroke-dashoffset:-26.70543px}43.75%{stroke-dasharray:84.97183px,242.77666px;stroke-dashoffset:-84.97183px}to{stroke-dasharray:2.42777px,242.77666px;stroke-dashoffset:-240.34889px}}@keyframes anim{12.5%{stroke-dasharray:33.98873px,242.77666px;stroke-dashoffset:-26.70543px}43.75%{stroke-dasharray:84.97183px,242.77666px;stroke-dashoffset:-84.97183px}to{stroke-dasharray:2.42777px,242.77666px;stroke-dashoffset:-240.34889px}}.hero{background-color:#f0f8ff;text-align:center}.trust{background-color:#bcecbc4d;width:15rem;text-align:center;padding:.5rem 1rem;border-radius:2rem;color:#03bc03;align-self:center;margin-top:5rem}.heroHeading1{color:#373535}.heroHeading2{color:#3173ee}.herobtns button{text-align:center;width:300px;border-radius:1rem;border:none;font-size:1.5rem;padding:.25rem 1rem}.heroBtn1{background-color:#3173ee;color:#fff;transition:all .5s ease-in-out}.heroBtn2{margin-inline-start:1rem;background-color:#fff;transition:all .5s ease-in-out}.heroBtn1:hover{transform:scale(1.03)}.heroBtn2:hover{transform:scale(1.03);color:#3173ee;background-color:#cfe5f98c}.metric-num{color:#3173ee}.testimonial{background-color:#f5f5f590}.upper{text-align:center}.upperDiv{width:40rem;margin:0 auto}.testimonialheading{padding-top:.5rem}.lowerDiv{width:20%;text-align:center;height:17rem;padding:.75rem;background-color:#fff;border-radius:2rem}.logo{font-size:2.5rem;margin-bottom:1rem;background:linear-gradient(to bottom right,#5dabea 80%,#fff 120%);box-shadow:0 8px 20px #00000026;color:#fff;padding:auto;padding-top:.2rem;width:4rem;height:4rem;margin:0 auto;margin-top:.5rem;border-radius:1rem;transition:all .3s ease-in-out}.lowerDiv:hover{border:1px solid rgb(49,115,238)}.lowerDiv:hover .logo{transform:scale(1.1)}.main{background-color:#f0f8ff;padding:3rem}.main h1{margin-top:5rem;color:#000}.sessionpara{width:50%;margin:1.5rem auto;font-size:1.25rem}.main button{background-color:#3173ee;color:#fff;border:none;padding:.5rem 3rem;border-radius:2rem;transition:all .5s ease-in-out}.main button:hover{transform:scale(1.1)}.navbar{height:4rem;background:#ffffff1a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(-5px);border-bottom:1px solid rgba(255,255,255,.15);color:#000;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.leftDiv{display:flex}.leftDiv-Link{text-decoration:none}.leftDiv .logo{margin-bottom:1rem;background:linear-gradient(to bottom right,#5dabea 80%,#fff 120%);box-shadow:0 8px 20px #00000026;color:#fff;width:2.5rem;height:2.5rem;margin:0 auto;border-radius:1rem;transition:all .3s ease-in-out;margin-left:1rem;display:flex;justify-content:center;align-items:center;align-self:center}.icon{color:#fff;font-size:1.5rem;font-weight:100}.leftDiv h3{margin-left:.5rem;margin-top:.5rem}.midDiv .navlink{text-decoration:none;margin-inline:.3rem;background:transparent;border:none;color:#000;border-radius:1.5rem;padding:.4rem 1rem;transition:all .2s ease-in-out}.navlink:hover{color:#3173ee;background-color:#cfe5f98c}.selected{background:#3b77e5!important;color:#fff!important}.navlink .selected:hover{opacity:.9;color:#fff!important}.selected{background:#3b77e5!important;color:#fff}.selected:hover{opacity:.9;color:#fff!important}.rightDiv .profile{display:flex;justify-content:center;align-items:center;margin-right:2rem;background-color:#f5f5f5;padding:.15rem 1rem;border-radius:1.5rem;border:1px solid gainsboro}.profileNavlink .profile:hover{background-color:#cfe5f98c!important}.profile i{align-self:center;font-weight:100!important}.profile h5{align-self:center;font-size:1rem;margin-top:.25rem;font-weight:500}.profileNavlink{text-decoration:none}.profile:hover h5,.profile:hover i{color:#3c7aed!important}.signUpBox{margin:8rem auto!important;transition:all .5s ease-in-out}.signUpBox:hover{box-shadow:0 0 15px #0003,0 0 20px #0000001a}.verified{color:#34d634!important;margin:0 auto!important}.profileContainer{margin-top:7rem;text-align:left}.profileContainer input{padding:1rem!important;width:20rem!important;border:none;border-bottom:1px solid black;font-size:1.12rem}.profileContainer label{font-size:1.12rem}.profileContainer button{padding:.5rem 2rem;border-radius:2rem;font-size:1.12rem;border:1px solid black;transition:all .5s ease-in-out}.profileContainer button:hover{transform:scale(1.12);background-color:#3c7aed;color:#fff;border:none}@media (max-width: 576px){body{margin:0!important;padding:0!important}.navbar{display:none}.phoneNavbar{width:100%}.upper{background:#ffffff1a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(-5px);width:100%!important;margin-top:0!important;height:4.5rem;display:flex;justify-content:space-between;align-content:center;border-bottom:1px solid rgba(151,147,147,.588)}.logo{width:3rem;height:3rem;padding:0rem .55rem!important;margin-top:0!important;font-size:1.5rem;display:flex;justify-content:center;align-items:center!important;align-self:center!important}.upperleftDiv{display:flex;margin-left:.5rem;justify-content:center;align-content:center!important;align-self:center!important}.upperleftDiv h3{margin-left:.35rem;margin-top:auto;font-size:1.5rem;font-weight:bolder}.upperleftDiv-Link{text-decoration:none;display:flex}.upperRightDiv{display:flex;margin-right:1rem;justify-self:center!important;align-self:center!important;height:fit-content;border-radius:1rem!important}.profile{background-color:#93c6f68c!important;display:flex!important;justify-content:center!important;align-self:center!important;align-content:center!important;height:fit-content;width:fit-content;border-radius:1rem!important;text-align:center!important;padding-inline:.75rem}.lower{background:#ffffff1a;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(-5px);width:100%;padding-top:1rem;padding-bottom:1rem;display:flex;justify-content:space-evenly}.lower i{width:100%}.lower a{text-decoration:none!important;color:#000!important}.lower i{display:block;margin-bottom:.75rem}.first{width:4rem;height:5rem;margin-left:1rem;text-align:center;padding-top:.5rem;border-radius:1rem;font-size:1.12rem}.second{width:10rem;text-align:center;padding-top:.5rem;border-radius:1rem;font-size:1.12rem;margin-left:0!important}.third{width:6rem;height:5rem;text-align:center;padding-top:.5rem;border-radius:1rem;padding-inline:.5rem;margin-right:.5rem;font-size:1.1rem;margin-left:0!important}.phoneSelected{background:#3b77e5!important;color:#fff!important}.phoneSelected i,.phoneSelected span{color:#fff!important}.testimonial{overflow:hidden}.signUpBox{margin-top:11.5rem!important}.hero{margin-top:11.35rem}.trust{margin-top:2!important}.heroHeadings{padding:0!important;margin-top:0!important}.heroHeading1,.heroHeading2{font-size:2.6rem!important;padding:0!important;width:100%!important}.herobtns{display:flex;flex-direction:column;margin-inline:0!important;width:100%}.heroBtn2{margin-inline:0!important;margin-top:1rem}.upperDiv{display:flex;flex-direction:column;text-align:center;width:fit-content}.lowerDiv{width:90%;margin:1rem}.lowerDiv .logo{margin-top:2rem!important;margin-bottom:1rem!important}.lowerDiv:hover{border:1px solid rgb(49,115,238)}.lowerDiv:hover .logo{transform:scale(1.35)}.session{width:100%!important;padding:0!important;margin:0!important}.sessionContainer{width:100%!important;padding:0!important}.session h1{padding-top:2rem;margin-top:0}.main{padding:0!important}.para{width:1rem!important;padding-inline:1rem;margin:0!important}.profileContainer{margin-top:12rem}.profileContainer input{padding-inline:1rem!important;width:100%!important;border:none;border-bottom:1px solid black;font-size:1.12rem;text-align:left!important}.profileContainer label{font-size:1.25rem;text-align:left!important}.profileContainer button{padding:.5rem 2rem;border-radius:2rem;text-align:center!important;margin-left:7rem;font-size:1.12rem;border:1px solid black;transition:all .5s ease-in-out}.profileContainer button:hover{transform:scale(1.12);background-color:#3c7aed;color:#fff;border:none}}.bookingMain{background:#dcf1ff44;margin-top:0!important;padding-top:2rem 0rem;padding-bottom:1rem!important}.headingMain{padding-top:6rem}.para{font-size:1.4rem;padding:0 1rem;width:70%!important;margin-top:.25rem!important}.togglebtn{background-color:#f0f0f0;width:fit-content;margin:0 auto;padding:.25rem;border-radius:.5rem}.togglebtn button{border-radius:.5rem;padding:.25rem 1rem;width:15rem;background:transparent;border:none;color:#6c757d;opacity:.8}.togglebtn .checked{background-color:#fff;opacity:1;color:#000}.appointmentSection{margin-top:2rem!important;background-color:#fff;border:2px solid rgb(224,218,218)!important;width:70%;margin:0 auto;padding:4rem 5rem;border-radius:1rem;transition:all .3s ease-in-out}.appointmentSection:hover{box-shadow:0 4px 12px #00000026}.exclamationLogo{font-size:3rem!important;margin-bottom:1rem;color:#424242}.appointmentSection p{font-size:1.25rem}.appointmentSection button{text-align:center;width:fit-content;border-radius:.5rem;border:none;font-size:1.2rem;padding:.25rem 1.5rem;background-color:#3173ee;color:#fff;transition:all .2s ease-in-out}.appointmentSection button:hover{color:#fff;transform:scale(1.05);opacity:.9}.quickActionSection{margin-top:2rem!important;background-color:#fff;border:2px solid rgb(224,218,218)!important;width:70%;margin:0 auto;margin-bottom:1rem;padding:2rem 3rem;border-radius:1rem;transition:all .2s ease-in-out}.quickActionSection h3{text-align:left}.quickActionSection:hover{box-shadow:0 4px 12px #00000026}.quickBtn button{width:50%;margin-inline:.5rem;border-radius:.5rem;padding:.5rem;border:none;transition:all .2s ease-in-out}.quickBtn a{display:inline-block;text-decoration:none;color:inherit}.quickBtn1{background-color:#3173ee;color:#fff}.quickBtn button:hover{opacity:.9;transform:scale(1.05)}.quickBtn2:hover{color:#3173ee;background-color:#cfe5f98c}.appointmentCard{width:70%;margin:0 auto;background-color:#fff;border-radius:1rem;padding:2rem;font-size:1.12rem!important;transition:all .5s ease-in-out}.appointmentCard{text-align:left}.headDiv{display:flex;justify-content:space-between}.headDiv .icons{margin-right:1rem}.headDiv .icons button{font-size:1.12rem;margin-inline:1rem;transition:transform .4s ease-in-out;border-radius:1rem;padding:.15rem 1.5rem}.headDiv .icons button:hover{transform:scale(1.12);color:#fff;border:none;background-color:#3173ee}.appointmentCard:hover{border:1px solid rgb(49,115,238);transform:scale(1.005);box-shadow:0 4px 12px #00000026}.confirmCapsule{display:inline-block;background-color:#21e421;padding:.15rem 1rem;font-size:.85rem;border-radius:1rem;color:#fff}.cancelCapsule{display:inline-block;background-color:#d92222;padding:.15rem 1rem;font-size:.85rem;border-radius:1rem;color:#fff}.editSlots{display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row}.editSlotBox{width:40%;border:1px solid black;text-align:center;margin:1rem;padding:0 1.5rem;border-radius:1rem}.editSlotBox h5{margin-top:1rem;font-size:1rem}.editSlotBox:hover{border:1px solid rgb(49,115,238)}.editSlotNumber{background-color:#d8d8d8ae;border-radius:1rem;width:fit-content;padding-inline:.75rem;font-size:.75rem;margin:0 auto;margin-bottom:.5rem}.editSelectedSlot .editSlotNumber{background-color:#f2f7f7;color:#000}.editDisabled{opacity:.5;pointer-events:none}.editFull{background-color:red!important;color:#fff;opacity:1!important}.editSelectedSlot{background-color:#5086eb;color:#fff!important}.confirmIcon{display:none}@media (max-width:578px){.bookingMain{padding:7rem 0}.togglebtn{background-color:#f0f0f0;width:90%}.togglebtn button{width:50%!important}.togglebtn .checked{background-color:#fff;opacity:1;color:#000}.appointmentSection{width:90%;padding:1rem 2rem}.appointmentSection:hover{box-shadow:0 4px 12px #00000026}.exclamationLogo{font-size:3rem!important;margin-bottom:1rem;color:#424242}.appointmentSection p{font-size:1.25rem}.appointmentSection button{text-align:center;width:fit-content;border-radius:.5rem;border:none;font-size:1.12rem;padding:.25rem .97rem;background-color:#3173ee;color:#fff;transition:all .2s ease-in-out}.appointmentSection button:hover{color:#fff;transform:scale(1.05);opacity:.9}.appointmentCard{width:90%;padding:.75rem .5rem}.headDiv{padding-bottom:1rem;border-bottom:1px solid rgba(121,115,115,.393);flex-direction:row;align-content:center!important}.headDiv span{display:none}.headDiv .icons button{font-size:1rem;margin-inline:.12rem;transition:transform .4s ease-in-out;border-radius:1rem;padding:.15rem .5rem}.headDiv h4{display:inline-block;font-size:2rem}.confirmCapsule{display:none}.phoneConfirmCapsule{background-color:#21e421;padding:.15rem 1rem;font-size:.85rem;border-radius:1rem;color:#fff;width:1rem!important}.confirmIcon{display:inline-block!important;color:#21e421;font-size:1.25rem}.deleteModal,.editModal{width:90%!important}.editSlots{display:flex;justify-content:space-around;flex-wrap:wrap;flex-direction:row}.editSlotBox{width:7.5rem;border:1px solid black;text-align:center;border-radius:1rem;margin:0!important;margin-top:.5rem!important;padding:0!important}.editSlotNumber{background-color:#d8d8d8ae;border-radius:1rem;width:85%;padding-inline:.25!important;font-size:.85rem;margin:0 auto!important;margin-bottom:.5rem!important}.quickActionSection{margin-top:2rem!important;background-color:#fff;border:2px solid rgb(224,218,218)!important;width:90%;margin:0 auto;padding:1rem 1.5rem;margin-bottom:0!important}.quickActionSection h3{text-align:left!important}.quickActionSection:hover{box-shadow:0 4px 12px #00000026}.quickBtn button{width:50%;margin-inline:.5rem;border-radius:.5rem;padding:.5rem;border:none;transition:all .2s ease-in-out}.quickActionSection h3{font-size:1.75rem;text-align:left!important}.quickBtn{flex-direction:column;padding:0!important}.quickBtn1,.quickBtn2{width:100%!important}}