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

.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;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  width: auto !important;
  height: auto !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 {
  font-size: inherit;
  line-height: inherit;
  width: auto;
  height: auto;
  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;
}

@media screen and (max-width: 767px) {
  .w-nav-brand {
    padding-left: 10px;
  }
}

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

:root {
  --black: #3c3a3a;
  --dark-slate-grey: #858585;
  --portfolio-grey: #b9b9b9;
  --white: #fff;
  --section-break-pantone-grey: #939597;
  --dark-green: #506b5c;
}

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

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

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

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

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

body {
  color: #1a1b1f;
  font-family: Montserrat, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

h1 {
  text-align: left;
  margin-top: 20px;
  margin-bottom: 15px;
  font-size: 16px;
  font-weight: 700;
  line-height: 62px;
}

h2 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 36px;
  font-weight: 400;
  line-height: 50px;
}

h3 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
  line-height: 46px;
}

h4 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 400;
  line-height: 38px;
}

h5 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 500;
  line-height: 34px;
}

h6 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}

p {
  margin-bottom: 40px;
}

a {
  color: #1a1b1f;
  margin-top: 20px;
  text-decoration: underline;
  transition: opacity .2s;
  display: inline-block;
}

a:hover {
  color: #32343a;
}

a:active {
  color: #43464d;
}

ul {
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
  list-style-type: disc;
}

li {
  margin-bottom: 10px;
}

img {
  border-radius: 0;
  margin: auto;
  display: block;
  position: static;
}

label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-top: 25px;
  margin-bottom: 25px;
  padding: 15px 30px;
  font-size: 20px;
  line-height: 34px;
}

figure {
  margin-top: 25px;
  padding-bottom: 20px;
}

figcaption {
  opacity: .6;
  text-align: center;
  margin-top: 5px;
  font-size: 14px;
  line-height: 26px;
}

.container {
  width: auto;
  max-width: none;
  margin-left: 40px;
  margin-right: 40px;
}

.heading-jumbo {
  float: none;
  clear: none;
  text-align: left;
  text-transform: none;
  white-space: normal;
  object-fit: contain;
  object-position: 50% 50%;
  width: 524px;
  max-width: none;
  height: 30px;
  max-height: 30px;
  margin: 0;
  padding-bottom: 0;
  padding-right: 0;
  font-family: Open Sans, sans-serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 43px;
  display: flex;
  position: relative;
  inset: auto auto 0% 0%;
}

.paragraph-tiny {
  font-size: 12px;
  line-height: 20px;
}

.paragraph-tiny.cc-paragraph-tiny-light {
  opacity: .7;
}

.label {
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.label.cc-speaking-label {
  margin-top: 20px;
  margin-bottom: 10px;
}

.label.cc-about-light {
  opacity: .6;
}

.paragraph-light {
  opacity: .6;
  color: #000;
  text-align: left;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 400;
}

.paragraph-light.cc-position-name {
  width: 400px;
  margin-bottom: 5px;
  margin-left: 0;
}

.section {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #0000;
  border: 0 solid #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin: 20px 0;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.section.cc-contact {
  box-shadow: none;
  text-align: left;
  background-color: #f4f4f4;
  border-radius: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding: 0;
}

.button {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

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

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

.button.cc-white-button {
  color: #202020;
  background-color: #fff;
  padding: 16px 35px;
  font-size: 14px;
  line-height: 26px;
}

.button.cc-white-button:hover {
  background-color: #fffc;
}

.button.cc-white-button:active {
  background-color: #ffffffe6;
}

.paragraph-bigger {
  opacity: 1;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
}

.paragraph-bigger.cc-bigger-light {
  opacity: .6;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.navigation-item {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.navigation-item:hover {
  opacity: .9;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.navigation-items {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.navigation {
  background-color: #0000;
  align-items: center;
  padding: 30px 50px;
  display: flex;
}

.logo-image {
  border-radius: 0;
  display: block;
}

.navigation-wrap {
  align-items: center;
  margin-right: -20px;
  display: flex;
}

.intro-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  height: 100px;
  margin-top: 40px;
  margin-bottom: 0;
  display: grid;
  position: relative;
  top: 140px;
}

.position-name-text {
  text-transform: none;
  width: 300px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 400;
  line-height: 34px;
  display: block;
}

.work-description {
  text-align: left;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 60px;
  display: flex;
}

.works-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  object-fit: fill;
  grid-template: "Area . Area-3" .25fr
                 "Area-2 Area-2 Area-2" .25fr
                 / 2.5fr 1fr 1.5fr;
  grid-auto-rows: 0;
  grid-auto-flow: column;
  justify-content: space-between;
  margin-top: 30px;
  margin-bottom: 80px;
  position: static;
}

.carrer-headline-wrap {
  width: 70%;
  margin-bottom: 50px;
}

.work-image {
  text-align: center;
  background-color: #f4f4f4;
  background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/6160fd0104ce9f95514b0c61_White%20Mock%20Final.png");
  background-position: 50%;
  background-size: cover;
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  height: 460px;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  text-decoration: none;
  display: flex;
}

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

.work-image:active {
  opacity: .7;
}

.work-image.cc-work-1 {
  background-color: #0000;
  background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/60b6dc2de665aae2b0bdb00b_Mock%20up%201.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  margin-top: 234px;
}

.work-image.cc-work-2 {
  background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/612d89fc9e12501ed9542ee1_Hero%20Banner_Smartphone_Mockup_design_5.png");
  background-position: 50%;
  background-size: cover;
  margin-top: 233px;
}

.work-image.cc-work-1 {
  background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/6160f851464bde835984b97b_Mock%20up%20No%20plants.jpg");
  background-position: 0 0;
  background-size: contain;
}

.project-name-link {
  text-align: left;
  justify-content: flex-start;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  line-height: 34px;
  text-decoration: none;
  display: flex;
}

.project-name-link:hover {
  opacity: .8;
}

.project-name-link:active {
  opacity: .7;
}

.text-field {
  border: 1px solid #e4e4e4;
  border-radius: 0;
  margin-bottom: 18px;
  padding: 21px 20px;
  font-size: 14px;
  line-height: 26px;
  transition: border-color .4s;
}

.text-field:hover {
  border-color: #e3e6eb;
}

.text-field:active, .text-field:focus {
  border-color: #43464d;
}

.text-field::placeholder {
  color: #32343a66;
}

.text-field.cc-textarea {
  height: 200px;
  padding-top: 12px;
}

.status-message {
  color: #fff;
  text-align: center;
  background-color: #202020;
  padding: 9px 30px;
  font-size: 14px;
  line-height: 26px;
}

.status-message.cc-success-message {
  background-color: #12b878;
}

.status-message.cc-error-message {
  background-color: #db4b68;
}

.contact {
  padding-top: 10px;
  padding-bottom: 10px;
}

.contact-headline {
  width: 70%;
  margin-bottom: 40px;
}

.contact-form-grid {
  grid-column-gap: 30px;
  grid-row-gap: 10px;
}

.contact-form-wrap {
  width: 70%;
}

.footer-wrap {
  color: #fffcfa;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 40px 50px;
  display: flex;
}

.webflow-link {
  opacity: .5;
  text-transform: uppercase;
  align-items: center;
  text-decoration: none;
  transition: opacity .4s;
  display: flex;
}

.webflow-link:hover {
  opacity: 1;
}

.webflow-link:active {
  opacity: .8;
}

.webflow-logo-tiny {
  margin-top: -2px;
  margin-right: 8px;
}

.footer-links {
  align-items: center;
  margin-right: 0;
  display: flex;
}

.footer-item {
  opacity: .6;
  color: #fffcfa;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-top: 0;
  margin-left: 20px;
  margin-right: 20px;
  font-size: 12px;
  line-height: 20px;
  text-decoration: none;
}

.footer-item:hover {
  opacity: .9;
}

.footer-item:active {
  opacity: .8;
}

.about-intro-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: ". ." minmax(auto, .25fr)
  / 2.25fr 2.5fr;
  align-items: center;
  margin: 100px 0 40px;
}

.about-head-text-wrap {
  margin-left: 20px;
}

.hi-there-heading {
  margin-top: 10px;
  margin-bottom: 20px;
}

.service-name-text {
  opacity: .6;
  margin-bottom: 10px;
  padding-right: 20px;
  font-size: 15px;
  font-weight: 200;
  line-height: 46px;
  display: flex;
}

.skillset-wrap {
  padding-right: 60px;
}

.reference-link {
  opacity: .6;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
}

.reference-link:hover {
  opacity: 1;
}

.reference-link:active {
  opacity: .9;
}

.featured-item-wrap {
  margin-bottom: 25px;
}

.services-items-grid {
  grid-template-rows: auto;
  grid-template-areas: ". .";
  justify-content: flex-start;
  padding-top: 0;
  font-size: 16px;
  font-weight: 400;
  display: flex;
}

.skills-grid {
  grid-template: ". ."
  / 2.5fr minmax(200px, 2.5fr);
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 100px;
  display: block;
}

.personal-features-grid {
  grid-template-rows: auto auto;
  grid-template-areas: ". ."
                       ". .";
  margin-top: 0;
  margin-bottom: 110px;
  display: block;
}

.speaking-text {
  margin-right: 8px;
  display: inline-block;
}

.speaking-text.cc-past-speaking {
  opacity: .6;
}

.speaking-detail {
  opacity: .6;
  display: inline-block;
}

.upcoming-wrap {
  margin-bottom: 40px;
}

.social-media-heading {
  margin-bottom: 60px;
}

.social-media-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-areas: ". . . ."
                       ". . . .";
  margin-bottom: 30px;
}

.project-overview-grid {
  grid-column-gap: 50px;
  grid-row-gap: 100px;
  grid-template: ". . . ."
                 ". . . ."
                 / 1fr 1fr 1fr 1fr;
  margin: 120px 20px 135px;
}

.detail-header-image {
  width: 100%;
  box-shadow: 1px 0 20px -9px #000;
}

.project-description-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template: "Area"
                 "."
                 "."
                 / .25fr 2.5fr;
  margin-top: 120px;
  margin-bottom: 120px;
}

.comp-analysis-image {
  box-shadow: none;
  text-align: center;
  border-radius: 20px;
  width: 95%;
  margin: 63px auto 35px;
  padding-left: 20px;
  padding-right: 20px;
}

.email-section {
  text-align: center;
  width: 70%;
  margin: 140px auto 200px;
}

.email-link {
  text-transform: none;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 64px;
  font-weight: 400;
  line-height: 88px;
  text-decoration: none;
}

.email-link:hover {
  opacity: .8;
}

.email-link:active {
  opacity: .7;
}

.utility-page-wrap {
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  padding: 30px;
  display: flex;
}

._404-wrap {
  background-color: #1a1b1f;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 30px;
  display: flex;
}

._404-content-wrap {
  margin-bottom: 20px;
}

.protected-wrap {
  text-align: center;
  justify-content: center;
  padding-top: 90px;
  padding-bottom: 100px;
  display: flex;
}

.protected-form {
  flex-direction: column;
  display: flex;
}

.protected-heading {
  margin-bottom: 30px;
}

.body {
  text-align: center;
  margin-bottom: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.image {
  box-shadow: none;
  border-radius: 0;
  position: static;
}

.image-3 {
  box-shadow: none;
  opacity: 1;
  text-align: center;
  object-fit: contain;
  border-radius: 0;
  margin: 0;
}

.body-2 {
  color: var(--dark-slate-grey);
  background-color: #0000;
  border-radius: 0;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}

.paragraph-2 {
  color: var(--dark-slate-grey);
  background-color: #0000;
  margin-top: 20px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 15px;
  font-size: 12px;
}

.section-2 {
  background-color: #0000;
}

.paragraph-3 {
  text-align: left;
  white-space: normal;
  margin: 0;
}

.big-heading {
  text-align: center;
  margin: 20px 0;
  padding: 10px 20px;
  font-size: 30px;
  font-weight: 600;
}

.list-item {
  margin-right: 20px;
}

.desing-process-columns {
  margin: 20px;
}

.section-break-prototype {
  color: #5a5b5d;
  background-color: #888;
  border-radius: 0;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.column-2 {
  background-color: #0000;
  padding: 0;
}

.section-headline {
  color: #f5f5cc;
  text-align: center;
  font-family: Merriweather, serif;
  font-size: 35px;
  font-weight: 400;
}

.columns {
  margin: 10px 0;
}

.column-3 {
  flex-direction: column;
  align-items: flex-start;
  margin-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.case-study-heading {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Merriweather, serif;
  font-size: 40px;
  font-weight: 700;
}

.heading-14 {
  color: #000;
  text-align: left;
  margin: 0 0 20px;
  padding: 0;
  font-size: 30px;
  font-weight: 400;
}

.container-5 {
  margin-bottom: 40px;
  padding-left: 40px;
}

.heading-18 {
  color: #717275;
  text-align: center;
  margin-bottom: 40px;
}

.image-9 {
  box-shadow: none;
  border-radius: 0;
  width: 80%;
  margin: 40px auto 60px;
}

.image-11 {
  box-shadow: none;
  text-align: center;
  border-radius: 0;
  width: auto;
  margin-top: 0;
  margin-left: 20px;
  margin-right: 0;
  padding-bottom: 0;
}

.text-block {
  color: var(--dark-slate-grey);
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
}

.container-6 {
  padding-left: 20px;
}

.image-12 {
  box-shadow: none;
  opacity: 1;
  border-radius: 0;
  width: 100%;
  margin: auto;
  padding-bottom: 40px;
}

.text-block-2 {
  color: var(--dark-slate-grey);
  margin: 20px 40px;
}

.image-14 {
  box-shadow: none;
  border-radius: 0;
  width: 90%;
  height: 90%;
  margin: auto;
  display: block;
}

.paragraph-12 {
  color: var(--dark-slate-grey);
  margin: 20px 60px;
}

.image-15 {
  background-color: var(--portfolio-grey);
  box-shadow: none;
  text-align: left;
  object-fit: scale-down;
  border-radius: 0;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  display: block;
}

.paragraph-13 {
  color: var(--dark-slate-grey);
  text-align: left;
  margin: 20px 0;
  padding: 10px 0;
}

.columns-4 {
  text-align: center;
  background-color: #0000;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
}

.image-17 {
  box-shadow: none;
  border-radius: 0;
  width: 90%;
  padding-top: 60px;
  padding-bottom: 55px;
}

.text-block-3 {
  text-align: center;
  margin-top: 20px;
}

.image-19 {
  box-shadow: none;
  text-align: center;
  border-radius: 0;
  margin: auto auto 22px;
  padding-top: 50px;
}

.text-block-4 {
  text-align: center;
  margin-top: 0;
}

.image-20 {
  box-shadow: none;
  border-radius: 0;
  width: 150px;
  margin-bottom: 18px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
}

.image-21, .image-22 {
  box-shadow: none;
  border-radius: 0;
  margin: 20px auto;
}

.yellow-cta {
  color: #000;
  text-align: center;
  background-color: #fff7bb;
  border-radius: 20px;
  margin: 20px 0 auto;
  padding: 10px 20px;
  display: block;
  box-shadow: 1px 1px 3px #000;
}

.container-7 {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 0;
}

.list {
  color: var(--dark-slate-grey);
  margin-left: 0;
  margin-right: 100px;
  padding-left: 0;
}

.image-24 {
  object-fit: fill;
  border-radius: 7px;
  width: auto;
  height: 1300px;
  max-height: 900px;
  margin-top: auto;
  margin-bottom: auto;
  box-shadow: 1px 1px 20px -4px #000;
}

.image-25 {
  box-shadow: none;
  margin: auto;
  padding-left: 10px;
}

.column-9 {
  height: 900px;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 220px;
}

.column-10 {
  object-fit: none;
  height: 1000px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 60px;
  padding-right: 20px;
}

.hulu-slider {
  object-fit: fill;
  background-color: #f1f1eb;
  height: 700px;
  margin: 0;
  padding: 20px 40px;
}

.column-11 {
  max-height: 850px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 53px;
}

.image-26 {
  border-radius: 6px;
  max-height: 820px;
  margin-left: 0;
  box-shadow: 1px 1px 16px -4px #000;
}

.paragraph-14 {
  text-align: center;
  margin: 60px 40px 40px;
}

.div-block-2 {
  flex: none;
  margin-right: 0;
}

.image-28 {
  width: 90%;
  margin-top: 0;
  padding-bottom: 20px;
}

.yellow-section-insights {
  color: #000;
  text-align: left;
  background-color: #f5f5cc;
  border-radius: 0;
  flex-wrap: nowrap;
  place-content: space-between center;
  align-items: center;
  margin: 0;
  padding: 20px 40px;
  display: block;
  overflow: visible;
}

.list-2, .list-3 {
  list-style-type: decimal;
}

.image-33 {
  box-shadow: none;
  border-radius: 0;
}

.image-34 {
  box-shadow: none;
  border-radius: 0;
  margin: 0;
}

.heading-19 {
  text-align: left;
  padding-left: 0;
}

.columns-6 {
  align-items: center;
  margin: 40px 0;
  display: flex;
}

.columns-7 {
  align-items: center;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  display: flex;
}

.columns-8 {
  align-items: center;
  margin: 40px 0;
  display: flex;
}

.columns-9 {
  color: var(--dark-slate-grey);
}

.columns-10 {
  margin: 0;
}

.slider-4 {
  opacity: 1;
  line-height: 1008px;
  position: static;
}

.slide {
  object-fit: fill;
  min-height: 1000px;
  position: static;
}

.mask {
  position: static;
}

.before-and-after-slider {
  height: 1100px;
  line-height: 20;
  position: static;
}

.columns-11 {
  background-color: #f7f7f7;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px;
}

.column-12, .column-13 {
  margin-top: 0;
}

.grey-section {
  background-color: #f6f6f6;
  flex-direction: row;
  margin-top: 0;
  margin-right: 0;
  padding: 40px;
  display: flex;
}

.grey-section.problem-soultion {
  flex-direction: column;
  padding-top: 40px;
  padding-bottom: 40px;
}

.image-35 {
  box-shadow: none;
  border-radius: 0;
  width: auto;
}

.lightbox-link {
  margin: auto;
}

.column-14 {
  color: #000;
}

.image-36 {
  border-radius: 0;
}

.grid {
  background-color: #0000;
  grid-template-rows: 0 407px auto;
  grid-template-areas: "Area ."
                       ". ."
                       ". Area-2";
  padding: 0;
}

.image-37 {
  box-shadow: none;
  border-radius: 0;
}

.image-38 {
  border-radius: 0;
}

.image-39, .image-40 {
  box-shadow: none;
  border-radius: 0;
}

.image-41 {
  box-shadow: none;
}

.image-42 {
  box-shadow: none;
  border-radius: 0;
}

.container-8 {
  margin: 40px;
}

.icon, .icon-2 {
  color: #8a8a82;
}

.slide-nav {
  color: #000001;
  background-color: #a1a1a1;
}

.icon-3 {
  color: #8a8a82;
  background-color: #0000;
}

.icon-4 {
  color: #8a8a82;
}

.slide-nav-2 {
  color: #9b9b20;
  background-color: #e4e4da;
}

.column-15, .column-16 {
  padding-left: 40px;
}

.list-4 {
  list-style-type: decimal;
}

.heading-20 {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 30px;
  font-weight: 400;
}

.container-9 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 12px;
}

.paragraph-15 {
  border: 1px #000;
}

.image-43 {
  box-shadow: none;
  border-radius: 0;
}

.text-block-5 {
  font-size: 12px;
}

.slide-1 {
  height: auto;
}

.image-44 {
  box-shadow: none;
  border-radius: 0;
}

.image-45 {
  border-radius: 8px;
  height: 862.202px;
  box-shadow: 0 0 16px -7px #000;
}

.column-17 {
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 100px;
}

.image-46 {
  box-shadow: none;
  border-radius: 0;
  padding-top: 220px;
}

.image-47 {
  border-radius: 9px;
  box-shadow: 1px 1px 20px -8px #000;
}

.image-48 {
  border-radius: 10px;
  box-shadow: 1px 1px 20px -10px #000;
}

.column-18 {
  padding-left: 220px;
}

.column-19 {
  padding-left: 0;
}

.column-20 {
  text-align: center;
  padding-left: 100px;
}

.column-21 {
  padding-right: 62px;
}

.column-22 {
  padding-left: 60px;
}

.columns-12 {
  margin-left: 40px;
  margin-right: 40px;
}

.text-block-6 {
  font-size: 25px;
}

.image-49 {
  box-shadow: none;
  display: inline-block;
}

.columns-13 {
  align-items: center;
  margin: 0;
  display: flex;
}

.image-50 {
  box-shadow: none;
  border-radius: 0;
  padding-bottom: 60px;
}

.text-block-7 {
  margin: 40px;
}

.block-quote {
  margin-left: 140px;
  margin-right: 140px;
}

.image-51, .image-52, .image-53, .image-54 {
  border-radius: 0;
}

.paragraph-16 {
  margin-top: 140px;
  margin-bottom: auto;
}

.image-55 {
  box-shadow: none;
  border-radius: 0;
  display: inline-block;
}

.image-56 {
  box-shadow: none;
  border-radius: 0;
}

.container-10 {
  text-align: center;
  margin-bottom: 40px;
}

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

.text-block-8, .text-block-9, .text-block-10 {
  padding-bottom: 20px;
}

.text-block-11 {
  padding-bottom: 40px;
}

.list-5 {
  margin: 0;
  padding: 0;
}

.image-57 {
  box-shadow: none;
}

.image-58 {
  box-shadow: none;
  object-fit: scale-down;
  border-radius: 0;
  width: 800px;
  max-width: 915em;
}

.div-block-3 {
  height: 1000px;
}

.grid-2 {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  flex-direction: row;
  grid-template: "." minmax(auto, 1fr)
                 "." minmax(auto, 1fr)
                 "."
                 "." minmax(auto, .75fr)
                 / minmax(200px, .5fr);
  grid-auto-rows: minmax(.1px, .25fr);
  grid-auto-columns: .5fr;
  justify-content: flex-start;
  place-items: stretch baseline;
  margin-top: 0;
  display: grid;
  position: static;
}

.image-59 {
  object-fit: cover;
  border-radius: 0;
  width: auto;
  margin: 0;
}

.image-59:hover {
  width: auto;
  max-width: 100%;
  margin: 0;
}

.image-60, .image-61 {
  border-radius: 0;
}

.div-block-4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: left;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  width: 375px;
  height: 500px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 20px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.div-block-4:hover {
  box-shadow: 0 5px 15px 4px #0003;
}

.image-62 {
  border-radius: 0;
}

.image-63 {
  box-shadow: none;
  border-radius: 0;
}

.image-64 {
  border-radius: 0;
  margin-top: 167px;
}

.columns-14 {
  margin: 0 0 20px;
  padding-top: 20px;
}

.image-65 {
  box-shadow: none;
  border-radius: 0;
}

.image-66 {
  background-color: #ededed;
}

.image-67 {
  border-radius: 0;
}

.image-68 {
  border-radius: 0;
  width: auto;
  padding: 20px;
}

.list-6 {
  margin-right: 40px;
}

.image-69 {
  border-radius: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.column-23 {
  margin-top: 240px;
}

.prototype {
  margin: 40px 0;
}

.espn-bg {
  text-align: center;
  -webkit-text-fill-color: inherit;
  background-color: #0000;
  background-image: radial-gradient(circle, #ffee713b, #fff);
  background-clip: border-box;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.section-4 {
  background-image: linear-gradient(#000, #fff);
}

.hulu-hero-bg {
  background-image: radial-gradient(circle, #2a3f6a69, #fff);
  justify-content: center;
  display: flex;
}

.sl-hero-bg {
  background-image: radial-gradient(circle, #d9d9e8d9, #fff);
  justify-content: center;
  display: flex;
}

.section-7 {
  margin: 0;
}

.container-12 {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}

.column-24 {
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 230px;
  display: block;
}

.column-25 {
  padding-top: 100px;
  padding-left: 40px;
}

.prototype-section {
  padding-left: 40px;
  padding-right: 40px;
}

.columns-15 {
  margin-left: 40px;
  margin-right: 40px;
}

.column-26 {
  justify-content: center;
  display: flex;
}

.container-13, .container-14 {
  margin-bottom: 20px;
  padding-bottom: 20px;
  display: flex;
}

.hero-section {
  background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/616e440a16dfc081703ba57e_Headshot%20Hair%20Pulled%20Back%20BW.png");
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  grid-template-rows: auto minmax(auto, 1fr);
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  justify-items: start;
  width: auto;
  height: auto;
  min-height: 300px;
  margin-top: 0;
  display: block;
}

.div-block-5 {
  text-align: left;
}

.heading-21 {
  font-size: 18px;
}

.image-70 {
  padding-right: 20px;
}

.columns-16 {
  margin: 0;
  font-size: 16px;
}

.columns-17 {
  flex-wrap: nowrap;
  justify-content: center;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.sl-slider {
  background-color: #f5f5f5;
  height: auto;
  padding-bottom: 40px;
}

.column-27 {
  padding-left: 30px;
  padding-right: 30px;
}

.column-28 {
  padding-left: 30px;
  padding-right: 20px;
}

.container-15 {
  clear: left;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: inline-block;
}

.div-block-6 {
  color: var(--black);
  flex: 1;
}

.columns-18 {
  white-space: normal;
  width: 900px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
}

.container-16 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 40px;
  display: flex;
}

.column-29 {
  object-fit: fill;
  padding-left: 40px;
  overflow: visible;
}

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

.pale-yellow-sectioin-about-copy {
  color: #424201;
  text-align: left;
  background-color: #f1f1eb;
  border-radius: 0;
  justify-content: center;
  margin: 0;
  padding: 20px 60px;
  display: flex;
  overflow: visible;
}

.heading-24 {
  font-size: 25px;
}

.column-31 {
  align-items: center;
  margin-top: 140px;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
}

.column-32 {
  margin-top: 100px;
  position: static;
}

.column-33 {
  margin-top: 100px;
}

.column-34, .column-35, .column-36, .column-37, .column-38, .column-39 {
  padding-left: 20px;
  padding-right: 20px;
}

.column-40 {
  justify-content: center;
  display: flex;
}

.heading-27 {
  text-align: center;
  margin-top: 10px;
}

.column-41 {
  padding-top: 0;
}

.column-42 {
  margin-top: 0;
}

.column-43, .column-44 {
  padding-top: 0;
}

.grid-3 {
  grid-template-columns: .5fr 1fr;
  margin-bottom: 20px;
  display: flex;
}

.image-71 {
  border-radius: 20px;
}

.container-17, .container-18, .container-19 {
  padding-left: 40px;
  padding-right: 40px;
}

.container-20 {
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.slide-2 {
  height: auto;
}

.block-quote-2 {
  text-align: left;
  margin: 0 0 20px;
  font-size: 14px;
}

.container-21 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.yellow-button {
  color: #000;
  background-color: #fbfbdc;
  border-radius: 20px;
  margin-top: 0;
  margin-left: 0;
  position: static;
  inset: 0% auto auto 0%;
  box-shadow: 1px 1px 7px -1px #000;
}

.div-block-7 {
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  position: absolute;
}

.grid-4 {
  grid-column-gap: 16px;
  grid-row-gap: 224px;
  flex-direction: column;
  grid-template-rows: minmax(auto, 5fr) auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: flex-start start;
  margin-left: 0;
  display: grid;
  position: absolute;
  inset: 33% auto auto 7%;
}

.div-block-8 {
  margin-left: auto;
}

.hero-subtext {
  color: #302b2a;
  text-align: left;
  flex-flow: column;
  flex: 0 auto;
  place-content: flex-end flex-start;
  align-items: stretch;
  width: auto;
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 400;
  display: block;
}

.hero-subtext.paragraph-light {
  color: #000;
  font-size: 18px;
}

.container-22 {
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 38px;
  text-align: left;
  flex-direction: column;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: flex-start start;
  max-width: 500px;
  display: grid;
  position: relative;
  inset: 60px 0 0 -178px;
}

._1920-hero {
  grid-column-gap: 16px;
  grid-row-gap: 55px;
  object-fit: contain;
  flex-direction: column;
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1.15fr;
  grid-auto-columns: 1fr;
  place-content: start space-between;
  place-items: start;
  max-height: 319vh;
  padding-left: 0;
  display: grid;
  position: static;
  inset: 0% auto;
}

.div-block-13 {
  text-align: left;
  background-image: linear-gradient(265deg, #0000 39%, #fff);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 952vw;
  min-height: 100%;
  max-height: 148vh;
  display: flex;
}

.container-23 {
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}

.block-quote-3 {
  font-size: 16px;
}

.column-49 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  top: 60px;
}

.block-quote-4 {
  text-align: left;
  font-size: 16px;
}

.block-quote-5 {
  font-size: 16px;
}

.container-24 {
  color: var(--dark-slate-grey);
  padding-left: 20px;
  padding-right: 20px;
}

.link {
  text-align: center;
}

.container-25 {
  text-align: center;
  justify-content: center;
  display: flex;
}

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

.text-block-12 {
  margin-bottom: 20px;
}

.block-quote-6 {
  color: var(--dark-slate-grey);
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
}

.container-27 {
  text-align: center;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.container-28 {
  padding-left: 40px;
  padding-right: 40px;
}

.home-page-div {
  text-align: left;
}

.container-29 {
  flex-wrap: nowrap;
  justify-content: flex-start;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.section-11 {
  padding-left: 40px;
  padding-right: 40px;
}

.container-30 {
  padding-bottom: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.design-process {
  margin-top: 10px;
  margin-bottom: 10px;
}

.heading-28 {
  text-align: center;
  margin-top: 0;
}

.heading-29 {
  text-align: left;
}

.container-31 {
  padding: 0;
}

.paragraph-21 {
  text-align: left;
  font-size: 14px;
}

.columns-19 {
  margin-left: 0;
  margin-right: 0;
}

.list-8 {
  color: #000;
}

.columns-20 {
  flex-direction: row-reverse;
  align-items: center;
  margin: 20px 40px;
  display: flex;
}

.section-12 {
  margin-left: 40px;
  margin-right: 40px;
}

.section-13 {
  padding-left: 40px;
  padding-right: 40px;
}

.section-14 {
  margin-left: 40px;
  margin-right: 40px;
}

.paragraph-22 {
  color: var(--dark-slate-grey);
  padding-bottom: 40px;
}

.image-75 {
  margin: 0;
}

.section-15 {
  margin-bottom: 20px;
  margin-left: 40px;
  margin-right: 40px;
}

.section-16 {
  margin-left: 40px;
  margin-right: 40px;
}

.paragraph-25, .paragraph-26, .paragraph-27, .paragraph-28, .paragraph-29 {
  font-size: 14px;
}

.column-51 {
  padding-left: 0;
  padding-right: 0;
}

.container-32 {
  padding-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.column-52 {
  padding-left: 0;
  padding-right: 0;
}

.container-33 {
  flex-direction: column;
  align-items: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.container-34, .container-35, .container-36 {
  padding-left: 40px;
  padding-right: 40px;
}

.columns-22 {
  margin: 0;
}

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

.container-38 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-39 {
  padding-left: 40px;
  padding-right: 40px;
}

.columns-23 {
  justify-content: center;
  align-items: center;
  margin: 0;
  display: flex;
}

.container-41, .container-42, .container-43 {
  padding-left: 40px;
  padding-right: 40px;
}

.section-17 {
  margin-left: 40px;
  margin-right: 40px;
}

.container-44 {
  justify-content: space-around;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.container-45 {
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
}

.new-hulu-slider {
  height: auto;
  padding: 40px;
}

.left-arrow-2 {
  width: 5%;
  left: 0;
}

.right-arrow-2 {
  width: 5%;
}

.heading-30 {
  height: 62px;
}

.container-46 {
  padding-left: 40px;
  padding-right: 40px;
}

.column-53 {
  padding-left: 0;
  padding-right: 0;
}

.column-54, .column-55, .column-56 {
  padding: 0;
}

.slide-nav-3 {
  color: #090a0a;
}

.columns-24 {
  margin: 0 40px;
}

.image-77 {
  border-radius: 20px;
}

.columns-25 {
  text-align: center;
  align-items: center;
  display: flex;
}

.container-48, .container-49 {
  padding-left: 40px;
  padding-right: 40px;
}

.image-78 {
  border: 1px solid #fff;
  border-left-style: none;
  border-radius: 20px;
}

.container-50 {
  padding: 40px;
}

.container-51 {
  margin-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.container-52 {
  flex-direction: column;
  justify-content: center;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.image-79 {
  padding-top: 20px;
  padding-bottom: 40px;
}

.black-button-copy {
  color: #f5f5cc;
  text-align: center;
  background-color: #292927;
  border-radius: 20px;
  margin: auto;
  padding: 10px 20px;
  box-shadow: 1px 1px 3px #000;
}

.black-button-copy:hover {
  color: #f5f5cc;
}

.image-80 {
  filter: grayscale();
  padding: 20px;
}

.container-53 {
  padding: 20px 40px 40px;
}

.paragraph-30 {
  margin-top: 40px;
}

.container-54 {
  padding-left: 40px;
  padding-right: 40px;
}

.container-55 {
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.container-56 {
  padding-left: 60px;
  padding-right: 40px;
}

.columns-26 {
  margin: 0;
}

.container-57 {
  padding-left: 40px;
  padding-right: 40px;
}

.container-58 {
  justify-content: center;
  padding-left: 40px;
  padding-right: 40px;
  display: block;
}

.columns-27 {
  flex-wrap: wrap;
  margin: 0;
}

.column-57 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.image-81 {
  margin: 0;
}

.image-82 {
  padding: 20px;
}

.image-83 {
  margin: auto;
  padding: 20px;
}

.container-59 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.container-60 {
  padding-left: 40px;
  padding-right: 40px;
}

.container-61 {
  background-color: var(--portfolio-grey);
  padding-left: 40px;
  padding-right: 40px;
}

.container-62 {
  padding: 0;
}

.container-63 {
  background-color: var(--portfolio-grey);
  padding: 40px;
}

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

.container-65, .container-66 {
  padding-left: 40px;
  padding-right: 40px;
}

.columns-28 {
  align-items: flex-end;
  margin: 0;
  display: flex;
}

.column-58 {
  text-align: center;
  flex-direction: column;
  display: flex;
}

.container-67 {
  color: var(--dark-slate-grey);
  padding-left: 40px;
  padding-right: 40px;
}

.columns-29 {
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
}

.container-68 {
  padding-left: 40px;
  padding-right: 40px;
}

.image-85 {
  height: 1400px;
}

.column-59 {
  align-items: center;
  display: flex;
}

.columns-30 {
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}

.container-69, .container-70 {
  padding-left: 40px;
  padding-right: 40px;
}

.image-86 {
  border-radius: 0;
}

.container-71 {
  padding-left: 40px;
  padding-right: 40px;
}

.container-72 {
  background-color: var(--portfolio-grey);
  padding: 20px;
}

.container-74 {
  justify-content: flex-start;
  padding: 0 40px;
  display: flex;
}

.grid-5 {
  grid-column-gap: 30px;
  grid-template: "."
  / 1fr minmax(max-content, 2fr);
  justify-content: start;
  justify-items: start;
  margin-right: 20px;
}

.columns-31 {
  margin-bottom: 20px;
  margin-left: 60px;
  margin-right: 60px;
}

.column-60 {
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  padding: 0;
  display: flex;
  position: static;
}

.container-75 {
  padding-left: 40px;
  padding-right: 40px;
}

.text-block-14, .text-block-15, .text-block-16, .text-block-17, .text-block-18, .text-block-19, .text-block-20, .text-block-21, .text-block-22, .text-block-23, .text-block-24 {
  font-size: 16px;
}

.section-18 {
  padding-top: 40px;
}

.text-block-25 {
  font-size: 14px;
}

.columns-32 {
  padding-bottom: 20px;
}

.container-76 {
  padding-left: 40px;
  padding-right: 40px;
}

.container-77 {
  margin-bottom: 10px;
  padding-left: 40px;
  padding-right: 40px;
}

.grid-6 {
  grid-template-rows: auto;
  width: 912px;
}

.link-block {
  justify-content: center;
  margin-top: 0;
  display: flex;
}

.text-block-26, .text-block-27, .text-block-28, .text-block-29, .text-block-30, .text-block-31, .text-block-32, .text-block-33 {
  font-size: 14px;
}

.grid-7 {
  grid-column-gap: 30px;
  grid-template-rows: auto auto;
}

.container-79, .container-80 {
  padding-left: 40px;
  padding-right: 40px;
}

.grid-8 {
  grid-column-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(max-content, 2.5fr);
}

.column-62 {
  padding: 0;
}

.column-63, .column-64, .column-65, .column-66 {
  justify-content: center;
  display: flex;
}

.container-81, .column-67, .column-68 {
  text-align: center;
}

.heading-31 {
  text-align: left;
}

.container-82 {
  margin-top: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.paragraph-32 {
  color: var(--dark-slate-grey);
  margin-bottom: 0;
}

.image-89 {
  width: 100%;
}

.list-11, .list-12 {
  color: var(--dark-slate-grey);
}

.list-12.paragraph-light {
  list-style-type: square;
}

.list-13 {
  color: var(--dark-slate-grey);
}

.column-72 {
  padding: 0 0 10px;
}

.grid-9 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 20px;
  margin-bottom: 20px;
}

.text-block-40, .text-block-41 {
  text-align: center;
}

.div-block-17 {
  padding: 10px;
}

.container-83, .heading-32, .heading-33 {
  margin-top: 0;
}

.image-93 {
  width: 90%;
  height: 90%;
}

.div-block-18, .div-block-19, .div-block-20 {
  padding: 10px;
}

.image-94 {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px;
}

.text-block-42 {
  margin-left: 0;
  margin-right: 0;
}

.container-85 {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px;
}

.container-86 {
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
}

.slide-3 {
  padding-left: 20px;
  padding-right: 20px;
}

.slide-4 {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.container-87 {
  padding-left: 40px;
  padding-right: 40px;
}

.image-99 {
  height: 100%;
}

.container-89, .container-90, .container-91, .container-92 {
  padding-left: 40px;
  padding-right: 40px;
}

.image-100, .image-101 {
  border-radius: 20px;
}

.image-103 {
  display: inline-block;
}

.paragraph-35 {
  margin-bottom: 40px;
}

.columns-35 {
  margin: 0;
}

.list-25 {
  color: var(--dark-slate-grey);
}

.list-25.paragraph-light {
  padding-left: 21px;
}

.paragraph-36 {
  color: var(--dark-slate-grey);
  margin-left: 40px;
  margin-right: 40px;
}

.paragraph-37, .bold-text-2, .heading-35 {
  color: var(--dark-slate-grey);
}

.container-94 {
  padding-left: 40px;
  padding-right: 40px;
}

.paragraph-38 {
  margin-left: 40px;
  margin-right: 40px;
}

.paragraph-39, .paragraph-40, .paragraph-41 {
  opacity: .6;
}

.container-95 {
  padding-left: 0;
  padding-right: 0;
}

.container-96 {
  padding-left: 40px;
  padding-right: 40px;
}

.column-75, .heading-37, .heading-38, .container-97 {
  text-align: center;
}

.link-6 {
  margin-bottom: 20px;
}

.container-98 {
  text-align: center;
  margin-bottom: 20px;
}

.lightbox-link-3 {
  margin-left: auto;
  margin-right: auto;
}

.container-99, .container-100, .image-105 {
  text-align: center;
}

.container-101 {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.container-102 {
  background-color: var(--portfolio-grey);
}

.image-106 {
  padding-bottom: 20px;
}

.column-76, .column-77 {
  flex-direction: column;
  justify-content: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

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

.other-case-studies {
  margin: 40px;
}

.image-107, .image-108 {
  height: auto;
}

.cs-link {
  text-align: center;
  align-self: center;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
}

.image-109, .image-110, .image-111, .image-112 {
  height: 216px;
}

.lightbox-link-4 {
  margin-bottom: 20px;
}

.black-button-copy {
  background-color: #4d4d51;
}

.home-page-button {
  color: #2c2c2a;
  text-align: center;
  background-color: #f5f5cc;
  border-radius: 20px;
  margin: auto;
  padding: 10px 20px;
  box-shadow: 1px 1px 3px #000;
}

.home-page-button:hover {
  color: #2c2c2a;
}

.image-113 {
  border-radius: 20px;
  padding-bottom: 0;
}

.container-105 {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.div-block-21 {
  padding: 10px;
}

.heading-42 {
  text-align: center;
}

.image-114 {
  margin-left: 50px;
}

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

.grid-10 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 0;
  margin-top: 40px;
  margin-bottom: 20px;
}

.image-115, .image-116, .image-117 {
  width: 172px;
}

.thick-icons {
  width: 100px;
  height: auto;
}

.icon-text {
  text-align: center;
  font-weight: 500;
}

.image-118 {
  width: auto;
}

.bold-text-3 {
  font-weight: 500;
}

.grid-11 {
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: flex-start start;
  display: inline-block;
}

.div-block-22 {
  flex-wrap: nowrap;
  align-content: center;
  align-items: center;
  display: flex;
}

.div-block-23 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.paragraph-43 {
  margin-bottom: 0;
}

.paragraph-44 {
  width: auto;
  margin-bottom: 0;
}

.list-27 {
  flex-direction: column;
  list-style-type: square;
  display: flex;
}

.container-107 {
  padding-left: 40px;
  padding-right: 40px;
}

.columns-37 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.image-119, .image-120 {
  padding: 10px;
}

.text-block-43 {
  color: #b5b6b9;
  font-family: Verdana, Geneva, sans-serif;
  font-style: italic;
  font-weight: 200;
}

.image-121 {
  opacity: .73;
  mix-blend-mode: color;
  background-image: linear-gradient(#815151, #fff);
}

.link-7 {
  color: #87888a;
  font-style: italic;
}

.link-8 {
  color: #7b7c80;
  font-style: italic;
}

.the-rack-bg {
  background-image: radial-gradient(circle, #aca7a3, #fff);
}

.columns-38 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-24 {
  background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/616e440a16dfc081703ba57e_Headshot%20Hair%20Pulled%20Back%20BW.png");
  background-position: 0 0;
  background-size: auto;
}

.column-78 {
  text-align: left;
  background-color: #0000;
  min-height: 300px;
  display: block;
  position: static;
}

.columns-39 {
  background-color: #cecece;
}

.section-20 {
  background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/643ccb464dfd6980ec2e6367_BG%20bw.png");
  background-position: 0 0;
  background-size: cover;
  min-height: 400px;
}

.column-79 {
  z-index: auto;
  object-fit: fill;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 400px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
  top: auto;
  left: auto;
  overflow: auto;
}

.headshot {
  max-height: 400px;
}

.div-block-25 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: left;
  flex-direction: column;
  flex: 0 auto;
  grid-template-rows: minmax(auto, .25fr) minmax(auto, .25fr);
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  place-items: flex-start start;
  margin-top: 0;
  margin-left: 0;
  display: grid;
}

.heading-43 {
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.heading-hero {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 40px;
  display: block;
}

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

.heading-45 {
  margin-top: 0;
  font-size: 16px;
}

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

.hero {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-57 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-13813 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 71.3477px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.logo-with-my-name_thick-1 {
  object-fit: cover;
}

.frame-37 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 50px 40px;
  display: flex;
}

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

.subheading-4 {
  color: #444;
  text-align: center;
  letter-spacing: .035em;
  text-transform: undefined;
  font-size: 18px;
  font-weight: 600;
}

.frame-38 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.frame-35 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-25 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.super-heading {
  color: #444;
  font-size: 50px;
  font-weight: 700;
}

.frame-26 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 554px;
  padding: 10px 12px;
  display: flex;
}

.big-body {
  color: #6f6f6f;
  letter-spacing: .035em;
  font-size: 22px;
  font-weight: 400;
}

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

.frame-27 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

.buttons {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #a47503;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.see-my-resume {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.frame-13920 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.frame-39 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #242424;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

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

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

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

.text {
  color: #ebebeb;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.big-body-2 {
  color: #ebebeb;
  text-align: center;
  letter-spacing: .035em;
  font-size: 22px;
  font-weight: 400;
}

.frame-54 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.backed-card {
  background-color: #2f2f2f;
  border-radius: 30px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 530.227px;
  display: flex;
}

.frame-13914 {
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px 50px;
  display: flex;
}

.frame-13917 {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 412px;
  display: flex;
}

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

.frame-65 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #434242;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

.motion-design {
  color: #ebebeb;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

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

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

.video-editing-motion-design-reel {
  color: #fffcfa;
  letter-spacing: .035em;
  text-transform: undefined;
  font-size: 22px;
  font-weight: 700;
}

.error-9a7a3fc6-e637-d39d-d738-e48453c5fcdb {
  color: #d0d0d0;
  font-size: 17px;
  font-weight: 400;
}

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

.buttons-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #a47503;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.see-my-resume-2 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-13811 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 342px;
  display: flex;
}

.sueprdense {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.dense-view-1 {
  object-fit: cover;
  position: absolute;
  top: 30px;
  left: 23.3145px;
}

.buttons-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #fffcfa;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.see-my-resume-3 {
  color: #fffcfa;
  font-size: 14px;
  font-weight: 700;
}

.testimonial {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.testimonial-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.backed-card-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 970px;
  display: flex;
}

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

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

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

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

.subheading-1 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.frame-13827 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #242424;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 520px;
  padding: 50px;
  display: flex;
}

.frame-13828 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.quote-template {
  grid-column-gap: -35px;
  grid-row-gap: -35px;
  border-radius: 20px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  height: 335px;
  padding: 10px;
  display: flex;
  position: relative;
}

.frame-13922 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #434242;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 712px;
  padding: 10px;
  display: flex;
  box-shadow: 0 4px 4px #0000001a;
}

.frame-61 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #2f2f2f;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

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

.body-4 {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
}

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

.speaker-name-2 {
  opacity: .6;
  color: #ebebeb;
  letter-spacing: .035em;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

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

.vectors-wrapper-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 62px;
  display: flex;
  position: absolute;
  top: 297px;
  left: 872px;
}

.testimonial-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 40px;
  display: flex;
}

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

.text-2 {
  color: #242424;
  letter-spacing: .035em;
  text-transform: undefined;
  font-size: 16px;
  font-weight: 700;
}

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

.hero-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-13925 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-13926 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 71.3477px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.logo-with-my-name_thick-2 {
  object-fit: cover;
}

.frame-13927 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 50px 40px;
  display: flex;
}

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

.subheading-5 {
  color: #444;
  text-align: center;
  letter-spacing: .035em;
  text-transform: undefined;
  font-size: 18px;
  font-weight: 600;
}

.frame-13929 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.frame-13930 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-13931 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.frame-13932 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 554px;
  padding: 10px 12px;
  display: flex;
}

.big-body-3 {
  color: #6f6f6f;
  letter-spacing: .035em;
  font-size: 22px;
  font-weight: 400;
}

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

.frame-13934 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

.buttons-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #a47503;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.see-my-resume-4 {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.frame-13936 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.frame-13937 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #242424;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

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

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

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

.big-body-4 {
  color: #ebebeb;
  text-align: center;
  letter-spacing: .035em;
  font-size: 22px;
  font-weight: 400;
}

.frame-13941 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.backed-card-3 {
  background-color: #2f2f2f;
  border-radius: 30px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 530.227px;
  display: flex;
}

.frame-13942 {
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px 50px;
  display: flex;
}

.frame-13943 {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 412px;
  display: flex;
}

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

.frame-13944 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #434242;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 116px;
  height: 33px;
  padding: 8px;
  display: flex;
}

.motion-design-2 {
  color: #ebebeb;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.frame-66 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #434242;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 110px;
  height: 33px;
  padding: 8px;
  display: flex;
}

.frame-67 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #434242;
  border-radius: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 141px;
  height: 33px;
  padding: 8px;
  display: flex;
}

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

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

.video-editing-motion-design-reel-2 {
  color: #fffcfa;
  letter-spacing: .035em;
  text-transform: undefined;
  font-size: 22px;
  font-weight: 700;
}

.error-05007518-1564-57a9-e624-3abf3b624c4c {
  color: #d0d0d0;
  font-size: 17px;
  font-weight: 400;
}

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

.buttons-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #a47503;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.see-my-resume-5 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-13946 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 342px;
  display: flex;
}

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

.buttons-8 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #fffcfa;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.see-my-resume-6 {
  color: #fffcfa;
  font-size: 14px;
  font-weight: 700;
}

.testimonial-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.testimonial-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.backed-card-4 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 970px;
  display: flex;
}

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

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

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

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

.subheading-6 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.frame-13950 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #242424;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 520px;
  padding: 50px;
  display: flex;
}

.frame-13951 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.quote-template-2 {
  border-radius: 20px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 900px;
  height: 335px;
  padding: 10px;
  display: flex;
}

.frame-13952 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 335px;
  display: flex;
}

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

.frame-13953 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #434242;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 712px;
  padding: 10px;
  display: flex;
  box-shadow: 0 4px 4px #0000001a;
}

.frame-13954 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #2f2f2f;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

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

.speaker-name-3 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.speaker-name-4 {
  opacity: .6;
  color: #ebebeb;
  letter-spacing: .035em;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

.frame-13956 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 331px;
  display: flex;
}

.testimonial-6 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

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

.frame-13957 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-13958 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 71.3477px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.frame-13959 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 40px;
  display: flex;
}

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

.subheading-7 {
  color: #444;
  text-align: center;
  letter-spacing: .035em;
  text-transform: undefined;
  font-size: 18px;
  font-weight: 600;
}

.subheading-8 {
  color: #6f6f6f;
  text-align: center;
  letter-spacing: .035em;
  text-transform: undefined;
  font-size: 18px;
  font-weight: 600;
}

.frame-13961 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-left: 50px;
  padding-right: 50px;
  display: flex;
}

.frame-13962 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-13963 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.super-heading-2 {
  color: #444;
  font-size: 40px;
  font-weight: 700;
}

.frame-13964 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 554px;
  padding: 10px 12px;
  display: flex;
}

.big-body-5 {
  color: #6f6f6f;
  letter-spacing: .035em;
  font-size: 18px;
  font-weight: 400;
}

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

.frame-13966 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

.buttons-9 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #a47503;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.see-my-resume-7 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-13968 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.frame-13969 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #242424;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

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

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

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

.big-body-6 {
  color: #ebebeb;
  text-align: center;
  letter-spacing: .035em;
  font-size: 18px;
  font-weight: 400;
}

.frame-13973 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.backed-card-5 {
  background-color: #2f2f2f;
  border-radius: 30px;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 530.227px;
  display: flex;
}

.frame-13974 {
  border-radius: 20px;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 30px 50px;
  display: flex;
}

.frame-13975 {
  grid-column-gap: 58px;
  grid-row-gap: 58px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 412px;
  display: flex;
}

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

.frame-13976 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #434242;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 33px;
  padding: 8px;
  display: flex;
}

.motion-design-3 {
  color: #ebebeb;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

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

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

.frame-13978 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 342px;
  display: flex;
}

.buttons-11 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #fffcfa;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.see-my-resume-8 {
  color: #fffcfa;
  font-size: 14px;
  font-weight: 700;
}

.testimonial-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.testimonial-8 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}

.backed-card-6 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 970px;
  display: flex;
}

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

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

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

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

.subheading-9 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.frame-13982 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #242424;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 520px;
  padding: 50px;
  display: flex;
}

.frame-13983 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.quote-template-3 {
  grid-column-gap: -35px;
  grid-row-gap: -35px;
  border-radius: 20px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  height: 335px;
  padding: 10px;
  display: flex;
  position: relative;
}

.frame-13984 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #434242;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 712px;
  padding: 10px;
  display: flex;
  box-shadow: 0 4px 4px #0000001a;
}

.frame-13985 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #2f2f2f;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 20px;
  display: flex;
}

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

.body-5 {
  color: #fff;
  font-size: 17px;
  font-weight: 400;
}

.speaker-name-5 {
  grid-column-gap: 11px;
  grid-row-gap: 11px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.speaker-name-6 {
  opacity: .6;
  color: #ebebeb;
  letter-spacing: .035em;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
}

.frame-13987 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

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

.frame-13988 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
  position: absolute;
  top: 0;
  left: 828px;
}

.testimonial-9 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1280px;
  padding: 40px;
  display: flex;
}

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

