.services-header {
  position: relative;
  z-index: 1;
  padding-bottom: 15.2083333333vw; }
  @media screen and (max-width: 960px) {
    .services-header {
      padding-bottom: 52.8vw; } }
  .services-header .services-header-bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1; }
    @media screen and (max-width: 960px) {
      .services-header .services-header-bg {
        bottom: auto;
        height: 100vh; }
        .services-header .services-header-bg.fixed {
          position: fixed; }
          .services-header .services-header-bg.fixed.bottom {
            top: auto;
            bottom: 0;
            position: absolute; } }
    .services-header .services-header-bg img, .services-header .services-header-bg video {
      display: block;
      width: 105%;
      height: 105%;
      object-fit: cover; }
      @media screen and (max-width: 960px) {
        .services-header .services-header-bg img, .services-header .services-header-bg video {
          width: 110%;
          height: 110%; } }
  .services-header .services-header-title-desc {
    position: relative;
    z-index: 2;
    padding: 7.0833333333vw 4.1666666667vw 6.25vw 2.0833333333vw;
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 960px) {
      .services-header .services-header-title-desc {
        padding: 21.0666666667vw 5.3333333333vw 21.3333333333vw;
        display: block; } }
    @media screen and (max-width: 960px) {
      .services-header .services-header-title-desc .title-wrap {
        margin-bottom: 56.8vw; } }
    .services-header .services-header-title-desc .title-wrap h1 {
      font-size: 5vw;
      font-family: HWCigarsTrial;
      font-weight: normal;
      font-stretch: normal;
      font-style: normal;
      line-height: 1;
      letter-spacing: normal;
      text-align: left;
      color: #fff; }
      @media screen and (max-width: 960px) {
        .services-header .services-header-title-desc .title-wrap h1 {
          font-size: 11.2vw; } }
      .services-header .services-header-title-desc .title-wrap h1 b, .services-header .services-header-title-desc .title-wrap h1 strong {
        font-family: Inter;
        font-weight: bold; }
    .services-header .services-header-title-desc .desc {
      padding-top: 1.6666666667vw;
      width: 33.3333333333vw; }
      @media screen and (max-width: 960px) {
        .services-header .services-header-title-desc .desc {
          padding-top: 0;
          width: 100%; } }
      .services-header .services-header-title-desc .desc h5 {
        font-size: 1.5277777778vw;
        color: #fff;
        line-height: 1.45;
        letter-spacing: 0.0694444444vw; }
        @media screen and (max-width: 960px) {
          .services-header .services-header-title-desc .desc h5 {
            font-size: 4.8vw;
            line-height: 1.33;
            letter-spacing: 0.2666666667vw; } }
  .services-header .services-header-items {
    position: relative;
    z-index: 2; }
    .services-header .services-header-items .services-header-items-desc {
      margin-bottom: 1.3194444444vw; }
      @media screen and (max-width: 960px) {
        .services-header .services-header-items .services-header-items-desc {
          margin-bottom: 9.8666666667vw;
          padding: 0 5.3333333333vw; } }
      .services-header .services-header-items .services-header-items-desc p {
        line-height: 1.43;
        text-align: center;
        color: #f745ab; }
        @media screen and (max-width: 960px) {
          .services-header .services-header-items .services-header-items-desc p {
            line-height: 1.57; }
            .services-header .services-header-items .services-header-items-desc p br {
              display: none; } }
    .services-header .services-header-items .services-header-items-list {
      display: flex;
      justify-content: center; }
      @media screen and (max-width: 960px) {
        .services-header .services-header-items .services-header-items-list {
          display: block; } }
      .services-header .services-header-items .services-header-items-list .services-header-item {
        position: relative; }
        .services-header .services-header-items .services-header-items-list .services-header-item .name {
          font-family: HWCigarsTrial;
          font-size: 3.75vw;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: normal;
          text-align: left;
          color: #f745ab;
          margin-right: 6.3194444444vw; }
          @media screen and (max-width: 960px) {
            .services-header .services-header-items .services-header-items-list .services-header-item .name {
              margin-right: 0;
              margin-bottom: 7.2vw;
              font-size: 9.0666666667vw;
              text-align: center; } }
          .services-header .services-header-items .services-header-items-list .services-header-item .name:last-child {
            margin-right: 0; }
            @media screen and (max-width: 960px) {
              .services-header .services-header-items .services-header-items-list .services-header-item .name:last-child {
                margin-bottom: 0; } }
        .services-header .services-header-items .services-header-items-list .services-header-item .plus {
          position: absolute;
          width: 1.0416666667vw;
          height: 1.0416666667vw;
          right: 2.6388888889vw;
          top: 1.7361111111vw; }
          @media screen and (max-width: 960px) {
            .services-header .services-header-items .services-header-items-list .services-header-item .plus {
              width: 2.9333333333vw;
              height: 2.9333333333vw;
              right: 50%;
              transform: translateX(50%);
              top: auto;
              bottom: -5.3333333333vw; } }

.services-all {
  position: relative;
  z-index: 2;
  padding: 0 2.0833333333vw 5.5555555556vw;
  margin-top: -7.6388888889vw; }
  @media screen and (max-width: 960px) {
    .services-all {
      padding: 0 1.6vw 18.6666666667vw;
      margin-top: -24vw; } }
  .services-all .services-all-title {
    font-size: 2.0833333333vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.67;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-bottom: 2.9861111111vw; }
    @media screen and (max-width: 960px) {
      .services-all .services-all-title {
        font-size: 5.3333333333vw;
        margin-bottom: 7.2vw;
        padding: 0 3.7333333333vw;
        line-height: 1.3; } }
  .services-all .services-all-list a {
    text-decoration: none; }
  .services-all .services-all-list .services-all-item {
    margin-bottom: 0.6944444444vw;
    border-radius: 1.3888888889vw;
    background-color: #f8f3ee;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 5.4166666667vw 4.1666666667vw 1.875vw 2.7777777778vw;
    position: relative;
    transition: .2s ease-in-out background;
    overflow: hidden; }
    @media screen and (max-width: 960px) {
      .services-all .services-all-list .services-all-item {
        border-radius: 5.3333333333vw;
        margin-bottom: 2.6666666667vw;
        padding: 0 5.8666666667vw 5.8666666667vw;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start; }
        .services-all .services-all-list .services-all-item.no-image {
          padding-top: 10.1333333333vw; }
        .services-all .services-all-list .services-all-item.active {
          background-color: #f645ab; }
          .services-all .services-all-list .services-all-item.active .img-wrap {
            display: none; }
          .services-all .services-all-list .services-all-item.active .img-wrap-hover {
            display: block; }
          .services-all .services-all-list .services-all-item.active .name h3 {
            color: #fff; }
          .services-all .services-all-list .services-all-item.active .desc p {
            color: #fff; }
          .services-all .services-all-list .services-all-item.active .read-more {
            color: #fff; }
          .services-all .services-all-list .services-all-item.active .button-wrap .button-arrow {
            background: #fff;
            padding-bottom: 0.0694444444vw;
            width: 11.1111111111vw; } }
      @media screen and (max-width: 960px) and (max-width: 960px) {
        .services-all .services-all-list .services-all-item.active .button-wrap .button-arrow {
          width: 42.6666666667vw;
          padding-bottom: 0.2666666667vw; } }
    @media screen and (max-width: 960px) {
            .services-all .services-all-list .services-all-item.active .button-wrap .button-arrow .arrow {
              display: none; }
            .services-all .services-all-list .services-all-item.active .button-wrap .button-arrow .text {
              width: auto;
              opacity: 1;
              transition: .2s ease-in-out opacity;
              transition-delay: .15s; }
            .services-all .services-all-list .services-all-item.active .button-wrap .button-arrow .text {
              color: #f745ab; } }
    @media screen and (min-width: 960px) {
      .services-all .services-all-list .services-all-item:hover {
        background-color: #f645ab; }
        .services-all .services-all-list .services-all-item:hover .img-wrap {
          display: none; }
        .services-all .services-all-list .services-all-item:hover .img-wrap-hover {
          display: block; }
        .services-all .services-all-list .services-all-item:hover .name h3 {
          color: #fff; }
        .services-all .services-all-list .services-all-item:hover .desc p {
          color: #fff; }
        .services-all .services-all-list .services-all-item:hover .hover {
          transform: scale(1); }
          .services-all .services-all-list .services-all-item:hover .hover.hidden {
            transform: scale(0); }
        .services-all .services-all-list .services-all-item:hover .button-wrap {
          display: flex;
          align-items: center; }
          .services-all .services-all-list .services-all-item:hover .button-wrap .button-arrow {
            padding-bottom: 0.0694444444vw;
            width: 11.1111111111vw;
            border: 1px solid #fff; } }
      @media screen and (min-width: 960px) and (max-width: 960px) {
        .services-all .services-all-list .services-all-item:hover .button-wrap .button-arrow {
          width: 42.6666666667vw;
          padding-bottom: 0.2666666667vw; } }
    @media screen and (min-width: 960px) {
            .services-all .services-all-list .services-all-item:hover .button-wrap .button-arrow .arrow {
              display: none; }
            .services-all .services-all-list .services-all-item:hover .button-wrap .button-arrow .text {
              width: auto;
              opacity: 1;
              transition: .2s ease-in-out opacity;
              transition-delay: .15s; } }
    .services-all .services-all-list .services-all-item.var2 {
      padding-top: 7.5vw; }
      @media screen and (max-width: 960px) {
        .services-all .services-all-list .services-all-item.var2 {
          padding-top: 0; } }
      .services-all .services-all-list .services-all-item.var2 .img-wrap, .services-all .services-all-list .services-all-item.var2 .img-wrap-hover {
        left: 0; }
        @media screen and (max-width: 960px) {
          .services-all .services-all-list .services-all-item.var2 .img-wrap, .services-all .services-all-list .services-all-item.var2 .img-wrap-hover {
            margin-left: -8vw; } }
    .services-all .services-all-list .services-all-item .img-wrap, .services-all .services-all-list .services-all-item .img-wrap-hover {
      position: absolute;
      left: 22.9166666667vw;
      top: 0;
      width: 27.0833333333vw;
      z-index: 1; }
      @media screen and (max-width: 960px) {
        .services-all .services-all-list .services-all-item .img-wrap, .services-all .services-all-list .services-all-item .img-wrap-hover {
          position: static;
          order: 0;
          margin-left: 16vw;
          width: 69.3333333333vw;
          padding-bottom: 4.2666666667vw; } }
      .services-all .services-all-list .services-all-item .img-wrap img, .services-all .services-all-list .services-all-item .img-wrap-hover img {
        width: 100%;
        display: block; }
    .services-all .services-all-list .services-all-item .img-wrap {
      display: block; }
    .services-all .services-all-list .services-all-item .img-wrap-hover {
      display: none; }
    .services-all .services-all-list .services-all-item .name {
      width: 36.8055555556vw;
      flex-shrink: 0;
      position: relative;
      z-index: 2; }
      @media screen and (max-width: 960px) {
        .services-all .services-all-list .services-all-item .name {
          width: 100%;
          order: 1; } }
      .services-all .services-all-list .services-all-item .name h3 {
        font-size: 2.9166666667vw;
        transition: .2s ease-in-out color;
        color: #373f4d; }
        @media screen and (max-width: 960px) {
          .services-all .services-all-list .services-all-item .name h3 {
            font-size: 8vw;
            margin-bottom: 11.7333333333vw; } }
    .services-all .services-all-list .services-all-item .desc {
      width: 31.25vw;
      flex-shrink: 0;
      padding-bottom: 0.4861111111vw;
      position: relative;
      z-index: 2; }
      @media screen and (max-width: 960px) {
        .services-all .services-all-list .services-all-item .desc {
          width: 100%;
          padding-bottom: 0;
          margin-bottom: 5.8666666667vw;
          order: 2; } }
      .services-all .services-all-list .services-all-item .desc p {
        line-height: 1.57;
        transition: .2s ease-in-out color;
        color: #373f4d; }
    @media screen and (max-width: 960px) {
      .services-all .services-all-list .services-all-item .button-wrap-wrap {
        order: 3;
        display: flex;
        align-items: center; } }
    .services-all .services-all-list .services-all-item .button-wrap {
      margin-right: 6.9444444444vw;
      width: 11.1111111111vw;
      display: flex;
      justify-content: center;
      position: relative;
      z-index: 2; }
      @media screen and (max-width: 960px) {
        .services-all .services-all-list .services-all-item .button-wrap {
          margin-right: 0;
          width: auto;
          justify-content: flex-start;
          order: 3; } }
      .services-all .services-all-list .services-all-item .button-wrap .button-arrow {
        text-decoration: none;
        border-radius: 2.7777777778vw;
        border: solid 1px #f645ab;
        display: inline-flex;
        height: 1.875vw;
        align-items: center;
        box-sizing: border-box;
        width: 1.875vw;
        min-width: 1.875vw;
        justify-content: center;
        transition: .2s ease-in-out background, .2s ease-in-out width, .2s ease-in-out transform; }
        @media screen and (max-width: 960px) {
          .services-all .services-all-list .services-all-item .button-wrap .button-arrow {
            border-radius: 10.6666666667vw;
            height: 7.2vw;
            width: 7.2vw;
            min-width: 7.2vw; } }
        @media screen and (min-width: 960px) {
          .services-all .services-all-list .services-all-item .button-wrap .button-arrow:hover {
            background: #fff; }
            .services-all .services-all-list .services-all-item .button-wrap .button-arrow:hover .text {
              color: #f745ab; } }
        .services-all .services-all-list .services-all-item .button-wrap .button-arrow .arrow {
          padding: 0.0694444444vw 0.0694444444vw 0 0; }
          @media screen and (max-width: 960px) {
            .services-all .services-all-list .services-all-item .button-wrap .button-arrow .arrow {
              padding: 0.2666666667vw 0.2666666667vw 0 0; } }
          .services-all .services-all-list .services-all-item .button-wrap .button-arrow .arrow svg {
            width: 0.625vw;
            height: 0.625vw; }
            .services-all .services-all-list .services-all-item .button-wrap .button-arrow .arrow svg * {
              fill: #f645ab; }
            @media screen and (max-width: 960px) {
              .services-all .services-all-list .services-all-item .button-wrap .button-arrow .arrow svg {
                width: 2.4vw;
                height: 2.4vw; } }
        .services-all .services-all-list .services-all-item .button-wrap .button-arrow .text {
          font-size: 0.9027777778vw;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.38;
          letter-spacing: normal;
          text-align: left;
          color: #fff;
          width: 0;
          transition: none;
          white-space: nowrap;
          opacity: 0; }
          @media screen and (max-width: 960px) {
            .services-all .services-all-list .services-all-item .button-wrap .button-arrow .text {
              font-size: 3.4666666667vw; } }
    .services-all .services-all-list .services-all-item .read-more {
      display: none; }
      @media screen and (max-width: 960px) {
        .services-all .services-all-list .services-all-item .read-more {
          order: 4;
          opacity: 0.6;
          font-size: 3.4666666667vw;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.38;
          letter-spacing: normal;
          text-align: left;
          color: #f645ab;
          display: block;
          margin-left: 6.4vw; } }
    .services-all .services-all-list .services-all-item .hover {
      position: absolute;
      z-index: 3;
      left: 0;
      top: 0;
      width: 2.5vw;
      height: 2.5vw;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background-color: #fff;
      pointer-events: none;
      transform: scale(0);
      transition: .2s ease-in-out transform; }
      .services-all .services-all-list .services-all-item .hover svg {
        width: 0.6944444444vw;
        height: 0.6944444444vw; }

.services-chief {
  padding: 5.5555555556vw 4.1666666667vw 7.6388888889vw 2.0833333333vw;
  display: flex;
  justify-content: space-between; }
  @media screen and (max-width: 960px) {
    .services-chief {
      padding: 21.3333333333vw 5.3333333333vw;
      display: block; } }
  .services-chief .services-chief-img {
    width: 35.4166666667vw;
    flex-shrink: 0; }
    @media screen and (max-width: 960px) {
      .services-chief .services-chief-img {
        width: 100%;
        margin-bottom: 12.2666666667vw; } }
    .services-chief .services-chief-img img {
      width: 100%;
      display: block; }
  .services-chief .services-chief-text {
    width: 45.5555555556vw;
    flex-shrink: 0;
    padding-top: 13.4722222222vw; }
    @media screen and (max-width: 960px) {
      .services-chief .services-chief-text {
        width: 100%;
        padding-top: 0; } }
    .services-chief .services-chief-text h2 {
      line-height: 1.06;
      color: #f745ab;
      margin-bottom: 0.4166666667vw; }
      @media screen and (max-width: 960px) {
        .services-chief .services-chief-text h2 {
          line-height: 1.14;
          margin-bottom: 2.4vw; } }
    .services-chief .services-chief-text .name {
      font-size: 3.1944444444vw;
      font-weight: bold;
      font-stretch: normal;
      font-style: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: left;
      color: #f745ab; }
      @media screen and (max-width: 960px) {
        .services-chief .services-chief-text .name {
          font-size: 6.4vw; } }
    .services-chief .services-chief-text h5 {
      margin-top: 8.1944444444vw;
      font-size: 1.9444444444vw;
      line-height: 1.29;
      letter-spacing: 0.0694444444vw;
      color: #f745ab; }
      @media screen and (max-width: 960px) {
        .services-chief .services-chief-text h5 {
          margin-top: 16vw;
          font-size: 4.8vw;
          line-height: 1.33;
          letter-spacing: 0.2666666667vw; } }
    .services-chief .services-chief-text .button-wrap {
      margin-top: 2.0833333333vw; }
      @media screen and (max-width: 960px) {
        .services-chief .services-chief-text .button-wrap {
          margin-top: 6.1333333333vw; } }

.services-certificates {
  padding: 7.6388888889vw 0 0;
  margin: 0 2.0833333333vw;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative; }
  @media screen and (max-width: 960px) {
    .services-certificates {
      padding: 21.3333333333vw 0 0;
      margin: 0 1.6vw;
      display: block; } }
  .services-certificates .services-certificates-title {
    transform: translateY(-50%); }
    @media screen and (max-width: 960px) {
      .services-certificates .services-certificates-title {
        transform: none;
        margin-bottom: 12vw;
        padding: 0 3.7333333333vw; } }
  .services-certificates .services-certificates-list {
    width: 46.3888888889vw;
    flex-shrink: 0; }
    @media screen and (max-width: 960px) {
      .services-certificates .services-certificates-list {
        width: 100%; } }
    .services-certificates .services-certificates-list .services-certificates-item {
      padding: 3.4722222222vw 2.7777777778vw;
      position: relative;
      border-radius: 2.0833333333vw; }
      @media screen and (max-width: 960px) {
        .services-certificates .services-certificates-list .services-certificates-item {
          padding: 5.8666666667vw 5.8666666667vw 9.3333333333vw;
          border-radius: 5.3333333333vw; } }
      .services-certificates .services-certificates-list .services-certificates-item.filled {
        margin-bottom: 0.5555555556vw;
        background-color: #37566A; }
        @media screen and (max-width: 960px) {
          .services-certificates .services-certificates-list .services-certificates-item.filled {
            margin-bottom: 2.6666666667vw; } }
        .services-certificates .services-certificates-list .services-certificates-item.filled .name-logo .name {
          color: #fff; }
        .services-certificates .services-certificates-list .services-certificates-item.filled .desc {
          max-width: 32.6388888889vw; }
          @media screen and (max-width: 960px) {
            .services-certificates .services-certificates-list .services-certificates-item.filled .desc {
              max-width: 100%; } }
          .services-certificates .services-certificates-list .services-certificates-item.filled .desc p {
            color: #fff; }
        .services-certificates .services-certificates-list .services-certificates-item.filled:after {
          display: none; }
      .services-certificates .services-certificates-list .services-certificates-item:after {
        content: '';
        position: absolute;
        left: -79.1666666667vw;
        right: 0;
        top: 0;
        height: 1px;
        background: #F745AB; }
        @media screen and (max-width: 960px) {
          .services-certificates .services-certificates-list .services-certificates-item:after {
            left: 0; } }
      .services-certificates .services-certificates-list .services-certificates-item .name-logo {
        display: flex;
        justify-content: space-between; }
        @media screen and (max-width: 960px) {
          .services-certificates .services-certificates-list .services-certificates-item .name-logo {
            flex-direction: column-reverse; } }
        .services-certificates .services-certificates-list .services-certificates-item .name-logo .name {
          font-family: HWCigarsTrial;
          font-size: 2.7777777778vw;
          font-weight: normal;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.25;
          letter-spacing: normal;
          text-align: left;
          color: #373F4D;
          max-width: 31.9444444444vw; }
          @media screen and (max-width: 960px) {
            .services-certificates .services-certificates-list .services-certificates-item .name-logo .name {
              max-width: 100%;
              margin-top: 4.2666666667vw;
              font-size: 7.4666666667vw; } }
        .services-certificates .services-certificates-list .services-certificates-item .name-logo .logo-cert {
          width: 10.3472222222vw; }
          @media screen and (max-width: 960px) {
            .services-certificates .services-certificates-list .services-certificates-item .name-logo .logo-cert {
              width: 34.6666666667vw; } }
          .services-certificates .services-certificates-list .services-certificates-item .name-logo .logo-cert img {
            display: block;
            width: 100%; }
      .services-certificates .services-certificates-list .services-certificates-item .desc {
        margin-top: 9.0277777778vw;
        max-width: 35.5555555556vw; }
        @media screen and (max-width: 960px) {
          .services-certificates .services-certificates-list .services-certificates-item .desc {
            max-width: 100%;
            margin-top: 17.3333333333vw; } }
        .services-certificates .services-certificates-list .services-certificates-item .desc p {
          line-height: 1.57;
          color: #373F4D; }

.services-tech {
  padding: 2.7777777778vw 0.6944444444vw 6.9444444444vw; }
  @media screen and (max-width: 960px) {
    .services-tech {
      padding: 20vw 1.6vw 18.6666666667vw; } }
  .services-tech .services-tech-inner {
    border-radius: 1.3888888889vw;
    overflow: hidden;
    background-color: #f8f3ee;
    position: relative; }
    @media screen and (max-width: 960px) {
      .services-tech .services-tech-inner {
        border-radius: 5.3333333333vw; } }
    .services-tech .services-tech-inner .img-wrap {
      width: 100%;
      height: 100%;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      position: relative;
      z-index: 1; }
      @media screen and (max-width: 960px) {
        .services-tech .services-tech-inner .img-wrap {
          height: 150.1333333333vw; } }
      .services-tech .services-tech-inner .img-wrap img {
        width: 100%;
        height: 100%;
        object-fit: cover; }
    .services-tech .services-tech-inner .title-wrap {
      position: absolute;
      z-index: 2;
      color: #f745ab;
      left: 2.0833333333vw;
      top: 6.9444444444vw;
      width: 43.0555555556vw; }
      @media screen and (max-width: 960px) {
        .services-tech .services-tech-inner .title-wrap {
          position: static;
          width: 100%;
          padding: 0 5.8666666667vw 23.4666666667vw;
          box-sizing: border-box;
          margin-top: -12vw; } }
      .services-tech .services-tech-inner .title-wrap h2 {
        margin-bottom: 4.7916666667vw; }
        @media screen and (max-width: 960px) {
          .services-tech .services-tech-inner .title-wrap h2 {
            margin-bottom: 8.8vw; } }
      .services-tech .services-tech-inner .title-wrap h4 {
        line-height: 1.31;
        letter-spacing: 0.0694444444vw; }
        @media screen and (max-width: 960px) {
          .services-tech .services-tech-inner .title-wrap h4 {
            line-height: 1.33;
            letter-spacing: 0.2666666667vw; } }
    .services-tech .services-tech-inner .desc-wrap {
      padding: 7.9166666667vw 28.4722222222vw 5.2777777778vw;
      position: absolute;
      z-index: 2;
      left: 0;
      bottom: 0;
      right: 0; }
      @media screen and (max-width: 960px) {
        .services-tech .services-tech-inner .desc-wrap {
          position: static;
          padding: 0 5.8666666667vw 14.6666666667vw; } }
      .services-tech .services-tech-inner .desc-wrap p {
        font-size: 1.1111111111vw;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #f745ab; }
        @media screen and (max-width: 960px) {
          .services-tech .services-tech-inner .desc-wrap p {
            font-size: 3.7333333333vw;
            text-align: left;
            line-height: 1.43; } }

.services-steps {
  padding: 6.9444444444vw 0 6.25vw; }
  @media screen and (max-width: 960px) {
    .services-steps {
      padding: 18.6666666667vw 0 24vw; } }
  .services-steps .services-steps-title {
    margin-bottom: 0.6944444444vw;
    padding: 0 2.0833333333vw; }
    @media screen and (max-width: 960px) {
      .services-steps .services-steps-title {
        margin-bottom: 19.7333333333vw;
        padding: 0 5.3333333333vw; } }
    .services-steps .services-steps-title h2 {
      color: #f745ab; }
  .services-steps .services-steps-list {
    display: flex;
    padding: 0 6.4583333333vw 0 2.0833333333vw;
    justify-content: space-between; }
    @media screen and (max-width: 960px) {
      .services-steps .services-steps-list {
        display: block;
        padding: 0; } }
    @media screen and (min-width: 960px) {
      .services-steps .services-steps-list .services-steps-item:nth-child(1) {
        width: 25.4166666667vw;
        flex-shrink: 0;
        padding-top: 3.2638888889vw; }
      .services-steps .services-steps-list .services-steps-item:nth-child(2) {
        width: 26.6666666667vw;
        flex-shrink: 0;
        padding-top: 9.7222222222vw; }
      .services-steps .services-steps-list .services-steps-item:nth-child(3) {
        width: 27.5694444444vw;
        flex-shrink: 0; } }
    @media screen and (max-width: 960px) {
      .services-steps .services-steps-list .services-steps-item {
        margin-bottom: 21.3333333333vw;
        padding: 0 9.6vw 0 5.3333333333vw; } }
    .services-steps .services-steps-list .services-steps-item .num {
      font-weight: 500;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.57;
      letter-spacing: normal;
      text-align: left;
      color: #fff;
      width: 4.1666666667vw;
      height: 4.1666666667vw;
      background-color: #f745ab;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      margin-bottom: 1.5277777778vw; }
      @media screen and (max-width: 960px) {
        .services-steps .services-steps-list .services-steps-item .num {
          width: 16vw;
          height: 16vw;
          margin-bottom: 5.8666666667vw; } }
    .services-steps .services-steps-list .services-steps-item .name h4 {
      font-size: 2.9166666667vw;
      line-height: 1.14; }
      @media screen and (max-width: 960px) {
        .services-steps .services-steps-list .services-steps-item .name h4 {
          font-size: 8vw; }
          .services-steps .services-steps-list .services-steps-item .name h4 br {
            display: none; } }
    .services-steps .services-steps-list .services-steps-item .desc {
      margin-top: 3.6805555556vw; }
      @media screen and (max-width: 960px) {
        .services-steps .services-steps-list .services-steps-item .desc {
          margin-top: 6.4vw; } }
      .services-steps .services-steps-list .services-steps-item .desc p {
        line-height: 1.57; }
    .services-steps .services-steps-list .services-steps-item .services-line-anim-mob {
      display: none; }
      @media screen and (max-width: 960px) {
        .services-steps .services-steps-list .services-steps-item .services-line-anim-mob {
          display: block;
          margin: 0 -5.3333333333vw;
          width: 100vw;
          height: 21.3333333333vw;
          margin-top: 8vw; } }
  .services-steps .services-line-anim {
    overflow: hidden; }
    .services-steps .services-line-anim #services-line-anim {
      width: 100%;
      height: 11.1111111111vw; }
  .services-steps .services-steps-cta {
    margin-top: 5.9722222222vw;
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (max-width: 960px) {
      .services-steps .services-steps-cta {
        margin-top: 25.3333333333vw; } }
    .services-steps .services-steps-cta h5 {
      color: #f745ab;
      margin-bottom: 2.2916666667vw;
      max-width: 50vw;
      text-align: center;
      line-height: 1.3; }
      @media screen and (max-width: 960px) {
        .services-steps .services-steps-cta h5 {
          max-width: 85.0666666667vw;
          margin-bottom: 14.6666666667vw;
          font-size: 3.7333333333vw;
          line-height: 1.43;
          font-family: Inter; } }

.plans-wrap {
  border-radius: 1.3888888889vw;
  background-color: #2c3547;
  position: relative;
  padding: 2.0833333333vw;
  box-sizing: border-box;
  text-decoration: none;
  display: block;
  transition: .2s ease-in-out transform; }
  @media screen and (max-width: 960px) {
    .plans-wrap {
      border-radius: 5.3333333333vw;
      padding: 9.0666666667vw 5.3333333333vw 7.4666666667vw;
      overflow: hidden; } }
  @media screen and (min-width: 960px) {
    .plans-wrap:hover {
      transform: scale(1.015); } }
  .plans-wrap .plans-bg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 1; }
    @media screen and (max-width: 960px) {
      .plans-wrap .plans-bg {
        width: auto;
        bottom: auto;
        top: -1.0416666667vw;
        left: -10.6666666667vw;
        right: -10.6666666667vw; } }
    .plans-wrap .plans-bg img {
      display: block;
      object-fit: contain;
      width: 100%;
      height: 100%; }
  .plans-wrap .text-btn {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 960px) {
      .plans-wrap .text-btn {
        display: block; } }
    .plans-wrap .text-btn .text {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      color: #fff;
      max-width: 43.75vw; }
      @media screen and (max-width: 960px) {
        .plans-wrap .text-btn .text {
          max-width: 100%; } }
      .plans-wrap .text-btn .text h3 {
        margin-bottom: 5.9027777778vw; }
        @media screen and (max-width: 960px) {
          .plans-wrap .text-btn .text h3 {
            margin-bottom: 30.6666666667vw; } }
      .plans-wrap .text-btn .text h5 {
        line-height: 1.3; }
        @media screen and (max-width: 960px) {
          .plans-wrap .text-btn .text h5 {
            line-height: 1.33;
            letter-spacing: 0.2666666667vw; } }
    @media screen and (max-width: 960px) {
      .plans-wrap .text-btn .button-wrap {
        margin-top: 8.8vw;
        display: flex;
        justify-content: center; } }

.service-text .cta-card {
  border-radius: 2.7777777778vw;
  background-color: #f8f3ee;
  height: 37.8472222222vw;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  margin-top: 22.8472222222vw;
  position: relative; }
  @media screen and (max-width: 960px) {
    .service-text .cta-card {
      border-radius: 8vw;
      height: 95.7333333333vw;
      margin-top: 12.2666666667vw; } }
  .service-text .cta-card .bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0; }
    .service-text .cta-card .bg svg {
      width: 100%;
      height: 100%; }

.cta-card-offset svg {
  margin-left: 2.6388888889vw; }
  @media screen and (max-width: 960px) {
    .cta-card-offset svg {
      margin-left: 5.2777777778vw; } }

.cta-card-hover svg {
  transition: .5s ease-in-out opacity; }
.cta-card-hover .sci-hover {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0; }
.cta-card-hover:hover .sci-normal {
  opacity: 0; }
.cta-card-hover:hover .sci-hover {
  opacity: 1; }

.pos-relative {
  position: relative !important; }

@media screen and (max-width: 960px) {
  .poster-cover-sm {
    object-fit: cover;
    display: block;
    width: 100%;
    height: 100%; } }

/*# sourceMappingURL=services.min.css.map */