/* .hr-main {
    border: none;
    height: 1px;
    background-image: repeating-linear-gradient(
        to right,
        var(--tx) 0 8px,
        transparent 8px 16px
    );
    margin: 24px 0;
}

.section-kala-logo-wrapper {
    position: relative;
    display: inline-block;
    padding: 12px;
}

.section-kala-logo {
    height: 240px;
    padding: 42px;
    border: 1px solid transparent;
  border-image: repeating-linear-gradient(
    to right,
    var(--tx) 0 8px,
    transparent 8px 16px
  ) 1 stretch;
} */

#smooth-content {
  padding-top: 0;
}

/*  */

/* .intro-container {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex: 1;
  margin-right: -25vw;
}

.intro-circle {
  position: relative;
  width: 20px;
  height: 20px;
  animation: intro-circle-grow 2s ease-in-out forwards;
  animation-delay: .5s;
}

@keyframes intro-circle-grow {
  0% {
      width: 20px;
      height: 20px;
  }
  100% {
      width: 200px;
      height: 200px;
  }
}

.intro-circle-img {
  width: 100%;
  position: absolute;
  user-select: none;
  pointer-events: none;
}

@keyframes right {
  to {
      transform: translate(50px, 4px);
  }
}

.intro-circle-img-r {
  animation: right 2s ease-in-out forwards;
  animation-delay: 3s;
}

@keyframes up {
  to {
      transform: translate(14px, -40px);
  }
}

.intro-circle-img-u {
  animation: up 2s ease-in-out forwards;
  animation-delay: 4s;
}
@keyframes down {
  to {
      transform: translateY(50px);
  }
}

.intro-circle-img-b {
  animation: down 2s ease-in-out forwards;
  animation-delay: 4s;
}
@keyframes left {
  to {
      transform: translateX(-24px);
  }
}

.intro-circle-img-l {
  animation: left 2s ease-in-out forwards;
  animation-delay: 5s;
} */

/*  */

.section1,
.section2 {
  /* font-size: 18px; */
  /* font-size: clamp(18px, 8vw, 60px); */
  font-size: 60px;
}

.intro-container {
  /* width: 100%; */
  width: 100vw;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
  flex: 1;
  /* margin-right: -25vw; */
  margin-bottom: -15vw;
  /* background-color: red; */
  /* position: absolute;
  top: 0; */
}

.intro-circle {
  position: relative;
  width: 0px;
  height: 0px;
  /* transform: translateX(-16px); */
  flex-shrink: 0;
  /* background-color: red; */
}

.intro-circle-img {
  width: 100%;
  position: absolute;
  user-select: none;
  pointer-events: none;
}

.intro-circle-text {
  display: inline-block;
  overflow: hidden;
  text-wrap: nowrap;
  margin-left: 0.1em;
  /* background-color: green; */
  /* width: fit-content; */
  /* background-color: blue; */
  display: flex;
  flex-direction: row;
  align-items: baseline;
}

.intro-circle-logo-k {
  overflow: hidden;
  display: inline-block;
  width: 0;
  /* height: .95em; */
  /* background-color: red; */
}

.meaning {
  display: inline-block;
  font-size: 16px;
  color: var(--tx2);
  overflow: hidden;
  padding-left: 1ch;
}
/*  */

.intro-container-child {
  display: flex;
  /* background-color: blue; */
  justify-content: center;
  align-items: center;
}

.intro-2 .role {
  display: inline-block;
  overflow: hidden;
  text-wrap: nowrap;
  /* width: max-content; */
}

/*  */

/* .section1 {
  display: flex;
  flex-direction: row;
  gap: 300px;
  justify-content: space-between;
  height: 1000vh;
}

.section1 > div {
  height: 100%;
  width: 100%;
} */

/*  */

/* .dynamic-heading-container {
  position: absolute;
  top: 0;
} */

.box-bg {
  /* content: ""; */
  position: absolute;
  top: 0;
  left: 0;
  /* left: 50%; */
  /* transform: translateX(-50%); */
  /* width: calc(100% - ( var(--side-padding) * 2)); */
  width: 100%;
  height: 100%;

  --grid-color: rgba(89, 89, 89, 0.4);
  --square-size: 100px;

  background-image: 
    repeating-linear-gradient(to right, var(--grid-color) 0, var(--grid-color) 1px, transparent 1px, transparent var(--square-size)),
    repeating-linear-gradient(to bottom, var(--grid-color) 0, var(--grid-color) 1px, transparent 1px, transparent var(--square-size));
  background-size: var(--square-size) var(--square-size);
  background-position: 50% 0;

  z-index: -999;
}

