@keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
.service-list-secA {
  padding: 75px 0 110px;
}
@media only screen and (max-width: 520px) {
  .service-list-secA {
    padding: 3rem 0;
  }
}

@media only screen and (max-width: 520px) {
  .banner.service-detail-banner::before {
    background: rgba(0, 0, 0, 0.6);
  }
}
@media only screen and (max-width: 520px) {
  .banner.service-detail-banner .bg {
    height: 370px;
  }
}
.banner.service-detail-banner .content {
  max-width: 504px;
}
@media only screen and (max-width: 520px) {
  .banner.service-detail-banner .content {
    text-align: center;
  }
}
.banner.service-detail-banner .content h1 {
  padding-right: 4rem;
}
@media only screen and (max-width: 520px) {
  .banner.service-detail-banner .content h1 {
    font-size: 32px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 520px) {
  .banner.service-detail-banner .content p {
    font-size: 13px;
  }
}

.service-detail-secA {
  padding: 72px 0 40px;
}
@media only screen and (max-width: 675px) {
  .service-detail-secA {
    padding: 65px 0;
  }
}
@media only screen and (max-width: 520px) {
  .service-detail-secA {
    padding: 3rem 0 2rem;
  }
}
.service-detail-secA .flex .colA {
  flex: 0 1 64%;
  max-width: 64%;
  width: 100%;
}
@media only screen and (max-width: 991px) {
  .service-detail-secA .flex .colA {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%;
  }
}
.service-detail-secA .flex .colB {
  flex: 1;
  padding-left: 88px;
  position: sticky;
  height: 100%;
  top: calc(var(--header-h-fixed) + 20px);
}
@media only screen and (max-width: 1200px) {
  .service-detail-secA .flex .colB {
    padding-left: 45px;
  }
}
@media only screen and (max-width: 991px) {
  .service-detail-secA .flex .colB {
    flex: 0 1 100%;
    max-width: 100%;
    width: 100%;
    padding-left: 0;
    position: unset;
    margin-top: 4rem;
  }
}
.service-detail-secA .flex .colB .form-card {
  background: var(--primary);
  padding: 24px 20px 30px;
}
@media only screen and (max-width: 991px) {
  .service-detail-secA .flex .colB .form-card {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }
}
.service-detail-secA .flex .colB .form-card .form-wrap .form {
  --gaptb: 14px;
  --borderbefore: var(--black);
  --borderafter: var(--black);
  --labelbefore: var(--black);
  --labelafter: rgb(0 0 0 / .5);
}
.service-detail-secA .flex .colB .form-card .form-wrap .sbmt-grp .btn {
  --height: 57px;
  text-transform: uppercase;
  border: 1px solid var(--black);
}
@media only screen and (max-width: 1366px) {
  .service-detail-secA .flex .colB .form-card .form-wrap .sbmt-grp .btn {
    --height: 44px;
  }
}

.service-detail-secB {
  padding: 5rem 0 6rem;
}
@media only screen and (max-width: 520px) {
  .service-detail-secB {
    padding: 3rem 0;
  }
}
.service-detail-secB .heading {
  margin-bottom: 4rem;
}
@media only screen and (max-width: 520px) {
  .service-detail-secB .heading {
    margin-bottom: 2.5rem;
  }
}/*# sourceMappingURL=service.css.map */