/* WebPro QA layout: single final override for hero, form and subpage overflow. */
.wpro-hero-benefits {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:560px;
  margin-top:19px;
  align-items:start;
  gap:0;
}
.wpro-hero-benefits > div {min-width:0;padding:0 12px;border-right:1px solid #c9cbd1}
.wpro-hero-benefits > div:first-child {padding-left:0}
.wpro-hero-benefits > div:last-child {padding-right:0;border-right:0}
.wpro-hero-benefits strong {
  display:block;
  font-size:clamp(13px,1.25vw,17px)!important;
  font-weight:850;
  letter-spacing:-.035em;
  line-height:1.25;
  white-space:nowrap;
}
.wpro-hero-benefits small {
  display:block;
  margin-top:5px;
  font-size:10px;
  line-height:1.45;
  color:#586271;
}
.wpro-services .wpro-center-heading {max-width:1020px}
.wpro-services .wpro-center-heading h2 {
  font-size:clamp(27px,2.55vw,34px)!important;
  letter-spacing:-.037em;
  line-height:1.2;
}
.wpro-why-text h2 {font-size:clamp(26px,2.5vw,32px)!important;line-height:1.2}
.wpro-why-photo {background:#f2eee8;border-radius:10px}
.wpro-why-photo img {object-position:center 18%}
/* Fix right-edge decorative pseudo-element causing 160px horizontal scroll on /du-an/. */
.agency-portfolio-section {overflow:hidden}
/* Compact homepage lead form; full form on /lien-he/ is unchanged. */
.wpro-contact-form .tsam-lead-form-compact .tsam-form-row + .tsam-form-row {display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.wpro-contact-form .tsam-lead-form-compact .tsam-privacy-note {display:none}
.wpro-contact-form .tsam-lead-form-compact .tsam-form-row {gap:9px}
.wpro-contact-form .tsam-lead-form-compact {gap:8px}
.wpro-contact-form .tsam-lead-form-compact .tsam-consent {font-size:10px;line-height:1.4;gap:7px}
.wpro-contact-form .tsam-lead-form-compact .tsam-consent input {width:16px;height:16px;flex-basis:16px}
.wpro-contact-form .tsam-lead-form-compact .button {font-size:12.5px;min-height:41px}
.wpro-contact-form .tsam-lead-form-compact textarea {min-height:72px;resize:vertical}
.wpro-contact-form .tsam-lead-form-compact input:not([type=checkbox]) {min-width:0}
.wpro-contact-form .tsam-lead-form-compact .tsam-honey {position:absolute!important;left:-10000px!important}
@media(min-width:921px) and (max-width:1120px) {
  .wpro-hero-benefits strong {font-size:14px!important}
  .wpro-hero-benefits > div {padding:0 8px}
}
@media(min-width:721px) and (max-width:920px) {
  .wpro-hero-benefits {
    display:flex;
    flex-direction:column;
    max-width:100%;
    gap:5px;
    margin-top:16px;
  }
  .wpro-hero-benefits > div {
    border:0;
    padding:0;
    width:100%;
    display:flex;
    align-items:baseline;
    gap:9px;
  }
  .wpro-hero-benefits strong {font-size:14px!important;flex:0 0 auto}
  .wpro-hero-benefits small {font-size:10px;margin:0}
}
@media(max-width:720px) {
  .wpro-hero-benefits {margin-top:18px}
  .wpro-hero-benefits > div {padding:0 7px}
  .wpro-hero-benefits > div:first-child {padding-left:0}
  .wpro-hero-benefits > div:last-child {padding-right:0}
  .wpro-hero-benefits strong {font-size:clamp(12px,3.1vw,15px)!important}
  .wpro-hero-benefits small {font-size:9px;line-height:1.4}
  .wpro-contact-form .tsam-lead-form-compact .tsam-form-row {grid-template-columns:1fr}
}
@media(max-width:390px){
  .wpro-hero-benefits > div {padding:0 5px}
  .wpro-hero-benefits strong {font-size:12px!important;letter-spacing:-.05em}
}