.text-3 {
  color: #242424;
  letter-spacing: .035em;
  text-transform: undefined;
  font-size: 16px;
  font-weight: 700;
}

.home-page-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

.navbar-brand {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-3 {
  object-fit: cover;
}

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

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

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

.navbar-button {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  background-color: #000;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 20px;
  display: flex;
}

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

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

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

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

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

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

.big-body-7 {
  color: #6f6f6f;
  letter-spacing: .035em;
  font-size: 18px;
  font-weight: 400;
}

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

.frame-13992 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.buttons-12 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #a47503;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
}

.see-my-resume-9 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-13994 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.pricing-item {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f5f7fa;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
}

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

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

.info {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  display: flex;
}

.pricing-info {
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  box-shadow: 0 1px #e4ebf3;
}

.text-6 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.pricing-details {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

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

.description {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 150%;
}

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

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

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

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

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

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

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

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

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

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

.quote-2 {
  grid-column-gap: 72px;
  grid-row-gap: 72px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 168px;
  height: 280px;
  display: flex;
}

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

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

.text-7 {
  color: #000;
  font-size: 13px;
  font-weight: 700;
  line-height: 150%;
}

.text-8 {
  color: #000;
  font-size: 11px;
  font-weight: 400;
  line-height: 150%;
}

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

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

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

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

.logo {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 141px;
  height: 36px;
  display: flex;
}

.small-columns-4 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

.text-9 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.link-9 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

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

.text-10 {
  color: #333;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

.linkedin-logo-linkedin-icon-transparent-free-png {
  object-fit: cover;
}

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

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

.home-page-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

.navbar-brand-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-4 {
  object-fit: contain;
}

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

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

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

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

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

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

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

.big-body-8 {
  color: #6f6f6f;
  letter-spacing: .035em;
  font-size: 18px;
  font-weight: 400;
}

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

.frame-13999 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.buttons-13 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #b7680b;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
}

.see-my-resume-10 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14001 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14002 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

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

.small-container-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.pricing-item-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.info-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  display: flex;
}

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

.frame-14004 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 33px;
  padding: 8px;
  display: flex;
}

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

.text-13 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.pricing-info-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  box-shadow: 0 1px #e4ebf3;
}

.text-14 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.error-4f77cb4e-dbea-a576-b366-77936be0172d {
  color: #444;
  font-size: 17px;
  font-weight: 400;
}

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

.buttons-15 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #b7680b;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.pricing-info-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  box-shadow: 0 1px #e4ebf3;
}

.buttons-16 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.see-my-resume-11 {
  color: #b7680b;
  font-size: 14px;
  font-weight: 700;
}

.buttons-17 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #b7680b;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  display: flex;
}

.see-my-resume-12 {
  color: #0a0500;
  font-size: 16px;
  font-weight: 700;
}

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

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

