html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-family: sans-serif;
}

body {
  margin: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

audio, canvas, progress, video {
  vertical-align: baseline;
  display: inline-block;
}

audio:not([controls]) {
  height: 0;
  display: none;
}

[hidden], template {
  display: none;
}

a {
  background-color: #0000;
}

a:active, a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  margin: .67em 0;
  font-size: 2em;
}

mark {
  color: #000;
  background: #ff0;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code, kbd, pre, samp {
  font-family: monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
  -webkit-appearance: none;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td, th {
  padding: 0;
}

@font-face {
  font-family: webflow-icons;
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
  font-weight: normal;
  font-style: normal;
}

[class^="w-icon-"], [class*=" w-icon-"] {
  speak: none;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  font-family: webflow-icons !important;
}

.w-icon-slider-right:before {
  content: "";
}

.w-icon-slider-left:before {
  content: "";
}

.w-icon-nav-menu:before {
  content: "";
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
  content: "";
}

.w-icon-file-upload-remove:before {
  content: "";
}

.w-icon-file-upload-icon:before {
  content: "";
}

* {
  box-sizing: border-box;
}

html {
  height: 100%;
}

body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}

html.w-mod-touch * {
  background-attachment: scroll !important;
}

.w-block {
  display: block;
}

.w-inline-block {
  max-width: 100%;
  display: inline-block;
}

.w-clearfix:before, .w-clearfix:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-clearfix:after {
  clear: both;
}

.w-hidden {
  display: none;
}

.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}

input.w-button {
  -webkit-appearance: button;
}

html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}

.w-code-block {
  margin: unset;
}

pre.w-code-block code {
  all: inherit;
}

pre.w-code-block code > span {
  display: block !important;
}

.w-optimization {
  display: contents;
}

.w-webflow-badge, .w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}

.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}

.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 10px;
  font-weight: bold;
}

h1 {
  margin-top: 20px;
  font-size: 38px;
  line-height: 44px;
}

h2 {
  margin-top: 20px;
  font-size: 32px;
  line-height: 36px;
}

h3 {
  margin-top: 20px;
  font-size: 24px;
  line-height: 30px;
}

h4 {
  margin-top: 10px;
  font-size: 18px;
  line-height: 24px;
}

h5 {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

h6 {
  margin-top: 10px;
  font-size: 12px;
  line-height: 18px;
}

p {
  margin-top: 0;
  margin-bottom: 10px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin: 0 0 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

figure {
  margin: 0 0 10px;
}

figcaption {
  text-align: center;
  margin-top: 5px;
}

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

.w-list-unstyled {
  padding-left: 0;
  list-style: none;
}

.w-embed:before, .w-embed:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-embed:after {
  clear: both;
}

.w-video {
  width: 100%;
  padding: 0;
  position: relative;
}

.w-video iframe, .w-video object, .w-video embed {
  border: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button, [type="button"], [type="reset"] {
  cursor: pointer;
  -webkit-appearance: button;
  border: 0;
}

.w-form {
  margin: 0 0 15px;
}

.w-form-done {
  text-align: center;
  background-color: #ddd;
  padding: 20px;
  display: none;
}

.w-form-fail {
  background-color: #ffdede;
  margin-top: 10px;
  padding: 10px;
  display: none;
}

label {
  margin-bottom: 5px;
  font-weight: bold;
  display: block;
}

.w-input, .w-select {
  color: #333;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  width: 100%;
  height: 38px;
  margin-bottom: 10px;
  padding: 8px 12px;
  font-size: 14px;
  line-height: 1.42857;
  display: block;
}

.w-input::placeholder, .w-select::placeholder {
  color: #999;
}

.w-input:focus, .w-select:focus {
  border-color: #3898ec;
  outline: 0;
}

.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
  cursor: not-allowed;
}

.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
  background-color: #eee;
}

textarea.w-input, textarea.w-select {
  height: auto;
}

.w-select {
  background-color: #f3f3f3;
}

.w-select[multiple] {
  height: auto;
}

.w-form-label {
  cursor: pointer;
  margin-bottom: 0;
  font-weight: normal;
  display: inline-block;
}

.w-radio {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-radio:before, .w-radio:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-radio:after {
  clear: both;
}

.w-radio-input {
  float: left;
  margin: 3px 0 0 -20px;
  line-height: normal;
}

.w-file-upload {
  margin-bottom: 10px;
  display: block;
}

.w-file-upload-input {
  opacity: 0;
  z-index: -100;
  width: .1px;
  height: .1px;
  position: absolute;
  overflow: hidden;
}

.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
  color: #333;
  display: inline-block;
}

.w-file-upload-error {
  margin-top: 10px;
  display: block;
}

.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
  display: none;
}

.w-file-upload-uploading-btn {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: flex;
}

.w-file-upload-file {
  background-color: #fafafa;
  border: 1px solid #ccc;
  flex-grow: 1;
  justify-content: space-between;
  margin: 0;
  padding: 8px 9px 8px 11px;
  display: flex;
}

.w-file-upload-file-name {
  font-size: 14px;
  font-weight: normal;
  display: block;
}

.w-file-remove-link {
  cursor: pointer;
  width: auto;
  height: auto;
  margin-top: 3px;
  margin-left: 10px;
  padding: 3px;
  display: block;
}

.w-icon-file-upload-remove {
  margin: auto;
  font-size: 10px;
}

.w-file-upload-error-msg {
  color: #ea384c;
  padding: 2px 0;
  display: inline-block;
}

.w-file-upload-info {
  padding: 0 12px;
  line-height: 38px;
  display: inline-block;
}

.w-file-upload-label {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #ccc;
  margin: 0;
  padding: 8px 12px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
}

.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}

.w-icon-file-upload-uploading {
  height: 20px;
}

.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}

.w-container:before, .w-container:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-container:after {
  clear: both;
}

.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.w-row:before, .w-row:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-row:after {
  clear: both;
}

.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}

.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.w-col-1 {
  width: 8.33333%;
}

.w-col-2 {
  width: 16.6667%;
}

.w-col-3 {
  width: 25%;
}

.w-col-4 {
  width: 33.3333%;
}

.w-col-5 {
  width: 41.6667%;
}

.w-col-6 {
  width: 50%;
}

.w-col-7 {
  width: 58.3333%;
}

.w-col-8 {
  width: 66.6667%;
}

.w-col-9 {
  width: 75%;
}

.w-col-10 {
  width: 83.3333%;
}

.w-col-11 {
  width: 91.6667%;
}

.w-col-12 {
  width: 100%;
}

.w-hidden-main {
  display: none !important;
}

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

  .w-hidden-main {
    display: inherit !important;
  }

  .w-hidden-medium {
    display: none !important;
  }

  .w-col-medium-1 {
    width: 8.33333%;
  }

  .w-col-medium-2 {
    width: 16.6667%;
  }

  .w-col-medium-3 {
    width: 25%;
  }

  .w-col-medium-4 {
    width: 33.3333%;
  }

  .w-col-medium-5 {
    width: 41.6667%;
  }

  .w-col-medium-6 {
    width: 50%;
  }

  .w-col-medium-7 {
    width: 58.3333%;
  }

  .w-col-medium-8 {
    width: 66.6667%;
  }

  .w-col-medium-9 {
    width: 75%;
  }

  .w-col-medium-10 {
    width: 83.3333%;
  }

  .w-col-medium-11 {
    width: 91.6667%;
  }

  .w-col-medium-12 {
    width: 100%;
  }

  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .w-hidden-main, .w-hidden-medium {
    display: inherit !important;
  }

  .w-hidden-small {
    display: none !important;
  }

  .w-row, .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .w-col-small-1 {
    width: 8.33333%;
  }

  .w-col-small-2 {
    width: 16.6667%;
  }

  .w-col-small-3 {
    width: 25%;
  }

  .w-col-small-4 {
    width: 33.3333%;
  }

  .w-col-small-5 {
    width: 41.6667%;
  }

  .w-col-small-6 {
    width: 50%;
  }

  .w-col-small-7 {
    width: 58.3333%;
  }

  .w-col-small-8 {
    width: 66.6667%;
  }

  .w-col-small-9 {
    width: 75%;
  }

  .w-col-small-10 {
    width: 83.3333%;
  }

  .w-col-small-11 {
    width: 91.6667%;
  }

  .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }

  .w-hidden-main, .w-hidden-medium, .w-hidden-small {
    display: inherit !important;
  }

  .w-hidden-tiny {
    display: none !important;
  }

  .w-col {
    width: 100%;
  }

  .w-col-tiny-1 {
    width: 8.33333%;
  }

  .w-col-tiny-2 {
    width: 16.6667%;
  }

  .w-col-tiny-3 {
    width: 25%;
  }

  .w-col-tiny-4 {
    width: 33.3333%;
  }

  .w-col-tiny-5 {
    width: 41.6667%;
  }

  .w-col-tiny-6 {
    width: 50%;
  }

  .w-col-tiny-7 {
    width: 58.3333%;
  }

  .w-col-tiny-8 {
    width: 66.6667%;
  }

  .w-col-tiny-9 {
    width: 75%;
  }

  .w-col-tiny-10 {
    width: 83.3333%;
  }

  .w-col-tiny-11 {
    width: 91.6667%;
  }

  .w-col-tiny-12 {
    width: 100%;
  }
}

.w-widget {
  position: relative;
}

.w-widget-map {
  width: 100%;
  height: 400px;
}

.w-widget-map label {
  width: auto;
  display: inline;
}

.w-widget-map img {
  max-width: inherit;
}

.w-widget-map .gm-style-iw {
  text-align: center;
}

.w-widget-map .gm-style-iw > button {
  display: none !important;
}

.w-widget-twitter {
  overflow: hidden;
}

.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}

.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}

.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}

.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}

.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}

.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}

.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}

.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}

.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}

.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}

.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}

.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}

.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}

.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}

.w-background-video--control > [hidden] {
  display: none !important;
}

.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}

.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}

.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}

.w-slider-nav.w-round > div {
  border-radius: 100%;
}

.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: .2em .5em;
}

.w-slider-nav.w-shadow > div {
  box-shadow: 0 0 3px #3336;
}

.w-slider-nav-invert {
  color: #fff;
}

.w-slider-nav-invert > div {
  background-color: #2226;
}

.w-slider-nav-invert > div.w-active {
  background-color: #222;
}

.w-slider-dot {
  cursor: pointer;
  background-color: #fff6;
  width: 1em;
  height: 1em;
  margin: 0 3px .5em;
  transition: background-color .1s, color .1s;
  display: inline-block;
  position: relative;
}

.w-slider-dot.w-active {
  background-color: #fff;
}

.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}

.w-slider-dot:focus.w-active {
  box-shadow: none;
}

.w-slider-arrow-left, .w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
  position: absolute;
}

.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
  outline: 0;
}

.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}

.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}

.w-icon-slider-left, .w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}

.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.w-slider-force-show {
  display: block !important;
}

.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}

.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}

.w-dropdown-toggle:focus {
  outline: 0;
}

.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}

.w-dropdown-list.w--open {
  display: block;
}

.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}

.w-dropdown-link.w--current {
  color: #0082f3;
}

.w-dropdown-link:focus {
  outline: 0;
}

.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}

.w-lightbox-backdrop, .w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}

.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}

.w-lightbox-view:before {
  content: "";
  height: 100vh;
}

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}

.w-lightbox-frame, .w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}

.w-lightbox-figure {
  margin: 0;
  position: relative;
}

.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}

.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}

.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}

.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}

.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: .5em 1em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-lightbox-embed {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.w-lightbox-control {
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all .3s;
  position: absolute;
  top: 0;
}

.w-lightbox-left {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
  display: none;
  bottom: 0;
  left: 0;
}

.w-lightbox-right {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
  display: none;
  bottom: 0;
  right: 0;
}

.w-lightbox-close {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
  background-size: 18px;
  height: 2.6em;
  right: 0;
}

.w-lightbox-strip {
  white-space: nowrap;
  padding: 0 1vh;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto hidden;
}

.w-lightbox-item {
  box-sizing: content-box;
  cursor: pointer;
  width: 10vh;
  padding: 2vh 1vh;
  display: inline-block;
  -webkit-transform: translate3d(0, 0, 0);
}

.w-lightbox-active {
  opacity: .3;
}

.w-lightbox-thumbnail {
  background: #222;
  height: 10vh;
  position: relative;
  overflow: hidden;
}

.w-lightbox-thumbnail-image {
  position: absolute;
  top: 0;
  left: 0;
}

.w-lightbox-thumbnail .w-lightbox-tall {
  width: 100%;
  top: 50%;
  transform: translate(0, -50%);
}

.w-lightbox-thumbnail .w-lightbox-wide {
  height: 100%;
  left: 50%;
  transform: translate(-50%);
}

.w-lightbox-spinner {
  box-sizing: border-box;
  border: 5px solid #0006;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  animation: .8s linear infinite spin;
  position: absolute;
  top: 50%;
  left: 50%;
}

.w-lightbox-spinner:after {
  content: "";
  border: 3px solid #0000;
  border-bottom-color: #fff;
  border-radius: 50%;
  position: absolute;
  inset: -4px;
}

.w-lightbox-hide {
  display: none;
}

.w-lightbox-noscroll {
  overflow: hidden;
}

@media (min-width: 768px) {
  .w-lightbox-content {
    height: 96vh;
    margin-top: 2vh;
  }

  .w-lightbox-view, .w-lightbox-view:before {
    height: 96vh;
  }

  .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 84vh;
  }

  .w-lightbox-image {
    max-width: 96vw;
    max-height: 96vh;
  }

  .w-lightbox-group .w-lightbox-image {
    max-width: 82.3vw;
    max-height: 84vh;
  }

  .w-lightbox-left, .w-lightbox-right {
    opacity: .5;
    display: block;
  }

  .w-lightbox-close {
    opacity: .8;
  }

  .w-lightbox-control:hover {
    opacity: 1;
  }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
  opacity: 0;
}