.heading {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 80px;
  padding-top: 120px;
  padding-left: var(--side-padding);
  overflow: hidden;
}

.scroll-heading {
  text-wrap: nowrap;
  /* font-size: clamp(24px, 8vw, 80px); */
}

/* .heading span {
  display: inline-block;
} */

/* .dynamic-heading span:not(:first-child) {
  display: block;
  overflow: hidden;
  height: 0em;
  background-color: blue;
} */

/*  */

/* .para {
  font-size: clamp(24px, 8vw, 64px);
  font-size: 30px;
  max-width: 600px;
} */

/* font-size: clamp(12px, 3vw, 22px); */

/*  */

/* .section2 {
  max-width: 700px;
}

.about-heading {
  font-size: 42px;
}

.meaning {
  font-size: 16px;
  color: var(--tx2);
}



.about-text {
  font-size: 18px;
}

.section2 em {
  color: var(--cf);
}

.section2 strong {
  color: var(--tx2);
} */

/*  */

/* .section2 {
  border-top: 1px solid red;
} */

/* .about-heading {
  font-size: 62px;
  width: fit-content;
  margin: 0 auto;
  overflow: hidden;
}
.about-heading-content {
  display: inline-block;
}

.meaning {
  font-size: 16px;
  color: var(--tx2);
} */

/*  */

/* .section2 {} */

/* .year {
  font-size: clamp(24px, 24vw, 120px);
  width: fit-content;
  margin: 0 auto;
  transform-origin: left;
} */

/*  */

/* .section2 {
  font-size: 60px;
} */

.about-subheading {
  overflow: hidden;
  width: fit-content;
  margin: 0 auto;
  font-size: 1em;
}

.about-subheading span,
.about-subheading em {
  display: inline-block;
  overflow: hidden;
}

.kalakruti-container {
  /* background-color: green; */
  width: fit-content;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  /* --kalakruti-logo-height: 300px; */
  /* margin-top: calc(var(--kalakruti-logo-height) / 2); */

  
}
.kalakruti-logo {
  /* height: var(--kalakruti-logo-height); */
  /* margin-top: calc(-1 * var(--kalakruti-logo-height) / 6); */
  width: 460px;
  max-width: 90vw;
  margin-top: -10%;
  /* opacity: .1; */
}
.heading-kalakruti-container {
  position: absolute;
  text-transform: uppercase;
  text-wrap: nowrap;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.heading-kalakruti {
  letter-spacing: clamp(1px, 2vw, .5em);
  /* line-height: 1em; */
}
.heading-kalakruti-sub {
  font-size: 16px;
  text-transform: capitalize;
  /* letter-spacing: .4em; */
  /* line-height: 2; */
  /* margin-top: 1em; */
}
.logo-year {
  font-size: 16px;
  /* font-style: italic; */
  text-transform: capitalize;

}

.about-text {
  /* margin-top: 40vh; */
  font-size: 30px;
  text-align: justify;
  max-width: 600px;
  text-indent: 20%;
}

.about-text:not(:first-of-type) {
  margin-top: 140px;
}

.about-text:nth-of-type(even) {
  margin-left: auto;
}

/* .about-text:nth-of-type(5),
.about-text:nth-of-type(6) { */
  /* margin-left: auto;
  margin-right: auto; */
  /* background-color: red; */
  /* height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center; */
  /* max-width: 100%; */
  /* text-indent: 0;
  font-size: clamp(1em, 4vw, 6em);
} */
/* .about-text:nth-of-type(5) {
  text-align: left;
  margin-top: 40vh;
}
.about-text:nth-of-type(6) {
  text-align: right;
  margin-top: 0;
} */

/*  */
/* footer {
  margin-top: 200vh;
} */

@media (max-width: 870px) {
    .section1,
    .section2 {
      font-size: 50px;
    }
}
@media (max-width: 836px) {
  .section1,
  .section2 {
    font-size: 6vw;
    }
  }
  @media (max-width: 840px) {
    .intro-container-child,
    .intro-container {
      /* display: flex;
      justify-content: center;
      align-items: center; */
      flex-direction: column;
    }
    .intro-1 {
      gap: 10px;
    }
    .intro-circle-logo-k {
      /* overflow: hidden;
      display: inline-block; */
      width: auto;
      overflow: visible;
    }
    .intro-circle-text {
      margin-left: 0;
    }
    /* .role {
      margin-top: -1em;
    } */
  }