/* Final homepage responsive and color hierarchy polish. */
body.home {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden !important;
}

body.home .syeda217-site-header.is-scrolled .syeda217-announcement {
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translateY(-100%) !important;
  box-shadow: none !important;
}

body.home .syeda217-site-header.is-scrolled .syeda217-announcement__inner {
  min-height: 0 !important;
  height: 0 !important;
  padding-block: 0 !important;
}

body.home .syeda217-site-header.is-scrolled .syeda217-header-shell,
body.home .syeda217-site-header.is-scrolled .syeda217-header {
  transform: translateZ(0);
}

body.home .nv-ai-hero {
  margin-top: 0 !important;
}

body.home .nv-ai-hero__blob--one {
  top: clamp(74px, 9vh, 132px) !important;
  opacity: .72 !important;
}

body.home :is(
  .nv-ai-hero__title,
  .agency-about-section__title,
  .agency-services-section__title,
  .why-choose__title,
  .latest-projects__title,
  .aa-process__title,
  .aa-faq__title,
  .ahmad-latest-blog__title,
  .ahmad-footer h2
) {
  overflow: visible !important;
  padding-bottom: .08em;
}

body.home :is(
  h1, h2, h3, h4, h5, h6,
  p,
  a,
  button,
  .why-choose-card,
  .latest-projects__badge,
  .latest-projects__description,
  .latest-projects__cta,
  .latest-project-card
) {
  filter: none !important;
}

body.home :is(
  .why-choose-card,
  .latest-projects__badge,
  .latest-projects__description,
  .latest-projects__cta,
  .latest-project-card
) {
  opacity: 1 !important;
  transform: none !important;
}

body.home :is(
  .nv-ai-hero__title em,
  .agency-about-section__title em,
  .agency-services-section__title em,
  .why-choose__title em,
  .latest-projects__title em,
  .aa-process__title em,
  .aa-faq__title em,
  .ahmad-latest-blog__title em,
  .ahmad-footer h2 em,
  .ahmad-footer h2 span
) {
  display: inline-block;
  line-height: 1.12;
  padding-bottom: .08em;
}

body.home :is(#ast-scroll-top, .ast-scroll-top-icon, .ast-scroll-to-top-right) {
  width: 44px !important;
  height: 44px !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 14px !important;
  color: #fff !important;
  background:
    radial-gradient(circle at 25% 20%, rgba(255,255,255,.32), transparent 30%),
    linear-gradient(135deg, #6d28d9 0%, #ec4899 52%, #fb923c 100%) !important;
  box-shadow: 0 18px 38px rgba(236,72,153,.24), 0 8px 20px rgba(109,40,217,.16) !important;
}

body.home :is(#ast-scroll-top, .ast-scroll-top-icon, .ast-scroll-to-top-right):hover {
  transform: translateY(-3px);
  box-shadow: 0 22px 48px rgba(236,72,153,.3), 0 10px 24px rgba(109,40,217,.18) !important;
}

body.home .syeda217-mobile-panel {
  max-width: calc(100vw - 24px);
}

body.home .syeda217-mobile-menu a {
  border: 1px solid rgba(124,58,237,.1);
  color: #172033 !important;
  background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,247,252,.78)) !important;
}

body.home .syeda217-mobile-menu .current-menu-item > a,
body.home .syeda217-mobile-menu a:hover {
  color: #7c3aed !important;
  border-color: rgba(236,72,153,.18);
  box-shadow: 0 12px 26px rgba(76,29,149,.08);
}

@media (max-width: 1040px) {
  body.home .syeda217-header {
    gap: 14px;
  }

  body.home .syeda217-header__actions {
    gap: 8px;
  }
}

