/* Reset margins and paddings */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: Arial, sans-serif;
background: linear-gradient(135deg, #ff8c00, #ff6347); /* Gradient background */
color: #fff;
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;
flex-direction: column;
}
header {
text-align: center;
margin-bottom: 20px;
}
h1 {
color: #fff;
font-size: 2.5rem;
margin-bottom: 10px;
}
@media(max-width: 768px) {
h1 {
font-size: 2rem;
}
}
.newcontainer {
background-color: rgba(0, 0, 0, 0.7);
padding: 40px 20px;
border-radius: 15px;
width: 100%;
text-align: center;
}
form {
display: flex;
flex-direction: column;
align-items: center;
}
form label {
margin-bottom: 8px;
font-size: 1rem;
}
form input,
form select {
margin-bottom: 20px;
padding: 10px;
border-radius: 5px;
border: 1px solid #ccc;
width: 100%;
max-width: 400px;
font-size: 1rem;
}
button {
padding: 10px 20px;
background-color: #00a859;
color: white;
border: none;
border-radius: 5px;
font-size: 1.2rem;
cursor: pointer;
transition: background-color 0.3s;
}
button:hover {
background-color: #007f3a;
}
#whatsapp-link {
margin-top: 20px;
}
#whatsapp-link a {
color: #fff;
text-decoration: none;
font-size: 1.2rem;
font-weight: bold;
}
#success-screen {
display: none;
}
.hidden {
display: none;
}
footer {
text-align: center;
margin-top: 30px;
font-size: 1rem;
color: #fff;
}
.newcontainer{
background: url(../img/4T4A9073.JPG);
background-repeat: no-repeat;
background-size: cover;
object-fit: cover;
background-position: center;
}
Book Appointment - Dadu Medical Centre Book Your Appointment Your Name: Phone Number: Select Service: Dr. Nivedita Dadu Treatment Consultation with Dermatologist Counselor Choose Date: Choose Time: Book Appointment Contact us on WhatsApp: Click here to message us on WhatsApp Your Appointment Has Been Booked! Thank you for choosing Dadu Medical Centre. We will contact you soon. Book New Appointment © 2025 Dadu Medical Centre. All rights reserved.
Comments
Post a Comment