/*!
Theme Name: A5DWordpress
Theme URI: http://underscores.me/
Author: A5DWordpress
Author URI: http://underscores.me/
Description: A5DWordpress is designed to be flexible, versatile and applicable to any website. Its collection of templates and patterns tailor to different needs, such as presenting a business, blogging and writing or showcasing work. A multitude of possibilities open up with just a few adjustments to color and typography. Twenty Twenty-Four comes with style variations and full page designs to help speed up the site building process, is fully compatible with the site editor, and takes advantage of new design tools introduced in WordPress 6.4.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: a5dwordpress
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

A5DWordpress is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

.pagination {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.pagination a,
.pagination span {
    margin: 0 5px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    color: #333;
    text-decoration: none;
}

.pagination .current {
    background-color: #015350;
    color: white;
    border-color: #015350;
}

.pagination a:hover {
    background-color: #ACCC77;
    color: #015350;
}

.hidden-label {
    display: none;
}

.screen-reader-text{
	 display: none;
}

.homeaboutus_form .form_block form .form_row_check .form_check input, .ourdentist_block .form_block form .form_row_check .form_check input{
border: 1px solid #015350 !important;
}
p:empty {
    display: none;
}

.wpcf7-not-valid {
  border: 1px solid red !important
}

.error-message {
  color: red;
  font-size: 1em;
  margin-top: 5px;
  display: block;
}


.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */
}

.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.privacy_policy .left_right_block_one{
	margin: 0 0 0 !important;
}

.Newabt .homeaboutus_inner .homeaboutus_text h3 {
  font-size: 5rem;
  line-height: 120%;
  margin: 0 0 1rem;
}


.Newabt .homeaboutus_inner .homeaboutus_text p {
  font-size: 2.4rem;
  font-weight: 500;
  margin: 0 0 2rem;
}


.Newabt .homeaboutus_inner .homeaboutus_text ul li:not(:last-child) {
  margin: 0 0 2rem;
}
.Newabt .homeaboutus_inner .homeaboutus_text ul li {
  font-size: 1.6rem;
}

.Newabt .homeaboutus_inner .homeaboutus_text ul li strong {
  font-weight: 600;
}

.bloglisting_items article .bloglisting_item h2 {
  padding: 0 3rem;
  margin: 1rem 0 2rem;
  font-size: 2.3rem;
  font-weight: 500;
}

.bloglisting .section_title h1 {
  font-weight: 400;
  font-size: 6rem;
  color: #015350;
}

.clinicIntro h2{ font-size: 4rem !important }
.clinicIntro h3{ font-size: 3rem !important }

.singledoctor_inner ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0 3rem;
}

.singledoctor_inner ul li {
  flex: 1 1 calc(50% - 1.5rem);
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  gap: 0 0.5rem;
  padding: 0 0 1.5rem;
  margin: 0 0 1.5rem;
  border-bottom: 0.1rem solid rgba(1, 83, 80, 0.1);
  font-size: 1.6rem;
}

.cdp span a { color:#ACCC77 }

.second.appointmentopening .appointmentopening_inner .col .appointmentopening_time .openingtime ul li strong {
  color: #ACCC77;
font-weight: inherit;
}

.flexible_finance_become_a_partner_practice .appointmentfee_btn,  .partner-clinic .appointmentfee_btn{
  margin: 3rem 0 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}

.partner-clinic h2 {
	font-size: 4rem;
	margin: 0 0 2rem;
}

.partner-clinic .ourdentist_inner .ourdentist_block .ourdentist_dis p {
    font-size: 2rem;
    font-weight: 400;    
}


.partner-clinic .ourdentist_inner .ourdentist_block .ourdentist_dis ul {
    margin: 0 0 2rem; 
}

.emergencydentalappointmentcls ul li:not(:last-child) {
    border-bottom: 0.1rem solid rgba(1, 83, 80, 0.1);
    margin: 0 0 1rem;
    padding: 0 0 1rem;
}

.emergencydentalappointmentcls ul li {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    justify-content: flex-start;
}

.emergencydentalappointmentcls ul li .new {
    font-size: 2.7rem;
    font-weight: 700;
    width: 100%;
    max-width: 13rem;
	padding: 0 1rem 0;
}

.emergencydentalappointmentcls ul li .old {
    font-size: 2.7rem;
    text-decoration: line-through;
}


#wpsl-wrap .location_list {
    flex: 1 1 0;
    background: #F2FAFC;
    max-height: 67rem;
    overflow-y: auto;
}

#wpsl-wrap .location_list ul li {
    padding: 4rem;
}

#wpsl-wrap .location_list ul li h5 {
    font-size: 3.6rem;
    font-weight: 500;
    margin: 0 0 1rem;
}