.w-richtext:before, .w-richtext:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-richtext:after {
  clear: both;
}

.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
  white-space: initial;
}

.w-richtext ol, .w-richtext ul {
  overflow: hidden;
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}

.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.w-richtext figure {
  max-width: 60%;
  position: relative;
}

.w-richtext figure > div:before {
  cursor: default !important;
}

.w-richtext figure img {
  width: 100%;
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
  opacity: .6;
}

.w-richtext figure div {
  color: #0000;
  font-size: 0;
}

.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
  display: table;
}

.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
  display: inline-block;
}

.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
  caption-side: bottom;
  display: table-caption;
}

.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}

.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
  width: 100%;
}

.w-richtext figure.w-richtext-align-center {
  clear: both;
  margin-left: auto;
  margin-right: auto;
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}

.w-richtext figure.w-richtext-align-normal {
  clear: both;
}

.w-richtext figure.w-richtext-align-fullwidth {
  text-align: center;
  clear: both;
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-richtext figure.w-richtext-align-fullwidth > div {
  padding-bottom: inherit;
  display: inline-block;
}

.w-richtext figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}

.w-richtext figure.w-richtext-align-floatleft {
  float: left;
  clear: none;
  margin-right: 15px;
}

.w-richtext figure.w-richtext-align-floatright {
  float: right;
  clear: none;
  margin-left: 15px;
}

.w-nav {
  z-index: 1000;
  background: #ddd;
  position: relative;
}

.w-nav:before, .w-nav:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-nav:after {
  clear: both;
}

.w-nav-brand {
  float: left;
  color: #333;
  text-decoration: none;
  position: relative;
}

.w-nav-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-nav-link.w--current {
  color: #0082f3;
}

.w-nav-menu {
  float: right;
  position: relative;
}

[data-nav-menu-open] {
  text-align: center;
  background: #c8c8c8;
  min-width: 200px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block !important;
}

.w--nav-link-open {
  display: block;
  position: relative;
}

.w-nav-overlay {
  width: 100%;
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.w-nav-overlay [data-nav-menu-open] {
  top: 0;
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  right: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
  width: auto;
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
  z-index: 1;
  top: 0;
  left: auto;
}

.w-nav-button {
  float: right;
  cursor: pointer;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  padding: 18px;
  font-size: 24px;
  display: none;
  position: relative;
}

.w-nav-button:focus {
  outline: 0;
}

.w-nav-button.w--open {
  color: #fff;
  background-color: #c8c8c8;
}

.w-nav[data-collapse="all"] .w-nav-menu {
  display: none;
}

.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
  display: block;
}

.w--nav-dropdown-list-open {
  position: static;
}

