.elementor-8 .elementor-element.elementor-element-0bd0fa8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-c2b7f3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8 .elementor-element.elementor-element-c2b7f3b:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-c2b7f3b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kalastudio.co.in/wp-content/uploads/2025/07/about-bg-shape.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-499f24f .el-title{margin:0px 0px 0px 0px;}.elementor-8 .elementor-element.elementor-element-466fcac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-8 .elementor-element.elementor-element-3b94280{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-8 .elementor-element.elementor-element-3b94280:not(.elementor-motion-effects-element-type-background), .elementor-8 .elementor-element.elementor-element-3b94280 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kalastudio.co.in/wp-content/uploads/2025/07/about-bg-shape.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-8 .elementor-element.elementor-element-a551872 > .elementor-widget-container{margin:113px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS for container, class: .elementor-element-c2b7f3b */html {
  scroll-behavior: smooth;
}/* End custom CSS */
/* Start custom CSS *//* Start state */
.hero-logo {
  transition: all 0.4s ease;
  transform-origin: center;
}

.header-logo {
  opacity: 0;
  transition: all 0.4s ease;
}

/* When scrolled */
.logo-scrolled .hero-logo {
  transform: scale(0.3) translateY(-200px);
  opacity: 0;
}

.logo-scrolled .header-logo {
  opacity: 1;
}/* End custom CSS */