.service .main-ttl {
  text-align: center;
}
.service-cta {
  padding: 11.2rem 0;
  background: url("../images/bk.png") center/cover no-repeat fixed;
}
.service-cta-wrap {
  display: grid;
}
@media only screen and (max-width: 767px) {
  .service-cta-wrap {
    max-width: 67.5rem;
    margin: 0 auto;
  }
}
.service-cta span {
  color: #fff;
  background: unset;
  -webkit-text-fill-color: unset;
}
.service-cta h3 {
  color: #fff;
}
.service-cta p {
  color: #fff;
}
.service-cta .main-txt {
  text-align: center;
  color: #fff;
}
.service-cta-btn {
  margin: 3.2rem auto 0;
}
.service-cta .btn a {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
}
.service-feature {
  background: #FCFCFC;
  padding: 13.2rem 0;
}
.service-feature-wrap {
  max-width: 128rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, auto);
  gap: 8rem;
}
@media only screen and (max-width: 767px) {
  .service-feature-wrap {
    display: block;
    width: 67.5rem;
  }
}
.service-feature-bl {
  background: #fff;
  border-radius: 17px;
  padding: 4.5rem 0;
  box-shadow: 0 2px 11.8px 0 rgba(0, 0, 0, 0.08);
  border: 0px solid #fff;
}
@media only screen and (max-width: 767px) {
  .service-feature-bl {
    margin-bottom: 6rem;
  }
}
.service-feature-bl:hover, .service-feature-bl.is-active {
  border: 0.1rem solid var(--accent-color);
  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.12);
  transition: all 0.5s linear;
}
.service-feature-bl-dis {
  display: flex;
  gap: 5.8rem;
  justify-content: center;
}
.service-feature-bl-dis-numb {
  font-size: 2.8rem;
  color: #fff;
  background: var(--numb-color, #111);
  height: -moz-fit-content;
  height: fit-content;
  font-weight: 700;
  padding: 1.75rem;
  border-radius: 16px;
  box-shadow: 0 2px 8.2px 0 rgba(0, 0, 0, 0.1);
}
.service-feature-bl-dis-content {
  width: 40rem;
}
@media only screen and (max-width: 767px) {
  .service-feature-bl-dis-content {
    width: 46rem;
  }
}
.service-feature-bl-dis-content span {
  display: block;
  margin: 1.2rem 0;
  font-weight: 600;
  font-size: 1.8rem;
  color: var(--accent-color, #666);
}
@media only screen and (max-width: 767px) {
  .service-feature-bl-dis-content span {
    font-size: 2.4rem;
  }
}
.service-feature-bl-dis-content .main-txt {
  color: #5E5E5e;
  margin-bottom: 2.8rem;
}

.service-feature-wrap > .service-feature-bl:nth-child(1) {
  --numb-color: linear-gradient(143deg, #EA5859 21.43%, #D02C12 110.71%);
  --accent-color: #EA5859;
}

.service-feature-wrap > .service-feature-bl:nth-child(2) {
  --numb-color: linear-gradient(143deg, #FFC004 21.43%, #EA8B1E 110.71%);
  --accent-color: #FFB327;
}

.service-feature-wrap > .service-feature-bl:nth-child(3) {
  --numb-color: linear-gradient(143deg, #EA59B2 21.43%, #D32DE2 110.71%);
  --accent-color: #EA59B2;
}

.service-feature-wrap > .service-feature-bl:nth-child(4) {
  --numb-color: linear-gradient(143deg, #0490FF 21.43%, #2479BE 110.71%);
  --accent-color: #59B7EA;
}

.service-feature-wrap > .service-feature-bl:nth-child(5) {
  --numb-color: linear-gradient(143deg, #5E0CC8 21.43%, #4302B4 110.71%);
  --accent-color: #5E0CC8;
}

.service-feature-wrap > .service-feature-bl:nth-child(6) {
  --numb-color: linear-gradient(143deg, #DE723B 21.43%, #B74619 110.71%);
  --accent-color: #DE723B;
}

.service-feature-wrap > .service-feature-bl:nth-child(7) {
  --numb-color: linear-gradient(143deg, #06C755 21.43%, #00A128 110.71%);
  --accent-color: #06C755;
}

.service-feature-wrap > .service-feature-bl:nth-child(8) {
  --numb-color: linear-gradient(143deg, #10DAC9 21.43%, #17B9B1 110.71%);
  --accent-color: #10DAC9;
}/*# sourceMappingURL=service.css.map */