{"version":3,"file":"static/css/5668.cba07a5a.chunk.css","mappings":"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","sources":["Assets/scss/components/_processstep.scss","Assets/scss/components/_fancytextbox.scss","Assets/scss/components/_services.scss","Assets/scss/components/_socialicons.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}","// 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}","// service-style-01\r\n.service-style-01 {\r\n  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);\r\n  position: relative;\r\n  background-color: #232323;\r\n\r\n  * {\r\n    transition: var(--default-transition);\r\n  }\r\n\r\n  .title {\r\n    margin-bottom: 5px;\r\n  }\r\n\r\n  .services-box-hover {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    left: 0;\r\n    top: 0;\r\n    opacity: 0;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n\r\n    a {\r\n      display: inline-block;\r\n      vertical-align: middle;\r\n      text-align: center;\r\n      opacity: 0;\r\n      transform: translateY(15px);\r\n      width: 44px;\r\n      height: 44px;\r\n      line-height: 46px;\r\n      border-radius: 50%;\r\n      background-color: #fff;\r\n\r\n      i {\r\n        color: #232323;\r\n      }\r\n    }\r\n  }\r\n\r\n  .img-wrapper {\r\n    overflow: hidden;\r\n    position: relative;\r\n  }\r\n\r\n  .service-style {\r\n    background-color: #fff;\r\n    padding: 3rem 3.5rem;\r\n    border-bottom: 4px solid;\r\n    border-color: var(--base-color, #0038e3);\r\n\r\n    @media (max-width:var(--sm)) {\r\n      padding: 33px 39px;\r\n    }\r\n\r\n    p {\r\n      margin-bottom: 0;\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    img {\r\n      opacity: 0.5;\r\n      transform: scale(1.1, 1.1);\r\n    }\r\n\r\n    .services-box-hover {\r\n      opacity: 1;\r\n    }\r\n\r\n    a {\r\n      opacity: 1;\r\n      transform: translateY(0);\r\n    }\r\n  }\r\n}\r\n\r\n// service-style-02\r\n.service-style-02 {\r\n  img {\r\n    max-width: 100%;\r\n    height: auto;\r\n    vertical-align: middle;\r\n  }\r\n\r\n  .service-style {\r\n    background-color: #fff;\r\n    padding: 3rem;\r\n    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);\r\n\r\n    .title {\r\n      margin-bottom: 10px;\r\n    }\r\n\r\n    p {\r\n      margin-bottom: 25px;\r\n\r\n      @media (max-width:var(--sm)) {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .info-service {\r\n    border-top: 1px solid #ededed;\r\n    padding-top: 25px;\r\n\r\n    a {\r\n      display: flex;\r\n      justify-content: space-between;\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// service-style-03\r\n.service-style-03 {\r\n  background-color: white;\r\n\r\n  .service-style {\r\n    padding: 4rem;\r\n    text-align: center;\r\n    position: relative;\r\n\r\n    .title {\r\n\r\n      @media (max-width:var(--sm)) {\r\n        margin-bottom: 10px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .verticalline {\r\n    height: 50px;\r\n    width: 2px;\r\n    top: 0;\r\n    left: 50%;\r\n    position: absolute;\r\n    transform: translate(-50%, -50%);\r\n    background: var(--base-color, #0038e3);\r\n\r\n    @media (max-width:var(--xs)) {\r\n      height: 40px;\r\n    }\r\n  }\r\n}\r\n\r\n// service-style-04\r\n.service-style-04 {\r\n  display: flex;\r\n  max-width: 100%;\r\n\r\n  @media (max-width:var(--xs)) {\r\n    align-items: center;\r\n  }\r\n\r\n  img {\r\n    border-color: #fff;\r\n    border-width: 6px;\r\n    border: 6px solid white;\r\n    box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);\r\n    transition: var(--default-transition);\r\n    border-radius: 50%;\r\n    vertical-align: middle;\r\n    height: 110px;\r\n    width: 110px;\r\n    max-width: none;\r\n\r\n    @media (max-width:var(--md)) {\r\n      max-width: inherit;\r\n    }\r\n\r\n    @media (max-width:var(--lg)) {\r\n      height: 90px;\r\n      width: 90px;\r\n    }\r\n\r\n    @media (max-width:var(--sm)) {\r\n      height: 80px;\r\n      width: 80px;\r\n    }\r\n  }\r\n\r\n  .service-style {\r\n    margin-left: 30px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n\r\n    @media (max-width:var(--lg)) {\r\n      margin-left: 25px;\r\n    }\r\n\r\n    .title {\r\n      margin-bottom: 5px;\r\n    }\r\n\r\n    p {\r\n      width: 85%;\r\n\r\n      @media (max-width:var(--lg)) {\r\n        width: 100%;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// service-style-05\r\n.service-style-05 {\r\n  transition: var(--default-transition);\r\n  padding: 4rem;\r\n  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);\r\n  background-color: #fff;\r\n\r\n  @media (max-width:var(--lg)) {\r\n    padding: 3rem;\r\n  }\r\n\r\n  @media (max-width:var(--md)) {\r\n    padding: 4.5rem;\r\n  }\r\n\r\n  @media (max-width:var(--xs)) {\r\n    padding: 50px;\r\n  }\r\n\r\n  .title {\r\n    @media (max-width:var(--lg)) {\r\n      margin-bottom: 101%;\r\n    }\r\n\r\n  }\r\n\r\n  .info-service {\r\n    border-top: 1px solid #ededed;\r\n    padding-top: 25px;\r\n\r\n    a {\r\n      transition-duration: 0.4s;\r\n\r\n      &:hover {\r\n        i {\r\n          transition-duration: 0.4s;\r\n          -webkit-transition-duration: 0.4s;\r\n          color: #0038e3;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &:hover {\r\n    box-shadow: 0 0 35px rgba(40, 42, 54, 0.18);\r\n    transform: translateY(-3px);\r\n    transition: var(--default-transition);\r\n  }\r\n\r\n  .img-wrapper {\r\n    margin-bottom: 15px;\r\n\r\n    span {\r\n\r\n      @media (max-width:var(--xs)) {\r\n        font-size: 16px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n  }\r\n\r\n  .service-style {\r\n    span {\r\n      display: block;\r\n      font-weight: 600;\r\n      font-size: 1.8rem;\r\n      line-height: 2.5rem;\r\n      letter-spacing: -.5px;\r\n\r\n      @media (max-width:var(--xs)) {\r\n        font-size: 20px;\r\n        line-height: 28px;\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n\r\n    p {\r\n      margin-bottom: 25px;\r\n\r\n      @media (max-width:var(--xs)) {\r\n        margin-bottom: 15px;\r\n      }\r\n    }\r\n\r\n    .info-service {\r\n      a {\r\n        i {\r\n          float: right;\r\n          font-size: 18px;\r\n          line-height: 22px\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n// service-style-06\r\n.service-style-06 {\r\n  .img-wrapper {\r\n    margin-bottom: 30px;\r\n\r\n    img {\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      border-radius: 9999px;\r\n      border-width: 1px;\r\n      border-style: dashed;\r\n      border-color: #e4e4e4;\r\n      width: 200px;\r\n      height: 200px;\r\n      padding: 10px;\r\n    }\r\n  }\r\n\r\n  .service-style {\r\n    text-align: center;\r\n\r\n    .title {\r\n      font-family: var(--alt-font);\r\n      display: inline-block;\r\n      font-weight: 500;\r\n      margin-bottom: 5px;\r\n      color: #333045;\r\n    }\r\n\r\n    p {\r\n\r\n      @media (max-width:var(--xs)) {\r\n        width: 70%;\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n      }\r\n    }\r\n  }\r\n}","/* 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}"],"names":[],"sourceRoot":""}