@media (max-width: 640px) {
  html,
  body.home,
  body.home #page,
  body.home .site,
  body.home .site-content,
  body.home .entry-content {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }

  body.home :is(
    .nv-ai-hero,
    .agency-about-section,
    .agency-services-section,
    .agency-expertise-replacement,
    .why-choose-section,
    .latest-projects-section,
    .aa-process,
    .aa-faq,
    .ahmad-latest-blog
  ) {
    width: 100% !important;
    max-width: 100vw !important;
    overflow-x: hidden !important;
  }

  body.home :is(
    .nv-ai-hero__shell,
    .nv-ai-hero__copy,
    .nv-ai-hero__visual,
    .nv-ai-hero__stats,
    .agency-about-section__inner,
    .agency-about-section__main,
    .agency-about-section__content,
    .agency-about-section__visual,
    .agency-services-section__inner,
    .why-choose__inner,
    .why-choose__grid,
    .latest-projects__inner,
    .latest-projects__grid
  ) {
    width: min(100% - 28px, 460px) !important;
    max-width: calc(100vw - 28px) !important;
    margin-inline: auto !important;
    min-width: 0 !important;
  }

  body.home :is(
    .nv-ai-hero__copy,
    .nv-ai-hero__visual,
    .agency-about-section__content,
    .agency-about-section__visual,
    .why-choose-card,
    .why-choose__growth-copy,
    .latest-project-card
  ) {
    min-width: 0 !important;
    max-width: 100% !important;
  }

  body.home :is(
    .nv-ai-hero__title,
    .nv-ai-hero__title span,
    .nv-ai-hero__description,
    .why-choose-card h3,
    .why-choose-card p,
    .why-choose__growth-copy,
    .why-choose__growth-copy h3,
    .why-choose__growth-copy p
  ) {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }

  body.home .nv-ai-hero__title {
    font-size: clamp(38px, 10.6vw, 48px) !important;
    line-height: 1.08 !important;
  }

  body.home .nv-ai-hero__visual {
    transform: none !important;
  }

  body.home .nv-ai-hero__card,
  body.home .nv-ai-hero__halo,
  body.home .nv-ai-hero__blob {
    max-width: 100% !important;
  }

  body.home :is(
    .nv-ai-hero__button,
    .agency-about-section__cta,
    .agency-services-section__cta-button,
    .agency-services-cta__button,
    .why-choose__growth-cta,
    .latest-projects__cta
  ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }

  body.home :is(
    .nv-ai-hero__button--primary,
    .why-choose__growth-cta,
    .latest-projects__cta
  ) {
    justify-content: space-between !important;
    padding-left: 22px !important;
    padding-right: 8px !important;
  }

  body.home :is(
    .nv-ai-hero__button b,
    .why-choose__growth-cta b,
    .latest-projects__cta b
  ) {
    flex: 0 0 44px !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    margin-left: 10px !important;
    transform: none !important;
  }

  body.home .syeda217-announcement__inner {
    gap: 8px;
    line-height: 1.3;
  }

  body.home .nv-ai-hero__actions,
  body.home .agency-about-section__actions {
    width: 100%;
  }

  body.home :is(.nv-ai-hero__button, .agency-about-section__cta) {
    width: min(100%, 360px);
    justify-content: center;
  }

  body.home .nv-ai-hero__button--secondary {
    min-height: 56px !important;
    padding: 6px 18px 6px 8px !important;
    gap: 14px !important;
    justify-content: center !important;
  }

  body.home .nv-ai-hero__button--secondary b {
    position: relative !important;
    display: grid !important;
    place-items: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    overflow: hidden !important;
  }

  body.home .nv-ai-hero__button--secondary b::before {
    position: absolute !important;
    inset: 50% auto auto 50% !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    transform: translate(-50%, -50%) !important;
  }

  body.home :is(#ast-scroll-top, .ast-scroll-top-icon, .ast-scroll-to-top-right) {
    width: 40px !important;
    height: 40px !important;
    border-radius: 12px !important;
  }
}

@media (max-width: 767px) {
  body.home .syeda217-mobile-panel__head button,
  body.home [data-menu-close] {
    display: grid !important;
    place-items: center !important;
    width: 44px !important;
    height: 44px !important;
    min-width: 44px !important;
    min-height: 44px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    line-height: 0 !important;
  }

  body.home .syeda217-mobile-panel__head button svg,
  body.home [data-menu-close] svg {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.home :is(
    .syeda217-header__cta svg,
    .nv-ai-hero__button b,
    .agency-about-section__cta b,
    .agency-services-section__cta-button b,
    .latest-projects__cta b,
    .ahmad-latest-blog__view-all svg
  ) {
    display: grid !important;
    place-items: center !important;
    flex: 0 0 42px !important;
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    padding: 0 !important;
    line-height: 0 !important;
  }

  body.home :is(
    .syeda217-header__cta svg,
    .nv-ai-hero__button b svg,
    .agency-about-section__cta b svg,
    .agency-services-section__cta-button b svg,
    .latest-projects__cta b svg,
    .ahmad-latest-blog__view-all svg
  ) {
    width: 18px !important;
    height: 18px !important;
  }

  body.home .why-choose-card--process {
    min-height: 382px !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  body.home .why-choose-card--process::after {
    background: linear-gradient(180deg, rgba(8,11,31,.1) 0%, rgba(8,11,31,.58) 52%, rgba(8,11,31,.86) 100%) !important;
  }

  body.home .why-choose-card--process > div {
    width: calc(100% - 54px) !important;
    max-width: none !important;
    padding-right: 52px !important;
  }

  body.home .why-choose-card--process h3 {
    font-size: clamp(23px, 7vw, 29px) !important;
    line-height: 1.15 !important;
  }

  body.home .why-choose-card--process p {
    font-size: 14.5px !important;
    line-height: 1.55 !important;
  }

  body.home .why-choose-card--process a,
  body.home .why-choose-card--process .why-choose-card__arrow {
    right: 22px !important;
    bottom: 22px !important;
  }

  body.home .aa-process,
  body.home .aa-process * {
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    text-shadow: none !important;
  }

  body.home .aa-process__step {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }

  body.home .aa-process__card {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    background: rgba(255,255,255,.96) !important;
    box-shadow: 0 16px 34px rgba(70,61,136,.08), inset 0 1px 0 rgba(255,255,255,.95) !important;
  }

  body.home .aa-process__card :is(h3, p) {
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: geometricPrecision;
  }

  body.home .latest-projects__grid,
  body.home .latest-projects__inner {
    display: block !important;
    width: min(100% - 32px, 1320px) !important;
    max-width: calc(100% - 32px) !important;
    margin-inline: auto !important;
  }

  body.home .latest-projects__grid {
    width: 100% !important;
    max-width: 100% !important;
  }

  body.home .latest-projects__intro {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 0 28px !important;
    padding-inline: 0 !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }

  body.home .latest-projects__list {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 22px !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 30px 0 0 !important;
    transform: none !important;
    opacity: 1 !important;
    filter: none !important;
  }

  body.home .latest-project-card {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-height: 330px !important;
    margin: 0 !important;
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
  }
}