.frame-14007 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

.pricing-item-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f4f0eb;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 32px;
  display: flex;
}

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

.small-columns-5 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-6 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

.footer-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f4f0eb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.columns-44 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

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

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

.small-columns-7 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-15 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

.home-page-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

.frame-14011 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

.buttons-18 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #b7680b;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 16px;
  display: flex;
}

.see-my-resume-13 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14013 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.frame-14014 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.frame-14015 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

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

.frame-14017 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 33px;
  padding: 8px;
  display: flex;
}

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

.text-17 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.pricing-info-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  box-shadow: 0 1px #e4ebf3;
}

.text-18 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.buttons-20 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #b7680b;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.pricing-info-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  box-shadow: 0 1px #e4ebf3;
}

.buttons-21 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.buttons-22 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #b7680b;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  display: flex;
}

.see-my-resume-14 {
  color: #0a0500;
  font-size: 16px;
  font-weight: 700;
}

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

.frame-14020 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

.pricing-item-4 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f4f0eb;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 32px;
  display: flex;
}

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

.small-columns-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-7 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

.footer-3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f4f0eb;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.columns-46 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 174px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

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

.links-2 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.small-columns-9 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-19 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.content-8, .content-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.home-page-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

.frame-14025 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

.buttons-23 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #b7680b;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.see-my-resume-15 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14027 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.frame-14028 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.frame-14029 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.frame-14030 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14031 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-21 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.pricing-info-6 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
  box-shadow: 0 1px #e4ebf3;
}

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

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

.buttons-25 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.buttons-26 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #b7680b;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  display: flex;
}

.see-my-resume-16 {
  color: #0a0500;
  font-size: 16px;
  font-weight: 700;
}

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

.frame-14034 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

.pricing-item-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f4f0eb;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 40px 32px;
  display: flex;
}

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

.small-columns-10 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-8 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

.columns-48 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 174px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

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

.links-3 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.small-columns-11 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-23 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

.home-page-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

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

.frame-14039 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

.buttons-27 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #b7680b;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px;
  display: flex;
}

.see-my-resume-17 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14041 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.pricing-items-2 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-image: linear-gradient(88.21deg, #f4f0eb 0%, #a0b86e 49%, #b97220 99%);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-14042 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.frame-14043 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.frame-14044 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14045 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-25 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.text-26 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.buttons-29 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.buttons-30 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #b7680b;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 20px 30px;
  display: flex;
}

.see-my-resume-18 {
  color: #0a0500;
  font-size: 16px;
  font-weight: 700;
}

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

.frame-14048 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

.pricing-item-6 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f4f0eb;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

.small-columns-12 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-9 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

.small-columns-13 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-27 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.content-14, .content-15 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.home-page-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

.title-copy-goes-here-be-awesome-3 {
  color: #000;
  font-family: Montserrat, sans-serif;
  font-size: 40px;
  font-weight: 800;
  line-height: 120%;
}

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

.body-10 {
  color: #6f6f6f;
  font-size: 17px;
  font-weight: 400;
}

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

.frame-14053 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

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

.buttons-31 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-29 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.buttons-32 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-19 {
  color: #037b3a;
  font-size: 16px;
  font-weight: 700;
}

.frame-14056 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 592px;
  display: flex;
}

.me-working-black-and-white-1 {
  object-fit: cover;
  border-radius: 20px;
}

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

.frame-14057 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.frame-14058 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14059 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-30 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.pricing-info-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.text-31 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.error-14e641a6-129c-97e6-e20c-7604d0ea4b2e {
  color: #444;
  font-size: 17px;
  font-weight: 400;
}

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

.pricing-info-8 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.frame-13905 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 864px;
  display: flex;
}

.frame-13894 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.metadata-4 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.frame-13909 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-13824 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.text-32 {
  color: #000;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.footer-4 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

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

.small-columns-14 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-33 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

.home-page-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

.body-11 {
  color: #6f6f6f;
  font-size: 17px;
  font-weight: 400;
}

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

.frame-14065 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

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

.buttons-34 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-35 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.buttons-35 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-20 {
  color: #037b3a;
  font-size: 16px;
  font-weight: 700;
}

.frame-14068 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 592px;
  display: flex;
}

.dot-grid-pattern {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/64c07ccd9cbbc22e8f48b0b1_Dot-Grid-Pattern.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1440px;
  min-height: 1652px;
  padding: 64px 24px;
  display: flex;
}

.frame-14069 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.frame-14070 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14071 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-36 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.text-37 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.frame-14073 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 864px;
  display: flex;
}

.frame-14074 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

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

.frame-14075 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 344px;
  display: flex;
}

.frame-13908 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 264px;
  display: flex;
}

.text-38 {
  color: #000;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-13910 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.small-columns-15 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-39 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.content-20, .content-21 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.super-dense-view {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.frame-20 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

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

.hero-heading-left-5 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 12px;
  display: flex;
}

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

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

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

.text-41 {
  color: #000;
  font-size: 50px;
  font-weight: 700;
  line-height: 150%;
}

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

.backed-card-7 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

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

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

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

.subheading-10 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.rolestools-duration {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

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

.subheading-3 {
  color: #2f2f2f;
  text-transform: undefined;
  font-size: 29px;
  font-weight: 600;
}

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

.role-2 {
  color: #2f2f2f;
  font-size: 17px;
  line-height: NaNundefined;
  text-align: left;
  font-weight: 400;
}

.tools-list {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.body-12 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

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

.frame-14081 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-13865 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-13864 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.frame-13863 {
  grid-column-gap: 15.8154px;
  grid-row-gap: 15.8154px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.sueprdense-3 {
  grid-column-gap: 9.48276px;
  grid-row-gap: 9.48276px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.frame-13822 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 388px;
  display: flex;
}

.frame-13823 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.frame-40 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

.text-42 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

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

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

.frame-14083 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

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

.title-7 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-13 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-13825 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.sueprdense-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.sleeper-1 {
  object-fit: cover;
  position: absolute;
  top: 37.6411px;
  left: 30px;
}

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

.text-43 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-41 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

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

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

.planning {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.text-44 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14087 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14088 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14089 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.text-45 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-13845 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

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

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

.body-14 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14093 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

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

.frame-13841 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

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

.frame-13840 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.iterations {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

.text-46 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

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

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

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

.frame-13842 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-13831 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-14096 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

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

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

.frame-14097 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-14098 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

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

.vectors-wrapper-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 54.7421px;
  height: 1.89925e-16px;
  display: flex;
}

.states-and-modes {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  display: flex;
}

.frame-14099 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.frame-14100 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-13873 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.frame-13839 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fffcfa;
  border: 3px solid #00f57b;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.the-canvas-collapses {
  color: #242424;
  font-size: 14px;
  font-weight: 500;
  line-height: 140%;
}

.vectors-wrapper-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 115.434px;
  height: 4.00492e-16px;
  display: flex;
}

.challenge-problem-overview-3 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 259px;
  display: flex;
}

.frame-13875 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 93px;
  display: flex;
}

.frame-14101 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 111px;
  display: flex;
}

.delivery {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 503px;
  display: flex;
}

.frame-13869 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.frame-14104 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-14105 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

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

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

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

.frame-14109 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 135px;
  display: flex;
}

.error-0ca8a140-7e32-f16d-c1d2-1f3238993bb7 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14110 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14111 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

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

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

.buttons-37 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-21 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.text-47 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.sleeper-2 {
  object-fit: cover;
  position: absolute;
  top: 37.6406px;
  left: 30px;
}

.footer-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

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

.small-columns-16 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-48 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-0 {
  color: #2f2f2f;
  font-size: 29px;
  font-weight: 600;
  line-height: 140%;
}

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-1 {
  color: #2f2f2f;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-2 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.role-2-1 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 700;
  line-height: 140%;
}

.pain-point-users-are-overwhelmed-by-the-long-scroll-when-they-need-to-make-weekly-picks-in-pick-em-games-user-persona-the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-solution-create-an-way-for-the-advanced-users-to-scroll-through-the-weekly-matchup-faster-4 {
  color: #242424;
  font-size: 17px;
  font-weight: 700;
  line-height: 140%;
}

.frame-14114 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.text-49 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.hero-heading-left-6 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 12px;
  display: flex;
}

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

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

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

.text-51 {
  color: #000;
  font-size: 50px;
  font-weight: 700;
  line-height: 150%;
}

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

.backed-card-8 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

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

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

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

.subheading-11 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.subheading-12 {
  color: #2f2f2f;
  text-transform: undefined;
  font-size: 29px;
  font-weight: 600;
}

.body-15 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

.frame-14119 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14120 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14121 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

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

.frame-14122 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 388px;
  display: flex;
}

.frame-14123 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.frame-14124 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

.text-52 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-5 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14126 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

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

.title-9 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-16 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14128 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.sueprdense-5 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.sleeper-3 {
  object-fit: cover;
  position: absolute;
  top: 37.6411px;
  left: 30px;
}

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

.text-53 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14130 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

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

.text-54 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14132 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14133 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14134 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.text-55 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14136 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

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

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

.body-17 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14139 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

.frame-14140 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

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

.frame-14142 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

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

.text-56 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

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

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

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

.frame-14146 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-14147 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-14148 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

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

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

.frame-14151 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-14152 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

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

.frame-13833 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14154 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-14155 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.frame-14157 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14158 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.frame-14160 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fffcfa;
  border: 3px solid #00f57b;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.challenge-problem-overview-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 259px;
  display: flex;
}

.frame-14161 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 93px;
  display: flex;
}

.frame-14162 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 111px;
  display: flex;
}

.frame-14163 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.frame-14166 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-14167 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

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

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

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

.frame-14171 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 135px;
  display: flex;
}

.frame-14172 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14173 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

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

.buttons-38 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-22 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.text-57 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14175 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.sueprdense-6 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 26px 25px;
  display: flex;
  position: relative;
}

.image-4 {
  object-fit: cover;
  position: absolute;
  top: 3.77051px;
  left: -4.26172px;
}

.footer-6 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

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

.small-columns-17 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-4 {
  color: #2f2f2f;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-5 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.home-page-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

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

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

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

.frame-14180 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.buttons-39 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-23 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14182 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14183 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.frame-14184 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.frame-14185 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14186 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-59 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.text-60 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.frame-13812 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 447px;
  display: flex;
}

.beat-mike-clay-1 {
  object-fit: cover;
  border-radius: 50px;
}

.buttons-41 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.see-my-resume-24 {
  color: #037b3a;
  font-size: 14px;
  font-weight: 700;
}

.buttons-42 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-25 {
  color: #037b3a;
  font-size: 16px;
  font-weight: 700;
}

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

.frame-14189 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

.pricing-item-7 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f4f0eb;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

.small-columns-18 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-18 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

.footer-7 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

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

.small-columns-19 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.home-page-11 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.text-61 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

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

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

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

.frame-14194 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

.buttons-43 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-26 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14196 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14197 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.frame-14198 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.frame-14199 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14200 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-63 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.text-64 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.frame-14202 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 447px;
  display: flex;
}

.buttons-45 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.buttons-46 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-27 {
  color: #037b3a;
  font-size: 16px;
  font-weight: 700;
}

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

.frame-14204 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

.pricing-item-8 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f4f0eb;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

.small-columns-20 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-19 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

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

.small-columns-21 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.home-page-12 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

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

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

.text-66 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

.body-20 {
  color: #6f6f6f;
  font-size: 17px;
  font-weight: 400;
}

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

.frame-14209 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

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

.buttons-47 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-67 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.buttons-48 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-28 {
  color: #037b3a;
  font-size: 16px;
  font-weight: 700;
}

.frame-14212 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 637.466px;
  height: 592px;
  display: flex;
}

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

.frame-14213 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.frame-14214 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14215 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-68 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.text-69 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.frame-14217 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 864px;
  display: flex;
}

.frame-14218 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.frame-14219 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 344px;
  display: flex;
}

.frame-14220 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 264px;
  display: flex;
}

.text-70 {
  color: #000;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14221 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.small-columns-22 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.home-page-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.text-72 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

.body-21 {
  color: #6f6f6f;
  font-size: 17px;
  font-weight: 400;
}

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

.frame-14227 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

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

.buttons-49 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-73 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.buttons-50 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-29 {
  color: #037b3a;
  font-size: 16px;
  font-weight: 700;
}

.frame-14230 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 637.466px;
  height: 592px;
  display: flex;
}

.frame-14231 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.frame-14232 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14233 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-74 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.text-75 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.buttons-51 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 12px 16px;
  display: flex;
}

.frame-14235 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 864px;
  display: flex;
}

.frame-14236 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 12px;
  display: flex;
}

.frame-14237 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 344px;
  display: flex;
}

.frame-14238 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 264px;
  display: flex;
}

.text-76 {
  color: #000;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14239 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.small-columns-23 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

.text-77 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.frame-14242 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.text-78 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-8 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 12px;
  display: flex;
}

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

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

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

.text-79 {
  color: #000;
  text-align: center;
  font-size: 50px;
  font-weight: 700;
  line-height: 150%;
}

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

.backed-card-9 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

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

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

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

.subheading-13 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.subheading-14 {
  color: #2f2f2f;
  text-transform: undefined;
  font-size: 29px;
  font-weight: 600;
}

.body-22 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

.frame-14247 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding: 40px 119px;
  display: flex;
}

.frame-14248 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14249 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.frame-14250 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 388px;
  display: flex;
}

.frame-14251 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.frame-14252 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

.text-80 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-7 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14254 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

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

.title-11 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-23 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14256 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.sueprdense-7 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.sleeper-4 {
  object-fit: cover;
  position: absolute;
  top: 37.6411px;
  left: 30px;
}

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

.text-81 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14258 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

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

.text-82 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14260 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14261 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14262 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

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

.text-83 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14264 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-13848 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

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

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

.body-24 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14267 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

.frame-14268 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

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

.frame-14270 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

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

.text-84 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

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

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

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

.frame-14274 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-14275 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-14276 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

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

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

.frame-14279 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-14280 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

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

.frame-14282 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14283 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-14284 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.frame-14286 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14287 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.frame-14289 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14290 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fffcfa;
  border: 3px solid #00f57b;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.challenge-problem-overview-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 259px;
  display: flex;
}

.frame-14291 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 93px;
  display: flex;
}

.frame-14292 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 111px;
  display: flex;
}

.frame-14293 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.frame-14296 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-14297 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

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

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

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

.frame-14301 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 135px;
  display: flex;
}

.frame-14302 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14303 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

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

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

.buttons-52 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-30 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.text-85 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14305 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.sueprdense-8 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 26px 25px;
  display: flex;
  position: relative;
}

.image-125 {
  object-fit: cover;
  position: absolute;
  top: 3.77051px;
  left: -4.26172px;
}

.footer-9 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

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

.small-columns-24 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

.text-86 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-7 {
  color: #2f2f2f;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-8 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14307 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.logo-with-my-name_thick-5 {
  object-fit: contain;
}

.text-87 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-9 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 12px;
  display: flex;
}

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

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

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

.text-88 {
  color: #000;
  font-size: 50px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

.subheading-15 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.subheading-16 {
  color: #2f2f2f;
  text-transform: undefined;
  font-size: 29px;
  font-weight: 600;
}

.body-25 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

.frame-14312 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding: 40px 119px;
  display: flex;
}

.frame-14313 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14314 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

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

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

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

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

.title-13 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-26, .error-fccbb147-1a86-4a79-f2d6-161ca8e15c1e {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14319 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

.text-89 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-9 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14321 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-14322 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-27 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14323 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.sueprdense-9 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.sleeper-5 {
  object-fit: cover;
  position: absolute;
  top: 37.6411px;
  left: 30px;
}

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

.text-90 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14325 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

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

.text-91 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14327 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14328 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14329 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  object-fit: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

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

.text-92 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14331 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14332 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

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

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

.frame-14335 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

.frame-14336 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.frame-14337 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

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

.text-93 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

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

.iterations-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

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

.frame-14341 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-14342 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-14343 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

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

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

.frame-14346 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-14347 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

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

.frame-14349 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14350 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-14351 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.frame-14353 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14354 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

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

.frame-14356 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14357 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fffcfa;
  border: 3px solid #00f57b;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

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

.frame-14358 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 93px;
  display: flex;
}

.frame-14359 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 111px;
  display: flex;
}

.frame-14360 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

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

.frame-14363 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-14364 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

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

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

.frame-14367 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 135px;
  display: flex;
}

.frame-14368 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14369 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

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

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

.buttons-53 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-31 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.text-94 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14371 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.sueprdense-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 26px 25px;
  display: flex;
  position: relative;
}

.footer-10 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

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

.small-columns-25 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

.text-95 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-10 {
  color: #2f2f2f;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-11 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-1 {
  color: #242424;
  font-size: 17px;
  font-weight: 700;
  line-height: 140%;
}

.home-page-14 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-logo-left-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fefde600;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  position: sticky;
  top: 0;
  box-shadow: 0 2px 12px -8px #0003;
}

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

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

.navbar-brand-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-6 {
  object-fit: cover;
}

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

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

.text-96 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

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

.big-body-9 {
  color: #6f6f6f;
  letter-spacing: .035em;
  font-size: 18px;
  font-weight: 400;
}

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

.frame-14376 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.buttons-54 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-32 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14378 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14379 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

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

.pricing-item-9 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14380 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.info-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  display: flex;
}

.frame-14381 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14382 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-97 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.pricing-info-9 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.text-98 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.error-e9f9daae-338a-40c8-d3a8-ad809ec5e175 {
  color: var(--dark-slate-grey);
  text-align: left;
  margin-top: 0;
  font-size: 17px;
  font-weight: 300;
}

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

.pricing-item-10 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14384 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 218px;
  height: 412px;
  display: flex;
}

.pricing-info-10 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.buttons-56 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-item-11 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.pricing-info-11 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.pricing-item-12 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.pricing-info-12 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.pricing-item-13 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.pricing-info-13 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

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

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

.frame-14386 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

.pricing-item-14 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f4f0eb;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

.small-columns-26 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-28 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

.footer-11 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.columns-53 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 174px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

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

.small-columns-28 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-99 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.text-100 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

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

.home-page-15 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-brand-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-7 {
  object-fit: cover;
}

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

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

.text-101 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

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

.big-body-10 {
  color: #6f6f6f;
  letter-spacing: .035em;
  font-size: 18px;
  font-weight: 400;
}

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

.frame-14391 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.buttons-57 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-33 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14393 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14394 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.small-container-4 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.pricing-item-15 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14395 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.info-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  display: flex;
}

.frame-14396 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14397 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-102 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.pricing-info-14 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.text-103 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.pricing-item-16 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14399 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 218px;
  display: flex;
}

.pricing-info-15 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.buttons-59 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-item-17 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.pricing-info-16 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.pricing-item-18 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.pricing-info-17 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.pricing-item-19 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.pricing-info-18 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

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

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

.frame-14401 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

.pricing-item-20 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--section-break-pantone-grey);
  color: #f2f4f3;
  border-radius: 20px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

.small-columns-29 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-29 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

.footer-12 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.columns-55 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 174px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

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

.small-columns-30 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-104 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.text-105 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

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

.home-page-16 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-brand-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-8 {
  object-fit: cover;
}

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

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

.text-106 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

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

.big-body-11 {
  color: #6f6f6f;
  letter-spacing: .035em;
  font-size: 18px;
  font-weight: 400;
}

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

.frame-14406 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.buttons-60 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-34 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14408 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14409 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.small-container-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.pricing-item-21 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14410 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.info-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  display: flex;
}

.frame-14411 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14412 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-107 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.pricing-info-19 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.text-108 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.pricing-item-22 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14414 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 207px;
  display: flex;
}

.pricing-info-20 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.buttons-62 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-item-23 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.pricing-info-21 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.pricing-item-24 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.pricing-info-22 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

.pricing-item-25 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.pricing-info-23 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding-top: 16px;
  padding-bottom: 16px;
  display: flex;
}

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

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

.frame-14416 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

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

.small-columns-31 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-30 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

.footer-13 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.columns-57 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 174px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

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

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

.small-columns-32 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-109 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.text-110 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

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

.home-page-17 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-brand-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-9 {
  object-fit: cover;
}

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

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

.text-111 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

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

.big-body-12 {
  color: #6f6f6f;
  letter-spacing: .035em;
  font-size: 18px;
  font-weight: 400;
}

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

.frame-14421 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.buttons-63 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-35 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14423 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14424 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.small-container-6 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.pricing-item-26 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14425 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.info-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  display: flex;
}

.frame-14426 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14427 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-112 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.pricing-info-24 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  padding: 0;
  display: flex;
}

.text-113 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.pricing-item-27 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14429 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 207px;
  display: flex;
}

.buttons-65 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-item-28, .pricing-item-29, .pricing-item-30 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

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

.frame-14431 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

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

.small-columns-33 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-31 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

.footer-14 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

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

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

.small-columns-34 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-114 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.text-115 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

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

.home-page-18 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-brand-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-10 {
  object-fit: cover;
}

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

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

.text-116 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

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

.big-body-13 {
  color: #6f6f6f;
  letter-spacing: .035em;
  font-size: 18px;
  font-weight: 400;
}

.frame-14435 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.buttons-66 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-36 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14437 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14438 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.small-container-7 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.pricing-item-31 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14439 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.info-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  display: flex;
}

.frame-14440 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14441 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-117 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 14px;
  font-weight: 400;
}

.text-118 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.pricing-item-32 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14443 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.beat-mike-clay-2 {
  object-fit: cover;
  border-radius: 30px;
}

.buttons-68 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-item-33, .pricing-item-34, .pricing-item-35 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

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

.frame-14445 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

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

.small-columns-35 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-32 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

.footer-15 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

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

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

.small-columns-36 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-119 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.text-120 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

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

.home-page-19 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-brand-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

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

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

.text-121 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

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

.big-body-14 {
  color: var(--dark-slate-grey);
  letter-spacing: .035em;
  font-size: 18px;
  font-weight: 400;
}

.frame-14449 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.buttons-69 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-37 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14451 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14452 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

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

.pricing-item-36 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14453 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.info-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff;
  border-radius: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 16px;
  display: flex;
}

.frame-14454 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14455 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-122 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 11px;
  font-weight: 400;
}

.text-123 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.pricing-item-37 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14457 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.beat-mike-clay-3 {
  object-fit: cover;
  border: 3px solid #494949;
  border-radius: 20px;
}

.buttons-71 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-item-38, .pricing-item-39, .pricing-item-40 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

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

.frame-14459 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

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

.small-columns-37 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-33 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

.footer-16 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

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

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

.small-columns-38 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-124 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.text-125 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

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

.home-page-20 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-brand-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

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

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

.text-126 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

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

.frame-14463 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.buttons-72 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-38 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14465 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14466 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.small-container-9 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.pricing-item-41 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14467 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.info-9 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fff0;
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  padding: 0;
  display: flex;
}

.frame-14468 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14469 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 29px;
  padding: 8px;
  display: flex;
}

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

.text-127 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 11px;
  font-weight: 400;
}

.text-128 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.pricing-item-42 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14471 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.buttons-74 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-item-43, .pricing-item-44, .pricing-item-45 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

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

.frame-14473 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

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

.small-columns-39 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-34 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

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

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

.small-columns-40 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-129 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.text-130 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

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

.home-page-21 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-brand-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

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

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

.text-131 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

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

.frame-14477 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

.frame-14478 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-75 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-39 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.frame-14479 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14480 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.small-container-10 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.pricing-item-46 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14481 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-14482 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14483 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 29px;
  padding: 8px;
  display: flex;
}

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

.text-132 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 11px;
  font-weight: 400;
}

.text-133 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.buttons-77 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 12px 16px;
  display: flex;
}

.pricing-item-47 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14485 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.buttons-78 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-item-48, .pricing-item-49, .pricing-item-50 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

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

.frame-14487 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

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

.small-columns-41 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-35 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

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

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

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

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

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

.text-134 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.text-135 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

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

.home-page-22 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-brand-11 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-11 {
  object-fit: cover;
}

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

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

.text-136 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

.body-36 {
  color: #6f6f6f;
  font-size: 17px;
  font-weight: 400;
}

.frame-14491 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

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

.buttons-79 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-137 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.buttons-80 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-40 {
  color: #037b3a;
  font-size: 16px;
  font-weight: 700;
}

.frame-14494 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 637.466px;
  height: 592px;
  display: flex;
}

.dot-grid-pattern-3 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-14495 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.small-container-11 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.pricing-item-51 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14496 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14497 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.metadata-5 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 11px;
  font-weight: 400;
}

.text-138 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.error-1665e140-9556-0df3-6346-b909d4aeeeda {
  color: #444;
  font-size: 17px;
  font-weight: 400;
}

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

.buttons-82 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 12px 16px;
  display: flex;
}

.pricing-item-52, .pricing-item-53, .pricing-item-54 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

.frame-14499 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 756px;
  display: flex;
}

.frame-14500 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px;
  display: flex;
}

.metadata-6, .metadata-7, .metadata-8, .metadata-9, .metadata-10, .metadata-11, .metadata-12, .metadata-13 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 11px;
  font-weight: 400;
}

.frame-14501 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 344px;
  display: flex;
}

.frame-14502 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 264px;
  display: flex;
}

.text-139 {
  color: #000;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14503 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.footer-17 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

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

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

.small-columns-43 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-140 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-49, .content-50 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-141 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.home-page-23 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-brand-12 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-12 {
  object-fit: cover;
}

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

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

.text-142 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

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

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

.frame-14509 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

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

.buttons-83 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-41 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.buttons-84 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.youtube-channel {
  color: #037b3a;
  font-size: 14px;
  font-weight: 700;
}

.frame-14512 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14513 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.small-container-12 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.pricing-item-55 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14514 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-14515 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14516 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 29px;
  padding: 8px;
  display: flex;
}

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

.text-143 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 11px;
  font-weight: 400;
}

.text-144 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.pricing-item-56 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14518 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.buttons-86 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-item-57, .pricing-item-58, .pricing-item-59 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

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

.frame-14520 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

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

.small-columns-44 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-37 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

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

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

.small-columns-45 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-145 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.text-146 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

.home-page-24 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-brand-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-13 {
  object-fit: cover;
}

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

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

.text-147 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

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

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

.frame-14524 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

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

.buttons-87 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  object-fit: fill;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-42 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.buttons-88 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.frame-14527 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14528 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.small-container-13 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 960px;
  display: flex;
}

.pricing-item-60 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14529 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-14530 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14531 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 29px;
  padding: 8px;
  display: flex;
}

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

.text-148 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 11px;
  font-weight: 400;
}

.text-149 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.pricing-item-61 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14533 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.buttons-90 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-item-62, .pricing-item-63, .pricing-item-64 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

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

.frame-14535 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

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

.small-columns-46 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-38 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

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

.small-columns-47 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-150 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.text-151 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

.home-page-25 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.navbar-brand-14 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-14 {
  object-fit: cover;
}

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

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

.text-152 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

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

.frame-14537 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

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

.frame-14539 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.frame-14541 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.primary-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  object-fit: fill;
  background-color: #037b3a;
  border-radius: 30px;
  flex-direction: row;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-43 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.secondary-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.frame-14542 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

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

.frame-14543 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.pricing-item-65 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14544 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-14545 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14546 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 29px;
  padding: 8px;
  display: flex;
}

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

.text-153 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 11px;
  font-weight: 400;
}

.text-154 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.pricing-item-66 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14548 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.buttons-94 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.pricing-item-67, .pricing-item-68, .pricing-item-69 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

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

.frame-14550 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

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

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

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

.small-columns-48 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-39 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

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

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

