/* Base styles for the bolt-animation-noscroll module */
.bolt-animation-noscroll {
  display: flex;
  justify-content: space-between;
  gap: 40px 50px;
  padding: 0 20px;
}

.bolt-animation-noscroll__col1 {
  flex-basis: calc(72%);
}

.bolt-animation-noscroll__svg {
  padding: 0 40px;
  flex: 1;
}

.bolt-animation-noscroll__svg svg path {
  opacity: 0;
}

.bolt-animation-noscroll__title,
.bolt-animation-noscroll__copy {
  margin-bottom: 1rem;
  position: relative;
}

.bolt-animation-noscroll__title {
  width: fit-content;
}

.bolt-animation-noscroll__title, .bolt-animation-noscroll__copy {
  opacity: 0;
}

.bolt-animation-noscroll__title,
.bolt-animation-noscroll__title :is(h1, h2, h3, h4, h5, h6, p, div) {
  font-size: 1.9rem;
}

.bolt-animation-noscroll__copy,
.bolt-animation-noscroll__copy :is(h1, h2, h3, h4, h5, h6, p, div) {
  font-size: 1rem;
  font-weight: 400;
}


/* Adjust layout based on text position */
.bolt-animation-noscroll.text-left .bolt-animation-noscroll__content {
  order: 1;
}

.bolt-animation-noscroll.text-left .bolt-animation-noscroll__image {
  order: 2;
}

.bolt-animation-noscroll.text-right .bolt-animation-noscroll__content {
  order: 2;
}

.bolt-animation-noscroll.text-right .bolt-animation-noscroll__image {
  order: 1;
}

@media (max-width: 1150px) {
.bolt-animation-noscroll__svg {
  padding: 0 20px;
}
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .bolt-animation-noscroll {
      align-items: center;
  }

  .bolt-animation-noscroll__col1 {
    flex-basis: auto;
}

  .bolt-animation-noscroll > div {
    width: 100%;
    justify-items: center;
  }

  .bolt-animation-noscroll__copy,
  .bolt-animation-noscroll__copy :is(h1, h2, h3, h4, h5, h6, p, div) {
    font-size: 1rem!important;
    font-weight: 400;
    text-align: center;
  }

  .bolt-animation-noscroll__title,
  .bolt-animation-noscroll__title :is(h1, h2, h3, h4, h5, h6, p, div) {
    font-size: 1.5rem;
    text-align: center;
  }

  .bolt-animation-noscroll__title span {
    width: 100%;
    display: block;
}
  .bolt-animation-noscroll__svg {
    padding: 0;
    width: 30%;
    min-height: 190px;
}
}
}