@charset "utf-8";
/* CSS Document */

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
  overflow: hidden;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}

.partners-col1 .slick-slide {
  margin: 0 25px 0;
}

.instagram-col2 .slick-slide {
  margin: 0 9.9px 0;
}

.testimonials-col1 .slick-slide {
  margin: 0 10px 0;
}

.journey-col2 .slick-slide {
  margin: 0 30px 0 0;
}
.journey-col2 .slick-list.draggable {
  padding: 0 9% 0 0 !important;
}

.results-col1 .slick-slide {
  margin: 0 10px 0;
}



/*Smartphone css*/
@media screen and (max-width: 480px) {
.partners-col1 .slick-slide {
  margin: 0 40px 0;
}
.invisalign-wrapp .invisalign-col2 .invisalign-row2 .slick-slide {
    margin: 0 3px 0;
}
.journey-col2 .slick-slide {
    margin: 0 3px 0;
}
.consult-content-box.mobile .slick-dots li button:before {
  background: rgb(229 239 223);
  width: 35px !important;
  
}
.consult-content-box.mobile .slick-dots li
{ width: 34px !important;

}






}

@media screen and (min-width:481px) and (max-width:600px) {
.partners-col1 .slick-slide {
  margin: 0 40px 0;
}
.invisalign-wrapp .invisalign-col2 .invisalign-row2 .slick-slide {
    margin: 0 3px 0;
}
.journey-col2 .slick-slide {
    margin: 0 5px 0;
}
}

@media screen and (min-width:601px) and (max-width:767px) {
.partners-col1 .slick-slide {
  margin: 0 40px 0;
}
.invisalign-wrapp .invisalign-col2 .invisalign-row2 .slick-slide {
    margin: 0 3px 0;
}
.journey-col2 .slick-slide {
    margin: 0 5px 0;
}
}

@media screen and (min-width:768px) and (max-width:900px) {
.service-col1 .slick-slide {
  margin: 0 7px 0;
}
.testimonials-col3 .slick-slide {
  margin: 0 7px 0;
}
.team-col1 .slick-slide {
  margin: 0 15px 0;
}
.journey-col2 .slick-slide {
    margin: 0 10px 0 0;
}
}

@media screen and (min-width:901px) and (max-width:1024px) {
.service-col1 .slick-slide {
  margin: 0 7px 0;
}
.testimonials-col3 .slick-slide {
  margin: 0 7px 0;
}
.team-col1 .slick-slide {
  margin: 0 15px 0;
}
.journey-col2 .slick-slide {
    margin: 0 15px 0 0;
}
}

@media screen and (min-width:1025px) and (max-width:1240px) {
.service-col1 .slick-slide {
  margin: 0 7px 0;
}
.testimonials-col3 .slick-slide {
  margin: 0 7px 0;
}
.team-col1 .slick-slide {
  margin: 0 15px 0;
}
}

@media screen and (max-width: 767px) { 

.journey-col2 .slick-list.draggable {padding: 0 !important;}

.consult-content-box.mobile .slick-dots {
  bottom: -8px !important;
}

.consult-content-box.mobile .slick-dots li button:before {
  background: rgb(229 239 223) !important;

}

.consult-content-box.mobile .slick-dots li.slick-active button:before {
  background: rgb(125 176 96) !important;
}

.journey-col2 .slick-dots
{
  bottom: -27px !important;

}

.journey-col2 .slick-dots li button:before

{
  background: rgb(229 239 223) !important;
}


.journey-col2 .slick-dots li.slick-active button:before
{
  background: rgb(125 176 96) !important;
}




.implants-col1.mob .slick-dots li button:before
{ background: rgb(229 239 223) !important;
  width: 35px !important;
  height: 2px !important;

}

.implants-col1.mob .slick-dots li.slick-active button:before

{
  background: rgb(125 176 96) !important;
}
.implants-col1.mob .slick-dots
{
  bottom: -34px !important;
  padding: 0 !important;
}

.implants-col1.mob .slick-dots li {
  width: 45px;
  height: 2px ;
  margin: 0 0px 0 ;
 
}

/* owl slider */

.smile-row1.mob .owl-dots .owl-dot span {
 
  background: rgb(229 239 223) !important;
  display: inline-block !important;
  margin: 5px ;
  transition: background 0.3s ease-in-out;
  width: 50px;
  height: 2px;
}

/* Active dot */
.smile-row1.mob .owl-dots .owl-dot.active span {
  background: rgb(125 176 96) !important;
  width: 50px;
  height: 2px;
}

/* Optional: Make dots always visible */
.smile-row1.mob .owl-dots {
  display: flex !important;
    justify-content: center; /* Align dots in center */
    gap: 5px;
    
}
.smile-row1.mob .owl-dot {
  width: 50px !important;
  height: 2px !important;
    padding-top: 21px;

}
}