/*******priyanka-css*********/
.contact-sec h2,
.contact-map h2,
.smiles_sec h2,
.before_sec h2 {
    text-align: center;
    margin-bottom: 30px;
}
.before_sec{
	padding-bottom: 65px;
}
.contact_inn {
    padding: 40px 40px;
    border-radius: 10px;
    max-width: 543px;
    position: relative;
}

.contact_inn::before {
    content: '';
    position: absolute;
    right: 38px;
    bottom: 70px;
    width: 138px;
    height: 138px;
    background-color: rgba(255, 250, 250, 0.15);
    border-radius: 100%;
}

.contact_inn p {
    color: #FFFFFF;
}

.contact_inn p a {
    color: #FFFFFF;
}

.contact_inn h3 {
    color: #FFFFFF;
    font-size: 32px;
    margin-bottom: 20px;
}

.contact_inn p {
    margin-bottom: 30px;
}

.contact_inn p img {
    width: 24px;
    margin-right: 18px;
    display: inline-block;
    vertical-align: middle;
}

.contact_inn span {
    width: calc(100% - 43px);
    display: inline-block;
    vertical-align: top;
    color: #FFFFFF;
}

.contact_form label {
    color: #2E2E2E;
    font-size: 16px;
    font-weight: 500;
}

.contact_form {
    max-width: 598px;
    margin-left: auto;
    padding: 15px 0px;
}

.contact_form p {
    margin-bottom: 25px;
}

.contact_form input,
.contact_form select {
    border: 0;
    padding: 10px 0px;
    width: 100%;
    font-size: 14px;
    color: #2E2E2E;
    line-height: 22px;
    outline: none;
    border-radius: 0px;
    border-bottom: 1px solid #828282;
}

.contact_form div.halfs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}

.contact_form textarea {
    border: 0;
    height: 40px;
    border-bottom: 1px solid #828282;
    font-family: "Poppins", sans-serif;
    padding: 10px 0px;
    width: 100%;
    font-size: 14px;
    color: #2E2E2E;
    line-height: 22px;
    outline: none;
}

.contact_form input[type="submit"] {
    width: 100%;
    color: #fff;
    background-color: #0C6F96;
    font-weight: 500;
    padding: 12px 20px 13px;
    text-align: center;
    font-size: 16px;
    border-radius: 10px;
    transition: background-color .4s ease-in-out;
    border: 0;
    -webkit-appearance: none;
}

.contact-map iframe {
    border-radius: 10px;
}

.social-media {
    margin-top: 50px;
}

.container {
    max-width: 1381px;
}

.contact-sec .row {
    align-items: center;
}

.top_detailtxt h2 {
    margin-bottom: 8px;
    color: #0C6F96;
}

.top_detailtxt .desc ul li {
    margin-bottom: 10px;
    list-style: none;
    position: relative;
    padding-left: 15px;
}

.top_detailtxt .desc ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background-color: #0C6F96;
    border-radius: 50px;
}

.top_detailtxt a {
    margin-top: 10px;
}
.top_detailtxt{
	width: 650px;
}
.top_detailimg {
    max-width: 550px;
    margin-left: auto;
	position: relative;
    width: 100%;
    padding-bottom: 60%;
    border: 0;
}
.top_detailimg img{
	border-radius: var(--base-font);
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.smiles_wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px;
}

.smiles_img {
    position: relative;
}

.smiles_img a {
    position: relative;
    display: block;
}

.smiles_img a:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.2;
    border-radius: 20px;
}

.smiles_img img {
    border-radius: 20px;
    display: block;
}

.smiles_img span {
    width: 64px;
    height: 64px;
    border-radius: 64px;
    background-color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all .3s ease-in-out;
}

.smiles_img span img {
    height: 18px;
}
.smiles_img:hover span {
    transform:translateY(-50%) scale(1.2);
    transition: all .3s ease-in-out;
}

