.sp-hvc {
   margin-top: 56px !important;
   margin-bottom: 56px !important;
}

.sp-hvc-wrapper {
   width: 1305px;
   max-width: 100%;
   margin-left: auto;
   margin-right: auto;
}

.sh-hvc-title {
   margin-bottom: 24px;
   margin-top: 0px;
   padding-bottom: 0px;
   color: #111111;
   text-align: center;
   font-family: "Poppins", sans-serif;
   font-size: 24px;
   font-style: normal;
   font-weight: 700;
   line-height: 155%;
   letter-spacing: 0.48px;
}

.sh-hvc-step {
   display: flex;
   align-items: center;
   margin-bottom: 24px;
   position: relative;
   z-index: 20;
}

.sh-hvc-step:first-child:before {
   width: 60px;
   height: 50%;
   content:'';
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
   background: #ffffff;
   z-index: -1;
}
.sh-hvc-step:last-child:before {
   width: 60px;
   height: 50%;
   content:'';
   display: block;
   position: absolute;
   bottom: 0px;
   left: 0px;
   background: #ffffff;
   z-index: -1;
}

.sh-hvc-step:last-child {
   margin-bottom: 0px;
}

.sh-hvc-step-image {
   width: 78px;
   height: 78px;
   margin-right: 34px;
   display: flex;
   align-items: center;
   justify-content: center;
   border-radius: 100%;
   background: #E9F0FF;
}

.sh-hvc-step-image img {
   display: block;
   width: 59px;
   height: 44px;
   object-fit: contain;
   object-position: center;
}

.sh-hvc-step-content {
   width: 100px;
   flex-grow: 2;
   padding: 16px;
   border-radius: 16px;
   background: #E9F0FF;
   position: relative;
}

.sh-hvc-step-content:before {
   content: '';
   display: block;
   position: absolute;
   top: 50%;
   left: -25px;
   transform: translateY(-50%);
   width: 26px;
   height: 28px;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyOCAyNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTS01LjY4MjQ4ZS0wNyAxMy41Qy01LjY4MjQ4ZS0wNyAxMy41IDEwLjk1NzggMTMuMTQzNyAxNi43MzU2IDEwLjQwNjFDMjIuMzUyIDcuNzQ1MDcgMjggMC41MDAwMDEgMjggMC41MDAwMDFMMjggMjYuNUwtNS42ODI0OGUtMDcgMTMuNVoiIGZpbGw9IiNFOUYwRkYiLz4KPC9zdmc+Cg==");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
}


.sh-hvc-step-title {
   color: #111111;
   font-family: "Poppins", sans-serif;
   font-size: 16px;
   font-style: normal;
   font-weight: 600;
   line-height: 130%;
   margin-bottom: 8px;
}

.sh-hvc-step-text {
   color: #111111;
   font-family: "Poppins", sans-serif;
   font-size: 14px;
   font-style: normal;
   font-weight: 400;
   line-height: 20px;
}

.sh-hvc-step-count-info {
   position: absolute;
   top: 0px;
   left: -56px;
   color: #304264;
   font-family: "Lemonada", sans-serif;
   font-size: 10px;
   font-style: normal;
   font-weight: 300;
   line-height: 155%;
   transform: rotate(-25deg);
   letter-spacing: normal;
}

