[data-name="project-counting"] .counting {
  min-width: unset;
  width: 100%;
}

@media screen and (min-width: 576px) {
  [data-name="project-counting"] .counting {
    min-width: 175px;
    width: auto;
  }
}

/* News Begin */
[data-name="news"] .brief {
  min-height: 84px;
}

@media screen and (min-width: 1200px) {
  [data-name="news"] .brief {
    min-height: 114px;
  }
}

/* News End */

/* Service Share Begin */
[data-name=share-service-contact-us] {
  background: url(https://webbackend.mqdc.com/assets/3e225667-d5f0-4838-92e1-5ee36670e64e) no-repeat center / cover;
  aspect-ratio: 1/1;
}

@media screen and (min-width: 768px) {
  [data-name=share-service-contact-us] {
    background-image: url(https://webbackend.mqdc.com/assets/0e5e5f2e-fb55-42a9-8514-c344f4758ede);
    aspect-ratio: 4/1;
  }
}

/* Service Share End */

/* Service Icon Group Begin */
.sp-service {
  width: 7em;
  height: 7em;
  background: rgba(0, 74, 151, .1) url(https://webbackend.mqdc.com/assets/7c85b0b2-0b47-4a6a-918e-26804812e4f2) no-repeat 0 0 / 806% auto;
  border-radius: 2em;
  display: inline-block;
}

.sp-service.no-bg {
  background-color: transparent;
  background-size: 1250% auto;
  border-radius: 0;
}

.icon-camp {
  background-position: 0 0;
}

.icon-jigsaw {
  background-position: 16.667% 0;
}

.icon-group-hug {
  background-position: 33.333% 0;
}

.icon-hand {
  background-position: 100% 66.667%;
}

.icon-hand.no-bg {
  background-position: 96.83% 64.516%;
  width: 3.8em;
  height: 3.8em;
}

.icon-walking {
  background-position: 0 33.333%;
}

.icon-planting {
  background-position: 16.667% 33.333%;
}

.icon-reflect {
  background-position: 33.333% 33.333%;
}

.icon-tree {
  background-position: 50% 33.333%;
}

.icon-cool {
  background-position: 66.667% 33.333%;
}

.icon-insulate {
  background-position: 83.333% 33.333%;
}

.icon-pease {
  background-position: 100% 33.333%;
}

.icon-wind {
  background-position: 0 66.667%;
}

.icon-drop {
  background-position: 16.667% 66.667%;
}

.icon-food {
  background-position: 33.333% 66.667%;
}

.icon-sun {
  background-position: 50% 66.667%;
}

.icon-ballet {
  background-position: 50% 0;
}

.icon-leaf {
  background-position: 83.333% 66.667%;
}

.icon-music {
  background-position: 66.667% 0;
}

.icon-partition {
  background-position: 83.333% 0;
}

.icon-heart-people {
  background-position: 100% 0;
}

.icon-air-circle {
  background-position: 33.333% 100%;
}

.icon-air-circle.no-bg {
  background-position: 34.244% 94.64%;
  width: 5em;
  height: 4.8em;
}

.icon-house-tree {
  background-position: 50% 100%;
}

.icon-house-tree.no-bg {
  background-position: 50% 94.64%;
  width: 5em;
  height: 4.6em;
}

.icon-man-circle {
  background-position: 66.667% 100%;
}

.icon-man-circle.no-bg {
  background-position: 65.507% 94.64%;
  width: 6em;
  height: 6em;
}

.icon-dumbbell {
  background-position: 66.667% 66.618%;
}

.icon-meditate {
  background-position: 0 100%;
}

.icon-layer {
  background-position: 16.642% 100%;
}

/* Service Icon Group End */

/* Service Thumb Swiper Begin */

.swiper-thumb-list {
  --swiper-pagination-color: #004A97;
  --swiper-pagination-progressbar-size: 2px;
  --swiper-navigation-color: #003764;
  --swiper-navigation-size: 40px
}

.swiper-thumb-list .thumb .swiper-slide::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 74, 151, .1);
  z-index: -1;
  border-radius: 2em;
  transition: .3s;
}

.swiper-thumb-list .thumb .swiper-slide:not(.swiper-slide-thumb-active):hover::after {
  background-color: rgba(0, 74, 151, .25);
}

.swiper-thumb-list .thumb .swiper-slide-thumb-active::after {
  background-color: rgba(0, 74, 151, 1);
}

.swiper-thumb-list .swiper-slide-thumb-active .sp-service {
  background-color: transparent;
  filter: grayscale(1) invert(1) brightness(2);
}

.swiper-thumb-list .swiper-pagination-progressbar-fill {
  border-radius: 1.25em;
  height: .525em;
  margin-top: -.17em;
}

.swiper-thumb-list .swiper-control [role^=button] {
  transition: .3s;
}

.swiper-thumb-list .swiper-control [role^=button]:hover {
  background-color: #004A97;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .swiper-thumb-list .swiper-control {
    margin-top: -3em;
  }
}

/* Service Thumb Swiper End */

/* Risc library Begin */
[data-name=risc-library] {
  background: url(https://webbackend.mqdc.com/assets/601cc3c3-0b16-4908-ad4a-5fd32fd75166) no-repeat center / cover;
  aspect-ratio: 1/1;
  position: relative;
}

[data-name=risc-library] .row:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  background-color: rgba(0, 55, 100, .8);
}

@media screen and (min-width: 768px) {
  [data-name=risc-library] {
    background-image: url(https://webbackend.mqdc.com/assets/a9eb5ca9-9189-4064-bf2b-97090d5401fb);
    aspect-ratio: auto;
  }

  [data-name=risc-library] .row:before {
    right: 50%;
  }
}

@media screen and (min-width: 992px) {

  [data-name=risc-library] {
    aspect-ratio: 4/1;
  }
}

/* Service Share End */