/* Icon, hiệu ứng cuộn, dải hãng xe trôi ngang */
.ath-icon{display:block;width:28px;height:28px}
.ath-card__icon,.ath-commitments__icon,.ath-strip__icon,.ath-step__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--ath-orange);transition:transform .3s}
.ath-card__icon{width:48px;height:48px;border-radius:12px;background:var(--ath-gray);margin:4px 0 10px}
.ath-card:hover .ath-card__icon{transform:rotate(-8deg) scale(1.08);background:#FFE9DC}
.ath-card img{display:block}
.ath-commitments__icon{position:absolute;left:14px;top:14px;width:30px;height:30px}
.ath-commitments li::before{content:none}
.ath-commitments li{padding-left:56px}
.ath-commitments li:hover .ath-commitments__icon{transform:scale(1.15)}
.ath-strip__list li{display:flex;flex-direction:column;align-items:center}
.ath-strip__icon{margin-bottom:4px}
.ath-step{padding-left:16px;padding-top:62px}
.ath-step::before{top:14px}
.ath-step__icon{position:absolute;right:14px;top:12px;color:var(--ath-orange)}
.ath-service__icon{display:inline-flex;vertical-align:middle;margin-right:12px;color:var(--ath-orange);width:44px;height:44px;border-radius:12px;background:var(--ath-gray);align-items:center;justify-content:center}
.ath-service__icon .ath-icon{width:28px;height:28px}

/* Dải hãng xe trôi ngang */
.ath-marquee-wrap{padding:0}
.ath-marquee{overflow:hidden;background:var(--ath-gray);border-top:1px solid #E3E8F0;border-bottom:1px solid #E3E8F0;padding:14px 0;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ath-marquee__track{display:flex;width:max-content;animation:ath-marquee 40s linear infinite}
.ath-marquee:hover .ath-marquee__track{animation-play-state:paused}
.ath-marquee ul{display:flex;list-style:none;margin:0;padding:0}
.ath-marquee li{white-space:nowrap;padding:0 22px;font-weight:700;color:var(--ath-navy);position:relative}
.ath-marquee li::after{content:"•";position:absolute;right:-4px;color:var(--ath-orange)}
@keyframes ath-marquee{to{transform:translateX(-50%)}}

/* Hiệu ứng hiện dần khi cuộn: chỉ áp dụng cho khối nằm dưới màn hình đầu tiên và khi có JS */
html.ath-js .ath-reveal{opacity:0;transform:translateY(28px)}
html.ath-js .ath-reveal.is-in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s ease;transition-delay:calc(var(--i,0) * 70ms)}

@media (prefers-reduced-motion:reduce){
  html.ath-js .ath-reveal{opacity:1!important;transform:none!important;transition:none!important}
  .ath-marquee__track{animation:none}
  .ath-card:hover .ath-card__icon,.ath-commitments li:hover .ath-commitments__icon{transform:none}
}