{% extends 'dentist/elements/layouts/layout-home.html' %}
{% load static %}
        
{% block additional_css %}
{% endblock %}
		
{% block content %}
		<div class="hero-banner style-2">		
			<div class="container">
				<div class="inner-wrapper">
					<div class="row align-items-center h-100">
						<div class="col-lg-6">
							<div class="hero-content">
								<h1 class="title wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
									Get Beautiful Straight
									<span class="smile">Smile
										<svg width="207" height="44" viewBox="0 0 207 44" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path d="M9 12C83 50 121.2 54.4 198 12" stroke="var(--bs-primary)" stroke-width="3"/>
											<path d="M14 1L2 23" stroke="var(--bs-primary)" stroke-width="3"/>
											<path d="M193 1L205 23" stroke="var(--bs-primary)" stroke-width="3"/>
										</svg>
									</span>
									Quickly
								</h1>
								<div class="content-bx style-2 m-b40 primary wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
									Experienced staff is dedicated to improving our patients’ dental health and enhancing
								</div>
								<div class="d-flex align-items-center m-b15 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
									<div class="info-widget style-12 m-r40 shadow-sm">
										<div class="avatar-group">
											<img class="avatar rounded-circle avatar-md border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar1.webp' %}" alt="">
											<img class="avatar rounded-circle avatar-md border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar2.webp' %}" alt="">
											<img class="avatar rounded-circle avatar-md border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar3.webp' %}" alt="">
											<img class="avatar rounded-circle avatar-md border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar4.webp' %}" alt="">
										</div>
										<div class="clearfix">
											<span>Talk to over 215 doctor</span>
										</div>
									</div>
									<a href="{% url 'dentist:about-us' %}" class="btn btn-square btn-xl btn-white shadow-sm btn-rounded">
										<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
											<path d="M7 17L17 7" stroke="var(--bs-primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
											<path d="M7 7H17V17" stroke="var(--bs-primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
										</svg>
									</a>
								</div>
								<div class="widget-rating3 wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">
									<ul class="star-list">
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
									</ul>
									<span class="rating">(4.8)</span>
									<span class="text">12k+ ratings on google</span>
								</div>
							</div>
						</div>
						<div class="col-lg-6 wow fadeInRight" data-wow-delay="0.8s" data-wow-duration="0.8s">
							<div class="hero-thumbnail" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
								<img class="thumbnail" src="{% static 'dentist/images/hero-banner/img1.webp' %}" alt="">
								<div class="circle-wrapper"></div>
								<div class="item3" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
									<img class="move-3" src="{% static 'dentist/images/hero-banner/img3.webp' %}" alt="">
								</div>
								<div class="item4" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
									<img class="move-4" src="{% static 'dentist/images/hero-banner/img5.webp' %}" alt="">
								</div>
								<div class="item5" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
									<img class="move-4" src="{% static 'dentist/images/hero-banner/img6.webp' %}" alt="">
								</div>
								<div class="item6" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
									<div class="info-widget style-13 move-4">
										<div class="m-b15">
											<h5 class="fw-medium m-b0">Available Doctors</h5>
											<span class="font-13">Select Doctor</span>
										</div>
										<div class="d-flex align-items-center m-b15">
											<img class="rounded-circle avatar-md" src="{% static 'dentist/images/avatar/small/avatar7.webp' %}" alt="">
											<div class="clearfix m-l10">
												<h6 class="name">Olivia Davis</h6>
												<span class="position">Dentist</span>
											</div>
											<input class="form-check-input form-check1 ms-auto form-check-secondary" type="radio" name="flexRadioDefault" id="flexRadioDefault1" checked>
										</div>
										<div class="d-flex align-items-center m-b15">
											<img class="rounded-circle avatar-md" src="{% static 'dentist/images/avatar/small/avatar8.webp' %}" alt="">
											<div class="clearfix m-l10">
												<h6 class="name">William Martinez</h6>
												<span class="position">Dentist</span>
											</div>
											<input class="form-check-input form-check1 ms-auto form-check-secondary" type="radio" name="flexRadioDefault" id="flexRadioDefault2">
										</div>
										<a href="{% url 'dentist:appointment' %}" class="btn btn-secondary btn-hover1 w-100 m-t10">
											Book appointment
										</a>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="item1">
						<img class="move-1" src="{% static 'dentist/images/hero-banner/img2.webp' %}" alt="">
					</div>
					<div class="item2">
						<img class="move-2" src="{% static 'dentist/images/hero-banner/img4.webp' %}" alt="">
					</div>
				</div>
			</div>
			<svg class="banner-shape" viewBox="0 0 1920 180" fill="none" xmlns="http://www.w3.org/2000/svg">
				<path d="M1921 164.375C1734.2 -139.225 527.167 48.8754 -33 180.875H1921V164.375Z" fill="var(--bs-primary)"/>
				<path d="M1921 164.375C1714.2 -59.2247 527.167 58.8754 -33 180.875H1921V164.375Z" fill="white"/>
			</svg>
			<div class="banner-shape4"></div>
			<div class="banner-shape5"></div>
			<div class="banner-shape6"></div>
		</div>
		<section class="content-inner overlay-primary-gradient-light overlay-opacity-10 pt-sm-0" style="background-image: url({% static 'dentist/images/background/bg4.webp' %});">
			<div class="container">
				<div class="row content-wrapper style-11 m-b30 justify-content-center">
					<div class="col-xxl-4 col-xl-5 col-lg-5 col-md-7">
						<div class="content-media m-b30">
							<div class="dz-media" data-bottom-top="transform: translateY(30px)" data-top-bottom="transform: translateY(0px)">
								<img src="{% static 'dentist/images/about/img5.webp' %}" alt="">
							</div>
							<div class="item1" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(0px)">
								<div class="info-widget style-1 move-3">
									<div class="avatar-group">
										<img class="avatar rounded-circle avatar-sm border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar1.webp' %}" alt="">
										<img class="avatar rounded-circle avatar-sm border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar2.webp' %}" alt="">
										<img class="avatar rounded-circle avatar-sm border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar3.webp' %}" alt="">
										<img class="avatar rounded-circle avatar-sm border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar4.webp' %}" alt="">
									</div>
									<div class="clearfix ms-2">
										<span class="number text-primary">150k</span>
										<span>Patient recovers</span>
									</div>
								</div>
							</div>
							<div class="item2" data-bottom-top="transform: translateY(-30px)" data-top-bottom="transform: translateY(0px)">
								<div class="media1 move-4">
									<img src="{% static 'dentist/images/hero-banner/img4.webp' %}" alt="">
								</div>
							</div>
							<div class="item3" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(0px)">
								<svg viewBox="0 0 496 175" fill="none" xmlns="http://www.w3.org/2000/svg">
									<g filter="url(#filter0_i_3_4351)"><path d="M455.54 4C647.742 4 2.913 252.086 4.727 142.129c.25-15.123 16.243-24.141 31.273-25.835V116.294" stroke="var(--bs-primary)" stroke-width="8"/></g><defs><filter id="filter0_i_3_4351" x=".723" y="0" width="494.598" height="177.24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/><feOffset dy="4"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/><feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.833 0 0 0 0 0.896 0 0 0 1 0"/><feBlend mode="normal" in2="shape" result="effect1_innerShadow_3_4351"/></filter></defs>
								</svg>
							</div>
						</div>
					</div>
					<div class="col-xxl-6 col-xl-7 col-lg-7">
						<div class="content-info pt-md-5 m-b30">
							<div class="section-head style-3 m-b30 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
								<h2 class="title">We Care About Your Dental Health</h2>
								<div class="widget-rating3 m-b20">
									<ul class="star-list">
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
										<li><i class="fa fa-star"></i></li>
									</ul>
									<span class="rating">(4.8)</span>
									<span class="text ms-2">12k+ ratings on google</span>
								</div>
								<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using.</p>
							</div>
							<div class="info-widget style-15 overlay-secondary-dark wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s" style="background-image: url({% static 'dentist/images/about/img6.webp' %});">
								<div class="row">
									<div class="col-sm-6 d-flex align-items-center mb-4 mb-sm-0">
										<div class="video-bx2">
											<a href="https://www.youtube.com/watch?v=o8OgzQdA70c" class="video-btn popup-youtube">
												<i class="fa fa-play"></i>
											</a>
											<span class="text-white">Play Video</span>
										</div>
									</div>
									<div class="col-sm-6 ps-sm-4">
										<ul class="list-check-try text-white light-green fw-medium">
											<li>Teeth Whitening</li>
											<li>Modern Anesthetic</li>
											<li>Quality Brackets</li>
											<li>Root Canal </li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xxl-2">
						<div class="row counter-item">
							<div class="col-xxl-12 col-sm-4 col-6 wow fadeInRight" data-wow-delay="0.6s" data-wow-duration="0.8s">
								<div class="content-bx style-3 m-b30 text-center bg-color1">
									<span class="content-text text-secondary"><span class="counter">45</span>k</span>
									<h3 class="title m-b0 text-orange">Happy Patients</h3>
								</div>
							</div>
							<div class="col-xxl-12 col-sm-4 col-6 wow fadeInRight" data-wow-delay="0.8s" data-wow-duration="0.8s">
								<div class="content-bx style-3 m-b30 text-center bg-color2">
									<span class="content-text text-secondary"><span class="counter">200</span>+</span>
									<h3 class="title m-b0 text-green">Specialists</h3>
								</div>
							</div>
							<div class="col-xxl-12 col-sm-4 wow fadeInRight" data-wow-delay="1.0s" data-wow-duration="0.8s">
								<div class="content-bx style-3 m-b30 text-center bg-color3">
									<span class="content-text text-secondary"><span class="counter">150</span>+</span>
									<h3 class="title m-b0 text-primary">Winning Awards</h3>
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="row counter-reset">
					<div class="col-xl-4 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
						<div class="icon-bx-wraper style-6 counter-increment box-hover">
							<div class="bg" style="background-image: url({% static 'dentist/images/background/bg7.webp' %});"></div>
							<div class="icon-bx">
								<span class="icon-cell">
									<i class="flaticon-medical-symbol"></i>
								</span>
							</div>
							<div class="icon-content">
								<h3 class="dz-title">Medical Service</h3>
								<p>It is a long established fact that a reader will be distracted by the readable content of a page.</p>
								<a href="{% url 'dentist:service-detail' %}" class="icon-link-hover-end m-t30 d-block">Read More <i class="feather icon-arrow-right-circle"></i></a>
							</div>
						</div>
					</div>
					<div class="col-xl-4 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
						<div class="icon-bx-wraper style-6 counter-increment active box-hover">
							<div class="bg" style="background-image: url({% static 'dentist/images/background/bg7.webp' %});"></div>
							<div class="icon-bx">
								<span class="icon-cell">
									<i class="flaticon-drugs"></i>
								</span>
							</div>
							<div class="icon-content">
								<h3 class="dz-title">24/7 Medicines</h3>
								<p>It is a long established fact that a reader will be distracted by the readable content of a page.</p>
								<a href="{% url 'dentist:service-detail' %}" class="icon-link-hover-end m-t30 d-block">Read More <i class="feather icon-arrow-right-circle"></i></a>
							</div>
						</div>
					</div>
					<div class="col-xl-4 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
						<div class="icon-bx-wraper style-6 counter-increment box-hover">
							<div class="bg" style="background-image: url({% static 'dentist/images/background/bg7.webp' %});"></div>
							<div class="icon-bx">
								<span class="icon-cell">
									<i class="flaticon-doctor"></i>
								</span>
							</div>
							<div class="icon-content">
								<h3 class="dz-title">Best Doctor</h3>
								<p>It is a long established fact that a reader will be distracted by the readable content of a page.</p>
								<a href="{% url 'dentist:service-detail' %}" class="icon-link-hover-end m-t30 d-block">Read More <i class="feather icon-arrow-right-circle"></i></a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="content-inner" style="background-image: url({% static 'dentist/images/background/bg2.webp' %}); background-position: right top; background-repeat: no-repeat; background-size: 100%;">
			<div class="container">
				<div class="row align-items-center">
					<div class="col-xl-6 order-xl-1 m-b30">
						<div class="section-head style-3">
							<h2 class="title wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">Highly Qualified Team</h2>
							<p class="m-b0 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
						</div>
						<div class="swiper dz-team-swiper1-thumb wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="dz-team style-3">
										<div class="dz-body">
											<div class="dz-media">
												<img src="{% static 'dentist/images/team/small/pic1.webp' %}" alt="/">
											</div>
											<div class="dz-content">
												<h3 class="dz-name"><a href="javascript:void(0);">Nashid Martines</a></h3>
												<span class="dz-position">Cardiac Surgery</span>
											</div>
										</div>
										<div class="dz-footer">
											<ul class="dz-social">
												<li>
													<a href="https://www.linkedin.com" target="_blank">
														<i class="fa-brands fa-linkedin"></i>
													</a>
												</li>
												<li>
													<a href="https://www.instagram.com" target="_blank">
														<i class="fa-brands fa-instagram"></i>
													</a>
												</li>
												<li>
													<a href="https://www.facebook.com" target="_blank">
														<i class="fa-brands fa-facebook-f"></i>
													</a>
												</li>
												<li>
													<a href="https://twitter.com" target="_blank">
														<i class="fa-brands fa-x-twitter"></i>
													</a>
												</li>
												<li>
													<a href="https://www.youtube.com" target="_blank">
														<i class="fa-brands fa-youtube"></i>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-3">
										<div class="dz-body">
											<div class="dz-media">
												<img src="{% static 'dentist/images/team/small/pic2.webp' %}" alt="/">
											</div>
											<div class="dz-content">
												<h3 class="dz-name"><a href="javascript:void(0);">Nashid Martines</a></h3>
												<span class="dz-position">Cardiac Surgery</span>
											</div>
										</div>
										<div class="dz-footer">
											<ul class="dz-social">
												<li>
													<a href="https://www.linkedin.com" target="_blank">
														<i class="fa-brands fa-linkedin"></i>
													</a>
												</li>
												<li>
													<a href="https://www.instagram.com" target="_blank">
														<i class="fa-brands fa-instagram"></i>
													</a>
												</li>
												<li>
													<a href="https://www.facebook.com" target="_blank">
														<i class="fa-brands fa-facebook-f"></i>
													</a>
												</li>
												<li>
													<a href="https://twitter.com" target="_blank">
														<i class="fa-brands fa-x-twitter"></i>
													</a>
												</li>
												<li>
													<a href="https://www.youtube.com" target="_blank">
														<i class="fa-brands fa-youtube"></i>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-3">
										<div class="dz-body">
											<div class="dz-media">
												<img src="{% static 'dentist/images/team/small/pic3.webp' %}" alt="/">
											</div>
											<div class="dz-content">
												<h3 class="dz-name"><a href="javascript:void(0);">Nashid Martines</a></h3>
												<span class="dz-position">Cardiac Surgery</span>
											</div>
										</div>
										<div class="dz-footer">
											<ul class="dz-social">
												<li>
													<a href="https://www.linkedin.com" target="_blank">
														<i class="fa-brands fa-linkedin"></i>
													</a>
												</li>
												<li>
													<a href="https://www.instagram.com" target="_blank">
														<i class="fa-brands fa-instagram"></i>
													</a>
												</li>
												<li>
													<a href="https://www.facebook.com" target="_blank">
														<i class="fa-brands fa-facebook-f"></i>
													</a>
												</li>
												<li>
													<a href="https://twitter.com" target="_blank">
														<i class="fa-brands fa-x-twitter"></i>
													</a>
												</li>
												<li>
													<a href="https://www.youtube.com" target="_blank">
														<i class="fa-brands fa-youtube"></i>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-3">
										<div class="dz-body">
											<div class="dz-media">
												<img src="{% static 'dentist/images/team/small/pic4.webp' %}" alt="/">
											</div>
											<div class="dz-content">
												<h3 class="dz-name"><a href="javascript:void(0);">Nashid Martines</a></h3>
												<span class="dz-position">Cardiac Surgery</span>
											</div>
										</div>
										<div class="dz-footer">
											<ul class="dz-social">
												<li>
													<a href="https://www.linkedin.com" target="_blank">
														<i class="fa-brands fa-linkedin"></i>
													</a>
												</li>
												<li>
													<a href="https://www.instagram.com" target="_blank">
														<i class="fa-brands fa-instagram"></i>
													</a>
												</li>
												<li>
													<a href="https://www.facebook.com" target="_blank">
														<i class="fa-brands fa-facebook-f"></i>
													</a>
												</li>
												<li>
													<a href="https://twitter.com" target="_blank">
														<i class="fa-brands fa-x-twitter"></i>
													</a>
												</li>
												<li>
													<a href="https://www.youtube.com" target="_blank">
														<i class="fa-brands fa-youtube"></i>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-3">
										<div class="dz-body">
											<div class="dz-media">
												<img src="{% static 'dentist/images/team/small/pic5.webp' %}" alt="/">
											</div>
											<div class="dz-content">
												<h3 class="dz-name"><a href="javascript:void(0);">Nashid Martines</a></h3>
												<span class="dz-position">Cardiac Surgery</span>
											</div>
										</div>
										<div class="dz-footer">
											<ul class="dz-social">
												<li>
													<a href="https://www.linkedin.com" target="_blank">
														<i class="fa-brands fa-linkedin"></i>
													</a>
												</li>
												<li>
													<a href="https://www.instagram.com" target="_blank">
														<i class="fa-brands fa-instagram"></i>
													</a>
												</li>
												<li>
													<a href="https://www.facebook.com" target="_blank">
														<i class="fa-brands fa-facebook-f"></i>
													</a>
												</li>
												<li>
													<a href="https://twitter.com" target="_blank">
														<i class="fa-brands fa-x-twitter"></i>
													</a>
												</li>
												<li>
													<a href="https://www.youtube.com" target="_blank">
														<i class="fa-brands fa-youtube"></i>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-3">
										<div class="dz-body">
											<div class="dz-media">
												<img src="{% static 'dentist/images/team/small/pic1.webp' %}" alt="/">
											</div>
											<div class="dz-content">
												<h3 class="dz-name"><a href="javascript:void(0);">Nashid Martines</a></h3>
												<span class="dz-position">Cardiac Surgery</span>
											</div>
										</div>
										<div class="dz-footer">
											<ul class="dz-social">
												<li>
													<a href="https://www.linkedin.com" target="_blank">
														<i class="fa-brands fa-linkedin"></i>
													</a>
												</li>
												<li>
													<a href="https://www.instagram.com" target="_blank">
														<i class="fa-brands fa-instagram"></i>
													</a>
												</li>
												<li>
													<a href="https://www.facebook.com" target="_blank">
														<i class="fa-brands fa-facebook-f"></i>
													</a>
												</li>
												<li>
													<a href="https://twitter.com" target="_blank">
														<i class="fa-brands fa-x-twitter"></i>
													</a>
												</li>
												<li>
													<a href="https://www.youtube.com" target="_blank">
														<i class="fa-brands fa-youtube"></i>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-3">
										<div class="dz-body">
											<div class="dz-media">
												<img src="{% static 'dentist/images/team/small/pic2.webp' %}" alt="/">
											</div>
											<div class="dz-content">
												<h3 class="dz-name"><a href="javascript:void(0);">Nashid Martines</a></h3>
												<span class="dz-position">Cardiac Surgery</span>
											</div>
										</div>
										<div class="dz-footer">
											<ul class="dz-social">
												<li>
													<a href="https://www.linkedin.com" target="_blank">
														<i class="fa-brands fa-linkedin"></i>
													</a>
												</li>
												<li>
													<a href="https://www.instagram.com" target="_blank">
														<i class="fa-brands fa-instagram"></i>
													</a>
												</li>
												<li>
													<a href="https://www.facebook.com" target="_blank">
														<i class="fa-brands fa-facebook-f"></i>
													</a>
												</li>
												<li>
													<a href="https://twitter.com" target="_blank">
														<i class="fa-brands fa-x-twitter"></i>
													</a>
												</li>
												<li>
													<a href="https://www.youtube.com" target="_blank">
														<i class="fa-brands fa-youtube"></i>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-3">
										<div class="dz-body">
											<div class="dz-media">
												<img src="{% static 'dentist/images/team/small/pic3.webp' %}" alt="/">
											</div>
											<div class="dz-content">
												<h3 class="dz-name"><a href="javascript:void(0);">Nashid Martines</a></h3>
												<span class="dz-position">Cardiac Surgery</span>
											</div>
										</div>
										<div class="dz-footer">
											<ul class="dz-social">
												<li>
													<a href="https://www.linkedin.com" target="_blank">
														<i class="fa-brands fa-linkedin"></i>
													</a>
												</li>
												<li>
													<a href="https://www.instagram.com" target="_blank">
														<i class="fa-brands fa-instagram"></i>
													</a>
												</li>
												<li>
													<a href="https://www.facebook.com" target="_blank">
														<i class="fa-brands fa-facebook-f"></i>
													</a>
												</li>
												<li>
													<a href="https://twitter.com" target="_blank">
														<i class="fa-brands fa-x-twitter"></i>
													</a>
												</li>
												<li>
													<a href="https://www.youtube.com" target="_blank">
														<i class="fa-brands fa-youtube"></i>
													</a>
												</li>
											</ul>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-6">
						<div class="swiper dz-team-swiper1 me-md-4 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
							<div class="swiper-wrapper">
								<div class="swiper-slide">
									<div class="dz-team style-4">
										<div class="dz-media">
											<img src="{% static 'dentist/images/team/large/pic1.webp' %}" alt="/">
										</div>
										<ul class="dz-social">
											<li>
												<a href="https://www.linkedin.com" target="_blank" class="linkedin">
													<i class="fa-brands fa-linkedin"></i>
												</a>
											</li>
											<li>
												<a href="https://www.instagram.com" target="_blank" class="instagram">
													<i class="fa-brands fa-instagram"></i>
												</a>
											</li>
											<li>
												<a href="https://www.facebook.com" target="_blank" class="facebook">
													<i class="fa-brands fa-facebook-f"></i>
												</a>
											</li>
											<li>
												<a href="https://twitter.com" target="_blank" class="x-twitter">
													<i class="fa-brands fa-x-twitter"></i>
												</a>
											</li>
										</ul>
										<div class="item1">
											<ul class="list-check-try fw-medium text-secondary">
												<li>Teeth Whitening</li>
												<li>Root Canal</li>
											</ul>
										</div>
										<div class="item2">
											<div class="info-widget style-3">
												<div class="widget-head">
													<div class="widget-media">
														<img src="{% static 'dentist/images/team/small/pic1.webp' %}" alt="">
													</div>
													<div class="widget-content">
														<h6 class="title">Dr. Natali jackson</h6>
														<span class="sub-title text-primary">Dental Experts</span>
													</div>
												</div>
												<p>“It is a long established fact that a reader will be distracted by the readable content”</p>
											</div>
										</div>
									</div>	
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-4">
										<div class="dz-media">
											<img src="{% static 'dentist/images/team/large/pic2.webp' %}" alt="/">
										</div>
										<ul class="dz-social">
											<li>
												<a href="https://www.linkedin.com" target="_blank" class="linkedin">
													<i class="fa-brands fa-linkedin"></i>
												</a>
											</li>
											<li>
												<a href="https://www.instagram.com" target="_blank" class="instagram">
													<i class="fa-brands fa-instagram"></i>
												</a>
											</li>
											<li>
												<a href="https://www.facebook.com" target="_blank" class="facebook">
													<i class="fa-brands fa-facebook-f"></i>
												</a>
											</li>
											<li>
												<a href="https://twitter.com" target="_blank" class="x-twitter">
													<i class="fa-brands fa-x-twitter"></i>
												</a>
											</li>
										</ul>
										<div class="item1">
											<ul class="list-check-try fw-medium text-secondary">
												<li>Teeth Whitening</li>
												<li>Root Canal</li>
											</ul>
										</div>
										<div class="item2">
											<div class="info-widget style-3">
												<div class="widget-head">
													<div class="widget-media">
														<img src="{% static 'dentist/images/team/small/pic2.webp' %}" alt="">
													</div>
													<div class="widget-content">
														<h6 class="title">Dr. Natali jackson</h6>
														<span class="sub-title text-primary">Dental Experts</span>
													</div>
												</div>
												<p>“It is a long established fact that a reader will be distracted by the readable content”</p>
											</div>
										</div>
									</div>	
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-4">
										<div class="dz-media">
											<img src="{% static 'dentist/images/team/large/pic3.webp' %}" alt="/">
										</div>
										<ul class="dz-social">
											<li>
												<a href="https://www.linkedin.com" target="_blank" class="linkedin">
													<i class="fa-brands fa-linkedin"></i>
												</a>
											</li>
											<li>
												<a href="https://www.instagram.com" target="_blank" class="instagram">
													<i class="fa-brands fa-instagram"></i>
												</a>
											</li>
											<li>
												<a href="https://www.facebook.com" target="_blank" class="facebook">
													<i class="fa-brands fa-facebook-f"></i>
												</a>
											</li>
											<li>
												<a href="https://twitter.com" target="_blank" class="x-twitter">
													<i class="fa-brands fa-x-twitter"></i>
												</a>
											</li>
										</ul>
										<div class="item1">
											<ul class="list-check-try fw-medium text-secondary">
												<li>Teeth Whitening</li>
												<li>Root Canal</li>
											</ul>
										</div>
										<div class="item2">
											<div class="info-widget style-3">
												<div class="widget-head">
													<div class="widget-media">
														<img src="{% static 'dentist/images/team/small/pic3.webp' %}" alt="">
													</div>
													<div class="widget-content">
														<h6 class="title">Dr. Natali jackson</h6>
														<span class="sub-title text-primary">Dental Experts</span>
													</div>
												</div>
												<p>“It is a long established fact that a reader will be distracted by the readable content”</p>
											</div>
										</div>
									</div>	
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-4">
										<div class="dz-media">
											<img src="{% static 'dentist/images/team/large/pic4.webp' %}" alt="/">
										</div>
										<ul class="dz-social">
											<li>
												<a href="https://www.linkedin.com" target="_blank" class="linkedin">
													<i class="fa-brands fa-linkedin"></i>
												</a>
											</li>
											<li>
												<a href="https://www.instagram.com" target="_blank" class="instagram">
													<i class="fa-brands fa-instagram"></i>
												</a>
											</li>
											<li>
												<a href="https://www.facebook.com" target="_blank" class="facebook">
													<i class="fa-brands fa-facebook-f"></i>
												</a>
											</li>
											<li>
												<a href="https://twitter.com" target="_blank" class="x-twitter">
													<i class="fa-brands fa-x-twitter"></i>
												</a>
											</li>
										</ul>
										<div class="item1">
											<ul class="list-check-try fw-medium text-secondary">
												<li>Teeth Whitening</li>
												<li>Root Canal</li>
											</ul>
										</div>
										<div class="item2">
											<div class="info-widget style-3">
												<div class="widget-head">
													<div class="widget-media">
														<img src="{% static 'dentist/images/team/small/pic4.webp' %}" alt="">
													</div>
													<div class="widget-content">
														<h6 class="title">Dr. Natali jackson</h6>
														<span class="sub-title text-primary">Dental Experts</span>
													</div>
												</div>
												<p>“It is a long established fact that a reader will be distracted by the readable content”</p>
											</div>
										</div>
									</div>	
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-4">
										<div class="dz-media">
											<img src="{% static 'dentist/images/team/large/pic5.webp' %}" alt="/">
										</div>
										<ul class="dz-social">
											<li>
												<a href="https://www.linkedin.com" target="_blank" class="linkedin">
													<i class="fa-brands fa-linkedin"></i>
												</a>
											</li>
											<li>
												<a href="https://www.instagram.com" target="_blank" class="instagram">
													<i class="fa-brands fa-instagram"></i>
												</a>
											</li>
											<li>
												<a href="https://www.facebook.com" target="_blank" class="facebook">
													<i class="fa-brands fa-facebook-f"></i>
												</a>
											</li>
											<li>
												<a href="https://twitter.com" target="_blank" class="x-twitter">
													<i class="fa-brands fa-x-twitter"></i>
												</a>
											</li>
										</ul>
										<div class="item1">
											<ul class="list-check-try fw-medium text-secondary">
												<li>Teeth Whitening</li>
												<li>Root Canal</li>
											</ul>
										</div>
										<div class="item2">
											<div class="info-widget style-3">
												<div class="widget-head">
													<div class="widget-media">
														<img src="{% static 'dentist/images/team/small/pic5.webp' %}" alt="">
													</div>
													<div class="widget-content">
														<h6 class="title">Dr. Natali jackson</h6>
														<span class="sub-title text-primary">Dental Experts</span>
													</div>
												</div>
												<p>“It is a long established fact that a reader will be distracted by the readable content”</p>
											</div>
										</div>
									</div>	
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-4">
										<div class="dz-media">
											<img src="{% static 'dentist/images/team/large/pic1.webp' %}" alt="/">
										</div>
										<ul class="dz-social">
											<li>
												<a href="https://www.linkedin.com" target="_blank" class="linkedin">
													<i class="fa-brands fa-linkedin"></i>
												</a>
											</li>
											<li>
												<a href="https://www.instagram.com" target="_blank" class="instagram">
													<i class="fa-brands fa-instagram"></i>
												</a>
											</li>
											<li>
												<a href="https://www.facebook.com" target="_blank" class="facebook">
													<i class="fa-brands fa-facebook-f"></i>
												</a>
											</li>
											<li>
												<a href="https://twitter.com" target="_blank" class="x-twitter">
													<i class="fa-brands fa-x-twitter"></i>
												</a>
											</li>
										</ul>
										<div class="item1">
											<ul class="list-check-try fw-medium text-secondary">
												<li>Teeth Whitening</li>
												<li>Root Canal</li>
											</ul>
										</div>
										<div class="item2">
											<div class="info-widget style-3">
												<div class="widget-head">
													<div class="widget-media">
														<img src="{% static 'dentist/images/team/small/pic1.webp' %}" alt="">
													</div>
													<div class="widget-content">
														<h6 class="title">Dr. Natali jackson</h6>
														<span class="sub-title text-primary">Dental Experts</span>
													</div>
												</div>
												<p>“It is a long established fact that a reader will be distracted by the readable content”</p>
											</div>
										</div>
									</div>	
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-4">
										<div class="dz-media">
											<img src="{% static 'dentist/images/team/large/pic2.webp' %}" alt="/">
										</div>
										<ul class="dz-social">
											<li>
												<a href="https://www.linkedin.com" target="_blank" class="linkedin">
													<i class="fa-brands fa-linkedin"></i>
												</a>
											</li>
											<li>
												<a href="https://www.instagram.com" target="_blank" class="instagram">
													<i class="fa-brands fa-instagram"></i>
												</a>
											</li>
											<li>
												<a href="https://www.facebook.com" target="_blank" class="facebook">
													<i class="fa-brands fa-facebook-f"></i>
												</a>
											</li>
											<li>
												<a href="https://twitter.com" target="_blank" class="x-twitter">
													<i class="fa-brands fa-x-twitter"></i>
												</a>
											</li>
										</ul>
										<div class="item1">
											<ul class="list-check-try fw-medium text-secondary">
												<li>Teeth Whitening</li>
												<li>Root Canal</li>
											</ul>
										</div>
										<div class="item2">
											<div class="info-widget style-3">
												<div class="widget-head">
													<div class="widget-media">
														<img src="{% static 'dentist/images/team/small/pic2.webp' %}" alt="">
													</div>
													<div class="widget-content">
														<h6 class="title">Dr. Natali jackson</h6>
														<span class="sub-title text-primary">Dental Experts</span>
													</div>
												</div>
												<p>“It is a long established fact that a reader will be distracted by the readable content”</p>
											</div>
										</div>
									</div>	
								</div>
								<div class="swiper-slide">
									<div class="dz-team style-4">
										<div class="dz-media">
											<img src="{% static 'dentist/images/team/large/pic3.webp' %}" alt="/">
										</div>
										<ul class="dz-social">
											<li>
												<a href="https://www.linkedin.com" target="_blank" class="linkedin">
													<i class="fa-brands fa-linkedin"></i>
												</a>
											</li>
											<li>
												<a href="https://www.instagram.com" target="_blank" class="instagram">
													<i class="fa-brands fa-instagram"></i>
												</a>
											</li>
											<li>
												<a href="https://www.facebook.com" target="_blank" class="facebook">
													<i class="fa-brands fa-facebook-f"></i>
												</a>
											</li>
											<li>
												<a href="https://twitter.com" target="_blank" class="x-twitter">
													<i class="fa-brands fa-x-twitter"></i>
												</a>
											</li>
										</ul>
										<div class="item1">
											<ul class="list-check-try fw-medium text-secondary">
												<li>Teeth Whitening</li>
												<li>Root Canal</li>
											</ul>
										</div>
										<div class="item2">
											<div class="info-widget style-3">
												<div class="widget-head">
													<div class="widget-media">
														<img src="{% static 'dentist/images/team/small/pic3.webp' %}" alt="">
													</div>
													<div class="widget-content">
														<h6 class="title">Dr. Natali jackson</h6>
														<span class="sub-title text-primary">Dental Experts</span>
													</div>
												</div>
												<p>“It is a long established fact that a reader will be distracted by the readable content”</p>
											</div>
										</div>
									</div>	
								</div>
							</div>
							<div class="slider__pagination team-pagination-swiper team-pagination-wrapper m-t5">
								<div class="swiper-button team-swiper-prev btn btn-light btn-square radius-sm">
									<i class="feather icon-arrow-left"></i>
								</div>
								<div class="slider__current team-slider__current">1</div>
								<div class="swiper-progress team-progressbar-swiper"></div>
								<div class="slider__total team-slider__total">1</div>
								<div class="swiper-button team-swiper-next btn btn-light btn-square radius-sm">
									<i class="feather icon-arrow-right"></i>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="content-wrapper style-12 bg-secondary background-blend-burn" style="background-image: url({% static 'dentist/images/background/bg1.webp' %});">
			<div class="container">
				<div class="row">
					<div class="col-lg-8">
						<div class="content-info">
							<div class="section-head style-3 m-b40">
								<h2 class="title text-white m-b0 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">Make An <span class="text-yellow">Appointment</span></h2>
							</div>
							<div class="form-wrapper">
								<div class="form-body">
									<form class="dzForm">
									{% comment %} <form action="../assets/script/contact_smtp.php" class="dzForm" method="POST"> {% endcomment %}
										<input type="hidden" class="form-control" name="dzToDo" value="Appointment">
										<input type="hidden" class="form-control" name="reCaptchaEnable" value="0">
										<div class="dzFormMsg"></div>
										<div class="row g-3">
											<div class="col-xl-4 col-sm-6 m-b10 wow fadeInUp" data-wow-delay="0.3s" data-wow-duration="0.8s">
												<div class="form-floating floating-outline input-light">
													<input name="dzName" type="text" class="form-control" id="inputYourName" placeholder="Your Name">
													<label for="inputYourName">Your Name</label>
													<span class="input-group-text"><i class="feather icon-user"></i></span>
												</div>
											</div>
											<div class="col-xl-4 col-sm-6 m-b10 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
												<div class="form-floating floating-outline input-light">
													<input name="dzEmail" type="email" class="form-control" id="inputYourEmail" placeholder="Your Email">
													<label for="inputYourEmail">Your Email</label>
													<span class="input-group-text"><i class="feather icon-mail"></i></span>
												</div>
											</div>
											<div class="col-xl-4 col-sm-6 m-b10 wow fadeInUp" data-wow-delay="0.5s" data-wow-duration="0.8s">
												<div class="form-floating floating-outline input-light">
													<input name="dzOther[DateTime]" type="text" class="form-control" id="dateTimePickerOnly" placeholder="Phone Number">
													<label for="dateTimePickerOnly">Date Time</label>
													<span class="input-group-text"><i class="feather icon-calendar"></i></span>
												</div>
											</div>
											<div class="col-xl-4 col-sm-6 m-b10 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
												<div class="form-floating floating-outline input-light">
													<select name="dzOther[Services]" class="bs-select" data-style="form-control">
														<option selected>Department</option>
														<option value="Angioplasty">Angioplasty</option>
														<option value="Cardiology">Cardiology</option>
														<option value="Dental">Dental</option>
														<option value="Eye Care">Eye Care</option>
													</select>
												</div>
											</div>
											<div class="col-xl-4 col-sm-6 m-b10 wow fadeInUp" data-wow-delay="0.7s" data-wow-duration="0.8s">
												<div class="form-floating floating-outline input-light">
													<select name="dzOther[DoctorName]" class="bs-select" data-style="form-control">
														<option selected>Doctor Name</option>
														<option>Nashid Martines</option>
														<option>Kenneth Fong</option>
													</select>
												</div>
											</div>
											<div class="col-xl-4 col-sm-6 m-b10 wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">
												<button type="submit" name="submit" value="submit" class="btn btn-lg btn-icon btn-white shadow-sm w-100">
													<span class="w-100">Appointment</span>
													<span class="right-icon bg-primary"><i class="feather icon-arrow-right"></i></span>
												</button>
											</div>
										</div>
									</form>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-4 align-self-end">
						<div class="content-media wow fadeInUp" data-wow-delay="1.0s" data-wow-duration="0.8s">
							<img src="{% static 'dentist/images/about/img1.webp' %}" alt="">
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="content-inner bg-light twentytwenty-bottom-spacing overlay-primary-light" style="background-image: url({% static 'dentist/images/background/bg3.webp' %}); background-size: cover; background-position: center;">
			<div class="container">
				<div class="section-head style-3 row align-items-end mb-0 mb-lg-4">
					<div class="col-xl-7 col-lg-7 m-b30">
						<h2 class="title wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">The Best Quality Service You Can Get</h2>
						<p class="m-b0 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">Simple, transparent pricing that grows with you. Try and plan free for 30 days.</p>
					</div>
					<div class="col-xl-5 col-lg-5 d-lg-block d-none m-b30 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
						<div class="info-widget style-15 overlay-secondary-middle d-flex align-items-center" style="background-image: url({% static 'dentist/images/about/img3.webp' %});">
							<div class="video-bx2">
								<a href="https://www.youtube.com/watch?v=o8OgzQdA70c" class="video-btn popup-youtube">
									<i class="fa fa-play"></i>
								</a>
								<span class="text-white">Play Video</span>
							</div>
						</div>
					</div> 
				</div>
				<div class="row">
					<div class="col-xl-3 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
						<div class="icon-bx-wraper style-7 box-hover">
							<div class="bg" style="background-image: url({% static 'dentist/images/background/bg7.webp' %});"></div>
							<div class="icon-bx">
								<span class="icon-cell">
									<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
										<path d="M15.9723 7.63892L9.02783 25.6945L14.5834 32.6389L11.8056 25.6945L20.1389 7.63892H15.9723Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M40.9722 25.6945L34.0278 7.63892H29.8611L38.1944 25.6945L35.4166 32.6389L40.9722 25.6945Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M30.2334 39.7874L30.5501 37.1291C30.589 36.8068 31.0959 34.4457 31.4876 32.6443C31.7918 31.2485 31.9446 29.8263 31.9446 28.3971C31.9446 26.9041 30.7348 25.6943 29.2418 25.6943C28.739 25.6943 28.2446 25.8304 27.8126 26.0902C26.0807 27.1291 23.9182 27.1291 22.1862 26.0902C21.7543 25.8318 21.2612 25.6943 20.7571 25.6943C19.2654 25.6943 18.0557 26.9041 18.0557 28.3971C18.0557 29.8249 18.2084 31.2471 18.5126 32.6429C18.9043 34.4443 19.4126 36.8068 19.4501 37.1291L19.7668 39.7874C19.8473 40.461 20.4793 40.9721 21.2321 40.9721C21.9404 40.9721 22.5487 40.5179 22.6793 39.8902L23.4932 35.2929C23.6279 34.6402 24.2612 34.1666 25.0001 34.1666C25.739 34.1666 26.3723 34.6402 26.5084 35.2929L27.3223 39.8902C27.4529 40.5166 28.0612 40.9721 28.7696 40.9721C29.5223 40.9721 30.1529 40.461 30.2334 39.7874Z" fill="var(--bs-secondary)"/>
										<path d="M22.6251 40.0832C22.4029 40.611 21.8612 40.9721 21.2362 40.9721C20.4723 40.9721 19.8473 40.4582 19.764 39.7916L19.4446 37.1249C19.4168 36.8054 18.9029 34.4443 18.514 32.6388C18.2084 31.2499 18.0557 29.8193 18.0557 28.4027C18.0557 27.6527 18.3612 26.9721 18.8473 26.486C19.3334 25.9999 20.014 25.6943 20.764 25.6943C21.264 25.6943 21.7362 25.8332 22.1668 26.0693C21.9584 26.1804 21.7779 26.3332 21.6251 26.486C21.139 26.9721 20.8334 27.6527 20.8334 28.4027C20.8334 29.8193 20.9862 31.2499 21.2918 32.6388C21.6807 34.4443 22.1946 36.8054 22.2223 37.1249L22.5418 39.7916C22.5557 39.8888 22.5834 39.9999 22.6251 40.0832Z" fill="var(--bs-secondary)"/>
										<path d="M11.8056 25.6945L14.5834 32.6389L9.02783 25.6945L15.9723 7.63892H18.7501L11.8056 25.6945Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M35.4166 32.6389L38.1944 25.6945L29.8611 7.63892H32.6389L40.9722 25.6945L35.4166 32.6389Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M28.7681 42.0139C27.5695 42.0139 26.532 41.2112 26.3 40.1042L25.4806 35.4751C25.457 35.3584 25.2667 35.2084 25 35.2084C24.7334 35.2084 24.5431 35.3584 24.5125 35.5056L23.7056 40.0737C23.4681 41.2112 22.4306 42.0139 21.232 42.0139C19.95 42.0139 18.875 41.1112 18.7334 39.9112L18.4167 37.2528C18.3917 37.0626 18.1361 35.8084 17.4945 32.8639C17.1764 31.3973 17.0139 29.8931 17.0139 28.3959C17.0139 26.332 18.6931 24.6528 20.7584 24.6528C21.45 24.6528 22.1292 24.8417 22.7236 25.1973C24.1292 26.0403 25.8736 26.0403 27.2778 25.1973C27.8722 24.8417 28.5514 24.6528 29.2431 24.6528C31.307 24.6528 32.9875 26.332 32.9875 28.3959C32.9875 29.8945 32.8264 31.3987 32.507 32.8653C31.6986 36.5778 31.5972 37.1639 31.5847 37.2542L31.2681 39.9112C31.125 41.1112 30.0514 42.0139 28.7681 42.0139ZM25 33.1251C26.2292 33.1251 27.2917 33.9487 27.5278 35.082L28.3472 39.7098C28.3667 39.7987 28.5375 39.9306 28.7695 39.9306C29.0084 39.9306 29.1848 39.7931 29.2 39.6653L29.5167 37.007C29.532 36.8792 29.5681 36.5751 30.4709 32.4237C30.7584 31.1014 30.9042 29.7473 30.9042 28.3987C30.9042 27.4834 30.1584 26.7376 29.2431 26.7376C28.9292 26.7376 28.6195 26.8237 28.35 26.9862C26.2848 28.2264 23.7181 28.2264 21.6528 26.9862C21.3834 26.8237 21.0736 26.7376 20.7597 26.7376C19.8445 26.7376 19.0986 27.482 19.0986 28.3973C19.0986 29.7473 19.2445 31.1001 19.532 32.4223C20.4334 36.5626 20.4736 36.8973 20.4861 37.007L20.8028 39.6653C20.8181 39.7945 20.9945 39.9306 21.2334 39.9306C21.4653 39.9306 21.6361 39.7987 21.6611 39.6778L22.4681 35.1112C22.7084 33.9473 23.7709 33.1251 25 33.1251Z" fill="var(--bs-primary)"/>
										<path d="M14.5834 33.6806C14.275 33.6806 13.9737 33.5445 13.7695 33.2903L8.21393 26.3459C7.97643 26.0487 7.91949 25.6459 8.06532 25.2945L15.4112 7.66673L17.3348 8.46673L10.2264 25.5251L11.0056 26.4987L10.8389 26.0806C10.7278 25.8056 10.7417 25.4945 10.8737 25.2292L19.6723 7.63062L21.5362 8.56256L12.9459 25.7417L15.55 32.2528C15.7417 32.732 15.5528 33.2792 15.107 33.5403C14.9431 33.6348 14.7625 33.6806 14.5834 33.6806Z" fill="var(--bs-primary)"/>
										<path d="M35.4166 33.6806C35.2375 33.6806 35.0569 33.6348 34.893 33.539C34.4472 33.2778 34.2583 32.7306 34.45 32.2515L37.0541 25.7403L28.4639 8.56256L30.3278 7.63062L39.1264 25.2292C39.2597 25.4945 39.2722 25.8056 39.1611 26.0806L38.9944 26.4987L39.7736 25.5251L32.6653 8.46673L34.5889 7.66673L41.9347 25.2945C42.0805 25.6459 42.0236 26.0487 41.7861 26.3459L36.2305 33.2903C36.0264 33.5445 35.7236 33.6806 35.4166 33.6806Z" fill="var(--bs-primary)"/>
										<path d="M5.00699 17.507C4.45005 17.507 3.92644 17.2903 3.53338 16.8972C2.72227 16.0847 2.72227 14.7639 3.53338 13.9514C4.3181 13.1653 5.69172 13.1653 6.47922 13.9514C7.29172 14.7639 7.29172 16.0847 6.47922 16.8972C6.08755 17.2903 5.56394 17.507 5.00699 17.507ZM5.00699 14.7292C4.82088 14.7292 4.64727 14.8014 4.51672 14.932C4.24588 15.2028 4.24588 15.6431 4.51672 15.9139C4.77922 16.1764 5.23616 16.1778 5.49866 15.9139C5.76949 15.6431 5.76949 15.2028 5.49866 14.932C5.36672 14.8014 5.1931 14.7292 5.00699 14.7292Z" fill="var(--bs-primary)" 
										fill-opacity="0.2"/>
									</svg>
								</span>
							</div>
							<div class="icon-content">
								<h3 class="dz-title">Dental Implants</h3>
								<p>It is a long established fact that a reader will be distracted by the readable content of a page.</p>
							</div>
							<div class="dz-media">
								<img src="{% static 'dentist/images/services/img1.webp' %}" alt="">
							</div>
							<div class="icon-footer">
								<a href="{% url 'dentist:service-detail-2' %}" class="icon-link-hover-end">View All Details <i class="feather icon-arrow-right-circle"></i></a>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
						<div class="icon-bx-wraper style-7 box-hover active">
							<div class="bg" style="background-image: url({% static 'dentist/images/background/bg7.webp' %});"></div>
							<div class="icon-bx">
								<span class="icon-cell">
									<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
										<path d="M34.9915 38.4959L35.5984 32.907C35.8234 30.8362 36.2623 28.7931 36.9096 26.8098L38.0957 23.1723C39.0818 20.1501 39.5832 16.9945 39.5832 13.8195C39.5832 11.1737 37.4068 9.02783 34.7221 9.02783H34.6026C32.3776 9.02783 30.2387 9.67644 28.2401 10.6417C26.079 11.6848 23.9193 11.6848 21.7582 10.6417C19.7609 9.67644 17.6221 9.02783 15.3971 9.02783H15.2776C12.5929 9.02783 10.4165 11.1737 10.4165 13.8195C10.4165 16.9945 10.9179 20.1501 11.904 23.1723L13.0901 26.8098C13.7373 28.7931 14.1762 30.8348 14.4012 32.907L15.0082 38.4959C15.1609 39.9042 16.3679 40.9723 17.804 40.9723C19.1568 40.9723 20.3193 40.0223 20.5679 38.7112L22.1207 30.5501C22.3804 29.1834 23.5901 28.1945 24.9998 28.1945C26.4096 28.1945 27.6193 29.1834 27.879 30.5487L29.4318 38.7098C29.6818 40.0209 30.8429 40.9709 32.1957 40.9709C33.6318 40.9723 34.8387 39.9042 34.9915 38.4959Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M27.0834 21.5277H22.9167C22.1501 21.5277 21.5278 20.9055 21.5278 20.1388V17.3611C21.5278 16.5944 22.1501 15.9722 22.9167 15.9722H27.0834C27.8501 15.9722 28.4723 16.5944 28.4723 17.3611V20.1388C28.4723 20.9055 27.8501 21.5277 27.0834 21.5277Z" fill="var(--bs-secondary)"/>
										<path d="M25.6945 21.5277H22.9167C22.1528 21.5277 21.5278 20.9027 21.5278 20.1388V17.3611C21.5278 16.5972 22.1528 15.9722 22.9167 15.9722H25.6945C24.9306 15.9722 24.3056 16.5972 24.3056 17.3611V20.1388C24.3056 20.9027 24.9306 21.5277 25.6945 21.5277Z" fill="var(--bs-secondary)"/>
										<path d="M19.1943 40.5973C18.7776 40.8473 18.3054 40.9723 17.8054 40.9723C16.3609 40.9723 15.1665 39.9028 15.0137 38.5001L14.4026 32.9028C14.1804 30.8334 13.7359 28.7917 13.0832 26.8056L11.9026 23.1667C10.9165 20.1528 10.4165 17.0001 10.4165 13.8195C10.4165 11.1667 12.5971 9.02783 15.2776 9.02783H15.4026C15.9443 9.02783 16.4859 9.0695 17.0276 9.13894C14.8332 9.59728 13.1943 11.5139 13.1943 13.8195C13.1943 17.0001 13.6943 20.1528 14.6804 23.1667L15.8609 26.8056C16.5137 28.7917 16.9582 30.8334 17.1804 32.9028L17.7915 38.5001C17.8887 39.4167 18.4304 40.1806 19.1943 40.5973Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M33.5692 40.5971C33.1665 40.8471 32.6942 40.9721 32.1942 40.9721C30.847 40.9721 29.6803 40.0277 29.4303 38.7082L27.8748 30.5554C27.7081 29.6666 27.1526 28.9443 26.3887 28.5554C26.8053 28.3193 27.2776 28.1943 27.7776 28.1943C29.1803 28.1943 30.4026 29.1804 30.6526 30.5554L32.2081 38.7082C32.3609 39.5277 32.8748 40.2082 33.5692 40.5971Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M32.1958 42.0139C30.3444 42.0139 28.7514 40.7069 28.4083 38.9055L26.8556 30.7444C26.6889 29.8694 25.9083 29.2361 25 29.2361C24.0917 29.2361 23.3111 29.8708 23.1458 30.743L21.5931 38.9055C21.25 40.7069 19.6569 42.0139 17.8056 42.0139C15.8319 42.0139 14.1861 40.55 13.9736 38.6083L13.3653 33.0194C13.1486 31.0222 12.7222 29.0416 12.1 27.1333L10.9139 23.4958C9.89306 20.3639 9.375 17.1083 9.375 13.8194C9.375 10.6028 12.0236 7.98608 15.2778 7.98608C17.5889 7.98608 19.8181 8.5472 22.2125 9.70275C24.0889 10.6069 25.9125 10.6069 27.7889 9.70275C30.1833 8.5472 32.4125 7.98608 34.6042 7.98608C37.9778 7.98608 40.625 10.6028 40.625 13.8194C40.625 17.1083 40.1069 20.3625 39.0861 23.4944L37.9 27.1319C37.2778 29.0416 36.8514 31.0208 36.6347 33.018L36.0264 38.6069C35.8153 40.55 34.1694 42.0139 32.1958 42.0139ZM25 27.1528C26.9097 27.1528 28.55 28.5 28.9014 30.3555L30.4542 38.5166C30.6097 39.3361 31.3431 39.9305 32.1944 39.9305C33.1014 39.9305 33.8583 39.2653 33.9556 38.3833L34.5639 32.7944C34.7958 30.6541 35.2528 28.5319 35.9208 26.4875L37.1069 22.85C38.0597 19.9278 38.5431 16.8889 38.5431 13.8208C38.5431 11.7528 36.8306 10.0708 34.7236 10.0708C32.7333 10.0708 30.8 10.5639 28.6958 11.5805C26.2444 12.7653 23.7597 12.7653 21.3083 11.5805C19.2042 10.5653 17.2708 10.0708 15.3986 10.0708C13.1736 10.0708 11.4611 11.7528 11.4611 13.8208C11.4611 16.8889 11.9444 19.9278 12.8972 22.85L14.0833 26.4875C14.75 28.5319 15.2069 30.6541 15.4403 32.7944L16.0486 38.3833C16.1444 39.2653 16.9014 39.9305 17.8097 39.9305C18.6625 39.9305 19.3944 39.3361 19.55 38.5166L21.1028 30.3555C21.45 28.5 23.0903 27.1528 25 27.1528Z" fill="var(--bs-primary)"/>
										<path d="M27.0835 22.5696H22.9169C21.5766 22.5696 20.4863 21.4793 20.4863 20.139V17.3612C20.4863 16.0209 21.5766 14.9307 22.9169 14.9307H27.0835C28.4238 14.9307 29.5141 16.0209 29.5141 17.3612V20.139C29.5141 21.4793 28.4238 22.5696 27.0835 22.5696ZM22.9169 17.014C22.7252 17.014 22.5697 17.1696 22.5697 17.3612V20.139C22.5697 20.3307 22.7252 20.4862 22.9169 20.4862H27.0835C27.2752 20.4862 27.4308 20.3307 27.4308 20.139V17.3612C27.4308 17.1696 27.2752 17.014 27.0835 17.014H22.9169Z" fill="var(--bs-primary)"/>
										<path d="M27.4307 17.7083H42.014V19.7916H27.4307V17.7083Z" fill="var(--bs-primary)"/>
										<path d="M7.98633 17.7083H22.5697V19.7916H7.98633V17.7083Z" fill="var(--bs-primary)"/>
										<path d="M10.769 5.0791L12.7332 3.11492L13.7153 4.09701L11.7511 6.06119L10.769 5.0791Z" fill="white" fill-opacity="0.2"/>
										<path d="M5.12158 10.7253L7.08577 8.76116L8.06786 9.74325L6.10367 11.7074L5.12158 10.7253Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M5.12305 3.85303L6.10514 2.87093L8.06932 4.83512L7.08723 5.81721L5.12305 3.85303Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
									</svg>
								</span>
							</div>
							<div class="icon-content">
								<h3 class="dz-title">Orthodontics</h3>
								<p>It is a long established fact that a reader will be distracted by the readable content of a page.</p>
							</div>
							<div class="dz-media">
								<img src="{% static 'dentist/images/services/img2.webp' %}" alt="">
							</div>
							<div class="icon-footer">
								<a href="{% url 'dentist:service-detail-2' %}" class="icon-link-hover-end">View All Details <i class="feather icon-arrow-right-circle"></i></a>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
						<div class="icon-bx-wraper style-7 box-hover">
							<div class="bg" style="background-image: url({% static 'dentist/images/background/bg7.webp' %});"></div>
							<div class="icon-bx">
								<span class="icon-cell">
									<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
										<path d="M27.0832 12.0834C25.1248 12.9584 23.1804 12.9029 21.2221 11.9584C19.3193 11.0417 17.2776 10.4167 15.1526 10.4167H15.0415C12.4859 10.4167 10.4165 12.4723 10.4165 15.0001C10.4165 18.0417 10.8887 21.0556 11.8332 23.9445L12.9582 27.4306C13.5832 29.3195 13.9998 31.2779 14.2082 33.264L14.7915 38.5973C14.9304 39.9445 16.0832 40.9723 17.4582 40.9723C18.7359 40.9723 19.8471 40.0695 20.0832 38.8056L21.5693 31.0001C21.8054 29.6945 22.9582 28.7501 24.3054 28.7501C25.6526 28.7501 26.8054 29.6945 27.0415 31.0001L28.5276 38.8056C28.7637 40.0695 29.8748 40.9723 31.1526 40.9723C32.5276 40.9723 33.6804 39.9445 33.8193 38.5973L34.4026 33.264C34.6109 31.2779 35.0276 29.3195 35.6526 27.4306L36.7776 23.9445C37.7346 21.0154 38.1471 18.0251 38.2665 14.8473L27.0832 12.0834Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M39.5832 19.9751V15.9723C39.5832 12.1376 36.1623 9.02783 31.9429 9.02783C30.0471 9.02783 28.2901 9.932 27.3137 11.4098L27.3109 11.4153C26.8387 12.1306 27.1568 12.907 27.7748 13.2876C29.0637 14.0834 30.2429 15.0153 30.9026 16.2973C31.7512 17.9487 33.0026 18.4292 34.3568 18.0195C35.6026 17.6417 36.9651 18.1542 37.5526 19.2223L38.1373 20.2862C38.4957 20.9403 39.5832 20.7084 39.5832 19.9751Z" fill="var(--bs-secondary)"/>
										<path d="M35.1527 17.8889C34.9027 17.8889 34.6249 17.9306 34.361 18.0139C32.9999 18.4306 31.7499 17.9445 30.9027 16.2917C30.236 15.0139 29.0693 14.0834 27.7777 13.2917C27.1527 12.9028 26.8332 12.1251 27.3054 11.4167L27.3193 11.4028C28.2916 9.93061 30.0416 9.02783 31.9443 9.02783C32.4721 9.02783 32.986 9.08339 33.486 9.16672C32.0832 9.45839 30.8471 10.2639 30.0971 11.4028L30.0832 11.4167C29.611 12.1251 29.9304 12.9028 30.5554 13.2917C31.8471 14.0834 33.0138 15.0139 33.6804 16.2917C34.0832 17.0834 34.5832 17.6112 35.1527 17.8889Z" fill="var(--bs-primary)"/>
										<path d="M18.8471 40.5834C18.4443 40.8334 17.9582 40.9723 17.4582 40.9723C16.0832 40.9723 14.9304 39.9445 14.7915 38.5973L14.2082 33.264C13.9998 31.2779 13.5832 29.3195 12.9582 27.4306L11.8332 23.9445C10.8887 21.0556 10.4165 18.0417 10.4165 15.0001C10.4165 12.4723 12.4859 10.4167 15.0415 10.4167H15.1526C15.7082 10.4167 16.2498 10.4584 16.7915 10.5417C14.7359 11.0001 13.1943 12.8195 13.1943 15.0001C13.1943 18.0417 13.6665 21.0556 14.6109 23.9445L15.7359 27.4306C16.3609 29.3195 16.7776 31.2779 16.9859 33.264L17.5693 38.5973C17.6526 39.4445 18.1526 40.1806 18.8471 40.5834Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M25.6943 12.5557C26.1527 12.4446 26.611 12.2918 27.0832 12.0835L28.7221 12.4863C27.7082 12.7502 26.7082 12.7779 25.6943 12.5557Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M32.5416 40.5833C32.1388 40.8333 31.6527 40.9722 31.1527 40.9722C29.8749 40.9722 28.7638 40.0694 28.5277 38.8056L27.0416 31C26.8888 30.1806 26.3888 29.5139 25.6943 29.1111C26.0971 28.8889 26.5832 28.75 27.0832 28.75C28.4304 28.75 29.5832 29.6944 29.8193 31L31.3054 38.8056C31.4443 39.5694 31.9166 40.2083 32.5416 40.5833Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M23.9998 11.9584C24.5693 12.2362 25.1248 12.4306 25.6943 12.5556C24.1943 12.8751 22.7082 12.6806 21.2221 11.9584C19.8054 11.2779 18.3332 10.764 16.7915 10.5417C17.1248 10.4584 17.4582 10.4167 17.8193 10.4167H17.9304C20.0554 10.4167 22.0971 11.0417 23.9998 11.9584Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M38.814 21.7124C38.1571 21.7124 37.5432 21.368 37.2224 20.7874L36.6362 19.7249C36.2849 19.0846 35.4362 18.7791 34.6571 19.0166C32.714 19.6055 31.0085 18.786 29.9737 16.7735C29.5029 15.8596 28.6557 15.0568 27.2251 14.1735C26.6446 13.8166 26.2321 13.2485 26.0932 12.618C25.9585 12.0124 26.0821 11.3818 26.439 10.8402C27.6029 9.07629 29.7099 7.98462 31.9418 7.98462C36.7293 7.98462 40.6237 11.568 40.6237 15.9707V19.9735C40.6237 20.7707 40.0862 21.4457 39.2876 21.6513C39.1307 21.693 38.9724 21.7124 38.814 21.7124ZM35.2015 16.8513C36.5474 16.8513 37.8168 17.5443 38.464 18.7207L38.5432 18.8638V15.9721C38.5432 12.718 35.5835 10.0693 31.9446 10.0693C30.4057 10.0693 28.964 10.8027 28.1848 11.9832C28.1126 12.0916 28.1251 12.1457 28.1307 12.168C28.1487 12.2499 28.221 12.3388 28.3224 12.3999C29.5154 13.1374 30.9932 14.1916 31.8293 15.8207C32.5765 17.2749 33.4599 17.2027 34.0557 17.0221C34.4349 16.9068 34.8196 16.8513 35.2015 16.8513Z" fill="var(--bs-primary)"/>
										<path d="M31.1529 42.0139C29.3654 42.0139 27.8306 40.7444 27.5042 38.9972L26.0195 31.1944C25.8723 30.3778 25.1515 29.7917 24.307 29.7917C23.4626 29.7917 22.7417 30.3778 22.5973 31.1847L21.1084 39C20.7834 40.7444 19.2487 42.0139 17.4612 42.0139C15.5445 42.0139 13.9529 40.5917 13.7584 38.7042L13.1765 33.3778C12.9737 31.4486 12.5681 29.5583 11.9723 27.7583L10.8431 24.2653C9.87091 21.2889 9.37646 18.1694 9.37646 15C9.37646 11.8986 11.9181 9.375 15.0431 9.375C17.2445 9.375 19.3779 9.9125 21.6751 11.0194C23.3709 11.8375 24.9987 11.875 26.6598 11.1333L27.5084 13.0347C25.2862 14.0278 23.0209 13.9833 20.7695 12.8958C18.7612 11.9292 16.9223 11.4583 15.1529 11.4583C13.0654 11.4583 11.4584 13.0472 11.4584 15C11.4584 17.95 11.9167 20.85 12.8223 23.6222L13.9501 27.1111C14.5904 29.0458 15.0265 31.0819 15.2459 33.1556L15.8279 38.4847C15.914 39.3125 16.614 39.9319 17.4598 39.9319C18.2445 39.9319 18.9181 39.3792 19.0598 38.6153L20.5473 30.8056C20.8695 29.0153 22.4515 27.7097 24.3056 27.7097C26.1598 27.7097 27.7417 29.0153 28.0667 30.8153L29.5501 38.6111C29.6945 39.3778 30.3667 39.9306 31.1515 39.9306C31.9959 39.9306 32.6973 39.3111 32.782 38.4903L33.3667 33.15C33.5834 31.0806 34.0209 29.0444 34.664 27.1028L35.7876 23.625C36.2181 22.3056 36.5417 20.9625 36.7779 19.5125L38.8334 19.8486C38.5792 21.4028 38.2306 22.8486 37.7681 24.2681L36.6431 27.7514C36.0445 29.5597 35.639 31.4486 35.4376 33.3736L34.8529 38.7111C34.6612 40.5917 33.0695 42.0139 31.1529 42.0139Z" fill="var(--bs-primary)"/>
										<path d="M44.6766 8.04167C43.528 8.04167 42.5933 7.10694 42.5933 5.95833C42.5933 4.80972 43.528 3.875 44.6766 3.875C45.8252 3.875 46.7599 4.80972 46.7599 5.95833C46.7599 7.10694 45.8252 8.04167 44.6766 8.04167ZM44.6766 5.26389C44.2947 5.26389 43.9822 5.575 43.9822 5.95833C43.9822 6.34167 44.2947 6.65278 44.6766 6.65278C45.0585 6.65278 45.371 6.34167 45.371 5.95833C45.371 5.575 45.0585 5.26389 44.6766 5.26389Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
									</svg>
								</span>
							</div>
							<div class="icon-content">
								<h3 class="dz-title">Pediatric Dentistry</h3>
								<p>It is a long established fact that a reader will be distracted by the readable content of a page.</p>
							</div>
							<div class="dz-media">
								<img src="{% static 'dentist/images/services/img3.webp' %}" alt="">
							</div>
							<div class="icon-footer">
								<a href="{% url 'dentist:service-detail-2' %}" class="icon-link-hover-end">View All Details <i class="feather icon-arrow-right-circle"></i></a>
							</div>
						</div>
					</div>
					<div class="col-xl-3 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">
						<div class="icon-bx-wraper style-7 box-hover">
							<div class="bg" style="background-image: url({% static 'dentist/images/background/bg7.webp' %});"></div>
							<div class="icon-bx">
								<span class="icon-cell">
									<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
										<path d="M34.9915 38.4959L35.5984 32.907C35.8234 30.8362 36.2623 28.7931 36.9096 26.8098L38.0957 23.1723C39.0818 20.1501 39.5832 16.9945 39.5832 13.8195C39.5832 11.1737 37.4068 9.02783 34.7221 9.02783H34.6026C32.3776 9.02783 30.2387 9.67644 28.2401 10.6417C26.079 11.6848 23.9193 11.6848 21.7582 10.6417C19.7609 9.67644 17.6221 9.02783 15.3971 9.02783H15.2776C12.5929 9.02783 10.4165 11.1737 10.4165 13.8195C10.4165 16.9945 10.9179 20.1501 11.904 23.1723L13.0901 26.8098C13.7373 28.7931 14.1762 30.8348 14.4012 32.907L15.0082 38.4959C15.1609 39.9042 16.3679 40.9723 17.804 40.9723C19.1568 40.9723 20.3193 40.0223 20.5679 38.7112L22.1207 30.5501C22.3804 29.1834 23.5901 28.1945 24.9998 28.1945C26.4096 28.1945 27.6193 29.1834 27.879 30.5487L29.4318 38.7098C29.6818 40.0209 30.8429 40.9709 32.1957 40.9709C33.6318 40.9723 34.8387 39.9042 34.9915 38.4959Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M19.1943 40.5973C18.7776 40.8473 18.3054 40.9723 17.8054 40.9723C16.3609 40.9723 15.1665 39.9028 15.0137 38.5001L14.4026 32.9028C14.1804 30.8334 13.7359 28.7917 13.0832 26.8056L11.9026 23.1667C10.9165 20.1528 10.4165 17.0001 10.4165 13.8195C10.4165 11.1667 12.5971 9.02783 15.2776 9.02783H15.4026C15.9443 9.02783 16.4859 9.0695 17.0276 9.13894C14.8332 9.59728 13.1943 11.5139 13.1943 13.8195C13.1943 17.0001 13.6943 20.1528 14.6804 23.1667L15.8609 26.8056C16.5137 28.7917 16.9582 30.8334 17.1804 32.9028L17.7915 38.5001C17.8887 39.4167 18.4304 40.1806 19.1943 40.5973Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M33.5692 40.5971C33.1665 40.8471 32.6942 40.9721 32.1942 40.9721C30.847 40.9721 29.6803 40.0277 29.4303 38.7082L27.8748 30.5554C27.7081 29.6666 27.1526 28.9443 26.3887 28.5554C26.8053 28.3193 27.2776 28.1943 27.7776 28.1943C29.1803 28.1943 30.4026 29.1804 30.6526 30.5554L32.2081 38.7082C32.3609 39.5277 32.8748 40.2082 33.5692 40.5971Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M32.1958 42.0139C30.3444 42.0139 28.7514 40.7069 28.4083 38.9055L26.8556 30.7444C26.6889 29.8694 25.9083 29.2361 25 29.2361C24.0917 29.2361 23.3111 29.8708 23.1458 30.743L21.5931 38.9055C21.25 40.7069 19.6569 42.0139 17.8056 42.0139C15.8319 42.0139 14.1861 40.55 13.9736 38.6083L13.3653 33.0194C13.1486 31.0222 12.7222 29.0416 12.1 27.1333L10.9139 23.4958C9.89306 20.3639 9.375 17.1083 9.375 13.8194C9.375 10.6028 12.0236 7.98608 15.2778 7.98608C17.5889 7.98608 19.8181 8.5472 22.2125 9.70275C24.0889 10.6069 25.9125 10.6069 27.7889 9.70275C30.1833 8.5472 32.4125 7.98608 34.6042 7.98608C37.9778 7.98608 40.625 10.6028 40.625 13.8194C40.625 17.1083 40.1069 20.3625 39.0861 23.4944L37.9 27.1319C37.2778 29.0416 36.8514 31.0208 36.6347 33.018L36.0264 38.6069C35.8153 40.55 34.1694 42.0139 32.1958 42.0139ZM25 27.1528C26.9097 27.1528 28.55 28.5 28.9014 30.3555L30.4542 38.5166C30.6097 39.3361 31.3431 39.9305 32.1944 39.9305C33.1014 39.9305 33.8583 39.2653 33.9556 38.3833L34.5639 32.7944C34.7958 30.6541 35.2528 28.5319 35.9208 26.4875L37.1069 22.85C38.0597 19.9278 38.5431 16.8889 38.5431 13.8208C38.5431 11.7528 36.8306 10.0708 34.7236 10.0708C32.7333 10.0708 30.8 10.5639 28.6958 11.5805C26.2444 12.7653 23.7597 12.7653 21.3083 11.5805C19.2042 10.5653 17.2708 10.0708 15.3986 10.0708C13.1736 10.0708 11.4611 11.7528 11.4611 13.8208C11.4611 16.8889 11.9444 19.9278 12.8972 22.85L14.0833 26.4875C14.75 28.5319 15.2069 30.6541 15.4403 32.7944L16.0486 38.3833C16.1444 39.2653 16.9014 39.9305 17.8097 39.9305C18.6625 39.9305 19.3944 39.3361 19.55 38.5166L21.1028 30.3555C21.45 28.5 23.0903 27.1528 25 27.1528Z" fill="var(--bs-primary)"/>
										<path d="M16.5459 41.0208L16.5251 40.5764C16.1598 32.8431 15.707 23.2181 20.6473 15.4153L22.4084 16.5306C17.8195 23.7778 18.2557 33.0389 18.6057 40.4792L18.6265 40.9236L16.5459 41.0208Z" fill="var(--bs-primary)"/>
										<path d="M18.2848 22.4598L17.9918 22.3139C16.1043 21.3695 14.9307 19.4723 14.9307 17.3625H17.014C17.014 18.6792 17.7459 19.8625 18.9237 20.4514L19.2168 20.5973L18.2848 22.4598Z" fill="var(--bs-primary)"/>
										<path d="M18.4223 26.7361H18.0557V24.6528H18.4223C19.9404 24.6528 21.3057 23.8097 21.9848 22.4514L23.8487 23.3834C22.814 25.4514 20.7348 26.7361 18.4223 26.7361Z" fill="var(--bs-primary)"/>
										<path d="M33.4543 41.0208L31.3737 40.9236L31.3946 40.4792C31.7446 33.0389 32.1807 23.7778 27.5918 16.5306L29.3529 15.4153C34.2946 23.2181 33.8404 32.8431 33.4751 40.5764L33.4543 41.0208Z" fill="var(--bs-primary)"/>
										<path d="M31.7151 22.4597L30.7832 20.5958L31.0763 20.45C32.254 19.8611 32.986 18.6778 32.986 17.3611H35.0693C35.0693 19.4722 33.8971 21.3694 32.0082 22.3125L31.7151 22.4597Z" fill="var(--bs-primary)"/>
										<path d="M31.9444 26.7361H31.5778C29.2653 26.7361 27.1861 25.4513 26.1514 23.3819L28.0153 22.45C28.6944 23.8083 30.0597 24.6513 31.5778 24.6513H31.9444V26.7361Z" fill="var(--bs-primary)"/>
										<path d="M11.2124 6.12354L13.1766 4.15935L14.1587 5.14144L12.1945 7.10563L11.2124 6.12354Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M5.56494 11.77L7.52913 9.80583L8.51122 10.7879L6.54703 12.7521L5.56494 11.77Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
										<path d="M5.56543 4.89526L6.54752 3.91317L8.51171 5.87736L7.52961 6.85945L5.56543 4.89526Z" fill="var(--bs-primary)" fill-opacity="0.2"/>
									</svg>
								</span>
							</div>
							<div class="icon-content">
								<h3 class="dz-title">Root Canals</h3>
								<p>It is a long established fact that a reader will be distracted by the readable content of a page.</p>
							</div>
							<div class="dz-media">
								<img src="{% static 'dentist/images/services/img4.webp' %}" alt="">
							</div>
							<div class="icon-footer">
								<a href="{% url 'dentist:service-detail-2' %}" class="icon-link-hover-end">View All Details <i class="feather icon-arrow-right-circle"></i></a>
							</div>
						</div>
					</div>
				</div>
				<div class="dz-separator style-4 wow fadeInUp" data-wow-delay="1.0s" data-wow-duration="0.8s">
					<h6 class="title">We help you live your life in full motion.</h6>
					<a href="{% url 'dentist:services-2' %}" class="btn btn-secondary separator-badge btn-rounded shadow-md fw-medium">View All Services</a>
				</div>
			</div>
			<div class="twentytwenty-center wow bounceIn" data-wow-delay="1.0s" data-wow-duration="0.8s">
				<div class="container">
					<div class="row justify-content-center">
						<div class="col-xl-8 col-lg-10">
							<div class="twentytwenty-box shadow">
								<div class="twentytwenty-container">
									<img src="{% static 'dentist/images/compare/before1.webp' %}" alt="">
									<img src="{% static 'dentist/images/compare/after1.webp' %}" alt="">
								</div>
								<a href="{% url 'dentist:about-us-2' %}" class="btn btn-white rounded btn-sm position-absolute end-0 bottom-0 me-md-4 mb-md-4 me-2 mb-2">View All</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>		

		<section class="content-inner twentytwenty-top-spacing overflow-hidden" style="background-image: url({% static 'dentist/images/background/bg4.webp' %}); background-size: cover;">
			<div class="container">
				<div class="row content-wrapper style-10 align-items-center">
					<div class="col-lg-6 m-b30">
						<div class="section-head style-1 m-b30 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
							<h2 class="title">Why Choose Dental Care</h2>
							<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
						</div>
						<div class="accordion dz-accordion style-2" id="accordionExample">
							<div class="accordion-item wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
								<h2 class="accordion-header">
									<button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
										Expertise in Dental Industry
									</button>
								</h2>
								<div id="collapseOne" class="accordion-collapse collapse show" data-bs-parent="#accordionExample">
									<div class="accordion-body">
										<div class="row align-items-center g-3">
											<div class="col-sm-8">
												<h3 class="title">Expertise in Dental Industry</h3>
												<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a making it look like readable English.</p>
											</div>
											<div class="col-sm-4">
												<div class="dz-media radius-md">
													<img src="{% static 'dentist/images/blog/small/img1.webp' %}" alt="">
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="accordion-item wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
								<h2 class="accordion-header">
									<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
										Patient-Centered Care
									</button>
								</h2>
								<div id="collapseTwo" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
									<div class="accordion-body">
										<div class="row align-items-center g-3">
											<div class="col-sm-8">
												<h3 class="title">Expertise in Dental Industry</h3>
												<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a making it look like readable English.</p>
											</div>
											<div class="col-sm-4">
												<div class="dz-media radius-md">
													<img src="{% static 'dentist/images/blog/small/img2.webp' %}" alt="">
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
							<div class="accordion-item wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">
								<h2 class="accordion-header">
									<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
										Flexible Appointment Scheduling
									</button>
								</h2>
								<div id="collapseThree" class="accordion-collapse collapse" data-bs-parent="#accordionExample">
									<div class="accordion-body">
										<div class="row align-items-center g-3">
											<div class="col-sm-8">
												<h3 class="title">Expertise in Dental Industry</h3>
												<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a making it look like readable English.</p>
											</div>
											<div class="col-sm-4">
												<div class="dz-media radius-md">
													<img src="{% static 'dentist/images/blog/small/img3.webp' %}" alt="">
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-lg-6 m-b30 text-center text-lg-start wow fadeInUp" data-wow-delay="1.0s" data-wow-duration="0.8s">
						<div class="content-media" data-bottom-top="transform: translateY(-50px)" data-top-bottom="transform: translateY(50px)">
							<div class="media-top">
								<div class="media1">
									<img src="{% static 'dentist/images/about/img7.webp' %}" alt="">								
								</div>
								<div class="media2">
									<img src="{% static 'dentist/images/about/img8.webp' %}" alt="">
								</div>
							</div>
							<div class="media-bottom">
								<div class="media3">
									<img src="{% static 'dentist/images/about/img9.webp' %}" alt="">
								</div>
								<div class="media4">
									<img src="{% static 'dentist/images/about/img10.webp' %}" alt="">
								</div>
							</div>
							<div class="item1 move-3">
								<img src="{% static 'dentist/images/hero-banner/img4.webp' %}" alt="">
							</div>
							<div class="item2 move-4">
								<div class="info-widget style-1">
									<div class="avatar-group">
										<img class="avatar rounded-circle avatar-sm border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar1.webp' %}" alt="">
										<img class="avatar rounded-circle avatar-sm border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar2.webp' %}" alt="">
										<img class="avatar rounded-circle avatar-sm border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar3.webp' %}" alt="">
										<img class="avatar rounded-circle avatar-sm border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar4.webp' %}" alt="">
									</div>
									<div class="clearfix ms-2">
										<span class="number text-primary">150k</span>
										<span>Patient Recovers</span>
									</div>
								</div>
							</div>
							<div class="circle-wrapper">
								<img src="{% static 'dentist/images/bg-circle.svg' %}" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="content-inner p-t50 bg-light">
			<div class="container">
				<div class="row content-wrapper style-9 align-items-end">
					<div class="col-xl-6 col-lg-6 m-b30">
						<div class="section-head style-2 m-b30">
							<div class="sub-title wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">Best Dentist</div>
							<h2 class="title wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">About Dr. Nashid Martines</h2>
							<p class="fw-normal wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s"><strong class="text-secondary fw-semibold">Dr. Nashid Martines</strong> There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
						</div>						
						<h3 class="text-primary title-dashed-separator wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">About Skills</h3>
						<ul class="list-check text-secondary fw-medium grid-2 m-b35 wow fadeInUp" data-wow-delay="1.0s" data-wow-duration="0.8s">
							<li>Root Canal Therapy</li>
							<li>Dental Examinations</li>
							<li>Endodontic Surgery</li>
							<li>X-Rays and Imaging</li>
							<li>Cracked Tooth Treatment</li>
							<li>Oral Cancer Screenings</li>
						</ul>
						<div class="row align-items-center g-4">
							<div class="col-sm-6 d-flex wow fadeInUp" data-wow-delay="1.2s" data-wow-duration="0.8s">
								<div class="text-center">
									<img src="{% static 'dentist/images/sign.svg' %}" alt="">
									<span class="font-14 d-block">Dr. Nashid Martines</span>							
								</div>
							</div>
							<div class="col-sm-6 wow fadeInUp" data-wow-delay="1.4s" data-wow-duration="0.8s">
								<a href="{% url 'dentist:appointment' %}" class="btn btn-lg btn-icon btn-primary">
									Appointment
									<span class="right-icon"><i class="feather icon-arrow-right"></i></span>
								</a>
							</div>
						</div>
					</div>
					<div class="col-xl-6 col-lg-6 m-b30">
						<div class="content-media">
							<div class="dz-media" data-bottom-top="transform: translateY(30px)" data-top-bottom="transform: translateY(-30px)">
								<img src="{% static 'dentist/images/about/img2.webp' %}" alt="">
							</div>
							<div class="item1" data-bottom-top="transform: translateY(-20px)" data-top-bottom="transform: translateY(10px)">
								<div class="info-widget style-10 move-3">
									<span class="content-text text-primary"><span class="counter">20</span>+</span>
									<h3 class="title m-b0">Years <br> Experienced</h3>
								</div>
							</div>
							<div class="item2" data-bottom-top="transform: translateY(-20px)" data-top-bottom="transform: translateY(10px)">
								<div class="dz-img-box style-1 move-4">
									<div class="dz-media">
										<img src="{% static 'dentist/images/logo/logo1.png' %}" alt="">
									</div>
									<div class="dz-content">	
										<h3 class="title">ClinicMaster 2024</h3>
										<p>Quality and Accreditation Institute</p>
										<a href="javascript:void(0);" class="btn-link">Best Dermatologists</a>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="content-inner">
			<div class="container">
				<div class="section-head style-1 m-b30 text-center wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
					<h2 class="title">Flexible Pricing Plans</h2>
					<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout.</p>
				</div>
				<div class="toggle-tabs toggle-tabs1 monthly wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
					<span class="monthly">Monthly</span>
					<span class="yearly">Yearly</span>
				</div>
				<div class="row">
					<div class="col-xl-6 m-b30 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
						<div class="pricingtable-wrapper style-2">
							<div class="pricingtable-inner">
								<div class="dz-media">
									<img src="{% static 'dentist/images/pricetable/img1.webp' %}" alt="">
								</div>
								<div class="pricingtable-info">
									<div class="pricingtable-price month"> 
										<h2 class="pricingtable-bx">$49<small>/ Monthly</small></h2>
									</div>
									<div class="pricingtable-price year"> 
										<h2 class="pricingtable-bx">$1049<small>/ Yearly</small></h2>
									</div>
									<div class="pricingtable-title">
										<h3 class="title">Offered Services</h3>
									</div>
									<div class="pricingtable-list">
										<ul class="pricingtable-features">
											<li>Dental cleanings</li>
											<li>Dental examinations</li>
											<li>X-rays</li>
											<li>Fluoride treatments</li>
											<li>Dental sealants</li>
										</ul>
									</div>
									<div class="pricingtable-button">
										<a href="{% url 'dentist:pricing-table' %}" class="btn btn-secondary w-100 btn-hover1"><span>Choose Plans</span></a>
									</div>
								</div>
							</div>
							<span class="vertical-text">PROFESSIONAL</span>	
						</div>
					</div>
					<div class="col-xl-6 m-b30 wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">
						<div class="pricingtable-wrapper style-2">
							<div class="pricingtable-inner">
								<div class="dz-media">
									<img src="{% static 'dentist/images/pricetable/img2.webp' %}" alt="">
								</div>
								<div class="pricingtable-info">
									<div class="pricingtable-price month"> 
										<h2 class="pricingtable-bx">$99<small>/ Monthly</small></h2>
									</div>
									<div class="pricingtable-price year"> 
										<h2 class="pricingtable-bx">$1099<small class="pricingtable-type">/Yearly</small></h2>
									</div>
									<div class="pricingtable-title">
										<h3 class="title">Offered Services</h3>
									</div>
									<div class="pricingtable-list">
										<ul class="pricingtable-features">
											<li>Dental cleanings</li>
											<li>Dental examinations</li>
											<li>X-rays</li>
											<li>Fluoride treatments</li>
											<li>Dental sealants</li>
										</ul>
									</div>
									<div class="pricingtable-button">
										<a href="{% url 'dentist:pricing-table' %}" class="btn btn-secondary w-100 btn-hover1"><span>Choose Plans</span></a>
									</div>
								</div>
							</div>
							<span class="vertical-text">FAMILY PACK</span>	
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="content-inner bg-light overlay-primary-light" style="background-image: url({% static 'dentist/images/background/bg6.webp' %});">
			<div class="container">
				<div class="section-head style-1 m-b30 row align-items-end">
					<div class="col-xl-7 col-md-9 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
						<h2 class="title m-b0 fw-semibold">News And Update </h2>
					</div>
					<div class="col-xl-5 col-md-3 text-lg-end d-none d-md-block wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
						<a href="{% url 'dentist:blog-grid' %}" class="btn btn-icon btn-secondary">
							View All
							<span class="right-icon"><i class="feather icon-arrow-right"></i></span>
						</a>
					</div>
				</div>
				<div class="row">
					<div class="col-xl-4 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
						<div class="dz-card style-1">
							<div class="dz-media">
								<img src="{% static 'dentist/images/blog/grid/pic1.webp' %}" alt="">
							</div>
							<div class="dz-info">
								<h3 class="dz-title"><a href="{% url 'dentist:blog-details' %}">The Art of Managing Business and Patient Care</a></h3>
								<p>It is a long established fact that a reader will be distracted by the readable content.</p>
								<div class="dz-meta">
									<ul>
										<li class="post-date">17 May 2023</li>
										<li class="post-author">By <a href="javascript:void(0);">Nashid Martines</a></li>
									</ul>
								</div>
							</div>
							<a href="{% url 'dentist:blog-details' %}" class="btn btn-square btn-secondary rounded-circle">
								<i class="feather icon-arrow-up-right"></i>
							</a>
						</div>
					</div>
					<div class="col-xl-4 col-md-6 m-b30 wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">
						<div class="dz-card style-1">
							<div class="dz-media">
								<img src="{% static 'dentist/images/blog/grid/pic2.webp' %}" alt="">
							</div>
							<div class="dz-info">
								<h3 class="dz-title"><a href="{% url 'dentist:blog-details' %}">The Art of Managing Business and Patient Care</a></h3>
								<p>It is a long established fact that a reader will be distracted by the readable content.</p>
								<div class="dz-meta">
									<ul>
										<li class="post-date">17 May 2023</li>
										<li class="post-author">By <a href="javascript:void(0);">Nashid Martines</a></li>
									</ul>
								</div>
							</div>
							<a href="{% url 'dentist:blog-details' %}" class="btn btn-square btn-secondary rounded-circle">
								<i class="feather icon-arrow-up-right"></i>
							</a>
						</div>
					</div>
					<div class="col-xl-4 col-md-6 m-b30 wow fadeInUp" data-wow-delay="1.0s" data-wow-duration="0.8s">
						<div class="dz-card style-1">
							<div class="dz-media">
								<img src="{% static 'dentist/images/blog/grid/pic3.webp' %}" alt="">
							</div>
							<div class="dz-info">
								<h3 class="dz-title"><a href="{% url 'dentist:blog-details' %}">The Art of Managing Business and Patient Care</a></h3>
								<p>It is a long established fact that a reader will be distracted by the readable content.</p>
								<div class="dz-meta">
									<ul>
										<li class="post-date">17 May 2023</li>
										<li class="post-author">By <a href="javascript:void(0);">Nashid Martines</a></li>
									</ul>
								</div>
							</div>
							<a href="{% url 'dentist:blog-details' %}" class="btn btn-square btn-secondary rounded-circle">
								<i class="feather icon-arrow-up-right"></i>
							</a>
						</div>
					</div>
				</div>
			</div>
		</section>

		<section class="content-inner gradient-primary overflow-hidden">
			<div class="container">
				<div class="section-head style-3 row align-items-end justify-content-between m-b30">
					<div class="col-xl-5 col-lg-6 m-b10 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
						<h2 class="title m-b0">What our patient say about us</h2>
					</div>
					<div class="col-xl-6 col-lg-6 m-b10 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
						<div class="float-xl-end">
							<div class="d-flex align-items-center m-b15">
								<div class="info-widget style-12 m-r10 bg-light">
									<div class="avatar-group">
										<img class="avatar rounded-circle avatar-md border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar1.webp' %}" alt="">
										<img class="avatar rounded-circle avatar-md border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar2.webp' %}" alt="">
										<img class="avatar rounded-circle avatar-md border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar3.webp' %}" alt="">
										<img class="avatar rounded-circle avatar-md border border-white border-2" src="{% static 'dentist/images/avatar/small/avatar4.webp' %}" alt="">
									</div>
									<div class="clearfix">
										<span class="font-20">Talk to over 215 doctor</span>
									</div>
								</div>
								<a href="{% url 'dentist:testimonial' %}" class="btn btn-square btn-xl btn-light btn-rounded">
									<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
										<path d="M7 17L17 7" stroke="var(--bs-primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
										<path d="M7 7H17V17" stroke="var(--bs-primary)" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"></path>
									</svg>
								</a>
							</div>
							<div class="widget-rating3 large">
								<ul class="star-list">
									<li><i class="fa fa-star"></i></li>
									<li><i class="fa fa-star"></i></li>
									<li><i class="fa fa-star"></i></li>
									<li><i class="fa fa-star"></i></li>
									<li><i class="fa fa-star"></i></li>
								</ul>
								<span class="rating me-2">(4.8)</span>
								<span class="text text-body fw-normal">12k+ ratings on google</span>
							</div>
						</div> 
					</div> 
				</div>
			</div>
			<div class="container-left">
				<div class="swiper testimonial-swiper2 testimonial-wrapper2">
					<div class="swiper-wrapper">
						<div class="swiper-slide wow fadeInUp" data-wow-delay="0.6s" data-wow-duration="0.8s">
							<div class="testimonial-2">
								<div class="testimonial-media">
									<img src="{% static 'dentist/images/testimonial/img1.webp' %}" alt="">
									
									<div class="video-bx1 video-lg">
										<a href="https://www.youtube.com/watch?v=o8OgzQdA70c" class="popup-youtube video-btn bg-primary">
											<i class="fa fa-play"></i>
										</a>
										<span class="text-black">Watch The Video</span>
										<a href="javascript:void(0);" class="btn-link">
											<i class="feather icon-chevron-right"></i>
										</a>
									</div>
								</div>
								<div class="testimonial-detail">
									<div class="testimonial-head">
										<ul class="star-list">
											<li><i class="fa fa-star"></i></li>
											<li><i class="fa fa-star"></i></li>
											<li><i class="fa fa-star"></i></li>
											<li><i class="fa fa-star"></i></li>
											<li><i class="fa fa-star"></i></li>
										</ul>
										<h3 class="title">Best Treatment</h3>
									</div>
									<div class="testimonial-contant">
										<div class="testimonial-text">
											<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a making it look like readable English.</p>
										</div>
									</div>
									<div class="testimonial-info">
										<div class="dz-media">
											<img src="{% static 'dentist/images/avatar/small/avatar3.webp' %}" alt="">
										</div>
										<div class="clearfix">
											<h5 class="testimonial-name">Kenneth Fong</h5>
											<span class="testimonial-position">Postgraduate Student</span>
										</div>		
									</div>		
								</div>
							</div>
						</div>
						<div class="swiper-slide wow fadeInUp" data-wow-delay="0.8s" data-wow-duration="0.8s">
							<div class="testimonial-2">
								<div class="testimonial-media">
									<img src="{% static 'dentist/images/testimonial/img2.webp' %}" alt="">
									
									<div class="video-bx1 video-lg">
										<a href="https://www.youtube.com/watch?v=o8OgzQdA70c" class="popup-youtube video-btn bg-primary">
											<i class="fa fa-play"></i>
										</a>
										<span class="text-black">Watch The Video</span>
										<a href="javascript:void(0);" class="btn-link">
											<i class="feather icon-chevron-right"></i>
										</a>
									</div>
								</div>
								<div class="testimonial-detail">
									<div class="testimonial-head">
										<ul class="star-list">
											<li><i class="fa fa-star"></i></li>
											<li><i class="fa fa-star"></i></li>
											<li><i class="fa fa-star"></i></li>
											<li><i class="fa fa-star"></i></li>
											<li><i class="fa fa-star"></i></li>
										</ul>
										<h3 class="title">Best Treatment</h3>
									</div>
									<div class="testimonial-contant">
										<div class="testimonial-text">
											<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a making it look like readable English.</p>
										</div>
									</div>
									<div class="testimonial-info">
										<div class="dz-media">
											<img src="{% static 'dentist/images/avatar/small/avatar3.webp' %}" alt="">
										</div>
										<div class="clearfix">
											<h5 class="testimonial-name">Kenneth Fong</h5>
											<span class="testimonial-position">Postgraduate Student</span>
										</div>		
									</div>		
								</div>
							</div>
						</div>
						<div class="swiper-slide wow fadeInUp" data-wow-delay="1.0s" data-wow-duration="0.8s">
							<div class="testimonial-2">
								<div class="testimonial-media">
									<img src="{% static 'dentist/images/testimonial/img1.webp' %}" alt="">
									
									<div class="video-bx1 video-lg">
										<a href="https://www.youtube.com/watch?v=o8OgzQdA70c" class="popup-youtube video-btn bg-primary">
											<i class="fa fa-play"></i>
										</a>
										<span class="text-black">Watch The Video</span>
										<a href="javascript:void(0);" class="btn-link">
											<i class="feather icon-chevron-right"></i>
										</a>
									</div>
								</div>
								<div class="testimonial-detail">
									<div class="testimonial-head">
										<ul class="star-list">
											<li><i class="fa fa-star"></i></li>
											<li><i class="fa fa-star"></i></li>
											<li><i class="fa fa-star"></i></li>
											<li><i class="fa fa-star"></i></li>
											<li><i class="fa fa-star"></i></li>
										</ul>
										<h3 class="title">Best Treatment</h3>
									</div>
									<div class="testimonial-contant">
										<div class="testimonial-text">
											<p>It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a making it look like readable English.</p>
										</div>
									</div>
									<div class="testimonial-info">
										<div class="dz-media">
											<img src="{% static 'dentist/images/avatar/small/avatar3.webp' %}" alt="">
										</div>
										<div class="clearfix">
											<h5 class="testimonial-name">Kenneth Fong</h5>
											<span class="testimonial-position">Postgraduate Student</span>
										</div>		
									</div>		
								</div>
							</div>
						</div>
					</div>
					<div class="slider__pagination testimonial-slider__pagination2 wow fadeInUp" data-wow-delay="1.0s" data-wow-duration="0.8s">
						<div class="slider__current testimonial-slider__current">1</div>
						<div class="swiper-progress testimonial-pagination-swiper2"></div>
						<div class="slider__total testimonial-slider__total">1</div>
					</div>
				</div>
			</div>	
		</section>

		<section class="content-inner">
			<div class="container">
				<div class="row">
					<div class="col-xl-7 col-lg-6 m-b30 wow fadeInUp" data-wow-delay="0.2s" data-wow-duration="0.8s">
						<div class="map-wrapper style-1">
							<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m12!1m3!1d28891.193971348785!2d75.8546432!3d25.1559936!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2sin!4v1719221707984!5m2!1sen!2sin&zoomcontrol=false" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
							
							<div class="item1">
								<div class="info-widget style-16">
									<div class="row g-xl-5 g-4">
										<div class="col-xl-6 col-lg-12 col-md-6">
											<div class="icon-bx-wraper style-1 align-items-center">
												<div class="icon-bx bg-primary">
													<span class="icon-cell">
														<i class="feather icon-clock"></i>
													</span>
												</div>
												<div class="icon-content">
													<h5 class="dz-title fw-semibold">Working Hours:</h5>
													<p>Mon-Thu: 8:00am-5:00pm<br> Fri: 8:00am-1:00pm</p>
												</div>
											</div>
										</div>
										<div class="col-xl-6 col-lg-12 col-md-6">
											<div class="icon-bx-wraper style-1 align-items-center">
												<div class="icon-bx bg-secondary">
													<span class="icon-cell">
														<i class="feather icon-mail"></i>
													</span>
												</div>
												<div class="icon-content">
													<h5 class="dz-title fw-semibold">Office Address:</h5>
													<p>764 15768 Delmer Shoals, <br> Eliasport, FL 04331-6195</p>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-xl-5 col-lg-6 m-b30 wow fadeInUp" data-wow-delay="0.4s" data-wow-duration="0.8s">
						<div class="form-wrapper style-1 m-l40">
							<div class="form-body bg-secondary background-blend-burn" style="background-image: url({% static 'dentist/images/background/bg2.png' %}); background-size: cover;  background-position: bottom right;">
								<div class="section-head style-1 m-b30">
									<h2 class="title text-white">Get in Touch <br> With us</h2>
								</div>
								<form action="" class="dzForm row" method="">
									<input type="hidden" class="form-control" name="dzToDo" value="Contact">
									<input type="hidden" class="form-control" name="reCaptchaEnable" value="0">
									<div class="dzFormMsg"></div>
									<div class="col-sm-6 m-b30">
										<div class="form-floating floating-underline input-light">
											<input name="dzFirstName" type="text" class="form-control" id="inputYourName2" placeholder="First Name">
											<label for="inputYourName2">First Name</label>
										</div>
									</div>
									<div class="col-sm-6 m-b30">
										<div class="form-floating floating-underline input-light">
											<input name="dzLastName" type="text" class="form-control" id="inputLastName2" placeholder="Last Name">
											<label for="inputLastName2">Last Name</label>
										</div>
									</div>
									<div class="col-sm-6 m-b30">
										<div class="form-floating floating-underline input-light">
											<input name="dzPhoneNumber" type="text" class="form-control dz-number" id="inputPhoneNumber2" placeholder="Phone Number">
											<label for="inputPhoneNumber2">Phone Number</label>
										</div>
									</div>
									<div class="col-sm-6 m-b30">
										<div class="form-floating floating-underline input-light">
											<input name="dzEmail" type="email" class="form-control" id="inputYourEmail2" placeholder="Phone Number">
											<label for="inputYourEmail2">Your Email</label>
										</div>
									</div>
									<div class="col-sm-12 m-b30">
										<div class="form-floating floating-underline input-light">
											<textarea name="dzMessage" class="form-control" id="inputMessage" rows="6" placeholder="Select Service"></textarea>
											<label for="inputMessage">Message</label>
										</div>
									</div>
									<div class="col-sm-12">
										<button type="submit" name="submit" value="submit" class="btn btn-lg btn-icon btn-white btn-shadow">
											Appointment <span class="right-icon"><i class="feather icon-arrow-right"></i></span>
										</button>
									</div>
								</form>
							</div>
						</div>
					</div>
				</div>
			</div>
		</section>
{% endblock %}