*{margin:0;padding:0;box-sizing:border-box;font-family:Poppins,sans-serif}main{overflow-x:hidden}.main-content{display:flex;width:100vw;height:85vh}.left-right,.right-card{width:44vw;margin-left:4vw;display:flex;flex-direction:column;justify-content:space-between;background-color:#cbf5ff;border-radius:20px;padding:30px;color:#1a5668}.rating{display:flex;justify-content:center;background-color:#eaf9fd;width:30%;padding:8px;gap:10px;border-radius:20px}.main-info{display:flex;flex-direction:column;gap:30px}.main-info h1{font-size:3.7rem;font-weight:400}.main-info p{font-size:1.3rem;width:80%}.main-content-buttons{display:flex;gap:10px}.button-1,.button-2{padding:12px 30px;border-radius:10px;cursor:pointer}.button-1{background-color:#1a5668;color:#fff;border:none;transition:transform .3s ease}.button-2{background-color:transparent;color:#1a5668;border:1px solid rgb(26,86,104);transition:transform .3s ease}.button-1:hover,.button-2:hover,.get-1:hover,.get-2:hover{transform:translateY(-5px)}.cards{display:flex;width:90%;gap:20px}.card-1,.card-2{border-radius:20px;width:90%;display:flex;justify-content:space-between;flex-direction:column;font-weight:600;height:15vh;padding:20px}.card-1 p,.card-2 p{width:35%}.card-1 button,.card-2 button{width:40px;border:none;display:flex;justify-content:center;border-radius:50%}.card-1 img,.card-2 img{padding:5px}.card-1 button{background-color:#532222}.card-2 button{background-color:#55314d}.card-1{background-image:url(/assets/3-D_oksipF.png);background-repeat:no-repeat;background-size:cover;color:#fff}.card-2{background-image:url(/assets/4-Bq5AtQse.png);background-repeat:no-repeat;background-size:cover;color:#833e77}.right-card{background-image:url(/assets/bg-right-1-Cet7i8HH.png);background-repeat:no-repeat;background-size:cover;display:flex;justify-content:flex-end}.cards-right{display:flex;justify-content:center;gap:30px}.card-right{border-radius:20px;padding:30px;width:30%;height:15vh;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.features-services{color:#1a5668;height:60vh;margin-top:100px;margin-bottom:100px;width:92vw;display:flex;margin-left:4vw;gap:16px}.features h2{margin-top:7vh;font-size:3rem}.features{width:30vw;display:flex;flex-direction:column;justify-content:space-between}.features-cards{display:flex;flex-direction:column;gap:5px}.features-card{display:flex;background-color:#f2f7f7;padding:20px;border-radius:20px;font-size:1.2rem;font-weight:600}.consultation{width:70vw;display:flex;gap:30px;background-color:#f2f7f7;border-radius:20px;padding-left:4vw;padding-top:7vh;padding-bottom:7vh}.consultation-links hr{width:97%;margin-left:10px;border:1px solid rgb(26,86,104)}.consultation-img img{border-radius:20px}.consultation-info{display:flex;flex-direction:column;justify-content:space-between}.consultation-info h2{font-size:3rem}.links{width:40vw;display:flex;justify-content:space-between;padding:10px}.links img{padding:4px;background-color:#1a5668;border-radius:50%;cursor:pointer}.section-committed{background-color:#f2f7f7;display:flex;margin-left:4vw;margin-right:4vw;border-radius:20px;margin-bottom:100px;color:#1a5668}.committed-info{padding:20px;display:flex;flex-direction:column;justify-content:space-between}.committed-info h2{font-size:3.5rem}.committed-info p{font-size:1.2rem;width:80%}.committed-links{display:flex;gap:10px;padding-top:20px}.committed-links img{padding:5px}.committed-right img{border-radius:20px}.get-in-touch{background-image:url(/assets/11-9XPPXvML.png);background-size:cover;background-repeat:no-repeat;height:80vh;margin-left:4vw;margin-right:4vw;border-radius:20px;margin-bottom:100px;color:#1a5668}.get-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:50px}.get-content h2{font-size:3.5rem;font-weight:400}.get-content p{font-size:1.2rem;font-weight:600}.get-buttons{display:flex;gap:30px}.get-buttons buttons{padding:12px 30px;border-radius:20px}.get-1{background-color:#1a5668;color:#fff;font-weight:600;cursor:pointer}.get-2{border:2px solid rgb(26,86,104);font-weight:600;cursor:pointer}.get-1,.get-2{transition:transform .3s ease}@media (max-width: 1440px){.main-content h1{font-size:2.5rem}.cards{margin-top:30px}.card-1,.card-2{height:auto}.left-right{padding:20px}.rating{width:40%}.features-services{height:auto}.consultation-img img{height:100%}.section-committed{flex-direction:column}.committed-right{display:none}.committed-right img{width:100%}}@media (max-width: 1290px) and (max-height: 820px){.left-right h1{font-size:2rem}.left-right{pad:50px}.card-1,.card-2{padding:10px;height:150px}.consultation-img img{height:100%}}@media (max-width: 1024px){.main-content{flex-direction:column;align-items:center;height:auto;gap:30px}.left-right,.right-card{width:90%;margin-left:0}.rating{width:20vw}.cards{margin-top:50px}.features-services{flex-direction:column}.section-committed{margin-top:900px;flex-direction:column}.consultation h2,.consultation-links{margin-left:-25px}.consultation-img img{height:400px;padding-left:300px}.features,.consultation{flex-direction:column;width:100%;gap:20px}.links{width:100%;flex-wrap:wrap;justify-content:space-between;gap:20px}.get-content h2{font-size:2rem}.get-content img{width:30vw}}@media (max-width: 768px){.rating{width:35%}.main-content-buttons{justify-content:center;margin-bottom:30px}.main-info h1{font-size:2.5rem}.main-info p{font-size:1rem;width:100%}.cards{flex-direction:column;align-items:center;width:100%}.card-1,.card-2{width:100%;height:250px}.cards-right{flex-direction:column;align-items:center;gap:15px}.card-right{width:80%;height:auto}.features h2,.consultation-info h2,.committed-info h2,.get-content h2{font-size:2rem;text-align:center}.features-cards{width:100%}.features-services{margin-top:-30px;flex-direction:column}.features,.consultation,.section-committed,.get-in-touch{flex-direction:column;align-items:center;width:100%}.committed-right img{width:100%}.section-committed{flex-direction:column;margin-top:800px;width:90%}.links{justify-content:space-between}.get-in-touch{width:90%}.committed-info p,.get-content p{font-size:1rem;width:100%;text-align:center}.get-buttons{flex-direction:column;width:100%;align-items:center}.get-buttons button{width:80%}}@media (max-width: 480px){.main-info h1{font-size:1.7rem}.rating{width:80%}.main-info p,.committed-info p,.get-content p{font-size:.9rem}.features-services{margin-top:-30px;flex-direction:column}.features-cards{width:100%}.features h2,.consultation-info h2,.committed-info h2,.get-content h2{font-size:1.5rem}.card-1,.card-2,.card-right{margin-top:20px;width:100%;padding:15px}.consultation{flex-direction:column;padding:20px}.consultation-img{justify-content:center;align-items:center}.consultation-img img{margin-right:300px}.links{font-size:.8rem;justify-content:space-between}.links p{width:80%}.consultation-links hr{width:100%}.section-committed{margin-top:750px;width:90%}.committed-right img{width:100%}.get-in-touch{width:90%}.get-in-touch img{width:60%}}.logo a{text-decoration:none;color:#000;font-size:1.5rem;font-weight:300}.header{display:flex;justify-content:space-between;align-items:center;padding:20px;height:10vh}.menu-nav{display:flex;align-items:center;gap:30px;font-weight:700}.menu-nav span{color:#26b809}.menu-nav ul{display:flex;align-items:center;gap:30px;list-style:none;color:#000}.menu-nav ul li{cursor:pointer}.menu-nav li:hover{transform:scale(1.1)}.menu-nav button{padding:7px 25px;border-radius:20px;border:1px solid black;background-color:transparent;cursor:pointer;font-weight:700}.menu-nav button:hover{background-color:#000;color:#fff}.signin-btn{border-radius:20px;background-color:#64b354!important;color:#fff!important;border:none!important}.signin-btn:hover{background-color:#26b809!important}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background-color:#000;border-radius:3px}@media (max-width: 768px){.menu-nav{position:absolute;top:70px;right:0;background-color:#fff;flex-direction:column;align-items:flex-start;width:200px;padding:20px;gap:20px;border-left:1px solid #ccc;border-bottom:1px solid #ccc;display:none;box-shadow:-2px 2px 8px #0000001a}.menu-nav.open{display:flex}.menu-nav ul{flex-direction:column;gap:15px}.menu-nav ul li{font-size:1rem}.menu-nav button,.menu-nav .signin-btn{width:100%}.hamburger{display:flex}}@media (max-width: 480px){.header{flex-direction:row;justify-content:space-between;padding:15px}.menu-nav{align-items:center}.logo a{font-size:1.2rem}}.RegisterPage{background-image:url(/assets/bg-login-DahMpzN5.png);background-repeat:no-repeat;background-size:cover;min-height:90vh;display:flex;align-items:center;justify-content:center;padding:20px 0}.register-form{border-radius:10px;padding:20px;width:20vw;min-width:300px;min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff6;gap:15px;box-sizing:border-box}.register-form p{font-weight:600}.register-form input{margin-bottom:5px;width:15vw;min-width:200px;border-radius:10px;padding:10px;border:none}.register-form input:focus{box-shadow:0 0 5px #0000004d;outline:none}.register-forget{display:flex;justify-content:flex-end}.register-form button{margin-top:10px;margin-bottom:30px;display:flex;width:15vw;min-width:200px;padding:15px;justify-content:center;border-radius:10px;background-color:#8d8dbe;border:none;color:#fff}.register-form button:hover{cursor:pointer;background-color:#a2a2c2}.error-message{color:red;margin-bottom:10px}.success-message{color:green;margin-bottom:10px}@media (max-width: 1024px),(max-height: 600px){.register-form{width:40vw;min-width:280px;min-height:350px;height:auto}.register-form input,.register-form button{width:30vw;min-width:200px}}@media (max-width: 768px){.register-form{width:80vw;height:auto;padding:20px}.register-form input,.register-form button{width:70vw}.register-form button{padding:12px}}@media (max-width: 375px){.register-form input,.register-form button{width:70vw}.register-form{gap:10px}}.LoginPage{background-image:url(/assets/bg-login-DahMpzN5.png);background-repeat:no-repeat;background-size:cover;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px 0}.login-form{border-radius:10px;padding:20px;width:20vw;min-width:300px;min-height:400px;display:flex;align-items:center;justify-content:center;flex-direction:column;background-color:#fff6;gap:15px;box-sizing:border-box}.login-form input{width:15vw;min-width:200px;border-radius:10px;padding:10px;border:none}.login-form button{margin-top:10px;margin-bottom:30px;width:15vw;min-width:200px;padding:15px;border-radius:10px;background-color:#8d8dbe;border:none;color:#fff;font-weight:600}.login-form button:hover{cursor:pointer;background-color:#a2a2c2}a{text-decoration:none;color:#fff}@media (max-width: 1024px),(max-height: 600px){.login-form{width:40vw;min-width:280px;min-height:350px;height:auto}.login-form input,.login-form button{width:30vw;min-width:200px}}@media (max-width: 768px){.login-form{width:80vw;height:auto;padding:20px}.login-form input,.login-form button{width:70vw}.login-form button{padding:12px}}@media (max-width: 375px){.login-form input,.login-form button{width:70vw}.login-form{gap:10px}}.Dashboard{background-image:url(/assets/bg-login-DahMpzN5.png);background-size:cover;background-repeat:no-repeat;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:50px;padding:20px;box-sizing:border-box}.card{display:flex;justify-content:center;gap:2vw;width:100%;max-width:1200px;height:auto;flex-wrap:wrap}.new-appointment,.in-coming-appointments{background-color:#fff;width:30vw;min-width:280px;max-width:500px;padding:20px;display:flex;flex-direction:column;gap:20px;border-radius:10px;box-shadow:0 4px 6px #0000001a,0 8px 20px #0000001a;box-sizing:border-box}.in-coming-appointments{padding:10px;height:auto}.in-coming-appointments h2{margin:0 0 10px}.new-appointment form{display:flex;flex-direction:column;gap:10px}.new-appointment button{padding:12px;background-color:#4ac24a;color:#fff;border:none;border-radius:10px;margin-top:10px;transition:background-color .3s}.new-appointment button:hover{background-color:#61e661;cursor:pointer}.appointment-card{display:flex;justify-content:space-between;align-items:center;background-color:#dddada;padding:8px;border-radius:10px;box-sizing:border-box;flex-wrap:wrap;gap:5px}.appointment-card p{width:5vw;min-width:80px}.appointment-card button{height:3vh;padding:2px 6px;background-color:coral;color:#fff;border:none;border-radius:5px;transition:background-color .3s}.appointment-card button:hover{background-color:#fca17f;cursor:pointer}@media (max-width: 1024px),(max-height: 600px){.card{flex-direction:column;gap:20px;height:auto}.new-appointment,.in-coming-appointments{width:80%;max-width:400px}.appointment-card p{width:25%}}@media (max-width: 1024px) and (max-height: 600px){.Dashboard{justify-content:flex-start;gap:30px;padding:15px}.card{flex-direction:column;gap:15px;width:90%;max-width:450px}.new-appointment,.in-coming-appointments{width:100%;max-width:450px;min-width:280px;height:auto;padding:15px}.in-coming-appointments{overflow:visible}.appointment-card{flex-direction:column;align-items:flex-start;gap:5px}.appointment-card button{display:flex;justify-content:center;align-items:center}.appointment-card p,.new-appointment button{width:100%}}@media (max-width: 768px){.new-appointment,.in-coming-appointments{width:90%;padding:15px}.appointment-card{flex-direction:column;align-items:flex-start;gap:5px}.appointment-card p{width:100%}}@media (max-width: 375px){.new-appointment,.in-coming-appointments{width:95%;padding:10px}.appointment-card p{font-size:.8rem}.appointment-card button{display:flex;justify-content:center;align-items:center}}.admin-dashboard{padding:20px}.day-section{margin-bottom:30px}.day-appointments{display:flex;flex-direction:column;flex-wrap:wrap;gap:5px;max-height:300px;overflow-y:auto;padding-right:10px}.appointment-card{padding:10px;margin-bottom:10px;border-radius:8px;box-shadow:0 1px 3px #0000001a;background-color:#fff}.appointment-card.finished{background-color:#d4f7d4}.appointment-card.upcoming{border-left:4px solid #3498db}.appointment-card.done{border-left:4px solid #2ecc71}.appointment-card.cancelled{border-left:4px solid #e74c3c}.appointment-card button{margin-top:10px;padding:5px 10px;background-color:#ff4d4f;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100px}.appointment-card button:hover{background-color:#d9363e}.done button{background-color:#4caf50;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;transition:background-color .3s}.done button:hover{background-color:#45a049}.Footer{background-color:#1a5668;margin-left:4vw;margin-right:4vw;height:50vh;border-radius:20px 20px 0 0;padding:30px;color:#eaf9fd;display:flex;flex-direction:column;justify-content:space-between;margin-top:100px}.footer-top{display:flex;justify-content:space-between}.footer-left{display:flex;flex-direction:column;gap:35px}.footer-left h2{font-weight:500}.input{border-radius:10px;border:1px solid rgb(234,249,253)}.footer-left input{border:none;background-color:transparent;padding:12px 30px;border-left:none}.input button{padding:12px 30px;border-radius:10px;border-right:none;font-weight:600}.input button:hover{background-color:coral;color:#fff;cursor:pointer}.input input::placeholder{color:#fff}.input input:focus{outline:none}.social-media{display:flex;gap:10px}.social-media img{border:1px solid white;border-radius:50%;padding:5px}.social-media img:hover{background-color:#000;cursor:pointer}.footer-right{display:flex;gap:100px}.footer-links{width:10vw}.footer-right h2{font-weight:500;font-size:1.5rem;margin-bottom:25px}.footer-right ul{list-style:none;display:flex;flex-direction:column;gap:20px;font-weight:100}.footer-right li:hover{font-weight:500;cursor:pointer}.footer-bottom{display:flex;align-items:flex-end;justify-content:flex-end}.footer-bottom ul{display:flex;gap:20px;list-style:none}@media (max-width: 1280px){.Footer{height:auto;padding:20px}.footer-bottom{margin-top:80px}.footer-right{gap:50px}.footer-links{width:auto}}@media (max-width: 1024px){.footer-top{flex-direction:column;gap:40px}.footer-right{justify-content:space-between;gap:30px;flex-wrap:wrap}.input,.footer-links{width:40%}.footer-bottom{justify-content:center;margin-top:30px}}@media (max-width: 768px){.Footer{height:auto;padding:20px}.footer-top{flex-direction:column;align-items:center;text-align:center;gap:30px}.footer-left{align-items:center;gap:20px}.footer-right{flex-direction:column;align-items:center;gap:30px}.footer-links{width:100%;text-align:center}.footer-bottom{justify-content:center;margin-top:20px}}@media (max-width: 480px){.footer-left h2{font-size:1.2rem}.footer-right h2{font-size:1.1rem}.footer-right ul{gap:10px}.footer-bottom ul{gap:10px;flex-wrap:wrap;justify-content:center}.input{display:flex;flex-direction:column;width:100%}.input input,.input button{width:100%;margin:5px 0;border-radius:8px}}
