{"version":3,"file":"static/css/6408.8f457f2b.chunk.css","mappings":"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","sources":["Assets/scss/components/_socialicons.scss","Assets/scss/components/_fancytextbox.scss"],"sourcesContent":["/* social media icon */\r\n.social-icon {\r\n  &.dark {\r\n    a {\r\n      color: #232323;\r\n    }\r\n  }\r\n\r\n  &.light {\r\n    a {\r\n      color: #fff;\r\n    }\r\n  }\r\n\r\n  &.xs,\r\n  &.sm,\r\n  &.md,\r\n  &.lg,\r\n  &.xl {\r\n    list-style: none;\r\n    padding: 0;\r\n\r\n    li {\r\n      display: inline-block;\r\n\r\n      &:first-child {\r\n        margin-left: 0;\r\n      }\r\n\r\n      &:last-child {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n\r\n    a {\r\n      display: inline-block;\r\n    }\r\n  }\r\n\r\n  &.xs {\r\n    li {\r\n      margin: 0 2px;\r\n    }\r\n\r\n    a {\r\n      font-size: 14px;\r\n      width: 30px;\r\n      height: 30px;\r\n      line-height: 30px;\r\n    }\r\n  }\r\n\r\n  &.sm {\r\n    li {\r\n      margin: 0 5px;\r\n    }\r\n\r\n    a {\r\n      font-size: 16px;\r\n      width: 40px;\r\n      height: 40px;\r\n      line-height: 40px;\r\n    }\r\n  }\r\n\r\n  &.md {\r\n    li {\r\n      margin: 0 8px;\r\n    }\r\n\r\n    a {\r\n      font-size: 20px;\r\n      width: 50px;\r\n      height: 50px;\r\n      line-height: 50px;\r\n    }\r\n  }\r\n\r\n  &.lg {\r\n    li {\r\n      margin-left: 10px;\r\n      margin-right: 10px;\r\n    }\r\n\r\n    a {\r\n      font-size: 24px;\r\n      width: 60px;\r\n      height: 60px;\r\n      line-height: 60px;\r\n    }\r\n  }\r\n\r\n  &.xl {\r\n    li {\r\n      margin: 0 12px;\r\n    }\r\n\r\n    a {\r\n      font-size: 30px;\r\n      width: 70px;\r\n      height: 70px;\r\n      line-height: 70px;\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 01\r\n.social-icon-style-01 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  &.dark {\r\n    a {\r\n      color: #232323;\r\n      text-decoration: none;\r\n      transition: var(--default-transition);\r\n\r\n      &:hover {\r\n        color: var(--social-icon-color);\r\n      }\r\n    }\r\n  }\r\n\r\n  &.light {\r\n    a {\r\n      color: white;\r\n      text-decoration: none;\r\n      transition: var(--default-transition);\r\n\r\n      &:hover {\r\n        color: var(--social-icon-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 02\r\n.social-icon-style-02 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  &.dark,\r\n  &.light {\r\n    a {\r\n      transition: var(--default-transition);\r\n\r\n      &:hover {\r\n        transform: translateY(-8px);\r\n        color: var(--social-icon-color);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 03\r\n.social-icon-style-03 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  a {\r\n    background-color: var(--social-icon-color);\r\n    transition: var(--default-transition);\r\n\r\n    &:hover {\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 04\r\n.social-icon-style-04 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  a {\r\n    background-color: var(--social-icon-color);\r\n    transition: var(--default-transition);\r\n    border-radius: 50%;\r\n\r\n    &:hover {\r\n      color: var(--social-icon-color);\r\n      background-color: #fff;\r\n      transform: translate3d(0, -3px, 0);\r\n      box-shadow: 0 0 30px rgb(23 23 23 / 25%);\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 05\r\n.social-icon-style-05 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  a {\r\n    text-align: center;\r\n    display: inline-block;\r\n    border-radius: 100%;\r\n    position: relative;\r\n    color: #232323;\r\n    text-align: center;\r\n    z-index: 1;\r\n    font-size: 24px;\r\n    width: 60px;\r\n    height: 60px;\r\n\r\n    span {\r\n      border-radius: 0;\r\n      display: block;\r\n      height: 0;\r\n      left: 50%;\r\n      margin: 0;\r\n      position: absolute;\r\n      top: 50%;\r\n      transition: var(--default-transition);\r\n      width: 0;\r\n      z-index: -1;\r\n      background-color: var(--social-icon-color);\r\n    }\r\n\r\n    &:hover {\r\n      color: #fff;\r\n\r\n      span {\r\n        width: 100%;\r\n        height: 100%;\r\n        border-radius: 100%;\r\n        top: 0;\r\n        left: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 06\r\n.social-icon-style-06 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  a {\r\n    transition: var(--default-transition);\r\n    border-radius: 0;\r\n\r\n    &:hover {\r\n      color: #fff;\r\n      background-color: var(--social-icon-color);\r\n      border-radius: 50%;\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 07\r\n.social-icon-style-07 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  &.dark,\r\n  &.light {\r\n    a {\r\n      color: var(--social-icon-color);\r\n      transition: var(--default-transition);\r\n    }\r\n  }\r\n\r\n  &.dark {\r\n    a {\r\n      &:hover {\r\n        color: #232323;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.light {\r\n    a {\r\n      &:hover {\r\n        color: #fff;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 08\r\n.social-icon-style-08 {\r\n  display: flex;\r\n  align-items: center;\r\n  width: 100%;\r\n\r\n  &.dark,\r\n  &.light {\r\n    a {\r\n      color: var(--social-icon-color);\r\n      display: inline-block;\r\n      height: auto;\r\n      width: auto;\r\n      padding: 0 24px;\r\n      position: relative;\r\n      overflow: hidden;\r\n      text-decoration: none;\r\n      transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;\r\n\r\n      .brand-icon {\r\n        position: absolute;\r\n        height: 100%;\r\n        width: 100%;\r\n        left: 0;\r\n        top: 100%;\r\n        font-size: 20px;\r\n        line-height: 28px;\r\n        display: flex;\r\n        justify-content: center;\r\n        align-items: center;\r\n        transition-duration: 0.3s;\r\n        transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;\r\n      }\r\n\r\n      &:hover {\r\n        .brand-icon {\r\n          top: 0;\r\n          transition-duration: 0.3s;\r\n        }\r\n\r\n        >span.brand-label {\r\n          top: -50px;\r\n          transition: var(--default-transition);\r\n          transition-duration: 350ms;\r\n        }\r\n      }\r\n\r\n      >span {\r\n        font-family: var(--alt-font);\r\n        font-size: 20px;\r\n        line-height: 28px;\r\n        line-height: inherit;\r\n        font-weight: 500;\r\n        top: 0;\r\n        position: relative;\r\n        transition: var(--default-transition);\r\n        transition-duration: 350ms;\r\n        transition: 350ms cubic-bezier(0.175, 0.885, 0.32, 1.275) all;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 09\r\n.social-icon-style-09 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  a {\r\n    text-align: center;\r\n    display: inline-block;\r\n    border-radius: 100%;\r\n    color: #232323;\r\n    position: relative;\r\n    text-align: center;\r\n    transition: var(--default-transition);\r\n\r\n    &:hover {\r\n      color: white;\r\n      background-color: var(--social-icon-color);\r\n\r\n      &:after {\r\n        opacity: 0.4;\r\n        -webkit-transform: scale(1.3);\r\n        -moz-transform: scale(1.3);\r\n        -ms-transform: scale(1.3);\r\n        -o-transform: scale(1.3);\r\n        transform: scale(1.3);\r\n      }\r\n    }\r\n\r\n    &:after {\r\n      content: \"\";\r\n      display: block;\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      height: 100%;\r\n      width: 100%;\r\n      transform: scale(0.8);\r\n      border: 1px solid;\r\n      border-radius: 100%;\r\n      opacity: 0;\r\n      border-color: var(--social-icon-color);\r\n      color: var(--social-icon-color);\r\n      transition: var(--default-transition);\r\n      transition-duration: 0.5s;\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 10\r\n.social-icon-style-10 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  &.dark,\r\n  &.light {\r\n    a {\r\n      display: inline-block;\r\n      position: relative;\r\n      z-index: 3;\r\n      overflow: hidden;\r\n      text-align: center;\r\n      font-size: 24px;\r\n      width: 60px;\r\n      height: 60px;\r\n      color: var(--social-icon-color);\r\n      transition: 0.3s ease-in-out;\r\n\r\n      &:hover {\r\n        color: #fff;\r\n\r\n        >span {\r\n          background-color: var(--social-icon-color);\r\n          top: 0;\r\n          z-index: -1;\r\n        }\r\n      }\r\n\r\n      >span {\r\n        position: absolute;\r\n        top: -100%;\r\n        left: 0;\r\n        height: 100%;\r\n        width: 100%;\r\n        z-index: -1;\r\n        transition: var(--default-transition);\r\n        transition-duration: 0.5s;\r\n        transition: 0.3s ease-in-out;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.dark {\r\n    a {\r\n      color: #000;\r\n    }\r\n  }\r\n\r\n  &.light {\r\n    a {\r\n      &:hover {\r\n\r\n        color: #fff;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 11\r\n.social-icon-style-11 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  @media (max-width:var(--md)) {\r\n    width: 80%;\r\n    justify-content: center;\r\n    display: inline-block;\r\n  }\r\n\r\n  li {\r\n    margin-right: 0 !important;\r\n    margin-left: 0 !important;\r\n    margin-bottom: 0 !important;\r\n  }\r\n\r\n  &.dark,\r\n  &.light {\r\n    a {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n      height: 160px;\r\n      width: 160px;\r\n      position: relative;\r\n      margin: 0 15px;\r\n      margin-bottom: 1rem !important;\r\n      transition: var(--default-transition);\r\n      color: #828282;\r\n      text-decoration: none;\r\n\r\n      &:hover {\r\n        text-decoration: none;\r\n        outline: 0;\r\n        outline-offset: 0;\r\n        color: #0038e3;\r\n\r\n        .social-front {\r\n          transition-duration: 0.3s;\r\n          background-color: #fff;\r\n          text-align: center;\r\n          box-shadow: 0 0 35px rgba(23, 23, 23, 0.06);\r\n          display: flex;\r\n          justify-content: center;\r\n          flex-direction: column;\r\n        }\r\n\r\n        .top-left {\r\n          top: 0;\r\n          left: 0;\r\n        }\r\n\r\n        .top {\r\n          top: 0;\r\n        }\r\n\r\n        .top-right {\r\n          top: 0;\r\n          left: 60px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .social-back {\r\n      background-color: var(--social-icon-color);\r\n      position: relative;\r\n      height: 140px;\r\n      width: 140px;\r\n      padding: 30px;\r\n      top: 30px;\r\n      left: 30px;\r\n      line-height: 2;\r\n\r\n      span {\r\n        position: absolute;\r\n        bottom: 3px;\r\n        right: 30px;\r\n        text-transform: uppercase;\r\n        color: #fff;\r\n        font-size: 11px;\r\n        line-height: 14px;\r\n      }\r\n    }\r\n\r\n    .social-front {\r\n      background-color: #fff;\r\n      text-align: center;\r\n      transition-duration: 0.3s;\r\n      box-shadow: 0 0 35px rgb(23 23 23 / 6%);\r\n      display: flex;\r\n      justify-content: center;\r\n      flex-direction: column;\r\n      height: 140px;\r\n      width: 140px;\r\n      padding: 30px;\r\n      position: absolute;\r\n      top: 30px;\r\n      left: 30px;\r\n\r\n      i {\r\n        color: var(--social-icon-color);\r\n        display: block;\r\n        margin: 0 0 20px 0;\r\n        font-size: 28px;\r\n        font-weight: 400;\r\n        display: inline-block;\r\n        line-height: 1;\r\n      }\r\n\r\n      span {\r\n        display: block;\r\n        color: #232323;\r\n        font-size: 12px;\r\n        line-height: 16px;\r\n        font-family: var(--alt-font);\r\n        text-transform: uppercase;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Social Icon Style 12\r\n.social-icon-style-12 {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  a {\r\n    transition: var(--default-transition);\r\n\r\n    i {\r\n      color: var(--social-icon-color);\r\n    }\r\n\r\n    &:hover {\r\n      opacity: 0.5;\r\n    }\r\n  }\r\n}","// Fancy text box 01\r\n.fancy-text-box-01 {\r\n  .col {\r\n    border-right-width: 1px;\r\n    border-bottom-width: 1px;\r\n\r\n    @media (max-width:var(--xs)) {\r\n      border-right: 0;\r\n    }\r\n\r\n    &.dark {\r\n      .text-box-content {\r\n        .text-box {\r\n          background-color: #232323\r\n        }\r\n\r\n        .text-box-hover {\r\n          background: #232323;\r\n\r\n          span {\r\n            color: #fff;\r\n          }\r\n\r\n          p {\r\n            color: #fff;\r\n          }\r\n        }\r\n\r\n        .text-box {\r\n          span {\r\n            color: #fff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: relative;\r\n\r\n    &:last-child {\r\n      border-right: 0;\r\n    }\r\n\r\n    .text-box-content {\r\n      overflow: hidden;\r\n\r\n      .text-box-hover {\r\n        padding: 40px 20px 40px !important;\r\n      }\r\n\r\n      .text-box,\r\n      .text-box-hover {\r\n        padding: 52px 20px 43px;\r\n        display: block;\r\n        width: 100%;\r\n        transition: var(--default-transition);\r\n        transition-duration: 0.5s;\r\n        text-align: center;\r\n      }\r\n\r\n      .text-box {\r\n        display: grid;\r\n\r\n        i {\r\n          font-size: 40px;\r\n          color: #8bb867;\r\n          margin-bottom: 15px;\r\n        }\r\n\r\n        span {\r\n          font-family: var(--alt-font);\r\n          font-weight: 500;\r\n          text-transform: uppercase;\r\n          color: #232323;\r\n        }\r\n      }\r\n\r\n      &:hover {\r\n        .text-box {\r\n          color: #ff6437;\r\n          opacity: 0;\r\n          visibility: hidden;\r\n          transform: translateY(-100%);\r\n        }\r\n\r\n        .text-box-hover {\r\n          transform: translateY(0);\r\n        }\r\n      }\r\n\r\n      .text-box-hover {\r\n        position: absolute;\r\n        top: 0;\r\n        display: inline-block;\r\n        text-align: center;\r\n        transform: translateY(100%);\r\n        background: linear-gradient(to bottom, #fff, #fdfdfd, #fbfbfb, #f9f9f9, #f7f7f7);\r\n        height: 100%;\r\n\r\n        span {\r\n          text-align: center;\r\n          justify-content: center;\r\n          text-transform: uppercase;\r\n          font-family: var(--alt-font);\r\n          font-weight: 500;\r\n          margin-bottom: 10px;\r\n          line-height: normal;\r\n          color: #2f2f2f;\r\n        }\r\n\r\n        p {\r\n          margin-bottom: 0;\r\n          line-height: 26px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Fancy text box style 02\r\n.fancy-text-box-02 {\r\n  justify-content: center;\r\n  text-align: center;\r\n\r\n  .col {\r\n    &.dark {\r\n      .text-box-content {\r\n        background-color: #232323;\r\n\r\n        .text-box-wrapper {\r\n          .text-box {\r\n            span {\r\n              color: #fff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .text-box-content {\r\n      overflow: hidden;\r\n      background-color: #fff;\r\n      border-radius: 6px;\r\n      box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);\r\n\r\n      .text-box-wrapper {\r\n        padding: 17px 70px;\r\n        transform: translateY(25px);\r\n        transition: var(--default-transition);\r\n\r\n        @media (max-width:var(--lg)) {\r\n          padding-left: 2.5rem;\r\n          padding-right: 2.5rem;\r\n        }\r\n\r\n        @media (max-width:var(--md)) {\r\n          padding-right: 4rem;\r\n          padding-right: 4rem;\r\n        }\r\n\r\n        .text-box {\r\n\r\n          @media (max-width:var(--lg)) {\r\n            padding-bottom: 25px;\r\n          }\r\n\r\n          span {\r\n            color: #232323;\r\n            font-weight: 500;\r\n            font-size: 16px;\r\n            line-height: 28px;\r\n            font-family: var(--alt-font)\r\n          }\r\n        }\r\n\r\n        i {\r\n          display: block;\r\n          margin-bottom: 25px;\r\n          font-size: 40px;\r\n          transition: var(--default-transition);\r\n        }\r\n\r\n        p {\r\n          opacity: 0;\r\n          margin-bottom: 0;\r\n          transform: translateY(20px);\r\n          transition: var(--default-transition);\r\n        }\r\n\r\n        a {\r\n          font-family: var(--alt-font);\r\n          display: block;\r\n          color: #828282;\r\n          transition: var(--default-transition);\r\n\r\n          &:hover {\r\n            color: var(--base-color, #0038e3);\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    &:hover {\r\n      .text-box-wrapper {\r\n        transform: translateY(-30px);\r\n\r\n        i {\r\n          opacity: 0;\r\n        }\r\n\r\n        p {\r\n          opacity: 1;\r\n          transform: translateY(0);\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Fancy text box style 03\r\n.fancy-text-box-03 {\r\n  justify-content: center;\r\n  text-align: center;\r\n\r\n  .col {\r\n    &.dark {\r\n      .text-box-content {\r\n        background-color: #232323;\r\n\r\n        .text-box {\r\n          .fancy-box-wrapper {\r\n            span {\r\n              color: #fff;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .text-box {\r\n      .fancy-box-wrapper {\r\n        font-family: var(--alt-font);\r\n        flex: 0 0 70%;\r\n        border-left: 1px solid #e4e4e4;\r\n        display: block;\r\n        text-align: start;\r\n        padding-left: 45px;\r\n        margin-left: 40px;\r\n\r\n        @media (max-width:var(--xs)) {\r\n          padding-left: 25px;\r\n          margin-left: 25px;\r\n        }\r\n\r\n        p {\r\n          margin-bottom: 0;\r\n          font-family: var(--alt-font);\r\n        }\r\n\r\n        span {\r\n          font-family: var(--alt-font);\r\n        }\r\n      }\r\n\r\n      span {\r\n        p {\r\n          margin-bottom: 0;\r\n          font-size: 15px;\r\n          display: block;\r\n          text-align: start;\r\n          color: #828282;\r\n          font-family: var(--alt-font);\r\n        }\r\n      }\r\n    }\r\n\r\n    .fancy-text-icon {\r\n      margin-bottom: 0;\r\n      font-family: var(--alt-font);\r\n      line-height: 1;\r\n      font-weight: 600;\r\n      letter-spacing: -1px;\r\n      flex: 0 0 auto;\r\n    }\r\n\r\n    .fancy-box-content {\r\n      border-left: 1px solid;\r\n      border-color: #e4e4e4;\r\n      flex: 1;\r\n    }\r\n\r\n    .featured-box-style2 {\r\n      transition-duration: 0.4s;\r\n    }\r\n\r\n    .text-box-content {\r\n      padding: 3.5rem;\r\n      background-color: #fff;\r\n      border-radius: 6px;\r\n      transition: var(--default-transition);\r\n      box-shadow: 0 0 15px rgb(0 0 0 / 8%);\r\n\r\n      @media (max-width:var(--lg)) {\r\n        padding-left: 1.5rem;\r\n        padding-right: 1.5rem;\r\n      }\r\n\r\n      @media (max-width:var(--md)) {\r\n        padding-left: 3.5rem;\r\n        padding-right: 3.5rem;\r\n      }\r\n\r\n      @media (max-width:var(--xs)) {\r\n        padding-left: 2rem;\r\n        padding-right: 2rem;\r\n      }\r\n\r\n      &:hover {\r\n        transform: translate3d(0, -3px, 0);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Fancy text box style 04\r\n.fancy-text-box-04 {\r\n  .col {\r\n    &.dark {\r\n      .text-box-content {\r\n        background-color: #232323;\r\n\r\n        .feature-box-content {\r\n          div {\r\n            color: #fff;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    .text-box-content {\r\n      transition: var(--default-transition);\r\n\r\n      &:hover {\r\n        transform: translate3d(0, -3px, 0);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// Facny text box style 05\r\n.fancy-text-box-05 {\r\n  position: relative;\r\n  transition: all 0.5s ease-in-out;\r\n\r\n  .fancy-box-item {\r\n    .bg-banner-image {\r\n      transition-duration: 0.5s;\r\n      height: 100%;\r\n      width: 100%;\r\n      z-index: 0;\r\n      opacity: 0;\r\n      left: 0;\r\n      top: 0;\r\n      position: absolute;\r\n      visibility: hidden\r\n    }\r\n\r\n    .fancy-text-box {\r\n      position: relative;\r\n\r\n      .fancy-text-content {\r\n        z-index: 9;\r\n        width: 100%;\r\n        height: auto;\r\n        bottom: 0;\r\n        left: 0;\r\n        top: auto;\r\n        position: absolute;\r\n        transform: translateY(70px);\r\n        transition: all 0.5s ease-in-out;\r\n\r\n        .fancy-text-box-bottom {\r\n          opacity: 0;\r\n          transform: translateY(15px);\r\n          transition: all 0.5s ease-in-out;\r\n        }\r\n\r\n        .feather-box-overlay {\r\n          z-index: -1;\r\n          width: 100%;\r\n          height: 100%;\r\n          opacity: 0;\r\n          left: 0;\r\n          top: 0;\r\n          position: absolute;\r\n          transition: all 0.5s ease-in-out;\r\n        }\r\n      }\r\n    }\r\n\r\n    &:hover {\r\n      .bg-banner-image {\r\n        opacity: 1;\r\n        visibility: visible;\r\n      }\r\n\r\n      .fancy-text-box {\r\n        .fancy-text-content {\r\n          transform: translateY(0);\r\n          background-color: var(--base-color);\r\n\r\n          .fancy-text-box-bottom {\r\n            opacity: 1;\r\n            transform: translateY(0);\r\n          }\r\n\r\n          .feature-box-overlay {\r\n            opacity: 1;\r\n            visibility: visible;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}"],"names":[],"sourceRoot":""}