.elementor-29890 .elementor-element.elementor-element-2d85d0bf{--display:flex;--gap:0rem 0rem;--row-gap:0rem;--column-gap:0rem;--padding-top:0rem;--padding-bottom:0rem;--padding-left:0rem;--padding-right:0rem;}.elementor-29890 .elementor-element.elementor-element-8de536c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:2.5rem 2.5rem;--row-gap:2.5rem;--column-gap:2.5rem;--margin-top:0;--margin-bottom:0;--margin-left:auto;--margin-right:auto;--padding-top:0rem;--padding-bottom:03rem;--padding-left:0rem;--padding-right:0rem;}.elementor-29890 .elementor-element.elementor-element-f6eb40a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-29890 .elementor-element.elementor-element-6ab7ead1 img{width:1.5rem;max-width:1.5rem;height:1.5rem;}.elementor-29890 .elementor-element.elementor-element-4428469f .elementor-heading-title{font-family:var( --e-global-typography-897107b-font-family ), Sans-serif;font-size:var( --e-global-typography-897107b-font-size );text-transform:var( --e-global-typography-897107b-text-transform );line-height:var( --e-global-typography-897107b-line-height );}.elementor-29890 .elementor-element.elementor-element-b91af74{text-align:center;font-family:"Funnel Display", Sans-serif;font-size:3rem;font-weight:700;text-transform:uppercase;line-height:105%;color:var( --e-global-color-primary );}.elementor-29890 .elementor-element.elementor-element-5afc6e25{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Funnel Sans", Sans-serif;font-size:1rem;font-weight:300;line-height:150%;color:var( --e-global-color-362dfd2 );}.elementor-29890 .elementor-element.elementor-element-6d824c00{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(3, 1fr);--gap:0px 0px;--row-gap:0px;--column-gap:0px;--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29890 .elementor-element.elementor-element-6d824c00:not(.elementor-motion-effects-element-type-background), .elementor-29890 .elementor-element.elementor-element-6d824c00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://trio.dev/wp-content/uploads/2026/01/bg.svg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-29890 .elementor-element.elementor-element-6c19a7eb{--display:flex;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29890 .elementor-element.elementor-element-767e537{font-family:"Funnel Display", Sans-serif;font-size:1.5rem;font-weight:400;line-height:125%;}.elementor-29890 .elementor-element.elementor-global-29098.elementor-element{--align-self:flex-start;}.elementor-29890 .elementor-element.elementor-element-50b2d47a{--display:flex;--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29890 .elementor-element.elementor-element-6ec7c9cd{font-family:"Funnel Display", Sans-serif;font-size:1.5rem;font-weight:400;line-height:125%;}.elementor-29890 .elementor-element.elementor-element-2ed73067{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29890 .elementor-element.elementor-element-2be70452{width:100%;max-width:100%;padding:0px 0px 0px 0px;}.elementor-29890 .elementor-element.elementor-element-372ba66b{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29890 .elementor-element.elementor-element-2e44e061{text-align:end;font-family:"Funnel Display", Sans-serif;font-size:1.5rem;font-weight:400;line-height:125%;}.elementor-29890 .elementor-element.elementor-element-191c7404{--display:flex;--justify-content:flex-start;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:1rem 1rem;--row-gap:1rem;--column-gap:1rem;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-29890 .elementor-element.elementor-element-3e1ee6ce{text-align:end;font-family:"Funnel Display", Sans-serif;font-size:1.5rem;font-weight:400;line-height:125%;}@media(max-width:1366px){.elementor-29890 .elementor-element.elementor-element-4428469f .elementor-heading-title{font-size:var( --e-global-typography-897107b-font-size );line-height:var( --e-global-typography-897107b-line-height );}.elementor-29890 .elementor-element.elementor-element-6d824c00{--grid-auto-flow:row;}.elementor-29890 .elementor-element.elementor-element-6d824c00:not(.elementor-motion-effects-element-type-background), .elementor-29890 .elementor-element.elementor-element-6d824c00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:contain;}}@media(max-width:1024px){.elementor-29890 .elementor-element.elementor-element-4428469f .elementor-heading-title{font-size:var( --e-global-typography-897107b-font-size );line-height:var( --e-global-typography-897107b-line-height );}.elementor-29890 .elementor-element.elementor-element-6d824c00:not(.elementor-motion-effects-element-type-background), .elementor-29890 .elementor-element.elementor-element-6d824c00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://trio.dev/wp-content/uploads/2026/01/why-trio-mosaic-mobile.svg");}.elementor-29890 .elementor-element.elementor-element-6d824c00{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-29890 .elementor-element.elementor-element-4428469f .elementor-heading-title{font-size:var( --e-global-typography-897107b-font-size );line-height:var( --e-global-typography-897107b-line-height );}.elementor-29890 .elementor-element.elementor-element-b91af74{font-size:2.375rem;}.elementor-29890 .elementor-element.elementor-element-6d824c00{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:768px){.elementor-29890 .elementor-element.elementor-element-8de536c{--width:46rem;}.elementor-29890 .elementor-element.elementor-element-f6eb40a{--width:auto;}}@media(max-width:1024px) and (min-width:768px){.elementor-29890 .elementor-element.elementor-element-8de536c{--width:100%;}}@media(min-width:1920px){.elementor-29890 .elementor-element.elementor-element-4428469f .elementor-heading-title{font-size:var( --e-global-typography-897107b-font-size );line-height:var( --e-global-typography-897107b-line-height );}.elementor-29890 .elementor-element.elementor-element-6d824c00{--grid-auto-flow:row;}}/* Start custom CSS *//*!---- TECH-PAGE-HERO ----*/
#our-partners-say-section {
  width: 100%;
}

