/* ISS BUILD109.2.76 — page-local restore for the approved Service landing layout.
   Intentionally scoped to .iss-service-landing-restore so Service category/detail
   and other ISS modules keep their current 109.x presentation contracts. */
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-support-section{
  background:transparent;
}
body.iss-theme main.iss-service-landing-restore{
  background:#f7f8fa!important;
}
/* Each Service landing section is a distinct white panel on the page surface. */
body.iss-theme .iss-service-landing-restore > .iss-service-v2__section{
  background:transparent!important;
  border:0!important;
  padding:24px 0!important;
}
body.iss-theme .iss-service-landing-restore > .iss-service-v2__section > .iss-container{
  background:#fff!important;
  border:0!important;
  border-radius:0!important;
  padding:24px!important;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-support-section .iss-service-v2__section-title{
  text-transform:uppercase;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__services-carousel .iss-service-v2__hscroll-track{
  align-items:stretch;
  gap:16px;
}
/* The horizontal scroller clips card shadows at its edges. Add matching
   breathing room and offset the track so the cards stay in the same position. */
body.iss-theme .iss-service-landing-restore .iss-service-v2__hscroll-track{
  margin:-20px -18px -16px;
  padding:22px 20px 24px;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__services-carousel .iss-service-v2__hscroll-item{
  width:calc((100% - 32px)/3);
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card{
  height:auto;
  min-height:360px;
  align-self:stretch;
  border:1px solid var(--iss-theme-border,#c0c1c3);
  border-radius:var(--iss-content-panel-radius,16px);
  background:color-mix(in srgb,var(--iss-section-bg,#f7f8fa) 72%,#fff);
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-title{
  min-height:88px;
  padding:16px 18px;
  border-radius:0;
  background:var(--iss-secondary,#173f7a);
  color:#fff;
  font-size:18px;
  font-weight:700;
  text-transform:uppercase;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-title a{
  color:#fff!important;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-content{
  min-height:270px;
  padding:28px 30px 20px;
  background:transparent;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-list{
  margin:0;
  padding-left:20px;
  color:var(--iss-text,#111827);
  font-size:16px;
  line-height:1.48;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-list li{
  color:var(--iss-text,#111827);
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-list li+li{
  margin-top:8px;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-support{
  min-height:44px;
  margin-top:auto!important;
  padding:9px 16px;
  border-radius:0;
  font-size:15px;
  font-weight:700;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-support{
  background:var(--iss-service-card-support-background,var(--iss-button-bg,#173f7a))!important;
  border-color:var(--iss-service-card-support-border,var(--iss-button-bg,#173f7a))!important;
  color:var(--iss-service-card-support-color,var(--iss-button-text,#fff))!important;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-support:hover,
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-support:focus-visible{
  background:var(--iss-service-card-support-hover-background,var(--iss-button-hover,#0d315f))!important;
  border-color:var(--iss-service-card-support-hover-background,var(--iss-button-hover,#0d315f))!important;
  color:var(--iss-service-card-support-hover-color,var(--iss-button-hover-text,#fff))!important;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__section--soft{
  background:transparent!important;
  border-top:0!important;
  border-bottom:0!important;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__process-grid{
  grid-template-columns:repeat(var(--iss-process-cols,5),minmax(0,1fr));
  gap:16px;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__process-step{
  min-height:145px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:20px 14px;
  border:1px solid var(--iss-theme-border,#c0c1c3);
  border-radius:var(--iss-content-panel-radius,16px);
  background:var(--iss-page-bg,#fff);
  text-align:center;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__process-number{
  width:48px;
  height:48px;
  margin:0 auto 18px;
  background:var(--iss-secondary,#173f7a);
  color:#fff;
  font-size:18px;
  font-weight:700;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__process-step p{
  margin:0!important;
  color:var(--iss-text,#111827)!important;
  font-size:16px;
  line-height:1.35;
  font-weight:700;
}
/* Service group labels have no underline or full-width rule beneath them. */
body.iss-theme .iss-service-landing-restore .iss-service-v2__group-head h3::after{
  display:none!important;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__group-head{
  border-bottom:0!important;
}
/* Keep the article carousel inset from both section edges like the approved layout. */
body.iss-theme .iss-service-landing-restore .iss-service-v2__article-carousel .iss-service-v2__hscroll-track{
  /* Keep the visible end of the scroller aligned with the section's right edge.
     The shared shadow gutter's negative inline margin otherwise exposes a
     partial card beyond that edge on the final scroll position. */
  margin-inline-end:0!important;
  padding-right:54px!important;
  padding-left:54px!important;
  scroll-padding-right:18px!important;
  scroll-padding-left:18px!important;
}
/* Four desktop cards must fill the visible track after its 18px snap inset;
   percentages otherwise resolve against the narrower padded content box and
   leave enough spare room to reveal part of a fifth card. */
body.iss-theme .iss-service-landing-restore .iss-service-v2__article-carousel .iss-service-v2__hscroll-item{
  width:calc((100% + 90px - 42px)/4)!important;
}
/* Paint the article shadows after scroll clipping. The fourth card reaches
   the viewport edge, so child box shadows otherwise end in a hard vertical cut.
   Keep the existing card widths, snap positions and four-card viewport. */
body.iss-theme:is(.iss-shadow-style--none,.iss-shadow-style--soft,.iss-shadow-style--strong) .iss-service-landing-restore .iss-service-v2__article-carousel .iss-service-v2__card{
  box-shadow:none!important;
}
body.iss-theme.iss-shadow-style--soft .iss-service-landing-restore .iss-service-v2__article-carousel{
  filter:drop-shadow(0 6px 10px rgba(15,23,42,.08));
}
body.iss-theme.iss-shadow-style--strong .iss-service-landing-restore .iss-service-v2__article-carousel{
  filter:drop-shadow(0 18px 25px rgba(15,23,42,.18));
}
/* Match the Home .brand-more button dimensions while keeping Service colors
   independently configurable. */
body.iss-theme .iss-service-landing-restore .iss-service-v2__group-more{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px;
  min-height:36px;
  padding:8px 14px!important;
  border:0!important;
  border-radius:4px!important;
  border-color:var(--iss-service-card-more-border,transparent)!important;
  background:var(--iss-service-card-more-background,var(--iss-blue,#0b6fbe))!important;
  color:var(--iss-service-card-more-color,#fff)!important;
  box-sizing:border-box;
  font-family:Inter,Arial,sans-serif;
  font-size:13px;
  font-weight:700;
  line-height:1;
  text-decoration:none!important;
  white-space:nowrap;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__group-more:hover,
body.iss-theme .iss-service-landing-restore .iss-service-v2__group-more:focus-visible{
  background:var(--iss-service-card-more-hover-background,var(--iss-button-hover,var(--iss-blue,#0b6fbe)))!important;
  color:var(--iss-service-card-more-hover-color,#fff)!important;
}
@media(max-width:980px){
  body.iss-theme .iss-service-landing-restore .iss-service-v2__services-carousel .iss-service-v2__hscroll-item{width:calc((100% - 14px)/2)}
  body.iss-theme .iss-service-landing-restore .iss-service-v2__article-carousel .iss-service-v2__hscroll-item{width:calc((100% + 90px - 14px)/2)!important}
  body.iss-theme .iss-service-landing-restore .iss-service-v2__process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  body.iss-theme .iss-service-landing-restore .iss-service-v2__article-carousel .iss-service-v2__hscroll-item{width:86%!important;min-width:0}
  body.iss-theme .iss-service-landing-restore .iss-service-v2__article-carousel .iss-service-v2__hscroll-track{
    padding-right:34px!important;
    padding-left:34px!important;
    scroll-padding-right:18px!important;
    scroll-padding-left:18px!important;
  }
  body.iss-theme .iss-service-landing-restore > .iss-service-v2__section{padding:18px 0!important}
  body.iss-theme .iss-service-landing-restore > .iss-service-v2__section > .iss-container{padding:16px!important}
  body.iss-theme .iss-service-landing-restore .iss-service-v2__services-carousel .iss-service-v2__hscroll-item{width:86%;min-width:0}
  body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-content{min-height:240px;padding:22px 20px 18px}
  body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-list{font-size:15px}
  body.iss-theme .iss-service-landing-restore .iss-service-v2__process-grid{grid-template-columns:1fr}
  body.iss-theme .iss-service-landing-restore .iss-service-v2__process-step{min-height:130px}
}
/* BUILD109.2.86: Service L1 card body prefers Admin category Nội dung. */
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-admin-content{
  margin:0;
  color:var(--iss-text,#111827);
  font-size:16px;
  line-height:1.48;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-admin-content p{
  margin:0 0 8px;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-admin-content ul,
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-admin-content ol{
  margin:0;
  padding-left:20px;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-admin-content li+li{
  margin-top:8px;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-admin-content img{
  max-width:100%;
  height:auto;
}
@media(max-width:640px){
  body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-admin-content{font-size:15px}
}


/* BUILD109.2.87 — Service landing body text follows Admin > Theme > Colors > Body text. */
body.iss-theme .iss-service-v2.iss-service-landing-restore p{
  color:var(--iss-text,#000000);
}

/* BUILD109.2.738 — Service support CTA matches the Home support-card footer. */
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-content{
  padding-bottom:0!important;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-support{
  align-self:stretch!important;
  box-sizing:border-box!important;
  width:calc(100% + 60px)!important;
  min-height:48px!important;
  margin:auto -30px 0!important;
  padding:12px 14px!important;
  border:0!important;
  border-radius:0 0 7px 7px!important;
  background:var(--iss-service-card-support-background,var(--iss-button-bg,var(--iss-blue,#173f7a)))!important;
  border-color:var(--iss-service-card-support-border,var(--iss-button-bg,var(--iss-blue,#173f7a)))!important;
  color:var(--iss-service-card-support-color,var(--iss-button-text,#fff))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
}
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-support:hover,
body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-support:focus-visible{
  background:var(--iss-service-card-support-hover-background,var(--iss-button-hover,var(--iss-blue,#173f7a)))!important;
  border-color:var(--iss-service-card-support-border,var(--iss-button-hover,var(--iss-blue,#173f7a)))!important;
  color:var(--iss-service-card-support-hover-color,var(--iss-button-hover-text,var(--iss-button-text,#fff)))!important;
}
@media(max-width:640px){
  body.iss-theme .iss-service-landing-restore .iss-service-v2__service-card-support{
    width:calc(100% + 40px)!important;
    margin-left:-20px!important;
    margin-right:-20px!important;
  }
}