/* body {
  scroll-behavior: smooth;
} */
/* ######## animation bottom to top ######### */
.animation-bt {
    opacity: 0;
    transform: translateY(50px);
    transition: all 1s ease-out;
}

.animation-bt.show {
    opacity: 1;
    transform: translateY(0);
}

/* ######## animation left to right ######### */
.slide-left-animation,
.slide-right-animation {
    opacity: 0;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.slide-left-animation {
    transform: translateX(-150px);
}
.slide-right-animation {
    transform: translateX(150px);
}

.slide-left-animation.show,
.slide-right-animation.show {
    opacity: 1;
    transform: translateX(0);
}
/* ####### animation left to right text banner and other hading #######*/
.slide-text-h {
  opacity: 0;
  transform: translateX(-80px);
  animation: slideIn 2s ease-out forwards;
}

@keyframes slideIn {
  to {
    opacity: 1;
    transform: translateX(0);
  }
}



/* ############# animation andar se slide karke bahar ############*/

/* Initial state: small scale and transparent */
.slide-animation-tab {
    transform: scale(0);
    opacity: 0;
    transition: transform 0.8s ease-out, opacity 0.8s ease-out;
    transform-origin: center; /* expand from center */
}

/* When the element becomes visible */
.slide-animation-tab.show {
    transform: scale(1);
    opacity: 1;
}