/* screen - desktop */

.desktop {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  min-width: 1280px;
  position: relative;
}

.desktop .header-contain {
  background-color: var(--backgroundbackground-1);
  flex: 0 0 auto;
  max-width: 1280px;
  width: 100%;
}

.desktop .navigation-header-and-desktop {
  align-items: center;
  align-self: stretch;
  background-color: var(--backgroundbackground-1);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--dividerdivider-1);
  display: flex;
  height: 64px;
  justify-content: space-between;
  padding: 20px 16px 24px;
  position: relative;
  width: 100%;
}

.desktop .the-green-paintbrush-logo-lockup {
  aspect-ratio: 3.36;
  cursor: pointer;
  height: 42px;
  margin-bottom: -11.00px;
  margin-top: -11.00px;
  position: relative;
  width: 141px;
}

.desktop .group {
  height: 95.85%;
  left: 0;
  position: absolute;
  top: 2.33%;
  width: 27.97%;
}

.desktop .vector {
  height: 45.21%;
  left: 17.10%;
  position: absolute;
  top: 0;
  width: 67.79%;
}

.desktop .vector-1 {
  height: 45.21%;
  left: 14.87%;
  position: absolute;
  top: 54.79%;
  width: 67.79%;
}

.desktop .vector-2 {
  height: 63.95%;
  left: 0;
  position: absolute;
  top: 18.25%;
  width: 45.06%;
}

.desktop .vector-3 {
  height: 63.95%;
  left: 54.94%;
  position: absolute;
  top: 18.08%;
  width: 45.06%;
}

.desktop .group-1 {
  height: 36.92%;
  left: 35.25%;
  position: absolute;
  top: 7.91%;
  width: 57.78%;
}

.desktop .vector-4 {
  height: 91.52%;
  left: 0;
  position: absolute;
  top: 7.13%;
  width: 6.05%;
}

.desktop .vector-5 {
  height: 96.23%;
  left: 8.20%;
  position: absolute;
  top: 0;
  width: 10.30%;
}

.desktop .vector-6 {
  height: 72.95%;
  left: 20.37%;
  position: absolute;
  top: 26.91%;
  width: 11.73%;
}

.desktop .vector-7 {
  height: 100.00%;
  left: 37.51%;
  position: absolute;
  top: 0;
  width: 16.17%;
}

.desktop .vector-8 {
  height: 70.11%;
  left: 56.42%;
  position: absolute;
  top: 28.00%;
  width: 6.12%;
}

.desktop .vector-9 {
  height: 72.95%;
  left: 62.98%;
  position: absolute;
  top: 26.91%;
  width: 11.73%;
}

.desktop .vector-10 {
  height: 72.95%;
  left: 75.99%;
  position: absolute;
  top: 26.91%;
  width: 11.73%;
}

.desktop .vector-11 {
  height: 71.07%;
  left: 89.70%;
  position: absolute;
  top: 27.05%;
  width: 10.30%;
}

.desktop .group-2 {
  height: 36.23%;
  left: 36.41%;
  position: absolute;
  top: 56.38%;
  width: 61.81%;
}

.desktop .frame-2147237998 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  margin-bottom: -6.00px;
  margin-top: -6.00px;
  position: relative;
}

.desktop .nav-link-1 {
  cursor: pointer;
  width: 105px;
}

.desktop .linkname {
  left: 0;
  width: 105px;
}

.desktop .buttons {
  cursor: pointer;
}

.desktop .nav-link {
  height: 20px;
  position: relative;
  width: 105px;
}

.desktop .cta-buttons {
  align-items: center;
  background-color: var(--blue-violet);
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
}

.desktop .linkname-1 {
  left: calc(50.00% - 42px);
  white-space: nowrap;
}

.desktop .frame-2147237997 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 65px;
  justify-content: center;
  max-width: 1280px;
  padding: 48px 50px;
  position: relative;
  width: 100%;
}

.desktop .header-content {
  flex: 1;
  flex-grow: 1;
  gap: 50px;
  height: 632px;
  justify-content: center;
  max-width: 1600px;
  padding: 0px 32px;
}

.desktop .title {
  letter-spacing: -2.10px;
  line-height: 70px;
  position: relative;
}

.desktop .eyebrow {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.desktop .except-everything-else {
  flex: 1;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
}

.desktop .frame-214723 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
  position: relative;
}

.desktop .linkname-2 {
  left: calc(50.00% - 52px);
  white-space: nowrap;
}

