/**
 * One column conent Block Styles
 *
 * @package TekCreative
 * @since 2.0.0
 */

.one-col-content-001 {
  /* Block styles here */
}

.one-col-content-001__container {
  max-width: 850px
}

.one-col-content-001__heading {
  font-family: Ramidots, sans-serif;
  font-size: 64px;
  line-height: 100%;
  font-weight: 300 !important;
  line-height: 0.8;
  --tw-text-opacity: 1;
  color: rgb(255 55 67 / var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {
  .one-col-content-001__heading {
    font-size: 100px
  }
}

.one-col-content-001__content {
  font-family: "Bricolage Grotesque", sans-serif;
  font-weight: 400
}

@media (min-width: 768px) {
  .one-col-content-001__content {
    font-size: 24px;
    line-height: 100%
  }
}

.one-col-content-001__content em {
  position: relative;
  z-index: 1;
  display: inline;
  font-style: normal
}

.one-col-content-001__content em .one-col-content-001__line {
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-left: 0.5rem;
  padding-right: 0.5rem
}

.one-col-content-001__content em .one-col-content-001__line .one-col-content-001__line-text {
  position: relative;
  z-index: 1
}

.one-col-content-001__content em .one-col-content-001__line .one-col-content-001__decoration-svg {
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  height: 130%;
  width: 105%;
  --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));
  overflow: visible
}