.sh-hvc-step-count-info-text:before {
   content: '';
   display: block;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyNSAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEyMTBfNTQ5NDMpIj4KPHBhdGggZD0iTTIzLjk2OTEgNy4yMjMyNkMyMy4zNzg0IDguNDI2OTMgMjIuNTg4NCA5LjUxMzE3IDIxLjg4ODIgMTAuNjIxOEMyMS44MDMxIDEwLjc2OTUgMjEuNTYzNyAxMC43MDk1IDIxLjQ4OTEgMTAuNTg5NEMyMS4wNzEzIDkuODc2NDYgMjAuNTkzNSA5LjE0ODQ4IDIwLjM3NTMgOC4zNTAzNEwyMC4zNDUzIDguMzQyODRDMTYuNzQwNCA3LjEzNTQxIDEyLjY4NTQgOS42MzM5IDkuNzg4OTQgMTEuNDc2M0M2LjQ0ODAyIDEzLjU3OTIgMy4yODA1OCAxNi4zNjc2IDEuNTkzMDcgMjAuMjM2NUMxLjQ1MjU2IDIwLjc0MiAxLjMwNzAxIDIxLjI4IDEuMjIxMyAyMS44MzNDMS4xODA5NyAyMi4wOTMyIDAuODUxODQgMjIuMDEwOCAwLjg2MjI1MyAyMS43NDNDMC44NzczNzggMjEuNjQ1NSAwLjg5MjUwMyAyMS41NDc5IDAuOTA3NjI4IDIxLjQ1MDNDMC43ODc5NDYgMjEuNDIwMyAwLjcxMzMwOSAyMS4zMDAyIDAuNzM4NTE4IDIxLjEzNzZDMC44MjM4OTcgMjAuNzg3MiAwLjk2OTExOCAyMC40NTE5IDEuMDg0NDIgMjAuMTA5MUMyLjY5MDA5IDExLjM1MzQgMTIuMDg0NSA0Ljg4NzQxIDIwLjA2OTMgNi4zMTM2N0MxOS44ODA2IDUuNzI1NzEgMTkuNzI3IDUuMTEyOCAxOS41MDg1IDQuNTE3MjlDMTkuMzk0MSA0LjI1MjE0IDE5LjY2ODggNC4wODQ0MiAxOS44NzMyIDQuMTY5NDNDMjEuMzM0IDQuNzcxOTQgMjIuNTU5NCA1Ljg5MDA5IDIzLjg0NSA2LjgyMDQ1QzIzLjk1OTYgNi44ODI5NSAyNC4wNTkxIDcuMDQzMDYgMjMuOTY5MSA3LjIyMzI2Wk0yMC4xNjEzIDQuOTE3NDNDMjAuMjc1NCA1LjM4NTMxIDIwLjMyOTUgNS44MzgxNyAyMC40NzM0IDYuMzEzNTRDMjAuNTA4IDYuNDkxMjUgMjAuMzk4MSA2LjU5ODgxIDIwLjMwMzMgNi42MDg4NUMyMC4yODgxIDYuNzA2NDQgMjAuMjE4MiA2Ljc1NjU2IDIwLjEyMzQgNi43NjY1NEMxMi43NzA3IDYuMjc1OSA2LjE0NDMzIDEwLjEyMzggMi44NzU4MiAxNi43NzMyQzQuNzIwNzIgMTQuMjk1NCA3LjI1ODE3IDEyLjM2MyA5LjcwNTIgMTAuODEzNEMxMS40OTggOS42NzQyNSAxMy4zNTU0IDguNzIwNCAxNS4zMjcxIDguMDMxNjlDMTYuODY5NSA3LjUwNTc1IDE4Ljc2MDkgNy4xMzQ4NCAyMC4yOTA5IDguMDkyNjRDMjAuMjQxNCA3LjgwOTkxIDIwLjYyMDYgNy43Njk3NiAyMC43MTAxIDcuOTk0OTNDMjEuMDEzMyA4LjY0NTQgMjEuMzIxNiA5LjI2MzM0IDIxLjY2NDkgOS44NTYyNUMyMi4yNCA4Ljk1Mjc3IDIyLjg0NTIgOC4wNTY4NyAyMy4zMzU2IDcuMDk4MzdDMjIuMjk5MiA2LjM2NTUyIDIxLjI4MjkgNS41MDI1OCAyMC4xNjEzIDQuOTE3NDNaIiBmaWxsPSIjMzA0MjY0Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMTIxMF81NDk0MyI+CjxyZWN0IHdpZHRoPSIyMC45Mjk3IiBoZWlnaHQ9IjIyLjMzNiIgZmlsbD0id2hpdGUiIHRyYW5zZm9ybT0ibWF0cml4KDAuOTcwMDEyIDAuMjQzMDU3IDAuMTUzMTU5IC0wLjk4ODIwMiAwLjU5Mzc1IDIyLjA3MTgpIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==");
   background-position: center;
   background-repeat: no-repeat;
   background-size: contain;
   width: 25px;
   height: 28px;
   position: relative;
   transform: rotate(25deg);
   top: 6px;
   left: 21px;
}
.sh-hvc-steps .slick-dots {
   margin: 0px !important;
   padding: 0px !important;
}
.sh-hvc-steps {
   position: relative;
}
.sh-hvc-steps:before {
   content:'';
   display: block;
   position: absolute;
   top: 0px;
   left: 39px;
   width: 1px;
   height: 100%;
   background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEgMTMiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMF8yMjAxXzExOTUxKSI+CjxsaW5lIHgxPSIwLjUwMDA2MSIgeTE9Ii00MS41IiB4Mj0iMC41MDAwMjIiIHkyPSI4NTYuNSIgc3Ryb2tlPSIjMDE2Q0VDIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1kYXNoYXJyYXk9IjYgNiIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzIyMDFfMTE5NTEiPgo8cmVjdCB3aWR0aD0iMSIgaGVpZ2h0PSIxMyIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
   background-position: center;
}
.sh-hvc-steps .slick-dots li {
   margin-top: 0px !important;
}
.sh-hvc-steps .slick-dots li:before {
   display: none !important;
}

