How often should I visit the dentist for a check-up?

We recommend a regular check up every six months to maintain optimal oral health and prevent potential issues.

What should I do in case of a dental emergency?

In the case of a dental emergency, such as a toothache, knocked-out tooth, or chipped tooth, it is crucial to seek immediate professional care. Rinse your mouth, handle any displaced tooth gently, and contact your dentist promptly. For a knocked-out tooth, attempt reinsertion or store it in milk or saliva and seek urgent dental attention. Injuries to soft tissues can be managed with gentle cleaning and cold compresses. Remember to avoid placing aspirin directly on the gums and contact your dentist or an emergency dental service promptly for proper guidance and treatment.

Yes, we do accept dental insurance. We work with a variety of insurance providers to help you maximize your coverage and ensure convenient access to our dental services. Please feel free to contact our office or check with your insurance provider for specific details on coverage and network participation.

Are payment plans or financing options available for treatments?

Yes, we offer flexible payment plans and financing options to make quality dental care accessible for our patients. Our team is here to discuss the available financing plans, help you explore suitable options, and create a payment plan that aligns with your budget. Feel free to reach out to our office, and we will be happy to assist you in finding a payment solution that suits your needs.

How can I improve my dental hygiene at home?

To enhance your dental hygiene at home, ensure you brush your teeth gently twice daily with fluoride toothpaste, floss daily to remove plaque between teeth, and rinse with antimicrobial mouthwash for added protection. Limit sugary foods, eat a balanced diet rich in calcium, and drink plenty of water. Additionally, visit your dentist regularly for check-ups and cleanings to maintain optimal oral health.

Custom-made, transparent orthodontic devices used to straighten teeth without traditional braces.

Clear aligners are used to straighten misaligned teeth and correct bite issues, improving both the appearance and functionality of your smile.

Clear aligners are nearly invisible and more comfortable than traditional braces, making them a popular choice for discreet orthodontic treatment.

Treatment for gum disease, including scaling and root planing to remove plaque and tartar from below the gum line.

Periodontal therapy is used to effectively manage and treat gum disease, preventing its progression and potential tooth loss.

Periodontal therapy helps maintain healthy gums and bone structure, which are essential for overall oral health and the longevity of your teeth.

Dental implants are artificial tooth roots made of titanium that are surgically positioned into the jawbone beneath your gums. Once in place, they allow your dentist to mount replacement teeth onto them.

Dental implants provide a sturdy and permanent solution for missing teeth. They look and feel like natural teeth and can improve your ability to chew and speak.

The implant fuses with the jawbone, providing stability and preventing bone loss. Dental implants are a long-lasting option for individuals seeking a reliable and aesthetically pleasing tooth replacement.

A procedure to treat infected or damaged tooth pulp, preserving the tooth.

Root canal therapy is used to treat and eliminate infections inside the tooth, relieving severe pain and preventing the spread of infection to surrounding tissues.

This procedure saves a damaged or infected tooth from extraction, allowing you to maintain a natural, functional tooth in your mouth.

Dentures supported by dental implants for increased stability and function.

Implant dentures are securely anchored to dental implants, providing superior stability and preventing issues like slipping or discomfort associated with traditional removable dentures.

With the added support of dental implants, implant dentures allow for better chewing and eating function, restoring confidence in eating a wider variety of foods.

Dental prosthetics attached to dental implants, providing stable and durable replacements for missing teeth.

Implant crowns and bridges are used to replace missing teeth, restoring your ability to chew, speak, and smile comfortably and naturally.

Implants provide a long-lasting and stable solution for tooth replacement, mimicking the look and function of natural teeth, and they do not rely on neighboring teeth for support.

The team at this practice is amazing! My family has been coming here for years and we always leave with bright smiles.

I was nervous about my procedure, but Dr. Shaista was so patient and explained everything clearly. Highly recommend!

Dr. Shaista is always so friendly and accommodating with scheduling.

I appreciate how they use the latest technology while maintaining that personal touch. Best dental practice in the area!

Smile with Confidence Transform
Your Dental Health at Our Clinic

DentistaCare is a top-rated local practice for cosmetic, prevention, and restorative dentistry on First Hill.

Our mission is to elevate oral health experiences, fostering confidence and well-being through a seamless blend of sophistication and excellence in dentistry.

Thank you for your interest in Happy Dental Clinic 