.small-columns-49 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

.text-155 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

.text-156 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

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

.navbar-brand-15 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-15 {
  object-fit: cover;
}

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

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

.text-157 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

.body-40 {
  color: #6f6f6f;
  font-size: 17px;
  font-weight: 400;
}

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

.frame-14554 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.frame-14556 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-95 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-158 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.buttons-96 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 12px 16px;
  display: flex;
}

.text-159 {
  color: #037b3a;
  font-size: 14px;
  font-weight: 700;
}

.frame-14557 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 637.466px;
  height: 592px;
  display: flex;
}

.dot-grid-pattern-4 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-14558 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.pricing-item-70 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14559 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14560 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-160 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.pricing-item-71, .pricing-item-72, .pricing-item-73 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

.frame-14562 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 756px;
  display: flex;
}

.frame-14563 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px;
  display: flex;
}

.frame-14564 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 344px;
  display: flex;
}

.frame-14565 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 264px;
  display: flex;
}

.text-161 {
  color: #000;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14566 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.footer-18 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

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

.small-columns-50 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-162 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-62, .content-63 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-163 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.navbar-brand-16 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-16 {
  object-fit: cover;
}

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

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

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

.text-164 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

.body-41 {
  color: #6f6f6f;
  font-size: 17px;
  font-weight: 400;
}

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

.frame-14571 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.frame-14573 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-98 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-165 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.buttons-99 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 12px 16px;
  display: flex;
}

.text-166 {
  color: #037b3a;
  font-size: 14px;
  font-weight: 700;
}

.frame-14574 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 637.466px;
  height: 592px;
  display: flex;
}

.dot-grid-pattern-5 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-14575 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.pricing-item-74 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14576 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14577 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  padding: 8px;
  display: flex;
}

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

.text-167 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

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

.pricing-item-75, .pricing-item-76, .pricing-item-77 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

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

.frame-14579 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 756px;
  display: flex;
}

.frame-14580 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 8px;
  display: flex;
}

.frame-13912 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14581 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14582 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 264px;
  display: flex;
}

.text-168 {
  color: #000;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14583 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 200px;
  display: flex;
}

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

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

.small-columns-51 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

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

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

.text-169 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-65, .content-66 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-170 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.navbar-brand-17 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-17 {
  object-fit: cover;
}

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

.text-171 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

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

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

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

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

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

.body-42 {
  color: #6f6f6f;
  font-size: 17px;
  font-weight: 400;
}

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

.frame-14587 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

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

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

.frame-14589 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-101 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-172 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.buttons-102 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 12px 16px;
  display: flex;
}

.text-173 {
  color: #037b3a;
  font-size: 14px;
  font-weight: 700;
}

.frame-14590 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 637.466px;
  height: 592px;
  display: flex;
}

.frame-14591 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.pricing-item-78 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14592 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14593 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 29px;
  padding: 8px;
  display: flex;
}

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

.text-174 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.buttons-103 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-item-79, .pricing-item-80, .pricing-item-81 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.testimonial-column-dark-17 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-14595 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 756px;
  display: flex;
}

.frame-14596 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 29px;
  padding: 8px;
  display: flex;
}

.frame-14597 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14598 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 375px;
  display: flex;
}

.frame-14599 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 264px;
  display: flex;
}

.text-175 {
  color: #000;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14600 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 200px;
  display: flex;
}

.column-167 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-52 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-168 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-67 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-176 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-68, .content-69 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-177 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.frame-14601 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-brand-18 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-18 {
  object-fit: cover;
}

.navbar-menu-18 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-178 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-25 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.container-138 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.column-169 {
  grid-column-gap: 24px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.frame-14602 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14603 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.body-43 {
  color: #6f6f6f;
  font-size: 17px;
  font-weight: 400;
}

.frame-14604 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14605 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.main-and-secondary-buttons {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.actions-26 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 52px;
  display: flex;
}

.frame-14607 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-104 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-179 {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
}

.text-180 {
  color: var(--dark-green);
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
}

.frame-14608 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 637.466px;
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.frame-14609 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.pricing-item-82 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-14610 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14611 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 29px;
  padding: 8px;
  display: flex;
}

.frame-14612 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-181 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.buttons-105 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-item-83, .pricing-item-84, .pricing-item-85 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.testimonial-column-dark-18 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-14613 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 756px;
  display: flex;
}

.frame-14614 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 29px;
  padding: 8px;
  display: flex;
}

.frame-14615 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14616 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 264px;
  display: flex;
}

.text-182 {
  color: #000;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14617 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 200px;
  display: flex;
}

.column-170 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-53 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-171 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-70 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-183 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-71, .content-72 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-184 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.frame-14618 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.super-dense-view-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.frame-14619 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.navbar-brand-19 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-19 {
  object-fit: cover;
}

.navbar-menu-19 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-185 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-26 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 12px;
  display: flex;
}

.container-139 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.column-172 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14620 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.espn-prediction-games-making-quicker-selections {
  color: #000;
  text-align: center;
  font-size: 50px;
  font-weight: 700;
  line-height: 150%;
}

.frame-14621 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.backed-card-11 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.title-14 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14622 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14623 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-17 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.rolestools-duration-2 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.roles-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 251px;
  display: flex;
}

.subheading-18 {
  color: #2f2f2f;
  text-transform: undefined;
  font-size: 29px;
  font-weight: 600;
}

.roles-list-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.tools-list-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.body-44 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

.date-2 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14624 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-11 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14625 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14626 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-22 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14627 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14628 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14629 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14630 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-15 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-45, .error-4101bde5-4f7e-130e-4064-8087884a3b30 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14631 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fffcfa;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14632 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.text-186 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-12 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14633 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-14634 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-46 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14635 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.sueprdense-11 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.sleeper-6 {
  object-fit: cover;
  position: absolute;
  top: 37.6411px;
  left: 30px;
}

.frame-14636 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-187 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14637 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14638 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.heading-49 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stages-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.planning-2 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.text-188 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14639 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14640 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14641 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14642 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-189 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14643 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14644 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14645 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14646 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14647 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

.scope-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.frame-14648 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.frame-14649 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.iterations-6 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14650 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-190 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14651 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-7 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-14652 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-14653 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-14654 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-14655 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-14656 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14657 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14658 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-14659 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-14660 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14661 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14662 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.states-and-modes-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  display: flex;
}

.frame-14663 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14664 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14665 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14666 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14667 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14668 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14669 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14670 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fffcfa;
  border: 3px solid #00f57b;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.delivery-2 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.frame-14671 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14672 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14673 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-14674 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-14675 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14676 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-14677 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 135px;
  display: flex;
}

.frame-14678 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14679 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-14680 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-27 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-14681 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-106 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-44 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.text-191 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14682 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.footer-20 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-173 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-54 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-174 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-73 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-192 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.content-74 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-193 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-75 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14683 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-12 {
  color: #2f2f2f;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-13 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.super-dense-view-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.frame-14684 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.navbar-brand-20 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-20 {
  object-fit: contain;
}

.navbar-menu-20 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-194 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-27 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 12px;
  display: flex;
}

.container-140 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.column-175 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14685 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14686 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-16 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14687 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14688 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-19 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.rolestools-duration-3 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.roles-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 251px;
  display: flex;
}

.subheading-20 {
  color: #585656;
  text-align: center;
  text-transform: undefined;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 22px;
  font-weight: 600;
}

.subheading-20.left {
  text-align: left;
  justify-content: flex-start;
  align-items: center;
  font-size: 22px;
  display: flex;
}

.subheading-20.center {
  text-align: left;
}

.roles-list-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14689 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-13 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14690 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14691 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-23 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: contain;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14692 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14693 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14694 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14695 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-17 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-47, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-2 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14696 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14697 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.text-195 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-14 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14698 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-14699 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-48 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14700 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-14701 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-196 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14702 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14703 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.heading-50 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stages-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.planning-3 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.text-197 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14704 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14705 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14706 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14707 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-198 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14708 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14709 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14710 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14711 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14712 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

.frame-14713 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.frame-14714 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.iterations-8 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14715 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-199 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14716 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-9 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-14717 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-14718 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-14719 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-14720 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-14721 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14722 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14723 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-14724 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-14725 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14726 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14727 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-14728 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14729 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14730 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14731 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14732 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14733 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14734 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14735 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fffcfa;
  border: 3px solid #00f57b;
  border-radius: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  display: flex;
  box-shadow: 0 4px 4px #00000040;
}

.frame-14736 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14737 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14738 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-14739 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-14740 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14741 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-14742 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 135px;
  display: flex;
}

.frame-14743 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14744 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-14745 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-28 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-14746 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-107 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-45 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.text-200 {
  color: #242424;
  padding-top: 12px;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14747 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.footer-21 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-176 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-55 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-177 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-76 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-201 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.content-77 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-202 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-78 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14748 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-15 {
  color: #2f2f2f;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-16 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.super-dense-view-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.frame-14749 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.navbar-brand-21 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-21 {
  object-fit: contain;
}

.navbar-menu-21 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-203 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-28 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 12px;
  display: flex;
}

.container-141 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.column-178 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14750 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14751 {
  grid-column-gap: 13.6656px;
  grid-row-gap: 13.6656px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-18 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14752 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14753 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-21 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.rolestools-duration-4 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.roles-4 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 251px;
  display: flex;
}

.frame-14754 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-15 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14755 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14756 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-24 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: contain;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14757 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14758 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14759 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14760 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-19 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-49, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-3 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14761 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14762 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.text-204 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-16 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14763 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-14764 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-50 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14765 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-14766 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-205 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14767 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14768 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.heading-51 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stages-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.planning-4 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.text-206 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14769 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14770 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14771 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14772 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-207 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14773 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14774 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14775 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14776 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14777 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

.frame-14778 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.frame-14779 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.iterations-10 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14780 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-208 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14781 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-11 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-14782 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-14783 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-14784 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-14785 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-14786 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14787 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14788 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-14789 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-14790 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14791 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14792 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-14793 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14794 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14795 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14796 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14797 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14798 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14799 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14800 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14801 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14802 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.the-canvas-collapses-2 {
  color: #242424;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}

.frame-14803 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14804 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14805 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-14806 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-14807 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14808 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-14809 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 135px;
  display: flex;
}

.frame-14810 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14811 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-14812 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-29 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-14813 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-108 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-46 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.text-209 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14814 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.footer-22 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-179 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-56 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-180 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-79 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-210 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.content-80 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-211 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-81 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14815 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-18 {
  color: #2f2f2f;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.case-study-overview-a-quick-summary-of-a-background-story-connected-to-the-project-feature-and-product-you-are-working-on-19 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.super-dense-view-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.frame-14816 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.navbar-brand-22 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-22 {
  object-fit: cover;
}

.navbar-menu-22 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-212 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-29 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 12px;
  display: flex;
}

.container-142 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.column-181 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14817 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14818 {
  grid-column-gap: 13.6656px;
  grid-row-gap: 13.6656px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-20 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14819 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14820 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-22 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-213 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-51 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.rolestools-duration-5 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.roles-5 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 251px;
  display: flex;
}

.frame-14821 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-17 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14822 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14823 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-25 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14824 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14825 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14826 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14827 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-21 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-52, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-4 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14828 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14829 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.text-214 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-18 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14830 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-14831 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-53 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14832 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-14833 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-215 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14834 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14835 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.heading-52 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stages-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.planning-5 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.text-216 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14836 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14837 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14838 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14839 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-217 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14840 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14841 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14842 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14843 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14844 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

.frame-14845 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.frame-14846 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.iterations-12 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14847 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14848 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-13 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-14849 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-14850 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-14851 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14852 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-14853 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-14854 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14855 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14856 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-14857 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-14858 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14859 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14860 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-14861 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14862 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14863 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14864 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14865 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14866 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14867 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14868 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14869 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14870 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.the-canvas-collapses-3 {
  color: #242424;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}

.frame-14871 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14872 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14873 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-14874 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-14875 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14876 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-14877 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-14878 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14879 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-14880 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-30 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-14881 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-109 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-47 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.text-218 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14882 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.footer-23 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-182 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-57 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-183 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-82 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-219 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.content-83 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-220 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-84 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14883 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.super-dense-view-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.frame-14884 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.navbar-brand-23 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-23 {
  object-fit: contain;
}

.navbar-menu-23 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-221 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-30 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 12px;
  display: flex;
}

.container-143 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.column-184 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14885 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14886 {
  grid-column-gap: 13.6656px;
  grid-row-gap: 13.6656px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-22 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14887 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14888 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-23 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-222 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-54 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.rolestools-duration-6 {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.chapter-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  padding-top: 0;
  display: flex;
}

.frame-14889 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-19 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14890 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14891 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-26 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14892 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14893 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14894 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14895 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-23 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-55, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-5 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14896 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14897 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.text-223 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-20 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14898 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-14899 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-56 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14900 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-14901 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-224 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14902 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14903 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.heading-53 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stages-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.planning-6 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.text-225 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14904 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14905 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14906 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14907 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-226 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14908 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14909 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14910 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14911 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14912 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

.frame-14913 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.frame-14914 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.iterations-14 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14915 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14916 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-15 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-14917 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14918 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-14919 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-14920 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14921 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-14922 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-14923 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14924 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14925 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-14926 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-14927 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14928 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14929 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-14930 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14931 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14932 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14933 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14934 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14935 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14936 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14937 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14938 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14939 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-14940 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14941 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14942 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-14943 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-14944 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14945 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-14946 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-14947 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14948 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-14949 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-31 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-14950 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-110 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-48 {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

.text-227 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14951 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.footer-24 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-185 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-58 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-186 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-85 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-228 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.content-86 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-229 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-87 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-14952 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.super-dense-view-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.frame-14953 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.navbar-brand-24 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-24 {
  object-fit: contain;
}

.navbar-menu-24 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-230 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-31 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding: 40px 12px;
  display: flex;
}

.container-144 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.column-187 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14954 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14955 {
  grid-column-gap: 13.6656px;
  grid-row-gap: 13.6656px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14956 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14957 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-24 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-231 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-57 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14958 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-21 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-14959 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14960 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-27 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14961 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14962 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14963 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.heading-2 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.title-24 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-58, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-6 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14965 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14966 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.text-232 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.insight-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.challenge-problem-overview-22 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14967 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-14968 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-59 {
  color: #333;
  text-align: left;
  align-self: flex-start;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-14969 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-14970 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-233 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14971 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14972 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.heading-54 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stages-7 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.planning-7 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.text-234 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-14973 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14974 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14975 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-14976 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-235 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-14977 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14978 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14979 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14980 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-14981 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

.frame-14982 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.frame-14983 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.iterations-16 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-14984 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14985 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-17 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-14986 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-14987 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-14988 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-14989 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14990 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-14991 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-14992 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-14993 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-14994 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-14995 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-14996 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14997 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-14998 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-14999 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15000 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15001 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15002 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15003 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15004 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15005 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15006 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15007 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15008 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15009 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15010 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15011 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15012 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15013 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15014 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15015 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15016 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15017 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15018 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15019 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-32 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15020 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-111 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.see-my-resume-49 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}

.see-my-resume-49:hover {
  color: #fff;
}

.text-236 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15021 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.footer-25 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-188 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-59 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-189 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-88 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-237 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.content-89 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-238 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-90 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15022 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.super-dense-view-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.frame-15023 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  display: flex;
}

.navbar-brand-25 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-25 {
  object-fit: cover;
}

.navbar-menu-25 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-239 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-32 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 12px;
  display: flex;
}

.container-145 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.column-190 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15024 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.espn-prediction-games-making-quicker-selections-2 {
  color: #000;
  font-size: 50px;
  font-weight: 700;
  line-height: 150%;
}

.frame-15025 {
  grid-column-gap: 13.6656px;
  grid-row-gap: 13.6656px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15026 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15027 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-25 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-240 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-60 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15028 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-23 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15029 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15030 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-28 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15031 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15032 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15033 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-25 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-61, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-7 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15034 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15035 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-13867 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-241 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-24 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15036 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15037 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-62 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15038 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15039 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-242 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15040 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1512px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15041 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.heading-55 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stages-8 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.planning-8 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.frame-13851 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-243 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15042 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15043 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15044 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-244 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15045 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15046 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15047 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15048 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15049 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

.frame-15050 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.frame-15051 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.iterations-18 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15052 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-19 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15053 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15054 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15055 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15056 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15057 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15058 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15059 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15060 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15061 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15062 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15063 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15064 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15065 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15066 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15067 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15068 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15069 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15070 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15071 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15072 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15073 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15074 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15075 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15076 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15077 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15078 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15079 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15080 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15081 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15082 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15083 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15084 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15085 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15086 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-33 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15087 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-112 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-245 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15088 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15089 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-246 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.column-191 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-60 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-192 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-91 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-247 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.content-92 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-248 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-93 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15090 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.super-dense-view-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1279px;
  display: flex;
}

.frame-15091 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  display: flex;
}

.navbar-brand-26 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-26 {
  object-fit: cover;
}

.navbar-menu-26 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-249 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-33 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 12px;
  display: flex;
}

.container-146 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.column-193 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15092 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15093 {
  grid-column-gap: 13.6656px;
  grid-row-gap: 13.6656px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.backed-card-12 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15094 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15095 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-26 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-250 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-63 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15096 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-25 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15097 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15098 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-29 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15099 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15100 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15101 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15102 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-26 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-64, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-8 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15103 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15104 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15105 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-251 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-26 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15106 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15107 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-65 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15108 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15109 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-252 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15110 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15111 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.heading-56 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stages-9 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.planning-9 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15112 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-253 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15113 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15114 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15115 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-254 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15116 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15117 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15118 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15119 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15120 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

.frame-15121 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.frame-15122 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.iterations-20 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15123 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-21 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15124 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15125 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15126 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15127 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15128 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15129 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15130 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15131 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15132 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15133 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15134 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15135 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15136 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15137 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15138 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15139 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15140 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15141 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15142 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15143 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15144 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15145 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15146 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15147 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15148 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15149 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15150 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15151 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15152 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15153 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15154 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15155 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15156 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15157 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-34 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15158 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-113 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-255 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15159 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15160 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-256 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.footer-26 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-194 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-61 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-195 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-94 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-257 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-258 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15161 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.super-dense-view-10 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 1279px;
  display: flex;
}

.frame-15162 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  display: flex;
}

.navbar-brand-27 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-27 {
  object-fit: cover;
}

.navbar-menu-27 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-259 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-34 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.container-147 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.column-196 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15163 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15164 {
  grid-column-gap: 13.6656px;
  grid-row-gap: 13.6656px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.backed-card-13 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15165 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15166 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-27 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-260 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-66 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.rolestools-duration-7 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15167 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-27 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15168 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15169 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-30 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15170 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15171 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15172 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15173 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-27 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-67 {
  color: #242424;
  flex: 0 auto;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-9 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15174 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15175 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15176 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-261 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-28 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15177 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15178 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-68 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15179 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15180 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-262 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15181 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15182 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.heading-57 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.planning-10 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15183 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-263 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15184 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-wrap: wrap;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15185 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15186 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-264 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15187 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15188 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.frame-15189 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15190 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15191 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 243px;
  display: flex;
}

.frame-15192 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.frame-15193 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 315px;
  display: flex;
}

.frame-15194 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-22 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15195 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15196 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15197 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15198 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15199 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15200 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15201 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15202 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15203 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15204 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15205 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15206 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15207 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15208 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15209 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15210 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15211 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15212 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15213 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15214 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15215 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15216 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15217 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15218 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15219 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15220 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15221 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15222 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15223 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15224 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15225 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15226 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15227 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15228 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-35 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15229 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-114 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-265 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15230 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15231 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-266 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.footer-27 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-197 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-62 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-198 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-267 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-268 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15232 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15233 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  display: flex;
}

.navbar-brand-28 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-28 {
  object-fit: cover;
}

.navbar-menu-28 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-269 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-35 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.container-148 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.column-199 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15234 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.espn-prediction-games-making-quicker-selections-3 {
  color: #000;
  font-size: 50px;
  font-weight: 700;
  line-height: 150%;
}

.frame-15235 {
  grid-column-gap: 13.6656px;
  grid-row-gap: 13.6656px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.chapter {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px #000;
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin-top: 0;
  padding: 0;
  display: flex;
}

.frame-15236 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15237 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-28 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-270 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-69 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.rolestools-duration-8 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15238 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-29 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15239 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15240 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-31 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15241 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15242 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15243 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-28 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-70, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-10 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15244 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15245 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15246 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-271 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-30 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15247 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15248 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-71 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15249 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15250 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-272 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15251 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15252 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.heading-58 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.planning-11 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15253 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-273 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15254 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15255 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15256 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-274 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15257 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15258 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 139px;
  display: flex;
}

.frame-15259 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15260 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15261 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15262 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-23 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15263 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15264 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15265 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15266 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15267 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15268 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15269 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15270 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15271 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15272 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15273 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15274 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15275 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15276 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15277 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15278 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15279 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15280 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15281 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15282 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15283 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15284 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15285 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15286 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15287 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15288 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15289 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15290 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15291 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15292 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15293 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15294 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15295 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15296 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15297 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-36 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15298 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-115 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-275 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15299 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15300 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-276 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.footer-28 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-200 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-63 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-201 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-277 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-278 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15301 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-11 {
  color: #242424;
  font-size: 17px;
  font-weight: 700;
  line-height: 140%;
}

.frame-15302 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  display: flex;
}

.navbar-brand-29 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-29 {
  object-fit: cover;
}

.navbar-menu-29 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-279 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-36 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.container-149 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.column-202 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15303 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15304 {
  grid-column-gap: 13.6656px;
  grid-row-gap: 13.6656px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-29 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15305 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15306 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-29 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-280 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-72 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.rolestools-duration-9 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  padding-top: 0;
  display: flex;
}

.body-73 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

.frame-15307 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-31 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15308 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15309 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-32 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15310 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15311 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15312 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.body-74 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15313 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15314 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15315 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-281 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-32 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15316 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15317 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-75 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15318 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15319 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-282 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15320 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15321 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15322 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-283 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15323 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15324 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15325 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-284 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15326 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15327 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 139px;
  display: flex;
}

.frame-15328 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15329 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15330 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15331 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-24 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15332 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15333 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15334 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15335 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15336 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15337 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15338 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15339 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15340 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15341 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15342 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15343 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15344 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15345 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15346 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15347 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15348 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15349 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15350 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15351 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15352 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15353 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15354 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15355 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15356 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15357 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15358 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15359 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15360 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15361 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15362 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15363 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15364 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15365 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15366 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-37 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15367 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-116 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-285 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15368 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15369 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-286 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.footer-29 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-203 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-64 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-204 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-287 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-288 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15370 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-12 {
  color: #242424;
  font-size: 17px;
  font-weight: 700;
  line-height: 140%;
}

.frame-15371 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  display: flex;
}

.navbar-brand-30 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-30 {
  object-fit: cover;
}

.navbar-menu-30 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-289 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-37 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.container-150 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.column-205 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15372 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15373 {
  grid-column-gap: 13.6656px;
  grid-row-gap: 13.6656px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-30 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15374 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15375 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-30 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-290 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-76 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

.frame-15376 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-33 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15377 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15378 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-33 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15379 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15380 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15381 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.body-77 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15382 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15383 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15384 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-291 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-34 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15385 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15386 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-78 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15387 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15388 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-292 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15389 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15390 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15391 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-293 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15392 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15393 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15394 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-294 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15395 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15396 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 139px;
  display: flex;
}

.frame-15397 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15398 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15399 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-25 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15400 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15401 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15402 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15403 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15404 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15405 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15406 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15407 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15408 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15409 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15410 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15411 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15412 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15413 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15414 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15415 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15416 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15417 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15418 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15419 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15420 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15421 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15422 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15423 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15424 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15425 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15426 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15427 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15428 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15429 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15430 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15431 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15432 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15433 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15434 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-38 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15435 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-117 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-295 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15436 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15437 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-296 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.footer-30 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-206 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-65 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-207 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-297 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-298 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15438 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-13 {
  color: #242424;
  font-size: 17px;
  font-weight: 700;
  line-height: 140%;
}

.frame-15439 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  display: flex;
}

.navbar-brand-31 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-31 {
  object-fit: cover;
}

.navbar-menu-31 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-299 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-38 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.container-151 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.column-208 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15440 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15441 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-31 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15442 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15443 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-31 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-300 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-79 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

.frame-15444 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-35 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15445 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15446 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-34 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15447 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15448 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15449 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.body-80 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15450 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15451 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15452 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-301 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-36 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15453 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15454 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-81 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15455 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15456 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-302 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15457 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15458 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15459 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-303 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15460 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15461 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15462 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-304 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15463 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15464 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 139px;
  display: flex;
}

.frame-15465 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15466 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-26 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15467 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15468 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15469 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15470 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15471 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15472 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15473 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15474 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15475 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15476 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15477 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15478 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15479 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15480 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15481 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15482 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15483 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15484 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15485 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15486 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15487 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15488 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15489 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15490 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15491 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15492 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15493 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15494 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15495 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15496 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15497 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15498 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15499 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15500 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15501 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-39 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15502 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-118 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-305 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15503 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15504 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-306 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.footer-31 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-209 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-66 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-210 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-307 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-308 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15505 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-14 {
  color: #242424;
  font-size: 17px;
  font-weight: 700;
  line-height: 140%;
}

.frame-15506 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  display: flex;
}

.navbar-brand-32 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-32 {
  object-fit: cover;
}

.navbar-menu-32 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-309 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-39 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.container-152 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-left: 220px;
  display: flex;
}

.column-211 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15507 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15508 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-32 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15509 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15510 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-32 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-310 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-82 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

.frame-15511 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-37 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15512 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15513 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-35 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15514 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15515 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15516 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.body-83 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15517 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15518 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15519 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-311 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-38 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15520 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15521 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-84 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15522 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15523 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-312 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15524 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1279px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15525 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15526 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-313 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15527 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15528 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15529 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-314 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15530 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15531 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 139px;
  display: flex;
}

.frame-15532 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15533 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-27 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15534 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15535 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15536 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15537 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15538 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15539 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15540 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15541 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15542 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15543 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15544 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15545 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15546 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15547 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15548 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15549 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15550 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15551 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15552 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15553 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15554 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15555 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15556 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15557 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15558 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15559 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15560 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15561 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15562 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15563 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15564 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15565 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15566 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15567 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15568 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.actions-40 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15569 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-119 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-315 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15570 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15571 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-316 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.footer-32 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-212 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-67 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-213 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-317 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-318 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15572 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-15 {
  color: #242424;
  font-size: 17px;
  font-weight: 700;
  line-height: 140%;
}

.frame-15573 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.navbar-brand-33 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-33 {
  object-fit: cover;
}

.navbar-menu-33 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-319 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-40 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.container-153 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.column-214 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15574 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15575 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-33 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border: 0 #000;
  border-radius: 12px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.frame-15576 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15577 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-33 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-320 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-85 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

.frame-15578 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 119px;
  display: flex;
}

.challenge-problem-overview-39 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15579 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15580 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-36 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15581 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15582 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15583 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-34 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-86, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-16 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15584 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15585 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15586 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-321 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-40 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15587 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15588 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-87 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15589 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15590 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-322 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15591 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15592 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15593 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-323 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15594 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15595 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15596 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-324 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15597 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15598 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 139px;
  display: flex;
}