#wpsl-wrap .location_list ul li p {
    font-size: 2rem;
    font-weight: 500;
    margin: 0 0 1.5rem;
}

#wpsl-wrap .location_list ul li .location_infolist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 0 1rem;
	margin: 0px 0 2rem;
}

#wpsl-wrap .location_list ul li .location_infolist a {
    width: 4.5rem;
    height: 4.5rem;
    background: #015350;
    border-radius: 50%;
    display: block;
    text-align: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    justify-content: center;
}

#wpsl-wrap .location_list ul li .location_infolist a img {
    width: 2.1rem;
}


#wpsl-wrap .wpsl-search {  
    margin: 7.8rem 0 0;
	background: #015350;
}


#wpsl-wrap .wpsl-input label {
    margin-top: 2px;
    color: #fff;
}


#wpsl-search-wrap div label {
    float: left;
    margin-right: 10px;
    line-height: 32px;
	margin-top: 2px;
    color: #fff;
}


#wpsl-search-wrap div label {
    float: left;
    margin-right: 10px;
    line-height: 32px;
	margin-top: 2px;
    color: #fff;
}

#wpsl-search-btn, #wpsl-search-wrap input {
    border: none;
    border-radius: 3px;
}

#wpsl-wrap .btn_1 {
    padding: 1rem;
}


#wpsl-wrap #wpsl-search-wrap .pac-target-input, #wpsl-wrap #wpsl-search-wrap #wpsl-radius-dropdown, #wpsl-wrap #wpsl-search-wrap .wpsl-selected-item {
    
    padding: 1rem 2rem;
    line-height: normal;
    background: #F2FAFC;
    font-size: 1.6rem;
    font-weight: 400;
    color: #015350;
    border: none;
    outline: none;
    box-shadow: none;
    min-height: 4rem;
    resize: none;
}


.homeaboutus_inner h2.form-header {
    font-size: 6rem;
    margin: 0 0 1rem;
}


.section_padding_thankyou {
    padding: 23rem 0;
}

/**

Rahul CSS Start Here

**/


body {
  background-color: #f1f3f6;
}

header {
  background-color: #ffffff;
  padding: 8px 2%;
  box-shadow: 0 10px 20px rgb(0, 0, 0/5%), 0 6px 6px rgb(0, 0, 0/6%);
}

header nav {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}

.logo {
  flex: 1;
  display: flex;
  align-items: center;
}

.logo a {
  text-decoration: none;
  font-size: 26px;
  color: #fff;
  text-transform: uppercase;
  font-weight: 800;
}

.bartoggle,
#menubrop {
  display: none;
}

.NavMenu {
  flex: 10;
  list-style: none;
  position: relative;
  display: flex;
  justify-content: end;
  align-items: center;
  margin: 0;
  padding: 0;
}

.NavMenu li {
  display: inline-block;
  margin-right: 24px;
  position: relative;
}
.NavMenu li svg{
	content: "";
    position: absolute;
    font-size: 11px;
    right: -5px;
    top: 12px;
}
.NavMenu li input {
  display: none;
}

.NavMenu li a {
  display: block;
  font-size: 16px;
  text-decoration: none;
  color: #424242;
  position: relative;
  font-weight: 500;
}
.NavMenu li a.active,
.NavMenu li a:hover{
  color: #015350;
}
.NavMenu li a label {
  cursor: pointer;
  appearance: none;
  display: block;
  position: relative;
}

.NavMenu li a label::after {
  content: "+";
  position: absolute;
  right: 0;
  top: 0;
  font-size: 20px;
}

.NavMenu>li>a label::after {
  right: -15px;
  top: -5px;
}

.NavMenu li ul {
  position: absolute;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  min-width: 200px;
  border-bottom: 2px solid #015350;
  top: 100%;
  padding: 0;
  box-shadow: 0 3px 5px rgb(0 0 0/20%);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transform: translateY(10px);
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  visibility: hidden;
  opacity: 0;
  z-index: 9999;
}

.NavMenu li ul li {
  position: relative;
  margin: 0;
}