Get a complimentary dental cleaning and exam with any teeth whitening treatment booked this month.

Do not have insurance? No problem! Our dentists and team are proud to offer an in-house membership plan through Kleer® to help you receive the care you deserve.

If you have any questions about these financial options or would like to schedule an appointment with Dr. Shaista Zafar  and associates, please give us a call at +9 (233) 101-7317.

https://www.facebook.com/shaista.zafar.92

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Transforming Smiles</title>

<style>
    /* Base Styles */
    body {
        margin: 0;
        padding: 0;
        font-family: "Poppins", sans-serif;
        color: white;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
        box-sizing: border-box;

        /* Gradient overlay + background image */
background:
  linear-gradient(
    rgba(26, 43, 86, 0.6),
    rgba(46, 76, 155, 0.6)
  ),
  url("https://images.pexels.com/photos/5622019/pexels-photo-5622019.jpeg") center/cover no-repeat;
    }

    .container {
        max-width: 1300px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 40px;
        align-items: center;
        padding: 40px;
    }

    /* Left Section */
    .left {
        flex: 1 1 45%;
    }

    .left h1 {
        font-size: 50px;
        font-weight: 700;
        margin: 0 0 20px;
        line-height: 1.1;
    }

    .left p {
        font-size: 17px;
        line-height: 1.6;
        opacity: 0.9;
    }

    /* Cards */
    .cards {
        flex: 1 1 45%;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .card {
        background: linear-gradient(135deg, #0f1d3a 0%, #1a2b56 50%, #243a73 100%);
        border: 1px solid rgba(255, 255, 255, 0.15);
        padding: 25px;
        border-radius: 20px;
        backdrop-filter: blur(8px);
        color: white;
        transition: 0.3s ease;
        text-align: center;
    }

    .card:hover {
        background: linear-gradient(180deg, #1a2b56 0%, #22396e 100%);
        transform: translateY(-5px);
    }

    .card h3 {
        margin: 0 0 10px;
        font-size: 20px;
        font-weight: 600;
    }

    .card p {
        margin: 0;
        font-size: 16px;
        line-height: 1.5;
        opacity: 0.9;
    }

    /* Responsive Styles */
    @media (max-width: 900px) {
        .container {
            flex-direction: column;
            text-align: center;
            gap: 30px;
            padding: 20px;
        }

        .left, .cards {
            flex: 1 1 100%;
        }

        .left h1 {
            font-size: 32px;
            line-height: 1.2;
        }

        .left p {
            font-size: 15px;
            line-height: 1.5;
        }

        .cards {
            grid-template-columns: 1fr;
            gap: 15px;
        }

        .card {
            padding: 20px;
            border-radius: 16px;
        }

        .card h3 {
            font-size: 18px;
        }

        .card p {
            font-size: 14px;
        }
    }

    @media (max-width: 500px) {
        .left h1 {
            font-size: 26px;
        }

        .left p {
            font-size: 14px;
        }

        .card h3 {
            font-size: 16px;
        }

        .card p {
            font-size: 13px;
        }
    }
</style>
</head>

<body>

<div class="container">

    
    <div class="left">
        <h1>Transforming Smiles<br>with Precision</h1>
        <p>
            Discover a new standard of dental care where innovation meets comfort.  
            From state-of-the-art imaging to gentle, minimally invasive procedures,  
            we focus on creating confident, healthy smiles for every patient.
        </p>
    </div>

    
    <div class="cards">

        <div class="card">
            <h3>Cutting-Edge Tools</h3>
            <p>Our clinic uses advanced technology to deliver fast, accurate, and comfortable treatments every time.</p>
        </div>

        <div class="card">
            <h3>Relaxing Environment</h3>
            <p>Enjoy a serene, welcoming space designed to make each visit peaceful and stress-free.</p>
        </div>

        <div class="card">
            <h3>Skilled Professionals</h3>
            <p>Our team of dentists combines years of experience with a passion for creating perfect smiles.</p>
        </div>

        <div class="card">
            <h3>Tailored Solutions</h3>
            <p>Every treatment plan is personalized to meet your unique needs and ensure the best possible results.</p>
        </div>

    </div>

</div>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Video Gallery</title>
<style>
body {
    margin: 0;
    padding: 0;
    font-family: "Poppins", sans-serif;
}
/* Video Gallery Section */
.video-gallery-section {
    background: #ffffff;
    padding: 60px 20px;
    text-align: center;
    color: #1a2b56;
}
.video-gallery-section h2 {
    font-size: 36px;
    margin-bottom: 40px;
}
/* Video container */
.video-container {
    max-width: 600px;
    margin: 0 auto;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0,0,0,0.15);
}
/* Responsive iframe */
.video-container iframe {
    width: 100%;
    height: 340px;
    border: none;
}
/* Responsive adjustments */
@media (max-width: 900px) {
    .video-gallery-section h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }
    .video-container iframe {
        height: 300px;
    }
}
@media (max-width: 500px) {
    .video-gallery-section h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }
    .video-container iframe {
        height: 220px;
    }
}
</style>
</head>
<body>
<section class="video-gallery-section">
    <h2>Video Gallery</h2>
    <div class="video-container">
        <iframe 
            src="https://www.youtube.com/embed/D1WQalVTNmE?rel=0&modestbranding=1&playsinline=1" 
            title="Video Gallery"
            allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
            allowfullscreen>
        </iframe>
    </div>
