:root {
  --white: white;
  --black: black;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.home-plugin-figma-to-webflow {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 848px;
  display: flex;
}

.navbar-logo-left {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 120px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.navbarcontainer {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.navbar-content {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.navbar-brand {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 68.4583px;
  height: 31px;
  display: flex;
}

.navbar-menu {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-link {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  display: flex;
}

.text {
  color: #000;
  letter-spacing: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #ebebeb;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.container {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.column {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-copy-goes-here-be-awesome {
  text-align: justify;
  font-family: Roboto, sans-serif;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat {
  color: #212121;
  font-size: 18px;
  line-height: 33px;
  font-weight: undefined;
  letter-spacing: -.01em;
}

.column-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-right: 113px;
  display: flex;
}

.image-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.vectors-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-copy-goes-here-be-awesome-0 {
  color: #000;
  letter-spacing: 0;
  font-size: 46px;
  font-weight: 700;
  line-height: 120%;
}

.title-copy-goes-here-be-awesome-1 {
  color: #737373;
  letter-spacing: 0;
  font-size: 35px;
  font-weight: 700;
  line-height: 120%;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-0 {
  color: #212121;
  letter-spacing: -.01em;
  font-size: 18px;
  font-weight: 300;
  line-height: 33px;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-1 {
  color: #212121;
  letter-spacing: -.01em;
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
}

.home-plugin-figma-to-webflow-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 1918px;
  display: flex;
}

.hero-heading-right {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-image: linear-gradient(#3b92ea, #0f69c3);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 448px;
  padding: 64px 24px;
  display: flex;
}

.container-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-right: 135px;
  display: flex;
}

.mockuuups-female-hand-holding-iphone-14-pro-mockup-3 {
  object-fit: cover;
}

.column-4 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.text-2 {
  color: #fff;
  letter-spacing: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
}

.text-3 {
  color: #fff;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.actions {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #27ae60;
  border: 1px solid #1b7c39;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.text-4 {
  color: #fff;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}

.home-plugin-figma-to-webflow-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 5755px;
  display: flex;
}

.column-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 560px;
  display: flex;
}

.column-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 560px;
  display: flex;
}

.hero-heading-right-2 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-image: linear-gradient(#3b92ea 0%, #0f69c3 100%);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 625px;
  padding: 64px 24px;
  display: flex;
}

.column-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 426px;
  display: flex;
}

.column-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 272px;
  display: flex;
}

.content-2 {
  grid-column-gap: -9px;
  grid-row-gap: -9px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.button-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #27ae60;
  border: 1px solid #1b7c39;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 18px 62px;
  text-decoration: none;
  display: flex;
}

.text-5 {
  color: #fff;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}

.hero-heading-left-2 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #2d3c43;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.actions-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  display: flex;
}

.button-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #000;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.text-6 {
  color: #fff;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}

.column-9 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-heading-right-3 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #1d3208;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 625px;
  padding: 64px 24px;
  display: flex;
}

.testimonial-column-light {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.columns {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.content-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px solid #e4ebf3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.quote {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-7 {
  color: #000;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.author {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f5f7fa;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 24px 16px;
  display: flex;
}

.image-wrapper-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.image-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.info {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-8 {
  color: #000;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}

.team-circles {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.container-3 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.title-section {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 530px;
  display: flex;
}

.text-9 {
  color: #1c1c1c;
  text-align: center;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
}

.columns-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.card {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-wrapper-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 270px;
  height: 270px;
  display: flex;
}

.image-3 {
  max-width: fixed;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 270px;
  display: flex;
}

.content-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.info-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-10 {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}

.text-11 {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.description {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.logo-title {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.content-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.logos {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.logo-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hero-no-image {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.small-container {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 960px;
  padding: 32px;
  display: flex;
}

.footer {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f5f7fa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px 8px;
  display: flex;
}

.columns-3 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.column-10 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 320px;
  display: flex;
}

.logo-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  display: flex;
}

.vectors-wrapper-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 31px;
  display: flex;
}

.small-columns {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 600px;
  padding-top: 26px;
  display: flex;
}

.column-11 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.content-6 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 21px;
  display: flex;
}

.text-12 {
  color: #212121;
  letter-spacing: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 150%;
}

.column-12 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.copyright {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 940px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  box-shadow: 0 -1px #e4ebf3;
}

.text-13 {
  color: #a6a6a6;
  text-align: center;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.title-copy-goes-here-be-awesome-2 {
  color: #737373;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.title-0 {
  color: #1c1c1c;
  text-align: center;
  letter-spacing: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.title-1 {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(90deg, #7000ff 0%, #0057ff 35%, #00a3ff 67%, #1ba718 100%);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.title-2 {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.i-am-an-energetic-designer-who-combines-rapid-prototyping-interaction-and-visual-design-to-transform-thorny-problems-into-elegant-solutions-i-have-expertise-in-agile-environment-design-systems-product-handoff-with-devs-ux-reports-and-audits-market-research-product-prioritisation-definition-of-ui-patterns-stakeholders-management-and-design-thinking-my-work-goes-beyond-conventional-interaction-patterns-and-visual-styles-i-specialise-in-consumer-products-that-distill-complex-data-into-simple-and-beautiful-visualisations-with-my-extensive-experience-working-in-tandem-with-engineers-executives-and-marketing-teams-i-know-how-to-ensure-user-needs-are-aligned-with-business-goals-today-i-m-excited-by-the-challenge-of-creating-new-tools-and-products-to-empower-business-technologists-and-techies-and-other-humans-at-the-intersection-of-innovation-i-love-to-read-about-people-behaviours-psychology-code-businesses-and-innovations-in-my-free-time-you-will-find-me-traveling-exercising-visiting-good-restaurants-and-listen-playing-recording-some-songs-thanks-for-stopping-by-let-s-talk-0 {
  color: #1c1c1c;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 43px;
}

.i-am-an-energetic-designer-who-combines-rapid-prototyping-interaction-and-visual-design-to-transform-thorny-problems-into-elegant-solutions-i-have-expertise-in-agile-environment-design-systems-product-handoff-with-devs-ux-reports-and-audits-market-research-product-prioritisation-definition-of-ui-patterns-stakeholders-management-and-design-thinking-my-work-goes-beyond-conventional-interaction-patterns-and-visual-styles-i-specialise-in-consumer-products-that-distill-complex-data-into-simple-and-beautiful-visualisations-with-my-extensive-experience-working-in-tandem-with-engineers-executives-and-marketing-teams-i-know-how-to-ensure-user-needs-are-aligned-with-business-goals-today-i-m-excited-by-the-challenge-of-creating-new-tools-and-products-to-empower-business-technologists-and-techies-and-other-humans-at-the-intersection-of-innovation-i-love-to-read-about-people-behaviours-psychology-code-businesses-and-innovations-in-my-free-time-you-will-find-me-traveling-exercising-visiting-good-restaurants-and-listen-playing-recording-some-songs-thanks-for-stopping-by-let-s-talk-1 {
  color: #1c1c1c;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 43px;
}

.i-am-an-energetic-designer-who-combines-rapid-prototyping-interaction-and-visual-design-to-transform-thorny-problems-into-elegant-solutions-i-have-expertise-in-agile-environment-design-systems-product-handoff-with-devs-ux-reports-and-audits-market-research-product-prioritisation-definition-of-ui-patterns-stakeholders-management-and-design-thinking-my-work-goes-beyond-conventional-interaction-patterns-and-visual-styles-i-specialise-in-consumer-products-that-distill-complex-data-into-simple-and-beautiful-visualisations-with-my-extensive-experience-working-in-tandem-with-engineers-executives-and-marketing-teams-i-know-how-to-ensure-user-needs-are-aligned-with-business-goals-today-i-m-excited-by-the-challenge-of-creating-new-tools-and-products-to-empower-business-technologists-and-techies-and-other-humans-at-the-intersection-of-innovation-i-love-to-read-about-people-behaviours-psychology-code-businesses-and-innovations-in-my-free-time-you-will-find-me-traveling-exercising-visiting-good-restaurants-and-listen-playing-recording-some-songs-thanks-for-stopping-by-let-s-talk-6 {
  color: #212121;
  letter-spacing: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 150%;
}

.card-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 208px;
  display: flex;
}

.image-wrapper-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 42px;
  display: flex;
}

.content-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 88px;
  padding-left: 12px;
  display: flex;
}

.text-14 {
  color: #1c1c1c;
  letter-spacing: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 43px;
}

.text-15 {
  color: #1c1c1c;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 33px;
}

.text-16 {
  color: #696969;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 33px;
}

.image-wrapper-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.image-13 {
  object-fit: cover;
  border-radius: 140px;
}

.vectors-wrapper-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.content-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 88px;
  padding-left: 84px;
  display: flex;
}

.content-10 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.title-3 {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.home-plugin-figma-to-webflow-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  display: flex;
}

.navbar-logo-left-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 14px 24px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
  box-shadow: 0 2px 5px #0003;
}

.navbar-logo-left-2.rooket-project {
  background-color: #011b34;
}

.navbar-logo-left-2.rooket-project.rico {
  z-index: 100;
  background-color: #222b08;
}

.navbarcontainer-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.navbar-content-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.navbar-brand-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.vectors-wrapper-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 1;
  -webkit-text-fill-color: inherit;
  object-fit: cover;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  width: 68.4583px;
  height: 31px;
  transition: opacity .375s;
  display: flex;
}

.vectors-wrapper-5:hover {
  opacity: .82;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
}

.navbar-menu-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-link-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  display: flex;
}

.navbar-link-2:hover {
  color: #7101ff;
}

.text-17 {
  color: #fff;
  letter-spacing: 0;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 150%;
  transition: opacity .2s;
}

.text-17:hover {
  color: #0bf;
}

.text-17.rooketonav-projects, .text-17.rooketonav-projects:hover {
  color: #fff;
}

.text-17.nav-text-main-page {
  color: #333;
}

.text-17.nav-text-main-page:hover {
  color: #333;
  text-decoration: underline;
}

.text-17.nav-text-main-page.rr:hover {
  color: #41500c;
}

.text-17.nav-text-main-page.main-home {
  transform: scale3d(1none, 1none, 1none);
  color: #333;
  transform-style: preserve-3d;
  transition-property: none;
}

.text-17.nav-text-main-page.main-home:hover {
  color: #333;
  text-decoration: underline;
}

.hero-heading-left-3 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #d8d8d8;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.container-4 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.f2wf-columns-2 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.f2wf-columns-2.education-courses-logo {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  margin-top: 0;
}

.column-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.content-11 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 560px;
  display: flex;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-2 {
  color: #212121;
  font-size: 18px;
  line-height: 33px;
  font-weight: undefined;
  letter-spacing: -.01em;
  margin-top: -18px;
  margin-bottom: 0;
}

.column-14 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-wrapper-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 560px;
  display: flex;
}

.vectors-wrapper-6 {
  z-index: -100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  inset: 0% 0% 0% auto;
}

.hero-heading-right-rooket {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-image: linear-gradient(#3b92ea 0%, #0f69c3 100%);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 625px;
  padding: 64px 24px;
  display: flex;
}

.hero-heading-right-rooket.rooket {
  background-color: #278ff8;
  background-image: none;
  height: 598px;
  padding-bottom: 57px;
}

.hero-heading-right-rooket.jforce-tablet {
  background-color: #2d3c43;
  background-image: none;
}

.hero-heading-right-rooket.jforce {
  background-color: #1667b8;
  background-image: none;
}

.hero-heading-right-rooket.rodiziorico {
  background-color: #194a7c;
  background-image: none;
}

.container-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-15 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  max-width: 426px;
  display: flex;
}

.mockuuups-female-hand-holding-iphone-14-pro-mockup-3-2 {
  object-fit: fill;
  align-self: center;
  width: 30%;
}

.column-16 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 272px;
  display: flex;
}

.cta-text-buton {
  grid-column-gap: -9px;
  grid-row-gap: -9px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-name {
  color: #fff;
  letter-spacing: 0;
  font-size: 56px;
  font-weight: 700;
  line-height: 120%;
}

.text-desc {
  color: #fff;
  letter-spacing: .06em;
  margin-top: -9px;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.button-cta {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  margin-top: 21px;
  padding-left: 60px;
  display: flex;
}

.button-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #27ae60;
  border: 1px solid #006c2e;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 18px 44px;
  text-decoration: none;
  transition: background-color .2s;
  display: flex;
}

.button-4:hover {
  background-color: #1c904d;
}

.button-4.rr-cta-main {
  opacity: 1;
  color: #000;
  background-color: #0000;
  border-style: solid;
  border-color: #fff;
  border-radius: 100px;
  margin-top: 0;
  padding: 16px 38px;
}

.button-4.rr-cta-main:hover {
  background-color: #38411d;
}

.button-4.rr-cta-main.bt-jforce-cm-border {
  outline-offset: 0px;
  border-color: #182329;
  outline: 1px #182329;
}

.button-4.rr-cta-main.bt-ag-bend-cm-border {
  border-color: #006f99;
}

.button-4.rr-cta-main.cta-border-ui-gomusic {
  border-color: #29050f;
}

.button-4.rr-cta-main.bt-cta-rooket:hover {
  background-color: #143966;
}

.button-4.rr-cta-main.bt-cta-rooket.hvr-btn-fstrs:hover {
  background-color: #7f4a00;
}

.button-4.rr-cta-main.btn-tapago-locked.btn-tapago-lockedhvr:hover {
  background-color: #b52c3f;
}

.button-4.gomusic-ui {
  border-color: #6b1635;
  margin-top: 15px;
}

.text-20 {
  color: #fff;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
}

.hero-heading-left-4 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #2d3c43;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.column-17 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.actions-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  display: flex;
}

.button-5 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #000;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.text-21 {
  color: #fff;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: 500;
  line-height: 140%;
}

.column-18 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.image-wrapper-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.image-14 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.hero-heading-right-5 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #1d3208;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 625px;
  padding: 64px 24px;
  display: flex;
}

.column-19 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-right: 135px;
  display: flex;
}

.column-20 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  display: flex;
}

.button-6 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #27ae60;
  border: 1px solid #1b7c39;
  border-radius: 8px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 24px;
  text-decoration: none;
  display: flex;
}

.testimonial-column-light-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.columns-4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.content-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border: 1px solid #e4ebf3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.quote-2 {
  grid-column-gap: 52px;
  grid-row-gap: 52px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-22 {
  color: #000;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.author-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #f5f7fa;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 24px 16px;
  display: flex;
}

.image-wrapper-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.image-15 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.info-3 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-23 {
  color: #000;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}

.team-circles-2 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #f8f8f8;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.container-6 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-bottom: 82px;
  display: flex;
}

.title-section-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 530px;
  display: flex;
}

.text-24 {
  color: #1c1c1c;
  text-align: center;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
}

.columns-5 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-top: -25px;
  display: flex;
}

.card-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  max-width: 208px;
  display: block;
}

.image-wrapper-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #e0e0e0;
  border-radius: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 140px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.content-14 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 88px;
  padding-left: 12px;
  display: flex;
}

.info-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-25 {
  color: #1c1c1c;
  letter-spacing: 0;
  font-size: 24px;
  font-weight: 700;
  line-height: 33px;
}

.text-26 {
  color: #1c1c1c;
  letter-spacing: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 33px;
}

.text-27 {
  color: #696969;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 33px;
}

.image-wrapper-11 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: flex;
}

.vectors-wrapper-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.content-15 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 88px;
  padding-left: 84px;
  display: flex;
}

.hero-no-image-2 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #ddd;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  padding: 0 24px;
  display: flex;
}

.small-container-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 960px;
  margin-top: -58px;
  padding: 0;
  display: flex;
}

.content-16 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.footer-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: #030303;
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px 126px;
  display: flex;
}

.columns-6 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 960px;
  padding-left: 6px;
  display: flex;
}

.column-21 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 320px;
  display: flex;
}

.logo-wrapper-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 16px;
  display: flex;
}

.vectors-wrapper-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  filter: invert(23%);
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 31px;
  display: flex;
}

.small-columns-2 {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  max-width: 600px;
  padding-top: 26px;
  display: flex;
}

.column-22 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.content-17 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 21px;
  display: flex;
}

.text-28 {
  color: #212121;
  letter-spacing: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 150%;
}

.column-23 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-18 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.copyright-2 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  color: #303030;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 940px;
  margin-top: 70px;
  margin-bottom: 70px;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  box-shadow: 0 -1px #303030;
}

