.pg-service-head {
  position: relative;
  padding: 100px 0;
  color: #fff;
}
.pg-service-head .img_shap {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  pointer-events: none;
}
.pg-service-head .scroll_btn {
  position: absolute;
  bottom: 60px;
  left: calc(50% - 20px);
  z-index: 3;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 30px;
  width: 40px;
  height: 70px;
  line-height: 70px;
  text-align: center;
}
.pg-service-head .scroll_btn i {
  -webkit-animation: slide_up_down 1s ease-in-out infinite alternate both;
          animation: slide_up_down 1s ease-in-out infinite alternate both;
}
.pg-service-head .info h6 {
  font-size: 21px;
  margin-bottom: 10px;
  font-family: neo-sans-regular;
}
.pg-service-head .info h1 {
  font-size: 42px;
  margin-bottom: 30px;
}
.pg-service-head .info p {
  font-size: 17px;
  margin-bottom: 50px;
  line-height: 32px;
}
.pg-service-head .info p br {
  display: none;
}
.pg-service-head .img {
  position: relative;
  height: 400px;
  width: 600px;
  margin-left: 0;
  margin-right: auto;
}
.pg-service-head .img .hero-bg {
  position: absolute;
  top: 0;
  height: 100%;
  left: 100px;
  width: 400px;
  height: 400px;
}
.pg-service-head .img .shap-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}
.pg-service-head .img .shap-logo-1 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -13px);
          transform: translate(-50%, -13px);
  z-index: 2;
}
.pg-service-head .img .shap-logo-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, 2px);
          transform: translate(-50%, 2px);
  z-index: 2;
}
.pg-service-head .img .shap-1 {
  position: absolute;
  top: 30px;
  right: -50px;
  z-index: 2;
  width: 230px;
  height: 190px;
  -o-object-fit: contain;
     object-fit: contain;
}
.pg-service-head .img .shap-2 {
  position: absolute;
  bottom: 10px;
  right: 30%;
  z-index: 2;
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.pg-service-head .img .shap-3 {
  position: absolute;
  top: 30px;
  left: 25%;
  z-index: 2;
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}
.pg-service-head .img .shap-4 {
  position: absolute;
  bottom: 20%;
  left: 8%;
  z-index: 2;
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
     object-fit: contain;
}
.pg-service-head .img.traingle_imgs .shap-1 {
  position: absolute;
  top: -30px;
  right: 50%;
  -webkit-transform: translateX(50%);
          transform: translateX(50%);
  z-index: 2;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -o-object-fit: contain;
  object-fit: contain;
}
.pg-service-head .img.traingle_imgs .shap-2 {
  position: absolute;
  top: auto;
  bottom: 30px;
  right: 30px;
  z-index: 2;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -o-object-fit: contain;
  object-fit: contain;
}
.pg-service-head .img.traingle_imgs .shap-3 {
  position: absolute;
  top: auto;
  bottom: 30px;
  right: auto;
  left: 30px;
  z-index: 2;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  -o-object-fit: contain;
  object-fit: contain;
}