:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{height:100%;margin:0}#root{display:flex;flex-direction:column;min-height:100%}h1{font-size:3.2em}button{color:#fff;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#3d99f5;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.logo{height:25px}.frontpage-logo{display:flex;justify-content:center;width:65%;height:auto;margin:auto;border-radius:20px}.frontpage-header,.service-header{margin-top:30px}.image-caption{margin-top:15px;text-align:center;font-size:2vw}.services-group{display:flex;gap:35px;justify-content:center;margin-top:25px}.card{width:18rem;border:1px solid black;box-shadow:0 1px;height:100%;width:100%}.display-6{font-size:1.2rem}.button_custom{margin-top:20px;margin-bottom:-5px}main{width:100%;margin-bottom:50px;margin-top:50px;padding:0 100px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media only screen and (max-width: 600px){main{padding:0 30px}.contact-section{gap:5px!important}}a{margin:0;padding:0;color:#000;text-decoration:none}h1{font-size:2rem;font-weight:700;margin-bottom:25px}footer{width:100%;margin-top:auto}.booking-form{width:100%;padding:20px;background-color:#00000007;border:solid 1px #646cff;border-radius:10px}.booking-form label{display:block;padding-bottom:10px;font-weight:500}.booking-form ::placeholder{color:#4a739c}.booking-form input,.booking-form textarea{width:100%;height:50px;padding:10px 0 10px 10px;background-color:#e7eaef;border:none;border-radius:5px;font-family:inherit;font-size:11pt}.booking-form textarea{height:100px;border:solid black 1px;border-radius:5px}.booking-form select{display:block;width:100%;height:fit-content;padding:10px 20px;background-color:#e7eaef;border:none;border-radius:5px;font-family:inherit;font-size:11pt;margin-bottom:25px}.booking-form div{margin-bottom:25px}.booking-form .submit{color:#fff;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#3d99f5;cursor:pointer;transition:border-color .25s}.banner{position:relative;z-index:4;background-image:url(https://stonehavendental.com/wp-content/uploads/2019/04/Types-of-Dentists.jpg);background-position-y:-35px;background-size:cover;width:100%;padding:0;margin:0;height:300px}.banner-aboutus{position:relative;z-index:4;background-image:url(https://media.istockphoto.com/id/687663822/photo/dentists-office-in-barcelona-medical-workers-portrait.jpg?s=612x612&w=0&k=20&c=7TyCaVrUp_BzXEU7G3CbyMkdouqCYwikb1Saz3GTL5c=);background-position-y:-35px;background-size:cover;width:50%;padding:0;margin:auto;height:300px}super{color:red}.react-calendar{width:100%}.react-calendar__navigation{display:flex}.react-calendar__navigation .react-calendar__navigation__label{font-weight:700}.react-calendar__navigation .react-calendar__navigation__arrow{flex-grow:.333}.react-candar__month-view__weekdays{text-align:center}.booking-form button{margin:3px;background-color:#e8edf5;border:0;border-radius:3px;color:#252525;padding:5px 0}.booking-form button:hover{background-color:#3d99f5;color:#fff}.booking-form button:active{background-color:#97c7f8;color:#fff}.react-calendar__month-view__days{display:grid!important;grid-template-columns:14.2% 14.2% 14.2% 14.2% 14.2% 14.2% 14.2%}.react-calendar__month-view__days .react-calendar__tile{max-width:initial!important}.react-calendar__month-view__days__day--neighboringMonth{opacity:.3}.react-calendar__tile--range{background-color:#3d99f5!important;box-shadow:0 0 2px .2px #97c7f8;color:#fff!important}.react-calendar__year-view__months,.react-calendar__decade-view__years{display:grid!important;grid-template-columns:20% 20% 20% 20% 20%}.react-calendar__year-view__months.react-calendar__year-view__months,.react-calendar__decade-view__years.react-calendar__year-view__months{grid-template-columns:33.3% 33.3% 33.3%}.react-calendar__year-view__months .react-calendar__tile,.react-calendar__decade-view__years .react-calendar__tile{max-width:initial!important}input,select{border:1px solid black!important}nav{padding:20px 30px 15px;border-bottom:solid #646cff 2px}nav h4,nav h5{margin:0;display:inline-block}nav .butt{color:#fff;border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-weight:500;font-size:.9em;background-color:#3d99f5!important;cursor:pointer}@media all and (max-width: 600px){nav .butt{font-size:.7em}}nav .butt:hover{cursor:pointer;box-shadow:0 0 9px 1px #646cff8c}footer{margin-top:50px;padding-top:30px;padding-bottom:30px;text-align:center;background-color:#d3d3d3}