/*!***********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ProcessSteps/style.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************/
.booom-process-steps .pointer-events-none {
  pointer-events: none;
}
.booom-process-steps .absolute {
  position: absolute;
}
.booom-process-steps .relative {
  position: relative;
}
.booom-process-steps .inset-x-0 {
  left: 0px;
  right: 0px;
}
.booom-process-steps .bottom-0 {
  bottom: 0px;
}
.booom-process-steps .left-1\/2 {
  left: 50%;
}
.booom-process-steps .right-0 {
  right: 0px;
}
.booom-process-steps .top-0 {
  top: 0px;
}
.booom-process-steps .top-1\/2 {
  top: 50%;
}
.booom-process-steps .z-10 {
  z-index: 10;
}
.booom-process-steps .z-\[1\] {
  z-index: 1;
}
.booom-process-steps .mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.booom-process-steps .-mt-\[8px\] {
  margin-top: -8px;
}
.booom-process-steps .mb-20 {
  margin-bottom: 5rem;
}
.booom-process-steps .line-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.booom-process-steps .flex {
  display: flex;
}
.booom-process-steps .hidden {
  display: none;
}
.booom-process-steps .aspect-\[1\/1\] {
  aspect-ratio: 1/1;
}
.booom-process-steps .h-14 {
  height: 3.5rem;
}
.booom-process-steps .h-\[100px\] {
  height: 100px;
}
.booom-process-steps .h-\[42px\] {
  height: 42px;
}
.booom-process-steps .h-\[84px\] {
  height: 84px;
}
.booom-process-steps .h-full {
  height: 100%;
}
.booom-process-steps .w-1\/2 {
  width: 50%;
}
.booom-process-steps .w-\[100px\] {
  width: 100px;
}
.booom-process-steps .w-\[42px\] {
  width: 42px;
}
.booom-process-steps .w-\[84px\] {
  width: 84px;
}
.booom-process-steps .w-full {
  width: 100%;
}
.booom-process-steps .min-w-0 {
  min-width: 0px;
}
.booom-process-steps .max-w-\[115px\] {
  max-width: 115px;
}
.booom-process-steps .flex-1 {
  flex: 1 1 0%;
}
.booom-process-steps .flex-shrink-0 {
  flex-shrink: 0;
}
.booom-process-steps .-translate-x-1\/2 {
  --tw-translate-x: -50%;
  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-process-steps .-translate-y-1\/2 {
  --tw-translate-y: -50%;
  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-process-steps .flex-col {
  flex-direction: column;
}
.booom-process-steps .items-start {
  align-items: flex-start;
}
.booom-process-steps .items-end {
  align-items: flex-end;
}
.booom-process-steps .items-center {
  align-items: center;
}
.booom-process-steps .justify-center {
  justify-content: center;
}
.booom-process-steps .gap-4 {
  gap: 1rem;
}
.booom-process-steps .overflow-hidden {
  overflow: hidden;
}
.booom-process-steps .hyphens-auto {
  -webkit-hyphens: auto;
          hyphens: auto;
}
.booom-process-steps .break-words {
  overflow-wrap: break-word;
}
.booom-process-steps .rounded-corner-lg {
  border-radius: 30px;
}
.booom-process-steps .rounded-full {
  border-radius: 9999px;
}
.booom-process-steps .border {
  border-width: 1px;
}
.booom-process-steps .bg-border {
  --tw-bg-opacity: 1;
  background-color: rgb(239 240 241 / var(--tw-bg-opacity, 1));
}
.booom-process-steps .bg-surface {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.booom-process-steps .px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.booom-process-steps .px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.booom-process-steps .py-10 {
  padding-top: 2.5rem;
  padding-bottom: 2.5rem;
}
.booom-process-steps .pb-2 {
  padding-bottom: 0.5rem;
}
.booom-process-steps .pt-2 {
  padding-top: 0.5rem;
}
.booom-process-steps .text-center {
  text-align: center;
}
.booom-process-steps .text-\[16px\] {
  font-size: 16px;
}
.booom-process-steps .font-bold {
  font-weight: 700;
}
.booom-process-steps .leading-\[1\.3\] {
  line-height: 1.3;
}
.booom-process-steps .text-primary {
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity, 1));
}
.booom-process-steps .content-\[\'\'\] {
  --tw-content: '';
  content: var(--tw-content);
}
.booom-process-steps .process-step-circle {
  clip-path: circle(50% at 50% 50%);
  overflow: hidden;
  position: relative;
  aspect-ratio: 1/1;
  width: 100%;
}
.booom-process-steps .process-step-circle::before {
  position: absolute;
  top: 0px;
  right: 0px;
  height: 100%;
  width: 50%;
  --tw-content: "";
  content: var(--tw-content);
}
@media (min-width: 1024px) {
  .booom-process-steps .process-step-circle::before {
    left: 0px;
    right: 0px;
    height: 50%;
    width: 100%;
  }
}
.booom-process-steps .process-step-circle::after {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  height: 100%;
  width: 50%;
  --tw-content: "";
  content: var(--tw-content);
}
@media (min-width: 1024px) {
  .booom-process-steps .process-step-circle::after {
    top: unset;
    height: 50%;
    width: 100%;
  }
}
.booom-process-steps .process-step-circle--even::before {
  --tw-bg-opacity: 1;
  background-color: rgb(255 198 0 / var(--tw-bg-opacity, 1));
}
.booom-process-steps .process-step-circle--even::after {
  background-color: transparent;
}
.booom-process-steps .process-step-circle--odd::before {
  background-color: transparent;
}
.booom-process-steps .process-step-circle--odd::after {
  --tw-bg-opacity: 1;
  background-color: rgb(255 198 0 / var(--tw-bg-opacity, 1));
}
.booom-process-steps .process-step-circle .process-step-circle-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 10;
  display: flex;
  --tw-translate-x: -50%;
  --tw-translate-y: -50%;
  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));
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  --tw-text-opacity: 1;
  color: rgb(35 31 32 / var(--tw-text-opacity, 1));
}
@media (min-width: 1024px) {
  .booom-process-steps .process-step-circle .process-step-circle-icon {
    width: calc(100% - 20px);
    height: calc(100% - 20px);
  }
}
@media (max-width: 1024px) {
  .booom-process-steps .process-step-circle .process-step-circle-icon {
    width: calc(100% - 16px);
    height: calc(100% - 16px);
  }
}
.booom-process-steps .process-step-circle .process-step-circle-icon .process-step-circle-icon-image {
  height: 42px;
  width: 42px;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (min-width: 640px) {
  .booom-process-steps .sm\:px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (min-width: 768px) {
  .booom-process-steps .md\:px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
  .booom-process-steps .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  .booom-process-steps .lg\:inset-x-0 {
    left: 0px;
    right: 0px;
  }
  .booom-process-steps .lg\:top-\[unset\] {
    top: unset;
  }
  .booom-process-steps .lg\:block {
    display: block;
  }
  .booom-process-steps .lg\:hidden {
    display: none;
  }
  .booom-process-steps .lg\:h-\[140px\] {
    height: 140px;
  }
  .booom-process-steps .lg\:w-\[140px\] {
    width: 140px;
  }
  .booom-process-steps .lg\:w-\[calc\(100\%\+4rem\)\] {
    width: calc(100% + 4rem);
  }
  .booom-process-steps .lg\:w-full {
    width: 100%;
  }
  .booom-process-steps .lg\:px-12 {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

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