/* /ref design-system pass.
   - Hero: untouched except the CTA's font weight.
   - Six imported sections: typography, palette and CTA component.
   - No glass cards except the testimonial.
   - The ported repo block keeps its layout; copy case and text families are
     normalised, and its footer call-to-action is the primary glass CTA. */

body.page-id-16881 :where(.elementor-16881) {
  --neer-word-font: "Kanit", sans-serif;
  --neer-word-weight: 500;
  --neer-word-tracking: 0.02;
  background: #050505;
  color: #ffffff;
  font-family: "Inter", sans-serif;
}

body.page-id-16881 :where(.elementor-16881) .neer-island .sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ---------------------------------------------------------- section canvas */
body.page-id-16881 :where(.elementor-16881) .neer-ref-section{
  color: #a1a1aa !important;
  font-family: "Inter", sans-serif !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-1a252020,body.page-id-16881 :where(.elementor-16881) .elementor-element-c99a285,body.page-id-16881 :where(.elementor-16881) .elementor-element-62d6181d,body.page-id-16881 :where(.elementor-16881) .elementor-element-9bebffe{
  background-color: #050505 !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-4431363c,body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9{
  background-color: #0a0a0a !important;
}

/* ------------------------------------------------------------------- type */
body.page-id-16881 :where(.elementor-16881) .neer-ref-section h1,body.page-id-16881 :where(.elementor-16881) .neer-ref-section h2,body.page-id-16881 :where(.elementor-16881) .neer-ref-section h3{
  font-family: "Kanit", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  color: #ffffff !important;
  line-height: 1.12 !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section h2{
  font-size: clamp(1.85rem, 3.2vw, 3rem) !important;
  line-height: 1.12 !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section h3{
  font-size: clamp(1.25rem, 1.8vw, 1.65rem) !important;
  line-height: 1.2 !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section h4{
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.125rem !important;
  line-height: 1.3 !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  color: #ffffff !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section h5{
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 11px !important;
  letter-spacing: 0.12em !important;
  text-transform: none !important;
  color: #a1a1aa !important;}

/* The title widget defaults to capitalize; NEER writes sentence case. */
body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf--title,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf--title *,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf--title.wcf--title{
  text-transform: none !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section h2 .neer-acid{
  color: #ccff00 !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section p,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf--text,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .elementor-widget-text-editor,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .elementor-icon-list-text,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf--text-hover-image{
  font-family: "Inter", sans-serif !important;
  font-weight: 400 !important;
  font-size: 1rem !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #a1a1aa !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section .elementor-icon-list-text{
  font-size: 0.875rem !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section .elementor-icon-list-icon,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .elementor-icon-list-icon svg{
  color: #ccff00 !important;
  fill: #ccff00 !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section a{
  color: inherit;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section a:hover{
  color: #ccff00 !important;
}

/* --------------------------------------------------------- type-only labels */

body.page-id-16881 :where(.elementor-16881) .elementor-element-cb704,body.page-id-16881 :where(.elementor-16881) .elementor-element-482a2f79,body.page-id-16881 :where(.elementor-16881) .elementor-element-c3ede0a,body.page-id-16881 :where(.elementor-16881) .elementor-element-403170c0{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  color: #a1a1aa !important;
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: none !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-cb704{
  color: #ccff00 !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-cb704 .wcf--title,body.page-id-16881 :where(.elementor-16881) .elementor-element-482a2f79 .wcf--title,body.page-id-16881 :where(.elementor-16881) .elementor-element-c3ede0a .wcf--title,body.page-id-16881 :where(.elementor-16881) .elementor-element-403170c0 .wcf--title{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-cb704 .wcf--title{
  color: #ccff00 !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-482a2f79 .wcf--title,body.page-id-16881 :where(.elementor-16881) .elementor-element-c3ede0a .wcf--title,body.page-id-16881 :where(.elementor-16881) .elementor-element-403170c0 .wcf--title{
  color: #a1a1aa !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-4431363c h5{
  color: #ccff00 !important;
}

/* ------------------------------------------------------------------- media */
body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf--image img,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-post .thumb img,body.page-id-16881 :where(.elementor-16881) .elementor-element-261ba2d3 img{
  border-radius: 16px !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-261ba2d3 img{
  border: 1px solid rgba(255, 255, 255, 0.1);
}

/* --------------------------------------------------------------- our work */
body.page-id-16881 :where(.elementor-16881) .elementor-element-17a69b40,body.page-id-16881 :where(.elementor-16881) .elementor-element-17a69b40 *{
  font-family: "Kanit", sans-serif !important;
  font-weight: 500 !important;
  font-size: clamp(3.75rem, 13vw, 10rem) !important;
  line-height: 0.9 !important;
  letter-spacing: 0.02em !important;
  text-transform: none !important;
  color: #ffffff !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-26cebea2 .wcf-post .title{
  font-family: "Kanit", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.25rem !important;
  line-height: 1.3 !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  color: #ffffff !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-26cebea2 .wcf-post .meta,body.page-id-16881 :where(.elementor-16881) .elementor-element-26cebea2 .wcf-post .meta time{
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  color: #a1a1aa !important;
}

/* ------------------------------------------------------- brand & experience */
body.page-id-16881 :where(.elementor-16881) .elementor-element-4431363c .elementor-element-2282e585,body.page-id-16881 :where(.elementor-16881) .elementor-element-4431363c .elementor-element-20235477,body.page-id-16881 :where(.elementor-16881) .elementor-element-4431363c .elementor-element-438de26b,body.page-id-16881 :where(.elementor-16881) .elementor-element-4431363c .elementor-element-5263bc61{
  color: #ccff00 !important;
  fill: #ccff00 !important;
}

/* --------------------------------------------------------------- marketing */
body.page-id-16881 :where(.elementor-16881) .elementor-element-62d6181d .elementor-element-5614ff42{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-62d6181d .wcf--text-hover-image .title,body.page-id-16881 :where(.elementor-16881) .elementor-element-62d6181d .wcf--text-hover-image .title a{
  font-family: "Inter", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.25rem !important;
  line-height: 1.3 !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  color: #ffffff !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-62d6181d .wcf--text-hover-image .hover_text{
  text-transform: none !important;
}

/* ------------------------------------------------------------- testimonials */
/* /ref review: typography and palette between the hero and field notes. */
body.page-id-16881 :where(.elementor-16881) :is(.elementor-element-1a252020,:where(.elementor-16881) .elementor-element-c99a285,:where(.elementor-16881) .elementor-element-astr0sc1,:where(.elementor-16881) .elementor-element-aisvc001,:where(.elementor-16881) .elementor-element-c8dcc3a,:where(.elementor-16881) .elementor-element-28561eb9) :is(h1,:where(.elementor-16881) h2,:where(.elementor-16881) h3,:where(.elementor-16881) h4,:where(.elementor-16881) .wcf--title){
  font-family: "Kanit", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
}

body.page-id-16881 :where(.elementor-16881) :is(.elementor-element-1a252020,:where(.elementor-16881) .elementor-element-c99a285,:where(.elementor-16881) .elementor-element-aisvc001,:where(.elementor-16881) .elementor-element-c8dcc3a,:where(.elementor-16881) .elementor-element-28561eb9) :is(h1,:where(.elementor-16881) h2,:where(.elementor-16881) h3,:where(.elementor-16881) h4,:where(.elementor-16881) .wcf--title){
  color: #ffffff !important;
}

body.page-id-16881 :where(.elementor-16881) :is(.elementor-element-1a252020,:where(.elementor-16881) .elementor-element-c99a285,:where(.elementor-16881) .elementor-element-aisvc001,:where(.elementor-16881) .elementor-element-c8dcc3a,:where(.elementor-16881) .elementor-element-28561eb9) :is(p,:where(.elementor-16881) .ref-testimonial__job){
  font-family: "Inter", sans-serif !important;
  color: #a1a1aa !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-astr0sc1 :is(p,:where(.elementor-16881) .neer-astro__wlegend){
  font-family: "Inter", sans-serif !important;
}

/* User direction: green headings only between the hero and the blog. */
body.page-id-16881 :where(.elementor-16881) :is(.elementor-element-1a252020,:where(.elementor-16881) .elementor-element-c99a285,:where(.elementor-16881) .elementor-element-astr0sc1,:where(.elementor-16881) .elementor-element-aisvc001,:where(.elementor-16881) .elementor-element-c8dcc3a,:where(.elementor-16881) .elementor-element-28561eb9) :is(h1,:where(.elementor-16881) h2,:where(.elementor-16881) h3,:where(.elementor-16881) h4,:where(.elementor-16881) h5,:where(.elementor-16881) h6,:where(.elementor-16881) .wcf--title),body.page-id-16881 :where(.elementor-16881) :is(.elementor-element-1a252020,:where(.elementor-16881) .elementor-element-c99a285,:where(.elementor-16881) .elementor-element-astr0sc1,:where(.elementor-16881) .elementor-element-aisvc001,:where(.elementor-16881) .elementor-element-c8dcc3a,:where(.elementor-16881) .elementor-element-28561eb9) :is(h1,:where(.elementor-16881) h2,:where(.elementor-16881) h3,:where(.elementor-16881) h4,:where(.elementor-16881) h5,:where(.elementor-16881) h6,:where(.elementor-16881) .wcf--title) :is(span,:where(.elementor-16881) a){
  color: #ccff00 !important;
}

/* /ref review: remove the selected section rule and AI panel labels. */
body.page-id-16881 :where(.elementor-16881) .elementor-element-c99a285 > .elementor-element-5e7ca23e,body.page-id-16881 :where(.elementor-16881) .neer-ai__panel-head,body.page-id-16881 :where(.elementor-16881) .neer-ai__panel-foot{
  display: none !important;
}

/* Leave space between the testimonial author and the slide indicators. */
body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .ref-testimonial__person{
  margin-bottom: 2rem;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-5a5340bd{
  display: none !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .ref-testimonial{
  position: relative;
  max-width: 980px;
  margin-inline: auto;
  padding: 0 !important;
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  text-align: center;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .ref-testimonial::before{
  content: "“";
  display: block;
  margin-bottom: auto auto 0.5rem;
  color: #ccff00;
  font-family: "Kanit", sans-serif;
  font-size: 6rem;
  font-weight: 500;
  line-height: 0.6;
  letter-spacing: 0;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .ref-testimonial__quote{
  max-width: 50ch;
  margin: 0 auto 2rem !important;
  font-family: "Inter", sans-serif !important;
  font-weight: 300 !important;
  font-size: clamp(1.3rem, 2.1vw, 1.75rem) !important;
  line-height: 1.5 !important;
  letter-spacing: 0 !important;
  color: #ffffff !important;
  text-align: center;
}

/* The testimonial fills a viewport when space allows, but grows with content. */
body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 > .e-con-inner{
  min-height: 100svh;
  align-items: center;
  padding-block: clamp(5rem, 9vh, 7rem) !important;
}
/* The practices list ends cleanly; the testimonial begins without a divider
   or an oversized visual pause. */
body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a > .e-con-inner{
  padding-bottom: 3rem !important;
}
body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9,body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 > .e-con-inner,body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9::before,body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9::after{
  border-top: 0 !important;
  box-shadow: none !important;
}
body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .elementor-element-1e2146f5{
  border-top: 0 !important;
  gap: clamp(1.5rem, 4vh, 2.75rem) !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .ref-testimonial__person{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-align: left;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .wcf__slider,body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .swiper{
  overflow: hidden !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .swiper-slide{
  opacity: 0 !important;
  transition: opacity 0.45s ease !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .swiper-slide-active{
  opacity: 1 !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .ref-testimonial__portrait{
  width: 72px;
  height: 72px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 50%;
  object-fit: cover;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .ref-testimonial__name{
  display: block;
  text-align: left;
  font-family: "Inter", sans-serif !important;
  font-size: 1.125rem !important;
  font-weight: 500 !important;
  line-height: 1.3 !important;
  letter-spacing: 0.02em !important;
  color: #ffffff !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .ref-testimonial__job{
  display: block;
  text-align: left;
  font-family: "Inter", sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: 0 !important;
  color: #a1a1aa !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-1b9c418 h3{
  font-size: clamp(1.85rem, 3.2vw, 3rem) !important;
  line-height: 1.12 !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .swiper-pagination-bullet{
  background: rgba(255, 255, 255, 0.28) !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .swiper-pagination-bullet-active{
  background: #ccff00 !important;
}

/* -------------------------------------------------------------------- blog */
body.page-id-16881 :where(.elementor-16881) .elementor-element-9bebffe > .e-con-inner{
  padding-block: clamp(5rem, 10vh, 7rem) !important;
  gap: clamp(2.5rem, 5vw, 4rem) !important;
}
body.page-id-16881 :where(.elementor-16881) .elementor-element-237a18c7 > .e-con-inner{
  align-items: flex-start;
  gap: 1.5rem;
  padding: 0 !important;
}
body.page-id-16881 :where(.elementor-16881) .elementor-element-4a582772 h2{
  max-width: none;
  white-space: nowrap;
}
body.page-id-16881 :where(.elementor-16881) .elementor-element-3804e224 .wcf-posts{
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: clamp(1rem, 2.5vw, 2rem) !important;
}
body.page-id-16881 :where(.elementor-16881) .elementor-element-3804e224 .wcf-post{
  min-width: 0;
}
body.page-id-16881 :where(.elementor-16881) .elementor-element-3804e224 .wcf-post .thumb img{
  display: block;
  width: 100%;
  aspect-ratio: 1.15;
  object-fit: cover;
  border-radius: 18px;
}
@media (max-width: 767px) {
  body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 > .e-con-inner{
    min-height: 100svh;
    padding-block: 5rem 3rem !important;
  }
  body.page-id-16881 :where(.elementor-16881) .elementor-element-3804e224 .wcf-posts{
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  body.page-id-16881 :where(.elementor-16881) .elementor-element-4a582772 h2{
    white-space: normal;
  }
}
body.page-id-16881 :where(.elementor-16881) .elementor-element-4a582772 h2,body.page-id-16881 :where(.elementor-16881) .elementor-element-4a582772 h3{
  font-size: clamp(1.85rem, 3.2vw, 3rem) !important;
  line-height: 1.12 !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-3804e224 .wcf-post .title,body.page-id-16881 :where(.elementor-16881) .elementor-element-3804e224 .wcf-post .title a{
  font-family: "Kanit", sans-serif !important;
  font-weight: 500 !important;
  font-size: 1.25rem !important;
  line-height: 1.3 !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  color: #ffffff !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-3804e224 .wcf-meta,body.page-id-16881 :where(.elementor-16881) .elementor-element-3804e224 .wcf-meta span{
  font-family: "Inter", sans-serif !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  color: #a1a1aa !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-post .meta,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-meta,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-meta span{
  text-transform: none !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section button,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-load-more,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .elementor-button,body.page-id-16881 :where(.elementor-16881) .neer-ref-section input,body.page-id-16881 :where(.elementor-16881) .neer-ref-section select,body.page-id-16881 :where(.elementor-16881) .neer-ref-section textarea{
  font-weight: 500 !important;
}

/* ------------------------------------------------------- hero CTA weight cap */
body.page-id-16881 :where(.elementor-16881) .neer-island__cta,body.page-id-16881 :where(.elementor-16881) .neer-island__title{
  font-family: "Kanit", sans-serif !important;
  font-weight: 500 !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-island__cta{
  font-size: 19px !important;
  line-height: 1.5 !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-island__title{
  letter-spacing: 0.02em !important;
}

/* ------------------------------------------------------- repo display weight */
body.page-id-16881 :where(.elementor-16881) .ref-repo .cta__text{
  font-family: "Kanit", sans-serif !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

body.page-id-16881 :where(.elementor-16881) .ref-repo .cta__morph,body.page-id-16881 :where(.elementor-16881) .ref-repo .cta__morph-line{
  font-family: "Kanit", sans-serif !important;
  font-weight: 500 !important;
  text-transform: none !important;
}

body.page-id-16881 :where(.elementor-16881) .ref-repo .cta__hint .text-small{
  font-family: "Inter", sans-serif !important;
  text-transform: none !important;
}

body.page-id-16881 :where(.elementor-16881) .ref-repo .footer__label{
  text-transform: none !important;
}

/* ------------------------------------------------ primary glass CTA, shared */
body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-btn-circle,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf__btn a,body.page-id-16881 :where(.elementor-16881) .elementor-element-1a85b921 a,body.page-id-16881 :where(.elementor-16881) .ref-repo .ref-footer-cta{
  position: relative !important;
  isolation: isolate;
  overflow: hidden;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: center;
  gap: 0.6rem !important;
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 14px 28px !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 9999px !important;
  background:
    linear-gradient(170deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 52%, rgba(255, 255, 255, 0) 100%),
    radial-gradient(130% 190% at 24% -40%, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0) 56%),
    linear-gradient(165deg, rgba(204, 255, 0, 0.12) 0%, rgba(20, 22, 18, 0.07) 46%, rgba(8, 9, 12, 0.13) 100%) !important;
  -webkit-backdrop-filter: blur(6px) saturate(170%) brightness(1.5);
  backdrop-filter: blur(6px) saturate(170%) brightness(1.5);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -12px 20px rgba(0, 0, 0, 0.28),
    0 0 22px -6px rgba(204, 255, 0, 0.22),
    0 16px 34px -20px rgba(0, 0, 0, 0.9) !important;
  color: #ffffff !important;
  font-family: "Kanit", sans-serif !important;
  font-size: 19px !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.5 !important;
  text-align: center !important;
  text-transform: none !important;
  text-decoration: none !important;
  white-space: nowrap;
  transition:
    transform 0.25s cubic-bezier(0.16, 1, 0.3, 1),
    box-shadow 0.45s cubic-bezier(0.16, 1, 0.3, 1),
    border-color 0.45s cubic-bezier(0.16, 1, 0.3, 1);
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-btn-circle > span:empty,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf__btn a > i,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf__btn a > svg{
  display: none !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-btn-circle::before,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf__btn a::before,body.page-id-16881 :where(.elementor-16881) .elementor-element-1a85b921 a::before,body.page-id-16881 :where(.elementor-16881) .ref-repo .ref-footer-cta::before{
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background:
    linear-gradient(115deg, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 34%),
    linear-gradient(300deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 42%);
  mix-blend-mode: screen;
  pointer-events: none;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-btn-circle::after,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf__btn a::after,body.page-id-16881 :where(.elementor-16881) .elementor-element-1a85b921 a::after,body.page-id-16881 :where(.elementor-16881) .ref-repo .ref-footer-cta::after{
  content: "";
  position: relative;
  z-index: 1;
  width: 26px;
  height: 18px !important;
  flex: none;
  left: auto !important;
  bottom: auto !important;
  aspect-ratio: 213.92 / 147.41;
  background-color: #ccff00 !important;
  -webkit-mask: url("https://www.neermedia.com/wp-content/plugins/neer-newhome-port/hybrid/assets/arrow-line.svg") center / contain no-repeat;
  mask: url("https://www.neermedia.com/wp-content/plugins/neer-newhome-port/hybrid/assets/arrow-line.svg") center / contain no-repeat;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-btn-circle:hover,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-btn-circle:focus-visible,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf__btn a:hover,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf__btn a:focus-visible,body.page-id-16881 :where(.elementor-16881) .elementor-element-1a85b921 a:hover,body.page-id-16881 :where(.elementor-16881) .elementor-element-1a85b921 a:focus-visible,body.page-id-16881 :where(.elementor-16881) .ref-repo .ref-footer-cta:hover,body.page-id-16881 :where(.elementor-16881) .ref-repo .ref-footer-cta:focus-visible{
  color: #ffffff !important;
  border-color: rgba(204, 255, 0, 0.55) !important;
  background:
    linear-gradient(170deg, rgba(255, 255, 255, 0.09) 0%, rgba(255, 255, 255, 0.03) 52%, rgba(255, 255, 255, 0.01) 100%),
    radial-gradient(130% 190% at 24% -40%, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 58%),
    linear-gradient(165deg, rgba(204, 255, 0, 0.22) 0%, rgba(28, 30, 24, 0.22) 46%, rgba(8, 9, 12, 0.36) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.55),
    inset 0 -12px 20px rgba(0, 0, 0, 0.26),
    0 0 26px rgba(204, 255, 0, 0.28),
    0 18px 38px -20px rgba(0, 0, 0, 0.95) !important;
  transform: translateY(-2px);
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-btn-circle:focus-visible,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf__btn a:focus-visible,body.page-id-16881 :where(.elementor-16881) .elementor-element-1a85b921 a:focus-visible,body.page-id-16881 :where(.elementor-16881) .ref-repo .ref-footer-cta:focus-visible{
  outline: 2px solid #ffffff !important;
  outline-offset: 3px;
}

body.page-id-16881 :where(.elementor-16881) .ref-repo .ref-footer-cta{
  margin-top: 0.75rem;
}

@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
  body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-btn-circle,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf__btn a,body.page-id-16881 :where(.elementor-16881) .elementor-element-1a85b921 a,body.page-id-16881 :where(.elementor-16881) .ref-repo .ref-footer-cta{
    background: linear-gradient(165deg, rgba(60, 74, 12, 0.96) 0%, rgba(14, 15, 12, 0.96) 100%) !important;
  }
}

@media (max-width: 359px) {
  body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-btn-circle,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf__btn a,body.page-id-16881 :where(.elementor-16881) .elementor-element-1a85b921 a,body.page-id-16881 :where(.elementor-16881) .ref-repo .ref-footer-cta{
    max-width: 100%;
    white-space: normal;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-btn-circle,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf__btn a,body.page-id-16881 :where(.elementor-16881) .elementor-element-1a85b921 a,body.page-id-16881 :where(.elementor-16881) .ref-repo .ref-footer-cta{
    transition: none;
  }
  body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-btn-circle:hover,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf__btn a:hover,body.page-id-16881 :where(.elementor-16881) .elementor-element-1a85b921 a:hover,body.page-id-16881 :where(.elementor-16881) .ref-repo .ref-footer-cta:hover{
    transform: none;
  }
}


/* --------------------------------------------- service verticals (homepage) */
body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a{
  background-color: #0a0a0a !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-772233f .wcf--title,body.page-id-16881 :where(.elementor-16881) .elementor-element-6c47341 .wcf--title{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  font-family: "Inter", sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.12em !important;
  text-transform: none !important;
  color: #a1a1aa !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-8cf24ed h2{
  font-family: "Kanit", sans-serif !important;
  font-size: clamp(1.85rem, 3.2vw, 3rem) !important;
  font-weight: 500 !important;
  line-height: 1.12 !important;
  letter-spacing: 0.05em !important;
  color: #ffffff !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-6362e8d .wcf--text{
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  color: #a1a1aa !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a .axtra-service__item{
  border-color: rgba(255, 255, 255, 0.08) !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a .axtra-service__item .title{
  font-family: "Kanit", sans-serif !important;
  font-size: clamp(1.25rem, 1.8vw, 1.65rem) !important;
  font-weight: 500 !important;
  line-height: 1.2 !important;
  letter-spacing: 0.05em !important;
  text-transform: none !important;
  color: #ffffff !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a .axtra-service__item .desc{
  font-family: "Inter", sans-serif !important;
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.65 !important;
  letter-spacing: 0 !important;
  color: #a1a1aa !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a .axtra-service__item .number{
  font-family: "Inter", sans-serif !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #ccff00 !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a .axtra-service__item .thumb img{
  border-radius: 20px !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a .axtra-service__item .icon-wrap,body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a .axtra-service__item .icon-wrap svg,body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a .axtra-service__item .icon-wrap path{
  color: #ccff00 !important;
  fill: #ccff00 !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a .elementor-element-5de3941 img{
  filter: grayscale(1) brightness(1.8);
  opacity: 0.7;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a .elementor-element-5de3941 img:hover{
  opacity: 1;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a .elementor-element-3c08d69,body.page-id-16881 :where(.elementor-16881) .elementor-element-c8dcc3a .elementor-element-5de3941{
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}

/* ----------------------------------------------- drawer, brand-house index */




/* Flat sitemap navigation: restrained typography, a clear rhythm and no CTA. */






















































































































/* The preset paints a hover square from a::after; the sublist uses its own dot. */














@media (max-width: 900px) {
  

  

  

  

  

  

  

  

  
}

@media (max-width: 767px) {
  

  
}

@media (max-width: 520px) {
  

  

  

  

  

  

  

  

  

  
}

@media (prefers-reduced-motion: reduce) {
  
}

/* The theme's floating back-to-top duplicates the footer control and can sit
   over the right-aligned perspective CTA. The footer one stays. */
body.page-id-16881 :where(.elementor-16881) .progress-wrap{
  display: none !important;
}

/* Offcanvas preset labels inherit an uppercase transform. */


/* The perspective heading and its CTA sit in one half-width flex row. On
   phones the CTA is wider than that column and crosses the heading. */
@media (max-width: 767px) {
  body.page-id-16881 :where(.elementor-16881) .elementor-element-17eac1bd{
    width: 100% !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 1.25rem !important;
  }

  body.page-id-16881 :where(.elementor-16881) .elementor-element-17eac1bd .elementor-element-4a582772{
    width: 100% !important;
  }

  body.page-id-16881 :where(.elementor-16881) .elementor-element-1a85b921{
    width: 100% !important;
    text-align: left !important;
  }
}

/* The perspective title column and the CTA are siblings in a row. Stack the
   row itself on phones, not only its title column. */
@media (max-width: 767px) {
  body.page-id-16881 :where(.elementor-16881) .elementor-element-fb866e4{
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.25rem !important;
  }

  body.page-id-16881 :where(.elementor-16881) .elementor-element-17eac1bd{
    justify-content: flex-start !important;
  }
}

/* Elementor splits the perspective header into two 50 percent halves inside
   the section inner flex row. Collapse the row and give both halves the width. */
@media (max-width: 767px) {
  body.page-id-16881 :where(.elementor-16881) .elementor-element-237a18c7,body.page-id-16881 :where(.elementor-16881) .elementor-element-237a18c7 > .e-con-inner{
    flex-direction: column !important;
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }

  body.page-id-16881 :where(.elementor-16881) .elementor-element-fb866e4,body.page-id-16881 :where(.elementor-16881) .elementor-element-442a6592{
    width: 100% !important;
    flex: 0 0 100% !important;
  }
}

/* The section link rule below turns every anchor lime on hover. The shared CTA
   keeps its white label; only its rim, tint and arrow carry the accent. */
body.page-id-16881 :where(.elementor-16881) .neer-ref-section .neer-island__cta,body.page-id-16881 :where(.elementor-16881) .ref-repo .neer-island__cta{
  color: #ffffff !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section .neer-island__cta:hover,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .neer-island__cta:focus-visible,body.page-id-16881 :where(.elementor-16881) .ref-repo .neer-island__cta:hover,body.page-id-16881 :where(.elementor-16881) .ref-repo .neer-island__cta:focus-visible{
  color: #ffffff !important;
}

/* The widget CTA must keep its single-line label. The old button column is
   narrower than the label at desktop, so allow the pill to overflow its grid
   cell rather than wrap. */
body.page-id-16881 :where(.elementor-16881) .neer-ref-section .neer-island__cta,body.page-id-16881 :where(.elementor-16881) .ref-repo .neer-island__cta{
  white-space: nowrap;
}

@media (max-width: 359px) {
  body.page-id-16881 :where(.elementor-16881) .neer-ref-section .neer-island__cta,body.page-id-16881 :where(.elementor-16881) .ref-repo .neer-island__cta{
    max-width: 100%;
    white-space: normal;
  }
}

/* Keep the pill at its natural width inside the narrow practices header
   column. It may use the 24px void gap; it must not shrink. */
body.page-id-16881 :where(.elementor-16881) .neer-ref-section .neer-cta-widget .neer-island__cta{
  flex-shrink: 0;
}

/* testimonial mobile breathing: the slider is full-bleed, so the quote needs
   its own side padding or glyphs touch the viewport edges. */
@media (max-width: 767px) {
  body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .ref-testimonial{
    padding-inline: 20px !important;
  }

  body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .ref-testimonial__quote{
    max-width: 100%;
    font-size: 1.2rem !important;
  }
}

/* /ref heading case: Title Case on this page only (instructed 2026-10-30).
   Body copy keeps sentence case. Letter-reveal titles are excluded: each glyph
   sits in its own inline-block, where capitalize would uppercase every letter. */
body.page-id-16881 :where(.elementor-16881) h1,body.page-id-16881 :where(.elementor-16881) h2,body.page-id-16881 :where(.elementor-16881) h3,body.page-id-16881 :where(.elementor-16881) h4,body.page-id-16881 :where(.elementor-16881) h5,body.page-id-16881 :where(.elementor-16881) h6,body.page-id-16881 :where(.elementor-16881) .wcf--title{
  text-transform: capitalize;
}

body.page-id-16881 :where(.elementor-16881) .wcf-t-animation-text_reveal .wcf--title{
  text-transform: none;
}

/* Most sections carry `.neer-ref-section { text-transform: none !important }`.
   These overrides make the /ref Title Case rule win inside them, while the
   letter-reveal testimonials title keeps its authored case. */
body.page-id-16881 :where(.elementor-16881) .neer-ref-section h1,body.page-id-16881 :where(.elementor-16881) .neer-ref-section h2,body.page-id-16881 :where(.elementor-16881) .neer-ref-section h3,body.page-id-16881 :where(.elementor-16881) .neer-ref-section h4,body.page-id-16881 :where(.elementor-16881) .neer-ref-section h5,body.page-id-16881 :where(.elementor-16881) .neer-ref-section h6,body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf--title{
  text-transform: capitalize !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-ref-section .wcf-t-animation-text_reveal .wcf--title{
  text-transform: none !important;
}

/* Final heading colour wins over individual section typography rules. */
body.page-id-16881 :where(.elementor-16881) :is(.elementor-element-1a252020,:where(.elementor-16881) .elementor-element-c99a285,:where(.elementor-16881) .elementor-element-aisvc001,:where(.elementor-16881) .elementor-element-c8dcc3a,:where(.elementor-16881) .elementor-element-28561eb9) :is(h1,:where(.elementor-16881) h2,:where(.elementor-16881) h3,:where(.elementor-16881) h4,:where(.elementor-16881) h5,:where(.elementor-16881) h6,:where(.elementor-16881) .wcf--title),body.page-id-16881 :where(.elementor-16881) :is(.elementor-element-1a252020,:where(.elementor-16881) .elementor-element-c99a285,:where(.elementor-16881) .elementor-element-aisvc001,:where(.elementor-16881) .elementor-element-c8dcc3a,:where(.elementor-16881) .elementor-element-28561eb9) :is(h1,:where(.elementor-16881) h2,:where(.elementor-16881) h3,:where(.elementor-16881) h4,:where(.elementor-16881) h5,:where(.elementor-16881) h6,:where(.elementor-16881) .wcf--title) :is(span,:where(.elementor-16881) a){
  color: #ffffff !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-astr0sc1 :is(h1,:where(.elementor-16881) h2,:where(.elementor-16881) h3,:where(.elementor-16881) h4,:where(.elementor-16881) h5,:where(.elementor-16881) h6,:where(.elementor-16881) .wcf--title),body.page-id-16881 :where(.elementor-16881) .elementor-element-astr0sc1 :is(h1,:where(.elementor-16881) h2,:where(.elementor-16881) h3,:where(.elementor-16881) h4,:where(.elementor-16881) h5,:where(.elementor-16881) h6,:where(.elementor-16881) .wcf--title) :is(span,:where(.elementor-16881) a){
  color: #000000 !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-astr0sc1 .neer-astro__close :is(h1,:where(.elementor-16881) h2,:where(.elementor-16881) h3,:where(.elementor-16881) h4,:where(.elementor-16881) h5,:where(.elementor-16881) h6,:where(.elementor-16881) .wcf--title),body.page-id-16881 :where(.elementor-16881) .elementor-element-astr0sc1 .neer-astro__close :is(h1,:where(.elementor-16881) h2,:where(.elementor-16881) h3,:where(.elementor-16881) h4,:where(.elementor-16881) h5,:where(.elementor-16881) h6,:where(.elementor-16881) .wcf--title) :is(span,:where(.elementor-16881) a){
  color: #ffffff !important;
}

/* The AI service is revealed underneath the folding Astro screen. */
body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__close-inner{
  box-sizing: border-box;
  width: min(100%, 1280px);
  padding: clamp(24px, 5vw, 72px);
  margin-inline: auto;
}

body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__close-line{
  max-width: 20ch;
  margin: 0 !important;
  color: #ffffff !important;
  font-family: "Kanit", sans-serif !important;
  font-weight: 500 !important;
  letter-spacing: 0.05em !important;
  line-height: 1.08 !important;
}

body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__close-lead{
  max-width: 46ch;
  margin: 1.25rem 0 0 !important;
  color: #a1a1aa !important;
  font-family: "Inter", sans-serif !important;
  line-height: 1.6 !important;
}

body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__close .neer-astro__chips{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 1.5rem 0 0 !important;
  padding: 0 !important;
}

body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__close .neer-astro__chips li{
  font-family: "Inter", sans-serif !important;
  color: #f5f5f5 !important;
}

body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  margin: 1.75rem 0 0 !important;
}

body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__actions .elementor-widget{
  margin: 0 !important;
  flex: 0 1 auto;
}

body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__actions .neer-island__cta{
  margin: 0 !important;
}

@media (max-width: 767px) {
  body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__close-inner{
    padding: 72px 20px 28px;
  }

  body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__actions{
    align-items: stretch;
    gap: 12px;
  }

  body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__actions :is(.elementor-widget,:where(.elementor-16881) .elementor-widget-container,:where(.elementor-16881) .neer-cta-widget){
    width: 100% !important;
  }
}

body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__actions :is(.elementor-widget-neer-cta,:where(.elementor-16881) .neer-cta-widget){
  width: auto !important;
}

@media (max-width: 767px) {
  body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__actions :is(.elementor-widget-neer-cta,:where(.elementor-16881) .neer-cta-widget){
    width: 100% !important;
  }
}

body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__wtitle h2{
  font-family: "Kanit", sans-serif !important;
  font-weight: 500 !important;
  color: #000000 !important;
  letter-spacing: 0.05em !important;
}

body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen :is(p,:where(.elementor-16881) .neer-astro__wlegend,:where(.elementor-16881) .neer-astro__wfoot){
  font-family: "Inter", sans-serif !important;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-astr0sc1{
  position: relative;
  z-index: 2;
}

body.page-id-16881 :where(.elementor-16881) .neer-astro__ai-backdrop{
  position: absolute;
  inset: 0;
  min-height: 100%;
  display: flex;
  align-items: center;
  pointer-events: none;
}

body.page-id-16881 :where(.elementor-16881) .elementor-element-astr0sc1 .neer-astro__ai-backdrop h2{
  color: #ffffff !important;
}

body.page-id-16881 :where(.elementor-16881) .neer-astro__next-service{
  margin-top: -100svh !important;
  position: relative;
  z-index: 1;
}

/* Align the requested copy to the page's main content gutter. */
body.page-id-16881 :where(.elementor-16881) {
  --neer-content-gutter: clamp(20px, 5vw, 80px);
}
body.page-id-16881 :where(.elementor-16881) .neer-hero-v2__content{
  margin-left: 0;
  width: min(100%, 34rem);
  min-width: 0;
}
body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__wtitle{
  left: var(--neer-content-gutter);
  right: auto;
  width: min(720px, calc(100% - 2 * var(--neer-content-gutter)));
  z-index: 2;
  top: max(100px, 14vh);
}
body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__dna{
  transform: translateY(9vh) scale(.82);
  transform-origin: center center;
}
body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__close-inner{
  width: 100%;
  max-width: none;
  padding-inline: var(--neer-content-gutter);
}
@media (max-width: 767px) {
  body.page-id-16881 :where(.elementor-16881) { --neer-content-gutter: 20px; }
  body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__wtitle{ top: max(72px, 10vh); }
  body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__dna{ transform: translateY(12vh) scale(.72); }
  body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__wfoot{ bottom: 18px; }
  body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__wlegend{ bottom: 45px; left: var(--neer-content-gutter); right: auto; }
}
@keyframes neer-legend-wave {
  0%, 100% { box-shadow: 0 0 0 0 rgba(204,255,0,.45); }
  65% { box-shadow: 0 0 0 9px rgba(204,255,0,0); }
}
@media (prefers-reduced-motion: no-preference) {
  body.page-id-16881 :where(.elementor-16881) > .neer-astro__screen .neer-astro__wlegend i{
    animation: neer-legend-wave 2s ease-out infinite;
  }
}

/* Eight primary links, with generous but compact viewport-aware spacing. */









@media (max-width: 767px) {
  
  
  
  
}

/* Testimonial and client showcase: reference layout, NEER type and palette. */
body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .elementor-element-1b9c418 h3{
  font-family: "Kanit", sans-serif !important;
  font-weight: 500 !important;
  font-size: clamp(2.5rem, 5.5vw, 5.625rem) !important;
  line-height: 1.05 !important;
}
body.page-id-16881 :where(.elementor-16881) .elementor-element-28561eb9 .ref-testimonial__quote{
  max-width: 56ch;
  font-size: clamp(1.15rem, 2vw, 1.75rem) !important;
  line-height: 1.5 !important;
  color: #f5f5f5 !important;
}
body.page-id-16881 :where(.elementor-16881) .neer-client-showcase{
  background: #fff;
  color: #050505;
  padding: clamp(4.5rem, 9vw, 8rem) clamp(20px, 5vw, 80px) !important;
}
body.page-id-16881 :where(.elementor-16881) .neer-client-showcase > .e-con-inner{ width: 100%; max-width: 1290px; padding: 0; }
body.page-id-16881 :where(.elementor-16881) .neer-client-showcase__title{
  margin: 0 0 clamp(2.5rem, 5vw, 4.5rem);
  color: #050505;
  font: 500 clamp(2rem, 3.8vw, 3.5rem)/1.12 "Kanit", sans-serif;
  letter-spacing: .05em;
  text-transform: none;
}
body.page-id-16881 :where(.elementor-16881) .neer-client-showcase__grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid #e7e7e7;
  border-left: 1px solid #e7e7e7;
}
body.page-id-16881 :where(.elementor-16881) .neer-client-showcase__item{
  min-height: clamp(120px, 13vw, 190px);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
body.page-id-16881 :where(.elementor-16881) .neer-client-showcase__item img{
  display: block;
  width: min(100%, 165px);
  max-height: 100px;
  object-fit: contain;
}
@media (max-width: 767px) {
  body.page-id-16881 :where(.elementor-16881) .neer-client-showcase__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body.page-id-16881 :where(.elementor-16881) .neer-client-showcase__item{ min-height: 120px; padding: 16px; }
}

/* Eight primary links, with generous but compact viewport-aware spacing. */









@media (max-width: 767px) {
  
  
  
  
}