.NavMenu li ul li a {
  color: #424242;
  padding: 8px 10px;
  display: block;
  border-left: 2px solid transparent;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

.NavMenu li ul li ul {
  position: absolute;
  left: 100%;
  top: 0;
}

/*=====Button-css====*/
.banner_left_text_pri {
    display: flex;
    align-items: center;
    gap: 15px;
	  margin:12px 0;
}
.banner_left_text_pri p{
	  overflow: hidden;
    transition: 0.5s ease;
	  width: auto;
    text-align: center;
    padding: 2px 10px;
}
.banner_left_text_pri strong{
	font-size: 24px;
    font-style: italic;
    font-weight: bold;
	position: relative;
	overflow: hidden;
    transition: 0.5s ease;
}
.respo-btn-nav {
    display: flex;
    align-items: center;
    gap: 5px;
}
.respo-btn-nav .appointment_btn {
    color: #015350;
    display: none;
}
.appointment_btn {
    position: relative;
    padding: 8px 10px;
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.4);
    color: #424242;
    text-decoration: none;
    overflow: hidden;
    transition: 0.5s ease;
    font-size: 16px;
    font-weight: 500;
}
.appointment_btn:hover{
  background: linear-gradient(to right, #39a5a1, #015350);
  color: #fff;
}
.appointment_btn span:nth-child(1),
.banner_left_text_pri strong span:nth-child(1) {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #39a5a1, #015350);
  animation: animate1 2s linear infinite;
}

@keyframes animate1 {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

.appointment_btn span:nth-child(2),
.banner_left_text_pri strong span:nth-child(2) {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 2px;
  background: linear-gradient(to right, #39a5a1, #015350);
  animation: animate2 2s linear infinite;
  animation-delay: 1s;
}
@keyframes animate2 {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}

.appointment_btn span:nth-child(3),
.banner_left_text_pri strong span:nth-child(3) {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #39a5a1, #015350);
  animation: animate3 2s linear infinite;
}

@keyframes animate3 {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.appointment_btn span:nth-child(4),
.banner_left_text_pri strong span:nth-child(4) {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 2px;
  background: linear-gradient(to right, #39a5a1, #015350);
  animation: animate4 2s linear infinite;
  animation-delay: 1s;
}

@keyframes animate4 {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
.banner_left_text_pri h2 {
    margin-bottom: 0 !important;
}
.banner_left_text_pri strong span:nth-child(2) {
    right: -10px;
}
.banner_left_text_pri strong span:nth-child(4) {
    left: -9.5px;
}

.banner_left_text_pri strong span:nth-child(1){
  top: -2px;
}
.banner_left_text_pri strong span:nth-child(3) {
    bottom: -2px;
}
/*====close button css====*/


@media(min-width:992px) {
  .NavMenu li ul li a:hover {
    border-left: 2px solid #015350;
  }

  .NavMenu li:hover>ul,
  .NavMenu li ul li:hover>ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
  }
}/*=====992px Media Close=====*/

@media(min-width: 1151px) and (max-width: 1431px){
    .NavMenu li {
      margin-right: 2px;
  }
}/*=====1151px to 1431px Media Close=====*/

@media(max-width:1150px) {
.respo-btn-nav .appointment_btn {
    display: block;
}
.appointment_btn.dest-btn{display:none;}
  header {
    padding: 6px 5%;
  }
.contactus_call a{
  display: none;
}
  .logo {
    flex: 6;
  }

  .bartoggle {
    display: flex;
    justify-content: center;
    font-size: 60px;
    line-height: 0;
    align-items: center;
    background-color: #fff;
    padding: 0 10px;
    cursor: pointer;
  }

  .NavMenu {
    width: 500px;
    flex: 12;
    position: fixed;
    flex-direction: column;
    background-color: #015350;
    left: 0;
    top: 78px;
    height: 100vh;    
    padding: 15px 0 50px 0;
    justify-content: start;
    z-index: 99;
    align-items: flex-start;
    overflow-y: scroll;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
  }

  .NavMenu li ul,
  .NavMenu li ul li ul {
    position: initial;
    left: 0;
    visibility: visible;
    opacity: 1;
    top: 0;
    display: none;
  }
.NavMenu li{
  margin-right: 0px;
  width: 100%;
}

.appointment_btn {
    color: #fff;
    margin: 15px;
}
  .NavMenu li a {
    padding: 8px 15px;
    border-bottom: 1px solid #fff;
    color: #fff;
  }
.NavMenu li a.active, .NavMenu li a:hover{
  color: #ACCC77;
}
  .NavMenu li ul li ul {
    background: #2874f0;
    position: inherit;
    margin-top: -10px;
  }

  .NavMenu li ul li ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
    text-transform: initial;
    padding: 7px 15px 7px 30px;
  }

  .NavMenu li a label::after {
    right: 10px;
  }

  .NavMenu li input:checked+ul,
  .NavMenu li ul li input:checked+ul {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }

  input:checked+.NavMenu {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
  }

}/*=====1150px Media Close=====*/

@media(max-width:768px) {
  .NavMenu {
    width: 100%;
  }
  .banner_left_text, .banner_right_text {
      padding: 2% 2% !important;
  }
  .banner_left_text{
    padding-bottom: 0 !important;
  }
  .banner_right_text{
    padding-top: 0 !important;
  }
   .banner_left_text .list {
      margin: 1.5rem 0 2.5rem !important;
  }
  .banner_right_text h2, .banner_right_text h3 {
      margin-bottom: 10px;
  }
  .ourdentist_dis.section_title h2 {
      margin-bottom: 15px !important;
  }
}/*=====768px Media Close=====*/
     
/*==========Header Section CSS Close=================*/

.main_banner{
 background-image: url(images/img/background.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    color: #fff;
}
.banner_left_text,
.banner_right_text {
    padding: 5% 2%;
}
.banner_left_text .list{
  margin: 2.5rem 0;
}
.banner_left_text h1 {
    font-weight: 700;
    font-size: 42px;
    margin-bottom: 1rem;
}
.banner_left_text h2{
    font-size: 20px;
    margin-bottom: 1rem;
    font-style: italic;
}
.banner_left_text h2 strong{
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
}
.banner_left_text li {
    margin: 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: start;
    font-size: 16px;
}
.banner_left_text li img{
  width: 22px;
  height: 22px;
}
.offer_icon,
.opening_hours,
.clinic_contact,
.textarea_text {
    display: flex;
    align-items: center;
    gap: 10px;
}
.offer_icon.border-right{
  border-right: 1px solid #fff;
}
.offer .row {
    gap: 28px 0;
}
.offer_icon img {
    width: 40px;
    height: 40px;
}
.offer_icon_text p {
    font-size: 11px;
}
.offer_icon_text span {
    font-size: 15px;
    font-weight: 500;
}
.banner_center img{
  width: 100%;
  height: 100%;
  max-height: 91vh;
}
.banner_center .md_size_img{
  display: none;
}
.banner_right_text h2, .banner_right_text h3, .bn_title {
    font-size: 22px;
    font-weight: 600;
}
.opening_hours_text {
    line-height: 16px;
}
.opening_hours_text p {
    font-weight: 600;
    font-size: 16px;
    line-height: 2;
}
.opening_hours_text p:last-child {
    font-weight: 400;
}
.opening_hours_text span{
    font-size: 11px;
}
.clinic_contact_img {
    background: #fff;
    padding: 6px;
    width: 32px;
    height: 32px;
}
.opening_hours {
    margin-bottom: 20px;
}
.clinic_contact_text {
    line-height: 20px;
}
.clinic_contact_text p {
    font-size: 16px;
}
.clinic_contact_text span {
  font-size: 15px;
    font-weight: 500;
}
.clinic_contact_text a {
    font-weight: 400;
    font-size: 16px;
    line-height: 2;
	    color: inherit;
}

.request_form p {
        font-size: 15px;
    margin-bottom: 12px;
}
.request_form input,
.form-select,
.input_box textarea{
      width: 100%;
    height: 50px;
    border: 1px solid #fff;
    margin: 0 0 12px !important;
    border-radius: 4px;
    padding: 0 10px;
    font-size: 15px;
    color: #fff;
    background: transparent;
}
.request_form input::placeholder,
textarea::placeholder{
	color: #fff;
	font-size: 12px;
}
.textarea_text .wpcf7-list-item {
    margin: auto;
}
.request_form .textarea_text input[type="checkbox"] {
    width: 22px;
    height: 22px;
    margin: 0 !important;
}
:focus{
  outline: none;
}
.form-select:focus {
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}
.form-select option {
    background: #fff;
    color: #000;
}
.input_box {
    position: relative;
}
.input_box svg {
    position: absolute;
    right: 0px;
    top: 5px;
    padding: 10px 8px;
    pointer-events: none;
    color: #fff;
    opacity: 0.4;
    font-size: 18px;
}
.input_box textarea{
    margin: 0;
    padding: 5px;
    height: 60px;
}
.textarea_text {
	margin-bottom: 15px;
}
.textarea_text label{
	display: flex;
    align-items: start;
    gap: 10px;
}
.textarea_text .wpcf7-list-item-label {
    font-size: 14px;
}
.textarea_text i {
    font-size: 22px;
}
.textarea_text p{
      font-size: 14px;
}

input.submit_btn {
    appearance: none;
    background: transparent;
    border: none;
    cursor: pointer;
    isolation: isolate;
    color: #000 !important;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 600;
    background: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 40px;
    isolation: isolate;
    float: right;
    width: auto;
    overflow: hidden; /* Prevents glitches */
    transition: color 250ms ease-in;
}

input.submit_btn::before {
    content: "";
    transition: all 250ms ease-in;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, #39a5a1, #015350);
    z-index: -1;
    transform: rotateX(90deg);
    opacity: 0;
}

input.submit_btn:hover {
    color: #fff;
}

input.submit_btn:hover::before {
    transition: all 250ms ease-out;
    transform: rotateX(0deg);
    opacity: 1;
}

@media(min-width:992px) and (max-width: 1761px){
  #header  .wrapper {
      padding: 0 0rem;
  }
    .wrapper {
      padding: 0 5rem;
  }
  .main_banner .wrapper {
      padding: 0 0rem !important;
  }
}/*=====992px to 1761px Media Close=====*/

@media(max-width: 991.98px){
    .wrapper {
      padding: 0 1rem;
  }
  .main_banner .wrapper {
      padding: 0 0rem !important;
  }
      #header .header_content .logo a img {
        max-width: 9rem !important;
    }
}/*=====991.98px Media Close=====*/

@media(min-width:1200px) and (max-width: 1920px){
	.NavMenu li a {
		font-size: 17px;
	}
	.appointment_btn {
		padding: 12px 12px;
		font-size: 18px;

	}
	.banner_left_text, .banner_right_text {
		margin: 5% 2%;
	}
	.banner_left_text h1 {
		font-size: 50px;
		margin-bottom: 3rem;
	}
	.banner_left_text .list {
		margin: 3.5rem 0;
	}
	.offer_icon img {
		width: 50px;
		height: 50px;
	}
	.offer_icon_text p {
		font-size: 16px;
	}
	.banner_right_text h2, .banner_right_text h3, .bn_title {
		font-size: 26px;
		margin-bottom: 10px;
	}
/*	.clinic_contact{
		margin-bottom: 24px !important;
	}*/
	.request_form p {
		margin: 10px 0 20px;
	}
	.request_form input, .form-select, .input_box textarea {
		margin: 0 0 10px !important;
	}
	.banner_left_text li {
		margin: 10px 0 10px;
	}
	.banner_center {
		width: 100%;
		height: 100%;
	}
	.banner_center img {
		width: 100%;
		height: 100%;
		object-fit: fill;
	}
}/*=====1200px to 1920px Media Close=====*/



@media(max-width: 1200px){
  .clinic_main {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
  }
  .clinic_contact.mb-3 {
    margin-bottom: 0 !important;
  }
  .banner_left_text h2 {
    font-size: 18px;
    margin-bottom: 0.5rem;
  }
  .offer_icon_text p {
    font-size: 15px;
  }
  .input_box textarea {
    height: 60px;
  }
  .request_form input{
    height: 48px;
  }
  .offer .row {
    gap: 15px 0;
  }
}/*=====1200px Media Close=====*/

@media(max-width: 1199.98px){
    .banner_center img{
      display: none;
    }
    .banner_center .md_size_img {
        display: block;
        height: 520px;
        object-fit: fill;
    }
}/*=====1199.98px Media Close=====*/

@media screen and (min-device-width: 992px) and (max-device-width: 1175px) { 
  .banner_left_text h1 {
      font-size: 40px;
      margin-bottom: 0.5rem;
    }
  .banner_left_text .list {
      margin: 2.5rem 0;
  }
  .banner_left_text li {
      margin: 5px 0;
      font-size: 15px;
  }
  .banner_left_text li img {
      width: 18px;
      height: 18px;
  }
    .offer_icon img {
      width: 30px;
      height: 30px;
  }
  .opening_hours {
      margin-bottom: 10px;
  }
  .opening_hours_text p {
    font-size: 14px;
  }
}/*=====992px to 1175 Media Close=====*/

@media(max-width: 992px){
  .banner_left_text h1 {
    font-size: 32px;
  }
    .banner_left_text h2 {
      font-size: 22px;
  }
  .banner_left_text li img {
    width: 20px;
    height: 20px;
  }
  .input_box textarea {
        height: 70px;
  }
  .banner_left_text .list {
      margin: 3.5rem 0;
  }
    .clinic_main {
      flex-wrap: wrap;
  }
    .clinic_contact_text a {
      font-weight: 400;
    }
}/*=====992px Media Close=====*/

@media(max-width: 576px){
  .offer .row>* {
    width: 50%;
  }
  .banner_left_text .list {
    margin: 2.5rem 0;
  }
    .banner_left_text h1 {
      font-size: 32px;
  }
  .banner_left_text,{
     padding: 3% 1%;
  }
  .banner_right_text {
    padding: 2% 1%;
  }
  .banner_left_text h1 {
    margin-bottom: 5px;
  }
  .ourdentist_inner .ourdentist_block .ourdentist_dis {
      padding: 0rem 0rem !important;
  }
} /*=====576px Media Close=====*/

@media(max-width: 576px){
  .footer_inner {
      display: block;
  }
  .footer_inner .footer_info{
    margin: 0 !important;
  }
  .footer_discription{
    padding: 0 0 2rem !important;
  }
} /*=====576px Media Close=====*/


/* Ensure checkbox is visible */
.request_form .wpcf7-form-control.wpcf7-acceptance input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 20px;
    height: 20px;
    border: 2px solid #fff;
    border-radius: 4px;
    background: transparent;
    position: relative;
    cursor: pointer;
}

/* Style when checked */
.request_form .wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]:checked {
    background-color: transparent; /* Red background when checked */
    border-color: transparent; /* Border color also red */
}

/* Add checkmark when checked */
.request_form .wpcf7-form-control.wpcf7-acceptance input[type="checkbox"]:checked::before {
    content: "✔";
    font-size: 16px;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-weight: bold;
}
.mySwiperCls {
  display: flex;
  align-content: center;
  justify-content: center;
  background: #f2fafc;   
}

.mySwiperCls_inner {
    width: 50%;
}
.mySwiperCls .swiper-slide img {
  width: 100%;
  height: 100%;
}
.mySwiperCls .section_title{
    margin: 0 0 0rem;
}
.SwiperCls_lefttext {
    background: #015350;
    padding: 15px 0px;
    color: #fff !important;
}
.SwiperCls_righttext {
    background: #ACCC77;
    padding: 15px 0px;
}
.mySwiperCls .swiper-button-next, 
.mySwiperCls .swiper-button-prev{
  background: #015350;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  color: #fff;
}
.mySwiperCls .swiper-button-next::after, 
.mySwiperCls .swiper-button-prev::after{
	font-size: 22px;
}
.mySwiperCls .section_title h2,
.myFeesCls .section_title h2{
	font-size: 32px;
	font-family: inherit;
}
.myFeesCls .section_title h2{
	max-width: 100%;
}
.mySwiperCls .whychooseus_inner .whychooseus_box figure img {
  width: 7rem;
  height: 7rem;
  -o-object-fit: contain;
  object-fit: contain;
  filter: inherit;
  background: #015350;
  padding: 12px;
  border-radius: 10px;
  transition: 0.6s ease;
}
.mySwiperCls .whychooseus_inner .whychooseus_box p {
  font-size: 20px;
}
.mySwiperCls .whychooseus_inner .whychooseus_box {
  padding: 3rem;
  transition: 0.5s ease;
}
.mySwiperCls .whychooseus_inner .whychooseus_box:hover{
    transition: 0.4s ease;
    background: #f2fafc;
    box-shadow: 0 0px 5px 0 #b4b4b4;
    border-radius: 8px;
}
.mySwiperCls .whychooseus_inner .whychooseus_box:hover img{
  padding: 15px;
}
.mySwiperCls .whychooseus_inner{
	padding-top: 50px;
}

.testimo_sec{
	background: #fff;
}
 .testimo_sec .award_text h4{
	color: #015350; 
 }
.myFeesCls .btn_1{
	color: #015350;
    background: #ACCC77;
}
.myFeesCls .btn_1:hover{
	color: #fff;
  background: #015350;
}
.myFeesCls .wpcf7-response-output,
.myFeesCls .wpcf7-not-valid-tip{
	color: #fff;
}


@media(min-width:1300px) and (max-width: 1500px){
	.mySwiperCls .whychooseus_inner {
	  padding-top: 6rem;
	}
	.mySwiperCls .whychooseus_inner .whychooseus_box {
	  padding: 1rem;
	}
	.whychooseus_inner {
	  gap: 2rem 0;
	}
}/*=====1500px to 1300 Media Close=====*/

@media(min-width:992px) and (max-width: 1299px){
	.mySwiperCls .whychooseus_inner {
	  padding-top: 0rem;
	}
	.mySwiperCls .whychooseus_inner .whychooseus_box {
	  padding: 1rem;
	}
	.whychooseus_inner {
	  gap: 2rem 0;
	}
}/*=====992px to 1299 Media Close=====*/

@media(max-width: 991.98px){
	.mySwiperCls_inner {
	  width: 100%;
	}
	.mySwiperCls {
	  flex-direction: column;
	  gap: 3rem 0;
	}
	.mySwiperCls .whychooseus_inner {
	  padding: 4rem 0;
	}
	.mySwiperCls .whychooseus_inner .whychooseus_box {
	  padding: 1rem;
	}
	.whychooseus_inner {
	  gap: 2rem 0;
	}
  .footer_inner .footer_info{
    border-bottom: none !important;
  }
  .team2_inner ul{
    justify-content: center !important;
  }
  .team2_inner ul li {
        flex: 0 0 calc(24% - 0rem) !important;
    }
    .team2_inner ul li figure {
      margin: 0 0 1rem;
  }
  .team2_inner ul li h4,
  .team2_inner ul li p,
  .team2_inner ul li span {
     padding: 0 5px;
  }
}/*=====991.98px Media Close=====*/
#header{
  border-bottom: 1px solid #d3d3d3;
}
#header .header_content{
  border-bottom: unset !important;
}
.aboutintroduction_inner {
    gap: 3rem 3rem !important;
}
.aboutintroduction_inner .aboutintroduction_right{
  background: #fff !important;
}
.aboutintroduction_inner .aboutintroduction_right .vc_column-inner{
      background: #015350;
      padding: 3rem 2rem !important; 
}
.aboutintroduction_inner .aboutintroduction_right {
    padding: 0rem !important;
}
.form_block form .form_row .form_group input:not(.wpcf7-submit), .form_block form .form_row .form_group textarea:not(.wpcf7-submit){
    border: 0.1rem solid #015350;
    padding: 1rem 1rem;
}
.ourdentist_inner .ourdentist_block .ourdentist_dis {
    padding: 0rem 4rem;
}
.ourdentist_dis.section_title h2{
  margin-bottom: 30px;
}
.ourdentist_text h3 {
    font-size: 5rem;
    color: #fff;
    margin: 0 0 0.5rem;
}
.ourdentist_inner .ourdentist_block .ourdentist_dis p {
    font-size: 1.8rem;
    margin: 2rem 0;
}
.ourdentist_inner .section_title {
    border-bottom: unset;
}
.team2_inner ul li p {
    margin: 0 0 2px;
}
.whychooseus_inner .whychooseus_box:not(:nth-child(4n))::after {
    height: 12rem;
}
.ourdentist_inner .section_title{
      margin: 0 !important;
}
.ourdentist.section_margin {
    margin-top: 0 !important;
}
.fees_inner .tab-content .tab-pane table thead tr th,
.fees_inner .tab-content .tab-pane table tbody tr td {
    padding: 1rem 2rem;
}
.footer_inner {
    justify-content: space-between;
}
.contactus_call a{
  gap: 5px !important;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
    border-color: #accc77;
    border-radius: 5px;
}
.team2_inner ul li figure{
    overflow: hidden;
}
.team2_inner ul li figure img{
    transform: scale(1);
    transition: transform .5s ease-in-out;
}
.team2_inner ul li:hover figure img{
  transform: scale(1.1);
}
/*=====CSS-CLOSE-======*/