</section>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Where Smiles Come to Life</title>

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">

<style>
:root {
  --primary: #ffffff;
  --accent: #8bb6ff;
  --bg-gradient: linear-gradient(135deg, #0f1d3a 0%, #1a2b56 50%, #243a73 100%);
}

/* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  background: #fff;
  color: var(--primary);
}

/* ================= WHERE SMILES SECTION ================= */
.smiles-section {
  padding: 100px 16px;
  background: var(--bg-gradient);
  color: var(--primary);
  position: relative;
  overflow: hidden;
}

.smiles-container {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 60px;
  flex-wrap: wrap;
}

/* LEFT SIDE - TEXT */
.smiles-text {
  flex: 1;
  min-width: 280px;
}

.smiles-text h3 {
  font-size: 0.85rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--accent);
  font-weight: 600;
  margin-bottom: 12px;
}

.smiles-text h2 {
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 24px;
}

.smiles-text p {
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--primary);
  margin-bottom: 18px;
}

/* RIGHT SIDE - IMAGE PATTERN */
.smiles-images {
  flex: 1;
  display: grid;
  grid-template-areas:
    "img1 img2"
    "img3 img2";
  gap: 20px;
  min-width: 280px;
  position: relative;
}

.smiles-images img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 0 20px 50px rgba(0,0,0,0.3);
  object-fit: cover;
  transition: transform 0.3s ease;
}

.smiles-images img:hover {
  transform: scale(1.05);
}

.smiles-images img:nth-child(1) {
  grid-area: img1;
}

.smiles-images img:nth-child(2) {
  grid-area: img2;
}

.smiles-images img:nth-child(3) {
  grid-area: img3;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 900px) {
  .smiles-container {
    flex-direction: column;
    align-items: center;
  }

  .smiles-images {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
  }

  .smiles-images img {
    width: calc(50% - 8px);
  }
}

@media (max-width: 480px) {
  .smiles-text h2 {
    font-size: 2rem;
  }

  .smiles-text p {
    font-size: 0.95rem;
    line-height: 1.6;
  }

  .smiles-images img {
    width: 100%;
  }
}
</style>
</head>

<body>

<section class="smiles-section">
  <div class="smiles-container">

    
    <div class="smiles-text">
      <h3>Where Smiles Come to Life</h3>
      <h2>Discover Exceptional Dental Care</h2>
      <p>
        Discover why patients across the region trust our team for their oral health needs.
        Our modern facilities combine advanced dental technology with personalized care
        to deliver outstanding results.
      </p>
      <p>
        From routine check-ups and preventive care to complex restorative treatments,
        we provide comprehensive dental solutions for patients of all ages.
        Experience the difference that quality dentistry and genuine patient care
        can make for your smile and overall wellbeing.
      </p>
    </div>

    
    <div class="smiles-images">
      <img src="https://images.pexels.com/photos/5355843/pexels-photo-5355843.jpeg" alt="Dental facility 2">
      <img src="https://images.pexels.com/photos/4687341/pexels-photo-4687341.jpeg" alt="Dental facility 1">
      <img src="https://images.pexels.com/photos/12635375/pexels-photo-12635375.jpeg" alt="Dental facility 3">
    </div>

  </div>
</section>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dentist Section – Left Content + Image</title>

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">

