*, *::before, *::after {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;}
:root {
--default-font: "quicksand regular", sans-serif !important;
--heading-font: "Noto Serif", serif;
--default-color: #524635;
--heading-color: #524635;
--accent-color: #DE9736;
--lightrellow-color:#FBF4EA;
--surface-color: #ffffff;
--contrast-color: #ffffff;
}
/* Smooth scroll */
:root {scroll-behavior: smooth;}

@font-face {
font-family: 'quicksand regular';
src: url('../fonts/quicksand-regular.woff2') format('woff2'),
    url('../fonts/quicksand-regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: "Noto Serif";
src:url('../fonts/notoserif-regular-webfont.woff2') format('woff2'),
    url('../fonts/notoserif-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

/*--------------------------------------------------------------
# General Styling & Shared Classes
--------------------------------------------------------------*/
body {
color: var(--default-color);
font-family: "quicksand regular", sans-serif !important;
font-weight: normal;
font-style: normal;
}

a {
color: var(--accent-color);
text-decoration: none;
transition: 0.3s;
}

a:hover {
color: color-mix(in srgb, var(--accent-color), transparent 25%);
text-decoration: none;
}

h1, h2, h3, h4, h5, h6 { font-family: var(--heading-font);}

.container {max-width: 100%;padding-left: 15px;padding-right: 15px;}
img {max-width: 100%;}
.text-center {text-align: center;}
.space-30 {padding-top: 30px;padding-bottom: 30px;}
.bgimg {display: flex;}

/* HEADER */
.header-main {
background-color: #fff;
padding: 15px 0px;
}
.header-main .container {
display: flex;
justify-content: space-between;
align-items: center;
}

.header-main .container .call-btns {
font-size: 17px;
text-decoration: none;
}
.header-main .container .call-btns a{margin: 6px 12px;color:var(--accent-color);}
.header-main .container .call-btns a img{margin-bottom: -2px;}
.header-main .container .call-expt {
border: #ddd 1px solid;
background-color: #fff;
font-size: 18px;
border-radius: 30px;
color: #524635;
}
.header-main .container .call-expt img{ margin-bottom: -4px;}

.error-message {color: red;font-size: 11px;margin-top: 5px;}
.success-message {color: green;text-align: center;margin-top: 10px;font-weight: bold;}
input.error {border-color: red !important;}

/* BANNER */
.banner {background:#e2e6e9;padding:0rem 0px;}
.banner .container {
display: flex;
justify-content: space-between;
align-items: center;
}
.banner .container .caption-txt {width: 100%;}
.banner .container .caption-txt .off-txt {
border: 1px solid var(--accent-color);
padding: 5px 10px;
border-radius: 4px;
font-size: 14px;
line-height: 17px;
color: var(--accent-color);
display: inline-flex;
}
.banner .container .caption-txt .off-txt strong {
margin-right: 6px;
}
.banner .container .caption-txt .caption-heading {
font-size: 25px;
font-family: var(--heading-font);
line-height: 25px;
margin: 10px 0px 18px 0px;
}
.subheading{font-size: 24px; font-weight: 700;}
.banner .container .caption-txt .caption-heading span{color: var(--accent-color);}
.banner .container .caption-txt ul {
margin: 1rem 0 0 0px;
padding: 0px;
list-style-type: none;
}
.banner .container .caption-txt ul li {
position: relative;font-size: 18px;
color: #524635;padding: 5px 0px 5px 32px;
font-weight: 600;
}
.banner .container .caption-txt ul li::before {
content: '';
position: absolute;
left: 10px;
top: 5px;
width: 16px;
height: 16px;
background-image: url("../images/lp/tick.webp");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

/* animation that toggles color between orange and black */
@keyframes blinkOrangeBlack {
0%   { color: #D29740; }
50%  { color: #524635; }
100% { color: #D29740; }
}

/* apply to the first list item */
.subheading {
animation: blinkOrangeBlack 1s linear infinite;
list-style-position: inside;
}
.banner .container .hero-img img {
display: flex;height: auto;
}


/* start of btnsection */
.btnsection{padding: 1.5rem 1.5rem 3rem 1.5rem;}
.btnrow{display: flex;justify-content: center;align-items: center;gap: 1.5rem;}
.btncall {
background: linear-gradient(106.1deg, #DE9736 0%, #ECC851 100%) no-repeat padding-box;
color: #fff;
padding: 12px 20px;
text-decoration: none;
border-radius: 30px;
font-size: 18px;
font-weight: 500;
animation: btnBlink 2s ease-in-out infinite;
}
.btncall:hover{
background: transparent linear-gradient(251deg, #E7CA6D 0%, #D0913B 18%, #EBD577 59%, #D29740 100%) 0% 0% no-repeat padding-box;
color: #fff;
animation: none;
}
/* Button blink animation */
@keyframes btnBlink {
0%, 100% { 
box-shadow: 0 0 0 0 rgba(210, 151, 64, 0.7);
}
50% { 
box-shadow: 0 0 20px 5px rgba(210, 151, 64, 0.4);
}
}

.btnwhats {
background-color: #25D366;
padding: 12px 20px;
border-radius: 30px;
color: #fff;
font-size: 18px;
animation: btnWhatsAppBlink 2s ease-in-out infinite;
}
.btnwhats img{margin-bottom: -2px;}
.btnwhats:hover{
background-color: #219314;
color: #fff;
animation: none;
}
/* WhatsApp button blink animation */
@keyframes btnWhatsAppBlink {
0%, 100% { 
box-shadow: 0 0 0 0 rgba(41, 167, 26, 0.7);
}
50% { 
box-shadow: 0 0 20px 5px rgba(41, 167, 26, 0.4);
}
}

/* BOOK-AN-APPOINTMENT */
.book-a-free {
padding: 20px 0px;
}
.book-a-free .container {
display: flex;
flex-direction: column;
}
.book-a-free .container .content-non-surgical ul {
display: grid;
grid-template-columns: auto auto;
box-shadow: 0px 2px 15px 2px #00000026;
padding: 20px;
border-radius: 10px;
}
.book-a-free .container .content-non-surgical ul li {
padding-right: 0px;
padding-left: 26px;
list-style-type: none;
position: relative;
padding-bottom: 8px;
color: #313131;
}
.book-a-free .container .content-non-surgical ul li:last-child {
border-right: none;
}
.book-a-free .container .content-non-surgical ul li:nth-child(2) {
border-right: none;
}
.book-a-free .container .content-non-surgical ul li::before {
content: '';
position: absolute;
left: 5px;
top: 2px;
width: 16px;
height: 16px;
background-image: url("../images/lp/tick.webp");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.book-a-free .container form {
background: linear-gradient(106.1deg, #DE9736 0%, #ECC851 100%) no-repeat padding-box;
padding: 20px;
border-radius: 10px;
margin-top: 20px;
font-size: 18px;
line-height: 20px;
color: #fff;
}
.book-a-free .container form .form-group{margin-bottom: 0;flex: 0 1 calc(33.33% - 10px);}
.book-a-free .container form .form-group:nth-child(5) {flex: 0 0 1px;}
.book-a-free .container form .form-heading {
text-align: center;
margin-bottom: 15px;
}
.book-a-free .container form .form-group input {
width: 100%;
border-radius: 6px;
min-height: 42px;
padding-left: 12px;
border: none;
font-size: 15px;
font-family: var(--default-font);
margin-bottom: 5px;
outline: none;
}
.book-a-free .container form .form-group textarea {
width: 100%;
border-radius: 6px;
min-height: 80px;
padding-left: 12px;
padding-top: 5px;
border: none;
font-size: 15px;
font-family: var(--default-font);
margin-bottom: 5px;
outline: none;
}

.book-a-free .container form .form-group button {
border: 1px solid #fff;
background-color: transparent;
color: #fff;
padding: 10px 20px;
font-weight: 600;
border-radius: 6px;
font-size: 15px;
box-shadow: none;
}

.expertise .year-exp {
box-shadow: 0px 2px 15px 2px #00000026;
padding: 15px;
display: grid;
grid-template-columns: repeat(2, 1fr);
border-radius: 6px;
margin-bottom: 20px;
}
.expertise .year-exp .icon-bx {
display: flex;
align-items: center;
gap: 10px;justify-content: center;
border-right: 1px solid #d5d5d5;
border-bottom: 1px solid #d5d5d5;
padding: 10px;
color: #313131;
}
.expertise .year-exp .icon-bx:nth-child(2) {
border-right: none;
}
.expertise .year-exp .icon-bx:nth-child(3) {
border-bottom: none;
}
.expertise .year-exp .icon-bx:nth-child(4) {
border-bottom: none;
border-right: none;
}
.expertise .year-exp .icon-bx .head-txt {
font-size: 12px;
font-weight: 500;
}
.technologies-art {
background-color: #F4F4F4;
padding: 30px 0px;
}
.heading-mn {
font-size: 20px;
line-height: 30px;
color: #524635;
font-family: var(--heading-font);
margin-bottom: 15px;
}

.heading-sm {
font-size: 18px;
line-height: 1.2;
color: #524635;
font-family: var(--heading-font);
margin-bottom: 15px;
}
.slider-tech {
display: flex;
flex-wrap: nowrap;
gap: 15px;
overflow-x: auto;
}
.slider-tech .grid-slide {
min-width: 220px;
text-align: center;
}
.slider-tech .grid-slide .img-sl {
border: 2px solid #d3d3d3;
border-radius: 10px;
padding: 15px;
background-color: #fff;
}
.slider-tech .grid-slide .title {
color: #524635;
font-size: 15px;
line-height: 22px;
font-family: var(--heading-font);
font-weight: 500;
padding: 10px 0px;
}
.lightyellowbg{background-color: var(--lightrellow-color);}
.Why-TAC {background-color:#fff;padding: 2rem 0px;}
.Why-TAC ul {
list-style-type: none;
}
.Why-TAC ul li {
font-size: 17px;
line-height: 24px;
margin-bottom: 10px;
position: relative;
padding-left: 22px;
}
.Why-TAC ul li span {
font-weight: 600;
font-size: 18px;
display: block;
}
.Why-TAC ul li::before {
content: '';
position: absolute;
left: 0px;
top: 5px;
width: 16px;
height: 16px;
background-image: url("../images/lp/tick.webp");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.btns-dv {
margin-top: 30px;
display: flex;
justify-content: center;
}
.btns-dv .btn-link {
background: linear-gradient(106.1deg, #DE9736 0%, #ECC851 100%) no-repeat padding-box;
color: #fff;
padding: 15px 18px;
text-decoration: none;
border-radius: 10px;
font-size: 17px;
font-weight: 500;
display: block;
}
.achieve-your-health .btns-dv .btn-link {
background-color: #29a71a;
padding: 15px 20px;
font-size: 17px;
line-height: 18px;
}
.achieve-your-health .btns-dv .btn-link img {
margin-bottom: -4px;
}
.experience-total-health {
padding-bottom: 30px;
}
.experience-total-health .total-health-content {
margin-top: -50px;
background-color: #fff;
position: relative;
padding: 15px;
border-radius: 6px;
box-shadow: 0px 8px 20px 0px #0000001A;
}
.experience-total-health .total-health-content .icon-list-bx {
display: flex;
gap: 0px;
flex-wrap: wrap;
}
.experience-total-health .total-health-content .icon-list-bx .icon-bx {
border-right: 1px solid #ddd;
padding: 10px;
border-bottom: 1px solid #ddd;
flex: 1 1 calc(32.33% - 10px);
min-width: 110px;
max-width: 170px;
}
.experience-total-health .total-health-content .icon-list-bx .icon-bx .head-txt {
font-size: 13px;
line-height: 20px;
font-weight: 500;
color: #524635;
}
.experience-total-health .total-health-content .icon-list-bx .icon-bx:nth-child(3) {
border-right: none;
}
.experience-total-health .total-health-content .icon-list-bx .icon-bx:nth-child(4) {
border-bottom: none;
}
.experience-total-health .total-health-content .icon-list-bx .icon-bx:nth-child(5) {
border-bottom: none;
border-right: none;
}
.testimonials-section {background-color: #fff;padding: 3rem 0px;}
.testimonials-section .slider-tech .grid-slide {
box-shadow: 3px 0px 15px 0px #00000014;
border-radius: 10px;
padding: 15px; background-color: #fff;
text-align: left;
}
.reviewimage{
padding: 0;
margin: 0;
float: right;
width: 20%;
text-align: right;
}
.testimonials-section .slider-tech .grid-slide .review-bd{position: relative;}
.testimonials-section .slider-tech .grid-slide .review-bd .name-title {
font-size: 17px;
line-height: 25px;
color: var(--accent-color);
}
.testimonials-section .slider-tech .grid-slide .review-bd .star-icon {
color: #ffc107;
margin: 10px 0px;font-size: 18px;
}
.testimonials-section .slider-tech .grid-slide .review-bd .star-icon i{padding: 0px 2px;}
.testimonials-section .slider-tech .grid-slide .review-bd p {
font-size: 17px;
line-height: 25px;
overflow-y: auto;
max-height: 200px;
}
.singature-service .slider-tech .grid-slide {
min-width: 250px;
}
.singature-service .slider-tech .grid-slide .div-numb {
background-color: var(--lightrellow-color);
border: 1px solid var(--accent-color);
border-radius: 8px;
padding: 20px;
text-align: left;
position: relative;
height: 100%;
}
.singature-service .slider-tech .grid-slide .div-numb .desc-numb{font-size: 17px;line-height: 25px;}
.singature-service .slider-tech .grid-slide .div-numb .title-n {
font-weight: 600;
margin-bottom: 5px;
font-size: 17px; margin-top: 10px;
line-height: 25px;
}
.singature-service .slider-tech {
counter-reset: section;
}
.singature-service .slider-tech .grid-slide .div-numb::before {
counter-increment: section;
content: counter(section, decimal-leading-zero);
position: relative;
display: inline-block;
border-radius: 5px;
background: linear-gradient(106.1deg, #DE9736 0%, #ECC851 100%) no-repeat padding-box;
font-size: 15px;
font-weight: 500;
color: #fff;
padding: 8px;
text-align: center;
line-height: 20px;
margin-right: 10px;
}
.singature-service .sub-heading {
font-size: 18px;
line-height: 25px;
padding: 10px 0;
color: var(--accent-color);
font-family: var(--default-font);
}
.singature-service .sub-desc {
font-size: 17px;
line-height: 25px;
font-weight: 400;
font-family: var(--default-font);
}
.our-services {
padding-bottom: 30px;
overflow-x: hidden;
}
.our-services .custom-slide-control {
margin-top: 30px;
display: flex;
justify-content: center;
gap: 8px;
}
.our-services .custom-slide-control .carousel-btn {
border: 1px solid var(--accent-color);
width: 25px;
height: 25px;
display: block;
border-radius: 2px;
color: var(--accent-color);
font-size: 22px;
line-height: 22px;
font-weight: 400;
text-align: center;
}
.our-services .custom-slide-control .carousel-btn:hover {
background-color: var(--accent-color);
color: #fff;
}
.service-custom-slider .item-service .service-bx {
border: 1.5px solid var(--accent-color);
background-color: #fff;
text-align: center;
padding: 0px 0px 0 0px;
display: flex;
flex-direction: column;
border-radius: 12px;
white-space: normal;
}
.service-custom-slider .item-service .service-bx img{width: 100%; margin-bottom: 10px;border-radius: 12px 12px 0px 0px;object-fit: contain; height: auto;}
.service-custom-slider .item-service .service-bx .sevice-head-desc {
color: #524635;
margin-bottom: 5px;
}
.service-custom-slider .item-service .service-bx .sevice-head-desc .title-service {
font-size: 14px;
font-weight: 600;
line-height: 20px;
margin-bottom: 10px;
}
.service-custom-slider .item-service .service-bx .sevice-head-desc .desc-service {
font-size: 13px;
line-height: 18px;
}
.singature-service{background-color: #fafafa;}
.handle-custom-div{margin-top: 12px;}

/* Start of accordion */
.faqsection{padding: 2rem 0px;border-top: #ddd 1px solid;}
.accordion {width: 100%;margin: 20px auto;overflow: hidden;}
.accordion-item {border: 1px solid #ddd;margin-top: 10px;border-radius: 8px;}
.accordion-header {background-color: #fafafa;padding: 12px 15px;cursor: pointer;font-weight: bold;display: flex;justify-content: space-between;align-items: center;border-radius: 8px;}
.accordion-icon {font-size: 18px;transition: transform 0.2s;}
.accordion-content {display: none;padding: 15px 15px;background-color: #fff;border-radius: 0px 0px 8px 8px;line-height: 25px;}
.accordion-item.active .accordion-content {display: block;}
.accordion-item.active .accordion-icon {content: '−';}
.accordion-item.active .accordion-header {background-color: var(--lightrellow-color); border-radius: 8px 8px 0px 0px;}

/* Start of doctor section */
.doctorsection {padding: 3rem 0px;}
.doctorsection .container {
display: grid;
grid-template-columns: 1fr 2fr; /* image : text ratio */
gap: 40px;
align-items: center;
}

.doctorimage img {
width: 100%;
height: auto;
display: block;
}
.doctorcontent{padding: 0px;}
.doctorcontent ul {
list-style-type: none;
}
.doctorcontent ul li {
font-size: 17px;
line-height: 24px;
margin-bottom: 10px;
position: relative;
padding-left: 22px;
}
.doctorcontent ul li span {
font-weight: 600;
font-size: 18px;
display: block;
}
.doctorcontent ul li::before {
content: '';
position: absolute;
left: 0px;
top: 5px;
width: 16px;
height: 16px;
background-image: url("../images/lp/tick.webp");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}

/* FOOTER */
footer {
background-color: #524635;
padding:1rem 0 0 0;
color: #fff;
}
footer .contact-detail {
display: flex;
flex-direction: column;
gap: 20px;
}
footer .contact-detail .info-call {
margin: 0;
padding: 0;
list-style-type: none;
}
footer .contact-detail .info-call li {
margin-bottom: 10px;
}
footer .contact-detail .info-call li a {
color: #fff;
text-decoration: none;
}
footer .contact-detail .info-call li a img{ margin-bottom: -2px;}
footer .address-detail {
margin:0px 0px;
padding: 1rem;
display: flex;
flex: 0 1 calc(33.333% - 1rem);
}
footer .address-detail .info-add{line-height: 25px;}
address .address-detail i{font-size: 18px; background-color: #fff; color: var(--accent-color);
width: 28px; height: 28px; border-radius: 5px; line-height: 28px;text-align: center; margin-right: 8px;
}

footer .address-detail i{font-size: 18px; background-color: #fff; color: var(--accent-color);
width: 28px; height: 28px; border-radius: 5px; line-height: 25px;text-align: center; margin-right: 8px;
}
footer .address-detail span{font-weight: bold;}
.ctasection{display: none;}
footer .copyrights {
font-size: 16px;
color: #fff;
}
footer .copyrights .container {
border-top: 1px solid rgba(255,255,255,0.2);
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
}
.mobile-view {
display: block;
}
.desktop-view {
display: none;
}
.persondiv{margin-top: 1rem; font-size: 11px;}
.mobile-view {
display: none;
}
.desktop-view {
display: block;
}
.container {
max-width: 1200px;
margin: 0 auto;
}
.banner .container .caption-txt {
max-width: 740px;
}
.banner .container .caption-txt .caption-heading {
font-size: 42px;
line-height: 50px;
}
.banner .container .caption-txt .off-txt {
font-size: 18px;
line-height: 25px;
}
.book-a-free .container .content-non-surgical ul {
grid-template-columns: auto auto auto auto;
}
.book-a-free .container .content-non-surgical ul li {
padding-bottom: 0;
font-size: 17px;
}
.book-a-free .container .content-non-surgical ul li::before {
top: 2px;
}
.book-a-free .container form {
display: flex;
gap: 10px;
align-items: flex-start;
justify-content: space-between;
}
.book-a-free .container form .form-heading {
margin-bottom: 0;font-weight: 600;
}
.form-group{ margin-bottom: 0px !important;}
.book-a-free .container form .form-group input {
margin-bottom: 0;
}
.book-a-free .container form .form-group select {
margin-bottom: 0;
}
.expertise .container .year-exp {
grid-template-columns: repeat(4, 1fr);
margin-bottom: 50px;
}
.expertise .container .year-exp .icon-bx {
border: none;
border-right: 1px solid #d5d5d5;
text-align: center;
justify-content: center;
}
.expertise .container .year-exp .icon-bx img{object-fit: contain;}
.expertise .container .year-exp .icon-bx:last-child {
border-right: none;
}
.expertise .container .year-exp .icon-bx .head-txt{ font-size: 17px; text-align: left;}
.expertise .container .year-exp .icon-bx .head-txt h5{font-size: 18px; text-align: left;padding-bottom: 3px;}
.our-services {
padding-bottom: 50px;
}
.mttop{margin-top: 1.5rem;}
.our-services p{font-size: 18px;}
.heading-mn {
font-size: 32px;
font-family: var(--heading-font);
line-height: 40px;
margin-bottom: 16px;
}
.service-custom-slider {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
margin: 0 auto;
}
.service-custom-slider .item-service {
flex: 0 0 calc(33.33% - 20px);
box-sizing: border-box;
text-align: center;
}
.service-bx img{object-fit: cover;width: 100%;}
.service-custom-slider .item-service .service-bx .sevice-head-desc .title-service {
font-size: 17px;
font-family: var(--heading-font);
line-height: 24px;
}
.service-custom-slider .item-service .service-bx .sevice-head-desc .desc-service {
font-size: 17px;
line-height: 22px;
min-height: 42px;
}
.slider-tech {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.technologies-art {
padding-top: 50px;
padding-bottom: 50px;
}
.technologies-art .grid-slide .title {
font-size: 20px;
line-height: 25px;
}
.btns-dv {
margin-top: 20px;
}
.btns-dv .btn-link {
padding: 11px 30px;
border-radius: 30px;
}
.Why-TAC ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
}
.Why-TAC ul li {
font-size: 17px;
line-height: 26px;
}
.space-30 {
padding-top: 50px;
padding-bottom: 50px;
}
.experience-total-health {
padding-bottom: 50px;
}
.experience-total-health .bgimg {
width: 100%;
max-height: 350px;
object-fit: cover;
}
.experience-total-health .total-health-content {
margin-top: -75px;
padding: 20px;
}
.experience-total-health .total-health-content .icon-list-bx {
display: grid;
grid-template-columns: repeat(5, 1fr);
text-align: center;
}
.experience-total-health .total-health-content .icon-list-bx .icon-bx {
min-width: inherit;
max-width: inherit;
border: none;
border-right: 1px solid #ddd;
}
.experience-total-health .total-health-content .icon-list-bx .icon-bx:nth-child(3) {
border-right: 1px solid #ddd;
}
.experience-total-health .total-health-content .icon-list-bx .icon-bx .head-txt {
font-size: 17px;
line-height: 22px;
}
.testimonials-section .slider-tech {
gap: 0;
}
.testimonials-section .slider-tech .grid-slide {
margin: 10px;
padding: 20px;
}
.testimonials-section .slider-tech .grid-slide .review-bd .name-title {
font-size: 20px;
font-family: var(--heading-font);
}
.testimonials-section .slider-tech .grid-slide .review-bd p {
font-size: 17px;
line-height: 26px;
font-weight: 400;
}
.singature-service .sub-heading {
font-size: 20px;font-family: var(--default-font);
}
.singature-service .sub-desc {
font-size: 18px; font-family: var(--default-font);
}
.achieve-your-health .slider-tech {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.header-main {
padding-top: 5px;
padding-bottom: 5px;
}
.header-main .call-btns .call-expt {
padding: 10px 25px;
font-size: 18px;
}
.footer-main .container {
display: flex;
}
.footer-main .copyrights .container {
justify-content: center;
}

.modal {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.7);display: flex;justify-content: center;align-items: center;z-index: 1000;}
.modal-content {background: #524635;border-radius: 12px;overflow: hidden;position: relative;}
.close {position: absolute;top: 8px;right: 12px;font-size: 30px;color: #fff;cursor: pointer;}

.googlemap{padding: 0rem 0px 1.5rem 0px;}
.proceduresection{padding: 2rem 0%;background-color: #fafafa;}
.procedurerow{display: flex;align-items: flex-start;gap: 1.5rem;justify-content:center;margin-top: 1.5rem;}
.procedureitem {
padding: 0;
text-align: center;
border-radius: 25px;
flex: 0 1 calc(25% - 1.5rem);
overflow: hidden;position: relative;
box-sizing: border-box;
}
.procedureitem img{ border-radius: 25px;object-fit: contain;height: auto;}
.procedureitem p{font-size: 11px;padding-bottom: 10px;color: var(--default-color); font-weight: 500;}
.crvideobtns {position: absolute;left: 50%;top: 46%;z-index: 3;transform: translate(-50%, -50%);}
.crvideobtns .circle {color: #fff;position: relative;z-index: 2;height: 54px;line-height: 20px;width: 54px;cursor: pointer;font-size: 24px;border-radius: 100%;background: var(--accent-color);border: 1.5px solid rgba(255, 255, 255, 1);display: flex;outline: 0;align-items: center;justify-content: center;padding: 0px;transition: all 0.4s ease-in-out 0s;}
.crvideobtns .circle img{text-align: center;outline: 0;border: 0px;width: auto;margin-left: 3px;}
.crvideobtns::before,
.crvideobtns::after {content: "";position: absolute;left: 0;top: 0;height: 100%;width: 100%;border-radius: 100%;background: rgba(205, 160, 92, 0.6);z-index: -1;outline: 0;
animation: crZoomInOutInvisible 1s ease-in-out infinite backwards;}

@-webkit-keyframes crZoomInOutInvisible {
0% {transform: scale(1);opacity: 1;}
100% {transform: scale(1.6);opacity: 0;}}
@keyframes crZoomInOutInvisible {
0% {transform: scale(1);opacity: 1;}
100% {transform: scale(1.6);opacity: 0;}
}

/* Start of desktop whatsapp */
.whatsappfloat {position: fixed;top: 250px;right:0px;z-index: 100;cursor: pointer; background-color: #25D366;border-radius: 10px 0px 0px 10px;text-align: center;}
.whatsappfloat img {width: 48px;height: 48px;filter: brightness(0) invert(1);vertical-align: middle;}

.floating-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 12px 20px;
text-align: center;
font-family: var(--default-font, Arial, sans-serif);
font-size: 16px;
font-weight: bold;
color: var(--contrast-color);
background-color: var(--accent-color);
animation: blink-bg 1.5s infinite;
z-index: 9999;
}
.floating-header span{
font-weight: 700;
}
/* Background Blinking Effect */
@keyframes blink-bg {
0%   { background-color: var(--accent-color); }
50%  { background-color: var(--heading-color); }
100% { background-color: var(--accent-color); }
}
/* body{
padding-top: 43px;
} */
/* Start of Mini Desktop screen */
@media screen and (max-width: 1200px) and (min-width: 1101px) {
.banner {padding: 1rem 0px 0rem 0px;}
.btnsection{padding: 1.5rem 1.5rem 2rem 1.5rem;}
.banner .container .caption-txt .caption-heading {font-size: 40px;line-height: 50px;}
.expertise .year-exp .icon-bx .head-txt {font-size: 17px;}
.service-custom-slider .item-service {min-width: 100%px;max-width: 100%;}
.service-bx img{height: auto;}
.service-custom-slider .item-service .service-bx .sevice-head-desc .desc-service {font-size: 17px;line-height: 25px;}
.service-custom-slider .item-service .service-bx .sevice-head-desc .title-service {font-size: 18px;line-height: 25px;margin-bottom: 0px;}
.experience-total-health img{height: auto;}
.experience-total-health .total-health-content .icon-list-bx {display: flex;gap: 0px;flex-wrap: unset;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx:nth-child(3) {border-right:#ddd 1px solid;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx .head-txt {font-size: 15px;line-height: 24px;}
.heading-mn {font-size: 30px;margin-bottom: 20px;}
.experience-total-health {padding-bottom: 30px;}
.testimonials-section .slider-tech .grid-slide .review-bd .star-icon {margin: 0px 0px 10px 0px;}
.testimonials-section {padding-bottom: 20px;}
.space-30 {padding-top: 30px;padding-bottom: 30px;}
}


/* Start of Ipad Pro screen */
@media screen and (max-width: 1100px) and (min-width: 992px) {
.banner {padding: 1rem 0px 0rem 0px;}
.btnsection{padding: 1.5rem 1.5rem 2rem 1.5rem;}
.banner .container .caption-txt .caption-heading {font-size: 35px;line-height: 45px;}
.expertise .year-exp .icon-bx .head-txt {font-size: 17px;}
.service-custom-slider .item-service {min-width: 100%px;max-width: 100%;}
.service-bx img{height: auto;}
.service-custom-slider .item-service .service-bx .sevice-head-desc .desc-service {font-size: 14px;line-height: 20px;}
.service-custom-slider .item-service .service-bx .sevice-head-desc .title-service {font-size: 15px;line-height: 22px;margin-bottom: 0px;}
.experience-total-health img{height: auto;}
.experience-total-health .total-health-content .icon-list-bx {display: flex;gap: 0px;flex-wrap: unset;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx:nth-child(3) {border-right:#ddd 1px solid;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx .head-txt {font-size: 15px;line-height: 24px;}
.heading-mn {font-size: 30px;margin-bottom: 20px;}
.experience-total-health {padding-bottom: 30px;}
.testimonials-section .slider-tech .grid-slide .review-bd .star-icon {margin: 0px 0px 10px 0px;}
.testimonials-section {padding-bottom: 20px;}
.space-30 {padding-top: 30px;padding-bottom: 30px;}
}

/* Start of Ipad screen */
@media screen and (max-width: 991.98px) and (min-width: 768px) {
.banner {padding:1rem 0 0 0px;}
.btnsection{padding: 1.5rem 1.5rem 2rem 1.5rem;}
.banner .container .caption-txt {max-width: 65%;}
.banner .container .caption-txt .caption-heading {font-size: 26px;line-height: 32px;}
.banner .container .caption-txt ul {margin: 10px 0 0 0px;}
.banner .container .caption-txt ul li {font-size: 16px;padding: 3px 0px 3px 32px;font-weight: 600;line-height: 24px;}
.expertise .year-exp .icon-bx .head-txt {font-size: 17px;}
.service-custom-slider {gap: 20px;}
.service-custom-slider .item-service{padding: 0px 0px 0 0px !important;flex: 0 0 calc(50% - 20px);}
.service-bx img{height: auto;}
.service-custom-slider .item-service .service-bx .sevice-head-desc .desc-service {font-size: 16px;line-height: 24px;}
.service-custom-slider .item-service .service-bx .sevice-head-desc .title-service {font-size: 16px;line-height: 25px;margin-bottom: 0px;}
.experience-total-health img{height: auto;}
.experience-total-health .total-health-content .icon-list-bx {display: flex;gap: 0px;flex-wrap: unset;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx:nth-child(3) {border-right:#ddd 1px solid;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx .head-txt {font-size: 15px;line-height: 24px;}
.experience-total-health {padding-bottom: 30px;}
.testimonials-section .slider-tech .grid-slide .review-bd .star-icon {margin: 0px 0px 10px 0px;}
.testimonials-section {padding-bottom: 20px;}
.space-30 {padding-top: 30px;padding-bottom: 30px;}
.heading-mn {font-size: 24px;margin-bottom: 15px;}
.doctorsection .container{display: block;}
.doctorcontent{margin-top: 12px;}
.book-a-free {padding: 0px 0px 20px 0px;}
}

/* Start of mobile screen */
@media screen and (max-width: 767px) and (min-width: 591px) {
.container{padding-left: 10px;padding-right: 10px;width: 95%;}
.header-main {padding: 5px 0px;}
.book-a-free .container .content-non-surgical ul {grid-template-columns: auto auto;}
.book-a-free .container form .form-heading{font-weight: bold; margin-bottom: 10px;}
.book-a-free .container form .form-group {flex: 0 1 100%;margin-bottom: 8px !important;}
.book-a-free .container form {display: block;}
.expertise .year-exp .icon-bx {display: block;align-items: center;}
.expertise .container .year-exp .icon-bx{border-bottom: #ddd 1px solid;}
.expertise .container .year-exp .icon-bx:nth-child(2){border-right: 0px;}
.expertise .container .year-exp .icon-bx:nth-child(3){border-bottom: 0px;}
.expertise .container .year-exp .icon-bx:nth-child(4){border-bottom: 0px;}
.expertise .container .year-exp {grid-template-columns: repeat(2, 1fr);padding: 10px;margin-bottom: 30px;min-height: 100px;}
.banner .container .caption-txt {max-width: 100%; width:unset;}
/* Added content */
.expertise .container .year-exp .icon-bx .head-txt h5 {text-align: center;}
.expertise .container .year-exp .icon-bx .head-txt {text-align: center;}
.banner .container .caption-txt .off-txt {font-size: 15px;line-height: 20px;}
.book-a-free .container .content-non-surgical ul{margin-bottom: 1rem; min-height: 80px;}
.header-main .container .call-btns a{font-size: 15px;}
.header-main .container .call-btns a:first-child{margin: 0px;}
.header-main .container .call-expt{padding: 5px;margin-right: 5px;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx .head-txt {font-size: 12px;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx {border-right: 0px;text-align: center;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx:nth-child(3){border-right: 0px;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx:nth-child(4){border-bottom: 0px;}
.Why-TAC ul {grid-template-columns: repeat(1, 1fr);}
.space-30 {padding-top: 25px;padding-bottom: 25px;}
.testimonials-section .slider-tech .grid-slide {margin: 0px 8px 0 0px;}
.experience-total-health .total-health-content .icon-list-bx {grid-template-columns: repeat(2, 1fr);text-align: left;}
.logo-mn img{width: 100%;}
.banner {padding: 1rem 0px 0rem 0px;}

/* Start of today added css */
.banner .container {align-items: flex-start;}
.banner .container .caption-txt {max-width: 100%; width: 50%;float: left; margin-top: 44px;}
.banner .container .hero-img{width: 50%;float: right;}
.banner .container .caption-txt .caption-heading{font-size: 24px;line-height: 30px;margin: 0px 0px 5px 0px;}
.banner .container .caption-txt ul {margin: 5px 0 0 0px;}
.our-services p {font-size: 17px;}
.our-services {padding-bottom: 20px;}
.mttop {margin-top: 1rem;}
.banner .container .caption-txt ul li::before {left: 5px;top: 8px;width: 10px;height: 10px;}
.book-a-free .container .content-non-surgical ul li {padding-left: 24px;padding-bottom: 5px;font-size: 11px;}
.banner .container .caption-txt ul li {padding: 3px 0px 3px 20px;font-weight: 400;font-size: 14px;line-height: 24px;}
.form-group {margin-bottom: 5px;}
.slider-tech::-webkit-scrollbar{display: none;}
.btns-dv{margin-top: 10px;}
.service-bx img{height: auto;}
.book-a-free .container form{padding: 15px;margin-top: 3px;min-height: 100px;}

/* Start of doctorsection */
.doctorsection {padding: 1.5rem 0px; }
.doctorsection .container {grid-template-columns: 1fr; text-align: left;padding: 0px 10px;gap: 10px;}
.doctorcontent ul li {margin-bottom: 5px;}

/* Start of service section */
.service-custom-slider {gap: 8px 10px;}
.service-custom-slider .item-service{padding: 0px 0px 0 0px !important;flex: 0 0 calc(50% - 10px);}
.service-custom-slider .item-service .service-bx{height: 100%;}
.service-custom-slider .item-service .service-bx img {width: 100%;margin-bottom: 2px;}
.service-custom-slider .item-service .service-bx .sevice-head-desc .title-service{font-size: 13px;margin-bottom: 0px; font-weight: 600;line-height: 18px;}
.service-custom-slider .item-service .service-bx .sevice-head-desc .desc-service{font-size: 16px;line-height: 22px;}
.bgimg{height: 100%;}
.technologies-art {padding-top: 25px;padding-bottom: 25px;}
.singature-service .slider-tech .grid-slide {min-width: 300px;}
.experience-total-health .total-health-content{margin-top: -30px;padding: 10px;}
.heading-mn{font-size: 20px;line-height: 26px;margin-bottom: 15px;}
.Why-TAC ul li{margin-bottom: 5px;padding-left: 20px;line-height: 26px;}
.testimonials-section .slider-tech .grid-slide{box-shadow: unset;padding: 10px;border: #ddd 1px solid;}
.testimonials-section .slider-tech .grid-slide .review-bd .star-icon{margin: 5px 0px;}
.testimonials-section .slider-tech .grid-slide .review-bd .star-icon i{padding: 0px 2px; font-size: 13px;}
.slider-tech .grid-slide { min-width: 310px;}
.slider-tech {gap: 8px;}

/* Start of procedure*/
.proceduresection {padding: 1.5rem 0%;}
.procedurerow {flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;
gap: 0px 10px;justify-content: flex-start;margin-top: 1rem;}
.procedurerow::-webkit-scrollbar{display: none;}
.procedureitem {flex:unset;min-width: 40%;scroll-snap-align: start;}
.procedureitem img{height: auto;}
.modal-content{width: 90%;}
.modal-content iframe{width: 100%;height: 320px;}
.close {top: 5px;right: 5px;font-size: 30px;}

/* Start of faqsection */
.faqsection {padding: 1rem 0px;}
.accordion {margin: 0px auto 0 auto;}
.accordion-item {margin-top: 5px;}

/* Start of footer */
footer {padding: 1rem 0 0rem 0;}
footer .address-detail{padding: 0rem; margin-top: 12px;}
footer .copyrights {font-size: 13px; margin-top: 10px;}
footer .contact-detail .info-call li {margin-bottom: 10px;font-size: 16px;}
.info-add{font-size: 16px;line-height: 24px;}
.contact-detail img{margin-bottom: 5px;}
.copyrights{font-size: 15px !important;}
footer .address-detail {flex: 0 1 100%;}
.footer-main .container {display: block;}
.btnsection {padding: 1rem 1rem 1.5rem 1rem;}
.btnrow{gap: 1rem;}

/* Calltoaction */
.whatsappfloat{display: none;}
.ctasection {padding: 0px;position: sticky;bottom: -2px;display: block;display: flex;text-align: center;}
.ctacolumn {width: 50%; background: linear-gradient(106.1deg, #DE9736 0%, #ECC851 100%) no-repeat padding-box;padding: 0px;width: 50%;}
.ctacolumns {background: #25D366;padding: 0px;width: 50%;}
.cta-columns .icon-bx-cta span{font-size: 12px;}
.cta-columns img{margin-bottom: 5px;}
.icon-bx-cta {display: flex;flex-direction: column;border-right: 1px solid rgba(255,255,255,0.4);color: #fff;justify-content: space-between;align-items: center;text-decoration: none;padding: 5px 5px}
.icon-bx-cta:last-child {border-right: none;}
.googlemap{margin-bottom: 1rem;}
.googleheight {height: 200px;width: 100%;}
}

/* Start of mobile screen */
@media screen and (max-width: 590px) and (min-width: 320px) {
.container{padding-left: 10px;padding-right: 10px;}
.call-btns a:last-child{display: none;}
.logo-mn img{object-fit: contain;}
.promotext ul li::before {top: 4px;}
.header-main {padding: 5px 0px;}
.book-a-free .container .content-non-surgical ul {grid-template-columns: auto auto;}
.book-a-free .container form .form-heading{font-weight: bold; margin-bottom: 10px;}
.book-a-free .container form .form-group {flex: 0 1 100%;margin-bottom: 8px !important;}
.book-a-free .container form {display: block;}
.expertise .year-exp .icon-bx {display: block;align-items: center;}
.expertise .container .year-exp .icon-bx{border-bottom: #ddd 1px solid;}
.expertise .container .year-exp .icon-bx:nth-child(2){border-right: 0px;}
.expertise .container .year-exp .icon-bx:nth-child(3){border-bottom: 0px;}
.expertise .container .year-exp .icon-bx:nth-child(4){border-bottom: 0px;}
.expertise .container .year-exp {grid-template-columns: repeat(2, 1fr);padding: 10px;margin-bottom: 30px;min-height: 100px;}
.banner .container .caption-txt {max-width: 100%; width:unset;}
/* Added content */
.expertise .container .year-exp .icon-bx .head-txt h5 {text-align: center;}
.expertise .container .year-exp .icon-bx .head-txt {text-align: center;}
.banner .container .caption-txt .off-txt {font-size: 15px;line-height: 20px;}
.book-a-free .container .content-non-surgical ul{margin-bottom: 1rem; min-height: 80px;}
.header-main .container .call-btns {font-size: 14px;}
.header-main .container .call-btns a{font-size: 14px;}
.header-main .container .call-btns a:first-child{margin: 0px;}
.header-main .container .call-expt{padding: 5px;margin-right: 5px;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx .head-txt {font-size: 12px;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx {border-right: 0px;text-align: center;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx:nth-child(3){border-right: 0px;}
.experience-total-health .total-health-content .icon-list-bx .icon-bx:nth-child(4){border-bottom: 0px;}
.Why-TAC ul {grid-template-columns: repeat(1, 1fr);}
.space-30 {padding-top: 25px;padding-bottom: 25px;}
.testimonials-section{padding: 1rem 0px;}
.testimonials-section .slider-tech .grid-slide {margin: 0px 8px 0 0px;}
.experience-total-health .total-health-content .icon-list-bx {grid-template-columns: repeat(2, 1fr);text-align: left;}
.logo-mn img{width: 100%;}
.banner {padding: 5px 0px 0px 0px;}

/* Start of today added css */
.banner .container {align-items: flex-start;}
.banner .container .caption-txt {max-width: 100%; width: 50%;float: left; margin-top: 5px;}
.banner .container .hero-img{width: 50%;float: right;}
.banner .container .caption-txt .caption-heading{font-size: 14px;line-height: 18px;margin: 0px 0px 0px 0px;}
.banner .container .caption-txt ul {margin: 2px 0 0 0px;}
.our-services p {font-size: 17px;}
.our-services {padding-bottom: 20px;}
.mttop {margin-top: 1rem;}
.banner .container .caption-txt ul li::before {left: 2px;top: 4px;width: 10px;height: 10px;}
.book-a-free .container .content-non-surgical ul li {padding-left: 24px;padding-bottom: 5px;font-size: 11px;}
.banner .container .caption-txt ul li {padding: 0px 0px 0px 15px;font-weight: 400;font-size: 11px;line-height: 15px;}
.form-group {margin-bottom: 5px;}
.slider-tech::-webkit-scrollbar{display: none;}
.btns-dv{margin-top: 10px;}
.service-bx img{height: auto;}
.book-a-free .container form{padding: 15px;margin-top: 3px;min-height: 100px;}

/* Start of doctorsection */
.doctorsection {padding: 1.5rem 0px; }
.doctorsection .container {grid-template-columns: 1fr; text-align: left;padding: 0px 10px;gap: 10px;}
.doctorcontent ul li {margin-bottom: 5px;}

.btnsection {padding: 1rem 1rem 1.5rem 1rem;}
.btnrow{gap: 10px;display: flex;flex-direction: column;}
.btns-dv .btn-link {padding: 10px 12px;}

/* Start of service section */
.service-custom-slider {gap: 8px 10px;}
.service-custom-slider .item-service{padding: 0px 0px 0 0px !important;flex: 0 0 calc(50% - 10px);}
.service-custom-slider .item-service .service-bx{height: 100%;}
.service-custom-slider .item-service .service-bx img {width: 100%;margin-bottom: 2px;}
.service-custom-slider .item-service .service-bx .sevice-head-desc .title-service{font-size: 13px;margin-bottom: 0px; font-weight: 600;line-height: 18px;}
.service-custom-slider .item-service .service-bx .sevice-head-desc .desc-service{font-size: 16px;line-height: 22px;}
.bgimg{height: 100%;}
.technologies-art {padding-top: 25px;padding-bottom: 25px;}
.singature-service .slider-tech .grid-slide {min-width: 300px;}
.experience-total-health .total-health-content{margin-top: -30px;padding: 10px;}
.heading-mn{font-size: 20px;line-height: 26px;margin-bottom: 15px;}
.Why-TAC ul li{margin-bottom: 5px;padding-left: 20px;line-height: 26px;}
.testimonials-section{padding: 1rem 0px;}
.persondiv{font-size: 10px;}
.testimonials-section .slider-tech .grid-slide{box-shadow: unset;padding: 12px;border: #ddd 1px solid;}
.testimonials-section .slider-tech .grid-slide .review-bd .star-icon{margin: 5px 0px;}
.testimonials-section .slider-tech .grid-slide .review-bd .star-icon i{padding: 0px 2px; font-size: 13px;}
.slider-tech .grid-slide { min-width: 310px;}
.slider-tech {gap: 8px;}

/* Start of faqsection */
.faqsection {padding: 1rem 0px;}
.accordion {margin: 0px auto 0 auto;}
.accordion-item {margin-top: 5px;}

.proceduresection {padding: 1rem 0%;}
.procedurerow {flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scroll-snap-type: x mandatory;
gap: 0px 10px;justify-content: flex-start;margin-top: 1rem;}
.procedurerow::-webkit-scrollbar{display: none;}
.procedureitem {flex:unset;min-width: 85%;scroll-snap-align: start;}
.procedureitem img{height: auto;}
.modal-content{width: 90%;}
.modal-content iframe{width: 100%;height: 210px;}
.close {top: 5px;right: 5px;font-size: 30px;}

/* Start of footer */
footer {padding: 1rem 0 0rem 0;}
footer .address-detail{padding: 0rem; margin-top: 12px;}
footer .copyrights {font-size: 13px; margin-top: 10px;}
footer .contact-detail .info-call li {margin-bottom: 10px;font-size: 16px;}
.info-add{font-size: 16px;line-height: 24px;}
.contact-detail img{margin-bottom: 5px;}
.copyrights{font-size: 15px !important;}
footer .address-detail {flex: 0 1 100%;}
.footer-main .container {display: block;}
.googlemap{margin-bottom: 0rem;padding-bottom: 1rem;}
.googleheight {height: 200px;width: 100%;}
.subheading {font-size: 13px;padding: 3px 0px;}

/* Calltoaction */
.whatsappfloat{display: none;}
.ctasection {padding: 0px;position: sticky;bottom: -2px;display: block;display: flex;text-align: center;}
.ctacolumn {width: 33.33%; background: linear-gradient(106.1deg, #DE9736 0%, #ECC851 100%) no-repeat padding-box;padding: 0px;width: 50%;}
.ctacolumns {background: #29a71a;padding: 0px;width: 50%;}
.cta-columns .icon-bx-cta span{font-size: 12px;}
.cta-columns img{margin-bottom: 5px;}
.icon-bx-cta {display: flex;flex-direction: column;border-right: 1px solid rgba(255,255,255,0.4);color: #fff;justify-content: space-between;align-items: center;text-decoration: none;padding: 5px 5px}
.icon-bx-cta:last-child {border-right: none;}
}