@media screen and (max-width: 991px) {
  .w-nav[data-collapse="medium"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="medium"] .w-nav-button {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .w-nav[data-collapse="small"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="small"] .w-nav-button {
    display: block;
  }

  .w-nav-brand {
    padding-left: 10px;
  }
}

@media screen and (max-width: 479px) {
  .w-nav[data-collapse="tiny"] .w-nav-menu {
    display: none;
  }

  .w-nav[data-collapse="tiny"] .w-nav-button {
    display: block;
  }
}

.w-tabs {
  position: relative;
}

.w-tabs:before, .w-tabs:after {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-tabs:after {
  clear: both;
}

.w-tab-menu {
  position: relative;
}

.w-tab-link {
  vertical-align: top;
  text-align: left;
  cursor: pointer;
  color: #222;
  background-color: #ddd;
  padding: 9px 30px;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.w-tab-link.w--current {
  background-color: #c8c8c8;
}

.w-tab-link:focus {
  outline: 0;
}

.w-tab-content {
  display: block;
  position: relative;
  overflow: hidden;
}

.w-tab-pane {
  display: none;
  position: relative;
}

.w--tab-active {
  display: block;
}

@media screen and (max-width: 479px) {
  .w-tab-link {
    display: block;
  }
}

.w-ix-emptyfix:after {
  content: "";
}

@keyframes spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.w-dyn-empty {
  background-color: #ddd;
  padding: 10px;
}

.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
  display: none !important;
}

.wf-layout-layout {
  display: grid;
}

.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;
}

.instagram-2 {
  color: #000;
  text-align: center;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-16 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.lets-meet-and-discuss-how-we-can-help-each-other-in-the-future {
  color: #dfdfdf;
  text-align: center;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.view-all-2 {
  color: #8b8b8b;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.how-do-i-work {
  color: #868686;
  letter-spacing: -.03em;
  white-space: pre;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-9-5 {
  grid-row-gap: 16px;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-image: linear-gradient(#fff0, #fdfdfd 70%);
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 196px;
  padding: 32px;
  display: flex;
}

.frame-7-2 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  font-family: Inter, sans-serif;
  text-decoration: none;
  display: flex;
  overflow: visible;
}

.image-113 {
  position: absolute;
  top: 124px;
  left: auto;
  right: -124px;
}

.frame-4780 {
  grid-row-gap: 326px;
  background-color: #fdfdfd;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  padding-top: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame-47 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-6 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-9-4 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 625px;
  margin-left: 0;
  text-decoration: none;
  display: flex;
}

.frame-60 {
  grid-row-gap: 320px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-4778 {
  grid-row-gap: 326px;
  background-color: #fdfdfd;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  padding-top: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame-45 {
  grid-row-gap: 160px;
  -webkit-backdrop-filter: blur(41.65px);
  backdrop-filter: blur(41.65px);
  background-color: #ffffff26;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.about {
  color: #717171;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-28-2 {
  grid-column-gap: 10px;
  background-color: #f9f9f9;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  display: flex;
}

.frame-49 {
  grid-column-gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.rectangle-3 {
  background-color: #d9d9d9;
}

.frame-18 {
  background-color: #f0efef;
  border-radius: 16px;
  width: 100%;
  margin: 0;
  padding: 64px 48px;
  overflow: hidden;
}

.frame-41 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.div-block-2 {
  z-index: -1;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1408vw;
  padding-top: 44px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
  position: fixed;
}

.frame-19 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4779 {
  grid-row-gap: 326px;
  background-color: #fdfdfd;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  padding-top: 32px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

._2025-2026-2 {
  color: #000;
  text-align: center;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

._2025-2026-2:where(.w-variant-91420087-3466-d28f-4b97-0adee2fe567c) {
  color: #f7f7f7;
}

.frame-40-2 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.design-without-strategy-is-just-nice-colours-strategy-without-design-is-nothing-more-than-an-idea {
  color: #000;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.frame-8 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-38 {
  grid-row-gap: 64px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
}

.and-some-more {
  color: #000;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.copy-email {
  color: #d4d4d4;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.study-portals-reviews {
  color: #000;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.mdilinkedin {
  overflow: hidden;
}

.nav {
  z-index: 5;
  -webkit-backdrop-filter: blur(15.25px);
  backdrop-filter: blur(15.25px);
  background-color: #f7f7f726;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1728vw;
  padding: 32px 80px;
  text-decoration: none;
  display: flex;
  position: fixed;
}

.div-block {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1408px;
  display: flex;
}

.frame-55-2 {
  color: #f7f7f7;
  background-color: #f0efef;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.frame-55-2:where(.w-variant-91420087-3466-d28f-4b97-0adee2fe567c) {
  background-color: #242424;
  border: 1px solid #515151;
}

.my-work-2 {
  color: #000;
  letter-spacing: -.03em;
  white-space: pre;
  flex: 0 auto;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
  position: static;
  overflow: visible;
}

.contact {
  color: #717171;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.pkp-icc-ticket-flow-redesign {
  color: #242424;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-20 {
  grid-column-gap: 32px;
  opacity: .75;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.im-strategist-with-background-in-creative-industry---i-bring-best-of-both-worlds-into-my-projects-co {
  color: #6d6d6d;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.george-birman {
  color: #000;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.view-all {
  color: #868686;
  letter-spacing: -.03em;
  white-space: pre;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.get-in-touch {
  color: #242424;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-7 {
  grid-column-gap: 0px;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-37-2 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  background-color: #f0efef;
  border-radius: 16px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 64px;
  text-decoration: none;
  display: flex;
}

.frame-4636-5 {
  grid-column-gap: 10px;
  background-color: #fff;
  border: 1px solid #868686;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.frame-50-3 {
  grid-row-gap: 32px;
  background-image: url("https://cdn.prod.website-files.com/6917451aa1ff60c95416ca5c/69174997b1dfb9ed0c8aaffe_noisy-gradients%201.png");
  background-position: 0 0;
  background-size: auto;
  border: 1px #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1408px;
  height: 680px;
  display: flex;
  position: relative;
}

.frame-37 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-44-12 {
  grid-row-gap: 160px;
  -webkit-backdrop-filter: blur(41.65px);
  backdrop-filter: blur(41.65px);
  background-color: #ffffff26;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-18-2 {
  grid-row-gap: 10px;
  background-color: #e0e0e0;
  border-radius: 6px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px 20px;
  text-decoration: none;
  display: flex;
}

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

.client-work, .personal-project {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-30 {
  grid-row-gap: 240px;
  -webkit-backdrop-filter: blur(20.4px);
  backdrop-filter: blur(20.4px);
  background-color: #f7f7f773;
  border: 0 solid #fff;
  border-top-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1728px;
  padding: 64px 80px 16px;
  text-decoration: none;
  display: flex;
}

.basilarrow-up-outline {
  overflow: hidden;
}

.hestiva {
  color: #6b6b6b;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-5 {
  grid-column-gap: 64px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.solarcopy-bold {
  overflow: hidden;
}

.frame-4777 {
  grid-column-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding-top: 491px;
  text-decoration: none;
  display: flex;
}

.about-me {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.im-a-strategist-with-a-background-in-the-creative-industry---i-bring-the-best-of-both-worlds-into-my {
  color: #6d6d6d;
  letter-spacing: -.03em;
  max-width: 694px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.partners-collaborators-clients {
  color: #a9a7a7;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.product-designer-based-in-the-netherlands {
  color: #242424;
  letter-spacing: -.055em;
  max-width: 812px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.web-design {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.den-haag {
  color: #a9a7a7;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-23 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.ux-design {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.seweryn-kuak-3 {
  color: #242424;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.linkedin-2 {
  color: #000;
  text-align: center;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.image-115 {
  z-index: -1;
  width: 100%;
  max-width: 1408px;
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.frame-48 {
  grid-column-gap: 10px;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  display: flex;
}

.hytar-website {
  color: #000;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.seweryn-kuak-2 {
  color: #000;
  text-align: center;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.seweryn-kuak-2:where(.w-variant-91420087-3466-d28f-4b97-0adee2fe567c) {
  color: #f7f7f7;
}

.lets-get-in-touch {
  color: #fff;
  text-align: center;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-29 {
  grid-column-gap: 64px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-29.phone-nav {
  justify-content: space-between;
  align-items: center;
  width: auto;
}

.take-a-look-at-my-other-work-here {
  color: #000;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.button-footer-copy {
  grid-column-gap: 8px;
  border: 1px #cdcdcd;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  display: flex;
}

.conversion-based-design-in-evolving-project-2 {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-58 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-39 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-51 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.ux-designer-bussiness-dev {
  color: #6b6b6b;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4635-2, .frame-4638-3 {
  grid-column-gap: 10px;
  background-color: #fff;
  border: 1px solid #868686;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.frame-52 {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.enabling-785m-passengers-to-book-their-travel-effortlessly {
  color: #868686;
  letter-spacing: -.03em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-26-5 {
  grid-row-gap: 96px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-4637-2 {
  grid-column-gap: 10px;
  background-color: #fff;
  border: 1px solid #868686;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.riinstagram-fill {
  overflow: hidden;
}

.frame-27-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.how-to-make-sure-that-students-make-an-informed-decision-about-their-education-trough-peer-recommend {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.image-112 {
  position: absolute;
  top: 32px;
  left: auto;
  right: 32px;
}

.i-am-3rd-year-uxd-student-in-the-netherlands-with-over-2-years-of-experience-in-the-industry {
  color: #000;
  letter-spacing: -.03em;
  width: 100%;
  max-width: 932px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.contact-directly {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.work {
  color: #717171;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.image-114 {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
}

.frame-43 {
  grid-row-gap: 309px;
  -webkit-backdrop-filter: blur(41.65px);
  backdrop-filter: blur(41.65px);
  background-color: #ffffff26;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 456px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-4638-2 {
  grid-column-gap: 8px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 32px;
  padding-right: 32px;
  text-decoration: none;
  display: flex;
}

.frame-46 {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.body {
  background-color: #f7f7f7;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-4636-3 {
  grid-column-gap: 10px;
  background-color: #e9e9e9;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.frame-4653-3 {
  background-color: #242424;
  border: 1px solid #515151;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 295px;
  padding: 32px;
  display: flex;
}

.since-there-is-a-lot-of-variables-when-it-comes-to-choosing-a-ticket-or-selecting-connections-i-put {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4658-3 {
  border: 0 solid #353535;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.what-are-users-saying {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.usability-protocols {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.image-122 {
  width: 100%;
}

.this-project-was-focused-mainly-on-improving-ticket-flow-however-during-research-i-came-up-across-ot {
  color: #848484;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4665 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-44-4 {
  background-color: #ffffff26;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 328px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-4656 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-4653-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.ux-design-2 {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.new-ui-includes-new-set-of-cards-containing-important-information-like-travel-destination-times-and, .ui-of-the-important-sections-of-the-app-is-cluttered-not-following-any-guidelines-often-having-incon {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-44-5 {
  background-color: #efefef;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 295px;
  padding: 32px;
  display: flex;
}

.div-block-3 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.frame-4650 {
  grid-column-gap: 10px;
  background-color: #eaeaea;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.div-block-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  width: 100%;
  max-width: 1147px;
  display: grid;
}

.prevent-errors {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.research-have-showed-that-most-of-the-people-prefer-to-indicate-ticket-type-or-add-passengers-earlie {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4683 {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100%;
  text-decoration: none;
  display: flex;
}

.overall-impact {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.challenge-2 {
  color: #242424;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 456px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.to-better-understand-potential-problems-with-the-ui-and-structure-of-the-current-app-i-conducted-and {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4677 {
  grid-column-gap: 120px;
  grid-row-gap: 120px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

._30 {
  color: #82ff7c;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.image-118 {
  width: 100%;
  max-width: 1031px;
}

.e-wallet {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.international-local-tourists-rely-heavy-on-pkp-services-as-main-mean-of-travel-between-larger-citie {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4668 {
  border: 1px solid #bfbfbf;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.frame-44-7 {
  grid-row-gap: 64px;
  background-color: #ffffff26;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-4673 {
  grid-row-gap: 64px;
  background-color: #131313;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 120px 80px 184px;
  text-decoration: none;
  display: flex;
}

.frame-4664 {
  grid-column-gap: 32px;
  background-color: #dedede;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 64px;
  display: flex;
}

.its-important-to-consider-how-different-people-plan-their-travel-some-of-them-need-to-know-every-det {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.unclear-discounts {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 304px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4677-2 {
  grid-row-gap: 64px;
  background-color: #efefef;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-4677-2.pkp-ic {
  height: auto;
}

.frame-4685-3 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 901.934px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
  display: flex;
}

.frame-4653-6 {
  grid-row-gap: 309px;
  background-color: #242424;
  border: 1px solid #515151;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.pkp-app-and-train-booking-app-in-general-is-very-complex-featuring-many-design-elements-that-are-tai {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4672 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.insights-from-user-research {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.new-design-utilises-progressive-disclosure-to-limit-amount-of-information-visited-at-once-to-reduce {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4667 {
  grid-row-gap: 64px;
  border: 0 solid #bfbfbf;
  border-width: 0 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1408px;
  padding: 120px 32px;
  text-decoration: none;
  display: flex;
}

.frame-4648-3 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 812px;
  text-decoration: none;
  display: flex;
}

.when-designing-i-put-high-priority-on-making-the-cards-easy-to-scan-big-labels-clear-typography-and {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.user-needs-expectations {
  color: #f7f7f7;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4689 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.frame-4725 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4636-2 {
  grid-column-gap: 10px;
  background-color: #e5e5e5;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.frame-4783 {
  grid-column-gap: 8px;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  display: flex;
}

.frame-4670-5, .frame-4660 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4757 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 368px;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.after-finalising-research-i-combined-all-of-the-information-together-and-listed-key-problems-that-im {
  color: #848484;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.inconsistent-labels {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.structured-planner {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.image-120 {
  max-width: 100%;
}

.this-time-search-bar-consist-of-more-options-for-users-to-search-for-their-travels-now-instead-of-ju-2 {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.frame-4652-2 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pkp-is-biggest-rail-provided-in-poland-however-their-current-app-design-makes-booking-travel-confusi-2 {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 812px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4688-3 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4662 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4658 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #dedede;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  padding: 64px 250px;
  text-decoration: none;
  display: grid;
}

.frame-4719 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4784 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.different-approach {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.efficient-navigation-search-system {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.many-labels-thorough-the-app-are-inconsistent-changing-names-depending-on-the-pageeven-though-its-st {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4759 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

._2025-2026 {
  color: #f7f7f7;
  text-align: center;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4655-3 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 328px;
  display: flex;
}

.frame-44-9 {
  grid-column-gap: 64px;
  border: 0 solid #353535;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.frame-4683-2 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.image-129 {
  width: 100%;
}

.this-time-search-bar-consist-of-more-options-for-users-to-search-for-their-travels-now-instead-of-ju {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .28125rem;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.frame-4678-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: grid;
}

.frame-4655 {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.frame-4782 {
  grid-column-gap: 10px;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  display: flex;
}

.frame-4769 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.problem {
  color: #848484;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.image-119 {
  box-sizing: border-box;
  object-fit: fill;
  max-width: 100%;
}

.frame-4685-2 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-4655-6 {
  background-color: #131313;
  border: 1px solid #515151;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 295px;
  padding: 32px;
  display: flex;
}

.when-it-comes-to-searching-for-actual-connection-many-users-mentioned-that-they-expect-interface-to {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.confusing-flow {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 304px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4773 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4654-6 {
  background-color: #131313;
  border: 1px solid #515151;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 295px;
  padding: 32px;
  display: flex;
}

.i-like-to-have-the-ability-to-choose-how-many-people-are-traveling-up-front-it-saves-time-and-shows {
  color: #6d6d6d;
  text-align: center;
  letter-spacing: -.055em;
  max-width: 694px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.considering-how-complex-this-design-is-some-way-to-check-for-best-solutions-for-many-of-ui-elements {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.personal-project-2 {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.image-121 {
  object-fit: fill;
  width: 100%;
}

.image-130 {
  width: 100%;
}

.frame-4771 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4635 {
  grid-column-gap: 10px;
  background-color: #f7f7f7;
  border: 1px solid #868686;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.user-personas-planing-behaviour {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.visible-discounts {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.even-though-all-the-content-inside-of-the-app-passes-accessibility-checks-some-cards-and-dark-mode-m {
  color: #848484;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.in-recent-years-polish-economy-witnessed-significant-growth-which-resulted-in-many-people-now-travel, .even-though-you-can-access-the-ticket-inside-of-the-app-users-usually-prefer-to-have-ability-to-add {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4654-2 {
  grid-row-gap: 48px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.prioritisation-matrix-new-ticket-flow {
  color: #242424;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 380px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.even-though-discounts-are-located-on-main-page-its-hard-to-notice-them-also-further-into-the-flow-la {
  color: #848484;
  letter-spacing: -.055em;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.less-time-needed-to-buy-a-ticket-compared-to-previous-design {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4766 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.it-takes-time {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4646 {
  grid-column-gap: 140px;
  border: 1px #ddd;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.error-prevention-is-very-important-part-of-good-product-design-especially-when-users-money-is-at-pla {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.quote-from-interview {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-4764 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.information-overload {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 304px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.scan-ability {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4767 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.frame-4653-7 {
  grid-column-gap: 64px;
  border: 0 solid #353535;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.testing {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4763 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.frame-4654-3 {
  background-color: #242424;
  border: 1px solid #515151;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 295px;
  padding: 32px;
  display: flex;
}

.frame-4643-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #dedede;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 128px 160px;
  text-decoration: none;
  display: flex;
}

.during-research-many-users-emphasised-that-having-efficient-way-to-input-data-is-one-of-the-most-imp {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.update-apps-ui {
  color: #000;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-26 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  text-decoration: none;
  display: flex;
}

.linkedin {
  color: #f7f7f7;
  text-align: center;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4781 {
  grid-column-gap: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.research-2 {
  color: #848484;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.instagram {
  color: #f7f7f7;
  text-align: center;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4785 {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.those-are-just-some-examples-of-iteration-within-the-design-based-on-testing-main-focus-of-the-itera {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.information-about-delays-disruptions {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.to-get-better-understanding-of-core-passenger-profiles-i-created-few-user-personas-based-on-research {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-44-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: flex;
}

.frame-4682 {
  grid-row-gap: 120px;
  background-image: url("https://cdn.prod.website-files.com/6917451aa1ff60c95416ca5c/69174a2af724a7cd57265722_cross_pattern_image.png");
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 120px 80px 240px;
  text-decoration: none;
  display: flex;
}

.discounts {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.pkp-intercity-is-biggest-rail-provider-in-poland-some-time-ago-when-i-was-trying-to-book-a-ticket-fo {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4762 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.whats-next {
  color: #f7f7f7;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.iterations {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.impact {
  color: #f7f7f7;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4761 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.frame-4721 {
  grid-column-gap: 32px;
  grid-row-gap: 16px;
  background-color: #dcdcdc;
  border-radius: 8px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: grid;
}

.frame-4786 {
  grid-column-gap: 64px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.so-whats-wrong {
  color: #f7f7f7;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4636-4 {
  grid-column-gap: 10px;
  background-color: #131313;
  border: 1px solid #848484;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.frame-4670-3 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 694px;
  text-decoration: none;
  display: flex;
}

.with-recent-updates-to-the-app-ui-became-very-cluttered-especially-when-in-comes-to-cards-and-journe {
  color: #848484;
  letter-spacing: -.055em;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4663 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.image-123 {
  width: 100%;
}

.through-the-research-i-managed-to-get-a-lot-of-insight-into-how-users-operate-within-the-app-and-wha-2 {
  color: #6d6d6d;
  text-align: center;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.why-does-it-matter {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.image-125 {
  width: 100%;
}

.more-flows {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 218px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.main-takeaways {
  color: #868686;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-44 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #ffffff26;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
}

.frame-4687-2 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4652-3 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 88px;
  text-decoration: none;
  display: flex;
}

.new-cards {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4679 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.examples {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.now-discount-section-shows-more-visible-cards-that-consist-of-labels-that-actually-tell-user-what-po {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4664-3 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.ticket-selection {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.clear-information-structure-to-enhance-security {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4657 {
  grid-row-gap: 80px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-4652 {
  grid-column-gap: 16px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4652.mobile_pkp {
  justify-content: space-between;
  align-items: center;
}

.frame-4691 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4774 {
  grid-row-gap: 121px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4659-2 {
  grid-column-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4655-2 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.image-126 {
  width: 100%;
}

.users-agreed-that-current-flow-can-be-confusing-at-times-especially-closer-to-the-earlier-part-of-it {
  color: #848484;
  letter-spacing: -.055em;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.expert-review {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4760 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.limited-search-bar {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4659-5 {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.this-group-are-the-most-active-users-of-pkp-app-and-compose-majority-of-people-traveling-by-trains-i {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.before-design-i-wanted-to-make-sure-i-will-prioritise-most-important-features-and-that-i-have-new-cl {
  color: #6d6d6d;
  letter-spacing: -.055em;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.when-it-comes-to-searching-for-actual-connection-many-users-mentioned-that-they-expect-interface-to-2 {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.optimise-and-improve-ticket-flow {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.different-planning-behaviour-also-reflect-in-time-it-takes-people-to-buy-their-ticket-more-structure {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4661 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 694px;
  text-decoration: none;
  display: flex;
}

.frame-41-2 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 218px;
  text-decoration: none;
  display: flex;
}

.frame-4662-2 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 694px;
  text-decoration: none;
  display: flex;
}

.research {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.context-3 {
  color: #242424;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 456px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4651 {
  grid-column-gap: 10px;
  background-color: #eaeaea;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-4645 {
  grid-column-gap: 140px;
  border: 0 solid #ddd;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.image-127, .image-124 {
  width: 100%;
}

.frame-4653-5 {
  grid-row-gap: 32px;
  background-color: #efefef;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-4669-2 {
  border: 1px solid #bfbfbf;
  border-top-width: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.frame-4770 {
  grid-row-gap: 176px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4649 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.make-it-flexible {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4657-3 {
  background-color: #242424;
  border: 1px solid #515151;
  border-radius: 16px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-4787 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.pkp-enables-users-to-use-many-discount-options-hence-why-users-here-want-to-have-very-clear-overview {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.millennials-gen-z {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4690 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #efefef;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 64px;
  text-decoration: none;
  display: grid;
}

.high-contrast-mode {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 218px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.cluttered-ui {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4659-7 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 812px;
  text-decoration: none;
  display: flex;
}

.more-responsive-detailed-search-bar {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4644 {
  grid-row-gap: 10px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  text-decoration: none;
  display: flex;
}

.frame-4788 {
  grid-column-gap: 64px;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-4657-2 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-4736-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-4636 {
  grid-column-gap: 10px;
  background-color: #f7f7f7;
  border: 1px solid #868686;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.design-you-see-in-solution-part-is-the-final-version-after-testing-and-iterations-below-you-will-be {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4684-3 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 901.934px;
  padding-top: 12px;
  padding-bottom: 12px;
  text-decoration: none;
  display: flex;
}

.frame-4775 {
  grid-row-gap: 240px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1429svw;
  text-decoration: none;
  display: flex;
}

.frame-4674 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.so-who-do-i-design-for {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.after-testing-the-design-i-can-confidently-say-that-i-reached-my-goal-of-improving-the-ticket-flow-o {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4657-6 {
  border: 0 solid #353535;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.design {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-4654 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #ffffff26;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
}

.future {
  color: #848484;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-4772 {
  grid-row-gap: 163px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.understanding-the-journey {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4655-4 {
  background-color: #efefef;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 295px;
  padding: 32px;
  display: flex;
}

.frame-4659-8 {
  border: 0 solid #353535;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.frame-4654-7 {
  grid-column-gap: 64px;
  border: 0 solid #353535;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.tourists {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.image-128 {
  width: 100%;
}

.a-b-testing {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4686 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4688 {
  grid-row-gap: 240px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4684-2 {
  grid-row-gap: 240px;
  background-color: #131313;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 120px 80px 16px;
  text-decoration: none;
  display: flex;
}

.frame-4656-2 {
  background-color: #efefef;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 295px;
  padding: 32px;
  display: flex;
}

.to-validate-the-design-i-decided-to-perform-usability-testing-by-checking-many-scenarios-including-t {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.information-structure {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4789 {
  grid-column-gap: 5px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.frame-4654-4 {
  background-color: #ffffff26;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 328px;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-4641 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-4661-3 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.with-long-range-travel-and-many-connections-having-real-time-update-is-very-important-for-passengers {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4657-4 {
  grid-row-gap: 32px;
  background-color: #242424;
  border: 1px solid #515151;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-40 {
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 304px;
  text-decoration: none;
  display: flex;
}

.frame-55 {
  background-color: #242424;
  border: 1px solid #515151;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 16px;
  text-decoration: none;
  display: flex;
}

.before-i-jump-to-figma {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4655-5 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.to-finalise-my-research-and-better-understand-on-which-areas-of-current-product-i-should-focus-the-m {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.after-initial-testing-with-users-im-confident-that-i-achieved-my-goal-however-i-still-have-few-small {
  color: #848484;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.user-name {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4720 {
  grid-row-gap: 10px;
  background-color: #dcdcdc;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-4653 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #ffffff26;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
}

.frame-4768 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.business-travellers {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4765 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.messy-planner, .provide-feedback {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4647 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.design-2 {
  color: #848484;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-4659-3 {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-44-3 {
  background-color: #242424;
  border: 1px solid #515151;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 295px;
  padding: 32px;
  display: flex;
}

.frame-4680 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-4638 {
  grid-column-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.its-very-possible-that-in-a-rush-users-might-forget-something-or-add-a-wrong-option-in-my-design-i-i {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4671 {
  grid-row-gap: 16px;
  border: 0 solid #bfbfbf;
  border-width: 0 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1408px;
  padding: 120px 32px;
  text-decoration: none;
  display: flex;
}

.important-note {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4660-2 {
  grid-column-gap: 10px;
  background-color: #131313;
  border: 1px solid #848484;
  border-radius: 500px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  text-decoration: none;
  display: flex;
}

.solution {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.image-29 {
  border-radius: 16px;
}

.frame-4688-2 {
  grid-row-gap: 64px;
  background-color: #efefef;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-4658-2 {
  grid-row-gap: 64px;
  background-color: #131313;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 120px 80px 184px;
  text-decoration: none;
  display: flex;
}

.seweryn-kuak {
  color: #f7f7f7;
  text-align: center;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.more-testing {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 218px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

._2025 {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-4659-6 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 812px;
  text-decoration: none;
  display: flex;
}

.frame-4678-2 {
  grid-row-gap: 64px;
  background-color: #efefef;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-4687 {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  background-color: #efefef;
  border-radius: 16px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center stretch;
  width: 100%;
  padding: 64px 32px;
  text-decoration: none;
  display: flex;
}

.frame-4687.study-portals-grid {
  grid-column-gap: 16px;
  grid-row-gap: 10px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start stretch;
  display: grid;
}

.frame-4642 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.streamlining-ticket-purchases-for-long-range-train-travel-2 {
  color: #242424;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 812px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.flow {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-44-8 {
  grid-row-gap: 32px;
  background-color: #242424;
  border: 1px solid #515151;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-4758 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.search-bar-is-very-outdated-and-limited-in-options-requiring-users-to-move-few-separate-pages-in-ord {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.body-2 {
  background-color: #f7f7f7;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-4756 {
  grid-row-gap: 240px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1730px;
  text-decoration: none;
  display: flex;
}

.frame-4752 {
  grid-row-gap: 176px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4751, .frame-4750 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4743 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 368px;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.redesign-of-the-review-on-studyportals-website {
  color: #242424;
  letter-spacing: -.055em;
  max-width: 813px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.studyportals-is-one-of-the-biggest-most-well-known-companies-specialising-in-helping-international {
  color: #6d6d6d;
  letter-spacing: -.055em;
  max-width: 813px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.client-project, ._2024 {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-4643 {
  background-color: #dedede;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 128px 160px;
  text-decoration: none;
  display: flex;
}

.frame-4742 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.context {
  color: #242424;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 465px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.in-2024-my-school-was-partnering-with-studyportals-as-one-of-potentially-clients-students-can-contac {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4648 {
  grid-column-gap: 140px;
  border: 1px #ddd;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.frame-4695 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 812px;
  text-decoration: none;
  display: flex;
}

.studyportals-receive-a-lot-of-student-reviews-throughout-their-websites-and-apps-but-the-current-way {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4694 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.design-challenge {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.the-challenge-is-to-improve-the-quality-of-the-reviews-collected-present-the-reviews-in-a-way-that {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4744 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.but-who-are-users-of-studyportals {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.students-new-current {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.students-compose-majority-of-the-user-base-with-most-important-group-for-this-project-being-users-lo {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.teachers {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.a-lot-of-university-students-are-keen-on-looking-at-students-reviews-and-leaving-one-themselves-so-c {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.university-staff {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.universities-and-their-staff-often-use-studyportals-reviews-to-get-feedback-on-their-courses-and-cam {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4745 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.frame-4659 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.desk-research {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.before-conducting-any-type-of-user-research-i-wanted-to-get-better-understanding-of-what-exactly-mak {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4696 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.interesting-directions {
  color: #868686;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4697 {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: start stretch;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.negative-reviews {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.highlighting-helpful-negative-reviews-can-help-build-user-trust-many-tests-have-shown-that-people-us {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.number-of-reviews {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.providing-decimal-number-of-reviews-can-help-users-make-decisions-regarding-product-service-as-usua {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.product-attributes {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.having-ratings-for-specific-product-tributes-can-help-user-quickly-assess-quality-of-most-important {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4698 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 694px;
  text-decoration: none;
  display: flex;
}

.research-methods {
  color: #f7f7f7;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.to-conduct-my-research-i-decided-to-pick-2-methods-that-would-enable-me-to-collect-vast-amount-of-da {
  color: #848484;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.surveys {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4699 {
  grid-column-gap: 8px;
  grid-row-gap: 16px;
  background-color: #474747;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 398px;
  padding: 32px;
  display: grid;
  overflow: hidden;
}

.image-60, .image-57 {
  border-radius: 16px;
  height: 100%;
}

.image-56 {
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.surveys-were-good-way-of-obtaining-a-lot-of-data-from-many-different-backgrounds-of-users-that-also {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.interviews {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.to-add-more-in-depth-data-to-my-research-i-decided-to-interview-few-studentsalso-upcoming-universit {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4753 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4746 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.user-personas {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.based-on-my-research-and-patterns-identified-through-it-i-prepared-personas-that-would-reflect-needs {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.researcher, .reviewer {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4747 {
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.important-takeaways {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.efficiency {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.reviews-should-be-an-efficient-way-for-people-to-find-relevant-information-high-priority-should-be-p {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.categorisation {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.introducing-some-kind-of-categorisation-could-prove-very-impactful-for-both-people-looking-through-r {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4670 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 694px;
  text-decoration: none;
  display: flex;
}

.during-my-research-i-managed-to-talk-to-and-see-answers-from-a-large-numbers-of-people-including-stu {
  color: #6d6d6d;
  text-align: center;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.titles-tags {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.user-research-showed-that-having-clear-labels-and-tags-improves-scan-ability-drastically-and-helps-p {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.most-helpful {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.most-of-the-users-prefer-to-view-most-helpful-reviews-first-as-they-usually-have-most-up-votes-and-a {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.anonymous {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.most-people-say-that-big-factor-stopping-them-from-leaving-a-review-is-the-fact-that-they-are-not-be {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4669 {
  border: 1px solid #bfbfbf;
  border-top-width: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.actually-i-think-id-leave-some-review-on-our-current-programme-if-i-would-know-im-100-anonymous-espe {
  color: #6d6d6d;
  text-align: center;
  letter-spacing: -.055em;
  max-width: 694px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4755 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.possible-opportunities {
  color: #f7f7f7;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.after-finalising-research-i-combined-all-of-the-information-together-and-listed-most-prominent-oppor {
  color: #848484;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.tags-intuitive-filtering {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 304px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.to-enhance-filtering-and-optimise-scanning-efficiency-speed-there-could-be-tags-created-that-would {
  color: #848484;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.replies {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 304px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.on-top-of-just-leaving-separate-review-there-could-be-a-reply-function-implemented-enabling-users-to {
  color: #848484;
  letter-spacing: -.055em;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.sub-scores {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  display: block;
}

.subs-scores-for-some-aspects-of-the-university-can-be-added-as-a-quick-way-to-see-weighted-scores-fo {
  color: #848484;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.user-details {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 304px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.enabling-users-to-set-their-details-can-improve-trustworthiness-of-their-reviews-and-set-some-import {
  color: #848484;
  letter-spacing: -.055em;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.leave-review-cta {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 304px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.on-top-of-usual-review-flow-there-could-be-non-invasive-cta-or-card-section-added-that-would-prompt {
  color: #848484;
  letter-spacing: -.055em;
  max-width: 800px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4754 {
  grid-row-gap: 121px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4748 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-4706 {
  grid-column-gap: 20px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4704 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1226.04px;
  text-decoration: none;
  display: flex;
}

.easy-way-to-leave-review {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.now-there-is-additional-card-added-on-main-page-of-the-website-which-leads-directly-to-review-sectio {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4705 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1226.04px;
  text-decoration: none;
  display: flex;
}

.tags-categories {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.this-design-features-new-design-of-reviews-ui-adding-tags-with-clear-categories-to-enhance-scan-abil {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.sub-scores {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.in-the-review-from-users-are-asked-to-rank-particular-features-of-the-school-programme-there-is-opt {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.flexibility {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.now-each-review-is-much-more-flexible-in-a-way-it-can-be-interacted-with-giving-users-more-freedom-u, .new-cards-enable-users-to-see-replies-and-comments-of-other-users-and-leave-replies-themselves-all-o {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.new-filtering-menu {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.new-filtering-sorting-menu-gives-users-much-more-options-to-choose-from-while-including-most-releva {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.reminders {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.on-top-of-cta-on-the-main-page-of-school-info-inside-of-review-section-there-is-subtle-reminder-card {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4749 {
  grid-column-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.before-finalising-the-design-i-conducted-multiple-a-b-tests-to-check-with-users-which-design-version, .when-prototype-was-ready-i-prepared-multiple-scenarios-protocols-for-the-users-to-perform-and-leave {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4710 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.examples-from-ab-testing {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4713 {
  grid-row-gap: 64px;
  background-color: #efefef;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 80px;
  padding-bottom: 80px;
  text-decoration: none;
  display: flex;
}

.frame-4684 {
  grid-row-gap: 240px;
  background-color: #131313;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 120px 80px 16px;
  text-decoration: none;
  display: flex;
}

._96 {
  color: #82ff7c;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 48px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.tasks-completion-success-rate-based-on-protocols-from-usability-testing {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.student-1 {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.i-really-like-that-i-can-filter-or-search-by-categories-or-tags-as-you-call-them-it-saves-a-lot-of-t {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.student-2 {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.i-think-what-caught-my-attention-the-most-are-the-sub-scores-i-really-like-that-you-can-quickly-take {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.student-3 {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.those-reviews-are-very-easy-to-scan-not-counting-the-clear-titles-i-think-that-having-this-tag-next {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.testing-and-user-feedback-clearly-shown-that-new-design-serves-its-purpose-well-being-easy-to-naviga {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.reflection {
  color: #f7f7f7;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4692 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4736 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-50 {
  grid-row-gap: 32px;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 680px;
  display: flex;
  position: relative;
}

.noisy-gradients-1 {
  border-radius: 16px;
  position: absolute;
  top: 0;
  left: 0;
}

.ux-design-3 {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.problem-2 {
  color: #242424;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 456px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4648-2 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 812px;
  text-decoration: none;
  display: flex;
}

.research-3 {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-26-2 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 812px;
  text-decoration: none;
  display: flex;
}

.frame-4660-3 {
  grid-row-gap: 64px;
  background-color: #eaeaea;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.frame-44-6, .frame-4653-4, .frame-4654-5 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  background-color: #f7f7f7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
}

.frame-4659-4 {
  grid-row-gap: 64px;
  background-color: #131313;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 120px 80px 184px;
  text-decoration: none;
  display: flex;
}

.frame-4661-2 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.research-4 {
  color: #848484;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-4660-4 {
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.frame-4657-5 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4664-2 {
  grid-column-gap: 32px;
  background-color: #dedede;
  border-radius: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 64px;
  display: flex;
}

.frame-4668-2 {
  border: 1px solid #bfbfbf;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.insights-from-user-research-2 {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.quote-from-interview-2 {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-4673-2 {
  grid-row-gap: 64px;
  background-color: #131313;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 120px 80px 184px;
  text-decoration: none;
  display: flex;
}

.problem-3 {
  color: #848484;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-44-10, .frame-4660-5 {
  border: 0 solid #353535;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.frame-4682-2 {
  grid-row-gap: 120px;
  background-image: url("https://cdn.prod.website-files.com/6917451aa1ff60c95416ca5c/69174a2af724a7cd57265722_cross_pattern_image.png");
  background-position: 0 0;
  background-size: auto;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 240px 80px;
  text-decoration: none;
  display: flex;
}

.solution-2 {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.design-3 {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-4706-2 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1226.04px;
  text-decoration: none;
  display: flex;
}

.frame-4689-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: grid;
}

.frame-4688-4 {
  grid-row-gap: 64px;
  background-color: #efefef;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.replies-2 {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4690-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #efefef;
  border-radius: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  place-items: center;
  width: 100%;
  padding: 64px 180px;
  text-decoration: none;
  display: grid;
}

.testing-2 {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.a-b-testing-2, .usability-protocols-2 {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.impact-2 {
  color: #f7f7f7;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.design-4 {
  color: #848484;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.what-are-users-saying-2 {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4691-2 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4654-8, .frame-4655-7, .frame-4656-3 {
  grid-row-gap: 32px;
  background-color: #131313;
  border: 1px solid #515151;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.overall-impact-2 {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.future-2 {
  color: #848484;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-44-11 {
  grid-column-gap: 64px;
  border: 0 solid #353535;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.more-testing-2 {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 218px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.this-project-was-focused-mainly-on-improving-ticket-flow-however-during-research-i-came-up-across-ot-2 {
  color: #848484;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.lets-get-in-touch-2 {
  color: #fff;
  text-align: center;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.lets-meet-and-discuss-how-we-can-help-each-other-in-the-future-2 {
  color: #dfdfdf;
  text-align: center;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.contact-directly-2 {
  color: #fff;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.copy-email-2 {
  color: #d4d4d4;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.seweryn-kuak-4, .linkedin-3, .instagram-3, ._2025-2026-3 {
  color: #f7f7f7;
  text-align: center;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.body-3 {
  background-color: #f7f7f7;
}

.div-block-5 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 800px;
  display: flex;
}

.testing-frame {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.div-block-6 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  display: flex;
}

.title-datk {
  color: #f7f7f7;
  letter-spacing: -.055em;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
}

.image-131, .image-132, .image-133 {
  width: 100%;
  height: auto;
}

.image-134, .image-135, .image-136 {
  width: 100%;
}

.frame-4741 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1730px;
  text-decoration: none;
  display: flex;
}

.frame-4740 {
  grid-row-gap: 240px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4739 {
  grid-row-gap: 176px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4738 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4737 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.conversion-based-design-for-innovative-crypto-platform {
  color: #242424;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 813px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 64px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.hytar-is-a-crypto-platform-also-a-token-company-needed-new-website-for-their-brand-that-would-adver {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 813px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4733 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.when-i-was-working-at-leadmind-new-project-came-across-my-desk-new-crypto-brand-hytar-needed-new-web {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-27 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 456px;
  text-decoration: none;
  display: flex;
}

.my-role {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.in-this-project-i-was-tasked-with-being-the-lead-designer-my-responsibilities-consisted-of-coordinat {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.challange {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.as-mentioned-we-started-from-blank-canvas-having-only-idea-about-what-product-is-and-who-potential-t {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.create-modern-looking-website-for-crypto-platform-that-would-convey-brand-language-and-drive-convers {
  color: #6d6d6d;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4734 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.so-how-do-i-start {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.content-work {
  color: #868686;
  letter-spacing: -.03em;
  white-space: pre;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.target-group {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.analysing-target-group-was-important-to-determine-design-language-and-content-messaging-different-ne {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.content-style {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.content-comes-first-after-gathering-all-the-necessary-research-and-information-i-started-working-on {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.business-goals {
  color: #000;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.while-preparing-website-its-also-important-to-consider-other-business-needs-and-integrations-that-wi {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.framework {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.my-approach {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.to-prepare-content-that-actually-drives-conversions-and-touches-upon-user-needs-and-questions-i-deci {
  color: #6d6d6d;
  text-align: center;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.understanding-users, .differentiating, .clarity {
  color: #000;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4727 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4726 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.process {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.tools-frameworks {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.to-achieve-desired-results-and-better-structure-my-workflow-i-used-many-well-known-and-proven-tools {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 662px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4731 {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  display: grid;
}

.frame-4728 {
  grid-row-gap: 32px;
  background-color: #e5e5e5;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.image-106 {
  border-radius: 8px;
}

.jobs-to-be-done {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.jbd-helped-me-to-better-understand-and-map-underlying-motivations-and-needs-of-my-target-group {
  color: #696969;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4729 {
  grid-row-gap: 32px;
  background-color: #e5e5e5;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.image-99 {
  border-radius: 8px;
}

.differentiation {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.competitors-comparison-was-useful-to-determine-are-in-which-product-could-be-differentiated {
  color: #696969;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4730 {
  grid-row-gap: 32px;
  background-color: #e5e5e5;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.image-105 {
  border-radius: 8px;
}

.clarity-context-test {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.to-ensure-clear-messaging-clarity-and-context-test-frameworks-were-used {
  color: #696969;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.all-images-were-blurred-out-to-keep-confidentiality {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.leading-creative-session-product-workshops {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.in-order-to-ensure-seamless-product-integration-with-already-existing-flows-and-business-structure-i {
  color: #6d6d6d;
  letter-spacing: -.055em;
  width: 100%;
  max-width: 662px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.image-107 {
  border-radius: 8px;
}

.product-workshops {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.product-workshops-were-used-to-create-and-establish-main-backbone-of-product-functionality-and-how-i {
  color: #696969;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.image-108 {
  border-radius: 8px;
}

.collaboration-between-teams {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.collaborative-workshops-were-aimed-to-make-sure-everyone-understands-various-qualities-of-the-produc {
  color: #696969;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.challenges {
  color: #f7f7f7;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.during-my-journey-with-this-project-i-encountered-some-major-challenges-that-required-me-to-adapt-qu {
  color: #848484;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.rapid-evolution {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.even-though-we-got-into-the-project-with-some-understanding-of-the-initial-product-specification-the {
  color: #848484;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.multiple-iterations {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.because-of-sudden-product-characteristics-being-changed-previously-developed-and-approved-content-st {
  color: #848484;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.complex-structure {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.hytar-is-very-unique-product-that-is-very-complex-in-itself-however-the-fact-that-it-is-connected-to {
  color: #848484;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4735 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.final-design {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4732 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
  overflow: hidden;
}

.imac_on_table_mockup_1-1, .imac_on_table_mockup_2-1, .imac_on_table_mockup_3-1, .hytar_mockup_1, .macbook_air_mockup_3-1, .macbook_air_mockup_1-3 {
  border-radius: 16px;
}

.noisy-gradients-2-1 {
  z-index: -2;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.visit-website-coming-soon {
  color: #fff;
  text-align: center;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .5rem;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.website-is-still-under-development-link-should-be-available-soon {
  color: #dfdfdf;
  text-align: center;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.material-symbolslink {
  overflow: hidden;
}

.visit-website {
  color: #5f5f5f;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.seamless-integration {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.new-design-platform-enables-client-to-seamlessly-integrate-functionalities-from-other-products-unde {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.modern-design {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.new-website-follows-modern-and-clean-design-enhancing-brand-values-and-personality {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4693 {
  grid-row-gap: 32px;
  background-color: #242424;
  border: 1px solid #515151;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.tailored-content {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.by-extensive-research-and-following-industry-guidelines-i-managed-to-create-new-content-for-the-webs {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: .28125rem;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.what-are-the-numbers-saying {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.good-question {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.because-website-is-still-under-development-i-dont-have-any-access-to-potential-analytics-however-you {
  color: #939393;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.end {
  color: #848484;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-4641-2 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
  padding-top: 368px;
  padding-left: 80px;
  padding-right: 80px;
  display: flex;
}

.frame-4642-2 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  text-decoration: none;
  display: flex;
}

.web-design-2, ._2025-2 {
  color: #868686;
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.frame-4644-2 {
  grid-row-gap: 10px;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 1056px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}

.frame-4647-2 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.frame-26-3 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 456px;
  text-decoration: none;
  display: flex;
}

.context-2 {
  color: #242424;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.frame-4649-2 {
  grid-column-gap: 140px;
  border: 0 solid #ddd;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.frame-4648-4 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4656-4 {
  grid-row-gap: 64px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.frame-4652-4 {
  grid-column-gap: 16px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-26-4 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4655-8 {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  text-decoration: none;
  display: grid;
}

.frame-44-13 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #ffffff26;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 32px;
  display: flex;
}

.frame-4653-8, .frame-4654-9 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  background-color: #ffffff26;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding: 32px;
  display: flex;
}

.frame-4668-3 {
  border: 1px solid #bfbfbf;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.frame-4652-5 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 88px;
  text-decoration: none;
  display: flex;
}

.frame-4655-9 {
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 374px;
  text-decoration: none;
  display: flex;
}

.frame-44-14, .frame-4656-5, .frame-4655-10, .frame-4657-7 {
  grid-row-gap: 309px;
  background-color: #efefef;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.context-4 {
  color: #000;
  letter-spacing: -.055em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.frame-4669-3 {
  border: 1px solid #bfbfbf;
  border-top-width: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.frame-4671-2 {
  grid-row-gap: 64px;
  border: 0 solid #bfbfbf;
  border-width: 0 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  height: auto;
  padding: 120px 32px;
  text-decoration: none;
  display: flex;
}

.frame-26-6 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  max-width: 662px;
  text-decoration: none;
  display: flex;
}

.frame-26-7 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4670-2 {
  border: 1px solid #bfbfbf;
  border-top-width: 0;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  text-decoration: none;
  display: flex;
}

.frame-4674-2 {
  grid-row-gap: 64px;
  background-color: #131313;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 120px 80px 184px;
  text-decoration: none;
  display: flex;
}

.frame-4659-9 {
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 813px;
  text-decoration: none;
  display: flex;
}

.frame-4643-3 {
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.frame-4655-11, .frame-4656-6 {
  border: 0 solid #353535;
  border-bottom-width: 1px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.frame-4682-3 {
  grid-row-gap: 120px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 240px 80px;
  text-decoration: none;
  display: flex;
}

.frame-50-2 {
  grid-row-gap: 32px;
  border: 1px solid #d7d7d7;
  border-radius: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 680px;
  max-height: 680px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.frame-51-2 {
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 493px;
  text-decoration: none;
  display: flex;
}

.visit-website-coming-soon-2 {
  color: #d5ff2b;
  text-align: center;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 32px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.frame-49-2 {
  grid-column-gap: 16px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.frame-48-2 {
  grid-column-gap: 8px;
  border: 1px solid #5f5f5f;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  display: flex;
}

.frame-4684-4 {
  grid-row-gap: 240px;
  background-color: #131313;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 120px 80px 16px;
  text-decoration: none;
  display: flex;
}

.frame-4692-2 {
  grid-row-gap: 32px;
  background-color: #242424;
  border: 1px solid #515151;
  border-radius: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 32px;
  text-decoration: none;
  display: flex;
}

.by-extensive-research-and-following-industry-guidelines-i-managed-to-create-new-content-for-the-webs-2 {
  color: #f7f7f7;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  display: inline-block;
}

.frame-44-15 {
  grid-column-gap: 64px;
  border: 0 solid #353535;
  border-bottom-width: 1px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 64px;
  text-decoration: none;
  display: flex;
}

.this-project-was-focused-mainly-on-improving-ticket-flow-however-during-research-i-came-up-across-ot-3 {
  color: #848484;
  letter-spacing: -.055em;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}

.frame-4664-4 {
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1728px;
  padding-left: 160px;
  padding-right: 160px;
  text-decoration: none;
  display: flex;
}

.frame-28-3 {
  grid-column-gap: 8px;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  text-decoration: none;
  display: flex;
}

.body-4 {
  background-color: #f7f7f7;
}

.frame-hytar-process {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.div-block-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button {
  color: #242424;
  letter-spacing: -.03em;
  background-color: #0000;
  padding: 2px 4px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
  text-decoration: none;
}

.button:where(.w-variant-5855dc1f-a1e4-9594-441a-d425f1493abc) {
  display: none;
}

.button:hover {
  color: #858585;
}

.button-nav-cta {
  color: #242424;
  letter-spacing: -.03em;
  background-color: #f7f7f7;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  padding: 12px 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 100%;
}

.button-nav-cta:hover {
  background-color: #e7e7e7;
}

.button-nav-name {
  color: #242424;
  letter-spacing: -.03em;
  background-color: #0000;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.button-nav-name:hover {
  color: #a0a0a0;
}

.button-nav-name.w--current {
  color: #242424;
  background-color: #0000;
  padding: 0;
  font-family: Inter, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 100%;
  text-decoration: none;
}

.button-nav-name.w--current:hover {
  color: #a0a0a0;
}

.button-footer-contact {
  color: #fff;
  letter-spacing: -.023em;
  border: 1px solid #cdcdcd;
  border-radius: 6px;
  padding: 12px 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  line-height: 100%;
  text-decoration: none;
}

.button-footer-contact:hover {
  color: #2e2e2e;
  background-color: #fff;
}

.link-block-2 {
  color: #000;
  letter-spacing: -.03em;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.link-block-2:where(.w-variant-91420087-3466-d28f-4b97-0adee2fe567c) {
  color: #f7f7f7;
}

.link-block-2:hover {
  color: gray;
}

.link-block-3 {
  color: #000;
  letter-spacing: -.03em;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: none;
}

.link-block-3:where(.w-variant-91420087-3466-d28f-4b97-0adee2fe567c) {
  color: #f7f7f7;
}

.link-block-3:hover {
  color: gray;
}

.paragraph-3, .paragraph-6 {
  margin-bottom: 0;
}

.paragraph-6:where(.w-variant-91420087-3466-d28f-4b97-0adee2fe567c) {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.paragraph-7 {
  margin-bottom: 0;
}

.div-block-10 {
  background-color: #f7f7f7;
  border: 1px #cdcdcd;
  border-radius: 0;
  width: 100vw;
  padding: 32px 80px;
  position: fixed;
}

.link-block-4 {
  width: 100%;
  text-decoration: none;
}

.code-embed {
  justify-content: center;
  align-items: center;
  width: 27px;
  max-width: 100%;
  height: auto;
  max-height: none;
  display: flex;
}

.code-embed-2 {
  width: 26px;
  height: 26px;
  min-height: 26px;
}

.container {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.container-2 {
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-11 {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.body-5 {
  background-color: #f7f7f7;
}

.image-137 {
  mix-blend-mode: normal;
}

.image-138 {
  background-image: url("https://cdn.prod.website-files.com/6917451aa1ff60c95416ca5c/6925e46eae72ecb0c6985489_DSC07845-2.jpg");
  background-position: 50%;
  background-size: auto;
  background-attachment: fixed;
  border-radius: 500px;
  width: 64px;
  height: 64px;
}

.div-block-12 {
  background-image: url("https://cdn.prod.website-files.com/6917451aa1ff60c95416ca5c/6925e46edf2c7f8d1fd13bcd_DSC07845.jpg");
  background-position: 50%;
  background-repeat: repeat;
  background-size: cover;
  border: 1px solid #e2e2e2;
  border-radius: 500px;
  width: 64px;
  height: 64px;
}

.div-block-12.img-mila {
  background-image: url("https://cdn.prod.website-files.com/6917451aa1ff60c95416ca5c/69282e158cda5da7d6a6576e_Mila_Linkedin_Portfolio.jpeg");
}

.image-139 {
  mix-blend-mode: normal;
}

.image-140, .image-141, .image-142 {
  height: 32px;
}

.image-143, .image-144, .image-145, .image-146, .image-147, .image-148, .image-149, .image-150, .image-151, .image-152, .image-153 {
  width: 100%;
}

.link-block-5:where(.w-variant-91420087-3466-d28f-4b97-0adee2fe567c) {
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}

.div-block-14 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1408px;
  display: flex;
}

.image-156, .image-157, .image-158 {
  width: 100%;
}

.image-159 {
  width: 100%;
  max-width: 448px;
}

.image-160 {
  mix-blend-mode: normal;
  height: 100%;
  max-height: 32px;
}

.div-block-15 {
  height: 32px;
  max-height: 32px;
  padding: 4px;
}

@media screen and (min-width: 1440px) {
  .div-block-2 {
    max-width: 1408px;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .frame-38 {
    flex-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 100%;
  }

  .copy-email {
    color: #fff;
  }

  .nav {
    justify-content: center;
    align-items: center;
    max-width: 1728vw;
    padding-left: 160px;
    padding-right: 160px;
  }

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

  .frame-37 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .frame-54:where(.w-variant-91420087-3466-d28f-4b97-0adee2fe567c) {
    border: 1px #000;
  }

  .frame-30 {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4777 {
    justify-content: center;
    align-items: flex-start;
    width: 100%;
  }

  .linkedin-2 {
    color: #000;
    font-family: Inter, sans-serif;
  }

  .linkedin-2:hover {
    color: #000;
  }

  .frame-52 {
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
  }

  .frame-52:where(.w-variant-91420087-3466-d28f-4b97-0adee2fe567c) {
    color: #fff;
  }

  .frame-52:hover {
    color: gray;
  }

  .i-am-3rd-year-uxd-student-in-the-netherlands-with-over-2-years-of-experience-in-the-industry {
    max-width: 932px;
  }

  .to-better-understand-potential-problems-with-the-ui-and-structure-of-the-current-app-i-conducted-and {
    font-weight: 400;
  }

  .frame-4668 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4673 {
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4677-2 {
    height: 100%;
  }

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

  .frame-4670-5 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-4757, .frame-4759 {
    justify-content: flex-start;
    align-items: center;
    max-width: 1440vw;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4655 {
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
  }

  .frame-4766, .frame-4764, .frame-4767 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4763 {
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4682 {
    background-image: url("https://cdn.prod.website-files.com/6917451aa1ff60c95416ca5c/69174a2af724a7cd57265722_cross_pattern_image.png");
    background-position: 50%;
    background-repeat: repeat;
    background-size: auto;
    justify-content: flex-start;
    align-items: center;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4762, .frame-4761 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4760 {
    justify-content: flex-start;
    align-items: center;
    max-width: 1440vw;
    padding-left: 160px;
    padding-right: 160px;
  }

  .before-design-i-wanted-to-make-sure-i-will-prioritise-most-important-features-and-that-i-have-new-cl {
    font-weight: 400;
  }

  .frame-4669-2 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 160px;
    padding-right: 160px;
  }

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

  .frame-4644 {
    justify-content: flex-start;
    align-items: center;
    max-width: 100%;
  }

  .design-you-see-in-solution-part-is-the-final-version-after-testing-and-iterations-below-you-will-be {
    font-weight: 400;
  }

  .frame-4684-2 {
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4768 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-4671 {
    max-width: 1408px;
  }

  .frame-4688-2 {
    min-height: 238px;
  }

  .frame-4658-2 {
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4687 {
    display: flex;
  }

  .frame-4758 {
    justify-content: flex-start;
    align-items: center;
    max-width: 1440vw;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4756 {
    max-width: 1730vw;
  }

  .frame-4750 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-4743 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4643 {
    max-width: 100%;
  }

  .frame-4742 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 160px;
    padding-right: 160px;
  }

  .the-challenge-is-to-improve-the-quality-of-the-reviews-collected-present-the-reviews-in-a-way-that {
    font-weight: 500;
  }

  .frame-4744, .frame-4745, .frame-4746, .frame-4747, .frame-4669 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4749 {
    justify-content: center;
    align-items: flex-start;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4684 {
    padding-bottom: 16px;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4659-4 {
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4668-2 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4673-2 {
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4682-2 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 160px;
    padding-right: 160px;
  }

  .body-3 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .frame-4741 {
    justify-content: flex-start;
    align-items: center;
    max-width: 1730vw;
  }

  .frame-4740 {
    justify-content: flex-start;
    align-items: center;
  }

  .frame-4739 {
    max-width: none;
  }

  .frame-4738 {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .frame-4641-2 {
    justify-content: flex-start;
    align-items: center;
    height: auto;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4647-2, .frame-4656-4, .frame-4668-3, .frame-4669-3, .frame-4670-2 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4674-2 {
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4682-3 {
    justify-content: flex-start;
    align-items: center;
    padding-left: 160px;
    padding-right: 160px;
  }

  .frame-4684-4 {
    padding-left: 160px;
    padding-right: 160px;
  }

  .button {
    color: #000;
    letter-spacing: -.03em;
    background-color: #0000;
    border: 1px #cdcdcd;
    border-radius: 6px;
    padding: 2px 4px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
  }

  .button:hover {
    color: #717171;
  }

  .button.w--current {
    color: #000;
    background-color: #0000;
  }

  .button.w--current:hover {
    color: #717171;
  }

  .button-nav-cta {
    color: #242424;
    background-color: #f9f9f9;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    padding: 12px 20px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 100%;
  }

  .button-nav-cta:hover {
    background-color: #f0f0f0;
  }

  .button-nav-name {
    color: #242424;
    letter-spacing: -.03em;
    background-color: #0000;
    padding: 0;
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 100%;
  }

  .button-nav-name.w--current:hover {
    color: #747474;
  }

  .button-footer-contact {
    color: #fff;
    background-color: #0000;
    border: 1px solid #cdcdcd;
    border-radius: 6px;
    padding: 12px 20px;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 100%;
    text-decoration: none;
  }

  .button-footer-contact:hover {
    color: #272727;
    background-color: #fff;
  }

  .button-nav-copy {
    color: #d4d4d4;
    letter-spacing: -.03em;
    background-color: #0000;
    padding: 12px 20px;
    font-family: Inter, sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
  }

  .link-block {
    padding: 12px 20px;
  }

  .paragraph {
    margin-bottom: 0;
    text-decoration: none;
  }

  .paragraph-2 {
    margin-bottom: 0;
  }

  .link-block-2 {
    color: #000;
    letter-spacing: -.03em;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
  }

  .link-block-2:hover {
    color: gray;
    letter-spacing: -.03em;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
  }

  .link-block-3 {
    color: #000;
    letter-spacing: -.03em;
    font-family: Inter, sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
    text-decoration: none;
  }

  .link-block-3:hover {
    color: gray;
  }

  .paragraph-3 {
    margin-bottom: 0;
  }

  .paragraph-3:where(.w-variant-91420087-3466-d28f-4b97-0adee2fe567c) {
    color: #f7f7f7;
  }

  .paragraph-4, .paragraph-5, .paragraph-6 {
    margin-bottom: 0;
  }

  .paragraph-6:where(.w-variant-91420087-3466-d28f-4b97-0adee2fe567c) {
    color: #f7f7f7;
  }

  .paragraph-7 {
    letter-spacing: -.03em;
    margin-bottom: 0;
    font-size: 16px;
  }

  .code-embed-2:where(.w-variant-91420087-3466-d28f-4b97-0adee2fe567c) {
    border: 1px #fff;
  }

  .body-5 {
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .div-block-13 {
    background-color: #dedede;
    border-radius: 16px;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .div-block-14 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    max-width: 1408px;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  .how-do-i-work {
    white-space: pre;
  }

  .frame-9-5 {
    height: 140px;
  }

  .image-113 {
    top: 140px;
    left: 32px;
    right: 0;
  }

  .frame-60 {
    grid-row-gap: 240px;
  }

  .frame-45 {
    grid-row-gap: 120px;
    max-width: 100%;
  }

  .frame-18 {
    padding: 48px 32px;
  }

  .frame-41 {
    flex-flow: row;
  }

  .div-block-2 {
    padding-top: 72px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .design-without-strategy-is-just-nice-colours-strategy-without-design-is-nothing-more-than-an-idea {
    color: #1d1d1d;
  }

  .frame-38 {
    grid-column-gap: 64px;
    flex-flow: row;
  }

  .nav {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-37-2 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    padding: 32px;
  }

  .frame-37 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .frame-44-12 {
    grid-row-gap: 120px;
    max-width: 100%;
  }

  .frame-30 {
    grid-row-gap: 240px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-5 {
    overflow: visible;
  }

  .frame-4777 {
    padding-top: 320px;
  }

  .about-me {
    white-space: pre;
  }

  .image-112 {
    width: 760px;
    position: absolute;
    top: 80px;
    left: 32px;
    right: 0;
  }

  .i-am-3rd-year-uxd-student-in-the-netherlands-with-over-2-years-of-experience-in-the-industry {
    line-height: 120%;
  }

  .image-114 {
    top: 80px;
  }

  .frame-43 {
    grid-row-gap: 120px;
    max-width: 100%;
  }

  .frame-46 {
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .frame-4658-3 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .frame-44-4 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    height: auto;
  }

  .frame-4653-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .ui-of-the-important-sections-of-the-app-is-cluttered-not-following-any-guidelines-often-having-incon {
    font-size: 16px;
  }

  .div-block-3 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    display: flex;
  }

  .frame-4683 {
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .challenge-2 {
    max-width: 232px;
  }

  .to-better-understand-potential-problems-with-the-ui-and-structure-of-the-current-app-i-conducted-and {
    font-weight: 400;
  }

  .frame-4677 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .frame-4668, .frame-4673 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-4664 {
    padding: 32px;
  }

  .unclear-discounts {
    max-width: 232px;
    font-family: Inter, sans-serif;
  }

  .frame-4685-3 {
    height: auto;
  }

  .pkp-app-and-train-booking-app-in-general-is-very-complex-featuring-many-design-elements-that-are-tai {
    font-size: 18px;
  }

  .frame-4689 {
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .frame-4757 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .inconsistent-labels {
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 232px;
    display: flex;
  }

  .frame-4658 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 32px;
    display: grid;
  }

  .frame-4784 {
    flex-flow: row;
  }

  .many-labels-thorough-the-app-are-inconsistent-changing-names-depending-on-the-pageeven-though-its-st {
    font-size: 16px;
  }

  .frame-4759 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-4655-3 {
    grid-row-gap: 20px;
    flex-flow: column;
    height: auto;
  }

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

  .frame-4655 {
    grid-column-gap: 20px;
    grid-row-gap: 16px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .confusing-flow {
    white-space: pre-wrap;
    width: 100%;
    font-family: Inter, sans-serif;
  }

  .image-121 {
    max-width: 400px;
  }

  .frame-4654-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .even-though-discounts-are-located-on-main-page-its-hard-to-notice-them-also-further-into-the-flow-la {
    font-size: 16px;
  }

  .frame-4766 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-4646 {
    grid-column-gap: 64px;
  }

  .frame-4764 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .information-overload {
    max-width: 232px;
    font-family: Inter, sans-serif;
  }

  .frame-4767, .frame-4763 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-4643-2 {
    padding: 64px;
  }

  .frame-26 {
    width: auto;
  }

  .frame-44-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .frame-4682 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .pkp-intercity-is-biggest-rail-provider-in-poland-some-time-ago-when-i-was-trying-to-book-a-ticket-fo {
    font-size: 18px;
  }

  .frame-4762, .frame-4761 {
    padding-left: 32px;
    padding-right: 32px;
  }

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

  .frame-4786 {
    overflow: visible;
  }

  .with-recent-updates-to-the-app-ui-became-very-cluttered-especially-when-in-comes-to-cards-and-journe {
    font-size: 16px;
  }

  .frame-4663 {
    height: 100%;
  }

  .frame-44 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    height: 100%;
  }

  .frame-4652.mobile_pkp {
    justify-content: space-between;
    align-items: center;
  }

  .frame-4659-2 {
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .users-agreed-that-current-flow-can-be-confusing-at-times-especially-closer-to-the-earlier-part-of-it {
    max-width: 800px;
    font-family: Inter, sans-serif;
    font-size: 16px;
  }

  .frame-4760 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .limited-search-bar {
    max-width: 232px;
  }

  .before-design-i-wanted-to-make-sure-i-will-prioritise-most-important-features-and-that-i-have-new-cl {
    font-size: 16px;
  }

  .context-3 {
    max-width: 232px;
  }

  .frame-4645 {
    grid-column-gap: 64px;
  }

  .frame-4669-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-4690 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    padding-left: 32px;
    padding-right: 32px;
  }

  .cluttered-ui {
    max-width: 232px;
  }

  .frame-4684-3 {
    height: auto;
  }

  .so-who-do-i-design-for {
    font-family: Inter, sans-serif;
  }

  .frame-4657-6 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: row;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2.25fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: grid;
  }

  .frame-4654 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
  }

  .frame-4659-8 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2.25fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .frame-4684-2 {
    padding-bottom: 32px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-4654-4 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    height: auto;
  }

  .frame-4641 {
    grid-row-gap: 32px;
  }

  .frame-4653 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    height: 100%;
  }

  .frame-4658-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .streamlining-ticket-purchases-for-long-range-train-travel-2 {
    font-size: 48px;
  }

  .frame-4758 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .search-bar-is-very-outdated-and-limited-in-options-requiring-users-to-move-few-separate-pages-in-ord {
    font-size: 16px;
  }

  .frame-4743 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .redesign-of-the-review-on-studyportals-website {
    font-size: 48px;
  }

  .frame-4643 {
    padding: 32px;
  }

  .frame-4742 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .context {
    max-width: 232px;
  }

  .frame-4648 {
    grid-column-gap: 64px;
  }

  .frame-4744 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .but-who-are-users-of-studyportals {
    max-width: 400px;
    font-weight: 500;
  }

  .frame-4745 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .before-conducting-any-type-of-user-research-i-wanted-to-get-better-understanding-of-what-exactly-mak {
    font-weight: 500;
  }

  .frame-4697 {
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .frame-4699 {
    height: auto;
  }

  .frame-4746, .frame-4747, .frame-4669 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .possible-opportunities {
    font-weight: 500;
  }

  .tags-intuitive-filtering {
    max-width: 232px;
  }

  .to-enhance-filtering-and-optimise-scanning-efficiency-speed-there-could-be-tags-created-that-would {
    font-size: 16px;
  }

  .replies {
    max-width: 232px;
  }

  .on-top-of-just-leaving-separate-review-there-could-be-a-reply-function-implemented-enabling-users-to {
    font-size: 16px;
  }

  .user-details {
    max-width: 232px;
  }

  .enabling-users-to-set-their-details-can-improve-trustworthiness-of-their-reviews-and-set-some-import {
    font-size: 16px;
  }

  .leave-review-cta {
    max-width: 232px;
  }

  .on-top-of-usual-review-flow-there-could-be-non-invasive-cta-or-card-section-added-that-would-prompt {
    font-size: 16px;
  }

  .frame-4706 {
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

  .frame-4704, .frame-4705 {
    grid-row-gap: 64px;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

  .frame-4749, .frame-4713, .frame-4684 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .problem-2 {
    max-width: 232px;
  }

  .frame-44-6, .frame-4653-4, .frame-4654-5 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    height: auto;
  }

  .frame-4659-4 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-4664-2 {
    padding: 32px;
  }

  .frame-4668-2, .frame-4673-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-44-10 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2.25fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    align-items: flex-start;
    display: grid;
  }

  .frame-4660-5 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2.25fr;
    grid-auto-columns: 1fr;
    justify-content: space-between;
    place-items: start;
    display: grid;
  }

  .frame-4682-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-4706-2 {
    grid-row-gap: 64px;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }

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

  .frame-4690-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 32px;
    display: grid;
  }

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

  .testing-frame {
    flex-flow: column;
  }

  .div-block-6 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    max-width: 800px;
    display: flex;
  }

  .heading {
    letter-spacing: -.055em;
    white-space: pre;
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 500;
  }

  .title-datk {
    color: #f7f7f7;
    letter-spacing: -.055em;
    width: 100%;
    max-width: 232px;
    margin-bottom: 0;
    font-family: Inter, sans-serif;
    font-size: 24px;
    font-weight: 500;
    line-height: 150%;
  }

  .image-131, .image-132, .image-133 {
    max-width: 400px;
  }

  .conversion-based-design-for-innovative-crypto-platform {
    font-size: 48px;
  }

  .hytar-is-a-crypto-platform-also-a-token-company-needed-new-website-for-their-brand-that-would-adver {
    font-weight: 400;
  }

  .frame-27 {
    max-width: 232px;
  }

  .frame-4731 {
    grid-row-gap: 20px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .image-106, .image-99 {
    object-fit: cover;
    width: 100%;
    height: 340px;
  }

  .image-105 {
    box-sizing: border-box;
    object-fit: cover;
    width: 100%;
    height: 340px;
  }

  .in-order-to-ensure-seamless-product-integration-with-already-existing-flows-and-business-structure-i, .during-my-journey-with-this-project-i-encountered-some-major-challenges-that-required-me-to-adapt-qu {
    font-weight: 400;
  }

  .even-though-we-got-into-the-project-with-some-understanding-of-the-initial-product-specification-the, .because-of-sudden-product-characteristics-being-changed-previously-developed-and-approved-content-st, .hytar-is-very-unique-product-that-is-very-complex-in-itself-however-the-fact-that-it-is-connected-to {
    font-size: 16px;
  }

  .frame-4641-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-4644-2 {
    height: auto;
  }

  .frame-4647-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-26-3 {
    max-width: 232px;
  }

  .frame-4649-2 {
    grid-column-gap: 64px;
  }

  .frame-4656-4 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-4655-8 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .frame-4668-3, .frame-4669-3, .frame-4670-2, .frame-4674-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-4655-11, .frame-4656-6 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2.25fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .frame-4682-3 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-50-2 {
    height: 560px;
  }

  .frame-4684-4 {
    padding-left: 32px;
    padding-right: 32px;
  }

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

  .div-block-9 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .button {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .frame-9-5 {
    background-image: linear-gradient(#fff0, #fefefe8c 21%, #fdfdfdde 32%, #fdfdfd);
  }

  .image-113 {
    top: 140px;
  }

  .frame-45 {
    grid-row-gap: 80px;
  }

  .frame-18 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .div-block-2 {
    padding-top: 77px;
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-38 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    order: -9999;
  }

  .nav {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-37-2 {
    flex-flow: column;
  }

  .frame-44-12 {
    grid-row-gap: 80px;
  }

  .frame-30 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-5 {
    opacity: 1;
    outline-offset: 0px;
    outline: 3px #333;
    overflow: visible;
  }

  .frame-5.phone-nav-hidden {
    display: none;
  }

  .frame-4777 {
    padding-top: 320px;
  }

  .product-designer-based-in-the-netherlands {
    font-size: 48px;
  }

  .seweryn-kuak-3 {
    font-size: 20px;
  }

  .i-am-3rd-year-uxd-student-in-the-netherlands-with-over-2-years-of-experience-in-the-industry {
    order: 9999;
  }

  .image-114 {
    top: 111px;
  }

  .frame-43 {
    grid-row-gap: 80px;
  }

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

  .frame-4653-3 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    height: auto;
  }

  .frame-4658-3 {
    flex-flow: column;
  }

  .div-block-4 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .frame-4668, .frame-4673 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4664 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding: 16px;
    display: grid;
  }

  .pkp-app-and-train-booking-app-in-general-is-very-complex-featuring-many-design-elements-that-are-tai {
    font-size: 16px;
  }

  .frame-4757 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .structured-planner {
    font-size: 18px;
  }

  .frame-4662 {
    grid-row-gap: 8px;
  }

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

  .frame-4759 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-44-9 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
  }

  .confusing-flow {
    width: 100%;
  }

  .frame-4766 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4646 {
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .frame-4764, .frame-4767 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4653-7 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
  }

  .frame-4763 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4643-2 {
    padding: 32px;
  }

  .frame-4682 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .pkp-intercity-is-biggest-rail-provider-in-poland-some-time-ago-when-i-was-trying-to-book-a-ticket-fo {
    font-size: 16px;
  }

  .frame-4762, .frame-4761 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4786 {
    opacity: 1;
    outline-offset: 0px;
    outline: 3px #333;
    overflow: visible;
  }

  .frame-4786.phone-nav-hidden {
    display: none;
  }

  .frame-4663 {
    grid-row-gap: 8px;
  }

  .frame-4760 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4645 {
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .frame-4669-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4657-6, .frame-4659-8 {
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .frame-4654-7 {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
    flex-flow: column;
  }

  .frame-4684-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .messy-planner {
    font-size: 18px;
  }

  .frame-4658-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4687, .frame-4687.study-portals-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .frame-4758, .frame-4743, .frame-4742 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .in-2024-my-school-was-partnering-with-studyportals-as-one-of-potentially-clients-students-can-contac {
    font-size: 16px;
  }

  .frame-4648 {
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .studyportals-receive-a-lot-of-student-reviews-throughout-their-websites-and-apps-but-the-current-way {
    font-size: 16px;
  }

  .the-challenge-is-to-improve-the-quality-of-the-reviews-collected-present-the-reviews-in-a-way-that {
    font-size: 20px;
  }

  .frame-4744, .frame-4745 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .before-conducting-any-type-of-user-research-i-wanted-to-get-better-understanding-of-what-exactly-mak, .to-conduct-my-research-i-decided-to-pick-2-methods-that-would-enable-me-to-collect-vast-amount-of-da {
    font-weight: 400;
  }

  .frame-4699 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding: 15px 16px;
  }

  .image-60, .image-57 {
    width: 100%;
  }

  .surveys-were-good-way-of-obtaining-a-lot-of-data-from-many-different-backgrounds-of-users-that-also, .to-add-more-in-depth-data-to-my-research-i-decided-to-interview-few-studentsalso-upcoming-universit {
    font-size: 16px;
  }

  .frame-4746 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .researcher, .reviewer {
    font-size: 18px;
  }

  .frame-4747, .frame-4669 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .after-finalising-research-i-combined-all-of-the-information-together-and-listed-most-prominent-oppor {
    font-weight: 400;
  }

  .frame-4749, .frame-4684, .frame-4659-4 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4664-2 {
    grid-column-gap: 16px;
    padding: 16px;
  }

  .frame-4668-2, .frame-4673-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-44-10, .frame-4660-5 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .frame-4682-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4690-2 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    place-items: start center;
  }

  .frame-44-11 {
    grid-row-gap: 43px;
    flex-flow: column;
  }

  .title-datk {
    max-width: none;
  }

  .image-134, .image-135, .image-136 {
    width: 75%;
  }

  .when-i-was-working-at-leadmind-new-project-came-across-my-desk-new-crypto-brand-hytar-needed-new-web, .in-this-project-i-was-tasked-with-being-the-lead-designer-my-responsibilities-consisted-of-coordinat, .as-mentioned-we-started-from-blank-canvas-having-only-idea-about-what-product-is-and-who-potential-t {
    font-size: 16px;
  }

  .create-modern-looking-website-for-crypto-platform-that-would-convey-brand-language-and-drive-convers {
    font-weight: 500;
  }

  .imac_on_table_mockup_1-1, .imac_on_table_mockup_2-1, .imac_on_table_mockup_3-1, .hytar_mockup_1, .macbook_air_mockup_3-1, .macbook_air_mockup_1-3 {
    border-radius: 8px;
  }

  .frame-4641-2, .frame-4647-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4649-2 {
    grid-row-gap: 64px;
    flex-flow: column;
  }

  .frame-4656-4, .frame-4668-3, .frame-4669-3, .frame-4670-2, .frame-4674-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4655-11, .frame-4656-6 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .frame-4682-3 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-50-2 {
    height: 400px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-4684-4 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .button-nav-name, .button-nav-name.w--current, .button-nav-name.w--current:where(.w-variant-5855dc1f-a1e4-9594-441a-d425f1493abc) {
    font-size: 20px;
  }

  .image-154, .image-155 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .frame-9-5 {
    grid-row-gap: 32px;
    height: auto;
  }

  .image-113 {
    width: 440px;
    max-width: 440px;
    top: 140px;
  }

  .frame-60 {
    grid-row-gap: 120px;
  }

  .frame-49 {
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .frame-18 {
    padding-left: 32px;
  }

  .frame-41 {
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .div-block-2 {
    padding-top: 100px;
  }

  .frame-19 {
    grid-row-gap: 16px;
  }

  .design-without-strategy-is-just-nice-colours-strategy-without-design-is-nothing-more-than-an-idea {
    font-size: 20px;
  }

  .frame-38 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .nav {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-55-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .my-work-2 {
    font-size: 24px;
  }

  .frame-20 {
    box-sizing: border-box;
    grid-row-gap: 16px;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .get-in-touch {
    white-space: pre;
  }

  .frame-37-2 {
    flex-flow: column;
  }

  .frame-50-3 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .frame-18-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .personal-project {
    white-space: pre;
  }

  .frame-30 {
    grid-row-gap: 120px;
    padding-top: 32px;
    padding-bottom: 16px;
  }

  .frame-4777 {
    padding-top: 240px;
  }

  .product-designer-based-in-the-netherlands {
    font-size: 32px;
  }

  .ux-design {
    white-space: pre;
  }

  .seweryn-kuak-3 {
    white-space: pre;
    font-size: 20px;
  }

  .lets-get-in-touch {
    font-size: 32px;
  }

  .button-footer-copy {
    border-style: none;
  }

  .conversion-based-design-in-evolving-project-2 {
    line-height: 120%;
  }

  .frame-51 {
    grid-row-gap: 32px;
  }

  .enabling-785m-passengers-to-book-their-travel-effortlessly {
    line-height: 120%;
  }

  .frame-26-5 {
    grid-row-gap: 120px;
  }

  .how-to-make-sure-that-students-make-an-informed-decision-about-their-education-trough-peer-recommend {
    line-height: 120%;
  }

  .image-112 {
    width: 800px;
    max-width: 440px;
    top: 85px;
  }

  .i-am-3rd-year-uxd-student-in-the-netherlands-with-over-2-years-of-experience-in-the-industry {
    font-size: 24px;
  }

  .image-114 {
    width: 440px;
    max-width: 440px;
    top: 151px;
    left: -16px;
  }

  .frame-4636-3 {
    display: block;
  }

  .frame-4636-3.mobile_pkp {
    display: none;
  }

  .frame-4653-3 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    height: auto;
  }

  .since-there-is-a-lot-of-variables-when-it-comes-to-choosing-a-ticket-or-selecting-connections-i-put {
    font-size: 16px;
  }

  .image-122 {
    width: 100%;
  }

  .this-project-was-focused-mainly-on-improving-ticket-flow-however-during-research-i-came-up-across-ot, .new-ui-includes-new-set-of-cards-containing-important-information-like-travel-destination-times-and {
    font-size: 16px;
  }

  .frame-44-5 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    height: auto;
  }

  .div-block-4 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
  }

  .research-have-showed-that-most-of-the-people-prefer-to-indicate-ticket-type-or-add-passengers-earlie {
    font-size: 16px;
  }

  .challenge-2 {
    font-size: 24px;
  }

  .to-better-understand-potential-problems-with-the-ui-and-structure-of-the-current-app-i-conducted-and, .international-local-tourists-rely-heavy-on-pkp-services-as-main-mean-of-travel-between-larger-citie {
    font-size: 16px;
  }

  .frame-44-7 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4664 {
    grid-row-gap: 32px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .its-important-to-consider-how-different-people-plan-their-travel-some-of-them-need-to-know-every-det {
    font-size: 16px;
  }

  .insights-from-user-research {
    text-align: center;
  }

  .new-design-utilises-progressive-disclosure-to-limit-amount-of-information-visited-at-once-to-reduce {
    font-size: 16px;
  }

  .frame-4667 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .when-designing-i-put-high-priority-on-making-the-cards-easy-to-scan-big-labels-clear-typography-and {
    font-size: 16px;
  }

  .frame-4783 {
    border-style: none;
  }

  .frame-4652-2 {
    flex-flow: row;
  }

  .frame-4658 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding: 16px;
  }

  .frame-4784 {
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .image-129 {
    width: 100%;
  }

  .frame-4769 {
    grid-row-gap: 64px;
  }

  .image-119 {
    width: 100%;
  }

  .when-it-comes-to-searching-for-actual-connection-many-users-mentioned-that-they-expect-interface-to {
    font-size: 16px;
  }

  .i-like-to-have-the-ability-to-choose-how-many-people-are-traveling-up-front-it-saves-time-and-shows {
    display: block;
  }

  .considering-how-complex-this-design-is-some-way-to-check-for-best-solutions-for-many-of-ui-elements {
    font-size: 16px;
  }

  .image-130 {
    width: 1005px;
  }

  .even-though-all-the-content-inside-of-the-app-passes-accessibility-checks-some-cards-and-dark-mode-m, .in-recent-years-polish-economy-witnessed-significant-growth-which-resulted-in-many-people-now-travel, .even-though-you-can-access-the-ticket-inside-of-the-app-users-usually-prefer-to-have-ability-to-add, .error-prevention-is-very-important-part-of-good-product-design-especially-when-users-money-is-at-pla {
    font-size: 16px;
  }

  .frame-4654-3 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    height: auto;
  }

  .frame-4643-2 {
    padding: 16px;
  }

  .during-research-many-users-emphasised-that-having-efficient-way-to-input-data-is-one-of-the-most-imp {
    font-size: 16px;
  }

  .frame-26 {
    display: block;
  }

  .frame-4781 {
    grid-row-gap: 8px;
    flex-flow: column;
  }

  .those-are-just-some-examples-of-iteration-within-the-design-based-on-testing-main-focus-of-the-itera, .to-get-better-understanding-of-core-passenger-profiles-i-created-few-user-personas-based-on-research {
    font-size: 16px;
  }

  .frame-4682 {
    padding-bottom: 120px;
  }

  .frame-4721 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4636-4.mobile_pkp {
    display: none;
  }

  .image-123, .image-125 {
    width: 100%;
  }

  .frame-4652-3 {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    height: auto;
  }

  .frame-4652 {
    grid-row-gap: 16px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .frame-4652.mobile_pkp {
    justify-content: space-between;
    align-items: flex-start;
  }

  .frame-4691 {
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .image-126 {
    width: 100%;
  }

  .this-group-are-the-most-active-users-of-pkp-app-and-compose-majority-of-people-traveling-by-trains-i, .different-planning-behaviour-also-reflect-in-time-it-takes-people-to-buy-their-ticket-more-structure {
    font-size: 16px;
  }

  .context-3 {
    font-size: 24px;
  }

  .image-127, .image-124 {
    width: 100%;
  }

  .frame-4770 {
    grid-row-gap: 120px;
  }

  .frame-4787 {
    grid-row-gap: 32px;
  }

  .pkp-enables-users-to-use-many-discount-options-hence-why-users-here-want-to-have-very-clear-overview {
    font-size: 16px;
  }

  .frame-4690 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4659-7 {
    grid-row-gap: 64px;
  }

  .frame-4775 {
    grid-row-gap: 160px;
  }

  .frame-4655-4 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    height: auto;
  }

  .image-128 {
    width: 100%;
  }

  .frame-4688 {
    grid-row-gap: 160px;
  }

  .frame-4684-2 {
    padding-bottom: 16px;
  }

  .frame-4656-2 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    height: auto;
  }

  .to-validate-the-design-i-decided-to-perform-usability-testing-by-checking-many-scenarios-including-t, .with-long-range-travel-and-many-connections-having-real-time-update-is-very-important-for-passengers {
    font-size: 16px;
  }

  .frame-55 {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .to-finalise-my-research-and-better-understand-on-which-areas-of-current-product-i-should-focus-the-m, .after-initial-testing-with-users-im-confident-that-i-achieved-my-goal-however-i-still-have-few-small {
    font-size: 16px;
  }

  .frame-4720 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-44-3 {
    grid-column-gap: 64px;
    grid-row-gap: 64px;
    height: auto;
  }

  .frame-4638 {
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .its-very-possible-that-in-a-rush-users-might-forget-something-or-add-a-wrong-option-in-my-design-i-i {
    font-size: 16px;
  }

  .frame-4660-2.mobile_pkp {
    display: none;
  }

  .frame-4687 {
    padding: 32px 16px;
  }

  .frame-4642 {
    justify-content: space-between;
    align-items: flex-end;
  }

  .streamlining-ticket-purchases-for-long-range-train-travel-2 {
    font-size: 32px;
  }

  .frame-4756 {
    grid-row-gap: 160px;
  }

  .frame-4752 {
    grid-row-gap: 120px;
  }

  .frame-4751 {
    grid-row-gap: 64px;
  }

  .redesign-of-the-review-on-studyportals-website {
    font-size: 32px;
  }

  .frame-4643 {
    padding: 16px;
  }

  .context {
    font-size: 24px;
  }

  .in-2024-my-school-was-partnering-with-studyportals-as-one-of-potentially-clients-students-can-contac, .studyportals-receive-a-lot-of-student-reviews-throughout-their-websites-and-apps-but-the-current-way, .students-compose-majority-of-the-user-base-with-most-important-group-for-this-project-being-users-lo, .a-lot-of-university-students-are-keen-on-looking-at-students-reviews-and-leaving-one-themselves-so-c, .universities-and-their-staff-often-use-studyportals-reviews-to-get-feedback-on-their-courses-and-cam, .before-conducting-any-type-of-user-research-i-wanted-to-get-better-understanding-of-what-exactly-mak, .highlighting-helpful-negative-reviews-can-help-build-user-trust-many-tests-have-shown-that-people-us {
    font-size: 16px;
  }

  .number-of-reviews {
    line-height: 120%;
  }

  .providing-decimal-number-of-reviews-can-help-users-make-decisions-regarding-product-service-as-usua, .having-ratings-for-specific-product-tributes-can-help-user-quickly-assess-quality-of-most-important, .to-conduct-my-research-i-decided-to-pick-2-methods-that-would-enable-me-to-collect-vast-amount-of-da, .based-on-my-research-and-patterns-identified-through-it-i-prepared-personas-that-would-reflect-needs, .reviews-should-be-an-efficient-way-for-people-to-find-relevant-information-high-priority-should-be-p, .introducing-some-kind-of-categorisation-could-prove-very-impactful-for-both-people-looking-through-r, .user-research-showed-that-having-clear-labels-and-tags-improves-scan-ability-drastically-and-helps-p, .most-of-the-users-prefer-to-view-most-helpful-reviews-first-as-they-usually-have-most-up-votes-and-a, .most-people-say-that-big-factor-stopping-them-from-leaving-a-review-is-the-fact-that-they-are-not-be {
    font-size: 16px;
  }

  .possible-opportunities {
    line-height: 120%;
  }

  .now-there-is-additional-card-added-on-main-page-of-the-website-which-leads-directly-to-review-sectio, .this-design-features-new-design-of-reviews-ui-adding-tags-with-clear-categories-to-enhance-scan-abil, .in-the-review-from-users-are-asked-to-rank-particular-features-of-the-school-programme-there-is-opt, .now-each-review-is-much-more-flexible-in-a-way-it-can-be-interacted-with-giving-users-more-freedom-u, .new-cards-enable-users-to-see-replies-and-comments-of-other-users-and-leave-replies-themselves-all-o, .new-filtering-sorting-menu-gives-users-much-more-options-to-choose-from-while-including-most-releva, .on-top-of-cta-on-the-main-page-of-school-info-inside-of-review-section-there-is-subtle-reminder-card, .before-finalising-the-design-i-conducted-multiple-a-b-tests-to-check-with-users-which-design-version, .when-prototype-was-ready-i-prepared-multiple-scenarios-protocols-for-the-users-to-perform-and-leave {
    font-size: 16px;
  }

  .frame-4713 {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .frame-4684 {
    grid-row-gap: 160px;
    padding-bottom: 16px;
  }

  .problem-2 {
    font-size: 24px;
  }

  .frame-4660-3 {
    padding: 32px 16px 16px;
  }

  .frame-4664-2 {
    grid-column-gap: 16px;
    grid-row-gap: 32px;
    flex-flow: column;
  }

  .insights-from-user-research-2 {
    text-align: center;
  }

  .frame-4682-2 {
    padding-top: 160px;
    padding-bottom: 160px;
  }

  .frame-4690-2 {
    padding: 16px;
  }

  .frame-44-11 {
    padding-top: 0;
  }

  .image-131, .image-132, .image-133, .image-134, .image-135, .image-136 {
    width: 100%;
  }

  .frame-4740 {
    grid-row-gap: 160px;
  }

  .frame-4739 {
    grid-row-gap: 120px;
  }

  .frame-4738 {
    grid-row-gap: 64px;
  }

  .conversion-based-design-for-innovative-crypto-platform {
    font-size: 32px;
  }

  .my-role, .challange {
    font-size: 24px;
  }

  .create-modern-looking-website-for-crypto-platform-that-would-convey-brand-language-and-drive-convers {
    font-size: 20px;
  }

  .understanding-users {
    text-align: center;
    white-space: pre;
  }

  .frame-4728, .frame-4729, .frame-4730 {
    padding: 20px;
  }

  .leading-creative-session-product-workshops {
    font-size: 24px;
  }

  .frame-4735 {
    grid-row-gap: 64px;
  }

  .frame-4732 {
    grid-row-gap: 8px;
  }

  .frame-4641-2 {
    height: auto;
  }

  .context-2 {
    font-size: 24px;
  }

  .frame-4668-3 {
    padding-right: 16px;
  }

  .frame-4671-2 {
    padding-left: 16px;
    padding-right: 16px;
  }

  .frame-4682-3 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .frame-4684-4 {
    grid-row-gap: 160px;
    padding-bottom: 16px;
  }

  .frame-44-15 {
    padding-bottom: 0;
  }

  .this-project-was-focused-mainly-on-improving-ticket-flow-however-during-research-i-came-up-across-ot-3 {
    padding-bottom: 64px;
  }

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

  .button-nav-cta:where(.w-variant-5855dc1f-a1e4-9594-441a-d425f1493abc) {
    display: block;
  }
}

#w-node-_2ce2faf2-0220-956b-3330-af02bf8428e8-5416ca7b, #w-node-_17d90661-fdad-60a8-6a03-da7cd651f3ea-c5486ded {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 991px) {
  #w-node-a17c1807-36f7-4314-ff4c-e0dfb6d1c4f2-c5486ded, #w-node-_3bf1d15b-edd4-c6ae-f793-de0f2932637e-c5486ded {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}