@media screen and (max-width: 1200px) {
   .sh-hvc-box {
      width: 100%;
   }
}

@media screen and (max-width: 992px) {
   .sp-hvc {
      margin-top: 42px !important;
      margin-bottom: 42px !important;
   }

   .sh-hvc-title {
      font-size: 20px;
      font-style: normal;
      font-weight: 700;
      line-height: 155%;
      letter-spacing: 0.4px;
      margin-bottom: 32px;
   }

   .sh-hvc-step-count-info {
      top: 17px;
   }
}

@media screen and (max-width: 767px) {
   .sp-hvc {
      margin-top: 24px !important;
      margin-bottom: 24px !important;
   }

   .sh-hvc-title {
      margin-bottom: 24px;
   }

   .sh-hvc-step {
      flex-direction: column;
      justify-content: center;
      align-items: center;
   }

   .sh-hvc-step-image {
      width: 125px;
      height: 125px;
      margin-bottom: 12px;
      margin-left: auto;
      margin-right: auto;
   }

   .sh-hvc-step-image img {
      width: 94px;
      height: 70px;
   }

   .sh-hvc-step-content {
      width: 100%;
      padding: 16px;
   }

   .sh-hvc-step-content:before {
      display: none;
   }

   .sh-hvc-step-count-info {
      top: -65px;
      left: calc(50% - 120px);
   }

   .sh-hvc-step {
      margin-bottom: 0px;
   }

   .sh-hvc-steps {
      margin-left: -16px;
      margin-right: -16px;
   }

   .sh-hvc-step {
      padding-left: 16px;
      padding-right: 16px;
   }

   .sh-hvc-steps .slick-dots {
      display: flex;
      align-items: center;
      justify-content: center;
      margin-top: 25px !important;
   }

   .sh-hvc-steps .slick-dots li {
      width: 10px;
      height: 10px;
      margin-left: 5px;
      margin-right: 5px;
      border-radius: 100%;
      background: #C3DBF9;
      transition: 0.25s;
      cursor: pointer;
   }

   .sh-hvc-steps .slick-dots li.slick-active {
      background: #016CEC;
   }

   .sh-hvc-steps .slick-dots button {
      display: none;
   }
   .sh-hvc-steps:before {
      display: none;
   }
}