@media only screen and (max-width: 1530px) {
    .footer_inner .footer_discription {
        padding: 0;
        width: 100%;
        max-width: 100%;
    }
    .footer_inner .footer_info {
        max-width: 16rem !important;
    }
    .footer_inner .footer_discription ul li a {
        font-size: 16px !important;
    }
      .footer_inner .footer_info .footer_social ul {
        gap: 1rem 2rem !important;
    }
}/*====== 1530px media close =====*/
@media(max-width: 576px){
  .footer_inner .footer_info {
        max-width: 100% !important;
    }
}/*====== 576px media close =====*/












/*=====FONT-SIZE-REPONSIVE-CSS===== START==*/

@media (min-width: 1800px) and (max-width: 2300px) {
   .mySwiperCls .section_title h2, .myFeesCls .section_title h2,
   .ourdentist_dis.section_title h2 {
      font-size: 32px !important;
  }
    .section_title h2{
        font-size: 50px !important;
    }
}

@media (min-width: 1551px) and (max-width: 1920px) {
    .banner_left_text h2 {
      font-size: 24px;
      margin-bottom: 2rem;
    }
}

@media screen and (max-width: 1800px) {
   .mySwiperCls .section_title h2, .myFeesCls .section_title h2 {
      font-size: 26px !important;
  }
    .section_title h2 {
        font-size: 40px !important;
    }
}