.frame-15599 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15600 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-28 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15601 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15602 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15603 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15604 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15605 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15606 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15607 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15608 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15609 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15610 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15611 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15612 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15613 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15614 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15615 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15616 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15617 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15618 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15619 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15620 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15621 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15622 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15623 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15624 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15625 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15626 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15627 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15628 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15629 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15630 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15631 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15632 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15633 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15634 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15635 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.actions-41 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15636 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-120 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-325 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15637 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15638 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-326 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.column-215 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-68 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-216 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-327 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-328 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15639 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.new-page {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.frame-15640 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.navbar-brand-34 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-34 {
  object-fit: cover;
}

.navbar-menu-34 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-329 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-41 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.container-154 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.column-217 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15641 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15642 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15643 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15644 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-34 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-330 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-88 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

.frame-15645 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.challenge-problem-overview-41 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15646 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15647 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-37 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15648 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15649 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15650 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-35 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-89, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-17 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15651 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15652 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15653 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-331 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-42 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15654 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15655 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-90 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15656 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15657 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-332 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15658 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15659 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-333 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15660 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15661 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15662 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-334 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15663 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15664 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 139px;
  display: flex;
}

.frame-15665 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15666 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-29 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15667 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15668 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15669 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15670 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15671 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15672 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15673 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15674 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15675 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15676 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15677 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15678 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15679 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15680 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15681 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15682 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15683 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15684 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15685 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15686 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15687 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15688 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15689 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15690 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-43 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 119px;
  display: flex;
}

.frame-15691 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15692 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15693 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15694 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15695 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15696 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15697 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15698 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15699 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15700 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15701 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.actions-42 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15702 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-121 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-335 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15703 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15704 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-336 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.column-218 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-69 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-219 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-337 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-338 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15705 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15706 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.navbar-brand-35 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-35 {
  object-fit: cover;
}

.navbar-menu-35 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-339 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-42 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.container-155 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.column-220 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15707 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15708 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15709 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15710 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-35 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-340 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-91 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

.frame-15711 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.challenge-problem-overview-43 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15712 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15713 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-38 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: contain;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15714 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15715 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15716 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-36 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-92, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-18 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15717 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15718 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15719 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-341 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-44 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15720 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15721 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-93 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15722 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15723 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-342 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15724 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15725 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-343 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15726 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15727 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15728 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-344 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15729 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15730 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 139px;
  display: flex;
}

.frame-15731 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15732 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-30 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15733 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15734 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15735 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15736 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15737 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15738 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15739 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15740 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15741 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15742 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15743 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15744 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15745 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15746 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15747 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15748 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15749 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15750 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15751 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15752 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15753 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15754 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15755 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15756 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15757 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 119px;
  display: flex;
}

.frame-15758 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15759 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15760 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15761 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15762 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15763 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15764 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15765 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15766 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15767 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15768 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.actions-43 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15769 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-122 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-345 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15770 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15771 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-346 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.column-221 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-70 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-222 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-347 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-348 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15772 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15773 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.navbar-brand-36 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-36 {
  object-fit: cover;
}

.navbar-menu-36 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-349 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.frame-15774 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-223 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15775 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15776 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15777 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15778 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-36 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-350 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-94 {
  color: var(--dark-slate-grey);
  text-align: left;
  font-size: 17px;
  font-weight: 400;
  display: flex;
}

.body-94.left {
  text-align: left;
}

.frame-15779 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.challenge-problem-overview-45 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15780 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15781 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.frame-15782 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15783 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15784 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15785 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-37 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-95, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-19 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15786 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15787 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15788 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-351 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-46 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15789 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15790 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-96 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15791 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15792 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-352 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15793 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15794 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-353 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15795 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15796 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15797 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-354 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15798 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15799 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 139px;
  display: flex;
}

.frame-15800 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15801 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15802 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-31 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15803 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15804 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15805 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15806 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15807 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15808 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15809 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15810 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15811 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15812 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15813 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15814 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15815 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15816 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15817 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15818 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15819 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15820 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15821 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15822 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15823 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15824 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15825 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15826 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15827 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 119px;
  display: flex;
}

.frame-15828 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15829 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15830 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15831 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15832 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15833 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15834 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15835 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15836 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15837 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15838 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.actions-44 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15839 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-123 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-355 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15840 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15841 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-356 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.column-224 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-71 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-225 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-357 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-358 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15842 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15843 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.navbar-brand-37 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-37 {
  object-fit: cover;
}

.navbar-menu-37 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-359 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.frame-15844 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-226 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15845 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15846 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15847 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-37 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-360 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-97 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15848 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.challenge-problem-overview-47 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15849 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15850 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.frame-15851 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15852 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15853 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15854 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-38 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-98, .the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-20 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15855 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15856 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15857 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-361 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-48 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15858 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 544px;
  height: 388px;
  display: flex;
}

.frame-15859 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 388px;
  display: flex;
}

.body-99 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15860 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-15861 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-362 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15862 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15863 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-363 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-15864 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15865 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15866 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.text-364 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15867 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15868 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 139px;
  display: flex;
}

.frame-15869 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15870 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.iterations-32 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15871 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15872 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15873 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15874 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15875 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15876 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15877 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15878 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-15879 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15880 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15881 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-15882 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15883 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15884 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15885 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15886 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15887 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15888 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15889 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15890 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15891 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15892 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15893 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15894 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15895 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15896 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 119px;
  display: flex;
}

.frame-15897 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15898 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15899 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15900 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-15901 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15902 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15903 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15904 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15905 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15906 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15907 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.actions-45 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15908 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-124 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-365 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15909 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15910 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-366 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.column-227 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-72 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-228 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-367 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-368 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15911 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-15912 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.navbar-brand-38 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 71.3477px;
  display: flex;
}

.brand {
  object-fit: fill;
  padding-top: 0;
}

.navbar-menu-38 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-wrap: nowrap;
  flex: 0 auto;
  place-content: center flex-start;
  align-self: center;
  align-items: center;
  display: flex;
  position: static;
}

.text-369 {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15913 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.column-229 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  margin-left: 40px;
  margin-right: 40px;
  display: block;
}

.espn-prediction-games-making-quicker-selections-4 {
  color: #000;
  text-align: left;
  margin-left: 0;
  margin-right: 0;
  font-size: 40px;
  font-weight: 600;
  line-height: 150%;
}

.frame-15914 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15915 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.center-alignment {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-self: stretch;
  align-items: flex-start;
  font-size: 29px;
  font-weight: 600;
  display: flex;
}

.subheading-38 {
  color: #242424;
  text-align: center;
  align-self: center;
  padding-bottom: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 140%;
  display: block;
}

.subheading {
  color: #585656;
  text-align: center;
  align-self: center;
  padding-bottom: 0;
  font-size: 22px;
  font-weight: 600;
  line-height: 140%;
}

.body-100 {
  color: var(--dark-slate-grey);
  width: 100%;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
  display: none;
}

.frame-15917 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.challenge-problem-overview-49 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15918 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  display: flex;
}

.frame-15919 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  padding: 20px;
  display: flex;
}

.frame-15920 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15921 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15922 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.narrow-paragraph {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: flex-start;
  width: 400px;
  max-width: 100%;
  display: flex;
}

.title-39 {
  color: #242424;
  margin-top: 0;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-101 {
  color: var(--dark-slate-grey);
  vertical-align: baseline;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  max-width: none;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
  display: flex;
}

.the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-21 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15924 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px;
  display: flex;
}

.frame-15925 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15926 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-371 {
  color: #333;
  text-align: left;
  align-self: flex-start;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-50 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  max-width: 900px;
  display: flex;
}

.frame-15927 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: none;
  height: auto;
  display: flex;
}

.frame-15928 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  max-width: 900px;
  height: auto;
  display: flex;
}

.body-102 {
  color: var(--dark-slate-grey);
  max-width: none;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-15929 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.frame-15930 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-372 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15931 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15932 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 20px;
  display: flex;
}

.text-373 {
  color: #585656;
  text-align: center;
  align-self: center;
  padding-bottom: 0;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.planning-scope {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}

.frame-15934 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-15935 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 400px;
  display: flex;
}

.text-374 {
  color: #848485;
  text-align: center;
  align-self: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15936 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15937 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.frame-15938 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: block;
}

.frame-15939 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.iterations-33 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-15940 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-15941 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15942 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-15943 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15944 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-15945 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15946 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-15947 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.frame-15948 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  display: flex;
}

.frame-15949 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15950 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.frame-15951 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-15952 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15953 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15954 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: none;
  display: flex;
}

.frame-15955 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15956 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15957 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15958 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-15959 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: none;
  display: flex;
}

.frame-15960 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15961 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15962 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15963 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15964 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-15965 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  object-fit: fill;
  background-color: #f1f4f3;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 40px 0;
  display: flex;
}

.frame-15966 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15967 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-15968 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15969 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  height: auto;
  display: flex;
}

.frame-15970 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  object-fit: contain;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-15971 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-15972 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-15973 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-15974 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15975 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-15976 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.actions-46 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-15977 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.primo-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--white);
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 46px;
  padding: 4px 12px;
  font-size: 14px;
  transition-property: none;
  display: flex;
}

.primo-button:hover {
  background-color: var(--dark-green);
  color: var(--white);
  box-shadow: 0 2px 5px #0003;
}

.text-375 {
  color: #8b8b8b;
  text-align: left;
  max-width: none;
  padding-top: 20px;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-15978 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.frame-15979 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-376 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.column-230 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-73 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-231 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-377 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-378 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15980 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-brand-39 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-39 {
  object-fit: cover;
}

.navbar-menu-39 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-379 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.hero-heading-left-43 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.container-156 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.column-232 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-95 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 627px;
  display: flex;
}

.frame-15981 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15982 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15983 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-15984 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.frame-15985 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.actions-47 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  text-decoration: none;
  display: flex;
}

.frame-15986 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-126 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.frame-15987 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.pricing-items-18 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-15988 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.title-40 {
  color: #000;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.pricing-item-86 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-15989 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-15990 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-15991 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 29px;
  padding: 8px;
  display: flex;
}

.frame-15992 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-380 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 11px;
  font-weight: 400;
}

.text-381 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.buttons-127 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.actions-48 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.pricing-item-87 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-15993 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.buttons-128 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.see-my-resume-50 {
  color: #037b3a;
  font-size: 14px;
  font-weight: 700;
}

.pricing-item-88, .pricing-item-89, .pricing-item-90 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.testimonial-column-dark-19 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-15994 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15995 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

.vectors-wrapper-39 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 62px;
  display: flex;
}

.columns-66 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 708px;
  display: flex;
}

.column-233 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.small-columns-74 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-103 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

.author-17 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-33 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-234 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-75 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.text-382 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-383 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-15996 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-brand-40 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-40 {
  object-fit: cover;
}

.navbar-menu-40 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-link-50 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  text-decoration: none;
  display: flex;
}

.text-384 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.navbar-link-51, .navbar-link-52 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  text-decoration: none;
  display: flex;
}

.hero-heading-left-44 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.container-157 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.column-235 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-96 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 627px;
  display: flex;
}

.frame-15997 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-15998 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-15999 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16000 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.frame-16001 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.actions-49 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  text-decoration: none;
  display: flex;
}

.frame-16002 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-129 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.frame-16003 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 568px;
  display: flex;
}

.pricing-items-19 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-16004 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.title-41 {
  color: #000;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.pricing-item-91 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-16005 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-16006 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-16007 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 29px;
  padding: 8px;
  display: flex;
}

.frame-16008 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-385 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 11px;
  font-weight: 400;
}

.text-386 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.buttons-130 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-item-92 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-16009 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.buttons-131 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.see-my-resume-51 {
  color: #037b3a;
  font-size: 14px;
  font-weight: 700;
}

.pricing-item-93, .pricing-item-94, .pricing-item-95 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.testimonial-column-dark-20 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-16010 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-16011 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

.vectors-wrapper-40 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 62px;
  display: flex;
}

.columns-67 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 708px;
  display: flex;
}

.column-236 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.small-columns-76 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-104 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

.author-18 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-34 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.column-237 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-77 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-238 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-387 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-388 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-16012 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-16013 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.navbar-brand-41 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-41 {
  object-fit: cover;
}

.navbar-link-53 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  text-decoration: none;
  display: flex;
}

.text-389 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.navbar-link-54, .navbar-link-55 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  text-decoration: none;
  display: flex;
}

.hero-heading-left-45 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #fff;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 64px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.container-158 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.column-239 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-97 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 627px;
  display: flex;
}

.frame-16014 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16015 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-16016 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16017 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.ctas {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.actions-50 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 118px;
  height: 39px;
  text-decoration: none;
  display: flex;
}

.buttons-132 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.frame-16018 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.actions-51 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  text-decoration: none;
  display: flex;
}

.headshot-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  object-fit: fill;
  background-color: #fffbeb00;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 450px;
  display: flex;
}

.pricing-items-20 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-16019 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.title-42 {
  color: #000;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.pricing-item-96 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-16020 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 375px;
  display: flex;
}

.frame-16021 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-16022 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 29px;
  padding: 8px;
  display: flex;
}

.frame-16023 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-390 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 11px;
  font-weight: 400;
}

.text-391 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.buttons-133 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-item-97 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-16024 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.buttons-134 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.see-my-resume-52 {
  color: #037b3a;
  font-size: 14px;
  font-weight: 700;
}

.pricing-item-98, .pricing-item-99, .pricing-item-100 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.testimonial-column-dark-21 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-16025 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-16026 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

.vectors-wrapper-41 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 62px;
  display: flex;
}

.columns-68 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  border-radius: 20px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 708px;
  display: flex;
}

.column-240 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.small-columns-78 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-105 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
}

.author-19 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-35 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.columns-69 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 174px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.column-241 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-79 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-242 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-392 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-393 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-16027 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-16028 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.navbar-brand-42 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-42 {
  object-fit: fill;
}

.navbar-link-56 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  text-decoration: none;
  display: flex;
}

.text-394 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.navbar-link-57, .navbar-link-58 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  text-decoration: none;
  display: flex;
}

.hero-heading-left-46 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  backface-visibility: visible;
  background-color: #fdfdfd;
  background-image: linear-gradient(#ffffff80, #ffffff80);
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-top: 20px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.container-159 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  margin-left: 40px;
  margin-right: 40px;
  display: flex;
}

.column-243 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-98 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 680px;
  display: flex;
}

.frame-16029 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--black);
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16030 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  order: -1;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: flex-start;
  place-items: flex-start start;
  display: flex;
}

.frame-16031 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16032 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  display: flex;
}

.ctas-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  flex: 0 auto;
  place-content: stretch flex-start;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
}

.actions-52 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 39px;
  margin-top: 0;
  text-decoration: none;
  display: flex;
}

.main-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  height: 39px;
  padding: 12px 16px;
  display: flex;
}

.actions-53 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: center;
  align-items: flex-start;
  height: 56px;
  margin-top: 0;
  text-decoration: none;
  display: flex;
}

.pricing-items-21 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 24px;
  display: flex;
}

.frame-16033 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  height: 1px;
  display: flex;
}

.title-43 {
  color: #000;
  text-align: center;
  font-size: 32px;
  font-weight: 700;
  line-height: 120%;
}

.pricing-item-101 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  aspect-ratio: auto;
  background-color: #fff;
  border-radius: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding: 20px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.pricing-item-101:hover {
  box-shadow: 0 12px 13px 7px #0000000d;
}

.frame-16034 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: auto;
  min-width: 375px;
  max-width: 600px;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.frame-16035 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-flow: wrap;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.beige-highlight {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #f1ede7;
  border-radius: 15px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 29px;
  margin-left: 0;
  margin-right: 10px;
  padding: 8px;
  display: flex;
}

.frame-16037 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-395 {
  color: #242424;
  letter-spacing: .035em;
  font-size: 11px;
  font-weight: 400;
}

.text-396 {
  color: #000;
  font-size: 24px;
  font-weight: 700;
  line-height: 150%;
}

.buttons-136 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.pricing-item-102 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.frame-16038 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 237px;
  display: flex;
}

.buttons-137 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  display: flex;
}

.see-my-resume-53 {
  color: #037b3a;
  font-size: 14px;
  font-weight: 700;
}

.pricing-item-103, .pricing-item-104, .pricing-item-105 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  border-radius: 20px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 40px 32px;
  display: flex;
  box-shadow: 0 4px 4px #0000000d;
}

.testimonial-column-dark-22 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding: 64px 24px;
  display: flex;
}

.frame-16039 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-16040 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 335px;
  display: flex;
}

.vectors-wrapper-42 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 72px;
  height: 62px;
  display: flex;
}

.column-244 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.small-columns-80 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  background-color: #fff;
  border: 1px solid #f2f4f3;
  border-radius: 19px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 24px;
  display: flex;
}

.body-106 {
  color: var(--dark-slate-grey);
  font-size: 17px;
  font-weight: 400;
}

.author-20 {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.footer-36 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: var(--dark-slate-grey);
  mix-blend-mode: normal;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 24px;
  display: flex;
}

.columns-70 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 174px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.column-245 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.small-columns-81 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-246 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.text-397 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.text-398 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.frame-16041 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-16042 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.navbar {
  background-color: #fff;
}

.navbar-2, .navbar-3 {
  background-color: var(--white);
}

.link-block-2, .link-block-3, .link-block-4, .link-block-5, .link-block-6, .link-block-7, .link-block-8 {
  margin-top: 0;
  text-decoration: none;
}

.image-126 {
  object-fit: contain;
  padding-left: 0;
}

.text-block-44 {
  color: var(--dark-slate-grey);
  text-align: center;
  padding-top: 24px;
  font-weight: 300;
}

.frame-16043 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-16044 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-43 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: contain;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16045 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-399 {
  color: #242424;
  text-align: center;
  padding-top: 20px;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.vectors-wrapper-44 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 2.50808e-13px;
  display: flex;
}

.vectors-wrapper-45 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  width: 1.10647e-13px;
  display: flex;
}

.new-page-2 {
  background-color: #fff;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-46 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff3;
  background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/6536c4c09f0c54c0e9ec08cc_%5BSECTION%5D--Frame-46.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 591.417px;
  min-height: 591.417px;
  padding-bottom: 40px;
  display: flex;
}

.navbar-logo-left-4 {
  background-color: #ffffff80;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.navbarcontainer-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.navbar-content-4 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.navbar-brand-43 {
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-43 {
  object-fit: cover;
}

.navbar-menu-41 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-link-59 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  display: flex;
}

.text-400 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.navbar-link-60, .navbar-link-61 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  display: flex;
}

.frame-16046 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  height: 478px;
  display: flex;
  position: relative;
}

.frame-16047 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-16048 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 261px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.vectors-wrapper-46 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 143px;
  height: 36px;
  display: flex;
}

.frame-16049 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 79px;
  display: flex;
}

.prediction-games-making-quicker-choices {
  color: #000;
  font-size: 40px;
  font-weight: 600;
}

._64c1e1402cddc2a72778bac7_3-png {
  object-fit: cover;
  position: absolute;
  top: -16.3477px;
  left: 573px;
}

.frame-16050 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.backed-card-15 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.title-44 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16051 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16052 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-39 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-401 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-107 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.rolestools-duration-10 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.roles-7 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 251px;
  display: flex;
}

.subheading-40 {
  color: #2f2f2f;
  text-transform: undefined;
  font-size: 29px;
  font-weight: 600;
}

.roles-list-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.text-402 {
  color: #2f2f2f;
  font-size: 17px;
  line-height: NaNundefined;
  font-weight: 400;
}

.tools-list-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.date-3 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-45 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.challenge-problem-overview-51 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-16053 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16054 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-47 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16055 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16056 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16057 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16058 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-45 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.body-108, .error-4aa59ac3-8825-50ab-a0b2-afae440a7e89 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-16059 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-16060 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-403 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-52 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16061 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 190px;
  display: flex;
}

.body-109 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-16062 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-16063 {
  grid-column-gap: 77px;
  grid-row-gap: 77px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.unnamed-1-1 {
  object-fit: cover;
  border-radius: 10px;
  box-shadow: 0 2px 5px #0003;
}

.frame-16064 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-404 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-16065 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.heading-59 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stages-10 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.planning-12 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.frame-16066 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-405 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-16067 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16068 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-16069 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 287px;
  display: flex;
}

.text-406 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-16070 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16071 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-16072 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.iterations-34 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-16073 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-35 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-16074 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16075 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-16076 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-16077 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-16078 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16079 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-16080 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-16081 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16082 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-16083 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.body-110 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-16084 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-16085 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-16086 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-16087 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16088 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 210px;
  display: flex;
}

.frame-16089 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16090 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 210px;
  display: flex;
}

.frame-16091 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 130px;
  display: flex;
}

.frame-16092 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16093 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  justify-content: center;
  align-items: center;
  width: 195px;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.text-407 {
  color: #242424;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}

.frame-16094 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 180px;
  display: flex;
}

.frame-16095 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 135px;
  display: flex;
}

.states-and-modes-3 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  display: flex;
}

.frame-16096 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16097 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16098 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-16099 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16100 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-16101 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 421px;
  display: flex;
}

.frame-16102 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16103 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16104 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16105 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-16106 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 119px;
  display: flex;
}

.frame-16107 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.delivery-3 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 503px;
  display: flex;
}

.frame-16108 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16109 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-16110 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16111 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-16112 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-16113 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16114 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-16115 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-16116 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-16117 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-16118 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.actions-54 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-16119 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-138 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-408 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-16120 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.text-409 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.footer-37 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.columns-71 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 174px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.column-247 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-wrapper-15 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.small-columns-82 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-248 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-99 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-410 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.content-100 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-411 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-101 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-16121 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-16122 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.more-than-11-mln-people-play-fantasy-on-espn-including-pick-em-games-1 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 700;
  line-height: 140%;
}

.frame-16123 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: #fff3;
  background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/6536c4c09f0c54c0e9ec08cc_%5BSECTION%5D--Frame-46.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 591.417px;
  min-height: 591.417px;
  padding-bottom: 40px;
  display: flex;
}

.navbar-content-5 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1200px;
  display: flex;
}

.navbar-brand-44 {
  justify-content: center;
  align-items: center;
  width: 170.5px;
  height: 71.3477px;
  display: flex;
}

.logo-with-my-name_thick-44 {
  object-fit: cover;
}

.navbar-menu-42 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.navbar-link-62 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 24px 12px;
  display: flex;
}

.text-412 {
  color: #000;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.frame-16124 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  height: 478px;
  display: flex;
  position: relative;
}

.frame-16125 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-16126 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 261px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.vectors-wrapper-48 {
  object-fit: cover;
  justify-content: center;
  align-items: center;
  width: 143px;
  height: 36px;
  display: flex;
}

.frame-16127 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 79px;
  display: flex;
}

.frame-16128 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.backed-card-16 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.title-46 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16129 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16130 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.subheading-41 {
  color: #242424;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.text-413 {
  color: #242424;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.body-111 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.rolestools-duration-11 {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.roles-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 251px;
  display: flex;
}

.subheading-42 {
  color: #2f2f2f;
  text-transform: undefined;
  font-size: 29px;
  font-weight: 600;
}

.text-414 {
  color: #2f2f2f;
  font-size: 17px;
  line-height: NaNundefined;
  font-weight: 400;
}

.tools-list-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.body-112 {
  color: #2f2f2f;
  font-size: 17px;
  font-weight: 400;
}

.date-4 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-16131 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.challenge-problem-overview-53 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-16132 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16133 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  display: flex;
}

.vectors-wrapper-49 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16134 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16135 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16136 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16137 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.title-47 {
  color: #242424;
  font-size: 22px;
  font-weight: 700;
  line-height: 140%;
}

.the-problem-mostly-arises-for-the-advanced-fantasy-users-who-are-the-backbone-of-the-product-they-come-to-make-picks-every-week-they-know-the-names-logos-and-tricodes-of-all-the-teams-they-need-no-explanation-or-hand-holding---they-need-just-to-make-their-picks-quickly-every-week-and-then-they-hopefully-return-the-following-week-to-do-the-same-22 {
  color: #242424;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-16138 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-16139 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-415 {
  color: #333;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.challenge-problem-overview-54 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16140 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 190px;
  display: flex;
}

.body-113 {
  color: #333;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
}

.frame-16141 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 302px;
  display: flex;
}

.frame-16142 {
  grid-column-gap: 77px;
  grid-row-gap: 77px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-16143 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-416 {
  color: #333;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-16144 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.heading-60 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.stages-11 {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.planning-13 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-bottom: 40px;
  display: flex;
}

.frame-16145 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-417 {
  color: #242424;
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  line-height: 140%;
}

.frame-16146 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16147 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 525px;
  display: flex;
}

.frame-16148 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 287px;
  display: flex;
}

.text-418 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-16149 {
  grid-column-gap: 27px;
  grid-row-gap: 27px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16150 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-16151 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.iterations-36 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.frame-16152 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.iterations-37 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 828px;
  display: flex;
}

.frame-16153 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16154 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 472px;
  display: flex;
}

.frame-16155 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-16156 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 768px;
  display: flex;
}

.frame-16157 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16158 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}

.frame-16159 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 364px;
  padding-top: 1px;
  padding-bottom: 1px;
  display: flex;
}

.frame-16160 {
  grid-column-gap: 104px;
  grid-row-gap: 104px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16161 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-16162 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-16163 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-16164 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 569px;
  display: flex;
}

.frame-16165 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 387px;
  display: flex;
}

.frame-16166 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16167 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  height: 210px;
  display: flex;
}

.frame-16168 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16169 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 210px;
  display: flex;
}

.frame-16170 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 130px;
  display: flex;
}

.frame-16171 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16172 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  justify-content: center;
  align-items: center;
  width: 195px;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.text-419 {
  color: #242424;
  font-size: 13px;
  font-weight: 500;
  line-height: 140%;
}

.frame-16173 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: 180px;
  display: flex;
}

.frame-16174 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  width: 135px;
  display: flex;
}

.states-and-modes-4 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-top: 40px;
  display: flex;
}

.frame-16175 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16176 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16177 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-16178 {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16179 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  border: 0 solid #000;
  border-bottom-width: 1px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-bottom: 40px;
  display: flex;
}

.frame-16180 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 421px;
  display: flex;
}

.frame-16181 {
  grid-column-gap: 8.09586px;
  grid-row-gap: 8.09586px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16182 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16183 {
  grid-column-gap: 25.1911px;
  grid-row-gap: 25.1911px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16184 {
  grid-column-gap: 9.33003px;
  grid-row-gap: 9.33003px;
  background-color: #fffcfa;
  border: 2.79901px solid #00f57b;
  border-radius: 9.33003px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 7.46402px 14.928px;
  display: flex;
  box-shadow: 0 3.73201px 3.73201px #00000040;
}

.frame-16185 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 40px 119px;
  display: flex;
}

.frame-16186 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.delivery-4 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 503px;
  display: flex;
}

.frame-16187 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16188 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 900px;
  display: flex;
}

.frame-16189 {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.frame-16190 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 583px;
  height: 388px;
  display: flex;
}

.frame-16191 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 388px;
  display: flex;
}

.frame-16192 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.frame-16193 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 534px;
  display: flex;
}

.frame-16194 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 115px;
  display: flex;
}

.frame-16195 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.frame-16196 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  max-width: 486px;
  display: flex;
}

.frame-16197 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-decoration: none;
  display: flex;
}

.actions-55 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.frame-16198 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  height: 39px;
  display: flex;
}

.buttons-139 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  padding: 12px 16px;
  display: flex;
}

.text-420 {
  color: #242424;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.frame-16199 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 290px;
  display: flex;
}

.text-421 {
  color: #333;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.footer-38 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  background-color: #f1f4f3;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
}