.text-29 {
  color: #c3c3c3;
  text-align: center;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.title-copy-goes-here-be-awesome-3 {
  color: #000;
  letter-spacing: 0;
  font-size: 46px;
  font-weight: 700;
  line-height: 120%;
}

.title-copy-goes-here-be-awesome-4 {
  color: #737373;
  letter-spacing: 0;
  font-size: 35px;
  font-weight: 700;
  line-height: 120%;
}

.title-copy-goes-here-be-awesome-5 {
  color: #737373;
  letter-spacing: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 120%;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-3 {
  color: #212121;
  letter-spacing: -.01em;
  font-size: 18px;
  font-weight: 300;
  line-height: 33px;
}

.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tristique-duis-cursus-mi-quis-viverra-ornare-eros-dolor-interdum-nulla-ut-commodo-diam-libero-vitae-erat-4 {
  color: #212121;
  letter-spacing: -.01em;
  font-size: 18px;
  font-weight: 400;
  line-height: 33px;
}

.title-4 {
  color: #1c1c1c;
  text-align: center;
  letter-spacing: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.title-5 {
  text-align: center;
  letter-spacing: 0;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.who-is-caue-mattos-1 {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.i-am-an-energetic-designer-who-combines-rapid-prototyping-interaction-and-visual-design-to-transform-thorny-problems-into-elegant-solutions-i-have-expertise-in-agile-environment-design-systems-product-handoff-with-devs-ux-reports-and-audits-market-research-product-prioritisation-definition-of-ui-patterns-stakeholders-management-and-design-thinking-my-work-goes-beyond-conventional-interaction-patterns-and-visual-styles-i-specialise-in-consumer-products-that-distill-complex-data-into-simple-and-beautiful-visualisations-with-my-extensive-experience-working-in-tandem-with-engineers-executives-and-marketing-teams-i-know-how-to-ensure-user-needs-are-aligned-with-business-goals-today-i-m-excited-by-the-challenge-of-creating-new-tools-and-products-to-empower-business-technologists-and-techies-and-other-humans-at-the-intersection-of-innovation-i-love-to-read-about-people-behaviours-psychology-code-businesses-and-innovations-in-my-free-time-you-will-find-me-traveling-exercising-visiting-good-restaurants-and-listen-playing-recording-some-songs-thanks-for-stopping-by-let-s-talk-7 {
  color: #1c1c1c;
  letter-spacing: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 43px;
}

.i-am-an-energetic-designer-who-combines-rapid-prototyping-interaction-and-visual-design-to-transform-thorny-problems-into-elegant-solutions-i-have-expertise-in-agile-environment-design-systems-product-handoff-with-devs-ux-reports-and-audits-market-research-product-prioritisation-definition-of-ui-patterns-stakeholders-management-and-design-thinking-my-work-goes-beyond-conventional-interaction-patterns-and-visual-styles-i-specialise-in-consumer-products-that-distill-complex-data-into-simple-and-beautiful-visualisations-with-my-extensive-experience-working-in-tandem-with-engineers-executives-and-marketing-teams-i-know-how-to-ensure-user-needs-are-aligned-with-business-goals-today-i-m-excited-by-the-challenge-of-creating-new-tools-and-products-to-empower-business-technologists-and-techies-and-other-humans-at-the-intersection-of-innovation-i-love-to-read-about-people-behaviours-psychology-code-businesses-and-innovations-in-my-free-time-you-will-find-me-traveling-exercising-visiting-good-restaurants-and-listen-playing-recording-some-songs-thanks-for-stopping-by-let-s-talk-8 {
  color: #1c1c1c;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 300;
  line-height: 43px;
}

.i-am-an-energetic-designer-who-combines-rapid-prototyping-interaction-and-visual-design-to-transform-thorny-problems-into-elegant-solutions-i-have-expertise-in-agile-environment-design-systems-product-handoff-with-devs-ux-reports-and-audits-market-research-product-prioritisation-definition-of-ui-patterns-stakeholders-management-and-design-thinking-my-work-goes-beyond-conventional-interaction-patterns-and-visual-styles-i-specialise-in-consumer-products-that-distill-complex-data-into-simple-and-beautiful-visualisations-with-my-extensive-experience-working-in-tandem-with-engineers-executives-and-marketing-teams-i-know-how-to-ensure-user-needs-are-aligned-with-business-goals-today-i-m-excited-by-the-challenge-of-creating-new-tools-and-products-to-empower-business-technologists-and-techies-and-other-humans-at-the-intersection-of-innovation-i-love-to-read-about-people-behaviours-psychology-code-businesses-and-innovations-in-my-free-time-you-will-find-me-traveling-exercising-visiting-good-restaurants-and-listen-playing-recording-some-songs-thanks-for-stopping-by-let-s-talk-9 {
  color: #212121;
  letter-spacing: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 150%;
}

.footer-links {
  grid-column-gap: 42px;
  grid-row-gap: 42px;
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  max-width: 600px;
  margin-top: 70px;
  padding-top: 0;
  display: flex;
}

.logo-title-2-hardsills {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  background-color: #f5f5f5;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.title {
  align-self: auto;
}

.content-19 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.logos-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 12px;
  display: flex;
}

.logo-wrapper-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 72px;
  display: flex;
}

.text-30 {
  color: #747474;
  text-align: center;
  letter-spacing: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 250%;
}

.title-6 {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.title-7 {
  color: #000;
  text-align: center;
  letter-spacing: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}

.icon-figma-1 {
  object-fit: cover;
}

.section {
  color: #333;
  background-color: #ebebeb;
  width: 100%;
}

.div-block {
  flex: 1;
  order: 1;
  justify-content: center;
  align-self: stretch;
  align-items: center;
  display: block;
  position: static;
  inset: 0%;
}

.div-block.profile-photo-caue {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  object-fit: fill;
  flex-direction: row;
  flex: none;
  order: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-self: auto;
  align-items: baseline;
  width: 40%;
  display: flex;
}

.container-7 {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  height: 100vh;
  margin-top: 44px;
  margin-bottom: 0;
  padding: 16px 0;
  display: flex;
}

.div-block-2 {
  width: 60%;
  padding-right: 0;
  display: block;
}

.div-block-2.west-text {
  width: 27%;
}

.div-block-2.hero-sub-title {
  width: 100%;
}

.div-block-3 {
  justify-content: space-between;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.heading-2 {
  color: #9e9e9e;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 12px;
  font-family: Poppins, sans-serif;
  font-size: 28px;
}

.heading-3 {
  width: 100%;
  margin-top: 0;
  margin-bottom: 8px;
  margin-right: 0;
  font-family: Roboto, sans-serif;
  font-size: 72px;
  font-weight: 700;
  display: block;
}

.heading-3.hi-iam {
  color: #bebebe;
  width: 100%;
  margin-bottom: 12px;
  font-family: Poppins, sans-serif;
  font-size: 28px;
  overflow: visible;
}

.heading-3.cm-name-hero {
  letter-spacing: 0;
  font-family: Poppins, sans-serif;
  font-size: 60px;
}

.heading-4 {
  color: #969696;
  text-align: left;
  flex: none;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Roboto Condensed, sans-serif;
  font-size: 20px;
  font-weight: 400;
}

.div-block-4 {
  flex: none;
  width: 13%;
}

.div-block-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.div-block-5.westmid-flags {
  justify-content: flex-start;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.flagbrazil {
  padding-right: 4px;
}

.hero-paragraph-desc {
  color: #8f8f8f;
  text-align: left;
  margin-top: 16px;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 33px;
  display: block;
}

.div-block-6 {
  width: 80%;
}

.div-block-6.hero-p {
  width: 88%;
}

.hero {
  background-color: #ebebeb;
  width: 100%;
}

.hero.linkedin {
  text-align: left;
  background-color: #fff;
  width: 100vw;
  margin-top: 0;
  margin-bottom: 0;
}

.section-2 {
  width: 100%;
}

.hero-heading-right-6 {
  background-color: #f5f7fa;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-8 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.hero-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.hero-split {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 46%;
  display: flex;
}

.shadow-two {
  box-shadow: 0 4px 24px #96a3b514;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.i-am-caue-mattos {
  display: block;
}

.title-projects {
  flex: 0 auto;
  align-self: stretch;
  width: auto;
  height: auto;
  margin-top: 0;
  display: flex;
}

.expertise-div-block-7 {
  text-align: left;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: 14px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.expertise-div-block-7.education {
  margin-top: 0;
}

.div-block-8-wrap {
  flex-direction: row-reverse;
  order: -1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.div-block-9-img {
  text-align: center;
  flex: 0 auto;
  order: 1;
  align-self: flex-end;
  width: 40%;
  height: 100%;
}

.div-block-9-img.image-cover-project-1 {
  flex: 0 auto;
  order: 1;
  align-self: baseline;
  width: 247px;
  height: 492px;
  margin-left: 0;
  margin-right: 0;
}

.div-block-9-img.image-cover-project-1.jforce {
  width: 543px;
}

.div-block-10-cta-all {
  flex: 0 auto;
  order: -1;
  align-self: center;
  margin-left: 85px;
  display: block;
}

.image-16:hover {
  transform: skew(17deg);
}

.div-block-8 {
  justify-content: center;
  display: flex;
}

.project-jforce {
  width: 100%;
  height: 598px;
  display: flex;
}

.image-17 {
  object-fit: fill;
  width: 620px;
  height: 433px;
  display: inline-block;
  overflow: visible;
}

.image-17.jforce {
  width: 543px;
}

.expertise-section {
  align-self: flex-start;
  width: 100%;
  height: auto;
  font-family: Poppins, sans-serif;
  display: block;
}

.div-block-9 {
  -webkit-text-fill-color: inherit;
  background-color: #fff;
  background-clip: border-box;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 40px;
  padding-top: 48px;
  padding-bottom: 0;
  display: block;
}

.heading-5 {
  color: #303030;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 32px;
}

.paragraph {
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 43px;
}

.div-block-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: flex-start space-around;
  place-items: stretch center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 18px;
  margin-left: 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.div-block-11 {
  width: auto;
}

.div-block-12 {
  width: 100%;
}

.div-block-12.text-expertise {
  font-family: Roboto, sans-serif;
  font-weight: 700;
}

.paragraph-2 {
  width: auto;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 46px;
}

.paragraph-2.expertise-p-1 {
  width: auto;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 46px;
}

.div-block-13 {
  clear: none;
  flex: 1;
  align-self: flex-start;
  position: static;
}

.container-9 {
  margin-top: 0;
  margin-bottom: 36px;
}

.expertise-container-10 {
  justify-content: center;
  align-items: center;
  height: auto;
  margin-top: 60px;
  margin-bottom: 32px;
  display: block;
}

.expertise-container-10.education {
  margin-top: 0;
  margin-bottom: 23px;
}

.expertise-heading-6 {
  margin-bottom: 2px;
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.expertise-heading-6.whois-cm {
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.expertise-heading-6.txt-hardskills {
  color: #fff;
  margin-bottom: 52px;
  font-weight: 700;
}

.text-span {
  color: #333;
  font-family: Poppins, sans-serif;
  font-weight: 700;
}

.projects-scroll {
  width: 100%;
  display: none;
}

.box-port-projects.prohects-second {
  position: sticky;
}

.bg-scroll-jforce.projects-jforce {
  color: #093752;
  background-color: #093752;
  border-radius: 20px;
  height: 440px;
  transform: translate(-5px, 26px)skew(2deg, 3deg);
}

.bg-scroll-jforce.projects-jforce.rodizio-rico-box-home {
  background-color: #22872c;
}

.bg-scroll-jforce.projects-jforce.bg-jwr-home {
  background-color: #f0572c;
}

.bg.projectsbg {
  -webkit-text-fill-color: inherit;
  background-color: #2d9cdb;
  background-image: linear-gradient(#2d9cdb, #00649d);
  background-clip: border-box;
  border: 1px #000;
  border-radius: 30px;
  justify-content: space-around;
  height: 470px;
  margin-top: -430px;
  margin-bottom: 0;
  display: flex;
  position: sticky;
  box-shadow: 0 2px 5px #0003;
}

.bg.projectsbg.rodizio-rico-box-home {
  background-image: linear-gradient(#472110, #201510);
  margin-bottom: 75px;
}

.bg.projectsbg.jwr-home {
  background-image: linear-gradient(#2d3c43, #232f34);
}

.bg.projectsbg.gomusic-ui {
  background-image: linear-gradient(#512da8, #b11f1b);
}

.project-rooket-cta {
  order: 0;
  align-self: center;
  display: block;
}

.projects-rooket-img {
  justify-content: space-between;
  align-self: center;
  display: block;
}

.projects-rooket-img.mockup-rooket-img {
  text-align: center;
  object-fit: fill;
  order: -1;
  width: 60%;
  height: auto;
  margin-top: 0;
  padding-left: 0;
  display: block;
  position: relative;
  overflow: hidden;
}

.projects-rooket-img.mockup-rooket-img.jforce-img-cm-hero {
  padding-left: 0;
}

.projects-box-align-jforce {
  justify-content: space-around;
  width: 67%;
  display: flex;
  position: sticky;
}

.bg-secon-project-rrico {
  background-color: #0f4660;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  height: 550px;
  margin-top: 0;
  display: flex;
  position: sticky;
}

.paragraph-3 {
  color: #303030;
  text-align: center;
  margin-top: 16px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.column-24 {
  position: sticky;
}

.column-25 {
  display: block;
  position: static;
}

.bg-second-jforce {
  z-index: -1;
  float: none;
  clear: none;
  object-fit: fill;
  background-color: #ac553c;
  border-radius: 30px;
  height: 531px;
  margin-top: -563px;
  position: sticky;
  transform: translate(2px, 40px)skew(-3deg, -4deg);
}

.bg-second-jforce.rico {
  background-color: #22872c;
  margin-top: -561px;
}

.image-18 {
  -webkit-text-fill-color: inherit;
  object-fit: contain;
  background-clip: border-box;
  width: 370px;
  height: 270px;
}

.text-jforce-title {
  color: #fff;
  text-align: center;
  font-family: Roboto, sans-serif;
}

.paragraph-4 {
  color: #fff;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.paragraph-4.rico {
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
}

.projects-bg-rico {
  background-color: #201510;
  border-radius: 30px;
  justify-content: center;
  align-items: center;
  height: 550px;
  display: flex;
}

.text-rico-title {
  color: #fff;
  text-align: center;
  font-family: Roboto, sans-serif;
}

.hardskills-title {
  margin-top: 79px;
  margin-bottom: 66px;
}

.hardskills-title.education {
  margin-top: 0;
  margin-bottom: 0;
}

.hardskills-box-title {
  text-align: center;
  background-color: #e6e6e6;
  align-self: center;
  width: 100%;
  padding-bottom: 110px;
}

.paragraph-5 {
  color: #303030;
  text-align: center;
  margin-top: 12px;
  margin-bottom: 0;
  padding-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.paragraph-5.dsc-cm-bt-st {
  margin-top: 0;
}

.link {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 700;
  text-decoration: none;
}

.link:hover {
  color: #fff;
  text-decoration: underline;
}

.link.rooket-footer {
  color: #fff;
}

.link.rooket-footer:hover {
  color: #fff;
  text-align: left;
  text-decoration: underline;
}

.paragraph-6 {
  margin-top: -68px;
  margin-bottom: 140px;
  font-family: Poppins, sans-serif;
  font-weight: 500;
}

.div-block-14 {
  background-color: #7594b2;
}

.hero-rodizio-rico {
  background-color: #011b34;
  margin-top: 120px;
}

.hero-rodizio-rico.rico {
  background-color: #fff;
  width: 100vw;
  margin-top: 120px;
}

.hero-rodizio-rico.jforce-hero {
  background-color: #2d3c43;
}

.div-block-15 {
  flex-direction: column;
  justify-content: space-around;
  align-self: center;
  align-items: flex-start;
  height: auto;
  margin-top: 0;
  padding-top: 88px;
  padding-bottom: 88px;
  display: flex;
}

.div-block-15.jforce-hero {
  flex-direction: row;
  justify-content: center;
  align-self: center;
  align-items: center;
}

.div-block-15.bend-hero {
  background-color: #008fcd;
  flex-direction: column;
  justify-content: center;
  margin-top: 24px;
  padding-top: 38px;
  padding-bottom: 38px;
}

.div-block-15.jforce-hero-vert-cm {
  flex-direction: column;
}

.image-19 {
  height: 610px;
}

.heading-6 {
  color: #fff;
  text-align: left;
  width: 344px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 37px;
}

.heading-6.rooket-hero-p {
  text-align: center;
  margin-bottom: 20px;
  font-size: 24px;
}

.heading-6.jforce-hero {
  text-align: center;
  width: 80%;
  font-weight: 400;
}

.heading-6.rr-hero-text {
  width: auto;
  margin-top: 45px;
  font-weight: 700;
}

.div-block-16 {
  text-align: center;
  margin-right: 42px;
}

.div-block-16.jforce-hero {
  text-align: center;
  flex-direction: column;
  align-self: center;
  align-items: center;
  margin-right: 0;
  display: flex;
}

.div-block-16.jforce-hero.bend-hero {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.div-block-16.ui-gomusic-hero-cm {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 68px;
  display: flex;
}

.container-10 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-10.jforce-hero {
  flex-direction: row;
  margin-top: 120px;
}

.container-10.jforce-hero.bend-hero {
  margin-bottom: 0;
}

.ux-hero-yellow-highlight {
  color: #fff500;
  font-family: Roboto, sans-serif;
  font-size: 24px;
  font-weight: 400;
}

.ux-hero-yellow-highlight.rr-tittle-heroo.rr-hero-text {
  color: #303030;
  font-family: Poppins, sans-serif;
  font-size: 68px;
  font-weight: 700;
  line-height: 120%;
}

.ux-hero-yellow-highlight.jforce-hero.jforce-text-hero {
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
}

.ux-hero-yellow-highlight.bend-hero {
  font-weight: 400;
}

.ux-hero-green-highlight {
  color: #00ff38;
}

.paragraph-7 {
  color: #76bbff;
  font-family: Times New Roman, TimesNewRoman, Times, Baskerville, Georgia, serif;
  font-size: 22px;
}

.ux-hero-light-blue {
  color: #a4d2ff;
}

.ga-text-hero {
  color: #4282c0;
  font-size: 18px;
}

.image-20 {
  width: 50px;
}

.container-11 {
  justify-content: space-between;
  display: flex;
}

.div-block-17 {
  text-align: center;
  margin-top: 39px;
  font-family: Roboto, sans-serif;
}

.role-text {
  color: #9b9b9b;
  font-family: Roboto Condensed, sans-serif;
  font-size: 16px;
}

.role-text-role {
  margin-top: 22px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 700;
}

.dev-process-rr {
  background-color: #ececec;
  height: auto;
  margin-top: -4px;
  font-family: Roboto, sans-serif;
}

.dev-process-rr.ux-design-process {
  height: 670px;
}

.div-block-18 {
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 80%;
  margin-top: 63px;
  display: flex;
}

.div-block-19 {
  background-color: #cfcfcf;
  align-self: center;
  width: 30%;
  height: 1px;
}

.div-block-20 {
  justify-content: center;
  align-self: center;
  width: 36%;
  height: 50px;
  display: flex;
}

.div-block-21 {
  background-color: #cfcfcf;
  align-self: center;
  width: 30%;
  height: 1px;
}

.div-block-22 {
  justify-content: center;
  align-items: center;
  margin-top: 54px;
  display: flex;
}

.heading-7 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto Condensed, sans-serif;
  font-size: 32px;
}

.div-block-23 {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 59px;
  padding-bottom: 64px;
  display: flex;
}

.heading-8 {
  margin-top: 14px;
  margin-bottom: 12px;
  font-family: Roboto Condensed, sans-serif;
  font-size: 20px;
  line-height: 26px;
}

.div-block-24 {
  text-align: center;
  align-self: flex-start;
}

.paragraph-8 {
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 28px;
}

.container-12 {
  height: auto;
  margin-top: 0;
  padding-bottom: 72px;
  display: block;
}

.rooket-problem-statement-block {
  background-color: #eaeaea;
  height: auto;
}

.heading-9 {
  color: #fff;
  text-align: center;
  margin-top: 66px;
  margin-bottom: 0;
  font-family: Roboto Condensed, sans-serif;
}

.heading-9.the-challenge-rr {
  background-image: none;
}

.heading-9.rooket-problem-statement-block-tittle {
  color: #000;
}

.heading-9.project-overview-jforce {
  font-size: 38px;
}

.heading-9.the-challenge-jforce {
  font-family: Roboto Condensed, sans-serif;
  font-size: 38px;
  font-weight: 700;
}

.paragraph-9 {
  color: #000;
  text-align: center;
  margin-top: 24px;
  margin-bottom: 60px;
  font-family: Roboto, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 42px;
}

.paragraph-9.the-challenge-rr {
  margin-top: 0;
  margin-bottom: 0;
}

.paragraph-9.the-challenge-rr.sub-title-the-challenge-rr {
  color: #fff;
  background-image: none;
}

.paragraph-9.the-challenge-rr.text-the-challenge-rr {
  color: #fff;
  text-align: left;
  background-image: none;
  margin-top: 24px;
  margin-bottom: 58px;
  font-size: 18px;
  font-weight: 300;
}

.paragraph-9.outcomes-rr {
  color: #fff;
  text-align: left;
  font-size: 18px;
  font-weight: 300;
}

.paragraph-9.project-overview-rooket-text {
  color: #fff;
  text-align: left;
  font-size: 18px;
  font-weight: 400;
}

.paragraph-9.project-overview-jforce {
  text-align: left;
  font-size: 20px;
  font-weight: 400;
}

.paragraph-9.the-challenge-jforce {
  color: #fff;
  text-align: left;
  margin-bottom: 58px;
  font-size: 20px;
  font-weight: 400;
  line-height: 39px;
}

.paragraph-9.project-overview-bend {
  text-align: left;
}

.paragraph-9.the-challenge-bend, .paragraph-9.outcome-bend {
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
}

.paragraph-9.project-overview-ui-gm-sub-txt {
  text-align: left;
  line-height: 36px;
}

.rooket-problem-statement-aspa {
  font-size: 160px;
}

.rooket-orange {
  color: #b3641f;
}

.rooket-text-lightblue {
  color: #1998a0;
  -webkit-text-stroke-color: #1d6368;
}

.image-21 {
  text-align: center;
  margin-top: -12px;
}

.container-13 {
  text-align: center;
}

.container-13.the-challenge-rr {
  background-image: none;
}

.af-title {
  color: #000;
  text-align: center;
  margin-top: 67px;
  margin-bottom: 0;
}

.af-title.research-methodology-rr {
  margin-top: 0;
}

.research-methodology-rr {
  background-color: #eaeaea;
  height: auto;
}

.research-methodology-rr.text-research-methodology-rr {
  padding-left: 32px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 42px;
}

.image-22 {
  text-align: center;
  width: 330px;
  margin-top: -13px;
}

.image-22.persona-img {
  width: 270px;
  margin-top: -13px;
}

.div-block-25 {
  text-align: center;
}

.af-imgs {
  margin-top: 49px;
  display: flex;
}

.link-2 {
  background-image: url('../images/BRAND_1BRAND.png');
  background-position: 0 0;
  background-size: auto;
}

.section-6 {
  background-color: #ececec;
  height: 710px;
  margin-bottom: -30px;
  padding-bottom: 34px;
}

.container-14 {
  text-align: center;
}

.image-23 {
  margin-top: 0;
}

.paragraph-10 {
  text-align: center;
  margin-top: 21px;
  margin-bottom: 24px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.columns-7 {
  margin-top: -45px;
}

.image-24, .image-25 {
  transition: opacity .2s;
}

.image-26 {
  opacity: 1;
  transition: opacity .2s;
}

.image-26:hover {
  opacity: .8;
}

.link-block {
  transition: opacity .2s;
}

.link-block.w--current {
  font-family: Poppins, sans-serif;
  text-decoration: none;
}

.image-27 {
  margin-right: 0;
  padding-right: 22px;
}

.persona-title {
  color: #fff;
  text-align: center;
  margin-top: 57px;
  padding-top: 39px;
  font-family: Roboto Condensed, sans-serif;
}

.persona-title.hmw-title {
  color: #333;
}

.persona-title.wireflow {
  color: #333;
  margin-top: 32px;
}

.persona-title.persona {
  color: #333;
  margin-top: 62px;
  padding-top: 0;
  font-family: Roboto Condensed, sans-serif;
}

.persona-title.sitemap-rooket {
  margin-bottom: 0;
  padding-top: 0;
}

.div-block-26 {
  flex-wrap: nowrap;
  place-content: stretch flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.div-block-27 {
  text-align: center;
}

.paragraph-11 {
  font-family: Roboto Condensed, sans-serif;
}

.paragraph-12 {
  font-family: Roboto Condensed, sans-serif;
  font-size: 16px;
  font-weight: 700;
}

.paragraph-13 {
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 27px;
  display: block;
}

.div-block-28 {
  text-align: justify;
  justify-content: center;
  align-items: center;
  display: flex;
}

.div-block-29 {
  width: auto;
}

.div-block-30 {
  text-align: left;
  order: 0;
  width: 90%;
}

.wtl-rooket {
  background-color: #ececec;
}

.wtl-rooket-title {
  font-size: 34px;
}

.div-block-31 {
  justify-content: space-around;
  margin: 40px 311px 0;
  display: flex;
}

.div-block-31.jwr {
  width: 100%;
}

.container-15 {
  text-align: center;
  margin-top: 72px;
  margin-bottom: 72px;
}

.other-projects-footer-title {
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 34px;
}

.heading-10 {
  direction: ltr;
  color: #0e68c2;
  text-align: center;
  letter-spacing: 0;
  -webkit-text-stroke-color: #0e68c2;
  text-transform: none;
  white-space: normal;
  margin-bottom: 34px;
  font-family: Roboto Condensed, sans-serif;
  font-style: normal;
  text-decoration: none;
}

.heading-10:hover {
  color: #04519e;
  -webkit-text-stroke-color: #636363;
}

.heading-10.jwr {
  color: #37151e;
  -webkit-text-stroke-color: #37151e;
}

.heading-11 {
  color: #5000d2;
  -webkit-text-stroke-color: #542d1b;
  font-family: Roboto Condensed, sans-serif;
}

.heading-11:hover {
  color: #4208a1;
}

.heading-11.rico-next-p {
  color: #542d1b;
}

.heading-11.rico-next-p:hover {
  color: #27140b;
}

.heading-11.jforce-page {
  color: #2d3c43;
}

.link-block-2 {
  padding-left: 0;
  padding-right: 0;
  text-decoration: none;
}

.link-block-2:hover {
  color: #686868;
}

.link-block-3 {
  text-decoration: none;
}

.hmw-section {
  margin-bottom: 80px;
}

.paragraph-14 {
  text-align: center;
  margin-top: 29px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 33px;
}

.div-block-32 {
  justify-content: space-between;
  margin-top: 50px;
  display: flex;
}

.div-block-33 {
  align-items: flex-end;
  margin-top: 26px;
  padding-bottom: 58px;
  display: flex;
}

.div-block-34 {
  align-self: flex-end;
}

.userflow-sitemap {
  background-color: #011b34;
}

.image-28 {
  text-align: left;
  display: block;
}

.image-29 {
  margin-top: 49px;
}

.image-30 {
  margin-top: 51px;
  margin-bottom: 96px;
}

.image-31 {
  margin-top: 49px;
  margin-bottom: 43px;
}

.image-32 {
  margin-top: 42px;
}

.image-32.usability-test-unmoderated-rr {
  width: 100%;
  margin-bottom: 82px;
}

.moderated-usability-test {
  text-align: center;
  font-family: Roboto Condensed, sans-serif;
}

.paragraph-15 {
  text-align: left;
  width: 90%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 19px;
  line-height: 29px;
}

.paragraph-15.method-ubt {
  text-align: left;
  margin-top: 0;
  margin-bottom: 60px;
  padding-left: 14px;
}

.high-fidelity-prototype {
  background-color: #011b34;
}

.heading-12 {
  color: #fff;
  text-align: center;
  margin-top: 75px;
  font-family: Roboto Condensed, sans-serif;
}

.heading-12.unmoderated {
  margin-top: 46px;
  margin-bottom: 11px;
}

.heading-12.styleguide {
  color: #fff;
  margin-bottom: 40px;
}

.image-33 {
  margin-top: 43px;
  margin-bottom: 42px;
}

.paragraph-16 {
  color: #fff;
  text-align: left;
  margin-bottom: 35px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 41px;
}

.div-block-35 {
  margin-bottom: 59px;
  display: flex;
}

.div-block-36 {
  padding-right: 6px;
}

.image-34 {
  padding-left: 6px;
}

.image-35 {
  margin-top: 31px;
  margin-bottom: 41px;
}

.paragraph-17 {
  color: #fff;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 19px;
}

.div-block-37 {
  margin-top: 56px;
  margin-bottom: 87px;
  padding-left: 0;
  display: flex;
}

.div-block-38 {
  padding-right: 6px;
}

.div-block-39 {
  padding-left: 5px;
}

.style-guides {
  background-color: #073159;
}

.image-36 {
  margin-bottom: 51px;
}

.app-final-result {
  background-color: #011b34;
}

.image-37 {
  margin-bottom: 70px;
}

.button-7 {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 333px;
  margin-top: 58px;
  margin-bottom: 80px;
  padding: 17px 9px;
  font-family: Roboto, sans-serif;
  font-size: 19px;
  display: flex;
}

.div-block-40 {
  text-align: center;
  display: block;
}

.div-block-41 {
  justify-content: center;
  display: flex;
}

.div-block-42 {
  background-color: #ebebeb;
  width: 100%;
  height: 18px;
}

.div-block-43 {
  z-index: 0;
  clear: none;
  object-fit: fill;
  background-color: #051030;
  border-radius: 33px;
  order: 1;
  align-self: center;
  width: 428px;
  height: 517px;
  margin-top: -534px;
  margin-left: -19px;
  display: block;
  position: static;
}

.div-block-44 {
  z-index: 1;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: relative;
}

.text-span-2 {
  font-weight: 400;
}

.navbar-logo-left-3 {
  margin-top: 176px;
  position: fixed;
  inset: 0% 0% auto;
}

.navbar-logo-left-container {
  z-index: 5;
  background-color: #0000;
  width: 1030px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
}

.navbar-logo-left-container.shadow-three {
  width: 100%;
  max-width: 1140px;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-16 {
  width: 100%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.navbar-wrapper {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.nav-menu-two {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  display: flex;
}

.nav-link {
  color: #fff;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 20px;
  text-decoration: none;
}

.nav-link:hover {
  color: #1a1b1fbf;
}

.nav-link:focus-visible, .nav-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 4px;
  outline: 2px solid #0050bd;
}

.nav-dropdown {
  margin-left: 5px;
  margin-right: 5px;
}

.nav-dropdown-toggle {
  letter-spacing: .25px;
  padding: 5px 30px 5px 10px;
  font-size: 14px;
  line-height: 20px;
}

.nav-dropdown-toggle:hover {
  color: #1a1b1fbf;
}

.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-dropdown-icon {
  margin-right: 10px;
}

.nav-dropdown-list {
  background-color: #fff;
  border-radius: 12px;
}

.nav-dropdown-list.w--open {
  padding-top: 10px;
  padding-bottom: 10px;
}

.nav-dropdown-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 14px;
}

.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
  outline-offset: 0px;
  color: #0050bd;
  border-radius: 5px;
  outline: 2px solid #0050bd;
}

.nav-divider {
  background-color: #e4ebf3;
  width: 1px;
  height: 22px;
  margin-left: 15px;
  margin-right: 15px;
}

.nav-link-accent {
  color: #1a1b1f;
  letter-spacing: .25px;
  margin-left: 5px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  text-decoration: none;
}

.nav-link-accent:hover {
  color: #1a1b1fbf;
}

.button-primary-2 {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary-2:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary-2:active {
  background-color: #43464d;
}

.div-block-45 {
  background-color: #dedede;
  width: 100%;
  height: 1px;
  margin-top: 19px;
}

.image-38 {
  text-align: left;
}

.image-38.jforce-hero {
  text-align: center;
  background-color: #0000;
  width: 70%;
}

.image-38.jforce-hero.img-jf-cm-hero {
  width: 40%;
}

.image-38.bend-hero-top {
  width: 40%;
  margin-left: -26px;
}

.image-38.ui-gomusic-hero-cm {
  width: 25%;
  margin-bottom: 26px;
}

.div-block-46 {
  text-align: left;
  width: 70%;
}

.div-block-46.jforce-hero {
  justify-content: center;
  align-self: center;
  display: flex;
}

.div-block-46.jforce-hero.bend-hero {
  flex-direction: column;
  align-items: center;
  width: 82%;
  margin-bottom: 0;
}

.div-block-46.ui-gomusic-hero-cm {
  text-align: center;
  flex-direction: column;
  align-self: center;
  align-items: center;
  display: flex;
}

.image-39 {
  width: auto;
  height: 675px;
  margin-top: 35px;
  padding-bottom: 42px;
}

.image-39.jforce-hero {
  width: 620px;
  height: auto;
  margin-top: 16px;
  margin-left: -16px;
  padding-bottom: 0;
}

.image-39.jforce-hero.bend-hero {
  width: 520px;
  height: auto;
}

.image-39.jforce-hero.imgg-mockup-jforce-cm {
  width: 600px;
}

.project-overview-rr {
  background-color: #16132d;
}

.the-challenge-rr {
  background-image: url('../images/bg-the-challenge-rr.png');
  background-position: 0 0;
  background-size: auto;
}

.outcomes-rr {
  background-color: #171c06;
}

.text-span-3, .text-span-4, .text-span-5 {
  color: #feed12;
  font-weight: 500;
}

.text-span-6 {
  text-decoration: underline;
}

.heading-13 {
  text-align: center;
  font-family: Roboto Condensed, sans-serif;
}

.heading-13.research-methodology-rr {
  padding-top: 32px;
}

.heading-13.app-android-jforce {
  margin-top: 59px;
  padding-bottom: 12px;
  font-size: 38px;
}

.heading-13.bo-app-android-jforce {
  margin-top: 62px;
  font-size: 38px;
}

.heading-13.before-after-jforce {
  margin-top: 54px;
  font-size: 38px;
}

.heading-13.jwr-website {
  margin-top: 73px;
  font-size: 38px;
}

.heading-13.brand-jwwr-jforce {
  margin-top: 54px;
}

.heading-13.print-paper-jwr {
  margin-top: 68px;
}

.heading-13.frontend-ui-bend {
  margin-top: 48px;
}

.heading-13.front-end-customer-panel {
  margin-top: 68px;
}

.heading-13.back-office-ecommerce, .heading-13.custom-ecommerce {
  margin-top: 66px;
}

.heading-13.cms-custom {
  margin-top: 58px;
}

.heading-13.app-android-ui-gm {
  margin-top: 42px;
  padding-bottom: 16px;
}

.paragraph-18 {
  text-align: left;
  padding-bottom: 22px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 40px;
}

.paragraph-18.research-methodology-rr {
  text-align: left;
  margin-top: 26px;
}

.paragraph-18.research-methodology-rr.hmw {
  margin-bottom: 88px;
}

.paragraph-18.before-after-jforce {
  font-size: 18px;
}

.paragraph-18.brand-jwwr-jforce.brand-logo-jforce, .paragraph-18.print-paper-jwr.brand-logo-jforce {
  text-align: center;
}

.paragraph-18.frontend-ui-bend {
  padding-bottom: 0;
}

.paragraph-18.frontend-ui-bend.bend-txt-sub-tittle {
  text-align: left;
}

.paragraph-18.front-end-customer-panel {
  padding-bottom: 0;
}

.text-span-7 {
  font-weight: 700;
}

.div-block-47 {
  display: flex;
}

.div-block-47.research-methodology-rr {
  padding-top: 11px;
}

.div-block-48 {
  width: auto;
  height: auto;
}

.div-block-49 {
  background-color: #fff;
  border-radius: 8px;
  height: 440px;
}

.div-block-49.research-methodology-rr {
  height: 394px;
  margin-top: 62px;
  margin-bottom: 16px;
  box-shadow: 0 2px 5px #0003;
}

.heading-14 {
  text-align: left;
  padding-top: 42px;
  padding-left: 48px;
  padding-right: 48px;
  font-family: Roboto Condensed, sans-serif;
  font-size: 28px;
}

.paragraph-19 {
  padding-left: 48px;
  padding-right: 48px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 40px;
}

.text-span-8, .text-span-9, .text-span-10 {
  font-weight: 700;
}

.paragraph-20 {
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 37px;
}

.div-block-50 {
  margin-top: 26px;
  margin-bottom: 88px;
}

.competitive-analysis-rr {
  text-align: center;
  background-color: #eaeaea;
  font-family: Roboto Condensed, sans-serif;
}

.competitive-analysis-rr.competitive-analysis-rr-title {
  margin-top: 68px;
}

.competitive-analysis-rr-text-1 {
  text-align: left;
  margin-bottom: 24px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 37px;
}

.competitive-analysis-rr-text-1.textt {
  margin-bottom: 82px;
}

.bold-text {
  text-align: left;
  font-weight: 400;
}

.competitive-analysis-rr-img {
  width: 100%;
  margin-bottom: 0;
}

.div-block-51 {
  margin-bottom: 38px;
}

.re-design-phase-rr {
  background-color: #08151e;
}

.re-design-phase-rr.rd-tittle {
  color: #fff;
  text-align: center;
  margin-top: 72px;
  font-family: Roboto Condensed, sans-serif;
  font-weight: 700;
}

.re-design-phase-rr.rd-tittle.user-flow-tittle {
  margin-top: 40px;
}

.re-design-phase-rr-div {
  text-align: center;
}

.re-design-phase-rr-div.rd-cta-button {
  justify-content: center;
  margin-top: 36px;
  margin-bottom: 65px;
  display: flex;
}

.re-design-phase-rr-p {
  color: #fff;
  text-align: left;
  font-family: Roboto, sans-serif;
  font-size: 17px;
  line-height: 42px;
}

.button-8 {
  text-align: center;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  margin-left: 0;
  margin-right: 8px;
  padding-left: 0;
  padding-right: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  display: flex;
}

.button-8.cta-webflow {
  width: 253px;
}

.usability-test-unmoderated-rr {
  background-color: #eaeaea;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 42px;
}

.usability-test-unmoderated-rr.usability-test-unmoderated-rr-tittle {
  color: #000;
  text-align: center;
  margin-top: 62px;
  font-family: Roboto Condensed, sans-serif;
  font-size: 32px;
}

.usability-test-unmoderated-rr-text {
  margin-bottom: 26px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 200%;
}

.usability-test-unmoderated-rr-text.text-usability-2 {
  font-size: 18px;
  line-height: 190%;
}

.usability-test-unmoderated-rr-tittle-under {
  font-size: 22px;
}

.div-block-52 {
  justify-content: space-between;
  display: flex;
}

.div-block-53, .div-block-54 {
  width: 49%;
}

.usability-test-unmoderated-rr-sub-tittle {
  font-size: 17px;
  font-weight: 700;
}

.usability-test-unmoderated-rr-sub-desc {
  text-align: left;
  font-size: 16px;
  line-height: 190%;
}

.high-fidelity {
  background-color: #222a08;
}

.div-block-55 {
  justify-content: flex-end;
  margin-top: 0;
  margin-bottom: 24px;
  padding-left: 0;
  display: flex;
}

.div-block-56 {
  width: 68%;
}

.div-block-57 {
  width: 32%;
}

.high-fidelity-tittle {
  color: #fff;
  font-family: Poppins, sans-serif;
  font-size: 28px;
}

.high-fidelity-text {
  color: #fff;
  padding-right: 32px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
}

.div-block-58 {
  justify-content: space-between;
  margin-bottom: 71px;
  display: block;
}

.div-block-58.cta-buttons-high-fidelity {
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  padding-left: 0;
  display: flex;
}

.div-block-58.cta-buttons-high-fidelity.bt-cta-final-app-rooket-pt {
  margin-bottom: 26px;
}

.high-fidelity-img {
  background-color: #151a05;
}

.image-40 {
  margin-top: 64px;
}

.text-span-11, .text-span-12 {
  color: #026d00;
  font-size: 22px;
}

.link-3 {
  color: #3898eb;
}

.testimonial-rr {
  background-color: #eaeaea;
}

.testimonial-tittle {
  text-align: center;
  font-family: Roboto Condensed, sans-serif;
  font-size: 32px;
}

.testimonial-tittle.emanuela-ferraro {
  margin-top: 46px;
  margin-bottom: 0;
  font-size: 26px;
}

.testimonial-text {
  text-align: center;
  margin-bottom: 0;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 32px;
}

.testimonial-text.testimonial-sub-tittle {
  font-size: 17px;
}

.div-block-59 {
  background-color: #fff;
  border-radius: 8px;
  margin-top: 73px;
  margin-bottom: 73px;
  padding: 52px;
  box-shadow: 0 2px 5px #0003;
}

.link-4 {
  color: #51a3de;
}

.graphic-design-prints-tittle {
  text-align: center;
  margin-bottom: 42px;
  font-family: Roboto Condensed, sans-serif;
  font-size: 32px;
  display: none;
}

.graphic-design-prints-p {
  text-align: left;
  margin-top: 68px;
  margin-bottom: 28px;
  font-family: Roboto Condensed, sans-serif;
  font-size: 20px;
  line-height: 42px;
}

.whl-rr {
  background-color: #ececec;
  margin-top: 0;
  padding-top: 90px;
  padding-bottom: 90px;
}

.whl-rr.mobile {
  display: none;
}

.whl-rr.mvp {
  background-color: #fff;
}

.whl-rr-tittle {
  text-align: left;
  margin-top: -8px;
  padding-left: 14px;
  font-family: Poppins, sans-serif;
  font-size: 24px;
  line-height: 38px;
}

.whl-rr-sub {
  text-align: left;
  margin-bottom: 0;
  padding-left: 14px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.whl-rr-text-p {
  margin-bottom: 0;
  padding-left: 0;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 30px;
}

.rooket-home {
  justify-content: space-around;
  display: flex;
}

.rooket-home-img {
  margin-top: 0;
}

.rooket-home-brand {
  text-align: center;
  order: -1;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: block;
}

.rooket-home-brand.rr-box {
  text-align: center;
  flex-direction: column;
  align-items: flex-start;
  width: 70%;
  display: flex;
}

.rooket-home-brand.rr-box.bend-order-hero {
  order: 1;
}

.div-block-60 {
  background-color: #016197;
  height: 1px;
}

.div-block-60.dark-div-rooket.rr-div {
  background-color: #000;
}

.div-block-60.dark-div-rooket.rr-div.div-rr-cm-l {
  background-color: #181e05;
}

.div-block-60.dark-div-rooket.rr-div.div-rooket-cm-l {
  background-color: #001d39;
}

.div-block-60.dark-div-rooket.rr-div.div-cm-hero-jforce-l {
  color: #273339;
}

.div-block-60.dark-div-rooket.rr-div.ag-bend-div-l {
  color: #ffa7d4;
  -webkit-text-stroke-color: #d7f5ff;
  background-color: #007da9;
}

.div-block-60.dark-div-rooket.rr-div.ag-bend-div-l.under-div-bend {
  background-color: #00688d;
}

.div-block-60.dark-div-rooket.rr-div.div-ui-cm-l {
  background-color: #1a060b;
}

.div-block-60.dark-div-rooket.jwr-home-divisor {
  background-color: #000;
}

.div-block-60.dark-div-rooket.gomusic-ui {
  background-color: #421138;
}

.div-block-60.light-div-rooket {
  background-color: #2094d6;
}

.div-block-60.light-div-rooket.rr-div {
  background-color: #532b18;
}

.div-block-60.light-div-rooket.rr-div.div-rr-cm-d {
  background-color: #455410;
}

.div-block-60.light-div-rooket.rr-div.div-rooket-cm-d {
  background-color: #003a72;
}

.div-block-60.light-div-rooket.rr-div.div-cm-hero-jforce-d {
  background-color: #597583;
}

.div-block-60.light-div-rooket.rr-div.ag-bend-div-d {
  background-color: #46b6db;
}

.div-block-60.light-div-rooket.rr-div.div-ui-cm-l {
  background-color: #722b3e;
}

.div-block-60.light-div-rooket.jwr-home-divisor-light {
  background-color: #394e58;
}

.div-block-60.light-div-rooket.gomusic-ui {
  background-color: #ad3b93;
}

.divisor-rooket {
  margin-top: 15px;
}

.divisor-rooket.rr-div {
  width: 90%;
}

.divisor-rooket.rr-div.rr-cm-div-hero {
  width: 97%;
}

.divisor-rooket.rr-div.rr-cm-div-hero.div-rr-cm {
  width: 70%;
}

.divisor-rooket.rr-div.ui-gomusic-div {
  width: 80%;
}

.divisor-rooket.rr-div.rooket-divisor {
  width: 100%;
}

.divisor-rooket.gomusic-ui {
  padding-top: 12px;
  padding-bottom: 12px;
}

.div-block-61 {
  justify-content: space-around;
  align-items: center;
  width: 340px;
  margin-top: 13px;
  display: flex;
}

.text-block {
  color: #76bbff;
  text-align: right;
  font-family: Roboto, sans-serif;
  font-size: 16px;
}

.text-block.whl-rr-text-p {
  color: #a38c84;
  text-align: center;
}

.text-block-2 {
  text-align: right;
}

.text-block-2.rooket-text-1 {
  color: #76bbff;
  font-family: Roboto, sans-serif;
  font-size: 17px;
}

.text-block-2.rooket-text-1.rr-text {
  color: #fff;
  text-align: left;
  width: 90%;
  padding-left: 60px;
  font-family: Poppins, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 60px;
}

.text-block-2.rooket-text-1.rr-text.cm-rooket-hero-txt {
  color: #a7bfd7;
  text-align: center;
  line-height: 30px;
}

.text-block-2.rooket-text-1.rr-text.cm-jforce-txt {
  color: #a9c3ce;
  padding-top: 13px;
  padding-bottom: 13px;
}

.text-block-2.rooket-text-1.rr-text.ag-bend-cm-txt {
  -webkit-text-stroke-color: #cce3ed;
}

.text-block-2.rooket-text-1.rr-text.rrtxt-n {
  color: #fff;
  -webkit-text-stroke-color: #fff;
  font-size: 16px;
}

.text-block-2.rooket-text-1.rr-text.rrtxt-n.txt-st-rr-n {
  color: #c4dfb9;
  width: 85%;
  font-size: 16px;
  font-weight: 400;
  line-height: 30px;
}

.text-block-2.rooket-text-1.rr-text.rrtxt-n.txt-st-rr-n.tapago-hero-stext {
  color: #e9c8c8;
  -webkit-text-stroke-color: #cfb6b6;
  font-size: 18px;
}

.text-block-2.rooket-text-1.rr-text.rrtxt-n.txt-st-rr-n.workee-main-page {
  color: #b4e5ff;
}

.text-block-2.rooket-text-1.rr-text.rrtxt-n.txt-st-rr-n.ft-txt-cvr {
  color: #fff5e5;
}

.text-block-2.rooket-text-1.rr-text.rrtxt-n.txt-st-rr-n.txt-tpgo-txt {
  color: #eedadc;
}

.text-block-2.rooket-text-1.rr-text.rrtxt-n.txt-st-rr-n.txt-roote-txttt {
  color: #bdd9f5;
}

.text-block-2.rooket-text-1.rr-text.rrtxt-n.rr-n-h {
  color: #b2cae1;
}

.text-block-2.rooket-text-1.rr-text.rrtxt-n.rr-n-h.ft-txt-cvr {
  color: #e1cfb2;
}

.text-block-2.rooket-text-1.rr-text.rrtxt-n.tapago-hero-text {
  color: #fff;
}

.text-block-2.rooket-text-1.rr-text.wk-text-cover {
  width: 80%;
  font-size: 50px;
  line-height: 60px;
}

.text-block-2.rooket-text-1.jwr-sub-tittle-home {
  color: #88b0c3;
  -webkit-text-stroke-color: #363636;
}

.text-block-2.rooket-text-1.ag-bend-cm-txt {
  color: #cce3ed;
  padding-top: 12px;
  padding-bottom: 12px;
}

.text-block-2.ui-cm-gomusic-txt {
  color: #e8cbd3;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.image-41, .div-block-62 {
  text-align: left;
}

.text-span-13 {
  color: #a4d2ff;
}

.text-span-13.jwr-sub-tittle-home-1 {
  color: #1466b8;
}

.image-42 {
  width: auto;
}

.image-42.rr-logo {
  width: 170px;
  margin-bottom: 8px;
}

.image-42.rr-logo.rooket-logo {
  width: 140px;
}

.image-42.rr-logo.bend-logo {
  width: 180px;
}

.image-42.rr-logo.gm-logo {
  width: 190px;
}

.image-42.bend-logo-home {
  width: 260px;
}

.text-span-14 {
  color: #999;
}

.rooket-box-home.jwr {
  margin-top: 87px;
}

.rodizio-rico-box-home {
  width: 350px;
  height: auto;
}

.rodizio-rico-box-home.mockup-main-rodizio-r {
  position: relative;
}

.rodizio-rico-box-home.img-rooket-mockup-cm {
  width: 216px;
  height: 430px;
}

.rodizio-rico-box-home.img-mockup-rr-cm {
  width: 264px;
  height: auto;
}

.rodizio-rico-box-home.img-mockup-rr-cm.workee-img-cover {
  border-radius: 10px;
  width: 100%;
  height: auto;
}

.rodizio-rico-main-home {
  flex-direction: row;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-items: center;
  margin-right: 66px;
  padding-top: 59px;
  padding-bottom: 59px;
  display: flex;
}

.rodizio-rico-main-home.bend-order-hero {
  order: 0;
}

.affinity-mapping-rooket-bg {
  background-color: #073159;
  padding-bottom: 60px;
}

.affinity-mapping-rooket-tittle {
  color: #fff;
  margin-top: 52px;
  font-family: Roboto Condensed, sans-serif;
}

.persona-rooket-bg {
  background-color: #011b34;
  padding-bottom: 72px;
}

.persona-rooket-tittle {
  color: #fff;
  margin-top: 62px;
  margin-bottom: 36px;
  font-family: Roboto Condensed, sans-serif;
}

.hmw-section-rooket-tittle {
  text-align: center;
  margin-top: 62px;
  font-family: Roboto Condensed, sans-serif;
}

.hmw-section-rooket-p {
  text-align: left;
  margin-top: 22px;
  font-family: Roboto, sans-serif;
  font-size: 20px;
  line-height: 28px;
}

.div-block-63 {
  margin-bottom: 41px;
  display: flex;
}

.container-18.app-android-ui-gm {
  margin-top: 36px;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid.dev-process-rr {
  height: auto;
  margin-top: 40px;
}

.grid.bend-process {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  margin-top: 28px;
}

.grid.grid-gm {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  grid-template-columns: 1fr 1fr;
  margin-top: 38px;
  margin-bottom: 32px;
  padding-right: 84px;
}

.div-block-64.jwr {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.grid-3.rooket {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.image-44 {
  width: 46%;
}

.grid-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: space-between;
  place-items: center;
}

.rooket-container-role {
  padding-top: 34px;
}

.jwr-mockup-home {
  width: 420px;
  height: 211px;
}

.jwr-jforce-home, .bend-home {
  margin-top: 72px;
}

.bend-sub-titlle-home {
  color: #afe2ff;
  font-family: Roboto, sans-serif;
  font-size: 18px;
}

.bend-sub-titlle-home.gomusic-ui {
  color: #ffc7ec;
  margin-top: 0;
}

.bend-img-home {
  width: 410px;
}

.jforce-hero {
  background-color: #2d3c43;
}

.text-span-15 {
  color: #f0572c;
  font-weight: 700;
}

.hero-jforce {
  background-color: #eaeaea;
}

.the-challenge-jforce {
  background-color: #1a282f;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}

.bold-text-3 {
  color: #fff;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.bold-text-3.project-overview-bend {
  text-align: left;
}

.project-overview-jforce {
  background-color: #2d3c43;
}

.bold-text-4 {
  font-size: 18px;
  font-weight: 400;
}

.bold-text-4.the-challenge-bend {
  color: #fff;
  text-align: left;
  font-weight: 400;
  line-height: 36px;
}

.bold-text-4.outcome-bend {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 36px;
}

.app-android-jforce {
  background-color: #eaeaea;
}

.div-block-66 {
  justify-content: space-between;
  padding-bottom: 68px;
  display: block;
}

.quick-stack {
  padding-left: 0;
  padding-right: 0;
}

.quick-stack.brand-jwwr-jforce, .quick-stack.frontend-ui-bend {
  padding-top: 0;
}

.cell {
  text-align: left;
  justify-content: flex-start;
  align-items: flex-start;
}

.cell-2, .cell-3, .cell-4 {
  align-items: flex-start;
}

.cell-5, .cell-6 {
  align-items: center;
}

.before-after-jforce {
  background-color: #eaeaea;
}

.jwr-website {
  border-radius: 8px;
}

.image-46 {
  border-radius: 8px;
  box-shadow: 0 2px 5px #0003;
}

.brand-jwwr-jforce, .whl-jwr {
  background-color: #eaeaea;
}

.whl-jwr.lpwhil-33 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.div-block-67 {
  flex: 1;
}

.div-block-67.jwr {
  color: #37151e;
}

.bend-hero {
  text-align: center;
  background-color: #008fcd;
  margin-bottom: 0;
}

.bend-hero.gomusic {
  background-color: #008fcd;
}

.bold-text-5 {
  font-weight: 400;
}

.bend-hero-text {
  color: #fff;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 25px;
  padding-left: 0;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.bend-hero-text.txt-bend-desc, .bend-hero-text.sub-tittle-bend-ag-cm {
  font-size: 18px;
  font-weight: 500;
}

.bend-process {
  background-color: #eaeaea;
}

.project-overview-bend {
  background-color: #008fcd;
}

.the-challenge-bend {
  background-color: #015579;
}

.outcome-bend {
  background-color: #003247;
}

.frontend-ui-bend.front-end-customer-panel, .front-end-customer-panel, .custom-ecommerce {
  background-color: #eaeaea;
}

.text-span-16 {
  color: #fded14;
  font-weight: 500;
}

.gomusic-ui {
  margin-top: 0;
}

.gomusic-ui.gomusic-block {
  margin-top: 73px;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}

.projects-hero-cm {
  z-index: 10;
  margin-top: 22px;
  position: relative;
}

.div-block-68 {
  background-image: linear-gradient(#3b490e, #3b490e);
  width: 100vw;
  height: 700px;
}

.div-block-68.rr-hero-cm {
  color: #797979;
  background-image: linear-gradient(#3b490e, #192002);
  border: 1px solid #1a2104;
  border-radius: 32px;
  justify-content: center;
  align-items: center;
  width: auto;
  max-width: 1200px;
  height: auto;
  margin-bottom: 66px;
  display: flex;
  position: static;
}

.div-block-68.rr-hero-cm.n-rooket-hero {
  outline-offset: 0px;
  background-image: linear-gradient(#024280, #02172d 96%, #02172d);
  border-style: none;
  border-color: #04182f;
  outline: 3px #797979;
}

.div-block-68.rr-hero-cm.n-rooket-hero.blue-box.box-1-b.ft-bg-cvr {
  background-image: linear-gradient(#024280, #9c6600 0%, #572600 100%, #381e00);
  margin-bottom: 0;
}

.div-block-68.rr-hero-cm.tapago-hero-bg {
  background-image: linear-gradient(#d49725, #a5276c 92%);
}

.div-block-68.rr-hero-cm.tapago-bg-gra {
  background-image: linear-gradient(#ec6f00, #9a0b5f);
}

.div-block-68.cm-rooket-bg {
  background-image: linear-gradient(#004282, #001529);
  height: 540px;
  display: flex;
}

.div-block-68.cm-rooket-bg.cm-rooket-bg-txt {
  height: 600px;
}

.div-block-68.jforce-cm-hero {
  background-image: linear-gradient(#475d67, #1b262b);
  height: 600px;
  display: flex;
}

.div-block-68.ag-bend-cm-hero {
  background-image: linear-gradient(#00c2ff, #006b99);
  justify-content: center;
  align-items: center;
  height: 600px;
  display: flex;
}

.div-block-68.ui-gomusic-hero-cm-bg {
  background-image: linear-gradient(#67152b, #280b13);
  height: 600px;
  display: flex;
}

.container-32 {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.ui-gomusic-hero-cm {
  justify-content: flex-end;
  width: 100%;
  display: flex;
}

.ui-gomusic-hero-cm.txt-ui-gomusic {
  color: #fff;
  text-align: center;
  width: 70%;
  margin-bottom: 44px;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 32px;
}

.ui-gomusic-hero-cm.gm-hero-dic-imgg-block {
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
}

.text-span-17 {
  opacity: .64;
}

.bold-text-6 {
  font-weight: 400;
}

.link-5 {
  color: #a8a8a8;
  font-weight: 700;
  text-decoration: none;
}

.div-block-69 {
  margin-top: 36px;
  margin-bottom: 38px;
  display: flex;
}

.bold-text-7 {
  font-weight: 400;
}

.bold-text-8 {
  color: #b9c7ce;
  letter-spacing: 0;
  font-weight: 400;
  line-height: 150%;
}

.txt-tittle-bend-ag-cm {
  color: #c9efff;
  text-align: center;
  font-family: Roboto, sans-serif;
  font-size: 18px;
  line-height: 31px;
}

.gomusic-hero {
  background-color: #37151e;
}

.img-ui-gomusic {
  width: 450px;
}

.gomusic-hero-container {
  margin-top: 120px;
}

.div-ui-gm-content {
  margin-top: 72px;
}

.img-mockup-ui-gm {
  justify-content: center;
  margin-bottom: 90px;
  display: flex;
}

.project-overview-ui-gm {
  background-color: #37151e;
}

.project-overview-ui-gm.challenge {
  background-color: #230e13;
}

.cta-button-live-prototype-ui-gm {
  text-align: center;
  border-radius: 8px;
  width: 350px;
  height: 60px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: Roboto, sans-serif;
  font-size: 19px;
}

.div-block-70 {
  text-align: center;
  margin-bottom: 32px;
}

.div-block-71 {
  display: none;
}

.container-33 {
  max-width: 1200px;
}

.education.team-circles-2 {
  background-color: #f1f1f1;
}

.bold-text-9, .bold-text-10 {
  font-weight: 600;
}

.cf-bg-h {
  background-color: #303030;
  width: 100%;
  display: none;
}

.field-label {
  color: #bebebe;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.field-label-2, .field-label-3 {
  color: #bebebe;
  margin-top: 18px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.cf-title-lt {
  font-family: Poppins, sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.text-field {
  opacity: .45;
  outline-offset: 0px;
  mix-blend-mode: normal;
  background-color: #5f5f5f;
  border: 1px #000;
  border-radius: 8px;
  outline-width: 3px;
  outline-style: none;
  width: 100%;
  height: 70px;
}

.text-field:focus-visible, .text-field[data-wf-focus-visible] {
  color: #b3b3b3;
}

.text-field.message {
  width: 100%;
  height: 180px;
}

.submit-button {
  text-align: right;
  background-color: #5f5f5f;
  border-radius: 8px;
  margin-top: 24px;
  padding: 18px 44px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.submit-button:hover {
  background-color: #464646;
}

.heading-22 {
  color: #494949;
  padding-bottom: 42px;
  font-family: Poppins, sans-serif;
  font-weight: 600;
}

.paragraph-21 {
  color: #ddd;
  overflow-wrap: normal;
  font-family: Poppins, sans-serif;
  font-weight: 300;
}

.paragraph-21.down-line {
  text-align: right;
}

.container-34 {
  max-width: 1200px;
}

.container-34.bsf-1.bdf-2 {
  margin-top: 18px;
  margin-bottom: 22px;
}

.div-block-72 {
  border-left: 1px dashed #000;
  flex-direction: column;
  display: flex;
}

.error-message {
  background-color: #ddb0b0;
  border-radius: 8px;
}

.text-block-3 {
  color: #000;
  font-family: Poppins, sans-serif;
}

.success-message {
  border-radius: 8px;
  font-family: Poppins, sans-serif;
  font-size: 15px;
  font-weight: 500;
}

.paragraph-22 {
  color: #bebebe;
  margin-top: 20px;
  font-family: Poppins, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.div-block-74 {
  background-color: #e9e9e9;
  width: 100%;
  height: 1px;
  overflow: visible;
}

.div-block-74.line-div-s-top {
  margin-top: 72px;
}

.hero-section-n-p {
  padding-top: 88px;
  padding-bottom: 88px;
}

.div-block-75 {
  align-items: flex-start;
  margin-top: 80px;
  display: flex;
}

.div-block-75.outcome-mobo {
  justify-content: flex-start;
}

.heading-23 {
  color: #303030;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 30px;
}

.paragraph-23 {
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.list {
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 32px;
}

.list.rooket-final {
  width: 70%;
  margin-top: 6px;
  padding-left: 0;
}

.div-block-76 {
  flex-direction: row;
  justify-content: space-around;
  align-items: flex-start;
  width: auto;
  margin-right: 18px;
  display: block;
}

.div-block-76.rooket-challenge {
  width: 60%;
}

.heading-24 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 58px;
  font-weight: 600;
}

.heading-24.rooket-outcome-n {
  font-size: 50px;
}

.paragraph-24 {
  margin-bottom: 0;
  padding-left: 24px;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  line-height: 30px;
}

.div-block-77 {
  flex-direction: row;
  align-items: flex-start;
  margin-left: 110px;
  margin-right: 60px;
  display: block;
}

.div-block-78 {
  align-items: center;
  display: flex;
}

.div-block-79 {
  align-items: center;
  padding-top: 22px;
  padding-bottom: 22px;
  display: flex;
}

.div-block-79.top-otc-t {
  padding-top: 14px;
}

.div-block-80 {
  width: 410px;
  height: 583px;
  position: absolute;
  inset: 0% 0% auto auto;
}

.image-47 {
  z-index: 10;
  width: auto;
  margin-top: 206px;
  position: sticky;
}

.body-content-project {
  background-color: #e9e9e9;
  margin-top: 66px;
}

.div-block-81 {
  background-color: #e0e0e0;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 348px;
  height: 182px;
  margin-top: -94px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.paragraph-25 {
  color: #8f8f8f;
  text-align: center;
  font-family: Poppins, sans-serif;
  font-size: 18px;
}

.paragraph-26 {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: Poppins, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.heading-25 {
  color: #303030;
  margin-top: 112px;
  font-family: Poppins, sans-serif;
  font-size: 32px;
}

.left-hs {
  width: 70%;
}

.right-hs {
  width: auto;
}

.div-block-82 {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.quick-stack-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  padding: 0;
}

.timeline-left {
  text-align: left;
  background-color: #3f3f3f;
  border-radius: 0%;
  font-family: Poppins, sans-serif;
}

.timeline-right {
  text-align: left;
  font-family: Poppins, sans-serif;
}

.timeline-itens {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  width: 100%;
  padding: 0;
  font-family: Poppins, sans-serif;
  font-weight: 400;
}

.timeline-itens.usability-test {
  width: auto;
  margin-top: 56px;
}

.timeline-itens.usability-test.last-block, .timeline-itens.usability-test.lds-b-rooket, .timeline-itens.usability-test.lds-b-rooket.hfs-rooket-b, .timeline-itens.usability-test.mut-bd-1, .timeline-itens.usability-test.umutbdb-1, .timeline-itens.usability-test.umdt-f-db {
  margin-top: 0;
}

.timeline-itens.usability-test.mvp-b-f {
  margin-top: 0;
  padding-top: 28px;
  padding-bottom: 28px;
}

.timeline-itens.usability-test.whilbs-1 {
  margin-top: 0;
  padding-top: 21px;
  padding-bottom: 21px;
}

.timeline-title-left {
  color: #5f5f5f;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}

.cell-9 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.tm-c {
  background-color: #9b3c3c;
}

.quick-stack-3 {
  padding: 0;
}

.div-block-83 {
  background-color: #0000;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.div-block-84 {
  background-color: #0000;
  overflow: visible;
}

.div-block-85 {
  background-color: #0000;
  display: block;
}

.quick-stack-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  width: 100%;
  padding: 0;
}

.timeline-center-title {
  color: #5f5f5f;
  letter-spacing: 0;
  padding-left: 14px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
}

.timeline-center-title.design-solutions {
  font-size: 16px;
  font-weight: 600;
}

.timeline-center-title.usability-test-title {
  color: #e2e2e2;
  padding-left: 14px;
}

.div-block-86 {
  color: #bebebe;
  border: 1px #7c7c7c;
  width: 25px;
  height: 25px;
}

.timeline-circle-ball {
  background-color: #bebebe;
  border-radius: 100%;
  width: 25px;
  height: 25px;
}

.timeline-circle-ball.last-block-ball {
  margin-top: 163px;
}

.timeline-circle-ball.lastball-c, .timeline-circle-ball.lastball-c.lastball-whil {
  background-color: #333;
}

.timeline-circle-ball.lastball-c.mvp-ball {
  background-color: #bebebe;
}

.timeline-circle-ball.lastball-c.lbc-23 {
  margin-top: 24px;
}

.timeline-text-right {
  color: #303030;
  margin-bottom: 12px;
  font-family: Poppins, sans-serif;
  font-size: 16px;
  line-height: 200%;
}

.timeline-text-right.usability-test-text {
  color: #fff;
  margin-top: -6px;
  font-size: 20px;
  font-weight: 500;
}

.timeline-text-right.usability-test-text.y-t-ut {
  color: #bff218;
  margin-top: 15px;
}

.timeline-text-right.usability-test-text.y-t-ut.rooket-b {
  margin-top: 0;
}

.timeline-progress {
  z-index: 0;
  background-color: #bebebe;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 2px;
  height: 200%;
  margin-left: 0;
  display: flex;
  position: absolute;
}

.timeline-progress.hmw {
  height: 40%;
}

.timeline-progress.ca-line {
  height: 323%;
}

.timeline-progress.ca-line.ca-line-l {
  height: 20%;
}

.timeline-progress.ca-line.rr-lin-h {
  height: 254%;
}

.timeline-progress.ca-line.rooket-line {
  height: 325%;
}

.timeline-progress.ds-line {
  height: 70%;
}

.timeline-progress.hfd-line {
  height: 80%;
}

.timeline-progress-bar {
  z-index: 3;
  background-color: #774e4e;
  width: 2px;
  height: 50vh;
  position: fixed;
  bottom: 50vh;
}

.cell-10 {
  align-items: center;
}

.div-b-t-i {
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.div-b-t-i.mspdbt {
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-block-4 {
  color: #303030;
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 400;
  line-height: 200%;
}

.text-block-4.ut-text-2 {
  color: #e2e2e2;
  margin-top: 24px;
  margin-bottom: 26px;
}

.div-block-87 {
  width: 137px;
  height: 192px;
}

.rm-wb-bg {
  background-color: #fff;
  border-radius: 8px;
  height: 450px;
  box-shadow: 0 2px 5px #0003;
}

.rm-wb-bg.rooket-bg-kf {
  background-color: #011a34;
  height: auto;
  margin-top: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.rm-title-wb-1 {
  color: #303030;
  text-align: left;
  padding-top: 29px;
  padding-bottom: 29px;
  padding-left: 38px;
  font-size: 26px;
  font-weight: 700;
}

.rm-title-wb-1.roo-txt-t {
  color: #fff;
  font-size: 24px;
}

.text-block-5 {
  font-size: 18px;
}

.rm-text-wb-1 {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-right: 28px;
  font-size: 18px;
  line-height: 180%;
}

.rm-text-wb-1.rooket-kf-t {
  color: #fff;
  padding-top: 0;
  font-size: 16px;
}

.div-block-88 {
  padding-top: 22px;
  padding-bottom: 22px;
  display: flex;
}

.rm-img-block {
  margin-top: 0;
  margin-bottom: 25px;
}

.div-block-89 {
  display: flex;
}

.image-48 {
  border-radius: 8px;
  width: auto;
  height: auto;
  padding-left: 0;
  box-shadow: 0 2px 5px #0003;
}

.image-49, .image-50 {
  border-radius: 8px;
  padding-right: 0;
  box-shadow: 0 2px 5px #0003;
}

.image-51 {
  border-radius: 8px;
  padding-left: 0;
  box-shadow: 0 2px 5px #0003;
}

.div-block-90 {
  padding-right: 8px;
}

.div-block-91 {
  width: 276px;
  height: auto;
  padding-left: 8px;
}

.div-block-92 {
  padding-right: 8px;
}

.div-block-93 {
  padding-left: 8px;
}

.line-divisor-content-s {
  background-color: #d6d6d6;
  height: 1px;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 0;
  padding-bottom: 0;
}

.line-divisor-content-s.line-div-d-r {
  margin-top: 40px;
  margin-bottom: 40px;
}

.line-divisor-content-s.div-rooket-blue-d {
  background-color: #152a3f;
}

.div-block-94 {
  margin-top: 138px;
  margin-bottom: 71px;
}

.hmw-p-text-s {
  color: #5f5f5f;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 400;
  line-height: 180%;
}

.hmw-p-text-s.ut-text-1 {
  color: #e2e2e2;
  margin-top: 16px;
  font-size: 16px;
  font-weight: 400;
}

.hmw-p-text-s.ut-text-1.rooket-txt-wire {
  margin-top: 0;
  font-size: 16px;
}

.hmw-p-text-s.ut-text-1.umut-txt-btt {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
}

.hmw-p-text-s.ut-text-1.umut-txt-btt.umtu-2 {
  margin-bottom: 32px;
}

.hmw-p-text-s.problem-s-t-b {
  color: #fff;
  font-size: 20px;
  line-height: 130%;
}

.hmw-p-text-s.tca-22 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-span-18, .text-span-19, .text-span-20, .text-span-21 {
  color: #303030;
  font-weight: 700;
}

.ca-img-b {
  margin-top: 16px;
}

.ca-img-b.rooket-fp {
  padding-top: 0;
}

.div-block-95 {
  justify-content: flex-start;
  margin-top: 20px;
  display: flex;
}

.div-block-95.hfd-b {
  margin-top: 0;
}

.text-block-6 {
  text-align: center;
}

.text-block-6.ds-title-1 {
  text-align: left;
  margin-bottom: 17px;
  font-size: 16px;
  font-weight: 600;
}

.text-block-7 {
  text-align: center;
}

.text-block-7.ds-title-1 {
  text-align: left;
  padding-bottom: 16px;
  font-size: 16px;
  font-weight: 600;
}

.div-block-96 {
  background-color: #f05555;
  border-top: 5vh solid #37440d;
  border-right: 190vh solid #000;
}

.green-section {
  background-color: #37440d;
  border-top: 30px solid #2b350b;
  border-right: 0 solid #000;
  position: static;
}

.green-section.blue-rooket-bg-dark {
  background-color: #001324;
  border-top-color: #000b16;
}

.div-block-97 {
  border-top: 5vh solid #000;
  border-right: 30vh solid #37440d;
}

.div-block-97.green-assimetric {
  border-right-style: solid;
  border-right-width: 180vh;
}

.text-span-22 {
  color: #bff218;
  -webkit-text-stroke-color: #ffae00;
  font-size: 16px;
}

.uto-div-bg-bg {
  background-color: #2b350b;
  border-radius: 8px;
  width: auto;
  height: auto;
  margin-top: 0;
}

.uto-div-bg-bg.rooket {
  background-color: #364018;
  margin-top: 4px;
}

.uto-div-bg-bg.rooket.sumtu-bg {
  margin-top: 28px;
}

.uso-text-block-div-b {
  color: #fff;
  padding: 26px;
  font-size: 18px;
  line-height: 180%;
}

.uso-text-block-div-b.txt-rooket-mut {
  font-size: 16px;
  font-weight: 400;
}

.text-span-23, .text-span-24, .text-span-25, .text-span-26 {
  color: #e9a800;
  font-weight: 500;
}

.bold-text-11 {
  font-weight: 700;
}

.t-uto-txt-down {
  color: #d6d6d6;
  margin-top: 36px;
  font-size: 18px;
}

.text-span-27 {
  color: #e9a800;
  font-weight: 500;
}

.image-52 {
  border-radius: 8px;
  margin-top: 0;
  padding-right: 0;
}

.image-52.umtu-img {
  margin-top: 12px;
  margin-bottom: 14px;
  padding-right: 0;
}

.image-52.li-ust-1 {
  height: auto;
  margin-top: 0;
  padding-left: 20px;
}

.div-block-98 {
  margin-top: 20px;
  margin-bottom: 56px;
  display: flex;
}

.links-projects-ready {
  background-color: #011b34;
}

.links-projects-ready.mobile {
  display: none;
}

.links-projects-ready.rr-r-hfp {
  padding-top: 26px;
  padding-bottom: 26px;
}

.quick-stack-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  padding: 0;
}

.cell-11 {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.div-block-99 {
  width: 100%;
  padding-left: 0;
}

.div-block-100 {
  flex-direction: column;
  display: flex;
}

.div-block-100.rooket-outcomes-t {
  margin-left: 172px;
}

.container-mobile, .container-green-mobile {
  display: none;
}

.quick-stack-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.cell-15 {
  align-items: flex-end;
}

.cell-16 {
  justify-content: center;
  align-items: flex-start;
}

.div-block-107 {
  margin-bottom: 0;
}

.div-block-108 {
  margin-bottom: 72px;
}

.div-block-110 {
  margin-top: 24px;
}

.position-boxes {
  margin-top: 64px;
  margin-bottom: -126px;
}

.list-item {
  color: #fff;
}

.div-block-111 {
  color: #3330;
  background-color: #073159;
  border-radius: 8px;
  margin-top: 24px;
  padding: 28px;
}

.text-span-28 {
  color: #f2994a;
  font-weight: 600;
}

.text-span-29 {
  color: #00f0ff;
}

.userflow-sitemap-rooket-img {
  margin-top: 4px;
}

.text-block-8 {
  color: #fff;
}

.text-block-8.mutlfso-rooket {
  padding-top: 26px;
  padding-left: 28px;
  font-size: 16px;
  font-weight: 600;
}

.text-block-8.mutlfso-rooket.umst-txt-d {
  padding-top: 0;
  padding-left: 0;
}

.text-span-30 {
  color: #bff218;
}

.bold-text-12 {
  font-size: 16px;
  font-weight: 400;
}

.text-span-31 {
  font-weight: 600;
}

.lumut-l {
  color: #fff;
}

.list-2 {
  margin-top: 18px;
  margin-bottom: 0;
  padding-left: 20px;
}

.text-span-32 {
  color: #e5c100;
}

.text-span-33 {
  color: #e5c100;
  font-weight: 400;
}

.text-span-34 {
  color: #ec4c4c;
}

.image-55 {
  margin-top: 16px;
  margin-bottom: 0;
}

.list-item-2 {
  font-size: 16px;
}

.div-block-112 {
  margin-bottom: 56px;
}

.text-span-35 {
  color: #706f6f;
}

.image-56 {
  -webkit-text-stroke-width: 0px;
}

.text-span-36 {
  color: #ffa7b1;
  font-weight: 400;
}

.text-span-37 {
  color: #bff216;
}

.text-span-38, .text-span-39, .text-span-40 {
  color: #00c8ff;
  font-weight: 700;
}

.text-span-41 {
  color: #f66;
  font-weight: 700;
}

.text-span-42, .text-span-43 {
  color: #f76566;
  font-weight: 700;
}

.ux-process-sub-title {
  font-family: Poppins, sans-serif;
  font-size: 16px;
  font-weight: 500;
}

.ux-process-sub-title.txt-uxp {
  color: #5f5f5f;
  font-size: 14px;
}

.text-span-44 {
  font-weight: 300;
}

.paragraph-27 {
  font-family: Poppins, sans-serif;
  font-size: 16px;
}

.text-span-45 {
  color: #0ae470;
}

.div-block-113 {
  margin-right: 4px;
}

.image-57 {
  margin-left: 0;
}

.div-block-114 {
  margin-left: 4px;
}

.image-58 {
  border-radius: 0;
}

.quick-stack-7 {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
  position: absolute;
}

.cell-17 {
  flex-direction: row;
  justify-content: flex-start;
  padding-left: 58px;
  display: flex;
}

.div-block-115 {
  border-left: 2px dashed #ccc;
  height: 180px;
}

.div-block-116 {
  text-align: right;
  border-top: 2px dashed #ccc;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 740px;
  margin-top: 28px;
  display: flex;
}

.div-block-116.bt-l-e-1 {
  margin-top: 0;
  margin-left: 402px;
}

.quick-stack-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}

.div-block-117 {
  border: 2px dashed #ccc;
  width: 658px;
  margin-left: 356px;
}

.div-block-118 {
  border-left: 2px dashed #ccc;
  height: 150px;
  margin-top: -105px;
  margin-left: -46px;
}

.div-block-119 {
  justify-content: flex-end;
  width: auto;
  height: 100%;
  display: flex;
}

.div-block-120 {
  margin-top: 20px;
}

.div-block-121 {
  margin-top: 36px;
}

.cell-18 {
  justify-content: center;
}

.div-block-122 {
  height: 0;
}

.bold-text-13 {
  color: #7e7e7e;
}

.bold-text-13:hover {
  color: #636363;
}

.bold-text-15 {
  color: #333;
}

.bold-text-15:hover {
  -webkit-text-stroke-color: #5e5e5e;
}

.div-block-125 {
  display: flex;
}

.heading-26 {
  border: 1px #000;
  padding-left: 8px;
  font-family: Poppins, sans-serif;
  font-style: normal;
  text-decoration: none;
  overflow: visible;
}

.div-block-126 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.logo-caue-mattos-text {
  color: #333;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 8px;
  font-family: Poppins, sans-serif;
  text-decoration: none;
}

.logo-caue-mattos-text.logo-text-mattos {
  padding-left: 4px;
  font-weight: 300;
}

.projects-hero-tapago {
  display: none;
}

.projects-hero-cm-forstars {
  margin-bottom: 80px;
}

.tapago-bg {
  flex-direction: row;
  flex: 0 auto;
  order: 0;
  justify-content: center;
  align-items: center;
  margin-right: 66px;
  padding-top: 59px;
  padding-bottom: 59px;
  display: flex;
}

.tapago-bg.bend-order-hero {
  order: 0;
}

@media screen and (max-width: 991px) {
  .navbar-logo-left {
    padding-right: 0;
  }

  .navbar-menu {
    max-width: unset;
  }

  .navbar-link {
    justify-content: center;
  }

  .f2wf-columns {
    flex-direction: column;
    align-items: center;
  }

  .column-10, .content-6, .content-7 {
    align-items: center;
  }

  .navbar-logo-left-2 {
    object-fit: fill;
    height: 119px;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 89px;
    padding-right: 0;
    box-shadow: 0 2px 5px #0003;
  }

  .navbar-menu-2 {
    max-width: unset;
  }

  .navbar-link-2 {
    background-color: #e0e0e0;
    justify-content: center;
  }

  .f2wf-columns-2 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: center;
    place-items: center start;
    margin-top: -28px;
    display: grid;
  }

  .f2wf-columns-2.logos-hardskills {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    place-content: stretch center;
    justify-items: center;
  }

  .f2wf-columns-2.education-courses-logo {
    grid-template-columns: 1fr 1fr;
    justify-items: center;
    margin-top: 0;
  }

  .vectors-wrapper-6 {
    text-align: left;
    object-fit: cover;
    flex: 0 auto;
    order: 1;
    justify-content: center;
    align-self: flex-start;
    align-items: center;
    margin-top: 46px;
  }

  .container-6 {
    margin-bottom: 0;
  }

  .image-wrapper-10, .content-14, .info-4 {
    height: auto;
  }

  .footer-2 {
    padding-right: 50px;
  }

  .column-21 {
    align-items: flex-start;
  }

  .f2wf-small-columns-2 {
    max-width: 700px;
  }

  .content-17, .content-18 {
    align-items: center;
  }

  .copyright-2 {
    margin-top: 72px;
  }

  .logos-2 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: start center;
    place-items: center;
    margin-top: 48px;
    padding-left: 32px;
    padding-right: 32px;
    display: grid;
  }

  .div-block {
    justify-content: center;
    padding-right: 16px;
  }

  .div-block.profile-photo-caue {
    margin-top: 14px;
    margin-left: 37px;
  }

  .container-7 {
    flex-wrap: wrap;
    margin-top: -26px;
  }

  .div-block-2 {
    flex-direction: column;
    align-self: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 0;
    display: flex;
  }

  .div-block-3 {
    flex-direction: column;
    align-self: flex-start;
    padding-right: 24px;
  }

  .heading-2 {
    text-align: center;
    font-size: 26px;
  }

  .heading-3 {
    text-align: center;
    margin-bottom: 0;
    font-size: 52px;
  }

  .heading-3.hi-iam {
    text-align: center;
    margin-top: 142px;
    margin-bottom: 8px;
    padding-top: 14px;
    font-size: 32px;
  }

  .heading-3.cm-name-hero {
    font-size: 68px;
  }

  .heading-4 {
    text-align: left;
    align-self: auto;
  }

  .div-block-5.westmid-flags {
    justify-content: center;
  }

  .hero-paragraph-desc {
    text-align: center;
    justify-content: flex-start;
    align-items: center;
    margin-top: 6px;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
    display: block;
  }

  .div-block-6.hero-p {
    text-align: center;
    display: flex;
  }

  .container-8 {
    max-width: 728px;
  }

  .hero-wrapper {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: -40px;
  }

  .hero-split {
    max-width: 100%;
    margin-bottom: 40px;
  }

  .i-am-caue-mattos {
    margin-top: 40px;
    display: block;
  }

  .expertise-div-block-7, .expertise-div-block-7.education {
    margin-top: 0;
  }

  .div-block-9 {
    padding-top: 20px;
  }

  .div-block-10 {
    padding-bottom: 20px;
  }

  .paragraph-2.expertise-p-1 {
    font-size: 18px;
  }

  .container-9, .expertise-container-10, .expertise-container-10.education {
    margin-bottom: 0;
  }

  .expertise-heading-6 {
    margin-top: 0;
  }

  .projects-scroll {
    width: 700px;
    margin-left: 0;
  }

  .box-port-projects {
    margin-left: 20px;
    margin-right: 20px;
  }

  .bg-scroll-jforce.projects-jforce.rodizio-rico-box-home {
    width: auto;
    margin-left: 6px;
  }

  .bg.projectsbg.rodizio-rico-box-home {
    width: 700px;
  }

  .projects-rooket-img.mockup-rooket-img {
    justify-content: flex-start;
    padding-left: 0;
    display: flex;
  }

  .paragraph-3 {
    padding-left: 87px;
    padding-right: 87px;
    line-height: 32px;
  }

  .hardskills-title {
    margin-bottom: 10px;
  }

  .hardskills-title.education {
    margin-bottom: 0;
  }

  .hardskills-box-title {
    padding-bottom: 0;
  }

  .paragraph-5 {
    margin-top: 10px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .paragraph-6 {
    margin-top: -46px;
    margin-bottom: 84px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-rodizio-rico.rico {
    margin-top: 98px;
  }

  .div-block-15 {
    flex-direction: row;
    display: flex;
  }

  .ux-hero-yellow-highlight.rr-tittle-heroo.rr-hero-text {
    font-size: 50px;
  }

  .div-block-20 {
    width: 60%;
  }

  .heading-9, .heading-9.the-challenge-rr, .heading-9.outcomes-rr {
    font-size: 36px;
  }

  .paragraph-10 {
    margin-bottom: 58px;
    padding-left: 58px;
    padding-right: 58px;
    line-height: 26px;
  }

  .persona-title.persona {
    font-size: 36px;
  }

  .div-block-29 {
    width: auto;
  }

  .image-32.usability-test-unmoderated-rr {
    margin-bottom: 68px;
  }

  .image-36 {
    margin-bottom: 60px;
  }

  .container-16 {
    max-width: 728px;
  }

  .nav-menu-wrapper {
    background-color: #0000;
  }

  .nav-menu-two {
    background-color: #fff;
    border-radius: 50px;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 10px;
    padding: 20px;
    display: flex;
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-link {
    padding-left: 5px;
    padding-right: 5px;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: absolute;
  }

  .menu-button {
    padding: 12px;
  }

  .menu-button.w--open {
    color: #fff;
    background-color: #a6b1bf;
  }

  .div-block-45 {
    margin-top: 0;
    padding-left: 12px;
    padding-right: 12px;
  }

  .image-39 {
    height: 660px;
  }

  .heading-13.research-methodology-rr, .heading-13.research-methodology-rr.hmw {
    font-size: 36px;
  }

  .paragraph-18.research-methodology-rr.hmw {
    margin-bottom: 62px;
  }

  .div-block-49.research-methodology-rr {
    margin-top: 32px;
  }

  .heading-14 {
    margin-top: 0;
    padding-top: 40px;
  }

  .paragraph-20 {
    text-align: left;
  }

  .div-block-50 {
    margin-bottom: 62px;
  }

  .competitive-analysis-rr.competitive-analysis-rr-title {
    margin-top: 48px;
    font-size: 36px;
  }

  .button-8 {
    width: 100%;
    height: 70px;
    margin-left: 0;
    padding-left: 8px;
  }

  .high-fidelity-text {
    padding-right: 10px;
  }

  .div-block-58.cta-buttons-high-fidelity {
    padding-left: 0;
  }

  .testimonial-tittle {
    margin-top: 0;
  }

  .testimonial-tittle.emanuela-ferraro {
    margin-top: 32px;
  }

  .testimonial-text {
    font-size: 16px;
  }

  .div-block-59 {
    margin-top: 52px;
    margin-bottom: 52px;
    padding-bottom: 42px;
  }

  .whl-rr-text-p {
    padding-left: 0;
  }

  .text-block-2.rooket-text-1.rr-text {
    font-size: 46px;
  }

  .text-block-2.rooket-text-1.rr-text.rrtxt-n {
    font-size: 14px;
  }

  .image-42.rr-logo {
    width: 190px;
  }

  .rodizio-rico-box-home {
    text-align: left;
    width: 302px;
    height: 200px;
  }

  .rodizio-rico-box-home.img-mockup-rr-cm {
    width: 100%;
    height: 100%;
  }

  .rodizio-rico-main-home {
    align-self: center;
    align-items: center;
    margin-right: 20px;
  }

  .menu-button-2 {
    border-radius: 8px;
  }

  .projects-hero-cm {
    margin-top: 264px;
  }

  .container-33 {
    max-width: 740px;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-21 {
    padding-left: 20px;
  }

  .container-34.bsf-1.bdf-2 {
    margin-top: -39px;
  }

  .div-block-74.line-div-s-top {
    position: static;
  }

  .hero-section-n-p {
    padding-top: 48px;
  }

  .div-block-75 {
    margin-top: 64px;
  }

  .heading-23 {
    font-size: 26px;
  }

  .div-block-76 {
    width: 250px;
  }

  .heading-24 {
    font-size: 48px;
  }

  .div-block-77 {
    margin-left: 40px;
  }

  .image-47 {
    z-index: 10;
    width: 310px;
    margin-top: 168px;
    margin-left: 169px;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: sticky;
  }

  .div-block-81 {
    width: 220px;
  }

  .timeline-circle-ball.last-block-ball {
    margin-top: 219px;
  }

  .timeline-circle-ball.lastball-c.lbc-23 {
    margin-top: 69px;
  }

  .timeline-text-right.usability-test-text {
    font-size: 16px;
  }

  .timeline-progress {
    height: 226%;
  }

  .timeline-progress.hmw {
    height: 52%;
  }

  .timeline-progress.ca-line, .timeline-progress.ca-line.rr-lin-h, .timeline-progress.ca-line.rooket-line {
    height: 256%;
  }

  .rm-wb-bg {
    height: auto;
    padding-bottom: 22px;
  }

  .rm-title-wb-1 {
    font-size: 24px;
    line-height: 40px;
  }

  .rm-text-wb-1 {
    font-size: 16px;
  }

  .div-block-88 {
    flex-direction: row;
  }

  .uso-text-block-div-b {
    font-size: 18px;
  }

  .bold-text-11.rd-ust {
    font-size: 17px;
  }

  .div-block-100 {
    margin-left: -100px;
  }

  .quick-stack-6 {
    padding-left: 0;
  }

  .cell-17 {
    padding-left: 30px;
  }

  .div-block-115 {
    height: 110px;
  }

  .div-block-116 {
    width: 250px;
  }

  .div-block-116.bt-l-e-1 {
    margin-left: 467px;
  }

  .div-block-118 {
    height: 120px;
    margin-top: -69px;
    display: none;
  }

  .div-block-123 {
    margin-left: 11px;
  }

  .list-item-3, .list-item-4 {
    font-size: 16px;
  }

  .tapago-bg {
    align-self: center;
    align-items: center;
    margin-right: 20px;
  }
}

@media screen and (max-width: 767px) {
  .f2wf-small-columns {
    flex-direction: column;
    align-items: center;
  }

  .navbarcontainer-2 {
    padding-right: 16px;
  }

  .navbar-link-2 {
    background-color: #e9e9e9;
  }

  .f2wf-columns-2 {
    text-align: left;
    order: -1;
    align-self: center;
    align-items: flex-start;
    margin-top: 24px;
    display: flex;
  }

  .f2wf-columns-2.logos-hardskills {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .f2wf-columns-2.education-courses-logo {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .vectors-wrapper-6 {
    margin-left: 0;
    padding-left: 0;
  }

  .button-cta {
    padding-left: 20px;
  }

  .button-4 {
    padding: 21px 48px;
    font-size: 14px;
  }

  .text-20 {
    text-align: left;
    flex: 0 auto;
    align-self: auto;
    width: 140px;
    display: block;
    overflow: visible;
  }

  .container-6 {
    order: 0;
  }

  .footer-2 {
    align-self: center;
    padding-top: 26px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-21 {
    align-items: flex-start;
    margin-bottom: 0;
  }

  .logo-wrapper-3 {
    justify-content: center;
  }

  .vectors-wrapper-8 {
    display: block;
  }

  .f2wf-small-columns-2 {
    flex-direction: column;
    align-items: center;
    padding-top: 0;
  }

  .f2wf-small-columns-2.footer-n {
    align-items: flex-start;
  }

  .copyright-2 {
    justify-content: flex-start;
    align-items: center;
    margin-top: 40px;
  }

  .div-block, .div-block-2 {
    align-self: center;
  }

  .div-block-2.west-text {
    flex: 0 auto;
    align-self: center;
    width: 33%;
  }

  .div-block-3 {
    padding-left: 14px;
    padding-right: 14px;
  }

  .heading-2 {
    text-align: center;
  }

  .heading-3 {
    text-align: center;
    width: 100%;
    margin-top: 0;
    font-size: 46px;
    display: block;
  }

  .heading-3.hi-iam {
    width: 100%;
    font-size: 30px;
  }

  .heading-3.cm-name-hero {
    font-size: 58px;
  }

  .div-block-4 {
    flex: 0 auto;
    order: 0;
    justify-content: flex-end;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .div-block-5.westmid-flags {
    justify-content: center;
    display: flex;
  }

  .hero-paragraph-desc {
    text-align: center;
    margin-top: 12px;
    padding-top: 0;
    padding-left: 24px;
    padding-right: 24px;
    display: block;
  }

  .div-block-6.hero-p {
    width: 100%;
  }

  .hero-heading-right-6 {
    padding: 60px 15px;
  }

  .i-am-caue-mattos {
    margin-top: 40px;
    padding-left: 0;
    display: block;
  }

  .div-block-8-wrap {
    justify-content: space-between;
  }

  .div-block-9-img.image-cover-project-1 {
    order: 0;
    align-self: auto;
  }

  .div-block-10-cta-all {
    margin-left: 22px;
  }

  .div-block-9 {
    margin-top: 0;
  }

  .div-block-10 {
    padding-top: 28px;
    padding-left: 16px;
    padding-right: 16px;
    font-family: Roboto, sans-serif;
  }

  .paragraph-2, .paragraph-2.expertise-p-1 {
    font-size: 16px;
  }

  .expertise-heading-6 {
    font-weight: 700;
  }

  .expertise-heading-6.txt-hardskills {
    padding-left: 16px;
    padding-right: 16px;
  }

  .text-span {
    font-weight: 700;
  }

  .projects-scroll {
    width: 520px;
  }

  .bg-scroll-jforce.projects-jforce.rodizio-rico-box-home {
    height: 440px;
    display: flex;
  }

  .bg.projectsbg {
    height: 790px;
    margin-top: -415px;
  }

  .bg.projectsbg.rodizio-rico-box-home {
    width: 530px;
    height: 780px;
    margin-bottom: 48px;
  }

  .projects-rooket-img.mockup-rooket-img {
    margin-top: 32px;
    padding-left: 0;
    display: none;
  }

  .paragraph-3 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .paragraph-6 {
    margin-bottom: 100px;
    font-family: Poppins, sans-serif;
    font-size: 14px;
  }

  .hero-rodizio-rico {
    margin-top: 0;
    padding-top: 0;
  }

  .hero-rodizio-rico.rico {
    margin-top: 52px;
  }

  .div-block-15 {
    flex-direction: column;
    margin-top: 51px;
    margin-bottom: 0;
  }

  .div-block-15.jforce-hero-vert-cm {
    margin-top: 0;
    padding-top: 58px;
  }

  .image-19 {
    height: 600px;
  }

  .heading-6 {
    text-align: justify;
    width: auto;
    margin-bottom: 0;
  }

  .heading-6.rooket-hero-p {
    margin-bottom: 12px;
  }

  .heading-6.jforce-hero {
    width: 100%;
    line-height: 34px;
  }

  .heading-6.rr-hero-text {
    margin-top: 74px;
    font-size: 16px;
    line-height: 34px;
  }

  .div-block-16 {
    flex-direction: column;
    align-self: auto;
    align-items: center;
    width: 450px;
    margin-bottom: 38px;
    margin-right: 0;
    display: flex;
  }

  .div-block-16.jforce-hero.bend-hero {
    width: 100%;
  }

  .container-10 {
    justify-content: center;
    padding-left: 12px;
    padding-right: 12px;
  }

  .ux-hero-yellow-highlight {
    color: #cec600;
    font-size: 21px;
    font-weight: 400;
  }

  .ux-hero-yellow-highlight.rr-tittle-heroo {
    color: #fff;
    font-size: 19px;
    font-weight: 300;
  }

  .ux-hero-yellow-highlight.rr-tittle-heroo.rr-hero-text {
    text-align: left;
    margin-top: 52px;
    font-size: 38px;
    display: block;
  }

  .image-20 {
    margin-top: 8px;
  }

  .dev-process-rr, .dev-process-rr.ux-design-process.hero-rr {
    height: auto;
  }

  .div-block-18 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .div-block-20 {
    width: 90%;
  }

  .container-12 {
    padding-bottom: 62px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
  }

  .container-12.bend-process {
    margin-top: 33px;
  }

  .heading-9.rooket-problem-statement-block-tittle {
    font-size: 36px;
  }

  .heading-9.project-overview-bend.tittle-bend-cm-txt {
    font-family: Roboto Condensed, sans-serif;
  }

  .paragraph-9, .paragraph-9.the-challenge-rr.text-the-challenge-rr, .paragraph-9.outcomes-rr {
    padding-left: 12px;
    padding-right: 12px;
  }

  .paragraph-9.project-overview-rooket-text {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
  }

  .paragraph-9.project-overview-jforce {
    margin-bottom: 46px;
    line-height: 34px;
  }

  .paragraph-9.project-overview-bend {
    font-size: 18px;
    font-weight: 400;
    line-height: 34px;
  }

  .paragraph-9.project-overview-ui-gm-sub-txt {
    font-size: 18px;
    line-height: 36px;
  }

  .research-methodology-rr.text-research-methodology-rr {
    line-height: 30px;
  }

  .container-14 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .paragraph-10 {
    padding-left: 24px;
    padding-right: 24px;
  }

  .persona-title.persona {
    margin-top: 52px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .div-block-26 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 60px;
    margin-left: -22px;
    padding-left: 0;
    display: block;
  }

  .div-block-27 {
    margin-left: -22px;
  }

  .paragraph-13 {
    padding-left: 14px;
  }

  .div-block-29 {
    width: auto;
  }

  .div-block-30 {
    text-align: left;
    width: 100%;
    margin-left: -22px;
  }

  .wtl-rooket-title {
    font-family: Roboto Condensed, sans-serif;
  }

  .div-block-31 {
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
  }

  .container-15 {
    margin-top: 62px;
    margin-bottom: 62px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .other-projects-footer-title {
    font-size: 32px;
  }

  .image-32.usability-test-unmoderated-rr {
    padding-left: 12px;
    padding-right: 12px;
  }

  .image-36 {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .app-final-result {
    margin-top: 0;
  }

  .button-7 {
    margin-top: 16px;
  }

  .navbar-logo-left-container {
    max-width: 100%;
  }

  .navbar-brand-3 {
    padding-left: 0;
  }

  .nav-menu-two {
    border-radius: 20px;
    flex-direction: column;
    padding-bottom: 30px;
  }

  .nav-link {
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .nav-dropdown {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .nav-dropdown-toggle {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .nav-dropdown-list.shadow-three {
    box-shadow: 0 8px 50px #0000000d;
  }

  .nav-dropdown-list.shadow-three.w--open {
    position: relative;
  }

  .nav-dropdown-list.shadow-three.mobile-shadow-hide {
    box-shadow: none;
  }

  .nav-divider {
    width: 200px;
    max-width: 100%;
    height: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .nav-link-accent {
    margin-right: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
  }

  .mobile-margin-top-10 {
    margin-top: 10px;
  }

  .image-38 {
    width: 250px;
  }

  .image-38.jforce-hero.img-jf-cm-hero {
    width: 70%;
  }

  .image-38.ui-gomusic-hero-cm {
    width: 40%;
  }

  .div-block-46 {
    text-align: center;
  }

  .image-39 {
    margin-top: 0;
    padding-bottom: 0;
  }

  .image-39.jforce-hero.imgg-mockup-jforce-cm {
    width: 80%;
  }

  .heading-13.research-methodology-rr {
    margin-top: 60px;
    padding-top: 0;
    padding-left: 11px;
    padding-right: 11px;
    font-size: 32px;
  }

  .heading-13.cms-custom {
    margin-top: 42px;
  }

  .paragraph-18 {
    padding-left: 12px;
    padding-right: 12px;
    line-height: 34px;
  }

  .paragraph-18.research-methodology-rr {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 16px;
  }

  .paragraph-18.research-methodology-rr.hmw {
    margin-bottom: 42px;
    font-size: 18px;
    line-height: 32px;
  }

  .paragraph-18.back-office-ecommerce, .paragraph-18.custom-ecommerce {
    padding-top: 8px;
  }

  .paragraph-18.app-android-ui-gm {
    line-height: 34px;
  }

  .div-block-47.research-methodology-rr {
    padding-left: 12px;
    padding-right: 12px;
  }

  .div-block-49.research-methodology-rr {
    height: 536px;
    margin-left: 12px;
    margin-right: 12px;
  }

  .heading-14 {
    text-align: left;
    padding-left: 12px;
    padding-right: 12px;
  }

  .paragraph-19 {
    padding-left: 12px;
    padding-right: 12px;
    line-height: 36px;
  }

  .paragraph-20 {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    line-height: 34px;
  }

  .div-block-50 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .competitive-analysis-rr.competitive-analysis-rr-title {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 32px;
  }

  .competitive-analysis-rr-text-1 {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    line-height: 34px;
  }

  .competitive-analysis-rr-text-1.textt {
    margin-bottom: 62px;
  }

  .div-block-51 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .re-design-phase-rr.rd-tittle {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 32px;
  }

  .re-design-phase-rr-p {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    line-height: 34px;
  }

  .button-8 {
    font-size: 14px;
  }

  .usability-test-unmoderated-rr.usability-test-unmoderated-rr-tittle, .usability-test-unmoderated-rr-text {
    padding-left: 12px;
    padding-right: 12px;
  }

  .usability-test-unmoderated-rr-text.text-usability-2 {
    line-height: 182%;
  }

  .usability-test-unmoderated-rr-tittle-under, .div-block-52 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .div-block-53, .div-block-54 {
    width: 48%;
  }

  .usability-test-unmoderated-rr-sub-tittle {
    line-height: 32px;
  }

  .usability-test-unmoderated-rr-sub-desc {
    line-height: 30px;
  }

  .div-block-55 {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 0;
    padding-right: 12px;
  }

  .div-block-56 {
    width: auto;
    display: block;
  }

  .div-block-57 {
    width: auto;
  }

  .high-fidelity-tittle {
    text-align: left;
    font-size: 22px;
  }

  .high-fidelity-text {
    text-align: left;
    margin-top: 22px;
  }

  .div-block-58.cta-buttons-high-fidelity {
    margin-bottom: 100px;
    padding-left: 0;
    padding-right: 12px;
  }

  .image-40 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .testimonial-tittle {
    text-align: left;
    font-size: 30px;
  }

  .testimonial-tittle.emanuela-ferraro, .testimonial-text {
    text-align: left;
  }

  .graphic-design-prints-tittle {
    margin-top: 0;
  }

  .graphic-design-prints-p {
    padding-left: 12px;
    padding-right: 12px;
    line-height: 36px;
  }

  .whl-rr {
    display: none;
  }

  .whl-rr.mobile {
    display: block;
  }

  .whl-rr-tittle {
    text-align: left;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 20px;
  }

  .whl-rr-sub {
    color: #868686;
    text-align: left;
    padding-left: 0;
    font-size: 14px;
  }

  .whl-rr-text-p {
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
    padding-left: 0;
  }

  .whl-rr-text-p.whl-jwr {
    text-align: left;
  }

  .rooket-home {
    margin-top: 68px;
    display: block;
  }

  .rooket-home-brand.rr-box {
    align-items: flex-start;
  }

  .text-block-2.rooket-text-1.rr-text {
    width: 100%;
    padding-left: 20px;
    font-size: 42px;
  }

  .rodizio-rico-box-home {
    width: auto;
    display: none;
  }

  .rodizio-rico-main-home {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .container-19 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .grid.dev-process-rr {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    justify-items: center;
    margin-top: 68px;
    display: grid;
  }

  .grid.bend-process {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .image-43, .container-20 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .container-21 {
    margin-top: -44px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .div-block-64 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .grid-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .grid-3.rooket {
    margin-bottom: 42px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .container-22, .container-23, .container-24, .container-25, .container-26, .container-27, .container-28 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .container-29 {
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
  }

  .div-block-65 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .image-44 {
    height: 110px;
  }

  .jforce-hero {
    text-align: center;
  }

  .div-block-66 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .cell, .cell-3 {
    text-align: center;
    align-items: center;
  }

  .project-overview-bend {
    font-family: Roboto, sans-serif;
  }

  .projects-hero-cm {
    margin-bottom: 0;
  }

  .div-block-68.rr-hero-cm {
    flex-direction: row;
    height: 520px;
    margin-bottom: 40px;
    display: flex;
  }

  .div-block-68.rr-hero-cm.n-rooket-hero.blue-box {
    height: 430px;
  }

  .div-block-68.cm-rooket-bg.cm-rooket-bg-txt {
    height: 500px;
  }

  .div-block-68.jforce-cm-hero, .div-block-68.ag-bend-cm-hero, .div-block-68.ui-gomusic-hero-cm-bg {
    height: 400px;
  }

  .container-32 {
    flex-direction: row;
    align-items: center;
    width: 100vw;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .ui-gomusic-hero-cm {
    text-align: center;
    display: block;
  }

  .ui-gomusic-hero-cm.txt-ui-gomusic {
    width: 90%;
  }

  .project-overview-ui-gm-div {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    line-height: 20px;
  }

  .cell-7 {
    align-items: center;
    padding-top: 27px;
  }

  .cell-8 {
    align-items: center;
    padding-top: 20px;
  }

  .container-33 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .bold-text-9 {
    font-size: 17px;
  }

  .form-block {
    padding-left: 16px;
    padding-right: 16px;
  }

  .div-block-73 {
    display: none;
  }

  .paragraph-22 {
    font-size: 16px;
  }

  .div-block-74.line-div-s-top {
    margin-top: 40px;
  }

  .hero-section-n-p {
    padding-left: 12px;
  }

  .div-block-75 {
    flex-direction: column;
    margin-top: 52px;
  }

  .heading-23 {
    font-size: 28px;
  }

  .list {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .heading-24 {
    font-size: 42px;
  }

  .paragraph-24 {
    font-size: 18px;
  }

  .div-block-77 {
    margin-left: 0;
    margin-right: 20px;
  }

  .div-block-80 {
    flex-direction: row;
    justify-content: flex-end;
    align-items: center;
    width: 460px;
    margin-top: -104px;
    display: flex;
    inset: 0% 0% 0% auto;
  }

  .image-47 {
    width: 220px;
    margin-top: 548px;
    margin-left: 0;
    padding-bottom: 0;
    display: block;
  }

  .div-block-81 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-left: 7px;
    padding-right: 7px;
    display: flex;
  }

  .paragraph-25, .paragraph-26 {
    font-size: 16px;
  }

  .heading-25 {
    margin-top: 116px;
    font-size: 28px;
  }

  .timeline-itens.usability-test {
    margin-left: 12px;
  }

  .quick-stack-3 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex: 1;
  }

  .div-block-85 {
    margin-top: 27px;
    margin-left: -12px;
    padding-left: 0;
  }

  .div-block-85.hmw-b-t, .div-block-85.rgm-m-b-1, .div-block-85.ca-b-t-m {
    margin-left: -12px;
    padding-left: 0;
  }

  .timeline-center-title {
    color: #303030;
    margin-top: -4px;
    margin-left: -12px;
    padding-left: 0;
    font-size: 20px;
  }

  .timeline-center-title.design-solutions {
    font-size: 20px;
  }

  .timeline-center-title.mobile {
    color: #303030;
    margin-top: -4px;
    margin-left: -12px;
    padding-left: 0;
    font-size: 20px;
  }

  .timeline-circle-ball {
    margin-left: 0;
  }

  .timeline-circle-ball.last-block-ball {
    color: #333;
    margin-top: 51px;
    margin-left: -22px;
  }

  .timeline-circle-ball.lastball-c {
    margin-left: -24px;
  }

  .timeline-text-right {
    margin-top: 0;
    font-size: 16px;
    line-height: 180%;
  }

  .timeline-text-right.usability-test-text {
    margin-top: -12px;
    font-size: 18px;
  }

  .timeline-progress.ca-line {
    height: 254%;
  }

  .timeline-progress.ca-line.ca-line-l {
    height: 0%;
  }

  .div-b-t-i {
    flex-direction: row;
  }

  .text-block-4 {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
  }

  .rm-wb-bg {
    height: 470px;
  }

  .rm-title-wb-1 {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 22px;
    font-size: 20px;
  }

  .rm-text-wb-1 {
    font-size: 16px;
  }

  .div-block-88 {
    flex-direction: row;
    padding-bottom: 0;
  }

  .rm-img-block {
    margin-bottom: 0;
  }

  .div-block-89 {
    margin-top: 20px;
  }

  .image-48 {
    width: 410px;
    height: 106px;
  }

  .div-block-91 {
    height: 108px;
  }

  .hmw-p-text-s, .hmw-p-text-s.ut-text-1 {
    font-size: 16px;
  }

  .text-span-22 {
    font-size: 20px;
  }

  .uto-div-bg-bg {
    margin-right: 12px;
  }

  .uso-text-block-div-b {
    font-size: 16px;
  }

  .image-52 {
    margin-bottom: 12px;
    padding-right: 6px;
  }

  .div-block-98 {
    padding-right: 8px;
  }

  .links-projects-ready {
    display: none;
  }

  .links-projects-ready.mobile {
    display: block;
  }

  .div-block-99 {
    padding-left: 0;
  }

  .div-block-100 {
    margin-top: 28px;
    margin-left: -60px;
  }

  .container-35 {
    margin-left: 12px;
    margin-right: 12px;
  }

  .container-mobile {
    display: block;
  }

  .container-36 {
    display: none;
  }

  .container-green-mobile {
    display: block;
  }

  .container-green-desk {
    display: none;
  }

  .div-block-101, .div-block-102 {
    padding-right: 8px;
  }

  .quick-stack-6 {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .position-boxes {
    margin-top: 46px;
    margin-bottom: -129px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .container-37 {
    justify-content: space-around;
    align-items: stretch;
    display: flex;
  }

  .bold-text-14 {
    font-size: 34px;
  }

  .tapago-bg {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }
}

@media screen and (max-width: 479px) {
  .navbar-logo-left-2 {
    height: 110px;
  }

  .navbar-link-2 {
    color: #868686;
    background-color: #eee;
  }

  .f2wf-columns-2 {
    text-align: left;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .f2wf-columns-2.logos-hardskills {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .f2wf-columns-2.education-courses-logo {
    grid-column-gap: 22px;
    grid-row-gap: 22px;
    grid-template-columns: 1fr;
    margin-top: -38px;
  }

  .vectors-wrapper-6 {
    margin-top: 38px;
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-heading-right-rooket.rooket {
    height: 860px;
  }

  .button-cta {
    text-align: center;
    justify-content: center;
    padding-left: 0;
  }

  .button-4 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .button-4.rr-cta-main {
    padding: 16px 54px;
  }

  .team-circles-2 {
    padding-top: 48px;
  }

  .hero-no-image-2 {
    margin-top: 0;
  }

  .footer-2 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .column-21 {
    justify-content: center;
    align-items: flex-start;
  }

  .logo-wrapper-3 {
    text-align: left;
    justify-content: center;
  }

  .vectors-wrapper-8 {
    text-align: left;
  }

  .f2wf-small-columns-2.footer-n {
    align-items: flex-start;
  }

  .copyright-2 {
    text-align: left;
    justify-content: flex-start;
    box-shadow: 0 -1px #161616;
  }

  .i-am-an-energetic-designer-who-combines-rapid-prototyping-interaction-and-visual-design-to-transform-thorny-problems-into-elegant-solutions-i-have-expertise-in-agile-environment-design-systems-product-handoff-with-devs-ux-reports-and-audits-market-research-product-prioritisation-definition-of-ui-patterns-stakeholders-management-and-design-thinking-my-work-goes-beyond-conventional-interaction-patterns-and-visual-styles-i-specialise-in-consumer-products-that-distill-complex-data-into-simple-and-beautiful-visualisations-with-my-extensive-experience-working-in-tandem-with-engineers-executives-and-marketing-teams-i-know-how-to-ensure-user-needs-are-aligned-with-business-goals-today-i-m-excited-by-the-challenge-of-creating-new-tools-and-products-to-empower-business-technologists-and-techies-and-other-humans-at-the-intersection-of-innovation-i-love-to-read-about-people-behaviours-psychology-code-businesses-and-innovations-in-my-free-time-you-will-find-me-traveling-exercising-visiting-good-restaurants-and-listen-playing-recording-some-songs-thanks-for-stopping-by-let-s-talk-7 {
    font-size: 16px;
    font-weight: 300;
    line-height: 38px;
  }

  .i-am-an-energetic-designer-who-combines-rapid-prototyping-interaction-and-visual-design-to-transform-thorny-problems-into-elegant-solutions-i-have-expertise-in-agile-environment-design-systems-product-handoff-with-devs-ux-reports-and-audits-market-research-product-prioritisation-definition-of-ui-patterns-stakeholders-management-and-design-thinking-my-work-goes-beyond-conventional-interaction-patterns-and-visual-styles-i-specialise-in-consumer-products-that-distill-complex-data-into-simple-and-beautiful-visualisations-with-my-extensive-experience-working-in-tandem-with-engineers-executives-and-marketing-teams-i-know-how-to-ensure-user-needs-are-aligned-with-business-goals-today-i-m-excited-by-the-challenge-of-creating-new-tools-and-products-to-empower-business-technologists-and-techies-and-other-humans-at-the-intersection-of-innovation-i-love-to-read-about-people-behaviours-psychology-code-businesses-and-innovations-in-my-free-time-you-will-find-me-traveling-exercising-visiting-good-restaurants-and-listen-playing-recording-some-songs-thanks-for-stopping-by-let-s-talk-8 {
    line-height: 38px;
  }

  .content-19 {
    justify-content: center;
    padding-left: 12px;
    padding-right: 12px;
  }

  .div-block {
    margin-bottom: -22px;
    padding-right: 0;
  }

  .div-block.profile-photo-caue {
    flex-direction: column;
    align-self: center;
    align-items: center;
    width: 100%;
    margin-top: 0;
    margin-bottom: -26px;
    margin-left: 0;
    padding-left: 0;
    display: flex;
  }

  .container-7 {
    margin-top: 0;
    padding: 0 8px;
  }

  .div-block-2 {
    margin-top: 114px;
  }

  .div-block-2.west-text {
    width: 67%;
  }

  .div-block-2.hero-sub-title {
    margin-top: 0;
  }

  .div-block-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }

  .heading-2 {
    color: #a3a3a3;
    margin-top: 0;
    padding-top: 0;
    font-size: 24px;
  }

  .heading-3 {
    margin-top: -6px;
    font-size: 42px;
  }

  .heading-3.hi-iam {
    color: #a3a3a3;
    margin-top: 0;
    padding-top: 0;
    font-size: 30px;
  }

  .heading-3.cm-name-hero {
    font-size: 40px;
  }

  .heading-4 {
    margin-top: 0;
    padding-top: 0;
  }

  .hero-paragraph-desc {
    text-align: center;
    width: 97%;
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
  }

  .div-block-6.hero-p {
    text-align: justify;
    justify-content: center;
    width: 100%;
    margin-top: 8px;
    padding-left: 0;
    padding-right: 0;
  }

  .container-8 {
    max-width: none;
  }

  .i-am-caue-mattos {
    width: 98vw;
    margin-top: 38px;
  }

  .expertise-div-block-7 {
    justify-content: flex-start;
    margin-top: 0;
  }

  .expertise-div-block-7.education {
    text-align: center;
    justify-content: center;
  }

  .expertise-div-block-7.hs-bl-t {
    justify-content: center;
  }

  .div-block-8-wrap {
    order: 0;
    display: block;
  }

  .div-block-10-cta-all {
    text-align: left;
    margin-top: 38px;
    margin-left: 0;
  }

  .div-block-9 {
    margin-top: 0;
  }

  .heading-5 {
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 30px;
  }

  .div-block-10 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
  }

  .paragraph-2 {
    text-align: center;
    margin-top: 0;
    font-size: 18px;
  }

  .paragraph-2.expertise-p-1 {
    text-align: center;
    margin-top: 0;
    margin-bottom: -42px;
    font-size: 18px;
  }

  .expertise-container-10 {
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .expertise-heading-6 {
    text-align: center;
    font-size: 30px;
    font-weight: 700;
  }

  .expertise-heading-6.whois-cm {
    text-align: left;
    justify-content: flex-start;
    font-size: 28px;
    display: flex;
  }

  .expertise-heading-6.whois-cm.dsc-cm-bt {
    text-align: center;
    justify-content: flex-start;
  }

  .expertise-heading-6.txt-hardskills {
    text-align: left;
    padding-left: 0;
  }

  .projects-scroll {
    width: 320px;
  }

  .bg-scroll-jforce.projects-jforce {
    width: 270px;
    height: 440px;
    margin-right: 4px;
  }

  .bg-scroll-jforce.projects-jforce.rodizio-rico-box-home {
    width: 270px;
    height: 460px;
    margin-left: 0;
    display: block;
  }

  .bg.projectsbg {
    justify-content: center;
  }

  .bg.projectsbg.rodizio-rico-box-home {
    width: 280px;
    height: 740px;
    margin-top: -430px;
    margin-bottom: 0;
  }

  .projects-rooket-img.mockup-rooket-img {
    justify-content: center;
    width: 100%;
    padding-left: 0;
    display: none;
    position: relative;
    overflow: hidden;
  }

  .paragraph-3 {
    text-align: center;
  }

  .hardskills-title {
    margin-top: 36px;
    margin-bottom: 0;
  }

  .hardskills-box-title {
    padding-top: 44px;
    padding-bottom: 60px;
  }

  .paragraph-5 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 25px;
  }

  .paragraph-5.dsc-cm-bt-st {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }

  .whois-title {
    margin-top: 58px;
  }

  .paragraph-6 {
    text-align: left;
    margin-bottom: 80px;
    padding-left: 0;
    padding-right: 0;
  }

  .hero-rodizio-rico {
    margin-top: 97px;
  }

  .hero-rodizio-rico.rico {
    flex-direction: column;
    justify-content: center;
    height: auto;
    margin-top: 62px;
    display: block;
  }

  .div-block-15 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    margin-top: 0;
    margin-bottom: 64px;
    padding-top: 60px;
    padding-bottom: 32px;
    display: flex;
  }

  .div-block-15.bend-hero {
    margin-top: 0;
    margin-bottom: 20px;
    padding-top: 0;
  }

  .div-block-15.jforce-hero-vert-cm {
    padding-top: 20px;
  }

  .image-19 {
    height: 440px;
  }

  .heading-6 {
    text-align: center;
    font-size: 18px;
    line-height: 32px;
  }

  .heading-6.jforce-hero {
    text-align: left;
  }

  .heading-6.rr-hero-text {
    width: auto;
    font-size: 16px;
  }

  .div-block-16 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
    display: flex;
  }

  .div-block-16.jforce-hero {
    margin-bottom: 24px;
  }

  .container-10 {
    padding-left: 0;
    padding-right: 0;
  }

  .ux-hero-yellow-highlight {
    font-size: 20px;
    line-height: 32px;
  }

  .ux-hero-yellow-highlight.rr-tittle-heroo {
    color: #fff;
    text-align: left;
    font-size: 18px;
    font-weight: 300;
  }

  .ux-hero-yellow-highlight.rr-tittle-heroo.rr-hero-text {
    font-size: 38px;
    line-height: 110%;
  }

  .ux-hero-yellow-highlight.jforce-hero.jforce-text-hero {
    text-align: left;
  }

  .container-11 {
    justify-content: center;
    align-items: center;
  }

  .div-block-17.hero-jforce, .div-block-17.bend-process {
    width: 32%;
  }

  .role-text {
    font-size: 14px;
  }

  .role-text-role {
    font-size: 16px;
  }

  .div-block-18 {
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-top: 21px;
  }

  .div-block-18.hero-jforce {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-19 {
    width: 8%;
    display: flex;
  }

  .div-block-20 {
    width: 80%;
  }

  .div-block-21 {
    width: 8%;
  }

  .div-block-22 {
    justify-content: space-around;
    margin-top: 22px;
  }

  .div-block-22.dev-process-block-rr {
    justify-content: space-between;
    display: flex;
  }

  .heading-7 {
    font-size: 24px;
  }

  .div-block-23 {
    margin-top: 20px;
  }

  .container-12.bend-process {
    justify-content: center;
    margin-top: 0;
  }

  .heading-9 {
    font-size: 30px;
  }

  .heading-9.rooket-problem-statement-block-tittle {
    font-size: 32px;
  }

  .heading-9.the-challenge-jforce {
    text-align: left;
    font-family: Roboto Condensed, sans-serif;
    font-weight: 700;
  }

  .paragraph-9 {
    line-height: 38px;
  }

  .paragraph-9.the-challenge-rr.text-the-challenge-rr, .paragraph-9.outcomes-rr {
    line-height: 34px;
  }

  .paragraph-9.project-overview-rooket-text {
    text-align: left;
    margin-bottom: 52px;
    font-size: 16px;
    line-height: 30px;
  }

  .paragraph-9.the-challenge-jforce, .paragraph-9.project-overview-ui-gm-sub-txt {
    line-height: 34px;
  }

  .container-13 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .research-methodology-rr.text-research-methodology-rr {
    margin-bottom: 0;
    padding-top: 18px;
    padding-left: 0;
    font-size: 16px;
    line-height: 32px;
  }

  .image-23 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .paragraph-10 {
    text-align: center;
    margin-bottom: 36px;
    padding-left: 12px;
    padding-right: 12px;
  }

  .persona-title {
    padding-top: 0;
    font-size: 32px;
  }

  .persona-title.persona {
    font-size: 32px;
  }

  .div-block-26 {
    flex-direction: column;
    margin-top: 0;
    margin-bottom: 62px;
  }

  .div-block-27 {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: -18px;
    display: block;
  }

  .paragraph-12 {
    font-size: 18px;
  }

  .paragraph-13 {
    margin-top: 19px;
    line-height: 30px;
  }

  .div-block-28 {
    display: block;
  }

  .div-block-29, .div-block-30 {
    width: auto;
  }

  .wtl-rooket-title {
    margin-top: 0;
    font-size: 32px;
  }

  .image-30 {
    margin-bottom: 76px;
  }

  .image-32.usability-test-unmoderated-rr {
    margin-top: 31px;
    margin-bottom: 48px;
  }

  .moderated-usability-test {
    font-size: 32px;
  }

  .heading-12 {
    margin-bottom: 0;
    font-size: 32px;
  }

  .heading-12.unmoderated {
    margin-top: 0;
  }

  .heading-12.styleguide {
    font-size: 32px;
  }

  .heading-12.styleguide.appfinal {
    margin-top: 54px;
  }

  .image-33 {
    margin-top: 32px;
  }

  .paragraph-16 {
    font-size: 18px;
    line-height: 36px;
  }

  .div-block-35 {
    flex-direction: column;
    align-items: center;
  }

  .image-34 {
    margin-top: 19px;
    padding-left: 0;
  }

  .div-block-37 {
    flex-direction: column;
    align-items: center;
    margin-top: 37px;
  }

  .div-block-38 {
    padding-right: 0;
  }

  .div-block-39 {
    padding-left: 0;
  }

  .button-7 {
    width: 250px;
  }

  .div-block-43 {
    width: 270px;
    height: 335px;
    margin-top: -527px;
    margin-left: -9px;
    display: none;
  }

  .div-block-44 {
    width: 95vw;
    height: auto;
  }

  .container-16 {
    max-width: none;
  }

  .nav-menu-two {
    flex-direction: column;
  }

  .image-38 {
    display: block;
  }

  .image-38.jforce-hero.img-jf-cm-hero {
    width: 90%;
  }

  .image-38.bend-hero-top {
    width: 80%;
  }

  .image-38.ui-gomusic-hero-cm {
    width: 70%;
  }

  .div-block-46 {
    justify-content: center;
    width: 200px;
    margin-top: 42px;
    display: flex;
  }

  .div-block-46.jforce-hero.bend-hero {
    width: 100%;
  }

  .div-block-46.jforce-hero.bend-hero.txt-bend-mobo-cm {
    margin-top: 10px;
  }

  .div-block-46.ui-gomusic-hero-cm {
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }

  .image-39 {
    text-align: left;
    height: auto;
    margin-top: 0;
    display: block;
  }

  .image-39.jforce-hero.imgg-mockup-jforce-cm {
    width: 100%;
    margin-left: 0;
  }

  .heading-13.research-methodology-rr {
    margin-top: 40px;
    padding-top: 0;
    font-size: 28px;
    line-height: 42px;
  }

  .heading-13.research-methodology-rr.hmw {
    margin-top: 40px;
  }

  .heading-13.frontend-ui-bend {
    font-size: 32px;
  }

  .heading-13.front-end-customer-panel {
    margin-top: 60px;
    font-size: 30px;
  }

  .heading-13.custom-ecommerce {
    font-size: 35px;
  }

  .heading-13.app-android-ui-gm {
    font-size: 29px;
  }

  .paragraph-18.research-methodology-rr {
    text-align: left;
    margin-top: 16px;
    font-size: 16px;
    line-height: 32px;
  }

  .paragraph-18.research-methodology-rr.hmw {
    margin-bottom: 60px;
    font-size: 18px;
  }

  .paragraph-18.frontend-ui-bend {
    font-weight: 300;
  }

  .paragraph-18.front-end-customer-panel, .paragraph-18.custom-ecommerce, .paragraph-18.cms-custom, .paragraph-18.app-android-ui-gm {
    line-height: 32px;
  }

  .div-block-47.research-methodology-rr {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .div-block-49.research-methodology-rr {
    height: auto;
    margin-top: 40px;
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 40px;
  }

  .heading-14 {
    text-align: center;
    margin-top: 0;
    padding-left: 13px;
    padding-right: 13px;
    font-size: 26px;
    line-height: 42px;
  }

  .paragraph-19 {
    margin-bottom: 0;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    line-height: 34px;
  }

  .text-span-9 {
    line-height: 37px;
  }

  .paragraph-20 {
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
    line-height: 32px;
  }

  .div-block-50 {
    width: 100%;
    margin-bottom: 40px;
    padding-left: 0;
    padding-right: 0;
  }

  .competitive-analysis-rr-text-1, .re-design-phase-rr-p {
    font-size: 18px;
    line-height: 32px;
  }

  .button-8 {
    width: 100%;
    height: 62px;
    margin-bottom: 17px;
  }

  .usability-test-unmoderated-rr-text {
    font-size: 18px;
    line-height: 32px;
  }

  .usability-test-unmoderated-rr-tittle-under {
    margin-bottom: 22px;
    line-height: 32px;
  }

  .div-block-52 {
    flex-direction: column;
  }

  .div-block-53, .div-block-54, .usability-test-unmoderated-rr-sub-tittle {
    width: auto;
  }

  .usability-test-unmoderated-rr-sub-desc {
    text-align: left;
    line-height: 24px;
  }

  .div-block-55 {
    justify-content: flex-start;
    margin-top: -30px;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-56 {
    flex-direction: column;
    display: block;
  }

  .high-fidelity-text {
    text-align: left;
    margin-top: 38px;
    margin-left: -12px;
    padding-right: 0;
    line-height: 32px;
  }

  .div-block-58.cta-buttons-high-fidelity {
    flex-direction: column;
    align-items: center;
    height: 260px;
    margin-bottom: 28px;
    margin-left: -12px;
  }

  .image-40 {
    margin-top: 52px;
  }

  .testimonial-tittle {
    flex-direction: column;
    justify-content: center;
    display: block;
  }

  .testimonial-text {
    text-align: left;
  }

  .div-block-59 {
    flex-direction: column;
    align-items: center;
    margin-top: 43px;
    padding-top: 32px;
    padding-left: 12px;
    padding-right: 12px;
    display: flex;
  }

  .graphic-design-prints-tittle {
    padding-left: 12px;
    padding-right: 12px;
  }

  .graphic-design-prints-p {
    margin-top: 52px;
  }

  .whl-rr-tittle {
    margin-top: 12px;
    padding-left: 12px;
  }

  .whl-rr-text-p {
    text-align: left;
    margin-top: 10px;
    margin-bottom: 0;
    padding-left: 0;
    font-size: 16px;
    line-height: 30px;
  }

  .whl-rr-text-p.whl-jwr {
    font-size: 18px;
  }

  .rooket-home {
    margin-top: 48px;
  }

  .rooket-home-img {
    padding-bottom: 48px;
  }

  .rooket-home-brand {
    width: 260px;
  }

  .rooket-home-brand.rr-box {
    align-items: center;
    width: 90vw;
    margin-top: 0;
  }

  .div-block-60.light-div-rooket {
    background-color: #41a8e2;
  }

  .div-block-61 {
    flex-direction: column;
    width: 100%;
    display: flex;
  }

  .text-block {
    text-align: center;
  }

  .text-block-2.rooket-text-1.rr-text {
    padding-left: 10px;
    font-size: 31px;
    line-height: 50px;
  }

  .text-block-2.rooket-text-1.rr-text.cm-jforce-txt {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 30px;
  }

  .text-block-2.rooket-text-1.rr-text.rrtxt-n {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 10px;
    line-height: 26px;
  }

  .text-block-2.rooket-text-1.rr-text.rrtxt-n.txt-st-rr-n {
    width: 100%;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 28px;
  }

  .text-block-2.rooket-text-1.ag-bend-cm-txt {
    text-align: center;
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 30px;
  }

  .text-block-2.ui-cm-gomusic-txt {
    text-align: center;
    line-height: 30px;
  }

  .div-block-62 {
    margin-top: 8px;
  }

  .rodizio-rico-box-home {
    text-align: left;
    flex-direction: column;
    align-items: center;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 25px;
    display: none;
  }

  .rodizio-rico-box-home.jforce-img-cm-hero, .rodizio-rico-box-home.img-rooket-mockup-cm, .rodizio-rico-box-home.img-mockup-rr-cm {
    display: none;
  }

  .rodizio-rico-main-home {
    flex-direction: column;
    align-self: auto;
    align-items: center;
    margin-top: 16px;
    margin-right: 0;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
  }

  .affinity-mapping-rooket-tittle, .persona-rooket-tittle, .hmw-section-rooket-tittle {
    font-size: 32px;
  }

  .container-17 {
    flex-direction: column;
    align-items: center;
    max-width: 320px;
    display: flex;
  }

  .container-18 {
    padding-left: 8px;
    padding-right: 8px;
  }

  .bold-text-2 {
    font-size: 17px;
  }

  .grid.dev-process-rr {
    grid-template-columns: 1fr 1fr;
    margin-top: 24px;
  }

  .grid.bend-process {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .grid.grid-gm {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    margin-bottom: 0;
    padding-right: 0;
  }

  .grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3.rooket {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .grid-4 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .container-30 {
    padding: 0 12px 12px;
  }

  .container-31 {
    padding-left: 12px;
    padding-right: 12px;
  }

  .heading-15 {
    margin-top: 0;
  }

  .image-45 {
    margin-top: 18px;
  }

  .jforce-hero {
    align-self: center;
  }

  .bold-text-3 {
    font-weight: 300;
  }

  .bold-text-3.project-overview-ui-gm-span {
    line-height: 34px;
  }

  .bold-text-4 {
    font-weight: 300;
    line-height: 34px;
  }

  .bold-text-4.the-challenge-bend, .bold-text-4.outcome-bend {
    font-weight: 300;
  }

  .div-block-66 {
    padding-left: 0;
    padding-right: 0;
  }

  .quick-stack {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
  }

  .bend-hero-text.sub-tittle-bend-ag-cm {
    font-size: 16px;
  }

  .projects-hero-cm {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 0;
    display: block;
  }

  .div-block-68.rr-hero-cm {
    border-radius: 16px;
    flex-direction: column;
    height: auto;
    margin-top: 114px;
    display: flex;
  }

  .div-block-68.rr-hero-cm.n-rooket-hero.blue-box {
    height: 480px;
  }

  .div-block-68.rr-hero-cm.n-rooket-hero.blue-box.box-1-b {
    margin-top: 0;
  }

  .container-32 {
    justify-content: center;
    width: 98vw;
  }

  .ui-gomusic-hero-cm.txt-ui-gomusic {
    text-align: left;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    font-size: 18px;
    font-weight: 300;
  }

  .bold-text-6 {
    line-height: 30px;
  }

  .bold-text-8 {
    text-align: left;
  }

  .txt-tittle-bend-ag-cm {
    text-align: left;
    line-height: 30px;
  }

  .div-ui-gm-content {
    justify-content: center;
    margin-top: 0;
    display: flex;
  }

  .img-mockup-ui-gm {
    margin-bottom: 48px;
    padding-left: 8px;
    padding-right: 8px;
  }

  .cta-button-live-prototype-ui-gm {
    width: 100%;
  }

  .heading-16 {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 25px;
  }

  .heading-17, .heading-18, .heading-19, .heading-20, .heading-21 {
    font-family: Roboto, sans-serif;
    font-size: 18px;
    line-height: 25px;
  }

  .projects-hero-cm-rooket {
    width: 100%;
  }

  .education.team-circles-2 {
    margin-top: 34px;
  }

  .cf-title-lt {
    margin-top: 48px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .text-field {
    width: 100%;
    height: 52px;
  }

  .text-field.message {
    width: 100%;
  }

  .container-34 {
    display: none;
  }

  .form-block {
    margin-bottom: 110px;
    padding-left: 14px;
    padding-right: 14px;
  }

  .icon {
    font-size: 30px;
  }

  .paragraph-22 {
    margin-top: 10px;
    padding-right: 0;
    font-size: 14px;
  }

  .div-block-74.line-div-s-top {
    display: none;
  }

  .hero-section-n-p {
    width: 100%;
    padding-bottom: 20px;
  }

  .div-block-75 {
    margin-top: 206px;
  }

  .div-block-75.outcome-mobo {
    margin-top: 20px;
  }

  .heading-23 {
    font-size: 26px;
  }

  .list {
    padding-left: 0;
  }

  .list.rooket-final {
    width: auto;
  }

  .div-block-76 {
    width: 70%;
  }

  .div-block-76.rooket-challenge {
    width: 80%;
    margin-top: 201px;
  }

  .heading-24 {
    font-size: 39px;
    font-weight: 600;
  }

  .heading-24.rooket-outcome-n {
    font-size: 32px;
  }

  .paragraph-24 {
    padding-left: 14px;
    font-size: 16px;
  }

  .div-block-80 {
    width: auto;
    margin-top: -21px;
  }

  .image-47 {
    width: 300px;
    margin-top: 596px;
  }

  .div-block-81 {
    background-color: #e9e9e9;
    width: 100%;
    height: 110px;
    padding-left: 46px;
    padding-right: 46px;
  }

  .paragraph-25 {
    margin-bottom: 0;
    font-size: 18px;
  }

  .paragraph-26 {
    font-size: 18px;
  }

  .heading-25 {
    padding-left: 18px;
    font-size: 34px;
  }

  .timeline-itens.usability-test {
    margin-top: 42px;
    margin-left: 12px;
  }

  .quick-stack-3 {
    margin-top: -44px;
  }

  .div-block-85 {
    margin-top: 16px;
    margin-left: 0;
    padding-left: 0;
  }

  .div-block-85.hmw-b-t {
    margin-left: -12px;
  }

  .div-block-85.rgm-m-b-1 {
    margin-left: -18px;
  }

  .div-block-85.ca-b-t-m {
    margin-left: -12px;
  }

  .timeline-center-title {
    margin-left: 0;
    padding-left: 12px;
    font-size: 20px;
  }

  .timeline-center-title.usability-test-title {
    padding-left: 0;
  }

  .timeline-center-title.mobile {
    margin-top: -2px;
    margin-left: 0;
    font-size: 18px;
  }

  .timeline-text-right {
    margin-top: 0;
    margin-left: 0;
  }

  .timeline-text-right.usability-test-text {
    padding-right: 10px;
    font-size: 16px;
  }

  .timeline-progress {
    height: 410%;
  }

  .timeline-progress.hmw {
    height: 67%;
  }

  .timeline-progress.ca-line {
    height: 320%;
  }

  .timeline-progress.ca-line.ca-line-l {
    height: 110%;
  }

  .timeline-progress.ca-line.ca-line-l.ca-line-rooket-m {
    height: 90%;
  }

  .timeline-progress.ca-line.ca-line-m-rooket {
    height: 316%;
  }

  .timeline-wrapper {
    margin-left: 0;
  }

  .div-b-t-i {
    flex-direction: column;
    align-items: flex-start;
    margin-left: 0;
  }

  .text-block-4 {
    margin-left: 0;
  }

  .div-block-87 {
    width: 160px;
    height: 170px;
  }

  .rm-wb-bg {
    height: auto;
    margin-top: 92px;
    margin-left: 0;
    padding-bottom: 12px;
  }

  .rm-title-wb-1 {
    line-height: 160%;
  }

  .div-block-88 {
    flex-direction: column;
  }

  .rm-img-block {
    margin-left: 0;
  }

  .div-block-89 {
    flex-direction: column;
  }

  .div-block-89.sb-img-r {
    margin-top: 12px;
  }

  .image-48 {
    width: auto;
    height: auto;
  }

  .image-50 {
    padding-bottom: 12px;
  }

  .div-block-90 {
    padding-bottom: 12px;
    padding-right: 0;
  }

  .div-block-91 {
    width: 50%;
    height: auto;
    padding-left: 0;
  }

  .div-block-92 {
    padding-right: 0;
  }

  .div-block-93 {
    padding-left: 0;
  }

  .line-divisor-content-s {
    margin-top: 40px;
    margin-left: 0;
  }

  .line-divisor-content-s.divisior-rgm-l-1 {
    margin-bottom: 38px;
  }

  .line-divisor-content-s.divisor-hmw-l-b {
    margin-bottom: 46px;
  }

  .line-divisor-content-s.divisor-ca-l-b {
    margin-bottom: 38px;
  }

  .line-divisor-content-s.divisor-ds-b-l {
    margin-bottom: 46px;
    margin-left: 2px;
  }

  .hmw-p-text-s.ut-text-1 {
    padding-right: 12px;
  }

  .div-block-95, .div-block-95.hfd-b.mobile-hfd-img-1 {
    flex-direction: column;
  }

  .text-block-6.ds-title-1 {
    text-align: left;
  }

  .text-block-7.ds-title-1 {
    text-align: left;
    margin-top: 10px;
    padding-left: 2px;
  }

  .green-section {
    border-top-width: 24px;
  }

  .uto-div-bg-bg {
    margin-right: 12px;
  }

  .uso-text-block-div-b {
    margin-left: 12px;
    margin-right: 0;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 18px;
  }

  .div-block-99 {
    padding-left: 0;
  }

  .div-block-100 {
    margin-left: 0;
  }

  .div-block-100.rooket-outcomes-t {
    margin-top: 10px;
    margin-left: 0;
  }

  .container-36 {
    display: none;
  }

  .container-36.mobile {
    display: block;
  }

  .cell-12 {
    align-items: center;
    padding-top: 91px;
    padding-bottom: 91px;
  }

  .cell-13 {
    align-items: center;
  }

  .cell-14 {
    align-items: center;
    padding-top: 91px;
  }

  .image-53 {
    margin-top: 20px;
    margin-left: 0;
  }

  .div-block-103 {
    margin-top: -23px;
  }

  .div-block-104 {
    margin-top: 16px;
  }

  .div-block-105 {
    margin-top: 22px;
  }

  .div-block-106 {
    margin-top: 16px;
  }

  .image-54 {
    margin-left: -4px;
  }

  .quick-stack-6 {
    margin-left: 24px;
    padding-bottom: 8px;
    padding-left: 20px;
  }

  .div-block-109 {
    margin-bottom: 36px;
  }

  .position-boxes {
    margin-top: 60px;
  }

  .container-37 {
    display: flex;
  }

  .div-block-124 {
    display: none;
  }

  .projects-hero-cm-workee, .projects-hero-cm-forstars {
    width: 100%;
  }

  .tapago-bg {
    flex-direction: column;
    align-self: auto;
    align-items: center;
    margin-top: 16px;
    margin-right: 0;
    padding-top: 32px;
    padding-bottom: 32px;
    display: flex;
  }
}

#w-node-_1cfdb664-47eb-1f76-1553-d431fab019ac-4b2a73f4 {
  grid-template-rows: auto;
  grid-template-columns: 2px 1fr;
}

#w-node-e9e96722-e2f4-ac1f-7950-f64c460f581b-4b2a73f4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 2px;
}

#w-node-_42ab8184-7242-7f87-3914-b6de2e171749-4b2a73f8 {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-b5826ae9-7b70-086b-6511-febf354b28fe-4b2a73f8, #w-node-_64cd9209-8856-46f6-f0c4-35f072b241f7-4b2a73f8, #w-node-_13216bf4-8dbf-6ff6-4f80-8d73813bff16-4b2a73f8, #w-node-_449cf271-5712-6146-1e33-aa9ee700f9df-4b2a73f8, #w-node-b1022e2f-ef4a-9ea2-677e-2b0c428552be-4b2a73f8, #w-node-df28481e-2ab2-007f-09fd-29237a586f09-4b2a73f8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_80ed0cbc-6f9f-9459-d07c-58f9292e3162-4b2a73f8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_80ed0cbc-6f9f-9459-d07c-58f9292e3163-4b2a73f8, #w-node-_80ed0cbc-6f9f-9459-d07c-58f9292e3167-4b2a73f8, #w-node-dc55a020-d7b6-f9e9-0d13-288bdfad405a-4b2a73f8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_86cc97f8-b1ab-480b-bd12-7a72939c94a2-4b2a73f8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_86cc97f8-b1ab-480b-bd12-7a72939c94a3-4b2a73f8, #w-node-_86cc97f8-b1ab-480b-bd12-7a72939c94a5-4b2a73f8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bb22626c-9cef-9fc7-5226-01295126c584-4b2a73f8 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

#w-node-bb22626c-9cef-9fc7-5226-01295126c585-4b2a73f8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_66c29afd-aeca-ea1e-a5b0-fba2ff808591-4b2a73f8 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_66c29afd-aeca-ea1e-a5b0-fba2ff808592-4b2a73f8, #w-node-_319eb03d-11b3-f1aa-309e-a7a2f6b8787a-4b2a73f8, #w-node-_79abe7f4-1a8c-0687-edb5-bc79279cd0a0-4b2a73f8, #w-node-_96bbaff2-74ba-ad90-4399-454c8b9715dc-4b2a73f8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e28d661a-6c99-8789-d801-6d64445783c6-4b2a73f8 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-e28d661a-6c99-8789-d801-6d64445783c7-4b2a73f8, #w-node-e28d661a-6c99-8789-d801-6d64445783c9-4b2a73f8, #w-node-e28d661a-6c99-8789-d801-6d64445783cb-4b2a73f8, #w-node-e28d661a-6c99-8789-d801-6d64445783cd-4b2a73f8, #w-node-_214ffd9e-5ac4-2a41-3561-2f625756d5d9-4b2a73f8, #w-node-_7c2283e6-45b2-950e-65b8-be1b585f9eb7-4b2a73f8, #w-node-_79bc0b01-9d98-15bb-9bc0-2363bbdbe1c9-4b2a73f8, #w-node-_3ce84d6d-d5e7-f8f8-2350-ffe92da36d81-4b2a73f8, #w-node-_9e52f211-17c8-2892-2edf-203c706d5995-4b2a73f8, #w-node-e4ccaa5a-68ba-83fb-313e-bee5c44f5f28-4b2a73f8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_16315c42-9ee1-8af8-337d-4804c68fb8c9-4b2a73f9 {
  justify-self: end;
}

#w-node-_221fff9e-1539-a0cd-d414-9baf367e68f2-4b2a73f9 {
  order: 0;
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_42ab8184-7242-7f87-3914-b6de2e171749-4b2a73f9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b5826ae9-7b70-086b-6511-febf354b28fe-4b2a73f9, #w-node-_54c16ab0-6c2b-fdec-5218-cb0f338ea70a-4b2a73f9, #w-node-_658d709f-8a88-01f1-c432-9ecc18a6209a-4b2a73f9 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_42ab8184-7242-7f87-3914-b6de2e171749-4b2a73fa {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-b5826ae9-7b70-086b-6511-febf354b28fe-4b2a73fa, #w-node-_64cd9209-8856-46f6-f0c4-35f072b241f7-4b2a73fa, #w-node-_48540188-e162-bee3-dcee-44a85b3829b4-4b2a73fa, #w-node-_13216bf4-8dbf-6ff6-4f80-8d73813bff16-4b2a73fa, #w-node-_449cf271-5712-6146-1e33-aa9ee700f9df-4b2a73fa, #w-node-_4e4918f5-4a65-4fd5-594f-b49fa0439720-4b2a73fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0a08b6a6-6ee3-f66e-24de-7d57cf021ed5-4b2a73fa {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_0a08b6a6-6ee3-f66e-24de-7d57cf021ed6-4b2a73fa, #w-node-_0a08b6a6-6ee3-f66e-24de-7d57cf021ed8-4b2a73fa, #w-node-_0a08b6a6-6ee3-f66e-24de-7d57cf021edc-4b2a73fa, #w-node-_0a08b6a6-6ee3-f66e-24de-7d57cf021ede-4b2a73fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_97eae1ce-75ee-a4b0-7604-b503184c726b-4b2a73fa {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_97eae1ce-75ee-a4b0-7604-b503184c726c-4b2a73fa, #w-node-_97eae1ce-75ee-a4b0-7604-b503184c726e-4b2a73fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0267a33e-4a02-8d62-d142-4b42a90c1b6b-4b2a73fa {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_0267a33e-4a02-8d62-d142-4b42a90c1b6c-4b2a73fa, #w-node-_0267a33e-4a02-8d62-d142-4b42a90c1b6e-4b2a73fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e29fa07f-8a53-2bec-8ddb-de60dac48ab4-4b2a73fa {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-e29fa07f-8a53-2bec-8ddb-de60dac48ab5-4b2a73fa, #w-node-e29fa07f-8a53-2bec-8ddb-de60dac48ab7-4b2a73fa, #w-node-_6695e8cf-4232-611c-ecbc-aedd4dad16dc-4b2a73fa, #w-node-b74375e1-fd74-abb7-a09c-6d3efb8feeef-4b2a73fa {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d3315096-6a71-3d6e-81f8-09b1b79f6538-cebd090e, #w-node-b412c4fe-0d7f-ea46-a408-b0f6b606db9d-cebd090e, #w-node-_3f72b54d-d37d-f1f1-8df4-dc03f93d34ef-cebd090e, #w-node-c0d682c5-de6f-adcb-516f-5a090df40e77-cebd090e {
  grid-template-rows: auto;
  grid-template-columns: 28% 1fr;
}

#w-node-_42d857e2-e90c-7ec3-c46f-5d375e05fe2e-cebd090e {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_27faf8f3-270b-7f81-16c5-1d85fcf9b0ae-cebd090e, #w-node-ff892939-4c38-c8e7-945b-0350707af138-cebd090e, #w-node-f2d47a15-894f-1a9e-7dd1-887cbd239967-cebd090e, #w-node-ee20241b-ca46-58cf-a56f-3bfbed1ecc02-cebd090e, #w-node-c9b8b5c6-013f-822e-012c-5611792e2324-cebd090e, #w-node-_3968b91f-4aca-a2a9-1cb6-426d69515d5f-cebd090e, #w-node-_3968b91f-4aca-a2a9-1cb6-426d69515db3-cebd090e, #w-node-_3968b91f-4aca-a2a9-1cb6-426d69515dc6-cebd090e, #w-node-_3968b91f-4aca-a2a9-1cb6-426d69515de9-cebd090e, #w-node-_3968b91f-4aca-a2a9-1cb6-426d69515e01-cebd090e, #w-node-bac4b182-a0ad-c954-3e60-730d9a6362b6-cebd090e, #w-node-_9f6825eb-c6c4-941d-3317-d024c898c691-cebd090e, #w-node-_4e702ec7-92af-61fb-89df-6fe4a0b675dc-cebd090e, #w-node-_57d5d4cf-00ca-f4ec-9804-23e0bbb18f7b-cebd090e, #w-node-b833d189-9f41-730c-ac23-86212bdede96-cebd090e, #w-node-_6b66f3d2-c862-adee-feef-2db9e752954a-cebd090e {
  grid-template-rows: auto;
  grid-template-columns: 25px 246px 1fr;
}

#w-node-_28ff0002-4a53-e2c9-38fb-6a6241be8a3f-5b774f63, #w-node-_28ff0002-4a53-e2c9-38fb-6a6241be8a49-5b774f63, #w-node-_28ff0002-4a53-e2c9-38fb-6a6241be8a53-5b774f63 {
  grid-template-rows: auto;
  grid-template-columns: 28% 1fr;
}

#w-node-_42d857e2-e90c-7ec3-c46f-5d375e05fe2e-5b774f63 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_27faf8f3-270b-7f81-16c5-1d85fcf9b0ae-5b774f63, #w-node-ff892939-4c38-c8e7-945b-0350707af138-5b774f63, #w-node-_3b6baadc-1009-6d57-f61b-8d5a189aca49-5b774f63, #w-node-_0f591093-6959-51e0-111a-9fdef2c4ed95-5b774f63, #w-node-f2d47a15-894f-1a9e-7dd1-887cbd239967-5b774f63, #w-node-ee20241b-ca46-58cf-a56f-3bfbed1ecc02-5b774f63, #w-node-c9b8b5c6-013f-822e-012c-5611792e2324-5b774f63, #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a80a-5b774f63, #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a83e-5b774f63, #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a859-5b774f63, #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a866-5b774f63, #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a87b-5b774f63, #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a88d-5b774f63, #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a8a5-5b774f63, #w-node-bac4b182-a0ad-c954-3e60-730d9a6362b6-5b774f63, #w-node-_1a7a965a-2014-3ec3-c298-9c836800a78e-5b774f63, #w-node-_5485aaf1-97cb-c3cd-d0c5-3e11f8e9d27b-5b774f63, #w-node-_88752659-4476-59d3-d638-336940976b15-5b774f63, #w-node-_1d90730b-cc4a-55d4-4809-8d1d358bcec9-5b774f63, #w-node-_0a3bd678-0de9-cc09-d4be-2d48bbb38e76-5b774f63, #w-node-_2e7e3108-ca43-1d59-667f-3c7a865acfa7-5b774f63, #w-node-_3e8668c4-e2b5-765c-dbbe-63027b312b88-5b774f63, #w-node-_9f6825eb-c6c4-941d-3317-d024c898c691-5b774f63, #w-node-_4e702ec7-92af-61fb-89df-6fe4a0b675dc-5b774f63 {
  grid-template-rows: auto;
  grid-template-columns: 25px 246px 1fr;
}

#w-node-_08b44476-8287-5046-d8c4-bf7a3aec0f3b-5b774f63 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_57d5d4cf-00ca-f4ec-9804-23e0bbb18f7b-5b774f63, #w-node-b833d189-9f41-730c-ac23-86212bdede96-5b774f63, #w-node-_4637ab23-9e0b-d3f2-19fd-76d4efbed98c-5b774f63, #w-node-_6b66f3d2-c862-adee-feef-2db9e752954a-5b774f63 {
  grid-template-rows: auto;
  grid-template-columns: 25px 246px 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_27faf8f3-270b-7f81-16c5-1d85fcf9b0ae-cebd090e, #w-node-_3968b91f-4aca-a2a9-1cb6-426d69515d5f-cebd090e, #w-node-_27faf8f3-270b-7f81-16c5-1d85fcf9b0ae-5b774f63, #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a80a-5b774f63 {
    grid-template-rows: auto;
    grid-template-columns: 25px 220px 1fr;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_0267a33e-4a02-8d62-d142-4b42a90c1b6b-4b2a73fa {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_0267a33e-4a02-8d62-d142-4b42a90c1b6c-4b2a73fa, #w-node-_0267a33e-4a02-8d62-d142-4b42a90c1b6e-4b2a73fa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_3968b91f-4aca-a2a9-1cb6-426d69515d5f-cebd090e, #w-node-_3968b91f-4aca-a2a9-1cb6-426d69515db3-cebd090e, #w-node-_3968b91f-4aca-a2a9-1cb6-426d69515dc6-cebd090e, #w-node-_3968b91f-4aca-a2a9-1cb6-426d69515de9-cebd090e, #w-node-_3968b91f-4aca-a2a9-1cb6-426d69515e01-cebd090e, #w-node-_9f6825eb-c6c4-941d-3317-d024c898c691-cebd090e, #w-node-_4e702ec7-92af-61fb-89df-6fe4a0b675dc-cebd090e, #w-node-_57d5d4cf-00ca-f4ec-9804-23e0bbb18f7b-cebd090e, #w-node-b833d189-9f41-730c-ac23-86212bdede96-cebd090e, #w-node-_6b66f3d2-c862-adee-feef-2db9e752954a-cebd090e, #w-node-_9f6825eb-c6c4-941d-3317-d024c898c691-5b774f63, #w-node-_4e702ec7-92af-61fb-89df-6fe4a0b675dc-5b774f63, #w-node-_57d5d4cf-00ca-f4ec-9804-23e0bbb18f7b-5b774f63, #w-node-b833d189-9f41-730c-ac23-86212bdede96-5b774f63, #w-node-_4637ab23-9e0b-d3f2-19fd-76d4efbed98c-5b774f63, #w-node-_6b66f3d2-c862-adee-feef-2db9e752954a-5b774f63 {
    grid-template-rows: auto;
    grid-template-columns: 25px 22px 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_80ed0cbc-6f9f-9459-d07c-58f9292e3162-4b2a73f8 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_80ed0cbc-6f9f-9459-d07c-58f9292e3163-4b2a73f8, #w-node-_80ed0cbc-6f9f-9459-d07c-58f9292e3167-4b2a73f8, #w-node-dc55a020-d7b6-f9e9-0d13-288bdfad405a-4b2a73f8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_86cc97f8-b1ab-480b-bd12-7a72939c94a2-4b2a73f8 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_86cc97f8-b1ab-480b-bd12-7a72939c94a3-4b2a73f8, #w-node-_86cc97f8-b1ab-480b-bd12-7a72939c94a5-4b2a73f8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_66c29afd-aeca-ea1e-a5b0-fba2ff808591-4b2a73f8 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-_66c29afd-aeca-ea1e-a5b0-fba2ff808592-4b2a73f8, #w-node-_319eb03d-11b3-f1aa-309e-a7a2f6b8787a-4b2a73f8, #w-node-_79abe7f4-1a8c-0687-edb5-bc79279cd0a0-4b2a73f8, #w-node-_96bbaff2-74ba-ad90-4399-454c8b9715dc-4b2a73f8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-e28d661a-6c99-8789-d801-6d64445783c6-4b2a73f8 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  #w-node-e28d661a-6c99-8789-d801-6d64445783c7-4b2a73f8, #w-node-e28d661a-6c99-8789-d801-6d64445783c9-4b2a73f8, #w-node-e28d661a-6c99-8789-d801-6d64445783cb-4b2a73f8, #w-node-e28d661a-6c99-8789-d801-6d64445783cd-4b2a73f8, #w-node-_214ffd9e-5ac4-2a41-3561-2f625756d5d9-4b2a73f8, #w-node-_7c2283e6-45b2-950e-65b8-be1b585f9eb7-4b2a73f8, #w-node-_79bc0b01-9d98-15bb-9bc0-2363bbdbe1c9-4b2a73f8, #w-node-_3ce84d6d-d5e7-f8f8-2350-ffe92da36d81-4b2a73f8, #w-node-_9e52f211-17c8-2892-2edf-203c706d5995-4b2a73f8, #w-node-e4ccaa5a-68ba-83fb-313e-bee5c44f5f28-4b2a73f8 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_16315c42-9ee1-8af8-337d-4804c68fb8c9-4b2a73f9 {
    justify-self: center;
  }

  #w-node-_42ab8184-7242-7f87-3914-b6de2e171749-4b2a73fa {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-b5826ae9-7b70-086b-6511-febf354b28fe-4b2a73fa, #w-node-_64cd9209-8856-46f6-f0c4-35f072b241f7-4b2a73fa, #w-node-_48540188-e162-bee3-dcee-44a85b3829b4-4b2a73fa, #w-node-_13216bf4-8dbf-6ff6-4f80-8d73813bff16-4b2a73fa, #w-node-_449cf271-5712-6146-1e33-aa9ee700f9df-4b2a73fa, #w-node-_4e4918f5-4a65-4fd5-594f-b49fa0439720-4b2a73fa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_97eae1ce-75ee-a4b0-7604-b503184c726b-4b2a73fa {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_97eae1ce-75ee-a4b0-7604-b503184c726c-4b2a73fa, #w-node-_97eae1ce-75ee-a4b0-7604-b503184c726e-4b2a73fa {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_42d857e2-e90c-7ec3-c46f-5d375e05fe2e-cebd090e, #w-node-_42d857e2-e90c-7ec3-c46f-5d375e05fe2e-5b774f63 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a80a-5b774f63, #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a83e-5b774f63, #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a866-5b774f63, #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a87b-5b774f63, #w-node-b0ed09f3-67ef-6228-6e69-d9eeab91a88d-5b774f63, #w-node-_9f6825eb-c6c4-941d-3317-d024c898c691-5b774f63 {
    grid-template-rows: auto;
    grid-template-columns: 25px 0 1fr;
  }
}