<style>
:root {
  --primary: #010180;
  --accent: #8bb6ff;
  --text-dark: #2a2a4a;
  --text-muted: #55557a;
  --white: #ffffff;
}

/* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  background: var(--white);
  color: var(--text-dark);
}

/* ================= UNIQUE CONTENT + IMAGE ================= */
.content-image-section {
  padding: 100px 16px;
  position: relative;
  overflow: hidden;
  background: var(--white);
}

/* Optional curved overlay behind image for uniqueness */
.content-image-section::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -120px;
  width: 300px;
  height: 300px;
  background: var(--accent);
  border-radius: 50%;
  opacity: 0.08;
  transform: translateY(-50%);
  z-index: 0;
}

/* CONTAINER */
.content-image-container {
  max-width: 1100px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 60px;
  position: relative;
  z-index: 1; /* ensure content above overlay */
}

/* LEFT SIDE - TEXT */
.content-text {
  flex: 1;
}

.content-text h3 {
  font-size: 0.85rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 600;
  margin-bottom: 16px;
}

.content-text h2 {
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--primary);
  line-height: 1.2;
  margin-bottom: 24px;
}

.content-text p {
  font-size: 1.05rem;
  line-height: 1.75;
  color: var(--text-muted);
  margin-bottom: 18px;
}

.content-text a.cta-btn {
  display: inline-block;
  padding: 12px 28px;
  border-radius: 50px;
  background: var(--primary);
  color: var(--white);
  font-weight: 600;
  text-decoration: none;
  transition: all 0.3s ease;
}

.content-text a.cta-btn:hover {
  background: var(--accent);
  color: var(--primary);
  transform: translateY(-2px);
}

/* RIGHT SIDE - IMAGE */
.content-image {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}

.content-image img {
  width: 100%;
  max-width: 500px;
  border-radius: 24px;
  box-shadow: 0 30px 60px rgba(1,1,128,0.1);
  object-fit: cover;
  transition: transform 0.4s ease;
}

.content-image img:hover {
  transform: scale(1.03);
}

/* ================= RESPONSIVE ================= */
@media (max-width: 900px) {
  .content-image-container {
    flex-direction: column;
    gap: 40px;
  }

  .content-image {
    justify-content: center;
  }

  .content-image img {
    max-width: 100%;
  }

  .content-text h2 {
    font-size: 2.2rem;
  }
}

@media (max-width: 480px) {
  .content-image-section {
    padding: 70px 14px;
  }

  .content-text h2 {
    font-size: 1.75rem;
  }

  .content-text p {
    font-size: 0.95rem;
    line-height: 1.6;
  }

  .content-text a.cta-btn {
    padding: 10px 22px;
    font-size: 0.85rem;
  }

  .content-image img {
    border-radius: 20px;
  }
}
</style>
</head>

<body>

<section class="content-image-section">
  <div class="content-image-container">

    
    <div class="content-text">
      <h3>Why Choose Us</h3>
      <h2>Expert Dental Care with a Gentle Touch</h2>
      <p>
        At our clinic, we blend advanced dental technology with a patient-first
        approach. Each treatment is tailored to ensure comfort, precision, and lasting results.
      </p>
      <p>
        From routine check-ups to cosmetic dentistry, our goal is to create healthy, confident smiles
        in a safe and caring environment.
      </p>
    </div>

    
    <div class="content-image">
      <img src="https://images.pexels.com/photos/6502635/pexels-photo-6502635.jpeg" alt="Dental care">
    </div>

  </div>
</section>