#our-partners-say-section > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
#our-partners-say-section > div span {
  font-family: "Funnel Sans";
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 150%;
  color: var(--foreground);
}

#stars-container {
  display: flex;
  justify-content: center;
  gap: 0.1rem;
}

/*!---- TECH-PAGE-OUR-TALENT-SECTION ----*/
#our-talent-section #our-talent-image,
#our-talent-section #our-talent-image img {
  width: 100%;
  height: 100%;
}
#our-talent-section #our-talent-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
#our-talent-section [data-bullet-list-item-wrapper] {
  visibility: hidden;
}
#our-talent-section [data-bullet-list-item-wrapper].bullet-list-item-visible {
  visibility: visible;
}
#our-talent-section .bullet-list-item {
  display: flex;
  gap: 2.5rem;
  flex-direction: row;
}
#our-talent-section .bullet-list-image {
  width: 3rem;
  height: 3rem;
  flex-shrink: 0;
  background-color: var(--color-primary-200);
  border-radius: 0.6rem;
  padding: 0.5rem;
  align-items: center;
  justify-content: center;
}
#our-talent-section .bullet-list-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/*!---- TECH-PAGE-WHY-TRIO ----*/
#why-trio-grid {
  --border-color: var(--infinite-border-color);
  --border: 1px solid var(--border-color);
  --transition: 0.3s ease-in-out;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto auto;
}
#why-trio-grid #grid-item-01 {
  grid-area: 1/1/2/3;
  height: 166px;
  border-right: var(--border);
}
#why-trio-grid #grid-item-02 {
  grid-area: 2/1/4/2;
  border-top: var(--border);
  border-right: var(--border);
}
#why-trio-grid #grid-item-03 {
  grid-area: 3/2/4/4;
  height: 166px;
  border-top: var(--border);
  display: flex;
  flex-direction: column;
}
#why-trio-grid #grid-item-04 {
  grid-area: 1/3/3/4;
  display: flex;
  flex-direction: column;
  align-items: end;
}
#why-trio-grid #grid-item-05 {
  grid-area: 2/2/3/3;
  border-top: var(--border);
  border-right: var(--border);
}
#why-trio-grid .why-trio-grid-text-item {
  padding: 2.5rem;
  min-height: 10rem;
}
#why-trio-grid .why-trio-grid-central-item {
  width: 36.25rem;
  height: 20.625rem;
  background-color: var(--color-neutral-0);
  z-index: 20;
  pointer-events: none;
}
#why-trio-grid p,
#why-trio-grid .why-trio-grid-cta {
  z-index: 10;
}
#why-trio-grid p {
  transition: color var(--transition);
}
#why-trio-grid .why-trio-grid-cta {
  opacity: 0;
  transform: translateY(-1rem);
  transition: opacity var(--transition), transform var(--transition);
}
#why-trio-grid #grid-item-03 .why-trio-grid-cta,
#why-trio-grid #grid-item-04 .why-trio-grid-cta {
  align-self: end;
}
#why-trio-grid #grid-item-04 {
  display: flex;
  justify-content: end;
}
#why-trio-grid #grid-item-01,
#why-trio-grid #grid-item-02,
#why-trio-grid #grid-item-03,
#why-trio-grid #grid-item-04 {
  position: relative;
}
#why-trio-grid #grid-item-01::before,
#why-trio-grid #grid-item-02::before,
#why-trio-grid #grid-item-03::before,
#why-trio-grid #grid-item-04::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  background-color: var(--color-primary-600);
  transition: opacity var(--transition);
  z-index: 0;
}
#why-trio-grid #grid-item-01:hover::before,
#why-trio-grid #grid-item-02:hover::before,
#why-trio-grid #grid-item-03:hover::before,
#why-trio-grid #grid-item-04:hover::before {
  opacity: 0.2;
}
#why-trio-grid #grid-item-01:hover p,
#why-trio-grid #grid-item-02:hover p,
#why-trio-grid #grid-item-03:hover p,
#why-trio-grid #grid-item-04:hover p {
  color: var(--foreground-actionable);
}
#why-trio-grid #grid-item-01:hover .why-trio-grid-cta,
#why-trio-grid #grid-item-02:hover .why-trio-grid-cta,
#why-trio-grid #grid-item-03:hover .why-trio-grid-cta,
#why-trio-grid #grid-item-04:hover .why-trio-grid-cta {
  opacity: 1;
  transform: translateY(0);
}
#why-trio-grid #why-trio-grid-central-image {
  position: absolute;
  bottom: 0;
  max-height: unset;
  max-width: unset;
  aspect-ratio: 456/331;
}
#why-trio-grid #why-trio-grid-central-image img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