.desktop .cta-buttons-2 {
  border: 1px solid;
  border-color: var(--scampi);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
}

.desktop .linkname-3 {
  left: calc(50.00% - 34px);
  white-space: nowrap;
}

.desktop .image-break {
  background-image: url(../img/image-break-3.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 554px;
  position: relative;
  width: 562px;
}

.desktop .news-card-hero {
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  flex: 0 0 auto;
  gap: 40px;
  justify-content: center;
  padding: 50px;
  width: 100%;
}

.desktop .news-card-content {
  align-items: flex-start;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
  padding: 0px 40px;
}

.desktop .instituting-metric-derived-motions {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop .making-the-world-go-round {
  align-self: stretch;
  letter-spacing: -0.90px;
  line-height: 36.0px;
  position: relative;
}

.desktop .the-green-paintbrush {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
}

.desktop .cta-buttons-1 {
  background-color: var(--blue-violet);
  display: inline-flex;
  flex: 0 0 auto;
}

.desktop .cta-buttons-3 {
  border: 1px solid;
  border-color: var(--scampi);
  display: inline-flex;
  flex: 0 0 auto;
}

.desktop .product-school-dl-yy-yddnx4-unsplash-1 {
  aspect-ratio: 1.48;
  flex: 1;
  flex-grow: 1;
  object-fit: cover;
  position: relative;
}

.desktop .what-if-the-world-wo {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop .it-would-suck-for-everyone-else {
  align-self: stretch;
  letter-spacing: -0.90px;
  line-height: 36.0px;
  position: relative;
}

.desktop .frame-2147237999 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  position: relative;
  width: 145px;
}

.desktop .cta-buttons-4 {
  background-color: var(--blue-violet);
  display: flex;
  flex: 1;
  flex-grow: 1;
}

.desktop .linkname-4 {
  left: calc(50.00% - 60px);
  white-space: nowrap;
}

.desktop .main {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.desktop .what-we-do-section {
  background-color: var(--backgroundbackground-1);
  flex-direction: column;
  gap: 25px;
  padding: 50px;
}

.desktop .what-we-do-header {
  gap: 10px;
  justify-content: center;
}

.desktop .aspects {
  letter-spacing: -2.10px;
  line-height: 70px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 984px;
}

.desktop .frame-2147238000 {
  align-self: stretch;
  height: 710px;
  position: relative;
  width: 100%;
}

.desktop .news-card-hero-1 {
  left: 0;
}

.desktop .product-school-dl-yy-yddnx4-unsplash-1-1 {
  align-self: stretch;
  height: 402px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.desktop .news-card-content-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  padding: 0px 40px;
  position: relative;
  width: 100%;
}

.desktop .visionation {
  align-self: stretch;
  letter-spacing: -0.90px;
  line-height: 36.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .organizations-in-the {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  text-align: center;
}

.desktop .frame-214723-1 {
  align-items: flex-start;
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
  position: relative;
}

.desktop .news-card-hero-2 {
  left: 403px;
}

.desktop .tooling {
  align-self: stretch;
  letter-spacing: -0.90px;
  line-height: 36.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .engineering-design-e {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  text-align: center;
}

.desktop .news-card-hero-3 {
  left: 807px;
}

.desktop .doing {
  align-self: stretch;
  letter-spacing: -0.90px;
  line-height: 36.0px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .our-most-popular-eng {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  text-align: center;
}

.desktop .image-break-section {
  align-items: center;
  align-self: stretch;
  background-color: var(--backgroundbackground-1);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  padding: 24px 50px;
  position: relative;
  width: 100%;
}

.desktop .ready-to-engineer-ready-to-talk {
  align-self: stretch;
  letter-spacing: -2.10px;
  line-height: 70px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.desktop .image {
  align-self: stretch;
  height: 746px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.desktop .frame-2147237999-1 {
  align-items: flex-start;
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  position: relative;
  width: 174px;
}

.desktop .cta-buttons-5 {
  background-color: var(--blue-violet);
  display: flex;
  width: 172px;
}

.desktop .nav-link-2 {
  flex: 1;
  flex-grow: 1;
}

.desktop .linkname-5 {
  left: calc(50.00% - 67px);
  white-space: nowrap;
}

.desktop .footer-section {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--zircon);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  padding: 30px 20px;
  position: relative;
  width: 100%;
}

.desktop .content-container {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.desktop .frame-214723800 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.desktop .the-green-paintbrush-logo-lockup-1 {
  height: 64.35px;
  position: relative;
  width: 216px;
}

.desktop .engineering-designed-experiences {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop .about-us {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop .link {
  cursor: pointer;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
  width: fit-content;
}

.desktop .location {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop .frame-2147238003 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6px;
  position: relative;
}

.desktop .vector-12 {
  aspect-ratio: 0.69;
  height: 16px;
  position: relative;
  width: 11px;
}

.desktop .greater-spokane-wa {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop .frame-2147238004 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  position: relative;
}

.desktop .contact-us {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop .find-us {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop .social {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 11.98px;
  position: relative;
  width: 60.73px;
}

.desktop .facebook {
  background-image: url(../img/path33-3.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 15.66px;
  position: relative;
  width: 8.76px;
}

.desktop .instagram {
  background-image: url(../img/vector-131.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 14.74px;
  position: relative;
  width: 14.74px;
}

.desktop .tik-tok {
  background-image: url(../img/path-2520-3.svg);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 15px;
  margin-right: -0.97px;
  position: relative;
  width: 14px;
}

.desktop .copyright-container {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 50px;
  position: relative;
  width: 100%;
}

.desktop .name {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.desktop .buttons-2 {
  align-items: center;
  display: flex;
  gap: 12px;
  position: relative;
  width: 105px;
}

.desktop .cta-buttons-6 {
  align-items: center;
  border-radius: 4px;
  gap: 12px;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
}

.desktop .header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
}

.desktop .linkname-6 {
  letter-spacing: -0.54px;
  line-height: 19.8px;
  position: absolute;
  text-align: center;
  top: 0;
}

.desktop .nav-link-3 {
  height: 20px;
  position: relative;
}

.desktop .news-card {
  display: flex;
  position: relative;
}

.desktop .news-card-hero-4 {
  align-items: center;
  border: 1px solid;
  border-color: var(--dividerdivider-1);
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: 710px;
  justify-content: center;
  padding: 30px;
  position: absolute;
  top: 0;
  width: 373.33px;
}

.desktop .what-we-do {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  position: relative;
  width: 100%;
}
/* screen - index */

.index {
  align-items: center;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  min-width: 800px;
  position: relative;
}

.index .header-contain-2 {
  align-items: flex-start;
  background-color: var(--backgroundbackground-1);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.index .header-text-section {
  align-self: stretch;
  background-color: var(--backgroundbackground-1);
  height: 86px;
  position: relative;
  width: 100%;
}

.index .navigation-header-and-desktop-2 {
  align-items: center;
  background-color: var(--backgroundbackground-1);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--dividerdivider-1);
  display: flex;
  gap: 24px;
  height: 64px;
  left: 69px;
  padding: 20px 16px 24px;
  position: relative;
  top: 16px;
  width: 662px;
}

.index .green-paintbrush-logo-mark-1 {
  cursor: pointer;
  height: 42px;
  margin-bottom: -11.00px;
  margin-top: -11.00px;
  position: relative;
  width: 42px;
}

.index .buttons-4 {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 12px;
  position: relative;
  width: 105px;
}

.index .nav-link-6 {
  width: 105px;
}

.index .linkname-14 {
  left: 0;
  width: 105px;
}

.index .cta-buttons-12 {
  background-color: var(--blue-violet);
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  margin-bottom: -6.00px;
  margin-top: -6.00px;
}

.index .linkname-15 {
  left: calc(50.00% - 42px);
  white-space: nowrap;
}

.index .frame-2147237997-2 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 65px;
  justify-content: center;
  max-width: 1280px;
  padding: 48px 50px;
  position: relative;
  width: 100%;
}

.index .header-content-2 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 50px;
  justify-content: center;
  max-width: 1600px;
  padding: 0px 32px;
  position: relative;
}

.index .title-2 {
  letter-spacing: -2.10px;
  line-height: 70px;
  margin-top: -1.00px;
  position: relative;
}

.index .eyebrow-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .except-everything-else-2 {
  flex: 1;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
}

.index .frame-2147237999-5 {
  display: inline-flex;
  margin-right: -35.00px;
}

.index .cta-buttons-10 {
  background-color: var(--blue-violet);
  display: inline-flex;
  flex: 0 0 auto;
}

.index .linkname-16 {
  left: calc(50.00% - 52px);
  white-space: nowrap;
}

.index .cta-buttons-11 {
  border: 1px solid;
  border-color: var(--scampi);
  display: inline-flex;
  flex: 0 0 auto;
}

.index .linkname-17 {
  left: calc(50.00% - 34px);
  white-space: nowrap;
}

.index .image-break-2 {
  background-image: url(../img/image-break-5@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 355px;
  position: relative;
  width: 336px;
}

.index .news-card-hero-7 {
  gap: 40px;
  height: 381.37px;
  padding: 50px;
}

.index .news-card-content-6 {
  align-items: flex-start;
  flex: 1;
  flex-grow: 1;
}

.index .instituting-metric-derived-motions-2 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .making-the-world-go-round-2 {
  align-self: stretch;
  letter-spacing: -0.84px;
  line-height: 33.6px;
  position: relative;
}

.index .the-green-paintbrush-2 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
}

.index .frame-2147237999-6 {
  display: inline-flex;
  margin-right: -20.00px;
}

.index .linkname-18 {
  left: calc(50.00% - 54px);
  white-space: nowrap;
}

.index .linkname-19 {
  left: calc(50.00% - 46px);
  white-space: nowrap;
}

.index .product-school-dl-yy-yddnx4-unsplash-1-5 {
  flex: 1;
  flex-grow: 1;
}

.index .news-card-content-7 {
  align-items: flex-start;
  flex: 1;
  flex-grow: 1;
  margin-bottom: -17.32px;
  margin-top: -17.32px;
}

.index .what-if-the-world-wo-2 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
}

.index .it-would-suck-for-everyone-else-2 {
  align-self: stretch;
  letter-spacing: -0.84px;
  line-height: 33.6px;
  position: relative;
}

.index .frame-2147237999-7 {
  display: flex;
  width: 153px;
}

.index .cta-buttons-13 {
  background-color: var(--blue-violet);
  display: flex;
  flex: 1;
  flex-grow: 1;
}

.index .linkname-20 {
  left: calc(50.00% - 60px);
  white-space: nowrap;
}

.index .main-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.index .what-we-do-section-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--backgroundbackground-1);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 25px;
  padding: 50px;
  position: relative;
  width: 100%;
}

.index .what-we-do-header-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .aspects-2 {
  letter-spacing: -2.10px;
  line-height: 70px;
  margin-left: -142.00px;
  margin-right: -142.00px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 984px;
}

.index .frame-2147238000-5 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 30px;
  height: 1832px;
  width: 100%;
}

.index .news-card-hero-8 {
  border: 1px solid;
  border-color: var(--dividerdivider-1);
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 12px;
  padding: 30px;
}

.index .product-school-dl-yy-yddnx4-unsplash-1-7 {
  flex: 1;
  flex-grow: 1;
  width: 100%;
}

.index .news-card-content-8 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  width: 100%;
}

.index .visionation-2 {
  align-self: stretch;
  letter-spacing: -0.84px;
  line-height: 33.6px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .organizations-in-the-2 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  text-align: center;
}

.index .frame-2147238000-4 {
  cursor: pointer;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 12px;
}

.index .product-school-dl-yy-yddnx4-unsplash-1-6 {
  height: 402px;
  margin-top: -13.67px;
  width: 100%;
}

.index .news-card-content-5 {
  align-items: center;
  align-self: stretch;
  flex: 0 0 auto;
  margin-bottom: -13.67px;
  width: 100%;
}

.index .tooling-2 {
  align-self: stretch;
  letter-spacing: -0.84px;
  line-height: 33.6px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .engineering-design-e-2 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  text-align: center;
}

.index .doing-2 {
  align-self: stretch;
  letter-spacing: -0.84px;
  line-height: 33.6px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .our-most-popular-eng-2 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  text-align: center;
}

.index .image-break-section-2 {
  align-items: center;
  align-self: stretch;
  background-color: var(--backgroundbackground-1);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  padding: 24px 36px;
  position: relative;
  width: 100%;
}

.index .ready-to-engineer-ready-to-talk-2 {
  align-self: stretch;
  letter-spacing: -2.10px;
  line-height: 70px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.index .image-2 {
  align-self: stretch;
  height: 432px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.index .frame-2147238000-6 {
  cursor: pointer;
  display: flex;
  flex: 0 0 auto;
  gap: 12px;
  width: 174px;
}

.index .cta-buttons-14 {
  background-color: var(--blue-violet);
  display: flex;
  width: 172px;
}

.index .nav-link-7 {
  flex: 1;
  flex-grow: 1;
}

.index .linkname-21 {
  left: calc(50.00% - 67px);
  white-space: nowrap;
}

.index .footer-section-2 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--zircon);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  padding: 30px 20px;
  position: relative;
  width: 100%;
}

.index .content-container-2 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  justify-content: space-between;
  position: relative;
  width: 100%;
}

.index .frame-214723800-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.index .the-green-paintbrush-logo-lockup-3 {
  height: 64.35px;
  position: relative;
  width: 216px;
}

.index .group-6 {
  height: 95.85%;
  left: 0;
  position: absolute;
  top: 2.33%;
  width: 27.97%;
}

.index .vector-26 {
  height: 45.21%;
  left: 17.10%;
  position: absolute;
  top: 0;
  width: 67.79%;
}

.index .vector-27 {
  height: 45.21%;
  left: 14.87%;
  position: absolute;
  top: 54.79%;
  width: 67.79%;
}

.index .vector-28 {
  height: 63.95%;
  left: 0;
  position: absolute;
  top: 18.25%;
  width: 45.06%;
}

.index .vector-29 {
  height: 63.95%;
  left: 54.94%;
  position: absolute;
  top: 18.08%;
  width: 45.06%;
}

.index .group-7 {
  height: 36.92%;
  left: 35.25%;
  position: absolute;
  top: 7.91%;
  width: 57.78%;
}

.index .vector-30 {
  height: 91.52%;
  left: 0;
  position: absolute;
  top: 7.13%;
  width: 6.05%;
}

.index .vector-31 {
  height: 96.23%;
  left: 8.20%;
  position: absolute;
  top: 0;
  width: 10.30%;
}

.index .vector-32 {
  height: 72.95%;
  left: 20.37%;
  position: absolute;
  top: 26.91%;
  width: 11.73%;
}

.index .vector-33 {
  height: 100.00%;
  left: 37.51%;
  position: absolute;
  top: 0;
  width: 16.17%;
}

.index .vector-34 {
  height: 70.11%;
  left: 56.42%;
  position: absolute;
  top: 28.00%;
  width: 6.12%;
}

.index .vector-35 {
  height: 72.95%;
  left: 62.98%;
  position: absolute;
  top: 26.91%;
  width: 11.73%;
}

.index .vector-36 {
  height: 72.95%;
  left: 75.99%;
  position: absolute;
  top: 26.91%;
  width: 11.73%;
}

.index .vector-37 {
  height: 71.07%;
  left: 89.70%;
  position: absolute;
  top: 27.05%;
  width: 10.30%;
}

.index .group-8 {
  height: 36.23%;
  left: 36.41%;
  position: absolute;
  top: 56.38%;
  width: 61.81%;
}

.index .engineering-designed-experiences-2 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .about-us-2 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .link-2 {
  cursor: pointer;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
  width: fit-content;
}

.index .location-2 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-2147238003-2 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6px;
  position: relative;
}

.index .vector-38 {
  aspect-ratio: 0.69;
  height: 16px;
  position: relative;
  width: 11px;
}

.index .greater-spokane-wa-2 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .frame-2147238004-2 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  position: relative;
}

.index .contact-us-2 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .find-us-2 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .social-2 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 11.98px;
  position: relative;
  width: 60.73px;
}

.index .facebook-2 {
  background-image: url(../img/path33-1.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 15.66px;
  position: relative;
  width: 8.76px;
}

.index .instagram-2 {
  background-image: url(../img/vector-38.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 14.74px;
  position: relative;
  width: 14.74px;
}

.index .tik-tok-2 {
  background-image: url(../img/path-2520-1.svg);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 15px;
  margin-right: -0.97px;
  position: relative;
  width: 14px;
}

.index .copyright-container-2 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 50px;
  position: relative;
  width: 100%;
}

.index .name-2 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.index .cta-buttons {
  align-items: center;
  border-radius: 4px;
  gap: 12px;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
}

.index .frame-2147237999 {
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 12px;
  position: relative;
}

.index .frame-2147238000 {
  align-items: flex-start;
  position: relative;
}

.index .linkname {
  letter-spacing: -0.54px;
  line-height: 19.8px;
  position: absolute;
  text-align: center;
  top: 0;
}

.index .nav-link {
  height: 20px;
  position: relative;
}

.index .news-card-content {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 0px 40px;
  position: relative;
}

.index .news-card-hero {
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  position: relative;
  width: 100%;
}

.index .product-school-dl-yy-yddnx4-unsplash-1 {
  align-self: stretch;
  object-fit: cover;
  position: relative;
}
/* screen - mobile */

.mobile {
  align-items: center;
  background-color: var(--backgroundbackground-1);
  display: flex;
  flex-direction: column;
  min-width: 375px;
  position: relative;
}

.mobile .header-contain-1 {
  align-items: flex-start;
  background-color: var(--backgroundbackground-1);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  max-width: 1280px;
  position: relative;
  width: 100%;
}

.mobile .navigation-header-and-desktop-1 {
  align-items: center;
  background-color: var(--backgroundbackground-1);
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-color: var(--dividerdivider-1);
  display: flex;
  gap: 8px;
  height: 64px;
  padding: 20px 16px 24px;
  position: relative;
  width: 375px;
}

.mobile .green-paintbrush-logo-mark {
  cursor: pointer;
  height: 42px;
  margin-bottom: -11.00px;
  margin-top: -11.00px;
  position: relative;
  width: 42px;
}

.mobile .frame-2147237998-1 {
  align-items: center;
  display: flex;
  margin-right: -14.00px;
  position: relative;
  width: 307px;
}

.mobile .buttons-2 {
  width: 105px;
}

.mobile .nav-link-3 {
  width: 105px;
}

.mobile .linkname-6 {
  cursor: pointer;
  left: 0;
  text-decoration: underline;
  width: 105px;
}

.mobile .buttons-3 {
  width: 89px;
}

.mobile .nav-link-5 {
  margin-right: -16.00px;
  width: 105px;
}

.mobile .frame-2147237997-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 25px;
  max-width: 1280px;
  padding: 8px 32px;
  position: relative;
  width: 100%;
}

.mobile .image-break-1 {
  background-image: url(../img/image-break-4@2x.png);
  background-position: 50% 50%;
  background-size: cover;
  height: 131px;
  position: relative;
  transform: rotate(180deg);
  width: 153px;
}

.mobile .header-content-1 {
  align-items: flex-start;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 18px;
  justify-content: center;
  max-width: 1600px;
  padding: 0px 32px;
  position: relative;
  width: 100%;
}

.mobile .title-1 {
  letter-spacing: -1.44px;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile .eyebrow-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobile .except-everything-else-1 {
  flex: 1;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile .frame-2147237999-2 {
  display: inline-flex;
  margin-right: -29.00px;
}

.mobile .cta-buttons-6 {
  background-color: var(--blue-violet);
  display: inline-flex;
  flex: 0 0 auto;
}

.mobile .linkname-8 {
  left: calc(50.00% - 52px);
  white-space: nowrap;
}

.mobile .cta-buttons-7 {
  border: 1px solid;
  border-color: var(--scampi);
  display: inline-flex;
  flex: 0 0 auto;
}

.mobile .linkname-9 {
  left: calc(50.00% - 34px);
  white-space: nowrap;
}

.mobile .news-card-hero-4 {
  gap: 32px;
  height: 499px;
  justify-content: center;
  padding: 50px 32px;
}

.mobile .product-school-dl-yy-yddnx4-unsplash-1-3 {
  height: 219px;
  margin-top: -36.00px;
}

.mobile .news-card-content-3 {
  align-items: flex-start;
  margin-bottom: -36.00px;
}

.mobile .instituting-metric-derived-motions-1 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .making-the-world-go-round-1 {
  align-self: stretch;
  letter-spacing: -0.66px;
  line-height: 26.4px;
  position: relative;
}

.mobile .the-green-paintbrush-1 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
}

.mobile .frame-2147237999-3 {
  display: inline-flex;
}

.mobile .linkname-10 {
  left: calc(50.00% - 54px);
  white-space: nowrap;
}

.mobile .linkname-11 {
  left: calc(50.00% - 46px);
  white-space: nowrap;
}

.mobile .product-school-dl-yy-yddnx4-unsplash-1-4 {
  height: 193px;
  margin-top: -32.00px;
}

.mobile .news-card-content-4 {
  align-items: flex-start;
  margin-bottom: -32.00px;
}

.mobile .what-if-the-world-wo-1 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
}

.mobile .it-would-suck-for-everyone-else-1 {
  align-self: stretch;
  letter-spacing: -0.66px;
  line-height: 26.4px;
  position: relative;
}

.mobile .frame-2147237999-4 {
  display: flex;
  width: 161px;
}

.mobile .cta-buttons-8 {
  background-color: var(--blue-violet);
  display: flex;
  flex: 1;
  flex-grow: 1;
}

.mobile .nav-link-4 {
  flex: 1;
  flex-grow: 1;
}

.mobile .linkname-12 {
  left: calc(50.00% - 60px);
  white-space: nowrap;
}

.mobile .main-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.mobile .aspects-section {
  align-items: center;
  align-self: stretch;
  background-color: var(--backgroundbackground-1);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 25px;
  padding: 12px;
  position: relative;
  width: 100%;
}

.mobile .aspects-header {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  position: relative;
  width: 100%;
}

.mobile .aspects-1 {
  letter-spacing: -1.44px;
  line-height: 48px;
  margin-left: -316.50px;
  margin-right: -316.50px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  width: 984px;
}

.mobile .frame-2147238000-2 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  gap: 30px;
  width: 100%;
}

.mobile .news-card-hero-6 {
  border: 1px solid;
  border-color: var(--dividerdivider-1);
  flex: 0 0 auto;
  gap: 12px;
  padding: 30px;
}

.mobile .product-school-dl-yy-yddnx4-unsplash-1-2 {
  height: 215px;
}

.mobile .news-card-content-2 {
  align-items: center;
}

.mobile .visionation-1 {
  align-self: stretch;
  letter-spacing: -0.66px;
  line-height: 26.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile .organizations-in-the-1 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  text-align: center;
}

.mobile .frame-2147238000-1 {
  cursor: pointer;
  display: inline-flex;
  gap: 12px;
}

.mobile .linkname-7 {
  left: calc(50.00% - 42px);
  white-space: nowrap;
}

.mobile .news-card-hero-5 {
  border: 1px solid;
  border-color: var(--dividerdivider-1);
  flex: 0 0 auto;
  gap: 12px;
  justify-content: center;
  padding: 30px;
}

.mobile .tooling-1 {
  align-self: stretch;
  letter-spacing: -0.66px;
  line-height: 26.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile .engineering-design-e-1 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  text-align: center;
}

.mobile .doing-1 {
  align-self: stretch;
  letter-spacing: -0.66px;
  line-height: 26.4px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile .our-most-popular-eng-1 {
  align-self: stretch;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  text-align: center;
}

.mobile .image-break-section-1 {
  align-items: center;
  align-self: stretch;
  background-color: var(--backgroundbackground-1);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  padding: 24px 40px;
  position: relative;
  width: 100%;
}

.mobile .ready-to-engineer-ready-to-talk-1 {
  align-self: stretch;
  letter-spacing: -1.44px;
  line-height: 48px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
}

.mobile .image-1 {
  align-self: stretch;
  height: 277px;
  object-fit: cover;
  position: relative;
  width: 100%;
}

.mobile .frame-2147238000-3 {
  cursor: pointer;
  display: flex;
  gap: 12px;
  width: 174px;
}

.mobile .cta-buttons-9 {
  background-color: var(--blue-violet);
  display: flex;
  width: 172px;
}

.mobile .linkname-13 {
  left: calc(50.00% - 67px);
  white-space: nowrap;
}

.mobile .footer-section-1 {
  align-items: flex-start;
  align-self: stretch;
  background-color: var(--zircon);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  padding: 30px 20px;
  position: relative;
  width: 100%;
}

.mobile .content-container-1 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.mobile .frame-214723800-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
}

.mobile .the-green-paintbrush-logo-lockup-2 {
  height: 64.35px;
  position: relative;
  width: 216px;
}

.mobile .group-3 {
  height: 95.85%;
  left: 0;
  position: absolute;
  top: 2.33%;
  width: 27.97%;
}

.mobile .vector-13 {
  height: 45.21%;
  left: 17.10%;
  position: absolute;
  top: 0;
  width: 67.79%;
}

.mobile .vector-14 {
  height: 45.21%;
  left: 14.87%;
  position: absolute;
  top: 54.79%;
  width: 67.79%;
}

.mobile .vector-15 {
  height: 63.95%;
  left: 0;
  position: absolute;
  top: 18.25%;
  width: 45.06%;
}

.mobile .vector-16 {
  height: 63.95%;
  left: 54.94%;
  position: absolute;
  top: 18.08%;
  width: 45.06%;
}

.mobile .group-4 {
  height: 36.92%;
  left: 35.25%;
  position: absolute;
  top: 7.91%;
  width: 57.78%;
}

.mobile .vector-17 {
  height: 91.52%;
  left: 0;
  position: absolute;
  top: 7.13%;
  width: 6.05%;
}

.mobile .vector-18 {
  height: 96.23%;
  left: 8.20%;
  position: absolute;
  top: 0;
  width: 10.30%;
}

.mobile .vector-19 {
  height: 72.95%;
  left: 20.37%;
  position: absolute;
  top: 26.91%;
  width: 11.73%;
}

.mobile .vector-20 {
  height: 100.00%;
  left: 37.51%;
  position: absolute;
  top: 0;
  width: 16.17%;
}

.mobile .vector-21 {
  height: 70.11%;
  left: 56.42%;
  position: absolute;
  top: 28.00%;
  width: 6.12%;
}

.mobile .vector-22 {
  height: 72.95%;
  left: 62.98%;
  position: absolute;
  top: 26.91%;
  width: 11.73%;
}

.mobile .vector-23 {
  height: 72.95%;
  left: 75.99%;
  position: absolute;
  top: 26.91%;
  width: 11.73%;
}

.mobile .vector-24 {
  height: 71.07%;
  left: 89.70%;
  position: absolute;
  top: 27.05%;
  width: 10.30%;
}

.mobile .group-5 {
  height: 36.23%;
  left: 36.41%;
  position: absolute;
  top: 56.38%;
  width: 61.81%;
}

.mobile .engineering-designed-experiences-1 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .social-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 11.98px;
  position: relative;
  width: 60.73px;
}

.mobile .facebook-1 {
  background-image: url(../img/path33-1.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 15.66px;
  position: relative;
  width: 8.76px;
}

.mobile .instagram-1 {
  background-image: url(../img/vector-38.svg);
  background-size: 100% 100%;
  cursor: pointer;
  height: 14.74px;
  position: relative;
  width: 14.74px;
}

.mobile .tik-tok-1 {
  background-image: url(../img/path-2520-1.svg);
  background-position: 50% 50%;
  background-size: cover;
  cursor: pointer;
  height: 15px;
  margin-right: -0.97px;
  position: relative;
  width: 14px;
}

.mobile .about-us-1 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .link-1 {
  cursor: pointer;
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
  width: fit-content;
}

.mobile .location-1 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .frame-2147238003-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 6px;
  position: relative;
}

.mobile .vector-25 {
  aspect-ratio: 0.69;
  height: 16px;
  position: relative;
  width: 11px;
}

.mobile .greater-spokane-wa-1 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .frame-2147238004-1 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  justify-content: center;
  position: relative;
}