</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Our Gallery</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<style>
:root{--primary:#fff;--accent:#8bb6ff;--white:#fff}
*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}
body{background:#fff}
.gallery-section{background:linear-gradient(135deg, #0f1d3a 0%, #1a2b56 50%, #243a73 100%);;padding:80px 20px}
.gallery-header{text-align:center;margin-bottom:60px}
.gallery-header h3{font-size:.8rem;letter-spacing:3px;text-transform:uppercase;color:var(--primary);margin-bottom:10px;font-weight:600}
.gallery-header h2{font-size:2.5rem;color:var(--primary);font-weight:700}
.desktop-gallery{max-width:1200px;margin:0 auto;columns:4;column-gap:20px}
.desktop-gallery-item{break-inside:avoid;margin-bottom:20px;position:relative;overflow:hidden;border-radius:12px;cursor:pointer;transition:transform .3s}
.desktop-gallery-item:hover{transform:translateY(-5px)}
.desktop-gallery-item img{width:100%;display:block;border-radius:12px;transition:transform .4s}
.desktop-gallery-item:hover img{transform:scale(1.08)}
.desktop-gallery-item::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(1,1,128,.6),transparent);opacity:0;transition:opacity .3s;border-radius:12px}
.desktop-gallery-item:hover::after{opacity:1}
.mobile-gallery{display:none}
@media (max-width:900px){
.gallery-section{padding:60px 0;background:linear-gradient(135deg, #0f1d3a 0%, #1a2b56 50%, #243a73 100%)}
.gallery-header{margin-bottom:40px;padding:0 20px}
.gallery-header h3{color:var(--accent)}
.gallery-header h2{font-size:2rem;color:#fff}
.desktop-gallery{display:none}
.mobile-gallery{display:block;overflow:hidden;padding:0 20px}
.mobile-gallery-track{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:10px}
.mobile-gallery-track::-webkit-scrollbar{display:none}
.mobile-gallery-card{flex:0 0 85%;scroll-snap-align:center;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.mobile-gallery-card img{width:100%;height:240px;object-fit:cover;display:block}
.mobile-card-info{padding:20px;text-align:center}
.mobile-card-info h4{font-size:1.1rem;color:var(--primary);margin-bottom:8px;font-weight:600}
.mobile-card-info p{font-size:.85rem;color:#666;line-height:1.5}
.scroll-indicator{text-align:center;margin-top:25px;color:#fff;font-size:.85rem;opacity:.8}
}
@media (max-width:500px){
.gallery-header h2{font-size:1.6rem}
.mobile-gallery-card{flex:0 0 90%}
.mobile-gallery-card img{height:200px}
}
</style>
</head>
<body>
<section class="gallery-section">
<div class="gallery-header">
<h3>Our Work</h3>
<h2>Accomplishments Gallery</h2>
</div>
<div class="desktop-gallery">
<div class="desktop-gallery-item"><img src="https://images.pexels.com/photos/4269369/pexels-photo-4269369.jpeg" alt="Gallery 1"></div>
<div class="desktop-gallery-item"><img src="https://images.pexels.com/photos/3952380/pexels-photo-3952380.jpeg" alt="Gallery 2"></div>
<div class="desktop-gallery-item"><img src="https://images.pexels.com/photos/3881305/pexels-photo-3881305.jpeg" alt="Gallery 3"></div>
<div class="desktop-gallery-item"><img src="https://images.pexels.com/photos/4971509/pexels-photo-4971509.jpeg" alt="Gallery 4"></div>
<div class="desktop-gallery-item"><img src="https://images.pexels.com/photos/6529110/pexels-photo-6529110.jpeg" alt="Gallery 5"></div>
<div class="desktop-gallery-item"><img src="https://images.pexels.com/photos/3881430/pexels-photo-3881430.jpeg" alt="Gallery 6"></div>
<div class="desktop-gallery-item"><img src="https://images.pexels.com/photos/8413088/pexels-photo-8413088.jpeg" alt="Gallery 7"></div>
<div class="desktop-gallery-item"><img src="https://images.pexels.com/photos/7800560/pexels-photo-7800560.jpeg" alt="Gallery 8"></div>
<div class="desktop-gallery-item"><img src="https://images.pexels.com/photos/3881170/pexels-photo-3881170.jpeg" alt="Gallery 9"></div>
<div class="desktop-gallery-item"><img src="https://images.pexels.com/photos/6627416/pexels-photo-6627416.jpeg" alt="Gallery 10"></div>
<div class="desktop-gallery-item"><img src="https://images.pexels.com/photos/5355901/pexels-photo-5355901.jpeg" alt="Gallery 11"></div>
<div class="desktop-gallery-item"><img src="https://images.pexels.com/photos/19775897/pexels-photo-19775897.jpeg" alt="Gallery 12"></div>
</div>
<div class="mobile-gallery">
<div class="mobile-gallery-track">
<div class="mobile-gallery-card"><img src="https://images.pexels.com/photos/4269369/pexels-photo-4269369.jpeg" alt="Gallery 1"><div class="mobile-card-info"><h4>Professional Care</h4><p>Excellence in dental treatment</p></div></div>
<div class="mobile-gallery-card"><img src="https://images.pexels.com/photos/3952380/pexels-photo-3952380.jpeg" alt="Gallery 2"><div class="mobile-card-info"><h4>Modern Facilities</h4><p>State-of-the-art equipment</p></div></div>
<div class="mobile-gallery-card"><img src="https://images.pexels.com/photos/3881305/pexels-photo-3881305.jpeg" alt="Gallery 3"><div class="mobile-card-info"><h4>Patient Comfort</h4><p>Caring environment for all</p></div></div>
<div class="mobile-gallery-card"><img src="https://images.pexels.com/photos/4971509/pexels-photo-4971509.jpeg" alt="Gallery 4"><div class="mobile-card-info"><h4>Expert Team</h4><p>Skilled professionals</p></div></div>
<div class="mobile-gallery-card"><img src="https://images.pexels.com/photos/6529110/pexels-photo-6529110.jpeg" alt="Gallery 5"><div class="mobile-card-info"><h4>Quality Results</h4><p>Beautiful smiles achieved</p></div></div>
<div class="mobile-gallery-card"><img src="https://images.pexels.com/photos/3881430/pexels-photo-3881430.jpeg" alt="Gallery 6"><div class="mobile-card-info"><h4>Advanced Technology</h4><p>Latest dental innovations</p></div></div>
<div class="mobile-gallery-card"><img src="https://images.pexels.com/photos/8413088/pexels-photo-8413088.jpeg" alt="Gallery 7"><div class="mobile-card-info"><h4>Compassionate Care</h4><p>Patient-centered approach</p></div></div>
<div class="mobile-gallery-card"><img src="https://images.pexels.com/photos/7800560/pexels-photo-7800560.jpeg" alt="Gallery 8"><div class="mobile-card-info"><h4>Clean & Safe</h4><p>Sterile treatment rooms</p></div></div>
<div class="mobile-gallery-card"><img src="https://images.pexels.com/photos/3881170/pexels-photo-3881170.jpeg" alt="Gallery 9"><div class="mobile-card-info"><h4>Happy Patients</h4><p>Satisfied with results</p></div></div>
<div class="mobile-gallery-card"><img src="https://images.pexels.com/photos/6627416/pexels-photo-6627416.jpeg" alt="Gallery 10"><div class="mobile-card-info"><h4>Professional Standards</h4><p>High-quality service</p></div></div>
<div class="mobile-gallery-card"><img src="https://images.pexels.com/photos/5355901/pexels-photo-5355901.jpeg" alt="Gallery 11"><div class="mobile-card-info"><h4>Trusted Practice</h4><p>Years of experience</p></div></div>
<div class="mobile-gallery-card"><img src="https://images.pexels.com/photos/19775897/pexels-photo-19775897.jpeg" alt="Gallery 12"><div class="mobile-card-info"><h4>Dedicated Service</h4><p>Your smile matters</p></div></div>
</div>
<div class="scroll-indicator">← Swipe to explore →</div>
</div>
</section>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About Us – Dr. Shaista Zafar</title>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">
<style>
:root {
  --primary: #1a2b56;
  --accent: #8bb6ff;
  --text-dark: #2a2a4a;
  --text-muted: #55557a;
  --white: #ffffff;
}
/* RESET */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}
html {
  /* Enable smooth scrolling on iOS */
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
}
body {
  background: var(--white);
  color: var(--text-dark);
  /* Prevent scroll issues on mobile */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /* Allow touch scrolling */
  touch-action: pan-y;
}
/* ================= ABOUT / MISSION SECTION ================= */
.about-section {
  padding: 140px 16px;
  background: var(--white);
  position: relative;
  overflow: hidden;
  /* Ensure touch events work properly */
  touch-action: pan-y;
}
/* Container */
.about-container {
  max-width: 1100px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: 80px;
  align-items: center;
  /* Allow touch events to propagate */
  touch-action: pan-y;
}
/* Left side (intro) */
.about-intro h3 {
  font-size: 0.85rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: var(--primary);
  font-weight: 600;
  margin-bottom: 18px;
}
.about-intro h2 {
  font-size: 2.8rem;
  font-weight: 700;
  color: var(--primary);
  line-height: 1.15;
}
/* Right side (content) */
.about-content p {
  font-size: 1.05rem;
  line-height: 1.8;
  color: var(--text-muted);
  margin-bottom: 22px;
}
/* Signature line */
.about-signature {
  margin-top: 32px;
  display: flex;
  align-items: center;
  gap: 18px;
}
.signature-line {
  width: 60px;
  height: 3px;
  background: var(--primary);
  border-radius: 4px;
}
.signature-text {
  font-size: 0.9rem;
  color: var(--primary);
  font-weight: 600;
}
/* ================= RESPONSIVE ================= */
@media (max-width: 900px) {
  .about-container {
    grid-template-columns: 1fr;
    gap: 50px;
  }
  .about-section::before {
    display: none;
  }
  .about-intro h2 {
    font-size: 2.3rem;
  }
}
@media (max-width: 480px) {
  .about-section {
    padding: 70px 14px;
  }
  .about-intro h2 {
    font-size: 1.8rem;
  }
  .about-content p {
    font-size: 0.95rem;
    line-height: 1.65;
  }
}
</style>
</head>
<body>
<section class="about-section">
  <div class="about-container">
    
    <div class="about-intro">
      <h3>Our Mission at</h3>
      <h2>Dr. Shaista Zafar's Clinic</h2>
    </div>
    
    <div class="about-content">
      <p>
        We are committed to providing compassionate, patient-centered dental care
        that honors the whole person. Through holistic dentistry, we promote oral
        health while nurturing the body, mind, and spirit.
      </p>
      <p>
        Our goal is to create healthy, confident smiles in a safe and caring
        environment. Because at our clinic, every smile truly matters.
      </p>
      <div class="about-signature">
        <div class="signature-line"></div>
        <div class="signature-text">Compassion • Trust • Excellence</div>
      </div>
    </div>
  </div>
</section>
</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Dental Team Section</title>

<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" rel="stylesheet">

<style>
:root {
  --section-bg: #ffffff;
  --card-bg: linear-gradient(135deg, #0f1d3a 0%, #1a2b56 50%, #243a73 100%);;
  --white: #ffffff;
  --soft-white: rgba(255,255,255,0.85);
  --accent: #8bb6ff;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins", sans-serif;
}

body {
  background: var(--section-bg);
}

/* ===== SECTION ===== */
.team-section {
  padding: 70px 16px;
  background: var(--section-bg);
}

/* ===== HEADER ===== */
.team-header {
  text-align: center;
  margin-bottom: 50px;
}

.team-header h3 {
  font-size: 0.8rem;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #1a2b56;
  margin-bottom: 8px;
  font-weight: 600;
}

.team-header h2 {
  font-size: 2.2rem;
  color: #1a2b56;
  font-weight: 700;
}

/* ===== CARD ===== */
.team-wrapper {
  display: flex;
  justify-content: center;
}

.dentist-card {
  width: 100%;
  max-width: 820px;
  background: var(--card-bg);
  border-radius: 28px;
  padding: 40px;
  display: grid;
  grid-template-columns: 200px 1fr;
  gap: 32px;
  box-shadow: 0 35px 80px rgba(1,1,128,0.35);
}

/* ===== PROFILE (UNCHANGED) ===== */
.profile {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.profile-circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background: linear-gradient(145deg, #ffffff33, #ffffff10);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 3rem;
  font-weight: 600;
  color: var(--white);
  overflow: hidden;
  border: 3px solid rgba(139, 182, 255, 0.3);
}

.profile-circle img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.profile span {
  margin-top: 10px;
  font-size: 0.7rem;
  color: var(--accent);
  letter-spacing: 2px;
  text-transform: uppercase;
}

/* ===== CONTENT ===== */
.dentist-info h3 {
  font-size: 1.9rem;
  font-weight: 600;
  color: var(--white);
}

.degree {
  margin-top: 4px;
  color: var(--accent);
  font-size: 0.9rem;
}

.divider {
  width: 48px;
  height: 3px;
  background: var(--accent);
  border-radius: 10px;
  margin: 16px 0;
}

.description {
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--soft-white);
  max-width: 460px;
}

/* ===== CONTACT (ONLY FIX) ===== */
.contact-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 22px;
}

.contact {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-width: 320px;
}

.contact-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 12px 18px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(139, 182, 255, 0.3);
  border-radius: 12px;
  color: var(--white);
  text-decoration: none;
  font-size: 0.85rem;
  transition: all 0.3s ease;
}

.contact-btn:hover {
  background: rgba(139, 182, 255, 0.15);
  border-color: var(--accent);
  transform: translateY(-2px);
}

.contact-btn svg {
  flex-shrink: 0;
  color: var(--accent);
}

/* ===== TABLET ===== */
@media (max-width: 900px) {
  .dentist-card {
    max-width: 560px;
    grid-template-columns: 1fr;
    padding: 32px;
    text-align: center;
  }

  .divider {
    margin: 14px auto;
  }

  .description {
    max-width: 100%;
  }
}

/* ===== MOBILE ===== */
@media (max-width: 480px) {
  .dentist-card {
    max-width: 360px;
    padding: 22px;
    border-radius: 22px;
  }

  .profile-circle {
    width: 96px;
    height: 96px;
    font-size: 2rem;
  }

  .dentist-info h3 {
    font-size: 1.45rem;
  }

  .description {
    font-size: 0.88rem;
    line-height: 1.55;
  }

  .contact-btn {
    justify-content: center;
    padding: 10px 14px;
    font-size: 0.75rem;
  }

  .contact-btn svg {
    width: 16px;
    height: 16px;
  }
}
</style>
</head>

<body>

<section class="team-section">
  <div class="team-header">
    <h3>Meet Our Dentist</h3>
    <h2>Professional Dental Expertise</h2>
  </div>

  <div class="team-wrapper">
    <div class="dentist-card">

      <div class="profile">
        <div class="profile-circle">
          <img src="https://scontent.fisb1-2.fna.fbcdn.net/v/t39.30808-6/590654698_25696961919898733_8663864065098329952_n.jpg?_nc_cat=101&ccb=1-7&_nc_sid=6ee11a&_nc_eui2=AeE9drNazzrKqD3Oog2u6LzosZ-zcD77yomxn7NwPvvKiZI4vfMpTd8vJAC32we7nz9AD5n9DlZbcjH6QXv0jhXS&_nc_ohc=1ih6nBwyw_gQ7kNvwFn51OV&_nc_oc=Adk6l7QArjxeON65UepaFwqiRj0BrBgS_mGxa1Yu_oSMlKRpllqMmeS3gtpW9DOLzGz6TL7P2_mRlPWR0MuY1LtA&_nc_zt=23&_nc_ht=scontent.fisb1-2.fna&_nc_gid=Z-aBpHHEN1YFU-SsGLiVNA&oh=00_Afr15XDsAwCpuu1EAMRWsvfWCIGSlAJafNoMekKqKW327w&oe=69756013" alt="Dr. Shaista Zafar">
        </div>
        <span>Dental Specialist</span>
      </div>

      <div class="dentist-info">
        <h3>Dr. Shaista Zafar</h3>
        <p class="degree">BDS, RDS</p>

        <div class="divider"></div>

        <p class="description">
          Dr. Shaista Zafar brings years of experience and a gentle, patient-first approach to dental care, practicing since 2014.
        </p>

        
        <div class="contact-wrapper">
          <div class="contact">
            <a href="tel:+923310173171" class="contact-btn">
              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z"/>
              </svg>
              <span>+92 331 017317</span>
            </a>

            <a href="mailto:shaista_dentist@hotmail.com" class="contact-btn">
              <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
                <polyline points="22,6 12,13 2,6"/>
              </svg>
              <span>shaista_dentist@hotmail.com</span>
            </a>
          </div>
        </div>

      </div>
    </div>
  </div>
</section>

</body>
</html>

At our dental practice, we are committed to safeguarding your privacy. We collect and use your personal and health information only for essential dental services, including treatment, payment, and healthcare operations, with your explicit consent. Your data is protected with stringent security measures to prevent unauthorized access. We may share information with third parties, such as insurers, when required or permitted by law. You have the right to access and correct your information. If you have any privacy related inquiries or concerns, please contact us.

Here at our Clinic , we accept most PPO insurances and are happy to file your claims as a courtesy to maximize your benefits. We also take the following out-of-pocket payments to pay for your dental care in Karachi, Pakistan. These include:

Dr. Shaista Zafar - First Stop Dental

Dental Services

Frequently Ask Questions (FAQS)

Contact Dr. Shaista Zafar

Privacy Policy

Exclusive Limited Time Offer

Payments Options

Patient Reviews

Comprehensive Dental Care Services

Serving Our Community

First Stop Dental

Powered by Dental Shelter