/*!*******************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/@wordpress/scripts/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./inc/Components/Timeline/style.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************/
.booom-timeline .absolute {
  position: absolute;
}
.booom-timeline .relative {
  position: relative;
}
.booom-timeline .mb-0 {
  margin-bottom: 0px;
}
.booom-timeline .mb-12 {
  margin-bottom: 3rem;
}
.booom-timeline .mt-\[28px\] {
  margin-top: 28px;
}
.booom-timeline .block {
  display: block;
}
.booom-timeline .flex {
  display: flex;
}
.booom-timeline .flex-shrink {
  flex-shrink: 1;
}
.booom-timeline .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}
.booom-timeline .flex-col {
  flex-direction: column;
}
.booom-timeline .gap-6 {
  gap: 1.5rem;
}
.booom-timeline .gap-\[64px\] {
  gap: 64px;
}
.booom-timeline .rounded-\[20px\] {
  border-radius: 20px;
}
.booom-timeline .bg-white\/\[0\.06\] {
  background-color: rgb(255 255 255 / 0.06);
}
.booom-timeline .px-16 {
  padding-left: 4rem;
  padding-right: 4rem;
}
.booom-timeline .py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.booom-timeline .pl-\[94px\] {
  padding-left: 94px;
}
.booom-timeline .text-2xl {
  font-size: 1.5rem;
  line-height: 2rem;
}
.booom-timeline .text-\[48px\] {
  font-size: 48px;
}
.booom-timeline .font-bold {
  font-weight: 700;
}
.booom-timeline .font-semibold {
  font-weight: 600;
}
.booom-timeline .leading-\[60px\] {
  line-height: 60px;
}
.booom-timeline .text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.booom-timeline .text-white\/75 {
  color: rgb(255 255 255 / 0.75);
}
.booom-timeline .backdrop-blur-\[20px\] {
  --tw-backdrop-blur: blur(20px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
  backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);
}
.booom-timeline .timeline-wrapper::before {
  content: "";
  position: absolute;
  left: 43px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 50%, rgba(255, 255, 255, 0) 100%);
}
.booom-timeline .timeline-dot {
  position: absolute;
  left: -60px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
  flex-shrink: 0;
}
.booom-timeline :is(.\[\&_p\:last-child\]\:mb-0 p:last-child) {
  margin-bottom: 0px;
}
.booom-timeline :is(.\[\&_p\]\:mb-4 p) {
  margin-bottom: 1rem;
}

/*# sourceMappingURL=style-script.css.map*/