.columns-72 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 174px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.column-249 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-wrapper-16 {
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.small-columns-83 {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 600px;
  padding-top: 16px;
  display: flex;
}

.column-250 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.content-102 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-422 {
  color: #212121;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.content-103 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-423 {
  color: #212121;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
}

.content-104 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-16200 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.frame-16201 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.section-21 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  object-fit: cover;
  background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/6536c67dcc0780c0425044de_BG%20Image.png");
  background-position: 50%;
  background-size: cover;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-height: 600px;
  display: block;
  overflow: scroll;
}

.div-block-26 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  margin-left: 40px;
  margin-right: 40px;
  display: grid;
}

.container-160 {
  flex-flow: column;
  flex: 0 auto;
  align-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.image-127 {
  order: -1;
  align-self: flex-start;
}

.div-block-27 {
  flex-direction: column;
  flex: 0 auto;
  order: -1;
  align-self: auto;
  align-items: stretch;
  display: flex;
}

.image-128 {
  max-height: 500px;
}

.hero-heading-left-47 {
  background-color: #f5f7fa;
  background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/6536c67dcc0780c0425044de_BG%20Image.png");
  background-position: 0 0;
  background-size: auto;
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

.container-161 {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}

.hero-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: center;
  max-width: 900px;
  margin-right: 0;
  padding-left: 0;
  display: flex;
}

.hero-split {
  aspect-ratio: auto;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  max-width: 65%;
  display: flex;
}

.margin-bottom-24px {
  margin-bottom: 24px;
}

.button-primary {
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #1a1b1f;
  padding: 12px 25px;
  font-size: 12px;
  line-height: 20px;
  transition: all .2s;
}

.button-primary:hover {
  color: #fff;
  background-color: #32343a;
}

.button-primary:active {
  background-color: #43464d;
}

.prediction-games-hero {
  opacity: 1;
  border: 2px solid #474646;
  border-radius: 20px;
  height: 100%;
  max-height: none;
}

.section-22 {
  mix-blend-mode: normal;
  background-color: #f1f3f2;
  padding-bottom: 0;
}

.flex-block {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  margin-top: 20px;
  margin-bottom: 20px;
}

.frame-16202 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.main-paragraph {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.design-paragraph {
  border: 1px #000;
  padding-top: 20px;
  padding-bottom: 20px;
}

.div-block-28 {
  align-self: center;
}

.container-162 {
  background-color: var(--white);
  border-radius: 20px;
  flex-direction: column;
  min-width: 375px;
  max-width: none;
  padding: 20px;
  display: flex;
}

.comparison {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.frame-16203 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.frame-16204 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-424 {
  color: #242424;
  text-align: center;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  line-height: 140%;
}

.vectors-wrapper-50 {
  object-fit: cover;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  display: flex;
}

.vectors-wrapper-51 {
  justify-content: center;
  align-items: center;
  width: 2.50808e-13px;
  display: flex;
}

.vectors-wrapper-52 {
  justify-content: center;
  align-items: center;
  width: 1.10647e-13px;
  display: flex;
}

.div-block-29 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.left-heading {
  font-size: 29px;
  font-weight: 600;
}

.div-block-30 {
  padding-bottom: 0;
}

.left-alignment {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.text-block-45 {
  text-align: center;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 29px;
  font-weight: 600;
}

.main-images-4 {
  border-radius: 20px;
  padding: 10px;
}

.image-129 {
  border-radius: 20px;
  min-width: 300px;
  box-shadow: 0 2px 5px #0003;
}

.container-163 {
  padding-bottom: 10px;
}

.image-131 {
  width: 70%;
  max-width: 400px;
  height: 50%;
}

.container-164 {
  max-width: none;
  padding-bottom: 0;
}

.image-132 {
  border-radius: 20px;
  box-shadow: 0 2px 5px #0003;
}

.container-165 {
  background-color: #f2f4f300;
  border-radius: 20px;
  margin-top: 40px;
  margin-bottom: 40px;
}

.container-166 {
  background-color: #f0f2f1;
  border-radius: 10px;
  padding: 20px;
}

.image-133 {
  background-color: #eef0ef;
  border-radius: 10px;
  padding: 10px;
  box-shadow: 0 2px 5px #0003;
}

.green-section {
  background-color: #f1f3f2;
  justify-content: center;
  align-self: center;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
}

.secondary-button125 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border: 2px solid var(--dark-green);
  background-color: #fff;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 46px;
  padding: 4px 12px;
  display: flex;
}

.secondary-button125:hover {
  background-color: var(--white);
  box-shadow: 0 2px 5px #0003;
}

.div-block-31 {
  border-radius: 10px;
  box-shadow: 0 2px 5px #0003;
}

.simple-white-cards {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  text-align: center;
  object-fit: fill;
  border: 1px #000;
  border-bottom-color: #e7e4e4;
  flex-flow: wrap;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: .25fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  place-content: center stretch;
  align-self: flex-start;
  place-items: center stretch;
  width: 100%;
  height: auto;
  padding: 0;
  display: grid;
}

.subheading-20-center {
  color: #585656;
  text-align: left;
  text-transform: undefined;
  justify-content: flex-start;
  width: 99.9998%;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 29px;
  font-weight: 600;
  display: block;
}

.div-block-32 {
  justify-content: center;
  align-self: center;
  max-width: 900px;
  display: flex;
}

.div-block-33 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  display: flex;
}

.design-section {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: var(--white);
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  width: auto;
  max-width: 900px;
  padding: 40px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.container-167 {
  min-width: 300px;
  max-width: none;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.container-168 {
  align-self: center;
  max-width: none;
}

.major-button {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--white);
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  width: auto;
  height: 46px;
  padding: 4px 12px;
  font-size: 14px;
  transition-property: none;
  display: flex;
}

.major-button:hover {
  background-color: var(--dark-green);
  color: var(--white);
  box-shadow: 0 2px 5px #0003;
}

.simple-white-cards-big {
  background-color: var(--white);
  border-radius: 10px;
  width: 900px;
  max-width: none;
  height: auto;
  padding: 20px;
}

.flex-block-2 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.div-block-34 {
  background-color: var(--white);
  border-radius: 20px;
  max-width: 900px;
  padding: 40px;
  box-shadow: 0 2px 5px #0003;
}

.white-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 1px #000;
  border-radius: 20px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin-top: 0;
  padding: 40px 0;
  display: flex;
}

.design-section-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: var(--white);
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 100%;
  max-width: 900px;
  padding: 40px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.subheading-38-copy {
  color: #242424;
  text-align: left;
  align-self: flex-start;
  padding-bottom: 0;
  font-weight: 700;
  line-height: 140%;
}

.white-white-section {
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  max-width: none;
  padding: 40px;
  display: flex;
}

.subheading-38-copy {
  color: #242424;
  text-align: center;
  align-self: center;
  padding-bottom: 0;
  font-size: 40px;
  font-weight: 700;
  line-height: 140%;
}

.div-block-35 {
  align-self: center;
}

.div-block-36 {
  align-self: center;
  max-width: 900px;
}

.div-block-37 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  justify-content: space-between;
  max-width: 900px;
  display: flex;
}

.divider {
  border: 1px #000;
  padding: 40px;
}

.line {
  background-color: #424242;
  width: 100%;
  max-width: none;
  height: 2px;
}

.final {
  justify-content: center;
  align-self: center;
  max-width: none;
  padding: 40px;
  display: flex;
}

.image-134 {
  border: 3px solid #494949;
  border-radius: 20px;
}

.link-10 {
  margin-top: 0;
}

.image-135 {
  width: auto;
  height: auto;
}

.container-169 {
  align-self: flex-start;
}

.subheading-20-left {
  color: var(--black);
  font-weight: 600;
  line-height: 30px;
}

.flex-block-3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: auto;
}

.flex-block-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
}

.paragraph-45 {
  font-size: 26px;
}

.hero-subheading {
  white-space: normal;
  overflow-wrap: normal;
  align-self: flex-start;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 600;
  line-height: 100%;
}

.hero-subsubheading {
  color: var(--dark-slate-grey);
  font-size: 26px;
  font-weight: 400;
}

.flex-block-5 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
}

.actions-56 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 39px;
  margin-top: 0;
  text-decoration: none;
  display: flex;
}

.primo-button-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  background-color: #037b3a;
  border-radius: 30px;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: center;
  height: 46px;
  padding: 4px 12px;
  font-size: 14px;
  transition-property: none;
  display: flex;
}

.primo-button-2:hover {
  color: #fff;
  background-color: #506b5c;
  box-shadow: 0 2px 5px #0003;
}

.div-block-38 {
  display: flex;
}

.text-block-47 {
  color: #027b3a;
  font-weight: 600;
}

.text-highlight {
  color: #027b3a;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.green-highlight {
  background-color: #f1f3f2;
  border-radius: 10px;
  justify-content: center;
  width: 100%;
  max-width: none;
  margin-bottom: auto;
  padding: 10px;
  display: block;
  box-shadow: 0 2px 5px #0003;
}

.improvements {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 2.5fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: none;
  display: block;
}

.container-171 {
  width: 100%;
  max-width: none;
}

.container-172 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  max-width: none;
  display: flex;
}

.highlights {
  color: #848485;
  text-align: left;
  font-size: 17px;
}

.container-173 {
  text-align: left;
}

.container-174 {
  border-radius: 12px;
  width: 100%;
  padding: 20px;
  box-shadow: 0 2px 5px #0003;
}

.div-block-39 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-40 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.div-block-41 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.div-block-42 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.green-subheading {
  color: #027b3a;
  text-align: left;
  align-self: flex-start;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 500;
}

.container-175 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.bold-text-5 {
  font-weight: 400;
}

.text-block-49 {
  color: #585656;
  text-align: left;
  font-weight: 500;
}

.container-176 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.container-177 {
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}

.container-178 {
  border-radius: 20px;
  padding: 20px;
  box-shadow: 0 2px 5px #0003;
}

.container-179 {
  justify-content: flex-start;
  display: flex;
}

.container-180 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.flex-block-7 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
}

.nutshell {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 900px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px;
  display: flex;
  box-shadow: 0 2px 5px #0003;
}

.container-181 {
  align-self: center;
}

.div-block-43 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  max-width: 900px;
  display: flex;
}

.div-block-44 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.container-182 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-self: stretch;
  align-items: center;
  width: 100%;
  display: flex;
}

.container-183 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  align-self: flex-start;
  display: flex;
}

.flex-block-8 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  justify-content: space-between;
  align-self: flex-start;
  align-items: flex-start;
}

.container-184 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  order: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 100%;
  display: block;
}

.text-block-50 {
  color: #7c7c7e;
  font-size: 14px;
}

.image-136 {
  color: #848485;
}

.div-block-45 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-46 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-self: flex-start;
  align-items: center;
  display: flex;
}

.text-block-51 {
  font-weight: 400;
}

.text-block-52 {
  color: #848485;
  text-align: left;
  font-size: 17px;
  font-style: normal;
}

.div-block-47 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
  display: grid;
}

.div-block-47-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.flex-block-9 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.container-185 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  align-self: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-51 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: column;
  display: flex;
}

.flex-block-10 {
  justify-content: flex-start;
  align-self: center;
  align-items: center;
  max-width: 900px;
}

.flex-block-11 {
  align-self: center;
}

.flex-block-12 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: grid;
}

.image-137 {
  min-width: auto;
}

.container-186 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

.flex-block-13 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-self: center;
  align-items: center;
}

.image-138 {
  min-width: auto;
}

.div-block-52 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  align-self: center;
  display: flex;
}

.container-188 {
  align-self: flex-start;
}

.div-block-53 {
  margin-bottom: 0;
  display: block;
}

.flex-block-14 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 0 solid #027b3a;
  justify-content: center;
  align-items: center;
}

.text-block-53 {
  color: #027b3a;
  border-bottom: 1px solid #027b3a;
  border-radius: 2px;
  font-weight: 600;
  text-decoration: none;
}

.container-189 {
  color: #027b3a;
  border-bottom: 2px solid #027b3a;
  padding-left: 0;
  padding-right: 0;
}

.flex-block-15 {
  flex-flow: column;
}

.drop-shadow-card-heading {
  font-size: 26px;
  font-weight: 500;
}

.list-28 {
  color: var(--dark-slate-grey);
  font-size: 17px;
}

.image-140 {
  background-color: #f1f1f1;
  border-radius: 9px;
}

.container-190 {
  margin-bottom: 20px;
}

.list-29, .list-30 {
  color: var(--dark-slate-grey);
  font-size: 17px;
}

.flex-block-16 {
  flex-flow: row;
  place-content: flex-start center;
  align-items: flex-start;
  max-width: 100%;
}

.image-141, .image-142 {
  width: 100%;
  max-width: none;
}

.image-143 {
  mix-blend-mode: normal;
}

.div-block-54 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  justify-items: stretch;
  margin-top: 20px;
  margin-bottom: 20px;
  display: grid;
}

.image-144, .image-145 {
  mix-blend-mode: luminosity;
}

.container-191 {
  align-self: flex-start;
}

.paragraph-46 {
  color: var(--dark-slate-grey);
}

.flex-block-17 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.container-192 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.container-193 {
  border-radius: 20px;
  height: 100%;
  padding: 20px;
  box-shadow: 0 2px 5px #0003;
}

.container-194 {
  border-radius: 20px;
  width: 100%;
  height: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 20px;
  box-shadow: 0 2px 5px #0003;
}