@media screen and (max-width: 1550px) {
    .section_title h2 {
        font-size: 32px !important;
    }
    .mySwiperCls .whychooseus_inner .whychooseus_box p {
      font-size: 16px;
    }
    .banner_left_text h2 {
      font-size: 20px;
      margin-bottom: 2rem;
    }
    #header .header_content .navbar .navbar-nav .menu-item .nav-link, .contactus_call a {
      font-size: 16px !important;
   } 
}

@media screen and (max-width: 1360px) {
    .section_title h2 {
        font-size: 30px !important;
    }
    .mySwiperCls .section_title h2, .myFeesCls .section_title h2 {
      font-size: 22px !important;
  }
}

@media screen and (max-width: 991.98px) {
    .section_title h2 {
        font-size: 26px !important;
    }
}

@media screen and (max-width: 768px) {
    input.submit_btn{
      float: left;
    }
    .team2_inner ul li {
        flex: 0 0 calc(32% - 0rem) !important;
    }
}

@media screen and (max-width: 576px) {
    .team2_inner ul li {
        flex: 0 0 calc(48.5% - 0rem) !important;
    }
}


@media screen and (max-width: 480px) {
       header {
        padding: 6px 3%;
    }
     .NavMenu{
       top: 82px;
     }
.respo-btn-nav {
    gap: 0px;
}
.respo-btn-nav .appointment_btn {
        margin: 8px;
    }
}


