/* hero section image fade style */
.fade {
  transition: opacity 1s ease-in-out;
}

/* why chose us animation */
.fade-left {
  opacity: 0;
  transform: translateX(-60px);
  transition: all 0.8s ease;
}
.fade-right {
  opacity: 0;
  transform: translateX(60px);
  transition: all 0.8s ease;
}
.fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition: all 0.6s ease;
}
.scale-in {
  opacity: 0;
  transform: scale(0.8);
  transition: all 0.8s ease;
}
.show {
  opacity: 1 !important;
  transform: translateX(0) translateY(0) scale(1) !important;
}

/* sarvices */
.fade-up {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s ease;
}
.fade-up.show {
  opacity: 1;
  transform: translateY(0);
}

/* treatment */
.fadetreatment {
  opacity: 0;
  transform: scale(0.95);
  transition: opacity 2.5s ease, transform 2.5s ease;
}
.fadetreatment.active {
  opacity: 1;
  transform: scale(1);
}


/* custom google fonts */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Poppins: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&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");