/* Home page sections. Breakpoints match the live site: 1400, 1200, 1024, 767. */
.amx-home-section { padding-block: var(--amx-section-y); background: var(--amx-bg-soft); }
.amx-label { margin: 0 0 20px; color: var(--amx-ink); font-size: 18px; line-height: 22px; font-weight: 500; letter-spacing: -1px; }
.amx-heading { margin: 0 0 24px; color: var(--amx-ink); font-size: var(--amx-heading); line-height: var(--amx-heading-lh); font-weight: 500; letter-spacing: var(--amx-heading-ls); }
.amx-text { margin: 0 0 20px; color: #000; font-size: var(--amx-text); line-height: var(--amx-text-lh); font-weight: 500; }
.amx-text p { margin: 0 0 16px; }
.amx-text p:last-child { margin-bottom: 0; }
.amx-text a { color: var(--amx-link); text-decoration: none; }
.amx-text a:hover { text-decoration: underline; }
.amx-accent-blue { color: var(--amx-blue); }
.amx-accent-red { color: var(--amx-red); }
.amx-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 3fr); gap: 20px 35px; }
.amx-section-head { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin-bottom: 40px; }
.amx-section-head .amx-heading { margin-bottom: 0; }
.amx-section-head .amx-text { margin-bottom: 24px; }

/* Who we are */
.amx-about__cols { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 40px; margin-bottom: 40px; }
.amx-about__cols .amx-text { margin: 0; }
.amx-about__btn-mobile { display: none; }
.amx-stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
.amx-stat { display: flex; flex-direction: column; padding: 20px 12px 40px; background: var(--amx-tile); border-radius: var(--amx-radius-lg); }
.amx-stat__number { margin: 0 0 20px; color: var(--amx-ink); font-size: 70px; line-height: 70px; font-weight: 500; letter-spacing: -2px; }
.amx-stat__icon { align-self: center; width: 100px; height: 100px; margin-block: 40px 60px; object-fit: contain; }
.amx-stat__label { margin: 0; color: var(--amx-ink); font-size: 28px; line-height: 38px; font-weight: 500; letter-spacing: -1px; }

/* Moving strip */
.amx-marquee { padding-block: 40px; overflow: hidden; background: var(--amx-navy); }
.amx-marquee__track { display: flex; width: max-content; animation: amx-marquee 50s linear infinite; }
.amx-marquee:hover .amx-marquee__track { animation-play-state: paused; }
.amx-marquee__list { display: flex; flex: none; margin: 0; padding: 0; list-style: none; }
.amx-marquee__list li { display: flex; align-items: center; color: #fff; font-size: 34px; line-height: 42px; font-weight: 500; white-space: nowrap; }
.amx-marquee__list li::after { content: ""; flex: none; width: 13px; height: 13px; margin-inline: 28px 32px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); }
@keyframes amx-marquee { to { transform: translateX(-50%); } }

