/******** Google Fonts ********/

@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/******** Color Schemes ********/

:root {
  --c-primary-dark: #DC6B07;
  --c-white: #ffffff;
  --c-blue: #00A0E4;
  --c-black-text: #000;
  --c-primary-text: #EB4642;
  --ff-primary: 'Plus Jakarta Sans', sans-serif;
}


/******** CSS Resets ********/
* {
  padding: 0;
  margin: 0 auto;
}

ul {
  margin: 0;
  padding: 0;
}

.common-padd {
  padding-top: 60px;
  padding-bottom: 60px;
}

li {
  list-style: none;
}

a:focus,
a:hover {
  outline: none;
}

a {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

p {
  margin: 0;
  padding: 0;
  font-size: 15px;
  color: var(--c-black-text);
  line-height: 26px;
  font-weight: 400;
  font-family: "Plus Jakarta Sans", sans-serif;
}

body {
  font-family: var(--ff-primary);
  font-size: 14px;
  color: var(--c-black-text);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--ff-primary);
  margin-bottom: 0;
}

/******** Utility Classes ********/
/*
.container {
  width: 100%;
  max-width: 1360px;
}
*/

.custom-pad {
  padding: 50px 0;
}

.custom-pad-no-btm {
  padding: 50px 0 0;
}

.custom-pad-no-top {
  padding: 0 0 50px;
}

.custom-button {
  font-size: 14px;  color: var(--c-white);  background: var(--c-blue);  border-radius:7px;  padding:15px 75px 15px 28px !important;  display: inline-block;position: relative;
}
.custom-button i{font-size:40px; position:absolute; top:4px; right:5px;line-height: 40px;}