@media screen and (max-width: 450px) {
    .section_title h2 {
        font-size: 24px !important;
    }
}

@media only screen and (max-width: 1199px) {
    #header .header_content .navbar .navbar-nav {
        gap: 1rem !important;
    }
}

.margin_left_10{ margin-right:10px;}

.footer .copyright_inner a {
	color: #fff;
    letter-spacing: 0.01rem;
}

.footer .copyright_inner a:hover {
    color: #ACCC77;
}

.footer .copyright_inner p span{
	opacity: 100%;
}

.blogdetail_inner h1 { list-style: disc !important; }
.blogdetail_inner ul { list-style: disc !important; }
.blogdetail_inner ul li ul { list-style: circle !important; }
.blogdetail_inner ol li { list-style: auto !important; }

.blogdetail_inner a {    
    text-decoration: underline !important;
}
.blogdetail_inner .bloglisting_author a, .blogdetail_inner .tags a{   
    text-decoration: none !important;
}

.blogdetail_inner .bloglisting_author ul{   
    list-style: none !important;
}

.form_check label {
    display: flex;
    gap: 10px;
}
input[type="checkbox"], input[type="radio"]{
	appearance: auto !important;
    -webkit-appearance: auto !important;
    min-height: 20px !important;
    width: 20px !important;
}