/* Services */
.amx-service-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.amx-service-card { position: relative; display: block; aspect-ratio: 1 / 1; overflow: hidden; color: #fff; text-decoration: none; border-radius: var(--amx-radius-lg); }
.amx-service-card__image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.amx-service-card:hover .amx-service-card__image { transform: scale(1.05); }
.amx-service-card::after { content: ""; position: absolute; inset: 40% 0 0; background: linear-gradient(to top, rgba(0, 0, 0, .75), transparent); }
.amx-service-card__body { position: absolute; left: 20px; right: 60px; bottom: 30px; z-index: 1; display: block; }
.amx-service-card__title { display: block; margin-bottom: 12px; font-size: var(--amx-title); line-height: var(--amx-title-lh); font-weight: 500; }
.amx-service-card__text { display: block; font-size: var(--amx-text); line-height: var(--amx-text-lh); font-weight: 500; }

/* Why choose us */
.amx-why { background: #e4f3ff url("../../../../../uploads/2025/07/skyblue_bg.jpg") center / cover no-repeat; }
.amx-why__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.amx-why__card { display: flex; flex-direction: column; gap: 28px; padding: 30px 50px 28px 30px; background: var(--amx-tile-soft); border-radius: var(--amx-radius-lg); }
.amx-why__icon { width: 70px; height: 70px; object-fit: contain; }
.amx-why__title { margin: 0; color: var(--amx-ink); font-size: 24px; line-height: 34px; font-weight: 500; }

/* Network */
.amx-network { padding-block: 40px; color: #fff; background: var(--amx-navy); }
.amx-network__grid { display: grid; grid-template-columns: minmax(0, 38%) minmax(0, 1fr); align-items: center; gap: 20px; }
.amx-network .amx-label, .amx-network .amx-heading, .amx-network .amx-text { color: #fff; }
.amx-network__map img { display: block; width: 100%; height: auto; }

/* Industries */
.amx-tabs { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 24px; }
.amx-tab { padding: 5px 20px; color: var(--amx-ink); font: inherit; font-size: 16px; line-height: 32px; background: var(--amx-tile); border: 0; border-radius: 12px; cursor: pointer; transition: background-color .2s ease, color .2s ease; }
.amx-tab:hover { background: #c3e3fd; }
.amx-tab[aria-selected="true"] { color: #fff; background: var(--amx-blue); }
.amx-tabpanel { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: center; gap: 20px; padding: 10px 10px 10px 20px; background: var(--amx-tile); border-radius: var(--amx-radius-lg); }
.amx-tabpanel[hidden] { display: none; }
.amx-tabpanel__body { padding: 20px; }
.amx-tabpanel__title { margin: 0 0 16px; color: var(--amx-ink); font-size: var(--amx-title); line-height: var(--amx-title-lh); font-weight: 500; }
.amx-tabpanel__media img { display: block; width: 100%; height: 518px; object-fit: cover; border-radius: 25px; }

/* Testimonials */
.amx-reviews { background: #e4f3ff url("../../../../../uploads/2025/07/skyblue_bg.jpg") center / cover no-repeat; }
.amx-reviews__widget { min-height: 200px; }

/* Blogs */
.amx-blog-track { display: flex; gap: 25px; padding-inline: 5%; overflow-x: auto; scroll-snap-type: x proximity; scroll-padding-inline: 5%; scrollbar-width: none; }
.amx-blog-track::-webkit-scrollbar { display: none; }
.amx-blog-card { flex: 0 0 calc((90vw - 75px) / 3.3); min-width: 0; scroll-snap-align: start; }
.amx-blog-card__media { display: block; margin-bottom: 28px; }
.amx-blog-card__media img { display: block; width: 100%; height: auto; aspect-ratio: 413 / 216; object-fit: cover; border-radius: var(--amx-radius-lg); }
.amx-blog-card__meta { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 0 0 24px; padding-bottom: 18px; color: var(--amx-ink-strong); font-size: 15px; line-height: 18px; border-bottom: 1px solid var(--amx-line); }
.amx-blog-card__meta time::after { content: ","; }
.amx-blog-card__title { margin: 0 0 12px; font-size: var(--amx-title); line-height: var(--amx-title-lh); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.amx-blog-card__title a { color: var(--amx-ink-strong); text-decoration: none; }
.amx-blog-card__title a:hover { color: var(--amx-blue); }
.amx-blog-card__excerpt { display: -webkit-box; margin: 0; overflow: hidden; color: var(--amx-ink-strong); font-size: var(--amx-text); line-height: var(--amx-text-lh); -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

@media (prefers-reduced-motion: reduce) {
  .amx-marquee__track { animation: none; }
}

@media (max-width: 1400px) {
  .amx-stat__number { font-size: 55px; line-height: 60px; letter-spacing: -1px; }
  .amx-stat__icon { width: 80px; height: 80px; margin-block: 25px 40px; }
  .amx-stat__label { font-size: 22px; line-height: 32px; }
  .amx-marquee__list li { font-size: 30px; line-height: 40px; }
  .amx-why__title { font-size: 20px; line-height: 26px; }
  .amx-why__card { padding: 20px; }
  .amx-why__icon { width: 60px; height: 60px; }
  .amx-tabpanel__media img { height: 440px; }
}
@media (max-width: 1200px) {
  .amx-stat__number { font-size: 45px; line-height: 52px; }
  .amx-stat__icon { width: 70px; height: 70px; margin-block: 20px 30px; }
  .amx-stat__label { font-size: 18px; line-height: 26px; }
  .amx-marquee { padding-block: 30px; }
  .amx-marquee__list li { font-size: 26px; line-height: 36px; }
  .amx-why__title { font-size: 18px; }
  .amx-why__icon { width: 50px; height: 50px; }
  .amx-tabpanel__media img { height: 380px; }
}
@media (max-width: 1024px) {
  .amx-stats, .amx-why__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .amx-service-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .amx-marquee__list li { font-size: 24px; line-height: 34px; }
  .amx-tabpanel { grid-template-columns: minmax(0, 1fr); padding: 10px; }
  .amx-tabpanel__media img { height: auto; aspect-ratio: 16 / 9; }
  .amx-blog-card { flex-basis: calc((90vw - 25px) / 2.2); }
}
@media (max-width: 767px) {
  .amx-label { margin-bottom: 12px; font-size: 16px; }
  .amx-heading { margin-bottom: 14px; }
  .amx-split, .amx-section-head, .amx-about__cols, .amx-network__grid { grid-template-columns: minmax(0, 1fr); }
  .amx-split { gap: 0; }
  .amx-about__cols { gap: 12px; margin-bottom: 20px; }
  .amx-about__btn-desktop { display: none; }
  .amx-about__btn-mobile { display: inline-flex; margin-bottom: 24px; }
  .amx-stats { gap: 10px; }
  .amx-stat { padding: 20px 10px; border-radius: var(--amx-radius); }
  .amx-stat__number { font-size: 40px; line-height: 46px; letter-spacing: 0; }
  .amx-stat__icon { width: 50px; height: 50px; margin-block: 0 16px; }
  .amx-stat__label { font-size: 16px; line-height: 24px; letter-spacing: 0; }
  .amx-marquee { padding-block: 20px; }
  .amx-marquee__list li { font-size: 20px; line-height: 30px; }
  .amx-marquee__list li::after { width: 10px; height: 10px; margin-inline: 18px 20px; }
  .amx-section-head { gap: 8px; margin-bottom: 24px; }
  .amx-service-cards { grid-template-columns: minmax(0, 1fr); }
  .amx-service-card { border-radius: 12px; }
  .amx-why__grid { gap: 10px; }
  .amx-why__card { gap: 16px; padding: 16px; border-radius: 15px; }
  .amx-why__title { font-size: 16px; line-height: 24px; }
  .amx-why__icon { width: 44px; height: 44px; }
  .amx-network__map { order: 2; }
  .amx-tab { padding: 4px 14px; font-size: 15px; }
  .amx-tabpanel__body { padding: 10px; }
  .amx-tabpanel__media img { aspect-ratio: 4 / 3; border-radius: 15px; }
  .amx-blog-track { gap: 16px; }
  .amx-blog-card { flex-basis: 80vw; }
}