{"version":3,"file":"static/css/6941.7aa78b2d.chunk.css","mappings":"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","sources":["Assets/scss/components/_processstep.scss"],"sourcesContent":["//Process Step Style 01\r\n.process-step-style-01 {\r\n  &.process-step {\r\n    text-align: center;\r\n\r\n    &:hover {\r\n      .process-step-icon {\r\n        transform: translateY(-5px);\r\n        box-shadow: 0 8px 25px rgba(0, 0, 0, 0.11);\r\n        transition: var(--default-transition);\r\n      }\r\n    }\r\n\r\n    &:last-child {\r\n      .process-step-bfr {\r\n        display: none;\r\n      }\r\n    }\r\n\r\n    .process-step-content {\r\n      display: inline-block;\r\n      margin-bottom: 28px;\r\n      width: 85%;\r\n\r\n      @media (max-width:var(--lg)) {\r\n        width: 100%;\r\n      }\r\n\r\n      @media (max-width:var(--md)) {\r\n        width: 70%;\r\n      }\r\n\r\n      @media (max-width:var(--sm)) {\r\n        width: 90%;\r\n      }\r\n\r\n      @media (max-width:var(--xs)) {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n\r\n    .process-step-icon {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      margin: 0 auto 40px;\r\n\r\n      @media (max-width:var(--sm)) {\r\n        margin: 0 auto 30px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .process-step-number {\r\n    display: none;\r\n  }\r\n\r\n  .process-step-heading {\r\n    display: block;\r\n    color: #232323;\r\n    font-weight: 400;\r\n    margin-bottom: 10px;\r\n    font-family: var(--alt-font)\r\n  }\r\n\r\n  .process-step-icon-box {\r\n    text-align: center;\r\n    position: relative;\r\n  }\r\n\r\n  .process-step-bfr {\r\n    left: calc(100% + 10px);\r\n    transform: translate(-50%, -50%);\r\n    background-color: #757575;\r\n    width: 80px;\r\n    height: 1px;\r\n    top: 22%;\r\n    position: absolute;\r\n    display: block;\r\n    opacity: 0.2;\r\n\r\n    @media (max-width:var(--xs)) {\r\n      overflow: hidden;\r\n    }\r\n  }\r\n\r\n  .process-step-icon {\r\n    background-color: #fff;\r\n    width: 130px;\r\n    height: 130px;\r\n    box-shadow: 0 0 10px rgb(0 0 0 / 7%);\r\n    line-height: 130px;\r\n    border-radius: 100%;\r\n    text-align: center;\r\n    vertical-align: middle;\r\n    transition-duration: 0.5s;\r\n\r\n    i {\r\n      font-size: 50px;\r\n      background: linear-gradient(to right,\r\n          #b783ff,\r\n          #b783ff,\r\n          #fa7cc1,\r\n          #ff85a6,\r\n          #ff9393);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n    }\r\n  }\r\n\r\n  &:nth-child(2) {\r\n    .process-step-bfr {\r\n      @media (max-width:var(--md)) {\r\n        overflow: hidden;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n//Process Step Style 02\r\n.process-step-style-02 {\r\n  display: inline-block;\r\n\r\n  .process-step-number {\r\n    position: relative;\r\n    font-family: var(--alt-font);\r\n    font-size: 18px;\r\n    line-height: 1;\r\n    font-weight: 500;\r\n    z-index: 1;\r\n    color: #fff;\r\n    text-align: center;\r\n\r\n    @media (max-width:var(--md)) {\r\n      margin-right: 40px;\r\n    }\r\n\r\n    @media (max-width:var(--xs)) {\r\n      margin-right: 20px;\r\n    }\r\n\r\n    span {\r\n      background-color: var(--base-color, #0038e3);\r\n      position: relative;\r\n      width: 50%;\r\n      height: 50px;\r\n      width: 50px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      border-radius: 50%;\r\n      border: 2px solid transparent;\r\n      transition: all 0.3s ease-in-out;\r\n    }\r\n\r\n    &:after {\r\n      content: \"\";\r\n      position: absolute;\r\n      background-color: #e4e4e4;\r\n      height: calc(100% - 90px);\r\n      left: 50%;\r\n      min-height: 20px;\r\n      transform: translateX(-50%);\r\n      width: 1px;\r\n      bottom: 20px;\r\n    }\r\n  }\r\n\r\n  &.process-step {\r\n    &:hover {\r\n      .process-step-number {\r\n        color: var(--base-color, #0038e3);\r\n\r\n        span {\r\n          background-color: #fff;\r\n          border-color: var(--base-color, #0038e3);\r\n          transform: scale(1.1);\r\n        }\r\n      }\r\n    }\r\n\r\n    &:last-child {\r\n      .process-step-bfr {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  .process-step-bfr {\r\n    overflow: hidden;\r\n  }\r\n\r\n  .process-step-description {\r\n    .process-step-heading {\r\n      display: inline-block;\r\n      color: #232323;\r\n      font-family: var(--alt-font);\r\n      font-weight: 500;\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    .process-step-content {\r\n      width: 60%;\r\n\r\n      @media (max-width:var(--md)) {\r\n        width: 80%;\r\n      }\r\n\r\n      @media (max-width:var(--xs)) {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n\r\n  .process-step-icon-box {\r\n    position: relative;\r\n    display: flex;\r\n\r\n    div {\r\n      text-align: left;\r\n      margin-left: 40px;\r\n      margin-bottom: 3.7em;\r\n\r\n      @media (max-width:var(--md)) {\r\n        margin-left: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  &:last-child {\r\n    .process-step-number {\r\n      &::after {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n//Process Step Style 03\r\n.process-step-style-03 {\r\n  &.process-step {\r\n    text-align: center;\r\n    padding: 45px 25px 0;\r\n\r\n    .process-step-heading {\r\n      display: block;\r\n      text-transform: uppercase;\r\n      font-family: var(--alt-font);\r\n      font-weight: 600;\r\n      padding-top: 50px;\r\n      margin-bottom: 10px;\r\n      background-image: linear-gradient(to right,\r\n          #b93c90,\r\n          #a92a96,\r\n          #951a9d,\r\n          #7b10a5,\r\n          #5412ae);\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      letter-spacing: 1px;\r\n\r\n      @media (max-width:var(--lg)) {\r\n        margin-bottom: 10px;\r\n      }\r\n    }\r\n\r\n    .process-step-bfr {\r\n      background-color: #e4e4e4;\r\n      display: block;\r\n      width: calc(100% + 55px);\r\n      height: 1px;\r\n      position: absolute;\r\n      top: 16px;\r\n      left: -15px;\r\n\r\n      @media (max-width:var(--xs)) {\r\n        width: 100%;\r\n        left: 0;\r\n      }\r\n    }\r\n  }\r\n\r\n  .process-step-icon-box {\r\n    position: relative;\r\n\r\n    @media (max-width:var(--sm)) {\r\n      padding-left: 25px;\r\n      padding-right: 25px;\r\n    }\r\n\r\n    @media (max-width:var(--xs)) {\r\n      padding-left: 0;\r\n      padding-right: 0;\r\n    }\r\n\r\n    &:hover {\r\n      .process-step-number {\r\n        &::after {\r\n          height: 55px;\r\n          width: 55px;\r\n          transform: translate(-50%, -50%) scale(1.1);\r\n        }\r\n\r\n        &::before {\r\n          opacity: 1;\r\n          transform: translate(-50%, -50%) scale(1.3);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .process-step-number {\r\n    position: relative;\r\n    z-index: 1;\r\n    line-height: 35px;\r\n    display: block;\r\n    color: #232323;\r\n    font-weight: 500;\r\n    text-align: center;\r\n    font-size: 21px;\r\n    transition: var(--default-transition);\r\n    transition-duration: 250ms;\r\n\r\n    &::after {\r\n      content: \"\";\r\n      display: inline-block;\r\n      border-radius: 50%;\r\n      z-index: -15;\r\n      left: 50%;\r\n      position: absolute;\r\n      top: 50%;\r\n      background-color: #ffffff;\r\n      width: 55px;\r\n      height: 55px;\r\n      box-shadow: 0 0 15px rgb(0 0 0 / 8%);\r\n      transform: translate(-50%, -50%);\r\n      transition: 0.3s ease-in-out;\r\n\r\n      @media (max-width:var(--lg)) {\r\n        width: 56px;\r\n        height: 56px;\r\n      }\r\n    }\r\n\r\n    &::before {\r\n      content: \"\";\r\n      display: inline-block;\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 50%;\r\n      z-index: -15;\r\n      border-radius: 50%;\r\n      width: 60px;\r\n      height: 60px;\r\n\r\n      @media (max-width:var(--lg)) {\r\n        width: 56px;\r\n        height: 56px;\r\n      }\r\n\r\n      background-image: linear-gradient(to right top,\r\n        #b93c90,\r\n        #a92a96,\r\n        #951a9d,\r\n        #7b10a5,\r\n        #5412ae);\r\n      transform: translate(-50%, -50%);\r\n      opacity: 0;\r\n      transition: 0.3s ease-in-out;\r\n      box-shadow: 0 0 15px rgb(0 0 0 / 8%);\r\n    }\r\n  }\r\n}\r\n\r\n//Process Step Style 04\r\n.process-step-style-04 {\r\n  &.process-step {\r\n    text-align: center;\r\n\r\n    .process-step-heading {\r\n      font-family: var(--alt-font);\r\n      display: block;\r\n      font-weight: 500;\r\n      text-transform: uppercase;\r\n      color: #374162;\r\n      margin: 0 0 10px;\r\n      padding-top: 50px;\r\n    }\r\n\r\n    &:hover {\r\n      .process-step-number {\r\n        &::before {\r\n          width: 80px;\r\n          height: 80px;\r\n        }\r\n\r\n        &::after {\r\n          width: 61px;\r\n          height: 61px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .process-step-bfr {\r\n      display: block;\r\n      width: calc(100% + 33px);\r\n      height: 1px;\r\n      position: absolute;\r\n      top: 20px;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      background-color: #e4e4e4;\r\n\r\n      @media (max-width:var(--xs)) {\r\n        left: 0;\r\n        width: 100%;\r\n        transform: translateX(0);\r\n      }\r\n    }\r\n  }\r\n\r\n  .process-step-number {\r\n    font-size: 21px;\r\n    font-weight: 500;\r\n    position: relative;\r\n    z-index: 1;\r\n    text-align: center;\r\n    line-height: 38px;\r\n    display: block;\r\n    transition: var(--default-transition);\r\n    transition-duration: 250ms;\r\n    color: #fff;\r\n\r\n    &::after {\r\n      content: \"\";\r\n      width: 56px;\r\n      height: 56px;\r\n      display: inline-block;\r\n      background-image: linear-gradient(to right top,\r\n          #ec606c,\r\n          #ee6362,\r\n          #ee6757,\r\n          #ed6c4d,\r\n          #eb7242);\r\n      border-radius: 50%;\r\n      position: absolute;\r\n      z-index: -15;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      transition: 0.3s ease-in-out;\r\n    }\r\n\r\n    &::before {\r\n      content: \"\";\r\n      width: 72px;\r\n      height: 72px;\r\n      display: inline-block;\r\n      background-color: #ffded8;\r\n      border-radius: 50%;\r\n      position: absolute;\r\n      z-index: -15;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      opacity: 1;\r\n      transition: 0.3s ease-in-out;\r\n    }\r\n  }\r\n\r\n  .process-step-icon-box {\r\n    position: relative;\r\n\r\n    .process-step-description {\r\n\r\n      @media (max-width:var(--sm)) {\r\n        padding-left: 15px;\r\n        padding-right: 15px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n//Process Step Style 05\r\n.process-step-style-05 {\r\n  .process-step-bfr {\r\n    display: block;\r\n    height: 1px;\r\n    position: absolute;\r\n    content: \"\";\r\n    background-color: white;\r\n    left: 75%;\r\n    opacity: .2;\r\n    top: 61px;\r\n    width: 60%;\r\n\r\n    @media (max-width:var(--sm)) {\r\n      overflow: hidden;\r\n    }\r\n  }\r\n\r\n  .process-step-icon-box {\r\n    .process-step-description {\r\n      padding-top: 50px;\r\n    }\r\n  }\r\n\r\n  &.process-step {\r\n    display: block;\r\n    position: relative;\r\n    float: left;\r\n    z-index: 1;\r\n\r\n    &:last-child {\r\n      .process-step-bfr {\r\n        opacity: 0;\r\n      }\r\n    }\r\n\r\n    p {\r\n      margin-bottom: 0;\r\n      opacity: 0.7;\r\n    }\r\n\r\n    &:hover {\r\n      .process-step-number {\r\n        transform: scale(1.2);\r\n      }\r\n    }\r\n\r\n    .process-step-icon-box {\r\n      padding: 45px 25px 0;\r\n    }\r\n  }\r\n\r\n  .process-step-heading {\r\n    margin-bottom: 10px;\r\n    font-weight: 500;\r\n    font-family: var(--alt-font);\r\n    display: block;\r\n\r\n  }\r\n\r\n  .process-step-number {\r\n    position: relative;\r\n    z-index: 1;\r\n    text-align: center;\r\n    font-size: 18px;\r\n    line-height: 22px;\r\n    font-family: var(--alt-font);\r\n    line-height: 1;\r\n    transition: all 250ms ease-in-out;\r\n    font-weight: 500;\r\n    color: black;\r\n    display: inline-block;\r\n\r\n    span {\r\n      width: 40px;\r\n      height: 40px;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      border-radius: 50%;\r\n      background-color: #fff;\r\n    }\r\n\r\n    &::after {\r\n      content: \"\";\r\n      width: calc(100% + 15px);\r\n      height: calc(100% + 15px);\r\n      display: inline-block;\r\n      background-color: #fff;\r\n      opacity: 0.4;\r\n      border-radius: 50%;\r\n      position: absolute;\r\n      z-index: -15;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      transition: 0.3s ease-in-out;\r\n    }\r\n\r\n    &::before {\r\n      content: \"\";\r\n      width: calc(100% + 30px);\r\n      height: calc(100% + 30px);\r\n      display: inline-block;\r\n      background-color: #fff;\r\n      border-radius: 50%;\r\n      position: absolute;\r\n      z-index: -15;\r\n      top: 50%;\r\n      left: 50%;\r\n      transform: translate(-50%, -50%);\r\n      opacity: 0.4;\r\n      transition: 0.3s ease-in-out;\r\n    }\r\n  }\r\n}\r\n\r\n//Process Step Style 06\r\n.process-step-style-06 {\r\n\r\n  @media (max-width:var(--md)) {\r\n    padding: 0;\r\n  }\r\n\r\n  .process-step-number {\r\n    display: none;\r\n  }\r\n\r\n  .process-step-heading {\r\n    color: #232323;\r\n    font-size: 18px;\r\n    line-height: 22px;\r\n    font-weight: 500;\r\n    display: block;\r\n    margin-bottom: 5px;\r\n    line-height: 22px;\r\n\r\n    @media (max-width:var(--md)) {\r\n      font-size: 16px;\r\n      line-height: 28px;\r\n    }\r\n  }\r\n\r\n  &.process-step {\r\n    @media (max-width:var(--sm)) {\r\n      margin-bottom: 20px;\r\n    }\r\n\r\n    .propcess-step-containt {\r\n      display: block;\r\n      font-size: 16px;\r\n      line-height: 28px;\r\n    }\r\n\r\n    &:last-child {\r\n      .process-step-bfr {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n\r\n  .process-step-icon-box {\r\n    position: relative;\r\n\r\n    @media (max-width:var(--md)) {\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n\r\n    }\r\n\r\n    @media (max-width:var(--xs)) {\r\n      text-align: center;\r\n    }\r\n\r\n    .process-step-description {\r\n      display: inline-block;\r\n      text-align: left;\r\n\r\n      .process-step-content {\r\n        font-size: 16px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .process-step-bfr {\r\n    width: 40px;\r\n    background-color: #e4e4e4;\r\n    display: block;\r\n    left: 100%;\r\n    height: 1px;\r\n    position: absolute;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n\r\n    @media (max-width:var(--md)) {\r\n      flex: 1;\r\n      left: 225px;\r\n      order: 999;\r\n      transform: translateX(-50%);\r\n      right: 0;\r\n    }\r\n\r\n    @media (max-width:var(--sm)) {\r\n      overflow: hidden;\r\n    }\r\n  }\r\n}"],"names":[],"sourceRoot":""}