/*!---- TECH-PAGE-ROUNDED-STATUS ----*/
.rounded-status.e-con {
  display: flex;
  flex-direction: row;
  align-items: stretch;
  position: relative;
  width: 100%;
  background-color: var(--color-neutral-50);
  border-radius: 0 0 1.5rem 1.5rem;
  overflow: hidden;
}
.rounded-status.e-con > .e-con-inner {
  display: flex;
  flex-direction: row;
  align-items: stretch;
}
.rounded-status.e-con:nth-child(1) .rounded-status-number {
  background-color: var(--color-primary-100);
}
.rounded-status.e-con:nth-child(2) {
  border-radius: 0 0 1.5rem;
}
.rounded-status.e-con:nth-child(2) .rounded-status-number {
  background-color: var(--color-secondary-500);
  border-radius: 0 0 1.5rem 0;
}
.rounded-status.e-con:nth-child(3) .rounded-status-number {
  background-color: var(--color-secondary-300);
}
.rounded-status.e-con .rounded-status-number {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  align-self: stretch;
  aspect-ratio: 1/1;
  min-width: 4.25rem;
}
.rounded-status.e-con .rounded-status-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 0.625rem 1rem;
}

/*!---- TECH-PAGE-WHY-STAFF-TABS ----*/
#why-staff-tabs {
  width: auto;
  min-width: 12rem;
}
#why-staff-tabs li.elementor-icon-list-item a {
  padding: 0.62rem 0.75rem;
  color: var(--foreground);
  border-radius: 0.375rem;
  background-color: transparent;
  transition-property: color, background-color;
  transition-duration: 0.4s;
  transition-timing-function: ease-in-out;
}
#why-staff-tabs li.elementor-icon-list-item a.is-active, #why-staff-tabs li.elementor-icon-list-item a:hover {
  color: var(--foreground-actionable);
  background-color: var(--surface-hover-actionable-secondary);
}
#why-staff-tabs a[data-icon-right] > span {
  padding: 0 !important;
}
#why-staff-tabs a[data-icon-right] .elementor-icon-list-icon {
  order: 1;
}
#why-staff-tabs a[data-icon-right] {
  gap: 0.38rem;
}

.why-staff-augmentation-section {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.why-staff-augmentation-section.is-hidden {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  visibility: hidden;
}/* End custom CSS */