.procedure_sec {
    background-image: linear-gradient(#E4DECE, rgba(225, 225, 225, 0));
	padding: 10px 0;
	position: relative;
}
.procedure_image {
	display: flex;
	  align-items: center;
	  justify-content: center;
	  position: sticky;
	  top: 10px;
}
.procedure_txt {
    padding-left: 20px;
    height: 530px;
}

.procedure_txt h1 {
    margin-bottom: 30px;
}

.procedure_txt h1 strong {
    font-weight: 600;
    color: #0C6F96;
}
.procedure_mainbox { 
	overflow-y: scroll; 
	height: 390px;  
	padding-right: 20px;
}
.procedure_mainbox::-webkit-scrollbar{ 
	width: 4px 
}
.procedure_mainbox::-webkit-scrollbar-track{
    background-image: linear-gradient(to right,transparent 0%,transparent 35%,#424242 35%,#737373 65%,transparent 65%,transparent 100%)
}
.procedure_mainbox::-webkit-scrollbar-thumb{ 
	background-color: #59A1BA; 
	border-radius: 5px; 
}

.procedure_box {
    display: flex;
    padding-bottom: 25px;
     position: relative;
}

.procedure_num {
    background-color: #59A1BA;
    width: 64px;
    height: 64px;
    border-radius: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
   
}

.procedure_box:not(:last-child)::before {
    content: '';
    position: absolute;
    left: 27px;
    top: 50%;
    width: 10px;
    height: 53px;
    background: url(../images/line.svg) no-repeat;
    background-size: contain;
}

.procedure_num span {
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 600;
}

.procedure_desc {
    padding-left: 22px;
    width: calc(100% - 64px);
}

.procedure_desc h5 {
    font-size: 20px;
    color: #0C6F96;
    font-weight: 600;
    margin-bottom: 8px;
}

/* .before_sec .items {
    max-width: 844px;
    margin: 0 auto;
} */

.beforeimg {
    display: flex;
    gap: 16px;
/*     max-width: 800px; */
	justify-content:center;
    margin: 0 auto;
    margin-bottom: 25px;
}

.beforeimg img {
    border-radius: 20px;
    width: 45% !important;
}

.items_txt {
    text-align: center;
    max-width: 999px;
    margin: 0 auto;
}

.items_txt h4 {
    color: #2E2E2E;
    font-size: 32px;
    margin-bottom: 14px;
}
.items_txt .description{
	line-height: 29px;
}

/* .faq_sec { background-color: #E4DECE; }


.faqtxt h6 {  font-size: 20px; color:#0E719B; margin-bottom: 20px; }

.faqtxt h2 { font-weight: 400; margin-bottom: 30px; }
.faqtxt h2 strong { color: #0C6F96; font-weight: 600;  }
.faqvideo { max-width: 528px; }
.faqvideo img {  border-radius: 20px; }
.faqtxt { padding-left: 20px; }
.faq-accordion .faq-answer {
    display: none;
}

.faq-accordion .faq-question {
   font-size: 20px; color: #2E2E2E; font-weight: 500; cursor: pointer;
}
.faq-accordion .faq-answer p{
    font-size: 16px;
    line-height: 28px;
	}
.faq-accordion .faq-answer {
    font-size: 16px;
    color: #2E2E2E;
    font-weight: 400;
    padding-top: 24px;
}
.faq-item { margin-bottom: 44px; }
 */
p{
    line-height: 28px;
}
.container {
    max-width: 1381px;
}
.contact-sec .container {
	padding-bottom: 10px;
}
footer .social-media { 
	margin-top: 0;
}
footer .columns h5 {
    margin-top: 10px;
}
.contact-map {
	margin-bottom: 10px;
}
.before_sec .container {
    padding-top: 0px;
}
.faqtxt h2 {
    margin-bottom: 25px !important;
    line-height: 1.4;
}
.beforeafter button.owl-prev{
	background: url('../images/circle-arrow-left.svg') center no-repeat !important;
	left: auto;
	right: 55px;
	top: auto;
	position: absolute;
	transform: inherit;
	width: 40px;
	height: 40px;
	border-radius: 50% !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.beforeafter button.owl-next{
	background: url('../images/circle-arrow-right.svg') center no-repeat !important;
	left: auto;
	right: 0px;
	top: auto;
	position: absolute;
	transform: inherit;
	width: 40px;
	height: 40px;
	border-radius: 50% !important;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	display: flex !important;
	align-items: center;
	justify-content: center;
}
.beforeafter .owl-nav span{
	display: none;
}
.beforeafter .owl-dots{
	width: 100%;
    height: 3px;
    bottom: -60px;
    position: absolute;
    border-radius: 4px;
        display: flex;
    
}
.beforeafter .owl-dot {
    display: inline-block;
    width: 100%;
    height: 3px;
    background-color: #E4DECE !important;
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.3s ease;
	position: relative;
}
.beforeafter .owl-dot.active {
    background-color: #0C6F96 !important;
}
.blog-sidebar a{
	margin: 10px 0 !important;
	display: block;
}
.procedure_image img{
    border-radius: 16px;
}


@media (max-width: 1365px) {
.bookappointsec img.dental-img { left: -230px;  }
.top_detailtxt {
    width: 570px;
}
}
@media (max-width: 1279px) {
.contact_form { padding-left: 20px; }
.top_detailtxt {
    width: 100%;
}
}

@media (max-width: 1179px) {
.contact_inn {  padding: 30px 30px;  }
}


@media (max-width: 991px) {
.hero-img  { width: 200px; }
.hero-img img { max-height: 210px !important; }
.contact_inn {  padding: 25px 25px; }
.contact_inn h3 {  font-size: 26px; }
.contact_inn p img {  margin-right: 12px; }
.contact_inn p { margin-bottom: 20px; }
footer .columns h3 { font-size: 30px; }
footer .columns h4 { font-size: 20px; }
.credit-links a:first-child img{ margin-left: 0;}
}
@media (max-width: 767px) {
.row { grid-template-columns: 1fr;  }
.hero .row { text-align: center;  gap: 10px; grid-template-columns: 1fr 1fr; }
.hero-img { width: 140px;  height: 140px; }
.contact-sec h2, .contact-map h2, .smiles_sec h2, .before_sec h2 {  margin-bottom: 25px; }
.contact_inn .social-media {  margin-top: 30px; }
.contact_form {  padding-left: 0; padding-bottom: 0;  }
.contact_form p { margin-bottom: 15px; }
.contact-map { padding-top: 0 !important;}
.contact_inn h3 { font-size: 20px; }
header label { right: 4px; }
.contact_inn { max-width: 100%; margin-bottom: 20px; }
.contact_form {  margin-left: 0;  max-width: 100%; }
.contact-sec .container {
    padding-bottom: 0;
}
.top_detailtxt, .procedure_image{
	margin-bottom: 25px;
}
.top_detailimg {
    max-width: 100%;
}
.procedure_txt {
    padding-left: 0;
    height: auto;
}
}
@media (max-width: 479px) {
.hero-img { width: 90px; height: 90px; }
h1 {  font-size: clamp(1rem, calc(1rem + 2.5vw), 3rem); }
.contact_inn { padding: 22px 20px; }
.contact_inn p { margin-bottom: 15px; font-size: 13px; }
.contact_inn p img { margin-right: 6px;    width: 20px; }
.contact_form div.halfs { grid-template-columns: 1fr; gap: 0; }
.contact_form label { font-size: 14px; }
.contact-map iframe{ height: 300px; }
.social-media a { max-width: 42px; }
footer .columns h3 { font-size: 24px;  margin: -0; }
footer .columns h5 { font-size: 18px; }
footer .columns p { margin-bottom: 0; }
.credit-links a { display: block; }
.credit-links a img { margin-left: 0; }
footer .columns { gap: 0.7rem; }
}