@media screen and (min-width: 1280px) {
  .paragraph-light {
    font-size: 16px;
  }

  .section {
    flex-flow: row;
    width: 100%;
    max-width: 900px;
    display: flex;
  }

  .grey-section {
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 0;
    padding: 40px 0;
    display: flex;
  }

  .espn-bg {
    justify-content: center;
    display: flex;
  }

  .hulu-hero-bg {
    background-image: linear-gradient(197deg, #4d7786, #bbcbd1 18%, #dae3e6 25%, #fff 36%);
    justify-content: center;
    display: flex;
  }

  .sl-hero-bg {
    justify-content: center;
    display: flex;
  }

  .hero-section {
    background-position: 40% 40%;
    background-size: cover;
    height: 400px;
    min-height: 500px;
  }

  .column-30 {
    padding: 0;
  }

  .block-quote-2 {
    font-size: 16px;
  }

  .hero-subtext {
    width: auto;
    font-size: 20px;
    position: relative;
  }

  ._1920-hero {
    padding-left: 60px;
    position: relative;
    top: 80px;
    left: 73px;
  }

  .home-page-div {
    text-align: left;
  }

  .paragraph-21 {
    font-size: 16px;
  }

  .container-61 {
    background-color: #f6f6f6;
  }

  .container-74 {
    flex: 1;
    padding-left: 40px;
  }

  .columns-31 {
    justify-content: center;
    margin: 0 100px;
    display: flex;
  }

  .div-block-14 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .grid-6 {
    grid-template-rows: auto;
    justify-content: center;
    justify-items: center;
  }

  .columns-34 {
    margin: 0;
  }

  .container-102 {
    background-color: #f6f6f6;
  }

  .columns-36 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .image-106 {
    padding-bottom: 40px;
  }

  .container-103 {
    background-color: var(--portfolio-grey);
    padding: 6px 20px 10px;
  }

  .container-104 {
    justify-content: center;
    display: flex;
  }

  .navbar-logo-left-3 {
    background-color: var(--white);
  }

  .frame-14615 {
    justify-content: center;
  }

  .subheading-20 {
    padding-bottom: 20px;
  }

  .frame-14760 {
    text-align: center;
    align-items: flex-start;
  }

  .body-49 {
    text-align: left;
  }

  .body-50 {
    text-align: left;
    align-self: flex-start;
  }

  .logo-with-my-name_thick-22 {
    object-fit: contain;
  }

  .body-52 {
    object-fit: fill;
  }

  .logo-with-my-name_thick-23, .vectors-wrapper-26 {
    object-fit: contain;
  }

  .text-224 {
    text-align: center;
  }

  .chapter {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    border: 1px #000;
    flex-direction: column;
  }

  .navbar-brand-38 {
    justify-content: flex-start;
  }

  .brand {
    min-width: auto;
    padding-top: 0;
  }

  .center-alignment {
    text-align: center;
    justify-content: center;
    align-items: center;
  }

  .body-100 {
    padding-bottom: 20px;
  }

  .frame-15918 {
    align-self: center;
  }

  .frame-15919 {
    flex-direction: row;
    align-self: stretch;
  }

  .frame-15932 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .text-374 {
    padding-top: 20px;
    padding-bottom: 0;
  }

  .frame-15958 {
    border-style: none;
    border-width: 0;
    flex-direction: row;
    justify-content: center;
    align-self: center;
  }

  .frame-15959 {
    max-width: 600px;
    padding-right: 20px;
  }

  .primo-button {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .navbar {
    background-color: var(--white);
  }

  .div-block-29 {
    align-self: center;
  }

  .subheading-20-center {
    padding-bottom: 20px;
  }

  .major-button {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .white-section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    text-align: left;
    border: 1px #000;
    flex-direction: column;
  }

  .primo-button-2 {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .div-block-51 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
}

@media screen and (min-width: 1440px) {
  .project-name-link {
    font-size: 22px;
  }

  .body-2 {
    text-align: center;
  }

  .paragraph-2 {
    text-align: left;
  }

  .section-break-prototype {
    background-color: #919191;
  }

  .column-3 {
    margin-top: 0;
  }

  .case-study-heading {
    text-align: center;
  }

  .heading-14 {
    margin: 0;
  }

  .column-13 {
    text-align: left;
  }

  .grey-section {
    flex-direction: row;
    padding-bottom: 0;
  }

  .grid {
    margin-bottom: 20px;
  }

  .hero-section {
    height: auto;
  }

  .column-40 {
    flex-direction: column;
  }

  .block-quote-2 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .hero-subtext {
    font-size: 22px;
  }

  ._1920-hero {
    top: 100px;
    left: -325px;
  }

  .div-block-13 {
    height: 550px;
  }

  .container-24 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-28 {
    padding: 40px;
  }

  .home-page-div {
    text-align: left;
  }

  .container-29 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .section-11 {
    padding-left: 0;
    padding-right: 0;
  }

  .container-41, .container-42 {
    padding: 40px;
  }

  .heading-30 {
    text-align: center;
  }

  .container-47 {
    padding: 40px;
  }

  .black-button-copy {
    font-size: 22px;
  }

  .black-button-copy.w--current {
    font-size: 20px;
  }

  .container-62 {
    padding: 40px;
  }

  .container-76 {
    margin-bottom: 20px;
  }

  .list-20 {
    margin: 0;
  }

  .container-93 {
    padding: 40px;
  }

  .list-24 {
    margin: 0;
  }

  .lightbox-link-2 {
    margin-top: 0;
  }

  .column-75, .heading-36, .heading-37 {
    text-align: center;
  }

  .image-104 {
    padding-bottom: 20px;
  }

  .heading-38, .heading-39, .heading-40 {
    text-align: center;
  }

  .list-26, .paragraph-42 {
    text-align: left;
  }

  .home-page-button {
    font-size: 22px;
  }

  .home-page-button.w--current {
    font-size: 20px;
  }

  .frame-15959 {
    max-width: none;
  }

  .primo-button {
    text-align: center;
  }

  .text-highlight {
    color: var(--black);
    font-weight: 200;
  }

  .green-highlight {
    border-radius: 20px;
  }

  .div-block-39, .div-block-40, .div-block-41, .div-block-42 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .text-block-48 {
    padding: 0;
    font-weight: 500;
  }

  .green-subheading {
    color: #027b3a;
    font-size: 26px;
    font-weight: 600;
  }
}

@media screen and (min-width: 1920px) {
  .container {
    justify-content: center;
    max-width: none;
    margin: 0;
    display: flex;
  }

  .heading-jumbo {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    padding-bottom: 0;
    padding-right: 0;
    font-size: 40px;
  }

  .paragraph-light {
    margin-right: 20px;
    font-size: 18px;
  }

  .section {
    justify-content: center;
    margin-left: 0;
    margin-right: 0;
    display: block;
  }

  .project-name-link {
    text-align: left;
    font-size: 25px;
    font-weight: 600;
    display: block;
  }

  .contact {
    flex: 1;
    padding-left: 40px;
    padding-right: 40px;
  }

  .about-intro-grid {
    flex: 1;
    grid-template-columns: 2.25fr;
    justify-content: start;
    justify-items: start;
    margin: 0;
  }

  .about-head-text-wrap {
    margin-left: auto;
    margin-right: auto;
  }

  .service-name-text {
    color: var(--black);
  }

  .reference-link {
    font-size: 18px;
  }

  .services-items-grid {
    color: #000;
  }

  .section-2 {
    transition-property: none;
  }

  .paragraph-3 {
    text-align: left;
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
  }

  .heading-14 {
    margin-left: 0;
  }

  .image-9, .image-12 {
    width: 70%;
  }

  .text-block-2 {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .paragraph-13 {
    padding: 0;
  }

  .yellow-cta {
    cursor: auto;
    padding: 20px 40px;
    font-size: 25px;
  }

  .yellow-cta:active {
    color: #d1d1c0;
    background-color: #7e7e7b;
  }

  .column-13 {
    text-align: left;
  }

  .grey-section {
    flex-flow: row;
    grid-template-columns: .75fr 1.25fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .grid-2 {
    grid-template-rows: minmax(auto, .75fr) minmax(auto, .75fr) minmax(auto, .75fr) minmax(auto, .75fr);
    grid-template-columns: minmax(200px, .5fr) .5fr;
    justify-items: center;
  }

  .div-block-4 {
    align-self: center;
    width: 300px;
    display: block;
  }

  .list-6 {
    padding-left: 0;
  }

  .hero-section {
    text-align: left;
    -webkit-text-fill-color: inherit;
    object-fit: fill;
    background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/616e440a16dfc081703ba57e_Headshot%20Hair%20Pulled%20Back%20BW.png");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
    background-clip: border-box;
    border: 1px solid #fff;
    width: auto;
    height: 800px;
    position: static;
  }

  .heading-21 {
    font-size: 20px;
  }

  .columns-16 {
    margin: 0;
  }

  .sl-slider {
    margin: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .columns-18 {
    margin: 40px 0;
  }

  .column-30 {
    padding: 0;
  }

  .image-71 {
    border-radius: 20px;
  }

  .image-72 {
    margin: 0;
  }

  .container-20 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .yellow-button {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: auto;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    padding: 25px 30px;
    font-size: 30px;
    line-height: 35px;
    display: block;
  }

  .yellow-button.w--current {
    border: 1px solid #fbfbdc;
    padding-left: 30px;
    padding-right: 30px;
  }

  .grid-4 {
    margin-top: 0;
  }

  .div-block-11 {
    display: flex;
    position: absolute;
    top: 0;
  }

  .section-8 {
    background-image: url("https://cdn.prod.website-files.com/604994c2b1a3fb746c62bdb6/616e440a16dfc081703ba57e_Headshot%20Hair%20Pulled%20Back%20BW.png");
    background-position: 0 0;
    background-size: 1920px 500px;
    background-attachment: scroll;
  }

  .hero-subtext {
    text-align: left;
    letter-spacing: normal;
    white-space: normal;
    font-size: 30px;
    font-weight: 500;
    line-height: 90px;
  }

  .container-22 {
    grid-column-gap: 16px;
    grid-row-gap: 100px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch start;
    place-items: center start;
    display: grid;
    position: relative;
    inset: 108px 0 0 -350px;
  }

  ._1920-hero {
    grid-column-gap: 16px;
    grid-row-gap: 105px;
    flex: 0 auto;
    grid-template-rows: auto minmax(113px, 1.5fr);
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: space-between start;
    place-items: start;
    display: grid;
    position: relative;
    inset: 146px 40px 40px -400px;
  }

  .div-block-12 {
    align-items: center;
    max-width: 60%;
    display: flex;
  }

  .div-block-13 {
    max-width: none;
    height: auto;
    display: flex;
  }

  .container-23 {
    box-shadow: none;
    text-align: center;
    flex-wrap: wrap;
    place-content: center space-between;
    align-items: center;
    display: flex;
  }

  .button-2 {
    color: #f73403;
  }

  .paragraph-17 {
    margin-bottom: 40px;
  }

  .container-27 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .section-9, .section-10 {
    background-color: #f1f1eb;
  }

  .link-2 {
    font-size: 20px;
    font-weight: 400;
  }

  .bold-text {
    font-weight: 600;
  }

  .paragraph-18, .paragraph-19, .home-page-paragraph, .paragraph-20 {
    font-size: 20px;
  }

  .home-page-div {
    text-align: left;
    width: 580px;
  }

  .columns-19 {
    padding-left: 0;
  }

  .section-13 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .columns-21 {
    margin: 0;
    padding: 20px;
  }

  .container-33 {
    flex-direction: column;
    justify-content: center;
    display: flex;
  }

  .link-3 {
    justify-content: center;
    display: flex;
  }

  .container-37 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-38 {
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 0 0 40px;
    display: flex;
  }

  .image-76 {
    padding-bottom: 40px;
  }

  .container-39, .container-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-41 {
    padding-top: 20px;
  }

  .mask-3 {
    height: 480px;
  }

  .new-hulu-slider {
    color: #000;
    height: auto;
    padding-top: 0;
    padding-bottom: 60px;
    padding-left: 60px;
  }

  .slide-nav-3 {
    background-color: #131313;
  }

  .columns-24 {
    margin: 0;
  }

  .container-47 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-77 {
    border-radius: 20px;
  }

  .columns-25 {
    display: flex;
  }

  .container-49 {
    flex-direction: column;
    display: flex;
  }

  .container-52 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .image-79 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .black-button-copy {
    cursor: auto;
    padding: 20px 40px;
    font-size: 25px;
  }

  .container-56 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-84 {
    margin: auto;
  }

  .container-64 {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-65 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container-67 {
    padding-bottom: 40px;
  }

  .container-71 {
    padding: 0;
  }

  .text-block-13 {
    width: auto;
  }

  .container-73 {
    margin-top: 40px;
    padding: 0;
  }

  .container-74 {
    padding: 40px;
  }

  .grid-5 {
    grid-column-gap: 25px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2fr;
  }

  .columns-31 {
    flex-wrap: wrap;
    place-content: center flex-start;
    margin: 0 240px;
    display: block;
  }

  .column-60 {
    padding-right: 20px;
  }

  .list-9, .list-10 {
    padding-left: 0;
  }

  .body-3 {
    text-align: left;
  }

  .container-75 {
    align-items: center;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
  }

  .text-block-14, .text-block-18, .text-block-19, .text-block-20, .text-block-21, .text-block-22, .text-block-23, .text-block-24 {
    font-size: 16px;
  }

  .section-18 {
    margin-top: 20px;
  }

  .columns-32 {
    margin: 20px;
  }

  .columns-33 {
    margin: 20px 0;
  }

  .container-76 {
    padding-left: 0;
  }

  .section-19 {
    margin-left: auto;
    margin-right: auto;
  }

  .container-78 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-14 {
    margin-left: 0;
    margin-right: 0;
  }

  .link-4 {
    font-size: 25px;
    font-weight: 600;
    text-decoration: none;
    display: block;
  }

  .link-5 {
    font-size: 25px;
    font-weight: 600;
    text-decoration: none;
  }

  .grid-6 {
    grid-template-columns: 1fr 1fr;
    max-width: 1000px;
  }

  .image-87 {
    margin: 0;
  }

  .container-79, .container-80 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-8 {
    grid-column-gap: 25px;
    grid-template-columns: 1fr 2fr;
  }

  .heading-31 {
    text-align: left;
  }

  .image-89 {
    width: 100%;
  }

  .slide-3 {
    padding-bottom: 20px;
  }

  .container-92 {
    margin-right: auto;
  }

  .home-page-button {
    cursor: auto;
    padding: 20px 40px;
    font-size: 25px;
  }

  .home-page-button:active {
    color: #d1d1c0;
    background-color: #7e7e7b;
  }

  .navbar-logo-left-3 {
    justify-content: space-around;
    width: 100%;
    max-width: none;
    display: inline-block;
    position: sticky;
    top: 0;
  }

  .frame-14603 {
    justify-content: space-around;
  }

  .chapter {
    border: 1px #000;
  }

  .title-33 {
    color: #1a1b1f00;
  }

  .frame-15924 {
    margin-top: 0;
  }

  .primo-button {
    justify-content: center;
    display: flex;
  }

  .navbar-2 {
    background-color: var(--white);
  }

  .navbar-3 {
    background-color: #fff;
  }

  .section-22 {
    object-fit: fill;
    order: 0;
    align-self: stretch;
    overflow: auto;
  }

  .image-129 {
    box-shadow: none;
  }

  .white-section {
    border: 1px #000;
  }

  .final {
    box-shadow: none;
  }

  .nutshell {
    margin-top: 0;
    margin-bottom: 0;
  }

  .container-187 {
    text-align: left;
  }
}

@media screen and (max-width: 991px) {
  .heading-jumbo {
    object-fit: cover;
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    position: absolute;
    top: 19%;
    left: 18%;
  }

  .paragraph-light {
    font-size: 16px;
  }

  .section {
    flex-wrap: nowrap;
  }

  .section.cc-contact {
    padding-left: 0;
    padding-right: 0;
  }

  .button {
    justify-content: center;
  }

  .logo-link {
    text-align: left;
    display: block;
  }

  .logo-link.w--current {
    flex: 1;
    order: -1;
    align-self: center;
    margin-top: 0;
  }

  .menu-icon {
    display: block;
  }

  .navigation-item {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .navigation-items {
    background-color: #fff;
    flex: 1;
    justify-content: space-around;
    align-self: center;
  }

  .navigation {
    padding: 25px 30px;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .logo-image {
    display: inline-block;
    position: static;
  }

  .navigation-wrap {
    margin-right: 0;
  }

  .works-grid {
    flex-direction: column;
    align-items: stretch;
    display: flex;
  }

  .carrer-headline-wrap {
    width: auto;
  }

  .work-image {
    margin-bottom: 30px;
  }

  .project-name-link {
    font-size: 18px;
  }

  .contact {
    width: auto;
    padding: 10px 0;
  }

  .contact-headline, .contact-form-wrap {
    width: 100%;
  }

  .about-intro-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
  }

  .about-head-text-wrap {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .service-name-text {
    font-size: 24px;
    line-height: 42px;
  }

  .skillset-wrap {
    flex-wrap: wrap;
    align-content: stretch;
    padding-right: 0;
    display: flex;
  }

  .reference-link {
    font-size: 16px;
  }

  .services-items-grid {
    grid-column-gap: 16px;
    grid-row-gap: 0px;
    grid-template: "."
                   "."
                   / .75fr 1fr;
    grid-auto-columns: 1fr;
    padding-top: 0;
    display: grid;
  }

  .skills-grid {
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    display: flex;
  }

  .personal-features-grid {
    text-align: left;
    grid-template: "."
                   "."
                   "."
                   "."
                   / 1.75fr;
    grid-auto-columns: 1.5fr;
    width: 80%;
    margin: 0;
    font-size: 12px;
    display: block;
  }

  .speaking-text {
    font-size: 16px;
  }

  .social-media-heading {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .social-media-grid {
    grid-template: ". ."
                   ". ."
                   ". ."
                   ". ."
                   / 1fr 1fr;
  }

  .project-overview-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }

  .project-description-grid {
    grid-row-gap: 50px;
    text-align: center;
    grid-template: "."
                   "."
                   / 1fr;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }

  .email-section {
    margin-bottom: 160px;
  }

  .email-link {
    font-size: 36px;
    line-height: 54px;
  }

  .big-heading {
    font-size: 28px;
  }

  .paragraph-13 {
    margin: 0;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .columns-5 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .div-block-2 {
    font-size: 14px;
  }

  .image-35 {
    width: 90%;
  }

  .list-6 {
    text-align: left;
  }

  .hero-section {
    background-position: 50%;
    background-size: cover;
  }

  .image-70 {
    text-align: left;
    width: 71%;
    padding-top: 40px;
    display: inline-block;
  }

  .columns-16 {
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    display: flex;
  }

  .heading-22 {
    text-align: left;
  }

  .container-15 {
    display: block;
  }

  .div-block-6 {
    font-size: 14px;
  }

  .column-30 {
    padding: 0;
  }

  .image-73, .image-74 {
    width: 90%;
  }

  .block-quote-2 {
    font-size: 12px;
  }

  .yellow-button {
    margin-top: 0;
    padding-left: 12px;
    padding-right: 12px;
    font-size: 12px;
  }

  .grid-4 {
    grid-column-gap: 16px;
    grid-row-gap: 12px;
    grid-template-rows: minmax(auto, .25fr) auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    place-content: start;
    align-items: start;
    display: grid;
    top: 14%;
    left: 10%;
  }

  .div-block-8 {
    display: block;
  }

  .hero-subtext {
    width: auto;
    font-size: 16px;
    position: relative;
  }

  ._1920-hero {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1.5fr;
    top: 39px;
    left: -200px;
  }

  .paragraph-21 {
    font-size: 12px;
  }

  .image-77 {
    border-radius: 20px;
  }

  .black-button-copy {
    font-size: 14px;
  }

  .container-74 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-5 {
    grid-template-columns: 1fr 2fr;
  }

  .columns-31 {
    margin: 0;
  }

  .list-10 {
    padding-left: 0;
  }

  .text-block-14, .text-block-18, .text-block-19, .text-block-20, .text-block-21, .text-block-22, .text-block-23, .text-block-24 {
    font-size: 14px;
  }

  .grid-6 {
    grid-template-rows: auto auto;
  }

  .div-block-15 {
    flex-direction: row;
    align-items: center;
    display: block;
  }

  .image-88 {
    height: 100%;
  }

  .text-block-34, .text-block-35 {
    font-size: 14px;
  }

  .grid-7 {
    grid-template-columns: 1fr;
  }

  .columns-34 {
    margin: 0;
  }

  .grid-8, .column-62, .div-block-16 {
    font-size: 14px;
  }

  .image-90 {
    height: 100%;
  }

  .image-96, .image-97, .image-98 {
    padding: 10px;
  }

  .home-page-button {
    font-size: 14px;
  }

  .section-20 {
    background-size: cover;
  }

  .bold-text-4 {
    line-height: 40px;
  }

  .navbar-logo-left {
    padding-right: 0;
  }

  .navbar-menu {
    max-width: unset;
  }

  .navbar-link, .navbar-button {
    justify-content: center;
  }

  .container-108, .columns-41, .columns-42 {
    flex-direction: column;
    align-items: center;
  }

  .column-81, .content-2, .footer-links-2, .content-3 {
    align-items: center;
  }

  .navbar-logo-left-2 {
    padding-right: 0;
  }

  .navbar-menu-2 {
    max-width: unset;
  }

  .navbar-link-2 {
    justify-content: center;
  }

  .container-109, .columns-43, .columns-44 {
    flex-direction: column;
    align-items: center;
  }

  .column-83, .content-4, .content-5, .content-6 {
    align-items: center;
  }

  .container-110, .columns-45, .columns-46 {
    flex-direction: column;
    align-items: center;
  }

  .column-86, .content-7, .content-8, .content-9 {
    align-items: center;
  }

  .container-111, .columns-47, .columns-48 {
    flex-direction: column;
    align-items: center;
  }

  .column-89, .content-10, .content-11, .content-12 {
    align-items: center;
  }

  .container-112, .columns-49 {
    flex-direction: column;
    align-items: center;
  }

  .column-92, .content-13, .content-14, .content-15 {
    align-items: center;
  }

  .container-113 {
    flex-direction: column;
    align-items: center;
  }

  .column-95, .content-16, .content-17, .content-18 {
    align-items: center;
  }

  .container-114 {
    flex-direction: column;
    align-items: center;
  }

  .column-98, .content-19, .content-20, .content-21 {
    align-items: center;
  }

  .container-115 {
    flex-direction: column;
    align-items: center;
  }

  .column-101, .content-22, .content-23 {
    align-items: center;
  }

  .container-116 {
    flex-direction: column;
    align-items: center;
  }

  .column-104 {
    align-items: center;
  }

  .container-117, .columns-50 {
    flex-direction: column;
    align-items: center;
  }

  .column-107 {
    align-items: center;
  }

  .navbar-link-3, .navbar-link-4, .navbar-link-5 {
    justify-content: center;
  }

  .container-118, .columns-51 {
    flex-direction: column;
    align-items: center;
  }

  .column-110 {
    align-items: center;
  }

  .navbar-link-6, .navbar-link-7 {
    justify-content: center;
  }

  .container-119 {
    flex-direction: column;
    align-items: center;
  }

  .column-113 {
    align-items: center;
  }

  .container-120 {
    flex-direction: column;
    align-items: center;
  }

  .column-116 {
    align-items: center;
  }

  .container-121 {
    flex-direction: column;
    align-items: center;
  }

  .column-119 {
    align-items: center;
  }

  .container-122 {
    flex-direction: column;
    align-items: center;
  }

  .column-122 {
    align-items: center;
  }

  .navbar-logo-left-3 {
    padding-right: 0;
  }

  .navbar-menu-3 {
    max-width: unset;
  }

  .navbar-link-8, .navbar-link-9, .navbar-link-10 {
    justify-content: center;
  }

  .container-123, .columns-52, .columns-53 {
    flex-direction: column;
    align-items: center;
  }

  .column-125, .content-24, .content-25, .content-26 {
    align-items: center;
  }

  .navbar-menu-4 {
    max-width: unset;
  }

  .navbar-link-11, .navbar-link-12, .navbar-link-13 {
    justify-content: center;
  }

  .container-124, .columns-54, .columns-55 {
    flex-direction: column;
    align-items: center;
  }

  .column-128, .content-27, .content-28, .content-29 {
    align-items: center;
  }

  .navbar-menu-5 {
    max-width: unset;
  }

  .navbar-link-14, .navbar-link-15, .navbar-link-16 {
    justify-content: center;
  }

  .container-125, .columns-56, .columns-57 {
    flex-direction: column;
    align-items: center;
  }

  .column-131, .content-30, .content-31, .content-32 {
    align-items: center;
  }

  .navbar-menu-6 {
    max-width: unset;
  }

  .navbar-link-17, .navbar-link-18, .navbar-link-19 {
    justify-content: center;
  }

  .container-126, .columns-58 {
    flex-direction: column;
    align-items: center;
  }

  .column-134, .content-33, .content-34, .content-35 {
    align-items: center;
  }

  .navbar-menu-7 {
    max-width: unset;
  }

  .navbar-link-20, .navbar-link-21, .navbar-link-22 {
    justify-content: center;
  }

  .container-127, .columns-59 {
    flex-direction: column;
    align-items: center;
  }

  .column-137, .content-36, .content-37, .content-38 {
    align-items: center;
  }

  .navbar-menu-8 {
    max-width: unset;
  }

  .navbar-link-23, .navbar-link-24, .navbar-link-25 {
    justify-content: center;
  }

  .container-128, .columns-60 {
    flex-direction: column;
    align-items: center;
  }

  .column-140, .content-39, .content-40, .content-41 {
    align-items: center;
  }

  .navbar-menu-9 {
    max-width: unset;
  }

  .navbar-link-26, .navbar-link-27, .navbar-link-28 {
    justify-content: center;
  }

  .container-129, .columns-61 {
    flex-direction: column;
    align-items: center;
  }

  .column-143, .content-42, .content-43, .content-44 {
    align-items: center;
  }

  .navbar-menu-10 {
    max-width: unset;
  }

  .navbar-link-29, .navbar-link-30, .navbar-link-31 {
    justify-content: center;
  }

  .container-130, .columns-62 {
    flex-direction: column;
    align-items: center;
  }

  .column-146, .content-45, .content-46, .content-47 {
    align-items: center;
  }

  .navbar-menu-11 {
    max-width: unset;
  }

  .navbar-link-32, .navbar-link-33, .navbar-link-34 {
    justify-content: center;
  }

  .container-131 {
    flex-direction: column;
    align-items: center;
  }

  .column-149, .content-48, .content-49, .content-50 {
    align-items: center;
  }

  .navbar-menu-12 {
    max-width: unset;
  }

  .navbar-link-35, .navbar-link-36, .navbar-link-37 {
    justify-content: center;
  }

  .container-132, .columns-63 {
    flex-direction: column;
    align-items: center;
  }

  .column-152, .content-51, .content-52, .content-53 {
    align-items: center;
  }

  .navbar-menu-13 {
    max-width: unset;
  }

  .navbar-link-38, .navbar-link-39, .navbar-link-40 {
    justify-content: center;
  }

  .container-133, .columns-64 {
    flex-direction: column;
    align-items: center;
  }

  .column-155, .content-54, .content-55, .content-56 {
    align-items: center;
  }

  .navbar-menu-14 {
    max-width: unset;
  }

  .navbar-link-41, .navbar-link-42, .navbar-link-43 {
    justify-content: center;
  }

  .container-134, .columns-65 {
    flex-direction: column;
    align-items: center;
  }

  .column-159, .content-58, .content-59, .content-60 {
    align-items: center;
  }

  .navbar-menu-15 {
    max-width: unset;
  }

  .navbar-link-44, .navbar-link-45, .navbar-link-46 {
    justify-content: center;
  }

  .container-135 {
    flex-direction: column;
    align-items: center;
  }

  .column-161, .content-61, .content-62, .content-63 {
    align-items: center;
  }

  .navbar-menu-16 {
    max-width: unset;
  }

  .navbar-link-47, .navbar-link-48, .navbar-link-49 {
    justify-content: center;
  }

  .container-136 {
    flex-direction: column;
    align-items: center;
  }

  .column-164, .content-64, .content-65, .content-66 {
    align-items: center;
  }

  .navbar-menu-17 {
    max-width: unset;
  }

  .container-137 {
    flex-direction: column;
    align-items: center;
  }

  .column-167, .content-67, .content-68, .content-69 {
    align-items: center;
  }

  .navbar-menu-18 {
    max-width: unset;
  }

  .container-138 {
    flex-direction: column;
    align-items: center;
  }

  .column-169 {
    grid-column-gap: 12px;
    grid-row-gap: 0px;
  }

  .frame-14608 {
    height: auto;
  }

  .frame-14615 {
    justify-content: center;
  }

  .column-170, .content-70, .content-71, .content-72 {
    align-items: center;
  }

  .navbar-menu-19 {
    max-width: unset;
  }

  .container-139 {
    flex-direction: column;
    align-items: center;
  }

  .column-173, .content-73, .content-74, .content-75 {
    align-items: center;
  }

  .navbar-menu-20 {
    max-width: unset;
  }

  .container-140 {
    flex-direction: column;
    align-items: center;
  }

  .subheading-20 {
    text-align: center;
  }

  .column-176, .content-76, .content-77, .content-78 {
    align-items: center;
  }

  .navbar-menu-21 {
    max-width: unset;
  }

  .container-141 {
    flex-direction: column;
    align-items: center;
  }

  .column-179, .content-79, .content-80, .content-81 {
    align-items: center;
  }

  .navbar-menu-22 {
    max-width: unset;
  }

  .container-142 {
    flex-direction: column;
    align-items: center;
  }

  .column-182, .content-82, .content-83, .content-84 {
    align-items: center;
  }

  .navbar-menu-23 {
    max-width: unset;
  }

  .container-143 {
    flex-direction: column;
    align-items: center;
  }

  .chapter-2 {
    flex-wrap: wrap;
  }

  .column-185, .content-85, .content-86, .content-87 {
    align-items: center;
  }

  .navbar-menu-24 {
    max-width: unset;
  }

  .container-144 {
    flex-direction: column;
    align-items: center;
  }

  .column-188, .content-88, .content-89, .content-90 {
    align-items: center;
  }

  .navbar-menu-25 {
    max-width: unset;
  }

  .container-145 {
    flex-direction: column;
    align-items: center;
  }

  .column-191, .content-91, .content-92, .content-93 {
    align-items: center;
  }

  .navbar-menu-26 {
    max-width: unset;
  }

  .container-146 {
    flex-direction: column;
    align-items: center;
  }

  .column-194, .content-94 {
    align-items: center;
  }

  .navbar-menu-27 {
    max-width: unset;
  }

  .container-147 {
    flex-direction: column;
    align-items: center;
  }

  .column-197 {
    align-items: center;
  }

  .navbar-menu-28 {
    max-width: unset;
  }

  .container-148 {
    flex-direction: column;
    align-items: center;
  }

  .column-200 {
    align-items: center;
  }

  .navbar-menu-29 {
    max-width: unset;
  }

  .container-149 {
    flex-direction: column;
    align-items: center;
  }

  .column-203 {
    align-items: center;
  }

  .navbar-menu-30 {
    max-width: unset;
  }

  .container-150 {
    flex-direction: column;
    align-items: center;
  }

  .column-206 {
    align-items: center;
  }

  .navbar-menu-31 {
    max-width: unset;
  }

  .container-151 {
    flex-direction: column;
    align-items: center;
  }

  .column-209 {
    align-items: center;
  }

  .navbar-menu-32 {
    max-width: unset;
  }

  .container-152 {
    flex-direction: column;
    align-items: center;
  }

  .column-212 {
    align-items: center;
  }

  .navbar-menu-33 {
    max-width: unset;
  }

  .container-153 {
    flex-direction: column;
    align-items: center;
  }

  .column-215 {
    align-items: center;
  }

  .navbar-menu-34 {
    max-width: unset;
  }

  .container-154 {
    flex-direction: column;
    align-items: center;
  }

  .column-218 {
    align-items: center;
  }

  .navbar-menu-35 {
    max-width: unset;
  }

  .container-155 {
    flex-direction: column;
    align-items: center;
  }

  .column-221 {
    align-items: center;
  }

  .navbar-menu-36 {
    max-width: unset;
  }

  .column-224 {
    align-items: center;
  }

  .navbar-menu-37 {
    max-width: unset;
  }

  .column-227 {
    align-items: center;
  }

  .navbar-menu-38 {
    max-width: unset;
  }

  .text-375 {
    font-size: 14px;
    font-style: normal;
  }

  .column-230 {
    align-items: center;
  }

  .navbar-menu-39 {
    max-width: unset;
  }

  .container-156, .columns-66 {
    flex-direction: column;
    align-items: center;
  }

  .column-234 {
    align-items: center;
  }

  .navbar-menu-40 {
    max-width: unset;
  }

  .navbar-link-50, .navbar-link-51, .navbar-link-52 {
    justify-content: center;
  }

  .container-157, .columns-67 {
    flex-direction: column;
    align-items: center;
  }

  .column-237 {
    align-items: center;
  }

  .navbar-link-53, .navbar-link-54, .navbar-link-55 {
    justify-content: center;
  }

  .container-158, .columns-68, .columns-69 {
    flex-direction: column;
    align-items: center;
  }

  .column-241 {
    align-items: center;
  }

  .navbar-link-56, .navbar-link-57, .navbar-link-58 {
    justify-content: center;
  }

  .container-159 {
    flex-direction: column;
    align-items: center;
  }

  .pricing-item-101 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .frame-16035 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .pricing-item-103, .pricing-item-104, .pricing-item-105 {
    flex-direction: column;
  }

  .columns-70 {
    flex-direction: column;
    align-items: center;
  }

  .column-245 {
    align-items: center;
  }

  .navbar-logo-left-4 {
    padding-right: 0;
  }

  .navbar-menu-41 {
    max-width: unset;
  }

  .navbar-link-59, .navbar-link-60, .navbar-link-61 {
    justify-content: center;
  }

  .columns-71 {
    flex-direction: column;
    align-items: center;
  }

  .column-247, .content-99, .content-100, .content-101 {
    align-items: center;
  }

  .navbar-menu-42 {
    max-width: unset;
  }

  .navbar-link-62 {
    justify-content: center;
  }

  .columns-72 {
    flex-direction: column;
    align-items: center;
  }

  .column-249, .content-102, .content-103, .content-104 {
    align-items: center;
  }

  .container-161 {
    text-align: left;
    max-width: 728px;
  }

  .hero-wrapper {
    flex-flow: column;
    justify-content: flex-start;
    align-self: center;
    align-items: center;
    margin-bottom: -40px;
  }

  .hero-split {
    justify-content: center;
    align-self: center;
    align-items: flex-start;
    max-width: 100%;
    margin-bottom: 40px;
  }

  .flex-block {
    justify-content: flex-start;
    align-items: center;
  }

  .subheading-20-center {
    text-align: left;
  }

  .design-section, .div-block-34 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .white-section {
    flex-direction: row;
    display: block;
  }

  .design-section-copy {
    margin-left: 20px;
    margin-right: 20px;
  }

  .white-white-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .link-10 {
    margin-top: 0;
  }

  .hero-subheading {
    align-self: center;
  }

  .hero-subsubheading {
    text-align: center;
    align-self: center;
  }

  .flex-block-5 {
    justify-content: center;
    align-items: center;
  }

  .flex-block-6 {
    flex-flow: row;
  }

  .div-block-44 {
    flex-flow: column;
  }

  .div-block-48, .div-block-49, .div-block-50 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: flex;
  }

  .div-block-47-copy {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .flex-block-9 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
}

@media screen and (max-width: 767px) {
  .container {
    text-align: center;
  }

  .heading-jumbo {
    font-size: 50px;
    line-height: 64px;
  }

  .paragraph-light {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 11px;
  }

  .section {
    flex-direction: column;
    margin: 20px 0;
  }

  .section.cc-contact {
    padding: 15px 0;
  }

  .paragraph-bigger {
    font-size: 16px;
    line-height: 28px;
  }

  .logo-link {
    padding-left: 0;
  }

  .navigation {
    padding: 20px 30px;
  }

  .work-position-wrap {
    margin-bottom: 40px;
  }

  .project-name-link {
    font-size: 16px;
    line-height: 28px;
  }

  .text-field.cc-textarea {
    text-align: left;
  }

  .contact {
    padding: 0;
  }

  .contact-headline {
    margin-bottom: 20px;
  }

  .contact-form-grid {
    grid-column-gap: 30px;
    grid-template: "."
                   "."
                   "."
                   / 1fr;
  }

  .contact-form {
    flex-direction: column;
    display: flex;
  }

  .contact-form-wrap {
    text-align: left;
  }

  .footer-wrap {
    text-align: center;
    flex-direction: column;
  }

  .webflow-link {
    margin-bottom: 15px;
  }

  .footer-links {
    flex-direction: column;
  }

  .footer-item {
    margin: 10px 0;
  }

  .about-head-text-wrap {
    width: 70%;
    max-width: 470px;
  }

  .services-items-grid {
    grid-row-gap: 16px;
    grid-template-columns: 1fr 1fr;
  }

  .skills-grid {
    grid-template-columns: 1fr;
    width: 70%;
    max-width: 470px;
  }

  .personal-features-grid, .social-media-heading {
    width: 70%;
    max-width: 470px;
  }

  .social-media-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-columns: 1fr 1fr;
  }

  .project-overview-grid {
    width: 80%;
    max-width: 470px;
    margin-top: 90px;
    margin-bottom: 95px;
  }

  .project-description-grid {
    width: 70%;
    max-width: 470px;
    margin-top: 90px;
    margin-bottom: 85px;
  }

  .comp-analysis-image {
    margin-bottom: 15px;
  }

  .email-section {
    width: 80%;
    max-width: 470px;
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .email-link {
    font-size: 36px;
    line-height: 54px;
  }

  .utility-page-wrap {
    padding: 15px;
  }

  ._404-wrap {
    padding: 30px;
  }

  .paragraph-13 {
    margin: 0;
  }

  .columns-5 {
    display: flex;
  }

  .image-26 {
    height: 900px;
  }

  .grey-section {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-35 {
    width: auto;
  }

  .grid {
    grid-template-rows: 0 492px;
  }

  .slide-nav {
    flex-direction: column;
    display: flex;
  }

  .columns-13 {
    flex-direction: column;
  }

  .div-block-4 {
    width: 100%;
  }

  .heading-21 {
    text-align: left;
    margin: 0;
    font-size: 16px;
  }

  .columns-17 {
    flex-direction: column;
  }

  .hero-subtext {
    font-size: 15px;
    line-height: 40px;
  }

  ._1920-hero {
    grid-template-columns: .75fr;
    top: 75px;
    left: -66px;
  }

  .columns-20 {
    flex-direction: column-reverse;
  }

  .section-15 {
    margin: 0;
  }

  .container-44, .columns-30 {
    flex-direction: column;
  }

  .container-71 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-72 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .grid-5 {
    grid-template-columns: 1fr minmax(200px, 1fr);
    justify-content: space-between;
    justify-items: stretch;
    margin-right: 0;
  }

  .columns-31 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .list-10 {
    padding-left: 0;
  }

  .grid-7 {
    flex-direction: column;
    margin: 0;
    display: flex;
  }

  .container-79 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-61 {
    margin-bottom: 20px;
  }

  .grid-8 {
    grid-column-gap: 12px;
    grid-template-columns: 1fr 1.25fr;
  }

  .image-90 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .image-91 {
    width: 22%;
  }

  .image-92 {
    text-align: left;
    object-fit: contain;
    width: 479vw;
    margin: 0;
  }

  .image-95 {
    height: 100%;
  }

  .image-96, .image-97, .image-98 {
    padding: 10px;
  }

  .container-105 {
    flex-direction: column;
  }

  .heading-hero {
    font-size: 16px;
    line-height: 40px;
  }

  .bold-text-4 {
    font-size: 16px;
    line-height: 30px;
  }

  .heading-45 {
    line-height: 30px;
  }

  .pricing-item, .pricing-info, .small-columns-2, .pricing-item-2, .pricing-info-2, .pricing-info-3, .pricing-item-3, .small-columns-6, .pricing-info-4, .pricing-info-5, .pricing-item-4, .pricing-info-6, .pricing-item-5, .pricing-item-6 {
    flex-direction: column;
    align-items: center;
  }

  .title-copy-goes-here-be-awesome-3 {
    font-size: 30px;
  }

  .pricing-info-7, .pricing-info-8, .pricing-item-7, .pricing-item-8, .pricing-item-9, .pricing-info-9, .pricing-item-10, .pricing-info-10, .pricing-item-11, .pricing-info-11, .pricing-item-12, .pricing-info-12, .pricing-item-13, .pricing-info-13, .pricing-item-14, .small-columns-27, .pricing-item-15, .pricing-info-14, .pricing-item-16, .pricing-info-15, .pricing-item-17, .pricing-info-16, .pricing-item-18, .pricing-info-17, .pricing-item-19, .pricing-info-18, .pricing-item-20, .pricing-item-21, .pricing-info-19, .pricing-item-22, .pricing-info-20, .pricing-item-23, .pricing-info-21, .pricing-item-24, .pricing-info-22, .pricing-item-25, .pricing-info-23, .pricing-item-26 {
    flex-direction: column;
    align-items: center;
  }

  .pricing-info-24 {
    flex-direction: column;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
  }

  .pricing-item-27, .pricing-item-28, .pricing-item-29, .pricing-item-30, .pricing-item-31, .pricing-item-32, .pricing-item-33, .pricing-item-34, .pricing-item-35, .pricing-item-36, .pricing-item-37, .pricing-item-38, .pricing-item-39, .pricing-item-40, .pricing-item-41, .pricing-item-42, .pricing-item-43, .pricing-item-44, .pricing-item-45, .pricing-item-46, .pricing-item-47, .pricing-item-48, .pricing-item-49, .pricing-item-50, .pricing-item-51, .pricing-item-52, .pricing-item-53, .pricing-item-54, .pricing-item-55, .pricing-item-56, .pricing-item-57, .pricing-item-58, .pricing-item-59, .pricing-item-60, .pricing-item-61, .pricing-item-62, .pricing-item-63, .pricing-item-64, .pricing-item-65, .pricing-item-66, .pricing-item-67, .pricing-item-68, .pricing-item-69, .pricing-item-70, .pricing-item-71, .pricing-item-72, .pricing-item-73, .pricing-item-74, .pricing-item-75, .pricing-item-76, .pricing-item-77, .pricing-item-78, .pricing-item-79, .pricing-item-80, .pricing-item-81, .pricing-item-82, .pricing-item-83, .pricing-item-84, .pricing-item-85 {
    flex-direction: column;
    align-items: center;
  }

  .subheading-20 {
    text-align: center;
  }

  .subheading-20.left {
    align-self: center;
  }

  .chapter-2 {
    flex-direction: column;
  }

  .rolestools-duration-9 {
    text-align: left;
    justify-content: center;
    align-items: center;
  }

  .subheading-38 {
    align-self: center;
  }

  .subheading {
    text-align: left;
  }

  .frame-15918 {
    max-width: none;
  }

  .text-371 {
    text-align: center;
    align-self: center;
  }

  .frame-15959 {
    align-self: center;
    padding-right: 0;
  }

  .frame-15974 {
    text-align: center;
    padding-bottom: 20px;
  }

  .frame-15976 {
    object-fit: fill;
  }

  .actions-46 {
    justify-content: center;
  }

  .pricing-item-86, .pricing-item-87, .pricing-item-88, .pricing-item-89, .pricing-item-90, .pricing-item-91, .pricing-item-92, .pricing-item-93, .pricing-item-94, .pricing-item-95, .pricing-item-96, .pricing-item-97, .pricing-item-98, .pricing-item-99, .pricing-item-100 {
    flex-direction: column;
    align-items: center;
  }

  .column-243 {
    justify-content: space-between;
    align-items: flex-start;
  }

  .pricing-item-101 {
    flex-direction: column;
    align-items: center;
  }

  .frame-16035 {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: center;
  }

  .text-396 {
    align-self: flex-start;
  }

  .pricing-item-102, .pricing-item-103, .pricing-item-104, .pricing-item-105 {
    flex-direction: column;
    align-items: center;
  }

  .navbar-4 {
    position: absolute;
    inset: auto auto 0% 0%;
  }

  .hero-heading-left-47 {
    padding: 60px 15px;
  }

  .hero-wrapper {
    align-self: center;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  .hero-split {
    justify-content: center;
    align-self: center;
    align-items: center;
    display: flex;
  }

  .flex-block {
    align-self: center;
  }

  .frame-16202 {
    flex-flow: wrap;
  }

  .left-alignment {
    text-align: left;
  }

  .text-block-45 {
    text-align: center;
  }

  .simple-white-cards {
    width: 100%;
    height: auto;
  }

  .subheading-20-center {
    text-align: left;
  }

  .design-section {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: auto;
    align-items: center;
    display: block;
  }

  .flex-block-2 {
    flex-flow: column;
  }

  .div-block-34 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .design-section-copy {
    width: 100%;
    margin-left: 20px;
    margin-right: 20px;
  }

  .subheading-38-copy {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .white-white-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-37 {
    flex-flow: column;
  }

  .hero-subheading {
    text-align: center;
    align-self: center;
    min-height: auto;
  }

  .container-175 {
    align-self: center;
  }

  .flex-block-7 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    align-self: flex-start;
  }

  .nutshell {
    flex-flow: column;
  }

  .div-block-52 {
    align-self: flex-start;
  }

  .container-187 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 479px) {
  img {
    width: auto;
    height: auto;
  }

  .heading-jumbo {
    letter-spacing: 0;
    object-fit: contain;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: auto;
    height: auto;
    max-height: none;
    margin: 0;
    padding: 0;
    font-size: 8px;
    font-weight: 600;
    line-height: 10px;
    display: flex;
    position: sticky;
    inset: 0% auto auto 0%;
    overflow: visible;
  }

  .paragraph-light {
    font-size: 14px;
    line-height: 30px;
  }

  .section {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    justify-content: space-between;
    display: flex;
  }

  .section.cc-contact {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }

  .navigation {
    padding-left: 20px;
    padding-right: 20px;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .project-name-link {
    margin-top: 0;
    font-size: 16px;
  }

  .contact {
    padding: 5px 0;
  }

  .contact-form {
    flex-direction: column;
    align-items: flex-start;
  }

  .contact-form-wrap, .footer-wrap {
    flex-direction: column;
  }

  .footer-item {
    align-self: center;
  }

  .about-intro-grid {
    margin-left: 20px;
    margin-right: 20px;
  }

  .about-head-text-wrap {
    width: 100%;
    max-width: none;
  }

  .service-name-text {
    text-align: center;
    font-size: 18px;
  }

  .reference-link {
    font-size: 14px;
  }

  .services-items-grid {
    text-align: center;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 9px;
  }

  .skills-grid {
    text-align: left;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: none;
    margin-left: auto;
    padding-left: 0;
    display: block;
  }

  .personal-features-grid {
    text-align: left;
    width: 100%;
    max-width: none;
    padding: 0;
    display: block;
  }

  .speaking-text {
    font-size: 14px;
  }

  .social-media-heading, .project-overview-grid, .project-description-grid {
    width: 100%;
    max-width: none;
  }

  .email-section {
    flex-direction: column;
    align-items: center;
    width: 100%;
    max-width: none;
    display: flex;
  }

  .email-link {
    font-size: 30px;
    line-height: 46px;
  }

  .paragraph-2 {
    margin: 0;
    padding-left: 0;
  }

  .big-heading {
    margin-top: 20px;
    padding: 10px 0;
    font-size: 22px;
    line-height: 40px;
  }

  .section-break-prototype {
    justify-content: center;
    display: flex;
  }

  .section-headline {
    font-size: 30px;
  }

  .columns {
    margin: 10px;
  }

  .column-3 {
    margin-top: 0;
  }

  .case-study-heading {
    justify-content: center;
    margin: 10px auto;
    font-size: 25px;
    display: flex;
  }

  .heading-14 {
    text-align: left;
    margin: 0 0 10px;
  }

  .heading-18 {
    font-size: 15px;
  }

  .image-9 {
    width: 100%;
    margin: auto;
  }

  .image-11 {
    flex: 1;
    width: 100%;
    margin-left: 0;
    padding-bottom: 0;
  }

  .text-block {
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
  }

  .image-12 {
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
  }

  .text-block-2, .paragraph-12 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .paragraph-13 {
    margin: 20px 0;
  }

  .image-21 {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    display: inline;
  }

  .yellow-cta {
    text-align: left;
    margin-top: 10px;
    padding: 10px 15px;
    font-size: 14px;
  }

  .list {
    margin-left: 0;
    margin-right: 0;
    padding: 0 0 0 20px;
  }

  .image-24 {
    text-align: center;
    width: 90%;
    height: auto;
    max-height: none;
    margin: 40px 20px;
    position: static;
  }

  .columns-5 {
    text-align: center;
    object-fit: scale-down;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .column-9 {
    height: auto;
    padding-top: 20px;
  }

  .column-10 {
    height: auto;
    margin-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .hulu-slider {
    object-fit: fill;
    height: auto;
    padding-left: 20px;
    padding-right: 20px;
  }

  .div-block-2 {
    font-size: 8px;
  }

  .yellow-section-insights {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-34 {
    margin-right: 0;
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .columns-6 {
    flex-direction: column;
    margin: 0 20px;
  }

  .columns-7 {
    flex-direction: column;
    margin: 0 0 10px;
  }

  .columns-8 {
    flex-direction: column;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
  }

  .columns-9 {
    margin: 0;
  }

  .columns-10 {
    margin-left: auto;
    margin-right: auto;
  }

  .grey-section {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .image-35 {
    width: 100%;
    height: auto;
  }

  .column-14 {
    padding-left: 0;
    padding-right: 0;
  }

  .grid {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: 0 202px;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }

  .icon {
    height: 16px;
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
  }

  .icon-2 {
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
  }

  .slide-nav {
    position: relative;
    inset: auto 0% 0%;
  }

  .column-16 {
    padding-left: 0;
  }

  .slide-1 {
    object-fit: fill;
    height: auto;
  }

  .image-45 {
    margin-top: 40px;
    margin-bottom: 20px;
    padding-top: 0;
  }

  .columns-13 {
    flex-direction: column;
    margin-left: 10px;
    margin-right: 10px;
  }

  .block-quote {
    margin-left: 0;
    margin-right: 0;
    padding-left: 10px;
    padding-right: 10px;
  }

  .list-5 {
    margin: 0;
    padding-left: 0;
  }

  .image-58 {
    width: 500px;
  }

  .grid-2 {
    margin-top: 0;
    display: block;
  }

  .image-61 {
    max-height: 200px;
  }

  .div-block-4 {
    width: auto;
    margin-bottom: 40px;
  }

  .image-64 {
    margin-top: 20px;
  }

  .list-6 {
    margin-right: 0;
    padding-left: 0;
  }

  .column-23 {
    text-align: center;
    margin-top: 60px;
  }

  .prototype {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .espn-bg {
    text-align: center;
    object-fit: fill;
    justify-content: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 20px;
    display: flex;
  }

  .section-7 {
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
  }

  .column-24 {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .column-25 {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-top: 0;
    padding-left: 0;
  }

  .columns-15 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .column-26 {
    padding-left: 0;
    padding-right: 0;
  }

  .hero-section {
    text-align: left;
    background-position: 60%;
    background-size: cover;
    flex-wrap: nowrap;
    grid-template-rows: auto minmax(auto, .25fr);
    grid-template-columns: 2fr .25fr;
    grid-auto-columns: 1fr;
    place-content: center flex-start;
    align-items: flex-start;
    height: auto;
    min-height: 200px;
    display: flex;
  }

  .heading-21 {
    text-align: left;
    margin: 0;
    font-size: 15px;
  }

  .image-70 {
    width: auto;
    height: auto;
    padding-right: 0;
  }

  .columns-16 {
    padding-left: 0;
    padding-right: 0;
    font-size: 10px;
    line-height: 26px;
    display: block;
  }

  .columns-17 {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }

  .sl-slider {
    object-fit: contain;
    height: auto;
    padding-bottom: 0;
    display: block;
    position: static;
  }

  .column-27 {
    flex: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }

  .column-28 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .div-block-6 {
    text-align: left;
    font-size: 10px;
  }

  .columns-18 {
    flex: 1;
    justify-content: center;
    width: auto;
    padding-top: 20px;
    display: block;
  }

  .container-16 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: inline;
  }

  .column-29 {
    padding-left: 20px;
  }

  .column-30 {
    text-align: center;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    display: inline-block;
  }

  .pale-yellow-sectioin-about-copy {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-25 {
    text-align: center;
  }

  .heading-26 {
    text-align: left;
  }

  .column-31 {
    text-align: center;
    margin-top: 20px;
  }

  .column-41 {
    justify-content: center;
    padding: 10px;
    display: flex;
  }

  .column-42 {
    flex-direction: column;
    align-items: center;
    padding: 10px;
    display: flex;
  }

  .column-43, .column-44 {
    justify-content: center;
    padding: 10px;
    display: flex;
  }

  .column-45 {
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }

  .column-46 {
    padding: 0;
  }

  .grid-3 {
    display: block;
  }

  .mask-2 {
    position: relative;
    left: auto;
    right: auto;
  }

  .image-71 {
    width: 99.9948%;
  }

  .column-47 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
  }

  .right-arrow, .left-arrow {
    position: relative;
  }

  .list-7 {
    padding-left: 20px;
  }

  .column-48 {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .image-72 {
    height: auto;
  }

  .container-17, .container-18, .container-19 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .block-quote-2 {
    margin: 0;
    font-size: 12px;
  }

  .yellow-button {
    object-fit: fill;
    flex: 0 auto;
    padding: 3px 6px 3px 10px;
    font-size: 8px;
    display: block;
    position: static;
  }

  .yellow-button.w--current {
    padding: 0 8px;
  }

  .grid-4 {
    grid-template-columns: 2fr 2.5fr;
    grid-auto-columns: .75fr;
    margin: 0;
    inset: 10% auto auto 11%;
  }

  .div-block-9 {
    margin-top: 20px;
  }

  .div-block-10 {
    object-fit: contain;
    position: sticky;
  }

  .hero-subtext {
    flex-wrap: wrap;
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    line-height: 25px;
    display: block;
  }

  ._1920-hero {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    flex: 1;
    order: -1;
    grid-template-rows: auto auto minmax(auto, 1fr);
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    place-content: space-around start;
    align-self: center;
    align-items: start;
    max-width: none;
    margin-bottom: 20px;
    display: grid;
    position: static;
    inset: 0 0 0 5px;
  }

  .div-block-12 {
    align-items: center;
    margin-left: 12px;
    display: flex;
  }

  .div-block-13 {
    object-fit: fill;
    flex-wrap: nowrap;
    flex: 1;
    align-items: stretch;
    max-width: 100%;
    height: 400px;
    min-height: 100%;
    max-height: none;
    display: flex;
  }

  .container-23 {
    text-align: center;
    flex-flow: column;
    place-content: center space-around;
    align-items: center;
    margin: 20px;
    padding: 0;
    display: flex;
  }

  .block-quote-6 {
    padding: 0;
  }

  .paragraph-17 {
    margin-bottom: 10px;
  }

  .container-28, .container-29 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-11 {
    padding: 0;
  }

  .container-30 {
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-28 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .heading-29 {
    margin: 0;
  }

  .paragraph-21 {
    font-size: 16px;
  }

  .list-8 {
    padding-left: 20px;
  }

  .section-12 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .section-13 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-22 {
    padding-bottom: 10px;
  }

  .paragraph-23, .paragraph-24 {
    font-size: 14px;
  }

  .container-32, .container-33, .container-34, .container-35, .container-36, .container-38, .container-39 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns-23 {
    flex-direction: column;
  }

  .container-42, .container-43 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-17 {
    margin: 0;
  }

  .container-44 {
    flex-direction: column;
    justify-content: space-between;
  }

  .new-hulu-slider {
    padding: 20px;
  }

  .left-arrow-2, .right-arrow-2 {
    width: 10%;
  }

  .container-46, .container-47 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns-25 {
    flex-direction: column;
  }

  .container-48 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-49 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .container-50 {
    padding: 0;
  }

  .container-51, .container-52 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .black-button-copy {
    clear: none;
    text-align: left;
    margin-top: 91px;
    padding: 10px 15px;
    font-size: 14px;
    position: relative;
    top: -8px;
    bottom: 9px;
    left: -68px;
  }

  .container-53 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-30 {
    margin-top: 20px;
    margin-bottom: 0;
  }

  .container-54 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container-55 {
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }

  .container-56, .container-57, .container-58, .container-60, .container-61, .container-62, .container-66, .container-67, .container-68 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns-30 {
    flex-direction: column;
  }

  .container-69, .container-70 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-86 {
    padding-bottom: 10px;
  }

  .container-72 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .grid-5 {
    grid-template-columns: 1fr minmax(100px, 1fr);
  }

  .text-block-14, .text-block-18, .text-block-19, .text-block-20, .text-block-21, .text-block-22, .text-block-23, .text-block-24 {
    font-size: 10px;
  }

  .container-77 {
    padding: 0;
  }

  .image-88 {
    height: auto;
  }

  .grid-7 {
    flex-direction: column;
    grid-template-columns: 1fr;
    margin-left: 10px;
    margin-right: 10px;
  }

  .container-79 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .container-80 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-8 {
    grid-template-columns: 1fr minmax(100px, 1fr);
    font-size: 10px;
  }

  .text-block-36, .text-block-37, .text-block-38, .text-block-39 {
    font-size: 8px;
  }

  .div-block-16, .field-label, .field-label-2, .field-label-3 {
    font-size: 10px;
  }

  .heading-31 {
    text-align: left;
  }

  .container-82 {
    padding: 10px 20px;
  }

  .paragraph-31 {
    margin-bottom: 0;
  }

  .paragraph-32 {
    margin-bottom: 10px;
  }

  .image-89 {
    margin: 0;
  }

  .list-11 {
    padding-left: 20px;
  }

  .column-69, .column-70 {
    padding: 0;
  }

  .list-12, .list-13 {
    padding-left: 20px;
  }

  .column-71 {
    padding: 0;
  }

  .grid-9 {
    flex-flow: column wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: center space-between;
    align-items: center;
    display: flex;
  }

  .div-block-17 {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .image-93 {
    width: 100%;
    height: 100%;
  }

  .container-84 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .list-14, .list-15 {
    margin: 0;
    padding-left: 0;
  }

  .list-16, .list-17 {
    margin-top: 0;
    padding-left: 20px;
  }

  .container-85, .container-86, .container-87 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-95 {
    height: 100%;
  }

  .column-73 {
    padding: 0;
  }

  .list-18 {
    padding-left: 20px;
  }

  .column-74 {
    padding: 0;
  }

  .list-19 {
    padding-left: 20px;
  }

  .list-20 {
    margin-top: 10px;
    padding-left: 20px;
  }

  .container-88 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-96, .image-97, .image-98 {
    padding: 10px;
  }

  .list-21, .list-22 {
    padding-left: 20px;
  }

  .container-89, .container-90, .container-91 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-34 {
    margin-top: 0;
  }

  .container-92 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-33 {
    margin-bottom: 10px;
  }

  .container-93 {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .list-23 {
    padding-left: 20px;
  }

  .paragraph-34 {
    margin-top: 10px;
  }

  .list-24 {
    padding-left: 20px;
  }

  .image-100, .image-101 {
    border-radius: 20px;
  }

  .image-102 {
    padding-bottom: 10px;
  }

  .other-case-studies {
    margin: 0;
  }

  .cs-link {
    text-align: center;
    justify-content: center;
    display: flex;
  }

  .image-109, .image-110, .image-111, .image-112 {
    height: auto;
  }

  .home-page-button {
    text-align: left;
    padding: 10px 15px;
    font-size: 16px;
  }

  .grid-10, .grid-11 {
    flex-direction: column;
    display: flex;
  }

  .column-78 {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    min-height: 200px;
    display: flex;
    position: relative;
  }

  .column-79 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: center;
    min-height: 250px;
    padding-bottom: 10px;
  }

  .headshot {
    object-fit: fill;
    flex: 0 auto;
    align-self: flex-start;
    padding-left: 0;
  }

  .div-block-25 {
    grid-template-rows: minmax(auto, .25fr) minmax(auto, .25fr);
    margin-bottom: 0;
    padding-top: 20px;
  }

  .heading-hero {
    font-size: 14px;
    font-weight: 400;
  }

  .bold-text-4 {
    font-size: 16px;
    font-weight: 600;
  }

  .heading-45 {
    font-size: 14px;
    line-height: 30px;
  }

  .small-columns-3, .small-columns-4, .small-columns-7, .small-columns-9, .small-columns-11, .small-columns-13, .small-columns-14, .small-columns-15, .small-columns-16, .small-columns-17, .small-columns-19, .small-columns-21, .small-columns-22, .small-columns-23, .small-columns-24, .small-columns-25, .small-columns-28, .small-columns-30, .small-columns-32, .small-columns-34 {
    flex-direction: column;
    align-items: center;
  }

  .logo-with-my-name_thick-10 {
    -webkit-text-fill-color: inherit;
    object-fit: contain;
    background-clip: border-box;
  }

  .small-columns-36 {
    flex-direction: column;
    align-items: center;
  }

  .beat-mike-clay-3 {
    box-shadow: 0 2px 5px #0003;
  }

  .small-columns-38, .small-columns-40, .small-columns-42, .small-columns-43, .small-columns-45, .small-columns-47, .small-columns-49, .small-columns-50, .small-columns-51 {
    flex-direction: column;
    align-items: center;
  }

  .frame-14598 {
    min-width: auto;
  }

  .small-columns-52 {
    flex-direction: column;
    align-items: center;
  }

  .main-and-secondary-buttons {
    flex-wrap: wrap;
    justify-content: flex-start;
  }

  .small-columns-53 {
    flex-direction: column;
    align-items: center;
  }

  .delivery-2 {
    justify-content: center;
    align-self: auto;
    height: auto;
  }

  .small-columns-54 {
    flex-direction: column;
    align-items: center;
  }

  .subheading-20 {
    text-align: center;
    align-self: center;
    margin: 20px 0;
    font-size: 24px;
  }

  .subheading-20.left {
    text-align: left;
    align-self: center;
  }

  .small-columns-55, .small-columns-56, .small-columns-57 {
    flex-direction: column;
    align-items: center;
  }

  .vectors-wrapper-26 {
    object-fit: contain;
  }

  .small-columns-58, .small-columns-59, .small-columns-60, .small-columns-61, .small-columns-62, .small-columns-63, .small-columns-64, .small-columns-65, .small-columns-66, .small-columns-67, .small-columns-68, .small-columns-69, .small-columns-70, .small-columns-71, .small-columns-72 {
    flex-direction: column;
    align-items: center;
  }

  .brand {
    width: auto;
    max-width: 120px;
    padding-top: 0;
  }

  .subheading-38 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
  }

  .frame-15919 {
    flex-direction: column;
  }

  .frame-15922 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .frame-15924 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-371 {
    align-self: center;
  }

  .frame-15929 {
    flex-flow: column;
  }

  .frame-15947 {
    height: auto;
  }

  .frame-15959 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-self: stretch;
    align-items: center;
    max-width: 100%;
    padding-right: 0;
  }

  .frame-15965 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .actions-46 {
    justify-content: center;
  }

  .primo-button {
    text-align: center;
    height: auto;
  }

  .small-columns-73, .small-columns-75, .small-columns-77, .small-columns-79 {
    flex-direction: column;
    align-items: center;
  }

  .logo-with-my-name_thick-42 {
    width: 100%;
  }

  .hero-heading-left-46 {
    padding-top: 20px;
  }

  .container-159 {
    margin-left: auto;
    margin-right: auto;
  }

  .content-98 {
    max-width: none;
  }

  .actions-52 {
    justify-content: flex-start;
    height: auto;
  }

  .frame-16034 {
    min-width: auto;
  }

  .frame-16035 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    justify-content: flex-start;
    align-items: center;
  }

  .footer-36 {
    background-color: var(--black);
  }

  .small-columns-81 {
    flex-direction: column;
    align-items: center;
  }

  .image-126 {
    max-width: 150px;
  }

  .text-399 {
    display: block;
  }

  .small-columns-82, .small-columns-83 {
    flex-direction: column;
    align-items: center;
  }

  .container-161 {
    max-width: none;
  }

  .hero-wrapper {
    margin-left: 0;
  }

  .hero-split {
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .frame-16202 {
    flex-direction: column;
  }

  .main-paragraph {
    flex-direction: column;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-30 {
    text-align: center;
  }

  .left-alignment {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .main-images-4 {
    width: 100%;
  }

  .image-129 {
    display: block;
  }

  .image-130 {
    width: 100%;
  }

  .image-131 {
    height: 100%;
  }

  .text-block-46 {
    align-self: center;
  }

  .simple-white-cards {
    display: block;
  }

  .subheading-20-center {
    text-align: left;
    align-self: center;
    margin: 20px 0;
  }

  .design-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .major-button {
    align-self: center;
  }

  .flex-block-2 {
    flex-flow: column;
  }

  .div-block-34 {
    padding: 20px;
  }

  .design-section-copy {
    width: 100%;
    padding: 20px;
  }

  .div-block-37 {
    flex-flow: column;
  }

  .image-134 {
    box-shadow: 0 2px 5px #0003;
  }

  .link-10 {
    object-fit: fill;
    margin-top: 0;
    overflow: visible;
  }

  .flex-block-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
  }

  .flex-block-4 {
    justify-content: center;
    align-items: center;
  }

  .hero-subheading {
    text-align: center;
    align-self: center;
  }

  .hero-subsubheading {
    text-align: center;
    align-self: flex-start;
  }

  .flex-block-5 {
    text-align: center;
  }

  .actions-56 {
    justify-content: flex-start;
  }

  .div-block-42 {
    justify-content: center;
    align-items: flex-start;
  }

  .nutshell {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .div-block-47, .div-block-47-copy {
    display: flex;
  }

  .div-block-51 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .image-137 {
    min-width: 100%;
  }

  .image-139 {
    width: 100%;
  }
}

#w-node-_2e16aebd-cc97-9ceb-cd49-e1c6eda03bcf-d762bdbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5904a820-70e3-101c-14ba-c80febd0e096-d762bdbf {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_1e5f60cb-cdf6-35a0-af91-5170bc7da9ad-d762bdbf {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-_5f366d9a-8ca0-704c-47c7-5d77260be594-d762bdbf {
  align-self: end;
}

#w-node-_700c6919-ecad-935d-73ed-055d2d74a7ff-d762bdbf {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: end;
}

#w-node-b755bb91-775f-25ca-262a-746b8cab4183-d762bdbf, #w-node-_78bb91fc-3bc5-3709-a695-d00139e4ed5d-d762bdbf {
  align-self: end;
}

#w-node-fe0ae0ec-6797-5857-4597-5c738bd32aeb-d762bdbf {
  grid-area: Area-2;
}

#w-node-e11b3756-c62d-9cf6-23ee-a707529b3557-d762bdbf {
  grid-area: 3 / 1 / 4 / 2;
}

#w-node-_8ce308a6-0b4b-7c23-eb57-97fc38237f7b-b226b1f8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8ce308a6-0b4b-7c23-eb57-97fc38237f86-b226b1f8, #w-node-_8ce308a6-0b4b-7c23-eb57-97fc38237f7f-b226b1f8 {
  justify-self: start;
}

#w-node-_8ce308a6-0b4b-7c23-eb57-97fc38237f8d-b226b1f8 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_01ffd89c-44be-48ea-5ce4-da6521cac335-b226b1f8, #w-node-_01ffd89c-44be-48ea-5ce4-da6521cac33a-b226b1f8, #w-node-_0e0d6b67-e7c2-5f36-0c3d-5d16a16057a4-f3cf36af, #w-node-_0e0d6b67-e7c2-5f36-0c3d-5d16a16057ad-f3cf36af {
  justify-self: start;
}

#w-node-_0e0d6b67-e7c2-5f36-0c3d-5d16a16057b4-f3cf36af {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_8ce308a6-0b4b-7c23-eb57-97fc38237f7b-cfef495b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8ce308a6-0b4b-7c23-eb57-97fc38237f86-cfef495b, #w-node-_8ce308a6-0b4b-7c23-eb57-97fc38237f7f-cfef495b {
  justify-self: start;
}

#w-node-_8ce308a6-0b4b-7c23-eb57-97fc38237f8d-cfef495b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_03c5baff-51ad-c5ae-17e0-fb049beba360-cfef495b, #w-node-_03c5baff-51ad-c5ae-17e0-fb049beba36b-cfef495b {
  justify-self: start;
}

#w-node-_03c5baff-51ad-c5ae-17e0-fb049beba373-cfef495b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_7d15ba51-ee4d-6184-3c11-a25fd3b0b9bd-cfef495b {
  justify-self: start;
}

@media screen and (max-width: 479px) {
  #w-node-_32d9ce99-db92-791d-22f0-9ed6de6fb96c-d762bdbf {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: auto;
  }
}