@keyframes shine {
  from {
    opacity: 0;
    left: 0%;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
.service-listing-secA {
  padding: 75px 0 85px;
}
@media only screen and (max-width: 520px) {
  .service-listing-secA {
    padding: 3rem 0;
  }
}
.service-listing-secA .content {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.service-listing-secA .content .ico {
  line-height: 0;
  margin-bottom: 60px;
  width: 95px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 991px) {
  .service-listing-secA .content .ico {
    margin-bottom: 40px;
  }
}
.service-listing-secA .content .desc p {
  letter-spacing: 0.05em;
}

.service-listing-secB .home-service-wrap {
  padding-left: 3rem;
}
@media only screen and (max-width: 1300px) {
  .service-listing-secB .home-service-wrap {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .service-listing-secB .home-service-wrap {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 345px) {
  .service-listing-secB .home-service-wrap {
    padding-left: 13px;
  }
}
@media only screen and (max-width: 320px) {
  .service-listing-secB .home-service-wrap {
    padding-left: 10px;
  }
}
.service-listing-secB .slider-nav {
  justify-content: center;
  margin: 85px 0 80px;
}
@media only screen and (max-width: 991px) {
  .service-listing-secB .slider-nav {
    margin: 65px 0 60px;
  }
}

.banner.service-detail-banner::after, .banner.service-listing-banner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
}
.banner.service-detail-banner::before, .banner.service-listing-banner::before {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%);
  bottom: auto;
  height: 50%;
}
.banner.service-detail-banner::after, .banner.service-listing-banner::after {
  top: auto;
  height: 50%;
}
@media only screen and (max-width: 675px) {
  .banner.service-detail-banner::after, .banner.service-listing-banner::after {
    height: 70%;
  }
}
@media only screen and (max-width: 675px) {
  .banner.service-detail-banner .content {
    text-align: center;
  }
}
@media only screen and (max-width: 675px) {
  .banner.service-detail-banner .content h1 {
    font-size: 48px;
  }
}
.banner.service-detail-banner .content p {
  max-width: 466px;
  margin-top: 12px;
}
.banner.blog-detail-banner::before {
  background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%), linear-gradient(270deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
}
@media only screen and (max-width: 675px) {
  .banner.blog-detail-banner .bg {
    height: 500px;
  }
}
.banner.blog-detail-banner .banner-wrapper .content {
  max-width: 702px;
}
.banner.blog-detail-banner .banner-wrapper .content .date {
  font-size: 14px;
  color: var(--white);
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.banner.blog-detail-banner .banner-wrapper .content h1 {
  line-height: 1;
  font-size: 48px;
  max-width: 529px;
}
@media only screen and (max-width: 1152px) {
  .banner.blog-detail-banner .banner-wrapper .content h1 {
    font-size: 38px;
  }
}
@media only screen and (max-width: 991px) {
  .banner.blog-detail-banner .banner-wrapper .content h1 {
    font-size: 30px;
    max-width: 400px;
  }
}
.banner.blog-detail-banner .banner-wrapper .content p {
  margin-top: 12px;
  max-width: 530px;
}
.banner.blog-detail-banner .banner-wrapper .share_btn {
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  position: relative;
  margin-top: 8rem;
}
@media only screen and (max-width: 1366px) {
  .banner.blog-detail-banner .banner-wrapper .share_btn {
    margin-top: 4rem;
  }
}
@media only screen and (max-width: 1152px) {
  .banner.blog-detail-banner .banner-wrapper .share_btn {
    margin-top: 1rem;
  }
}
@media only screen and (max-width: 675px) {
  .banner.blog-detail-banner .banner-wrapper .share_btn {
    margin-left: 0;
    margin-right: auto;
    margin-top: 2rem;
  }
}
.banner.blog-detail-banner .banner-wrapper .share_btn .share-btn-ico:hover path {
  stroke: var(--primary);
}
@media only screen and (max-width: 675px) {
  .banner.blog-detail-banner .banner-wrapper .share_btn .share-btn-ico:hover path {
    stroke: var(--white);
  }
}
.banner.blog-detail-banner .banner-wrapper .share_btn .side_ico-m {
  position: absolute;
  bottom: 100%;
  margin-bottom: 15px;
  left: 50%;
  translate: -50% 0;
  display: flex;
  gap: 15px;
  flex-direction: column;
  border-radius: 5px;
  opacity: 0;
  transform: scale(0.75) translateY(21px);
  transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
  transform-origin: bottom;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
@media only screen and (max-width: 675px) {
  .banner.blog-detail-banner .banner-wrapper .share_btn .side_ico-m {
    bottom: auto;
    top: 50%;
    transform-origin: top;
    left: calc(100% + 12px);
    translate: 0 -50%;
    flex-direction: row;
    transform: scale(0.75) translateY(0) translateX(21px);
    gap: 30px;
  }
}
.banner.blog-detail-banner .banner-wrapper .share_btn .side_ico-m.open {
  opacity: 1;
  transform: scale(1) translateY(0);
  pointer-events: all;
  -webkit-user-select: auto;
     -moz-user-select: auto;
          user-select: auto;
}
@media only screen and (max-width: 675px) {
  .banner.blog-detail-banner .banner-wrapper .share_btn .side_ico-m.open {
    transform: scale(0.75) translateY(0) translateX(0);
  }
}
.banner.blog-detail-banner .banner-wrapper .share_btn .side_ico-m li svg {
  fill: var(--white);
  width: 25px;
}
@media only screen and (max-width: 675px) {
  .banner.blog-detail-banner .banner-wrapper .share_btn .side_ico-m li svg {
    width: 30px;
  }
}
.banner.blog-detail-banner .banner-wrapper .share_btn .side_ico-m li svg:hover {
  fill: var(--primary);
}

.service-detail-secA {
  padding: 72px 0 40px;
}
@media only screen and (max-width: 675px) {
  .service-detail-secA {
    padding: 3rem 0;
  }
}
.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(--headerfixed) + 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;
  }
}
@media only screen and (max-width: 520px) {
  .service-detail-secA .flex .colB {
    margin-top: 3rem;
  }
}
.service-detail-secA .flex .colB .form-card {
  background: #FDDEA0;
  padding: 20px 25px 22px;
}
@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 .heading {
  margin-bottom: 22px;
}
.service-detail-secA .flex .colB .form-card .heading h3 {
  letter-spacing: 0px;
}
.service-detail-secA .flex .colB .form-card .heading p {
  margin-top: 12px;
  line-height: 20px;
  max-width: 220px;
  margin-left: auto;
  margin-right: auto;
}
.service-detail-secA .flex .colB .form-card .form-wrap p {
  color: var(--text);
  margin-bottom: 20px;
}
.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: 48px;
  text-transform: uppercase;
  background: var(--white);
  border: none;
}
@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: 75px 0;
}
@media only screen and (max-width: 675px) {
  .service-detail-secB {
    padding: 0 0 65px;
  }
}
.service-detail-secB .home-service-wrap {
  padding-left: 4rem;
}
@media only screen and (max-width: 1300px) {
  .service-detail-secB .home-service-wrap {
    padding-left: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .service-detail-secB .home-service-wrap {
    padding-left: 15px;
  }
}
@media only screen and (max-width: 345px) {
  .service-detail-secB .home-service-wrap {
    padding-left: 13px;
  }
}
@media only screen and (max-width: 320px) {
  .service-detail-secB .home-service-wrap {
    padding-left: 10px;
  }
}
@media only screen and (min-width: 991px) {
  .service-detail-secB .swiper .swiper-wrapper {
    justify-content: center;
  }
}
.service-detail-secB .swiper .swiper-wrapper:has(.swiper-slide:nth-child(4)) {
  justify-content: initial;
}/*# sourceMappingURL=service.css.map */