.mobile .contact-us-1 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .find-us-1 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .copyright-container-1 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 50px;
  position: relative;
  width: 100%;
}

.mobile .name-1 {
  letter-spacing: -0.48px;
  line-height: 17.6px;
  margin-top: -1.00px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.mobile .buttons {
  align-items: center;
  display: flex;
  gap: 12px;
  position: relative;
}

.mobile .cta-buttons {
  align-items: center;
  border-radius: 4px;
  gap: 12px;
  justify-content: center;
  padding: 6px 12px;
  position: relative;
}

.mobile .frame-2147237999 {
  align-items: flex-start;
  flex: 0 0 auto;
  gap: 18px;
  position: relative;
}

.mobile .frame-2147238000 {
  align-items: flex-start;
  flex: 0 0 auto;
  position: relative;
}

.mobile .linkname {
  letter-spacing: -0.54px;
  line-height: 19.8px;
  position: absolute;
  text-align: center;
  top: 0;
}

.mobile .nav-link {
  height: 20px;
  position: relative;
}

.mobile .news-card-content {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 12px;
  position: relative;
  width: 100%;
}

.mobile .news-card-hero {
  align-items: center;
  align-self: stretch;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
}

.mobile .product-school-dl-yy-yddnx4-unsplash-1 {
  align-self: stretch;
  object-fit: cover;
  position: relative;
  width: 100%;
}
@media screen and (max-width: 799px) {
  .screen.desktop { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}
@media screen and (min-width: 800px) and (max-width: 1279px) {
  .screen.desktop { 
    display: none;
   }
  .screen.mobile { 
    display: none;
   }
}
@media screen and (min-width: 1280px) {
  .screen.mobile { 
    display: none;
   }
  .screen.index { 
    display: none;
   }
}