body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{margin:0;padding:0}a{text-decoration:none}.clearfix:after{display:block;content:"";clear:both}.container{max-width:1140px;padding:0 15px;margin:0 auto}.btn{color:#fff;text-decoration:none;font-weight:700;padding:10px 20px;border:none;border-radius:2px;cursor:pointer;text-transform:uppercase;background:linear-gradient(90deg,#19d3ae,#0fcfca)}.colorPrimary{color:#0fcfca}.popup{width:100%;height:100vh;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:2000;opacity:0;visibility:hidden;overflow:auto;transition:all .2s ease}.popupContent{width:600px;background-color:#fff;box-shadow:0 2rem 4rem rgba(#000,.2);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:.3rem;display:table;overflow:hidden;position:relative;opacity:0;transform:translate(-50%,-50%) scale(.3);transition:all .3s ease .1s;text-align:center;padding:30px 10px}.popup:target{opacity:1;visibility:visible}.popup:target .popupContent{opacity:1;transform:translate(-50%,-50%) scale(1)}.popupClose:link,.popupClose:visited{color:#777;text-decoration:none;position:absolute;top:5px;right:15px;font-size:30px;font-weight:700;line-height:1}.popupClose:active,.popupClose:hover{color:#0fcfca}.popupHeading{margin-bottom:30px}header{background-color:#fff}header .container{display:flex;align-items:center;justify-content:space-between}header .logo{padding:10px 0}header .logo img{height:60px}header .menu{list-style-type:none;padding:20px 0}header .menu li{display:inline-block;padding:5px 10px;margin:0 5px}header .menu li a{color:#777;font-weight:700}.heroHeading{margin-bottom:20px;font-size:40px;font-weight:300}.heroIntro{margin-bottom:50px;color:#b4b4b4;width:80%}.hero{background-image:url(/static/media/MaskGroup2.f843a8b8.png);background-repeat:no-repeat;background-size:cover;background-position:50%;min-height:100vh}.hero,.heroInner{display:grid;align-items:center}.heroInner{grid-template-columns:repeat(2,1fr)}.half{padding:0 10px}.half img{width:100%}.appointments{max-width:1140px;margin:0 auto;padding:80px 15px}.appointments>h2{font-size:35px;margin-bottom:50px;text-align:center;color:#0fcfca}.appointmentsServices{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:60px 30px}.singleAppointment{text-align:center;padding:50px 10px;box-shadow:0 0 25px 0 #ddd}.singleAppointment h3{color:#0fcfca;margin-bottom:10px}.singleAppointment h4{margin-bottom:10px}.singleAppointment p{margin-bottom:40px;text-transform:uppercase}.appointmentForm input,.appointmentForm select{width:90%;padding:11px 15px;border:1px solid #ddd;border-radius:5px;display:block;margin:0 auto}.appointmentForm select{width:100%;padding:10px 14px}.twoChild{display:grid;grid-template-columns:repeat(2,1fr)}.twoChild>*{width:80%!important}.threeChild{display:grid;grid-template-columns:repeat(3,1fr)}.threeChild>*{width:70%!important}.doctorPage{display:grid;grid-template-columns:1fr 4fr}.doctorNav{background:linear-gradient(180deg,#19d3ae,#0fcfea);min-height:100vh;padding:0 20px 0 30px;display:flex;flex-direction:column;justify-content:space-between}.doctorNav ul{margin:50px 0;list-style-type:none}.doctorNav .logout{margin-bottom:30px}.doctorNav a{color:#fff;font-weight:600;margin-bottom:8px;display:inline-block}.doctorNav a svg{margin-right:5px}.doctorComponent{padding:20px;background-color:#f2fbfa}.bgRed{background:#f1536e}.bgGreen{background:#00c689}.bgInfo{background:#3da5f4}.appointmentSummary{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:30px;margin:50px 0}.appointmentSummary>div{color:#fff;border-radius:8px;padding:15px;display:flex;align-items:center}.appointmentSummary .pendingAppoint{background-color:#f1536e}.appointmentSummary .todaysAppoint{background-color:#3da5f4}.appointmentSummary .totalAppoint{background-color:#00c689}.appointmentSummary .totalPatients{background-color:#fda006}.appointmentSummary h2{font-size:45px;font-weight:500;margin-right:20px}.notAdded{font-weight:700;cursor:pointer}.doctorPage textarea{width:95%;height:200px;padding:15px}.doctorPage select,.doctorPage textarea{font-size:16px;border-radius:10px;border:1px solid #ddd}.doctorPage select{min-width:200px;padding:8px 10px}.appointmentPage .appointment{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px}.flex{display:flex;align-items:center;justify-content:space-between}
/*# sourceMappingURL=main.fd4d5e34.chunk.css.map */