.custom-button:hover {
  color: var(--c-white);
  background: var(--c-primary-dark);
}
.custom-button-two{ font-size: 14px;  color: var(--c-white);  background:#8B684C;  border-radius:7px;  padding:14px 75px 15px 28px !important;  display: inline-block;position: relative;}
.custom-button-two i{font-size:40px; position:absolute; top:2px; right:5px;line-height: 43px;}
.custom-button-two:hover {
  color: var(--c-white);
  background: var(--c-primary-dark);
}
.btn-explore{font-size: 14px;  color: var(--c-white);  background: var(--c-blue);  border-radius:7px;  padding:15px 65px 15px 28px !important;  display: inline-block;position: relative;}
.btn-explore i{font-size:40px; position:absolute; top:2px; right:5px;line-height: 43px;}
.btn-explore:hover{color:#000;}
/*=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+toggle-nav-css-start=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+*/
.current-menu-item a{color:#F07F1B; font-weight:bold;}
.current-menu-parent a{color:#F07F1B; font-weight:bold;}
/* Main menu links */
.main-navigation > li {
  position: relative;
  display: inline-block;
  margin: 0 15px;
}

.main-navigation > li > a {
  color: #222;
  text-decoration: none;
  padding: 10px 15px;
  display: flex;
  align-items: center;
  font-weight: 500;
  transition: color 0.3s;
}

.main-navigation > li > a:hover {
  color: #ff6600; /* your hover color */
}

/* ▼ Arrow for dropdown items */
.main-navigation .menu-item-has-children > a::after {
  content: "▾"; /* small down arrow */
  font-size: 12px;
  margin-left: 6px;
  transition: transform 0.3s ease;
}

/* Rotate arrow when hovered */
.main-navigation .menu-item-has-children:hover > a::after {
  transform: rotate(180deg);
}

/* Submenu styling */
.main-navigation .sub-menu {
  position: absolute;
  top: 100%;
  left: 0;
  min-width:450px;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  z-index: 1000;
  padding: 0 0 15px 0;
  margin: 0;
  list-style: none;
  
}

/* Show submenu on hover */
.menu-item-has-children:hover > .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

/* Submenu links */
.main-navigation .sub-menu li {
  display: inline-block;
  width:48%;
}

.main-navigation .sub-menu li a {
  display: block;
  padding:0px 15px !important;
  color: #333;
  text-decoration: none;
  transition: background 0.3s, color 0.3s;
	margin:0;
	display:block;
	text-align: left;
	font-size: 13px !important;
	line-height:17px !important;
}

.main-navigation .sub-menu li a:hover {
  /*background: #ff6600;*/
  color:#ff6600;
}
.main-navigation .sub-menu li.current-menu-item a{color:#ff6600;}
/* Optional: nested submenu (3rd level) */
.main-navigation .menu-item-has-children {
  position: relative;
}

.sub-menu .menu-item-has-children > a::after {
  content: "▸";
  margin-left: 8px;
}

.sub-menu .menu-item-has-children:hover > .sub-menu {
  top: 0;
  left: 100%;
}

.navbar-default .navbar-toggler .icon-bar {
  background-color: #fff;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-default .navbar-toggler .icon-bar {
  background-color: #fff;
}

.navbar-default .navbar-toggler {
  border-color: #5f4b8b;
  background: #5f4b8b;
  outline: none;
}

.navbar-toggler {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}

.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 4px;
}

.navbar-toggler .icon-bar+.icon-bar {
  margin-top: 4px;
}

.navbar-header {
  display: none;
}

/*-----------------onhover effect--------------*/
.navbar {
  padding: 0;
  line-height: 3rem;

  .dropdown-menu {
    line-height: initial;
  }
}

.dropdown {
  .dropdown-menu {
    display: none;
  }
}

.dropdown,
.dropend {
  &:hover {
    &>.dropdown-menu {
      display: block;
    }
  }
}

.dropdown {
  &:hover {
    &>.dropdown-menu {
      margin-top: -.5rem;
    }
  }
}

.dropend {
  &:hover {
    &>.dropdown-menu {
      position: absolute;
      top: -.5rem;
      left: 100%;
      margin-left: 0;
    }
  }
}

.online_Ease_main {
  padding: 0;
  position: relative;
  width: 100%;
  float: left;
}

.online_Ease_left {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0;
}

.online_Ease_left img {
  width: 100%;
  float: left;
  object-fit: cover;
  height: 100%;
  object-position: 50% 0%;
}

.custom-header {
  font-size: 40px;
  font-weight: 500;
  color: #EB4642;
	padding-top:8px !important;
  padding-bottom:8px !important;
}

.custom-header span {
  font-weight: 700;
}

.clr {
  clear: both;
}
.custom-head h2{
	font-size:50px;
	font-weight:700;
	color:#00A0E4;
	margin-bottom: 10px;
}
.custom-head h2 span{
	color:#000;
}
.custom-head p{
	color:#000;
}
.org-head h2{
	font-size:50px;
	font-weight:500;
	color:#000;
	margin-bottom: 15px;
}
.org-head h2 span{
	color:#F07F1B;
	font-weight:700;
}
.org-head h4{
	font-size:24px;
	font-weight:300;
	margin-bottom:15px;
}
/*=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+toggle-nav-css-end=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+=+*/
.top-head {
  background: #FDAC1C;
}

.email-top {
  text-align: right;
  padding-top: 5px;
}

.top-head .email-top a {
  color: var(--c-black-text);
}

header.sticky {
  transition: all 0.3s;
}

header .main-head {
  transition: all 0.3s;
  background: #fff;
  top: -20px;
}

header.sticky {
  position: fixed;
  top: 0;
  background: #fff;
  z-index: 9999;
  width: 100%;
  transition: all 0.3s;
	padding-top:7px !important;
  padding-bottom:7px !important;
}

header.sticky .navbar-brand img {
  margin-top:8px;
  width:275px;
  transition: all 0.3s;
}
.main-navigation{margin:0 0 0 auto;}
.custom-header .navbar-brand img{width:360px;}
.nav-link{font-size:14px; color:#000; margin:0 9px;}
.nav-link:hover{color:#f07f1b;}
.menu-button{padding:0;margin: 0;align-items: center;  display: flex;}
.menu-button a{font-size: 14px;  color: var(--c-white);  background: var(--c-blue);  border-radius: 5px;  padding:0px 70px 0 28px !important;  display: inline-block;position: relative; margin-left:30px;margin-right: 0;}
.menu-button a i{font-size:40px; position:absolute; top:-1px; right:4px;}
.menu-button a:hover{color:#000;}
        .hero-content {
            padding-top:0px;
            padding-bottom: 40px;
			text-align:left;
        }
        
        .hero-heading {
            font-size:48px;
            line-height: 1.2;            
			background-clip: text; 
			color:#00A0E4; 
			font-weight:600;
        }
         .hero-heading span{
			 color:#000;
			 font-weight:200;
			 display:block;
			 letter-spacing: -1px;
		 }       
        .hero-divider {
            width: 100%; /* Full width line */
            height: 1.5px;
            background-color: white;
            margin: 45px 0 10px;
        }
        
        .hero-text {
            font-size:19px;
            margin-left:0;
            margin-bottom:35px;
			color:#000;
			font-weight:400;
			line-height: 29px;
        }
        
        .buttons-container {
            text-align:left;
        }
        .carousel-caption{
			width:100%; 
			left:0;
		}
		#carouselExampleCaptions .carousel-item:before{
			
		}
		#carouselExampleCaptions .carousel-caption{
			z-index:99;
			top:2rem;
			bottom:0;
		}
		#carouselExampleCaptions .carousel-indicators{
			z-index:999;
			background: #fff;
		 padding:20px 15px 25px;
		  border-radius: 40px;
		  box-shadow: 0 0 11px 7px #f1f1f1;
		  width: 300px;
		  margin:0;
		  bottom:30px;
		  justify-content: left;
		  align-items: center;
		}
		#carouselExampleCaptions .carousel-indicators dt{font-size: 20px;font-weight: 300;
  color: #000;margin: -4px 6px;}
		#carouselExampleCaptions .nav-btn-slider{position:relative; bottom:100px;}
		.carousel-indicators button{
		background-color:#F07F1B !important;
		width:30px !important;
		height:4px !important;
		border-radius:0;
		margin:0 !important;
		}
		.carousel-control-next, .carousel-control-prev{z-index:9999;background-clip:inherit !important;}
		body .carousel-control-prev {left:72%; height:20px !important;border-radius: 20px 0px 0 20px;top:14px;}
		body .carousel-control-next {height:20px !important; border-radius: 0px 20px 20px 0px; right:15px;top:14px;}
		.carousel-control-next-icon, .carousel-control-prev-icon{background-size: 65% 100%;}
		.front-about{background:url(https://karnikdentalclinic.com/UAT/wp-content/uploads/2025/11/karnik-dr.webp) 0 0 no-repeat; padding:20px 0 190px;background-size: contain;}
		.info-box {
					  background: #fff;
					  border-radius: 12px;
					  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.08);
					  padding: 40px;
					}

					.info-box h2 {
					  font-size:46px;
					  font-weight: 300;
					  line-height: 1.3;
					  margin-bottom: 15px;
					}

					.info-box h2 span {
					  color: #00A0E4;
					  font-weight: 700;
					}

					.info-box p {					  
					  line-height: 1.7;
					  color: #000;
					  margin-bottom: 25px;
					}



					@media (max-width: 576px) {
					  .info-box {
						padding: 25px;
					  }
					  .info-box h2 {
						font-size: 26px;
					  }
					  .info-box p {
						font-size: 15px;
					  }
					}
					.service-section{
						background:url(../images/bg-front.webp) 0 bottom no-repeat;
						background-size:cover;
						padding-bottom: 50px;
					}

			.service-slider{
		  text-align: center;
		  transition: all 0.4s ease;
		  min-height: 300px;
		  position:relative;
		  top:-100px;
		  z-index:99;
		  margin-bottom: -75px;
			}	
			.service-slider .owl-stage-outer{
				padding-top: 25px;
		  padding-bottom:30px;
		  border-radius: 16px;
		  
			}
		.service-slider .owl-stage-outer .owl-stage{background: #fff;
		  border-radius: 16px;
		  box-shadow: 0 0 4px 4px rgba(0,0,0,0.05);
		  text-align: center;}	
		.service-box {
		 border-radius: 16px;
		  text-align: center;
		  padding: 50px 20px;
		  transition: all 0.4s ease;
		 height: 280px;
			position:relative;
		}
.service-box:after{
	position:absolute;
	content:'';
	width:1px;
	height:200px;
	background:#ebebeb;
	right:-1px;
	top:38px;
}
		.service-box img {
		  height: 60px;
		  margin-bottom: 20px;
		  transition: all 0.3s ease;
		}

		.service-box h4 {
		  font-size: 17px;
		  font-weight: 700;
		  color: #000;
		  margin-bottom: 10px;
		}

		.service-box p {
		  line-height: 1.6;
		  margin-bottom: 20px;
		}

		.service-box a {
		  color: #00A0E4;
		  font-weight: 600;
		  text-decoration: none;
		  transition: all 0.3s ease;
		}
.service-box a span{color: #00A0E4;
		  font-weight: 600;
		  text-decoration: none;
		  transition: all 0.3s ease;display:none;}
.service-box:hover a span{
		  color: #fff;
		  display:block;
		}

		.service-box a em {
		  transition: transform 0.3s ease;
		}

		.service-box a:hover em {
		  transform: translateX(4px);
		}

		/* Hover Effect */
		.service-box:hover {
		  background: linear-gradient(180deg, #f88016 0%, #f26522 100%);
		  color: #fff;
		  transform: translateY(-6px);
		  padding: 60px 20px;
		  margin:-20px 0 -30px;
		  height:330px;
		}

		.service-box:hover h4,
		.service-box:hover p,
		.service-box:hover a {
		  color: #fff;
		  display:block;
		}

		.service-box:hover img {
		  filter: brightness(0) invert(1);
		}

		.service-box:hover a span {
		  color: #fff;
		}
		.service-box.active {
		  background: linear-gradient(180deg, #f88016 0%, #f26522 100%);
		  color: #fff;
		  transform: translateY(-6px);
		  padding: 60px 25px;
		  margin:-20px 0 -30px;
		  height:330px;
		}

		.service-box.active h4,
		.service-box.active p,
		.service-box.active a {
		  color: #fff;
		  display:block;
		}

		.service-box.active img {
		  filter: brightness(0) invert(1);
		}

		.service-box.active a span {
		  color: #fff;
		}

		/* Owl Dots/Navigation (optional styling) */
		.service-section .owl-carousel .owl-nav.disabled{
			display:block !important;
			position:absolute;
			bottom:57%;
			width:100%;
			}
			.service-section .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{
				position: absolute;
		  bottom: 47%;
			}
			.service-section .owl-carousel .owl-nav button.owl-next{
				right:-50px;
			}
			.service-section .owl-carousel .owl-nav button.owl-prev{
				left:-50px;
			}
		.service-section .owl-theme .owl-nav [class*='owl-'] {
		  
		  color: #fff !important;
		  border-radius:10px;
		  width: 40px;
		  height: 40px;
		  line-height: 38px;
		  text-align: center;
		  font-size: 20px;
		  margin: 0;
		  display:block !important;
		  background: #00A0E4 !important;
			border:0px solid #fff;
		  font-size: 20px;
		  line-height: 33px;
		}

		.service-section .owl-theme .owl-nav [class*='owl-']:hover {
		  background: #007cb3 !important;
		}
		.before-after-box {
		  background: #fff;
		  padding:6px;
		  border-radius: 12px;
		  margin-top: -240px;
		}

		.before-after-box img {
		  border-radius: 10px;
		}

		.label-box {
		  position: absolute;
		  bottom: 10px;
		  left:50%;
		  transform: translateX(-50%);
		  background: #fff;
		  color: #000;
		  font-weight: 600;
		  font-size: 14px;
		  padding: 4px 16px;
		  border-radius: 20px;
		  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
		}
		
		.smile-section {
  padding-left:50px;
  padding-top:30px;
}

.smile-heading {
  font-weight: bold;
  font-size: 48px;
  color:#8B684C;
}

.smile-heading span {
  color: #000; 
  font-weight:300;
}

.smile-description {
  
  color: #000;
  max-width: 500px;
}
.front-testimonials{
	padding:20px;
}
.front-testimonials .testimonial-item {
  background-color: #ffffff;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
  padding:60px 30px 15px 30px;
  
}
.front-testimonials .testimonial-carousel .row {
  padding: 0 !important;
  margin: 0 !important;
}
.testi-control{padding-left:55px; margin-top:-75px;z-index: 99;}
.testimonials-text-box{height: 85px;
  overflow-y: scroll; padding-right:15px;}
.text-right{
	text-align:right;
}
.front-testimonials .testimonial-img {
  width: 64px;
  height: 64px;
  object-fit: cover;
}

.front-testimonials .testimonial-text {
  font-size: 1rem;
  color: #333;
  margin-bottom: 12px;
}

.front-testimonials .testimonial-rating i {
  font-size: 1rem;
  color: #f4c150;
}

.front-testimonials .testimonial-nav button {
  font-weight: 600;
  color: #000;
  font-size: 13px;
  text-decoration: none;
}

.front-testimonials .testimonial-nav .arrows i {
  font-size: 1.1rem;
  color: #333;
  transition: color 0.2s;
}

.front-testimonials .testimonial-nav .arrows i:hover {
  color: #8c624b;
}
.user-testi{width:70px; height:70px; border-radius:50%; overflow:hidden; position:relative;margin: -100px 0 15px;}
.user-testi img{width:100%; height:100%; object-fit:cover;}
.front-testimonials .owl-carousel .owl-stage-outer{padding-top:240px; margin-top:-240px;}
.service-section .front-testimonials .owl-carousel .owl-nav.disabled {  display: none !important;}
  .testimonial-nav{width: 190px;  margin: 0;}
  .front-testimonials .testimonial-rating{margin:0;display: flex; margin-top:8px;}
  .front-testimonials .testimonial-rating img{width:25px; height:25px;}
  .front-testimonials .testimonilas-userinfo{margin-right:0;}
  .testimonilas-userinfo .text-muted{color:#000!important;  font-size: 14px;}
  .journal-section{padding:80px 0 60px;}
  .journal-slider{padding:40px 0 0;}
  .journal-slider .blog-carousel .blog-card {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 0 10px rgba(0,0,0,0.05);
  overflow: hidden;
  border-bottom: 3px solid #00aaff;
  transition: 0.3s ease;
  padding-bottom: 1.5rem;
}

.journal-slider .blog-carousel .blog-card:hover {
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.journal-slider .blog-image {
  position: relative;
  height: 210px;
}

.journal-slider .blog-image img {
  width: 100%;
  height: 100%;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  object-fit:cover;
}

.journal-slider .blog-icon {
  position: absolute;
  bottom: -20px;
  left: 20px;
  background: #f57c00;
  border-radius: 50%;
  width:50px;
  height:50px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #fff;
}

.journal-slider .blog-icon img {
  width: 25px;
  height: 25px;
}

.journal-slider .blog-content {
  padding:20px 20px 0;
}

.journal-slider .blog-title {
  font-size:17px;
  font-weight:700;
  margin-bottom: 10px;
  line-height: 30px;
  margin-top: 0;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
   height:60px;
}

.journal-slider .blog-desc {  
  margin-bottom: 15px;
	 display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;padding-bottom: 0;
  overflow: hidden;}
.related-blog .blog-link{font-size:14px; font-weight:500; color:#007BFF;}
.related-blog .owl-carousel .owl-dots.disabled {
  display: block;
  text-align: center;
	
}

.journal-slider .blog-link {
  font-weight: 500;
  color: #00aaff;
  text-decoration: none;
}

.journal-slider .blog-link:hover {
  text-decoration: underline;
}
.journal-slider .owl-carousel .owl-dots.disabled{display:block;}
.journal-slider .owl-carousel .owl-dot span{width:8px; height:8px; border-radius:50%;display: block;  background:#CECECE;}
.journal-slider .owl-carousel .owl-dot.active span{ background:#00A0E4;}
.journal-slider .owl-carousel .owl-dots{display:flex; justify-content:center; margin:15px auto; gap:6px;}
.front-contact-section{background: #ffffff;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(245, 241, 238, 1) 100%); padding:0;}
.front-contact-section .inner{ padding:50px 0 80px; background:url(../images/bg-tooth.webp) right -35px no-repeat;background-size: auto 100%;}
.contact-info-box{ background: #fff;border-radius: 12px;box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);padding: 40px;color: #222; width:73%; margin:70px 0 20px;}
.working-hours-box { font-size: 14px;  color: #000;}

.working-hours-box h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 10px;
}

.working-hours-box hr {
  border: none;
  border-top: 1px solid #000;
  margin:15px 0 15px;
}

.working-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
}
.working-row span{
	margin:0;
}
.working-row span:first-child {
  font-weight: 600;
}

.working-row.saturday {
  color: #000;
  font-weight: 400;
  margin-bottom:20px;
}

.working-row.sunday span:last-child {
  color: #000;
}

.call-btn {
  display: block;
  text-align: center;
  background-color: #f47c20;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  padding: 10px 0;
  border-radius: 4px;
  margin-top: 15px;
  transition: background-color 0.3s;
}

.call-btn:hover {
  background-color: #e46d10;
  color:#000;
}

.footer-sec{
	background:url(../images/footer-bg.webp) right 0 no-repeat;
	padding:30px 0 20px;
	background-size: 100% 98%;
}
.footer-sec .footer {
  
  color: #000;
  font-size: 14px;
}

.footer-logo {
  max-width:100%;
}

.footer .tagline {
  color: #0076b6;
  font-size: 13px;
}

.footer-heading {
  font-weight: 600;
  margin-bottom: 14px;
  margin-left: 0;
	font-size: 17px;
}

.footer ul li {
  margin-bottom: 14px;
  text-align: left;
  width: 100%;
}

.footer ul li a {
  text-decoration: none;
  color: #000;
  transition: color 0.3s;
}

.footer ul li a:hover {
  color: #0076b6;
}
.footer .footer-navigation{
		padding-top:10px;
}
.footer  .footer-social{padding-top:40px;}
.footer-social .footer-heading{
	margin-bottom:24px;
}
.footer .footer-navigation ul{
	display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 0px;
}
.social-icons a {
  display: inline-block;
  width:35px;
  height:35px;
  line-height:30px;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
  color: #0076b6;
  margin-right: 8px;
  transition: all 0.3s;
  font-size: 18px;
}

.social-icons a:hover {
  background-color: #f1f1f1;
  color: #fff;
}

.footer-bottom {
	position:relative;
  font-size: 13px;
  color: #444;
}
.footer-bottom:before{
	content:'';
	position:absolute;
	height:1px;
	width:73%;
	left:0;
	top:0;
	background:#bfbfbf;
}
/* Go to Top Button Style */
#goTopBtn {
  display: none;
  position: fixed;
  bottom: 35px;
  right: 30px;
  z-index: 999;
  background-color: #e77612;
  color: #fff;
  border: none;
  outline: none;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  font-size: 20px;
  cursor: pointer;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

#goTopBtn:hover {
  background-color: #00a0e4;
  transform: scale(1.1);
}
.contact-box{
  padding:5px; margin-bottom:50px;}
  .contact-box .info{
	  display:flex;
	  justify-content:left;
	  margin-bottom:14px;
  }
   .contact-box .info p a{color:#000;}	
  .contact-box .info i{margin:0 5px 0 0; color:#000; font-size:18px;}
  
.contact-frm{
	background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  padding: 40px;
  margin-right:50px;
}
.contact-frm .frm-fild{margin-bottom:13px; border:0; border-bottom:1px solid #ccc; padding:8px 6px;width: 100%;}
.contact-frm textarea.frm-fild{height:80px;}
.contact-frm  .wpcf7-submit{ font-size: 16px; text-transform:uppercase;  color: var(--c-white); margin:0 auto;display: block !important; background: var(--c-blue);  border-radius:7px; border:0;  padding:15px 30px 15px 30px !important;  display: inline-block;position: relative;}
.contact-frm .wpcf7-submit:hover {  color: var(--c-white);  background: var(--c-primary-dark);}
.wpcf7-spinner{position:absolute !important;}


/*---------------About--------------------------*/
.about-intro{
	background: #FEFAF6;
background: linear-gradient(270deg, rgba(254, 250, 246, 1) 0%, rgba(254, 246, 238, 1) 100%);
padding:70px 0 0;
}
.intro-section {  
  color: #333; 
}
.intro-holder{
	padding-bottom:80px;
}
.intro-holder h2 {
  font-size:50px;
  font-weight: 700;
  color:#F07F1B;
  margin-bottom: 0;
}
.intro-holder p{
	margin-top:20px;
}
.intro-picture-holder {
	background: #F4F3F2;
background: linear-gradient(0deg, rgba(244, 243, 242, 1) 0%, rgba(250, 243, 237, 1) 22%);
}
.intro-picture-holder img{
	margin-top:-50px;
	width:100%;
}
.rohit-info h3{font-size:26px; margin-bottom:15px;color: #F07F1B;}
.rohit-info h4{font-size:20px; margin-bottom:15px;}
.rohit-info ul li{list-style-type: square;}
.rohit-info ul{padding-left:20px;}
a.bio-details {
  margin: 10px auto;
  background: var(--c-blue);
  color: #fff;
  padding: 12px 30px;
  border-radius: 4px;
	margin: 12px 0 0;
  display: inline-block;
}
.team-card-slider .card {
      background-color: #ffffff;
      border-radius: 16px;
      padding: 30px 20px;     
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      text-align: center;
	  border:0;
	  min-height:240px;
	transform: scale(1);
	transition: all 0.3s ease;
    }
.team-card-slider .card:hover {
  transform: translateY(-5px);
}
    .team-card-slider .card img {
      width:100%;
      height:100%;
      margin-bottom: 20px;
	  object-fit:cover;
    }

    .team-card-slider .card h2 {
      font-size: 17px;
      font-weight: bold;
      margin:10px 0 10px;
    }
	.team-card-slider .card p{height:50px;}
	.team-card-slider .card a {    
      margin: 10px auto;
	  background: var(--c-blue);
	  color:#fff;
	  padding:12px 30px;
	  border-radius:4px;
    }
    .team-card-slider .card p {    
      margin: 0;
    }
	.exparties-card-slider.owl-carousel .owl-stage-outer{padding:15px 0;}

.exparties-sec{
	background:#F4F3F2;
	padding:15px 0 50px;
}
.exparties-head{
	text-align:center;
	margin-bottom:30px;
}
.exparties-head h2{
	font-size:50px;
	color:#F07F1B;
	font-weight:700;
	margin-bottom:5px;
}
.exparties-head p{
	color:#000;
}

.exparties-card-slider .card {
      background-color: #ffffff;
      border-radius: 16px;
      padding: 30px 20px;     
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      text-align: center;
	  border:0;
	  min-height:240px;
	transform: scale(1);
	transition: all 0.3s ease;
    }
.exparties-card-slider .card:hover {
  transform: translateY(-5px);
}
    .exparties-card-slider .card img {
      width: 50px;
      height: 50px;
      margin-bottom: 20px;
    }

    .exparties-card-slider .card h2 {
      font-size: 17px;
      font-weight: bold;
      margin: 0 0 10px;
    }

    .exparties-card-slider .card p {    
      margin: 0;
    }
	.exparties-card-slider.owl-carousel .owl-stage-outer{padding:15px 0;}
	.crediential-sec{
		background:url(../images/bg2.svg) 0 0 no-repeat;
		background-size:cover;
		
	}
	.crediential-head{
	text-align:center;
	margin-bottom:30px;
}
	.crediential-head h2{
	font-size:56px;
	color:#8B684C;
	font-weight:700;
	margin-bottom:5px;
}
.crediential-head p{
	color:#000;
}
.degree-card {
      background-color: #ffffff;
      border-radius: 16px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
      overflow: hidden;
      text-align: center;
	  padding:20px 20px 0 20px;
	  min-height:270px;
	  margin-bottom:20px;
	transform: scale(1);
	transition: all 0.3s ease;
    }
.degree-card:hover {
  transform: translateY(-5px);
}
.degree-card .crediential-thumb{
	background:#f7f7f7;
	border-radius:10px;
	height:170px;
	overflow:hidden;
	position: relative;
}
    .degree-card img {
      width: 100%;
      height:auto;
      object-fit: contain;
    }

    .degree-card .credentials-text {
      padding: 20px 0;
    }

    .degree-card .credentials strong {
      font-weight: 700;
    }
	/*---------------------------Testimonials-----------------------*/
	.play-btn{position:absolute;
                            top:50%;
                            left:50%;
                            transform:translate(-50%, -50%);
                            width:60px;
                            height:60px;
                            background:#fff;
                            border-radius:50%;
                            display:flex;
                            justify-content:center;
                            align-items:center;
                            box-shadow:0 0 10px rgba(0,0,0,0.3);
							opacity:0.6;
                        }
						.fancybox__slide{width:50% !important;}

/*------------------Services------------------*/
.service-sec{background: #F5F6F7;
background: linear-gradient(0deg, rgba(245, 246, 247, 1) 0%, rgba(254, 246, 237, 1) 100%);}
   .implant-section ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.whychoose{
	margin-bottom:80px;
}
.implant-section{
	padding-right:40px;
}
.implant-section h2{
	margin:35px 0 20px;
}
.implant-section ul li {
  font-size: 15px;
  color: #000;
  margin-bottom: 8px;
  position: relative;
  padding-left:30px;
}

.implant-section ul li::before {
  content: "•";
  color: #000;
  position: absolute;
  left: 10px;
  font-size:18px;
  line-height: 1;
}
.implant-thum{
	box-shadow:0 0 6px 6px #ede1d4;
	border-radius:15px;
	background:#fff;
	padding:10px;
}
.implant-thum img{
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:12px;
}
.advantage-section{
	padding-left:35px;
}
.service-details-gap .advantage-section{
	padding-left:35px;
	display:flex;
	align-items:center;
}
.advantage-section h2{
	margin:35px 0 30px;
}
.procedure{
	margin-top:80px;
	margin-bottom:30px;
}

.filter-buttons{
	background:#fae5d4;
	border-radius:10px;
	padding:8px 2px;
	text-align:center;
	display: flex;
	justify-content: space-between;
}

.filter-buttons .btn {
 flex: 1;
  color: #000;
  font-weight: 500;
  border: none;
  border-radius:10px;
  padding: 14px 20px;
  margin:0 5px;
  transition: all 0.3s ease;
  font-size:15px;
}

.filter-buttons .btn.active,
.filter-buttons .btn:hover {
  background: #fff;
  color: #000;
	box-shadow:0 0 4px 4px #f0d8c4;
}
.btn-check:focus + .btn, .btn:focus {
  outline: 0;
  box-shadow: 0 0 0 0;
}
.blog-section .blog-grid{justify-content: center;}
.col-md-4.blog-item {
  margin: 15px 0;
}
/* Blog Cards */
.blog-card {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
  height: 100%;
  opacity: 1;
  transform: scale(1);
  border-bottom: 3px solid #00aaff;
}

.blog-card:hover {
  transform: translateY(-5px);
}

.blog-img img {
  width: 100%;
  height: 220px;
  object-fit: cover;
}

.blog-content {
  padding: 20px;
  position: relative;
}

.blog-grid .blog-icon {
  width: 50px;
  height: 50px;
  background: #f58220;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 20px;
  position: absolute;
  top: -25px;
}

.blog-content h5 {
  font-size:17px;
  color: #222;
  font-weight:700;
  margin-top: 40px;
  margin-bottom: 10px;
   overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 2; /* number of lines to show */
           line-clamp: 2; 
   -webkit-box-orient: vertical;
   margin-top:10px;
}
.blog-content p.blog-date{
	margin-top:15px;
	margin-bottom: 12px;
}
.blog-content p {
  line-height: 1.6;
  margin-bottom: 15px;
}

.learn-more {
  font-weight: 500;
  color: #00aaff;
  text-decoration: none;
  transition: all 0.3s ease;
}

.learn-more i {
  font-size: 13px;
  margin-left: 5px;
}

.learn-more:hover {
  color: #f58220;
}

.blog-details-holder{
	padding:20px 20px 50px; 
	background:#fff; 
	border-radius:12px; 
	box-shadow:0 4px 20px rgba(0,0,0,0.05);
	
}
.blog-single-section{background: #F5F6F7;
background: linear-gradient(0deg, rgba(245, 246, 247, 1) 0%, rgba(254, 246, 237, 1) 100%); padding:50px 0;}
.blog-contain{
	padding:0 50px;
}
.single-blog-image{
	width:100%; 
	border-radius:12px; 
	overflow:hidden; 
	margin-bottom:20px;
}
.single-blog-image img{
	width:100%; 
	height:auto; 
	object-fit:cover;
}
.single-blog-category{
	font-size:14px;
	margin-bottom:8px;
	color:#555;
}
.single-blog-title{
	font-size:28px; 
	font-weight:700; 
	margin:10PX 0 15px;
}
.single-blog-meta{
	display:flex; 
	align-items:center; 
	gap:10px; 
	margin-bottom:20px;
}
.single-blog-meta img{
	margin:0; 
	width: 100%;
	height: 100%;
}
.single-blog-meta .blog-user{
	width:60px;
	height:60px;
	border-radius:50%;
	margin:0;
	overflow:hidden;
}
.single-blog-meta .user-info{
	margin:0;
	font-size:14px; color:#555;
}
.single-blog-content p{
	font-size:15px;
	color:#000;
}
.single-blog-content ul{
	margin:5px 0 0 20px;
}
.single-blog-content li{
	font-size:15px;
	color:#000;
	list-style-type: disc;
}
.related-blog{
	padding:50px 0 15px;
}
.related-blog .blog-card{background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 3px 12px rgba(0,0,0,0.05);}
.related-blog .blog-image{position:relative;}
.related-blog .blog-icon{position:absolute;}
.related-blog .blog-content{padding:15px;}
.related-blog .blog-title{font-size:18px; font-weight:600; margin-bottom:10px;}
.related-blog .blog-desc{margin-bottom:10px;overflow: hidden;
   display: -webkit-box;
   -webkit-line-clamp: 3; /* number of lines to show */
           line-clamp: 3; 
   -webkit-box-orient: vertical;}
.related-blog .blog-link{font-size:14px; font-weight:500; color:#007BFF;}
.related-blog .owl-carousel .owl-dots.disabled {
  display: block;
  text-align: center;
}

.contact-section{background:url(../images/contact_bg.webp) 0 bottom no-repeat;
background-size:100% 100%;}
.footer-logo{width:150px; margin-bottom:17px !important;}
/*-------------gallery---------------*/
.gallery-all .nav-tabs{display: flex;  justify-content: center; border:0;}
.gallery-all .nav-link{ font-size: 14px;
  color: var(--c-white);
  background: var(--c-blue);
  border-radius: 5px;
  padding: 10px 30px 10px 30px !important;}
  .gallery-all .nav-link.active{ font-size: 14px;
  color: var(--c-white);
  background:#e77612;
  border-radius: 5px;
  padding: 12px 30px 12px 30px !important;}
.justified-gallery-wrapper {
    max-width: 1100px; /* Adjust depending on image width + margins */
    margin: 0 auto;
}
.justified-gallery a img{border:5px solid #fff;
	border-radius: 10px;}
.justified-gallery > .jg-entry-visible {
   border: 5px solid #fff;
  border-radius: 10px;
}
.justified-gallery a:before{
	content:'';
	width:34px;
	height:34px;
	border-radius:4px;
	position:absolute;
	right:10px;
	top:10px;
	background:url(../images/zoom_in.png) rgba(0, 0, 0, 0.61) center center no-repeat;
	background-size: 16px;
	z-index: 99;
}
.lb-nav a.lb-prev, .lb-nav a.lb-next{opacity:1 !important;}
.lb-data .lb-details{opacity:0;}
.lb-dataContainer{position:absolute; top:-10px; right:5%; z-index:9999;}
.map-section{
	background:#fafbfb;
}
.map-holder{
	background:#fff;
padding:7px;
border-radius:10px;
box-shadow:0 0 5px 5px #f1f1f1;}
.map-holder img{
	width:100%;
	height:auto;
}
.map-section .modal-body{width:100%;}
.faq-section{
	background:#fafbfb;
	padding-bottom:60px;
}
.accordion-button {
  font-weight: 600;
}
.accordion-button:not(.collapsed) {
  background-color:#fff;
  color: #000;
	font-weight:800;
	box-shadow:0 0 0 0;
}
.accordion-body {
  background: #fff;
}
.faq-hold{
	padding-top:30px;
}
.faq-hold .accordion{
	display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 20px;
}
.faq-hold .accordion .accordion-item {
  width: 49%;
	box-shadow:0 0 5px 5px #f1f1f1;
	border-radius:4px;
	overflow: hidden;
	border:0;
}
.accordion-button::after{
	background-color:#fff;
	background-image:url(../images/expand_circle_down.svg);
	border-radius:50px;
	width: 35px;
	  height: 35px;
	  background-size:35px;
	  background-repeat: no-repeat;
	  background-position: center;
	transform: rotate(-180deg);
}
.accordion-button:not(.collapsed)::after{
	background-image:url(../images/expand_circle_down.svg);
	transform: rotate(0deg);
}
.service-details-body{
	padding:50px 0 20px;
}
.service-details-gap{
	padding-bottom:50px;
}
.service-details-body .implant-section{
	padding-right:30px;
	display:flex;
	align-items:center;
}


.service-details-body .advantage-section .inner-body{
  padding-right:10px;
  height: 450px;
  overflow-y: scroll;
  scrollbar-width: thin; /* for Firefox */
  scrollbar-color: #F07F1B #fdf6ed; /* track color for Firefox */
}
.service-details-body .implant-section .inner-body {
  padding-right: 10px;
  height: 450px;
  overflow-y: scroll;

  /* Scrollbar customization */
  scrollbar-width: thin; /* for Firefox */
  scrollbar-color: #F07F1B #fdf6ed; /* track color for Firefox */
}

/* Chrome, Edge, Safari */
.service-details-body .implant-section .inner-body::-webkit-scrollbar {
  height: 8px; /* for horizontal scroll */
}

.service-details-body .implant-section .inner-body::-webkit-scrollbar-track {
  background: #f0f0f0; /* track background */
}

.service-details-body .implant-section .inner-body::-webkit-scrollbar-thumb {
  background-color: #F07F1B; /* orange thumb */
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
}

/* Chrome, Edge, Safari */
.service-details-body .advantage-section .inner-body::-webkit-scrollbar {
  height: 8px; /* for horizontal scroll */
}

.service-details-body .advantage-section .inner-body::-webkit-scrollbar-track {
  background: #f0f0f0; /* track background */
}

.service-details-body .advantage-section .inner-body::-webkit-scrollbar-thumb {
  background-color: #F07F1B; /* orange thumb */
  border-radius: 10px;
  border: 2px solid transparent;
  background-clip: content-box;
}