body {
  background: #f3f4f6;
}
.page-container {
  max-width: 120rem /* 1920/16 */;
  margin: 0 auto;
  font-family: Quicksand;
}
.service-item {
  justify-content: flex-end;
}
.service-item-content {
  padding-top: 2.5rem /* 40/16 */;
}
.top-title {
  height: 25rem /* 400/16 */;
  background: url("../images/img/bg-service-top.png") no-repeat 100%;
  background-size: cover;
  font-size: 3.75rem /* 60/16 */;
  color: #fff;
  line-height: 31.25rem /* 500/16 */;
  text-align: center;
  font-family: Nunito;
  font-weight: 700;
}
.service-item-img {
  width: 50rem /* 800/16 */;
  height: 41.625rem /* 666/16 */;
  margin-left: 6.25rem /* 100/16 */;
  border-radius: 0.625rem /* 10/16 */;
}
.service-item-img img {
  width: 50rem /* 800/16 */;
  height: 41.625rem /* 666/16 */;
  object-fit: cover;
}
.top-wrap {
  width: 102.5rem /* 1640/16 */;
  margin: 5rem /* 80/16 */ auto;
}
.top-wrap .top-info-title {
  width: 34.375rem /* 550/16 */;
}
.top-wrap .orange-divid {
  width: 10.3125rem /* 165/16 */;
  height: 0.0625rem /* 1/16 */;
  background: #DD9E50;
  margin: 2.75rem /* 44/16 */ 0;
}
.top-wrap .service-item-content-desc {
  width: 34.375rem;
  /* 550/16 */
  width: 42rem!important;
  font-size: 1.5rem;
  font-weight: 500;
  color: #70798b;
  width: 33.125rem;
  line-height: 2.5rem;
}
.branding-info {
  margin-top: 6.25rem /* 100/16 */;
  margin-bottom: 5rem /* 80/16 */;
}
.branding-info .info-text {
  margin: 0 auto;
  font-family: Nunito, Nunito;
}
.branding-info .branding-product {
  border-radius: 0.625rem /* 10/16 */;
  width: 50rem /* 800/16 */;
  height: 15rem /* 240/16 */;
  background: #fff;
  margin-top: 2.5rem /* 40/16 */;
  padding: 2.5rem /* 40/16 */;
  transition: background-color 0.3s ease;
}
.branding-info .branding-product .branding-product-icon {
  width: 9.6875rem /* 155/16 */;
  height: 9.6875rem /* 155/16 */;
  border-radius: 0.625rem /* 10/16 */;
}
.branding-info .branding-product .branding-product-icon .icon-mask {
  width: 9.6875rem /* 155/16 */;
  height: 9.6875rem /* 155/16 */;
  background: #fff;
}
.branding-info .branding-product .product-content {
  margin-left: 2.375rem /* 38/16 */;
  color: #081420;
}
.branding-info .branding-product .product-content .product-content-title {
  font-size: 1.875rem /* 30/16 */;
  font-weight: 700;
}
.branding-info .branding-product .product-content .product-content-desc {
  margin-top: 1rem;
  font-size: 1.3rem;
}
.branding-info .branding-product .product-content .product-content-title {
  margin-top: -0.3rem /* 16/16 */;
}
.branding-info .branding-product:hover .product-content {
  color: #fff;
}
.branding-info .product-1 .icon-mask {
  mask: url('../images/img/icon-Gift-Card.svg') no-repeat center center;
}
.branding-info .product-1 .branding-product-icon {
  background-color: #347471;
}
.branding-info .product-1:hover {
  background: #347471;
  box-shadow: -0.625rem /* 10/16 */ 1.875rem /* 30/16 */ 3.75rem /* 60/16 */ 0rem /* 0/16 */ rgba(52, 116, 113, 0.3);
}
.branding-info .product-1:hover .branding-product-icon {
  background: #fff;
}
.branding-info .product-1:hover .branding-product-icon .icon-mask {
  background-color: #347471;
}
.branding-info .product-2 .icon-mask {
  mask: url('../images/img/icon-Brand-on-Package.svg') no-repeat center center;
}
.branding-info .product-2 .branding-product-icon {
  background: #1DE2CF;
}
.branding-info .product-2:hover {
  background: #1DE2CF;
  box-shadow: -0.3125rem /* 5/16 */ 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */ 0rem /* 0/16 */ rgba(29, 226, 207, 0.302);
}
.branding-info .product-2:hover .branding-product-icon {
  background: #fff;
}
.branding-info .product-2:hover .branding-product-icon .icon-mask {
  background-color: #1DE2CF;
}
.branding-info .product-3 .icon-mask {
  mask: url('../images/img/icon-Brand-3.svg') no-repeat center center;
}
.branding-info .product-3 .branding-product-icon {
  background: #FCDC00;
}
.branding-info .product-3:hover {
  background: #FCDC00;
  box-shadow: -0.3125rem /* 5/16 */ 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */ 0rem /* 0/16 */ rgba(252, 220, 0, 0.302);
}
.branding-info .product-3:hover .branding-product-icon {
  background: #fff;
}
.branding-info .product-3:hover .branding-product-icon .icon-mask {
  background-color: #FCDC00;
}
.branding-info .product-4 .icon-mask {
  mask: url('../images/img/icon-Brand-4.svg') no-repeat center center;
}
.branding-info .product-4 .branding-product-icon {
  background: #FD346E;
}
.branding-info .product-4:hover {
  background: #FD346E;
  box-shadow: -0.3125rem /* 5/16 */ 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */ 0rem /* 0/16 */ rgba(253, 52, 110, 0.302);
}
.branding-info .product-4:hover .branding-product-icon {
  background: #fff;
}
.branding-info .product-4:hover .branding-product-icon .icon-mask {
  background-color: #FD346E;
}
.fee-wrap {
  background-image: url('../images/img/bg-service-item.jpg');
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 10rem /* 160/16 */ 17.5rem /* 280/16 */;
}
.fee-wrap .common-info-title {
  width: 30rem;
}
.fee-wrap .fee-product-wrap {
  margin-top: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.fee-wrap .fee-product-wrap .fee-product-item {
  width: 36.875rem /* 590/16 */;
  height: 33.75rem /* 540/16 */;
  margin-bottom: 4.25rem /* 68/16 */;
  display: flex;
  flex-direction: column;
}
.fee-wrap .fee-product-wrap .fee-product-img {
  height: 23.125rem /* 370/16 */;
  border-radius: 0.625rem /* 10/16 */;
}
.fee-wrap .fee-product-wrap .fee-product-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.fee-wrap .fee-title {
  margin-top: 2.1875rem;
  color: #030314;
  font-size: 1.5rem;
  margin-bottom: 0.3125rem;
  font-family: Nunito;
  font-weight: 700;
}
.fee-wrap .fee-desc {
  font-size: 1.3rem /* 16/16 */;
}
.last-wrap {
  padding-bottom: 6.25rem /* 100/16 */;
}
.last-wrap .common-info-title {
  margin-top: 1.0625rem /* 17/16 */;
}
.last-wrap .common-info-desc {
  font-size: 1rem;
  width: 83.75rem;
  margin: 0 auto;
}
.last-wrap .last-container {
  margin-top: 1.875rem /* 30/16 */;
  justify-content: space-between;
}
.last-wrap .last-container .last-item {
  width: 32.5rem /* 520/16 */;
  height: 31.25rem /* 500/16 */;
  border-radius: 0.625rem /* 10/16 */;
  background: #fff;
  margin-bottom: 2.5rem /* 40/16 */;
  padding: 3.75rem /* 60/16 */ 5rem /* 80/16 */;
  transition: box-shadow 0.3s ease;
}
.last-wrap .last-container .last-item:nth-child(3n+2) {
  transform: translateY(4.375rem /* 70/16 */);
}
.last-wrap .last-container .last-item:hover {
  box-shadow: -0.625rem /* 10/16 */ 2.5rem /* 40/16 */ 4.375rem /* 70/16 */ 0rem /* 0/16 */ #ABAFC780;
}
.last-wrap .last-container .last-item .item-icon {
  width: 5.3125rem /* 85/16 */;
  height: 5.3125rem /* 85/16 */;
  border-radius: 50%;
  margin: 0 auto;
}
.last-wrap .last-container .last-item .item-icon i {
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  background-size: 100%;
  background-repeat: no-repeat;
}
.last-wrap .last-container .last-title {
  font-family: Nunito;
  font-size: 1.875rem;
  font-weight: 700;
  margin-top: 2.5rem;
  color: #030314;
}
.last-wrap .last-container .last-desc {
  font-size: 1.3rem;
  margin-top: 1.1875rem;
  line-height: 2.125rem;
  width: 22.5rem;
  font-family: Quicksand;
}
.branding-icon-1 {
  background-color: #0F89FF;
}
.branding-icon-1:hover {
  box-shadow: -0.3125rem /* 5/16 */ 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */ 0rem /* 0/16 */ #0F89FF4D;
}
.branding-icon-1 i {
  mask: url('../images/img/branding-icon-1.svg') no-repeat center center;
}
.branding-icon-2 {
  background-color: #FD346E;
}
.branding-icon-2:hover {
  box-shadow: -0.3125rem /* 5/16 */ 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */ 0rem /* 0/16 */ #FD346E4D;
}
.branding-icon-2 i {
  mask: url('../images/img/branding-icon-2.svg') no-repeat center center;
}
.branding-icon-3 {
  background-color: #FCDC00;
}
.branding-icon-3:hover {
  box-shadow: -0.3125rem /* 5/16 */ 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */ 0rem /* 0/16 */ #FCDC004D;
}
.branding-icon-3 i {
  mask: url('../images/img/branding-icon-3.svg') no-repeat center center;
}
.branding-icon-4 {
  background-color: #FF895B;
}
.branding-icon-4:hover {
  box-shadow: -0.3125rem /* 5/16 */ 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */ 0rem /* 0/16 */ #FF895B4D;
}
.branding-icon-4 i {
  mask: url('../images/img/branding-icon-4.svg') no-repeat center center;
}
.branding-icon-5 {
  background-color: #1DE2CF;
}
.branding-icon-5:hover {
  box-shadow: -0.3125rem /* 5/16 */ 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */ 0rem /* 0/16 */ #1DE2CF4D;
}
.branding-icon-5 i {
  mask: url('../images/img/branding-icon-5.svg') no-repeat center center;
}
.branding-icon-6 {
  background-color: #6001D3;
}
.branding-icon-6:hover {
  box-shadow: -0.3125rem /* 5/16 */ 0.9375rem /* 15/16 */ 1.875rem /* 30/16 */ 0rem /* 0/16 */ #6001D34D;
}
.branding-icon-6 i {
  mask: url('../images/img/branding-icon-6.svg') no-repeat center center;
}
@media only screen and (max-width: 768px /* 767/16 */) {
  .branding-info .branding-product .product-content .product-content-title {
    margin-top: 0;
  }
  .branding-info .branding-product .product-content .product-content-desc {
    margin-top: 1rem;
    font-size: 1rem /* 16/16 */;
  }
  .top-wrap {
    flex-direction: column;
    width: 50rem;
  }
  .top-wrap .service-item {
    justify-content: center;
  }
  .top-wrap .service-item .service-item-content {
    padding-top: 0;
    text-align: center;
    align-items: center;
  }
  .top-wrap .service-item .service-item-content .common-orange-title {
    margin-bottom: 1.5rem;
  }
  .top-wrap .service-item .service-item-content .service-item-content-desc {
    margin-bottom: 1.5rem;
    width: 50rem;
  }
  .top-wrap .service-item-img {
    margin-left: 0;
  }
  .fee-wrap {
    padding: 2.3125rem /* 37/16 */ 1.875rem /* 30/16 */;
    text-align: center;
  }
  .fee-wrap .common-info-title {
    width: auto;
  }
  .fee-wrap .fee-product-wrap {
    margin-top: 0;
  }
  .fee-wrap .fee-product-wrap .fee-product-item {
    width: 50rem /* 800/16 */;
    height: auto;
    margin: 3.125rem /* 50/16 */ 1.875rem /* 30/16 */ 0;
    flex-direction: column-reverse;
  }
  .fee-wrap .fee-product-wrap .fee-product-item .fee-title {
    margin-top: 0;
    font-size: 2rem /* 32/16 */;
  }
  .fee-wrap .fee-product-wrap .fee-product-item .fee-desc {
    margin-bottom: 1.875rem /* 30/16 */;
  }
  .last-wrap {
    margin-top: 5rem /* 80/16 */;
  }
  .last-wrap .common-info-desc {
    width: 50rem /* 800/16 */;
    margin-top: 1.25rem /* 20/16 */;
  }
  .last-wrap .last-container .last-item {
    width: 50rem /* 800/16 */;
    height: 22.5rem /* 360/16 */;
    margin-bottom: 1.5rem /* 24/16 */;
  }
  .last-wrap .last-container .last-item:nth-child(3n+2) {
    transform: translateY(0);
  }
  .last-wrap .last-container .last-item .item-icon i {
    mask-size: 100%;
  }
}