.ourdentist_inner .ourdentist_block .ourdentist_dis {
    width: calc(50% - 1.4rem);
    padding: 4rem;
    height: 450px;
    overflow: auto;
}

.ourdentist_inner .ourdentist_block .ourdentist_box {
    width: calc(30% - 1.4rem);
    position: relative;
    transition: 0.7s ease;
    overflow: hidden;
}

.ourdentist_inner .ourdentist_block .ourdentist_box .ourdentist_text {
    position: absolute;
    z-index: 1;
    inset: auto 0 0;
    padding: 1rem 2rem;
    background: linear-gradient(180deg, rgb(0 43 41 / 59%) 0%, rgb(0 43 41) 100%);
    bottom: -15%;
    transition: 0.7s ease;
}
.ourdentist_inner .ourdentist_block .ourdentist_box:after {
    content: "";
    width: 100%;
    height: 100%;
    background: rgb(0, 43, 41);
    background: linear-gradient(180deg, rgb(0 43 41 / 3%) 0%, rgb(0 43 41 / 34%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002b29",endColorstr="#002b29",GradientType=1);
    position: absolute;
    inset: 0 0 auto;
    transition: all 0.3s ease-in-out;
}

.ourdentist_text h4 {
   font-size: 5rem;
    color: #fff;
    margin: 0 0 0.5rem;
}


.ourdentist_inner .ourdentist_block .ourdentist_box .ourdentist_text p {
    font-size: 1.6rem !important;
    color: #fff;
}
.ourdentist_inner .ourdentist_block .ourdentist_box:hover .ourdentist_text {
     bottom: 0 !important;
}

.ourdentist_inner .ourdentist_block .ourdentist_box .ourdentist_text .gdc{
	font-size: 2rem !important;
}

.ourdentist_inner .ourdentist_block .ourdentist_box .ourdentist_text strong{
	font-size: 1.8rem !important;
}

.ourdentist_inner .ourdentist_block{
	justify-content: center !important;
}





.tooltip-card {
    position: relative;
    cursor: pointer;
}

.tooltip-card img {
    background: #fff;
    padding: 7px;
    width: 32px;
    height: 32px;
}

.tooltip {
    position: absolute;
    background: #015350;
    padding: 1rem;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease, transform 0.3s ease;
    width: 235px;
    z-index: 9;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.tooltip-card:hover .tooltip, .tooltip-card:focus .tooltip {
    opacity: 1;
    pointer-events: auto;
}

.tooltip p {
    font-size: 1.5rem;
    margin: 0.4rem 0 0.75rem;
    line-height: 1.3;
}

.tooltip p b {
    font-weight: 600;
}

.google-auto-placed {
    position: absolute;
    z-index: 4;
    width: 100%;
}

.footer .wrapper .extra-footer-text p {
    color: #fff;    
    margin: 0 0 2rem;
}