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: 700;
}
dfn {
  font-style: italic;
}
h1 {
  margin: 0.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: -0.5em;
}
sub {
  bottom: -0.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: 700;
}
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: 400;
  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: 400;
  line-height: 1;
  font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
  content: "";
}
.w-icon-slider-left:before {
  content: "";
}
.w-icon-nav-menu:before {
  content: "";
}
.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
  content: "";
}
.w-icon-file-upload-remove:before {
  content: "";
}
.w-icon-file-upload-icon:before {
  content: "";
}
* {
  box-sizing: border-box;
}
html {
  height: 100%;
}
body {
  color: #333;
  background-color: #fff;
  min-height: 100%;
  margin: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
}
img {
  vertical-align: middle;
  max-width: 100%;
  display: inline-block;
}
html.w-mod-touch * {
  background-attachment: scroll !important;
}
.w-block {
  display: block;
}
.w-inline-block {
  max-width: 100%;
  display: inline-block;
}
.w-clearfix:before,
.w-clearfix:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table;
}
.w-clearfix:after {
  clear: both;
}
.w-hidden {
  display: none;
}
.w-button {
  color: #fff;
  line-height: inherit;
  cursor: pointer;
  background-color: #3898ec;
  border: 0;
  border-radius: 0;
  padding: 9px 15px;
  text-decoration: none;
  display: inline-block;
}
input.w-button {
  -webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
  color: #0000 !important;
}
.w-code-block {
  margin: unset;
}
pre.w-code-block code {
  all: inherit;
}
pre.w-code-block code > span {
  display: block !important;
}
.w-optimization {
  display: contents;
}
.w-webflow-badge,
.w-webflow-badge > img {
  box-sizing: unset;
  width: unset;
  height: unset;
  max-height: unset;
  max-width: unset;
  min-height: unset;
  min-width: unset;
  margin: unset;
  padding: unset;
  float: unset;
  clear: unset;
  border: unset;
  border-radius: unset;
  background: unset;
  background-image: unset;
  background-position: unset;
  background-size: unset;
  background-repeat: unset;
  background-origin: unset;
  background-clip: unset;
  background-attachment: unset;
  background-color: unset;
  box-shadow: unset;
  transform: unset;
  direction: unset;
  font-family: unset;
  font-weight: unset;
  color: unset;
  font-size: unset;
  line-height: unset;
  font-style: unset;
  font-variant: unset;
  text-align: unset;
  letter-spacing: unset;
  -webkit-text-decoration: unset;
  text-decoration: unset;
  text-indent: unset;
  text-transform: unset;
  list-style-type: unset;
  text-shadow: unset;
  vertical-align: unset;
  cursor: unset;
  white-space: unset;
  word-break: unset;
  word-spacing: unset;
  word-wrap: unset;
  transition: unset;
}
.w-webflow-badge {
  white-space: nowrap;
  cursor: pointer;
  box-shadow:
    0 0 0 1px #0000001a,
    0 1px 3px #0000001a;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 2147483647 !important;
  color: #aaadb0 !important;
  width: auto !important;
  height: auto !important;
  overflow: unset !important;
  background-color: #fff !important;
  border-radius: 3px !important;
  margin: 0 !important;
  padding: 6px !important;
  font-size: 12px !important;
  line-height: 14px !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: fixed !important;
  inset: auto 12px 12px auto !important;
  transform: none !important;
}
.w-webflow-badge > img {
  position: unset;
  visibility: unset !important;
  opacity: 1 !important;
  vertical-align: middle !important;
  display: inline-block !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 10px;
  font-weight: 700;
}
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: 700;
  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: 400;
  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: 0.1px;
  height: 0.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: 400;
  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: 400;
  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: 400;
  display: inline-block;
}
.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
  width: 20px;
  margin-right: 8px;
  display: inline-block;
}
.w-icon-file-upload-uploading {
  height: 20px;
}
.w-container {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
}
.w-container:before,
.w-container:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table;
}
.w-container:after {
  clear: both;
}
.w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}
.w-row:before,
.w-row:after {
  content: " ";
  grid-area: 1/1/2/2;
  display: table;
}
.w-row:after {
  clear: both;
}
.w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}
.w-col {
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
}
.w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}
.w-col-1 {
  width: 8.33333%;
}
.w-col-2 {
  width: 16.6667%;
}
.w-col-3 {
  width: 25%;
}
.w-col-4 {
  width: 33.3333%;
}
.w-col-5 {
  width: 41.6667%;
}
.w-col-6 {
  width: 50%;
}
.w-col-7 {
  width: 58.3333%;
}
.w-col-8 {
  width: 66.6667%;
}
.w-col-9 {
  width: 75%;
}
.w-col-10 {
  width: 83.3333%;
}
.w-col-11 {
  width: 91.6667%;
}
.w-col-12 {
  width: 100%;
}
.w-hidden-main {
  display: none !important;
}
@media screen and (max-width: 991px) {
  .w-container {
    max-width: 728px;
  }
  .w-hidden-main {
    display: inherit !important;
  }
  .w-hidden-medium {
    display: none !important;
  }
  .w-col-medium-1 {
    width: 8.33333%;
  }
  .w-col-medium-2 {
    width: 16.6667%;
  }
  .w-col-medium-3 {
    width: 25%;
  }
  .w-col-medium-4 {
    width: 33.3333%;
  }
  .w-col-medium-5 {
    width: 41.6667%;
  }
  .w-col-medium-6 {
    width: 50%;
  }
  .w-col-medium-7 {
    width: 58.3333%;
  }
  .w-col-medium-8 {
    width: 66.6667%;
  }
  .w-col-medium-9 {
    width: 75%;
  }
  .w-col-medium-10 {
    width: 83.3333%;
  }
  .w-col-medium-11 {
    width: 91.6667%;
  }
  .w-col-medium-12 {
    width: 100%;
  }
  .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}
@media screen and (max-width: 767px) {
  .w-hidden-main,
  .w-hidden-medium {
    display: inherit !important;
  }
  .w-hidden-small {
    display: none !important;
  }
  .w-row,
  .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }
  .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }
  .w-col-small-1 {
    width: 8.33333%;
  }
  .w-col-small-2 {
    width: 16.6667%;
  }
  .w-col-small-3 {
    width: 25%;
  }
  .w-col-small-4 {
    width: 33.3333%;
  }
  .w-col-small-5 {
    width: 41.6667%;
  }
  .w-col-small-6 {
    width: 50%;
  }
  .w-col-small-7 {
    width: 58.3333%;
  }
  .w-col-small-8 {
    width: 66.6667%;
  }
  .w-col-small-9 {
    width: 75%;
  }
  .w-col-small-10 {
    width: 83.3333%;
  }
  .w-col-small-11 {
    width: 91.6667%;
  }
  .w-col-small-12 {
    width: 100%;
  }
}
@media screen and (max-width: 479px) {
  .w-container {
    max-width: none;
  }
  .w-hidden-main,
  .w-hidden-medium,
  .w-hidden-small {
    display: inherit !important;
  }
  .w-hidden-tiny {
    display: none !important;
  }
  .w-col {
    width: 100%;
  }
  .w-col-tiny-1 {
    width: 8.33333%;
  }
  .w-col-tiny-2 {
    width: 16.6667%;
  }
  .w-col-tiny-3 {
    width: 25%;
  }
  .w-col-tiny-4 {
    width: 33.3333%;
  }
  .w-col-tiny-5 {
    width: 41.6667%;
  }
  .w-col-tiny-6 {
    width: 50%;
  }
  .w-col-tiny-7 {
    width: 58.3333%;
  }
  .w-col-tiny-8 {
    width: 66.6667%;
  }
  .w-col-tiny-9 {
    width: 75%;
  }
  .w-col-tiny-10 {
    width: 83.3333%;
  }
  .w-col-tiny-11 {
    width: 91.6667%;
  }
  .w-col-tiny-12 {
    width: 100%;
  }
}
.w-widget {
  position: relative;
}
.w-widget-map {
  width: 100%;
  height: 400px;
}
.w-widget-map label {
  width: auto;
  display: inline;
}
.w-widget-map img {
  max-width: inherit;
}
.w-widget-map .gm-style-iw {
  text-align: center;
}
.w-widget-map .gm-style-iw > button {
  display: none !important;
}
.w-widget-twitter {
  overflow: hidden;
}
.w-widget-twitter-count-shim {
  vertical-align: top;
  text-align: center;
  background: #fff;
  border: 1px solid #758696;
  border-radius: 3px;
  width: 28px;
  height: 20px;
  display: inline-block;
  position: relative;
}
.w-widget-twitter-count-shim * {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
  text-align: center;
  color: #999;
  font-family: serif;
  font-size: 15px;
  line-height: 12px;
  position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
  display: block;
  position: relative;
}
.w-widget-twitter-count-shim.w--large {
  width: 36px;
  height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
  margin-left: 5px;
  margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
  margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
  border-width: 4px;
  border-color: #75869600 #5d6c7b #75869600 #75869600;
  margin-top: -4px;
  margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
  border-width: 4px;
  border-color: #fff0 #fff #fff0 #fff0;
  margin-top: -4px;
  margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
  border-width: 5px;
  margin-top: -5px;
  margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
  width: 61px;
  height: 33px;
  margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
  content: " ";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
  left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
  border-width: 5px;
  border-color: #5d6c7b #75869600 #75869600;
  margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
  border-width: 4px;
  border-color: #fff #fff0 #fff0;
  margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
  font-size: 18px;
  line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
  width: 76px;
}
.w-background-video {
  color: #fff;
  height: 500px;
  position: relative;
  overflow: hidden;
}
.w-background-video > video {
  object-fit: cover;
  z-index: -100;
  background-position: 50%;
  background-size: cover;
  width: 100%;
  height: 100%;
  margin: auto;
  position: absolute;
  inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
  -webkit-appearance: none;
  display: none !important;
}
.w-background-video--control {
  background-color: #0000;
  padding: 0;
  position: absolute;
  bottom: 1em;
  right: 1em;
}
.w-background-video--control > [hidden] {
  display: none !important;
}
.w-slider {
  text-align: center;
  clear: both;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  background: #ddd;
  height: 300px;
  position: relative;
}
.w-slider-mask {
  z-index: 1;
  white-space: nowrap;
  height: 100%;
  display: block;
  position: relative;
  left: 0;
  right: 0;
  overflow: hidden;
}
.w-slide {
  vertical-align: top;
  white-space: normal;
  text-align: left;
  width: 100%;
  height: 100%;
  display: inline-block;
  position: relative;
}
.w-slider-nav {
  z-index: 2;
  text-align: center;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  height: 40px;
  margin: auto;
  padding-top: 10px;
  position: absolute;
  inset: auto 0 0;
}
.w-slider-nav.w-round > div {
  border-radius: 100%;
}
.w-slider-nav.w-num > div {
  width: auto;
  height: auto;
  font-size: inherit;
  line-height: inherit;
  padding: 0.2em 0.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 0.5em;
  transition:
    background-color 0.1s,
    color 0.1s;
  display: inline-block;
  position: relative;
}
.w-slider-dot.w-active {
  background-color: #fff;
}
.w-slider-dot:focus {
  outline: none;
  box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
  box-shadow: none;
}
.w-slider-arrow-left,
.w-slider-arrow-right {
  cursor: pointer;
  color: #fff;
  -webkit-tap-highlight-color: #0000;
  tap-highlight-color: #0000;
  -webkit-user-select: none;
  user-select: none;
  width: 80px;
  margin: auto;
  font-size: 40px;
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*="\ w-icon-"],
.w-slider-arrow-right [class*="\ w-icon-"] {
  position: absolute;
}
.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
  outline: 0;
}
.w-slider-arrow-left {
  z-index: 3;
  right: auto;
}
.w-slider-arrow-right {
  z-index: 4;
  left: auto;
}
.w-icon-slider-left,
.w-icon-slider-right {
  width: 1em;
  height: 1em;
  margin: auto;
  inset: 0;
}
.w-slider-aria-label {
  clip: rect(0 0 0 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}
.w-slider-force-show {
  display: block !important;
}
.w-dropdown {
  text-align: left;
  z-index: 900;
  margin-left: auto;
  margin-right: auto;
  display: inline-block;
  position: relative;
}
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  vertical-align: top;
  color: #222;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  text-decoration: none;
  position: relative;
}
.w-dropdown-toggle {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  padding-right: 40px;
  display: inline-block;
}
.w-dropdown-toggle:focus {
  outline: 0;
}
.w-icon-dropdown-toggle {
  width: 1em;
  height: 1em;
  margin: auto 20px auto auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.w-dropdown-list {
  background: #ddd;
  min-width: 100%;
  display: none;
  position: absolute;
}
.w-dropdown-list.w--open {
  display: block;
}
.w-dropdown-link {
  color: #222;
  padding: 10px 20px;
  display: block;
}
.w-dropdown-link.w--current {
  color: #0082f3;
}
.w-dropdown-link:focus {
  outline: 0;
}
.w-lightbox-backdrop {
  cursor: auto;
  letter-spacing: normal;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  visibility: visible;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  color: #fff;
  text-align: center;
  z-index: 2000;
  opacity: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -webkit-tap-highlight-color: transparent;
  background: #000000e6;
  outline: 0;
  font-family:
    Helvetica Neue,
    Helvetica,
    Ubuntu,
    Segoe UI,
    Verdana,
    sans-serif;
  font-size: 17px;
  font-style: normal;
  font-weight: 300;
  line-height: 1.2;
  list-style: disc;
  position: fixed;
  inset: 0;
  -webkit-transform: translate(0);
}
.w-lightbox-backdrop,
.w-lightbox-container {
  -webkit-overflow-scrolling: touch;
  height: 100%;
  overflow: auto;
}
.w-lightbox-content {
  height: 100vh;
  position: relative;
  overflow: hidden;
}
.w-lightbox-view {
  opacity: 0;
  width: 100vw;
  height: 100vh;
  position: absolute;
}
.w-lightbox-view:before {
  content: "";
  height: 100vh;
}
.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
  height: 86vh;
}
.w-lightbox-frame,
.w-lightbox-view:before {
  vertical-align: middle;
  display: inline-block;
}
.w-lightbox-figure {
  margin: 0;
  position: relative;
}
.w-lightbox-group .w-lightbox-figure {
  cursor: pointer;
}
.w-lightbox-img {
  width: auto;
  max-width: none;
  height: auto;
}
.w-lightbox-image {
  float: none;
  max-width: 100vw;
  max-height: 100vh;
  display: block;
}
.w-lightbox-group .w-lightbox-image {
  max-height: 86vh;
}
.w-lightbox-caption {
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: #0006;
  padding: 0.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: 50%;
  background-repeat: no-repeat;
  background-size: 24px;
  width: 4em;
  transition: all 0.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: translate(0, 0);
}
.w-lightbox-active {
  opacity: 0.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: translateY(-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: 0.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: 0.5;
    display: block;
  }
  .w-lightbox-close {
    opacity: 0.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: 0.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);
  }
  to {
    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;
}
@font-face {
  font-family: "Roboto V 30 Latin 900";
  src: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65d37ea853e2489dc743e253_roboto-v30-latin-900.woff2)
    format("woff2");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto V 30 Latin";
  src: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65d37ea82f96f38761247543_roboto-v30-latin-regular.woff2)
    format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto V 30 Latin";
  src: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65d37ea872d33b76633843a3_roboto-v30-latin-italic.woff2)
    format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Roboto V 30 Latin 700";
  src: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65d37ea8fddbd9cd6b610e2c_roboto-v30-latin-700.woff2)
    format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto V 30 Latin 500";
  src: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65d37ea8e1fc92c861db537a_roboto-v30-latin-500.woff2)
    format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Roboto V 30 Latin 300";
  src: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65d37eaaefc29b9152735e78_roboto-v30-latin-300.woff2)
    format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
:root {
  --dodger-blue: #2783fe;
  --royal-blue: #1053eb;
  --alice-blue: #e7f2ff;
  --black-ish: #0b161a;
  --white: white;
  --dark-grey: #9ba2ab;
  --gainful-green: #0dc581;
  --pink: #ff579a;
  --green: #3ec694;
  --_oddit---oddit-dark-blue: #162d45;
  --oddit-lighter-gray: #f2f3f7;
  --_oddit---dark-blue: #0a161a;
  --oddit-cta-blue: #229bef;
  --_oddit---oddit-light-dark-blue: #1d3854;
}
.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}
.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}
.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}
.w-checkbox:before {
  content: " ";
  grid-area: 1/1/2/2;
  display: table;
}
.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1/1/2/2;
  display: table;
}
.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}
.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url(/assets/d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}
.w-pagination-wrapper {
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}
.w-pagination-previous {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}
.w-pagination-previous-icon {
  margin-right: 4px;
}
.w-pagination-next {
  color: #333;
  background-color: #fafafa;
  border: 1px solid #ccc;
  border-radius: 2px;
  margin-left: 10px;
  margin-right: 10px;
  padding: 9px 20px;
  font-size: 14px;
  display: block;
}
.w-pagination-next-icon {
  margin-left: 4px;
}
@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: #333;
  font-family:
    Arial,
    Helvetica Neue,
    Helvetica,
    sans-serif;
  font-size: 14px;
  line-height: 20px;
}
h1 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
}
h2 {
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}
h3 {
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 30px;
}
h4 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
p {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
a {
  color: var(--dodger-blue);
  text-decoration: none;
}
ul {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}
ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 24px;
}
img {
  max-width: 100%;
  margin-top: 0;
  margin-right: 14px;
  display: inline-block;
}
strong {
  font-weight: 700;
}
blockquote {
  border-left: 5px solid var(--dodger-blue);
  color: #707070;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 50px 10px 20px;
  font-size: 20px;
  line-height: 140%;
}
figcaption {
  color: #504f4f;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 16px;
  font-style: normal;
}
.rich-text-body {
  border-radius: 12px;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75em;
}
.rich-text-body ol {
  margin-top: 10px;
  margin-bottom: 10px;
}
.rich-text-body ul {
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 40px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.rich-text-body.padding-top-60px {
  padding-top: 60px;
}
.rich-text-body h1 {
  text-align: center;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 700;
}
.rich-text-body.product-releases-width {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
.rich-text-body.test {
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-weight: 500;
}
.rich-text-body strong {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.blue-hero-section {
  margin-bottom: 0;
  padding-top: 60px;
  padding-bottom: 0;
  position: relative;
}
.heading-download-hero {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 4em;
  line-height: 1em;
}
.dual-cta {
  margin-bottom: 40px;
  padding-top: 60px;
}
.dual-cta-heading {
  text-align: center;
  margin-top: 60px;
  margin-bottom: -65px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 28px;
}
.dual-cta-heading.download-heading {
  line-height: 32px;
}
.dual-cta-h2 {
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
}
.dual-cta-body {
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
}
.dual-cta-micro-text {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 11px;
}
.dual-cta-button {
  background-color: var(--royal-blue);
  text-align: center;
  border-radius: 7px;
  width: 100%;
  margin-bottom: 15px;
  padding: 20px 30px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.dual-cta-email-form {
  display: flex;
}
.dual-cta-email-field {
  border-radius: 7px;
  min-width: 50%;
  min-height: 60px;
  margin-bottom: 0;
  margin-right: 10px;
}
.dual-cta-icon {
  min-width: 60px;
  min-height: 60px;
}
.dual-cta-icon.margin-right-10px {
  margin-right: 10px;
}
.hero-image-download {
  border-radius: 14px;
  min-width: 500px;
  margin-bottom: 60px;
  box-shadow: 0 2px 10px 2px #0003;
}
.cell {
  justify-content: center;
  align-items: center;
}
.sticky-side-nav {
  flex-direction: column;
  align-items: flex-start;
  padding-top: 20px;
  padding-left: 0;
  padding-right: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  display: flex;
  position: sticky;
  top: 80px;
}
.side-nav-link {
  color: #333;
  align-items: flex-start;
  padding: 10px;
  line-height: 1.3em;
  text-decoration: none;
  display: flex;
}
.side-nav-link.highlight-side-nav {
  background-color: var(--alice-blue);
  border-radius: 7px;
  width: 100%;
  padding-left: 5px;
  font-weight: 700;
}
.side-nav-link.bold-black {
  font-weight: 700;
}
.side-nav-link.align-center {
  align-items: center;
}
.side-nav-link.align-center.w--current {
  background-color: #e7f2ff;
  border-radius: 7px;
}
.hero-guide-resource {
  background-color: var(--dodger-blue);
  display: block;
}
.hero-guide-resource.hero-timeline-template {
  background-color: var(--black-ish);
  display: block;
}
.hero-guide-resource.hero-success-stories {
  background-color: var(--white);
}
.hero-guide-resource.hero-product-releases {
  background-color: var(--alice-blue);
  display: block;
}
.heading-guide-hero {
  color: var(--white);
  font-size: 3em;
}
.heading-guide-hero.heading-success-stories {
  color: var(--black-ish);
  margin-bottom: 14px;
  font-size: 48px;
  line-height: 64px;
}
.bold-text {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.sub-head-guide-hero {
  color: var(--white);
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.3em;
}
.sub-head-guide-hero.sub-head-success-stories {
  color: var(--black-ish);
  text-align: center;
  margin-bottom: 70px;
  font-size: 24px;
  line-height: 32px;
}
.cta-micro-text {
  width: 100%;
  color: var(--white);
  margin-top: 10px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 0.9em;
}
.cta-micro-text.hidden {
  display: none;
}
.button-guide-hero {
  background-color: var(--white);
  color: #333;
  text-align: center;
  cursor: pointer;
  border-radius: 7px;
  width: 100%;
  margin-top: 24px;
  padding: 20px 30px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
}
.guide-hero-content-cell {
  justify-content: center;
  padding-right: 40px;
}
.guide-hero-image-cell {
  justify-content: center;
  align-items: flex-end;
}
.dual-cta-form {
  width: 100%;
  margin-bottom: 0;
}
.cta-pre-footer {
  background-color: var(--black-ish);
  min-height: 40vh;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}
.heading-pre-footer-cta {
  color: var(--white);
  text-align: center;
  margin-bottom: 40px;
  font-size: 3em;
  font-weight: 700;
  line-height: 1em;
}
.sub-head-footer-cta {
  color: var(--dark-grey);
  text-align: center;
  margin-bottom: 40px;
  font-size: 1.5em;
  line-height: 1em;
}
.container-cta-pre-footer {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.button-footer-cta {
  background-color: var(--royal-blue);
  text-align: center;
  border-radius: 7px;
  width: 30%;
  margin-bottom: 40px;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
}
.image-footer-cta {
  min-width: 100px;
}
.wrapper-footer-cta-logos {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 60px;
}
.wrapper-hero-stack-bg-blue {
  background-color: var(--royal-blue);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  padding-top: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% 25%;
}
.wrapper-hero-stack-bg-blue.features-page-color {
  background-image: radial-gradient(circle, #ab00eb, #6500c4);
}
.container-download-hero-content {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}
.footer-category-heading {
  color: var(--white);
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 700;
}
.footer-section {
  background-color: var(--black-ish);
  padding-top: 40px;
  position: static;
  inset: auto 0% 0;
}
.footer-section.password-footer {
  position: absolute;
  bottom: 0;
}
.footer-link-block {
  color: var(--white);
  margin-bottom: 10px;
  text-decoration: none;
}
.footer-link-block:hover {
  text-decoration: underline;
}
.nav-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 0;
  display: flex;
  position: relative;
}
.nav-wrapper.ppc-landing-version {
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.brand {
  float: none;
}
.brand.w--current {
  padding-left: 10px;
}
.nav-menu {
  float: none;
  position: static;
}
.nav-menu.new-nav-mobile-menu {
  background-color: #c8c8c800;
  justify-content: center;
  align-items: stretch;
  display: flex;
}
.nav-menu.new-nav-mobile-menu.hidden {
  display: none;
}
.menu-button {
  float: none;
}
.navbar {
  background-color: var(--white);
  display: block;
  position: sticky;
  top: 0;
  box-shadow: 0 1px 2px #0003;
}
.nav-sign-up-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}
.nav-sign-up-wrapper.ppc-landing-version {
  order: 9999;
  justify-content: flex-start;
}
.button-sign-up-nav-bar {
  background-color: var(--royal-blue);
  text-align: center;
  border-radius: 7px;
  width: 100%;
  margin-left: 20px;
  padding: 20px 30px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.button-sign-up-nav-bar.new-nav-button-try-teamgantt-free {
  background-color: var(--gainful-green);
  margin-left: 30px;
  padding: 15px 20px;
  font-size: 17px;
  line-height: 24px;
}
.button-sign-up-nav-bar.new-nav-button-try-teamgantt-free-new {
  background-color: var(--gainful-green);
  width: auto;
  margin-left: 16px;
  padding: 15px 20px;
  font-size: 17px;
  line-height: 24px;
}
.log-in-nav-bar {
  flex: none;
  text-decoration: none;
}
.log-in-nav-bar.new-nav-login-link {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.drop-down-nav-bar {
  margin-bottom: 0;
  position: static;
}
.drop-down-list-nav-bar {
  border-radius: 14px;
  min-width: 275px;
  display: none;
  position: absolute;
  inset: 90px auto auto 0%;
}
.drop-down-list-nav-bar.w--open {
  background-color: var(--white);
  border-radius: 6px;
  flex-flow: column;
  margin-top: 10px;
  margin-left: 0;
  margin-right: 0;
  padding: 20px 20px 30px;
  display: block;
  top: 95px;
  left: 0%;
  right: 0%;
  box-shadow: 0 2px 5px #0003;
}
.drop-down-list-nav-bar.drop-down-features {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  min-width: 275px;
  display: block;
  left: auto;
  overflow: visible;
}
.drop-down-list-nav-bar.drop-down-features-list {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: block;
  left: auto;
  right: auto;
}
.drop-down-link-nav-bar {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 15px;
}
.drop-down-link-nav-bar.new-nav-dropdown-link-left-alighn {
  margin-bottom: 10px;
  padding-left: 0;
  padding-right: 10px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.nav-bar-feature {
  border: 1px solid var(--alice-blue);
  background-color: var(--white);
  width: 100%;
  color: var(--black-ish);
  border-radius: 7px;
  align-items: flex-start;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}
.nav-bar-feature.new-nav {
  border-color: var(--dark-grey);
  box-shadow: none;
  border-radius: 4px;
  flex-flow: column;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
}
.feature-image-nav-bar {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65b7cb024276b9f130b0dba8_Jamin-Video-Why-TeamGantt.webp);
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 7px;
  min-width: 160px;
  max-width: 25%;
  min-height: 160px;
  margin-right: 20px;
}
.feature-image-nav-bar.guide {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/655393f88c8a26596df7ddb4_Features-Hero.webp);
  background-position: 100%;
  background-size: cover;
}
.feature-image-nav-bar.rave-review {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570f3e1f4acf0cb0eced4d0_Jordan-H.webp);
  background-position: 50%;
}
.category-link-nav-bar {
  color: var(--black-ish);
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  text-decoration: none;
  display: block;
}
.category-link-nav-bar.new-nav-middle-column {
  justify-content: flex-start;
  align-items: center;
  width: 300px;
  padding-left: 0;
  display: flex;
}
.category-link-nav-bar.new-nav-all-integrations-link {
  text-align: left;
  border: 1px solid #000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  margin-left: 0;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}
.nav-header {
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-family: "Roboto V 30 Latin 900", Arial, sans-serif;
  font-size: 11px;
  font-weight: 900;
}
.nav-header.new-nav-header {
  color: #0009;
  font-size: 14px;
  line-height: 150%;
}
.category-title-nav-bar {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 140%;
  text-decoration: none;
}
.category-title-nav-bar.category-nav-bar---no-bold {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
.category-title-nav-bar.sub-copy {
  margin-top: 12px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}
.category-title-nav-bar.new-nav-category-header-underline {
  text-decoration: underline;
}
.category-description-nav-bar {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 14px;
}
.feature-title-nav-bar {
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
}
.feature-description-nav-bar {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.nav-bar-column-3 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
  left: 7px;
}
.nav-bar-column-3.new-nav-column-3 {
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: static;
  top: 12px;
  left: 28px;
}
.nav-bar-column-1 {
  padding-left: 12px;
  padding-right: 0;
  position: static;
  left: -2px;
}
.nav-bar-column-2 {
  border-left: 2px solid #e4e5e5;
}
.mobile-nav-sign-up-wrapper {
  align-items: center;
  display: none;
}
.mobile-button-log-in-nav-bar,
.mobile-button-sign-up-nav-bar {
  background-color: var(--royal-blue);
  text-align: center;
  border-radius: 7px;
  width: 100%;
  margin-left: 20px;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 700;
}
.footer-social-icon {
  filter: invert();
  min-width: 24px;
  min-height: 24px;
  margin-left: 10px;
  margin-right: 10px;
}
.footer-social-wrapper {
  justify-content: center;
  align-items: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
.footer-copyright {
  color: var(--dark-grey);
  justify-content: center;
  align-items: center;
  padding-bottom: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  display: flex;
}
.nav-bar-tg-logo {
  min-width: 155px;
  min-height: 26px;
}
.nav-bar-tg-logo.new-nav-logo {
  min-width: 175px;
  min-height: auto;
  margin-top: 0;
}
.micro-text-container {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}
.micro-text-container:where(.w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf) {
  margin-top: 0;
}
.micro-text-container.hidden {
  display: none;
}
.guide-hero-container {
  max-width: 1240px;
}
.guide-hero-container.timeline-template {
  text-align: center;
  margin-bottom: 24px;
  padding: 20px 60px;
}
.guide-hero-container.pricing-page {
  text-align: center;
  flex-direction: column;
  align-items: center;
  padding: 60px;
  display: flex;
}
.body-side-nav-w-content {
  padding-top: 0;
  padding-bottom: 60px;
}
.body-side-nav-w-content.bottom-padding-zero {
  padding-bottom: 0;
}
.container-side-nav-w-content {
  max-width: 1240px;
  margin-top: 24px;
}
.container-side-nav-w-content.add-width {
  max-width: 1100px;
}
.content-column {
  margin-top: 14px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  display: block;
}
.youtube-hero {
  border-radius: 7px;
  min-width: 450px;
}
.youtube-hero.margin-around {
  min-width: 400px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.card-dual-cta {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 340px;
  max-width: 480px;
  min-height: 340px;
  padding: 30px 30px 65px;
  display: flex;
}
.container-dual-cta {
  justify-content: space-around;
  margin-top: 50px;
  margin-bottom: 20px;
  display: flex;
}
.section-dual-cta {
  margin-top: -100px;
  padding-top: 0;
}
.body-full-width-rich-text {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
.body-full-width-rich-text.excellganttchart-content-margin-top {
  margin-top: 60px;
}
.container-full-width-rich-text {
  max-width: 760px;
}
.hero-homepage {
  background-image: radial-gradient(circle, #b200f3, #7900eb);
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  display: flex;
}
.hero-homepage.hero-homepage-flat----test {
  background-color: var(--black-ish);
  background-image: none;
}
.hero-homepage.hero-homepage-flat----test.hero-homepage-flat----test_2 {
  background-color: #1053eb;
  background-image: radial-gradient(circle, #b200f3, #7900eb);
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}
.hero-homepage.hero-homepage-flat----test.hero-homepage-flat----test_2.hidden {
  display: none;
}
.hero-border-image {
  width: 100vw;
}
.heading-home-hero {
  color: #fff;
  letter-spacing: -0.3px;
  width: 440px;
  min-width: 220px;
  margin-bottom: 40px;
  padding-right: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 125%;
}
.sub-head-home-hero {
  color: #fff;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 23px;
  font-weight: 500;
  line-height: 28px;
}
.button-home-hero {
  text-align: center;
  background-color: #3ec694;
  border: 2px solid #000;
  border-radius: 7px;
  width: 100%;
  padding: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  text-decoration: none;
  box-shadow:
    13px 8px 24px #0003,
    3px 3px #000;
}
.button-home-hero.button-home-flat----test {
  background-color: var(--gainful-green);
  box-shadow: none;
  border-style: none;
}
.button-home-hero.button-home-flat----test.button-home-flat----test_2 {
  background-color: var(--gainful-green);
}
.hero-homepage-text-column {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.hero-homepage-text-column.ai-hero {
  flex-flow: wrap;
  justify-content: flex-start;
}
.image-home-hero {
  min-width: 100%;
  display: none;
}
.heading-home-feature {
  color: #0c161a;
  letter-spacing: -1.24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 48px;
  line-height: 54px;
  display: block;
}
.heading-home-feature.white-text {
  color: #fff;
}
.paragraph-home-feature {
  letter-spacing: -0.2px;
  margin-top: 30px;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
}
.paragraph-home-feature.center-ailgn {
  text-align: center;
}
.button-home-feature {
  color: #fff;
  text-align: center;
  background-color: #0c89ec;
  background-image: linear-gradient(139deg, #0d8bed, #5ac5f3);
  border: 2px solid #000;
  border-radius: 7px;
  padding: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  box-shadow:
    13px 8px 24px #0003,
    3px 3px #000;
}
.button-home-feature.feature-hero-button {
  width: 200px;
}
.button-home-feature.feature-hero-button.green {
  background-color: #3ec694;
  background-image: none;
}
.button-home-feature.button-home-feature-flat----test {
  width: 100%;
  max-width: 464px;
  height: 56px;
  box-shadow: none;
  vertical-align: baseline;
  background-color: #3ec694;
  background-image: none;
  border-style: none;
  padding: 17px 24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.grid-home-logo-ribbon {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-content: stretch;
  place-items: center;
  margin-top: 16px;
  margin-bottom: 40px;
}
.logo-ribbon {
  min-width: 80px;
  min-height: auto;
}
.logo-ribbon.make-small {
  min-width: 45px;
}
.hero-border-image-bottom {
  background-color: #7fcde9;
  width: 100vw;
  margin-top: 100px;
}
.section-blue-feature-home {
  background-color: #7fcde9;
}
.section-blue-feature-home.white-bg {
  background-color: #fff;
}
.section-blue-feature-home.section-blue-feature-home----test {
  background-color: var(--white);
  background-image: linear-gradient(#fff 88%, #1682c2);
}
.container-home-feature {
  max-width: 1280px;
  padding-top: 100px;
  padding-bottom: 100px;
}
.container-home-feature.remove-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.container-home-feature.remove-padding.home-outro {
  height: 650px;
  position: relative;
}
.container-home-hero {
  max-width: 1280px;
}
.container-home-hero.padding-bottom {
  padding-bottom: 60px;
}
.image-home-feature {
  min-width: 600px;
  min-height: 200px;
  display: block;
}
.image-home-feature.image-proven-process {
  border-radius: 10px;
  box-shadow: 0 2px 5px #0003;
}
.container-make-gantt-chart {
  flex-direction: column;
  align-items: center;
  max-width: 1280px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}
.grid-make-gantt-ribbon {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 40px;
  margin-bottom: 40px;
}
.icon-ribbon-home {
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  display: flex;
}
.icon-ribbon-text {
  color: #0c161a;
  letter-spacing: -0.3px;
  margin-top: 10px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
}
.overlay-make-gantt {
  background-color: #fff;
  border-radius: 7px;
  width: 510px;
  max-width: 510px;
  height: 300px;
  max-height: 300px;
  padding: 20px;
  position: relative;
  top: 60px;
  left: 600px;
  box-shadow: 0 9px 30px #0009;
}
.number-make-gantt {
  color: #fff;
  text-align: center;
  letter-spacing: -0.3px;
  background-color: #979797;
  border-radius: 7px;
  width: 20px;
  margin-right: 20px;
  font-size: 16px;
}
.number-make-gantt.blue-number-bg {
  background-color: #1053eb;
}
.text-make-gantt {
  letter-spacing: -0.3px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
}
.overlay-content {
  align-items: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.button-overlay {
  text-align: center;
  background-color: #3ec694;
  border: 2px solid #000;
  border-radius: 7px;
  width: 100%;
  margin-top: 20px;
  padding: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  text-decoration: none;
  box-shadow:
    13px 8px 24px #0003,
    3px 3px #000;
}
.button-overlay.button-overlay-flat----test {
  box-shadow: none;
  border-style: none;
}
.image-make-gantt {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/654a53873b27b9259989f484_home-make-gantt.webp);
  background-position: 0 0;
  background-size: cover;
  border-radius: 7px;
  width: 1080px;
  max-width: 1080px;
  height: 740px;
  max-height: 740px;
}
.image-make-gantt.image-make-gantt----test {
  border: 1px solid var(--dark-grey);
}
.home-waterfall {
  width: 100%;
}
.section-tools {
  background-color: #1281c2;
  background-image: linear-gradient(#1281c2, #076c85);
}
.section-tools.features {
  padding-top: 60px;
  padding-bottom: 60px;
}
.grid-tools {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto;
  width: 75%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}
.grid-tools.features {
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}
.icon-tools-home {
  border: 2px solid #000;
  border-radius: 7px;
  margin-right: 20px;
  box-shadow: 3px 3px #000;
}
.paragraph-tools {
  color: #fff;
  letter-spacing: -0.3px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.heading-tools {
  color: #fff;
  letter-spacing: -0.3px;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
}
.container-tools {
  background-color: #2088c6;
  border-radius: 7px;
  padding: 20px;
  box-shadow: 7px 7px 0 1px #0003;
}
.grid-faq {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  width: 75%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}
.container-faq {
  box-shadow: none;
  background-color: #0e7788;
  border-radius: 7px;
  flex-direction: column;
  padding: 25px;
}
.container-faq.hidden {
  display: none;
}
.container-faq.container-faq----test {
  background-color: #0e7788;
}
.rich-text-faq {
  color: #fff;
}
.rich-text-faq li,
.rich-text-faq p {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.heading-home-faq {
  color: #fff;
  text-align: center;
  letter-spacing: -1.24px;
  margin-top: 0;
  padding-top: 100px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 48px;
  line-height: 54px;
  display: block;
}
.heading-faq {
  color: #fff;
  letter-spacing: -0.3px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.section-home-faq {
  background-color: #1281c2;
  background-image: linear-gradient(#076c85, #076c85);
}
.section-home-faq.section-home-faq----test {
  background-image: linear-gradient(#096c85 86%, #250920);
}
.section-templates {
  background-color: #1281c2;
  background-image: linear-gradient(#250920, #070010);
}
.grid-templates {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto auto auto;
  width: 90%;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
}
.container-templates {
  border-radius: 7px;
  flex-direction: column;
}
.heading-templates {
  color: #fff;
  letter-spacing: -0.3px;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.paragraph-templates {
  color: #fff;
  letter-spacing: -0.3px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.image {
  background-color: #250920;
}
.section-home-outro {
  background-color: var(--black-ish);
  background-image: linear-gradient(#250920, #070010);
  background-repeat: repeat;
  background-size: auto;
  height: 650px;
}
.section-home-outro.section-home-outro----test {
  background-image: linear-gradient(#070010, #250920);
  background-repeat: repeat;
  background-size: auto;
}
.heading-home-outro {
  color: #00adee;
  text-align: center;
  letter-spacing: -1.24px;
  margin-top: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 96px;
  line-height: 96px;
  display: block;
}
.container-home-outro {
  align-items: center;
  position: absolute;
  inset: auto 0% 25%;
}
.column-home-feature {
  position: static;
}
.column-content {
  padding-left: 20px;
  padding-right: 20px;
}
.column-image {
  padding-left: 30px;
  padding-right: 30px;
  display: block;
}
.footer-grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  justify-items: center;
}
.sub-head-home-outro {
  color: #fff;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
}
.feature-block-image {
  min-width: 640px;
  max-width: 640px;
  margin-right: 15px;
}
.feature-block-content {
  justify-content: flex-start;
  align-items: flex-start;
  max-width: 640px;
  margin-left: 15px;
  padding-right: 20px;
}
.feature-block-content.full-width {
  max-width: none;
}
.feature-block-home {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
  justify-content: space-around;
  align-items: center;
}
.feature-block-home.mobile-reverse-order {
  grid-column-gap: 35px;
  grid-row-gap: 35px;
}
.rating-micro-text {
  color: var(--white);
  align-self: auto;
  margin-top: 10px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 0.9em;
}
.rating-micro-text.black-text {
  color: var(--black-ish);
}
.star-rating {
  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-around;
  align-items: flex-end;
  width: 100%;
  margin-bottom: 5px;
  padding-left: 170px;
  padding-right: 170px;
  display: flex;
}
.star-rating.ms-project {
  flex-flow: row;
  justify-content: space-around;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}
.rating-logos {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: space-around;
  width: 100%;
  margin-top: 5px;
  padding-left: 130px;
  padding-right: 130px;
  display: flex;
}
.rating-logos.ms-project {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  align-items: flex-start;
  margin-top: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}
.rating-container.ms-project {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: flex-start;
  width: 300px;
  margin-top: 5px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  display: flex;
}
.heading-logo-ribbon {
  color: #0c161a;
  text-align: center;
  letter-spacing: -0.3px;
  font-size: 18px;
  line-height: 24px;
}
.sub-head-download-hero {
  color: #fff;
  text-align: center;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 28px;
}
.wrap-hero-buttons {
  justify-content: space-around;
  width: 50%;
  margin-bottom: 60px;
}
.sign-up-form-step-1 {
  flex-direction: column;
  align-items: center;
  display: flex;
}
.sign-up-form-step-1.hidden {
  display: none;
}
.container-sign-up-fields {
  flex-direction: column;
  min-width: 530px;
  max-width: 530px;
  display: flex;
}
.field-label-sign-up-form {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  display: block;
}
.text-field-sign-up-form {
  background-color: #f5f7f9;
  border-radius: 7px;
  min-height: 60px;
  margin-bottom: 0;
}
.cta-sign-up-form {
  background-color: var(--royal-blue);
  text-align: center;
  border-radius: 7px;
  align-self: auto;
  min-width: 100px;
  max-width: 150px;
  min-height: 60px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.cta-sign-up-form.ai-generator-pending {
  background-color: var(--dark-grey);
  cursor: wait;
  max-width: none;
}
.cta-sign-up-form.hidden {
  display: none;
}
.breadcrumb-sign-up-form {
  background-color: #fff;
  border: 1px solid #000;
  border-radius: 7px;
  width: 30px;
  max-width: 30px;
  height: 14px;
  max-height: 14px;
}
.breadcrumb-sign-up-form.breadcrumb-active {
  background-color: var(--royal-blue);
  border-width: 0;
}
.container-breadcrumb {
  justify-content: space-around;
  width: 75px;
  margin-top: 10px;
}
.container-heading-sign-up-main {
  align-items: center;
  margin-bottom: 20px;
}
.container-sign-up-form {
  background-color: #fff;
  max-width: none;
  max-height: none;
  padding: 40px 100px;
  display: block;
  position: relative;
  inset: 0%;
  overflow: hidden;
  box-shadow: 0 10px 20px 5px #0000001a;
}
.container-sign-up-form.signup-simple-container-sign-up-form {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  aspect-ratio: auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  max-height: none;
  margin-bottom: auto;
  display: flex;
}
.container-sign-up-form.new-signup {
  box-shadow: none;
  border: 1px #00000026;
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.container-sign-up-form.new-signup.ai-signup-modal {
  z-index: auto;
  padding-bottom: 0;
  position: relative;
  top: 15%;
}
.container-sign-up-form.new-signup.ai-signup-modal.hidden {
  z-index: auto;
  display: none;
}
.heading-sign-up-form {
  text-align: center;
  width: 450px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 26px;
  line-height: 36px;
}
.sub-head-sign-up-form {
  text-align: center;
  width: 450px;
  padding-left: 40px;
  padding-right: 40px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
}
.sub-head-sign-up-form.simple-signup-sub-head-sign-up-form {
  color: var(--black-ish);
  margin-top: 25px;
  margin-bottom: 30px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.breadcrumb-text-sign-up-form {
  color: #6e7476;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.section-sign-up-form {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  overflow: visible;
}
.section-sign-up-form.new-signup {
  border: 1px #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
}
.bg-image-sign-up-form {
  filter: brightness(30%) blur(5px);
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/660d7acb75f314556dc31d8f_Sign_Up_BG_2024.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 102vw;
  height: 102vh;
  display: block;
  position: fixed;
}
.bg-image-sign-up-form.single-form-signup-background {
  opacity: 1;
  filter: brightness(30%) blur(5px);
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/660d7acb75f314556dc31d8f_Sign_Up_BG_2024.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  width: 102vw;
  height: 102vh;
  position: fixed;
  inset: -10px 0 0 -10px;
  overflow: hidden;
}
.sign-up-form-step-2 {
  flex-direction: column;
  align-items: center;
  margin-bottom: 120px;
  display: flex;
  position: relative;
  top: 60px;
}
.sign-up-form-step-2.hidden {
  display: none;
}
.terms-link {
  color: var(--dodger-blue);
  text-decoration: none;
}
.checkbox-sign-up-terms {
  align-self: center;
}
.checkbox-sign-up-terms.signup-simple-checkbox-sign-up-terms {
  margin-top: 15px;
  padding-left: 0;
  display: block;
}
.text-field-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}
.sign-up-form-success-icon {
  display: none;
}
.container-success-story-quote {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656de833b2bfa790254b1537_BG-Success-Story-Green.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  min-width: 50%;
  max-width: 50%;
  height: 50%;
  min-height: 50vh;
  max-height: 50%;
  padding: 70px;
}
.container-success-story-quote.ascent {
  background-color: var(--dark-grey);
  background-image: none;
  height: 400px;
  min-height: auto;
  max-height: none;
}
.quote-success-story {
  color: #fff;
  margin-bottom: 60px;
  font-size: 3em;
  font-weight: 700;
  line-height: 50px;
}
.video-success-story {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656de85ce94b721ca8ba4d2c_Washington-Video-Still.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: scroll;
  justify-content: center;
  align-items: center;
  min-width: 50%;
  max-width: 50%;
  min-height: 50vh;
  display: flex;
  position: relative;
}
.video-success-story.ascent {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656de85c0c6c6e28d2b9ab1d_Ascent-Video-Still.webp);
  background-position: 0 15%;
  background-size: cover;
  background-attachment: scroll;
  min-height: 400px;
}
.section-success-story-video {
  display: none;
}
.section-case-studies {
  padding-top: 36px;
}
.heading-rave-reviews {
  color: #fff;
  margin-bottom: 60px;
  font-size: 72px;
  line-height: 84px;
}
.rating-rave-reviews {
  justify-content: space-between;
  margin-bottom: 20px;
}
.avatar-ribbon-rave-reviews {
  margin-bottom: 40px;
}
.image-hero-rave-reviews {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656dfeeea2edbe76c3fc21e5_Rave-Review-Video-Gallery.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  min-width: 460px;
  max-width: 460px;
  min-height: 460px;
  margin-right: 20px;
  display: flex;
}
.subhead-rave-reviews {
  color: #fff;
  margin-bottom: 40px;
  font-size: 52px;
  font-weight: 700;
  line-height: 64px;
}
.cta-rave-reviews {
  color: var(--pink);
  font-size: 52px;
  font-weight: 700;
  line-height: 64px;
}
.container-cta-text-rave-review {
  min-width: 460px;
  max-width: 460px;
}
.play-embed-rave-review {
  cursor: pointer;
  background-color: #0000;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656e08f34fe1470716057558_Play-Button-Dark.png);
  background-position: 0 0;
  background-size: contain;
  width: 72px;
  height: 72px;
}
.play-embed-rave-review:hover {
  width: 90px;
  height: 90px;
}
.play-embed-rave-review.small-play-button {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656f38838d2023669aff68a9_Play-Button-Small.webp);
  background-position: 100% 75%;
  background-repeat: no-repeat;
  flex: 0 auto;
  width: 40px;
  height: 40px;
}
.quote-rave-reviews {
  color: #9ba2ab;
  font-size: 24px;
  line-height: 36px;
}
.name-rave-reviews {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
.name-rave-reviews.blue-text {
  color: #2783ef;
}
.company-rave-reviews {
  color: #62676d;
  font-size: 16px;
  line-height: 24px;
}
.image-customer-rave-reviews {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656f2e560c75c4ce824004ee_Alex-G.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 400px;
  max-width: 400px;
  height: 400px;
  display: flex;
}
.image-customer-rave-reviews.josh-g {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656f2e561b493e4f645adfba_Josh-G-2.webp);
}
.image-customer-rave-reviews.liana-s {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656f2e558fb58b3b238e213f_Liana-S.webp);
}
.image-customer-rave-reviews.pieta {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656f2e558a2463dc31013c85_Pieta-B.webp);
  border-radius: 14px;
}
.container-rave-review-quote {
  max-width: 500px;
}
.container-rave-review {
  justify-content: space-between;
  margin-top: 40px;
  margin-bottom: 60px;
}
.container-rave-review-videos {
  border-bottom: 1px solid #25282c;
}
.video-grid-rave-reviews {
  border-top: 1px solid #25282c;
  border-bottom: 1px solid #25282c;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
}
.video-thumb-rave-review {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d27a61e9600931243c23_Josh-G-1.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 7px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-end;
  width: 217px;
  height: 119px;
  display: flex;
}
.video-thumb-rave-review.evonne {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656f2e56ffcc90c46f0b4579_Evonne-T.webp);
}
.video-thumb-rave-review.jon-b {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656f2e55aea578d984b827b1_Jon-B.webp);
}
.video-thumb-rave-review.luz-r {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d27903b86064b03e2658_Luz-R.webp);
}
.video-thumb-rave-review.david-s {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656f2e558a2463dc31013c45_David-S.webp);
}
.video-thumb-rave-review.val-h {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d27acd40e82d796ffdc4_Val-H.webp);
}
.video-thumb-rave-review.bachir-b {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570a2b64df02a4bf81aa3b3_Bachir-B-Small.webp);
}
.video-thumb-rave-review.pieta-b {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d27a883e86a156d18bad_Pieta-B-Small.webp);
}
.video-thumb-rave-review.jordan-h {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570f3e1f4acf0cb0eced4d0_Jordan-H.webp);
}
.video-thumb-rave-review.abayomi-s {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d2774bc4b5d48af8af3e_Abayomi-Small.webp);
}
.video-thumb-rave-review.brian-b {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d278ced5509fcfc4eb28_Brian-B-Small.webp);
}
.video-thumb-rave-review.azam-s {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d2774dd1f2af3afbf706_Azam-S-Small.webp);
}
.video-thumb-rave-review.alberto-z {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d277883e86a156d18a76_Alberto-Z-Small.webp);
}
.video-thumb-rave-review.jonas-h {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d27959cfb18444c678f9_Jonas-H-Small.webp);
}
.video-thumb-rave-review.britt-s {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d278ced5509fcfc4eb2b_Britt-S-Small.webp);
}
.video-thumb-rave-review.alejandro {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d27779a55672117e1499_Alejandro-Small.webp);
}
.video-thumb-rave-review.cam-b {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d56b4940c2aa053f1a3d_Cam-B-Small.webp);
}
.video-thumb-rave-review.daniela-m {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d278a593a32ef59e2608_Daniela-M-Small.webp);
}
.video-thumb-rave-review.eric-g {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d27805e0210c2b65e855_Eric-G-Small.webp);
}
.video-thumb-rave-review.guiseppe-f {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d279a593a32ef59e2628_Guiseppe-F-Small.webp);
}
.video-thumb-rave-review.leigh-g {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d27951caa94278a9d2e5_Leigh-G-Small.webp);
}
.video-thumb-rave-review.loretta-m {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d27b40468a2b697b4228_Loretta-M-Small.webp);
}
.video-thumb-rave-review.mitch-t {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d27952b29ca1d4042869_Mitch-T-Small.webp);
}
.video-thumb-rave-review.steve-p {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6570d26730a772136e16a3e9_Steve-P-Small.webp);
}
.section-rave-reviews-hero {
  margin-bottom: 60px;
}
.section-rave-reviews-videos {
  margin-top: 60px;
  margin-bottom: 60px;
}
.container-quote-wall {
  border-bottom: 1px solid #25282c;
  padding-bottom: 40px;
}
.body {
  background-color: #0c1014;
}
.text-span {
  color: #ff579a;
}
.text-span-2 {
  color: #ff345e;
}
.highlight-blue-rave-review {
  color: #0c161a;
  background-image: linear-gradient(#00adee, #00adee);
}
.highlight-red-rave-review {
  color: #0c161a;
  background-image: linear-gradient(#fb335c, #fb335c);
}
.highlight-orange-rave-review {
  color: #0c161a;
  background-image: linear-gradient(#ffb302, #ffb302);
}
.highlight-green-rave-review {
  color: #0c161a;
  background-image: linear-gradient(#99bb3c, #99bb3c);
}
.highlight-pink-rave-review {
  color: #0c161a;
  background-image: linear-gradient(#e44d89, #e44d89);
}
.highlight-purple-rave-review {
  color: #0c161a;
  background-image: linear-gradient(#937cf0, #937cf0);
}
.highlight-teal-rave-review {
  color: #0c161a;
  background-image: linear-gradient(#7ccdc9, #7ccdc9);
}
.hero-ms-project {
  clear: none;
  object-fit: fill;
  background-image: none;
  flex-direction: column;
  align-items: center;
  padding-top: 0;
  display: flex;
  position: relative;
}
.hero-ms-project.download-padding {
  padding-top: 60px;
  padding-bottom: 60px;
}
.container-ms-project {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: 1280px;
  display: flex;
}
.heading-ms-project-hero {
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  width: 70%;
  margin-top: 40px;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 72px;
  font-weight: 700;
  line-height: 72px;
}
.sub-head-ms-project-hero {
  color: #fff;
  text-align: center;
  width: 50%;
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
}
.button-ms-project-hero {
  text-align: center;
  background-color: #3ec694;
  border: 2px solid #000;
  border-radius: 7px;
  width: 100%;
  padding: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  text-decoration: none;
  box-shadow:
    13px 8px 24px #0003,
    3px 3px #000;
}
.hero-image-ms-project.integrations-style {
  border-radius: 7px;
  max-width: 85%;
  margin-bottom: 40px;
}
.hero-image-ms-project.integrations-style.hidden {
  display: none;
}
.purple-bg-offset {
  z-index: -1;
  background-color: var(--royal-blue);
  background-image: radial-gradient(circle, #b200f3, #7900eb);
  position: absolute;
  inset: 0% 0% 17%;
}
.purple-bg-offset.hero-gradient-80s-2 {
  z-index: -2;
  top: -25%;
  bottom: 25%;
}
.purple-bg-offset.hero-section-black {
  background-color: var(--black-ish);
  background-image: none;
  bottom: 23%;
}
.rating-invert-filter {
  filter: invert();
}
.quick-stack-cell-ms-project {
  background-color: #9880f8;
  border: 4px solid #ebebeb;
  border-radius: 14px;
  padding: 30px;
}
.quick-stack-cell-ms-project.green {
  background-color: #3ec694;
}
.quick-stack-cell-ms-project.blue {
  background-color: #2b0af5;
}
.quick-stack-cell-ms-project.black {
  background-color: #323844;
}
.quick-stack-cell-ms-project.gold {
  background-color: #dab36d;
}
.quick-stack-cell-ms-project.teal {
  background-color: #60d2c9;
}
.quick-stack-cell-ms-project.pink {
  background-color: #b7378a;
}
.quick-stack-header-ms-project {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 30px;
}
.quick-stack-paragraph-ms-project {
  color: #fff;
  font-size: 20px;
  line-height: 30px;
}
.slide {
  background-color: #fff;
  border: 4px solid #f2f2f2;
  border-radius: 14px;
  height: 450px;
  padding: 40px;
}
.slider-quote-name {
  color: #000;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 28px;
}
.slider-quote-role {
  color: #9ba2ab;
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 22px;
  font-weight: 700;
}
.slider-quote-body {
  color: #4c4c4c;
  font-size: 28px;
  line-height: 40px;
}
.slider-quotes-ms-project {
  background-color: #ddd0;
  width: 100%;
  height: auto;
  margin-top: 40px;
  margin-bottom: 40px;
}
.grid-ms-compare {
  border-bottom: 1px solid #d6d6d6;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  margin-top: 40px;
}
.grid-ms-compare.top-margin {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 100px;
}
.image-check {
  width: 22px;
  height: 22px;
  margin-right: 10px;
}
.col-head-grid-ms-compare {
  color: #000;
  text-align: center;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
}
.row-category-grid-ms-compare {
  color: #000;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  text-decoration: underline;
}
.row-head-grid-ms-compare {
  color: #0c161a;
  width: 100%;
  font-size: 18px;
}
.row-head-grid-ms-compare.price-row-head {
  width: 100%;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.superscript-grid-ms-compare {
  font-size: 12px;
}
.data-grid-ms-compare {
  color: #0c161a;
  font-size: 17px;
}
.container-uses-full-width {
  flex-flow: row;
  justify-content: space-between;
  margin-left: 40px;
  display: flex;
}
.hero-image-uses {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65773b475dbe2114c3c9f33b_Uses-Collection-Hero.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 503px;
  margin-bottom: 40px;
}
.hero-uses {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65773b3e191bda6b7254870b_Background-Uses-Herowebp.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px 0 40px 40px;
}
.container-uses-hero-message {
  width: 45%;
  margin-bottom: 40px;
  padding-left: 20px;
}
.heading-uses-hero {
  letter-spacing: -3.4px;
  margin-bottom: 60px;
  font-size: 80px;
  font-weight: 700;
  line-height: 86px;
}
.button-uses-hero {
  background-color: var(--royal-blue);
  pointer-events: auto;
  text-align: center;
  border-radius: 7px;
  width: 100%;
  margin-bottom: 15px;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 700;
}
.button-uses-hero.button-features-hero {
  background-color: var(--gainful-green);
}
.button-uses-hero.nav-button-bottom-margin-remove {
  margin-bottom: 0;
}
.cta-uses-micro-text {
  width: 100%;
  color: var(--black-ish);
  text-align: center;
  margin-top: 10px;
  font-size: 0.9em;
}
.sub-head-uses-hero {
  color: var(--black-ish);
  margin-bottom: 60px;
  font-size: 24px;
  line-height: 28px;
}
.container-uses-hero-image {
  justify-content: space-between;
  align-items: center;
  width: 55%;
}
.section-home-h1.section-home-h1-flat----test {
  margin-top: 35px;
}
.section-home-h1.section-home-h1-flat----test.hidden {
  display: none;
}
.container-uses-accordion {
  justify-content: space-between;
  max-width: 980px;
  display: flex;
}
.wrap-uses-accordion {
  width: 50%;
  margin-right: 30px;
}
.wrap-uses-accordion.price-faq {
  background-color: #0c1014;
  align-items: center;
  width: 100%;
  margin-right: 0;
  padding: 60px;
}
.image-accordion-uses {
  width: auto;
  height: 480px;
}
.accordion-item {
  width: 100%;
  overflow: hidden;
}
.accordion-item.price-faq-item {
  background-color: #202427;
  border-radius: 7px;
  width: 90%;
  margin-bottom: 20px;
  padding-left: 20px;
}
.accordion-item.price-faq-item.homepage-faq-accordion {
  background-color: #232d32;
  border-radius: 4px;
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
.accordion-toggle {
  height: 80px;
  padding-left: 0;
  display: flex;
}
.accordion-toggle.homepage-faq-question-alignment {
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 10px;
  padding-bottom: 10px;
}
.accordion-item-header {
  letter-spacing: -0.3px;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  display: flex;
}
.accordion-item-header.price-faq {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.dropdown-list-uses {
  background-color: #fff;
  padding: 20px 40px 20px 0;
  display: block;
  position: static;
}
.dropdown-list-uses.price-faq {
  background-color: #202427;
}
.dropdown-list-uses.price-faq.homepage-faq-answer {
  background-color: #232d32;
  padding-top: 0;
  padding-bottom: 0;
}
.accordion-icon.price-faq {
  filter: invert();
}
.header-accordion-uses {
  letter-spacing: -1.24px;
  margin-top: 0;
  font-size: 48px;
  line-height: 54px;
}
.header-accordion-uses.price-faq-header {
  color: var(--white);
  margin-bottom: 60px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.section-accordion-uses {
  padding-top: 100px;
}
.container-uses-hero-cta {
  width: 100%;
  max-width: 510px;
}
.list-uses {
  letter-spacing: -0.2px;
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 30px;
}
.header-tag-uses {
  font-size: 20px;
  line-height: 30px;
}
.header-tag-uses.align-adustment {
  text-align: center;
  width: 150px;
  max-width: 150px;
}
.list-item-uses {
  margin-bottom: 5px;
}
.heading-uses-feature {
  color: #0c161a;
  letter-spacing: -1.24px;
  margin-top: 10px;
  margin-bottom: 40px;
  font-size: 48px;
  line-height: 54px;
  display: block;
}
.feature-block-uses {
  justify-content: space-around;
  align-items: center;
}
.feature-block-image-uses {
  max-width: 640px;
  margin-right: 15px;
}
.image-uses-feature {
  min-width: 500px;
  min-height: 200px;
}
.feature-block-content-uses {
  max-width: 640px;
  margin-left: 15px;
}
.container-uses-feature {
  flex-direction: column;
  max-width: 1280px;
  padding-top: 50px;
  padding-bottom: 50px;
  display: flex;
}
.section-integrations {
  margin-bottom: 60px;
}
.heading-uses-section {
  text-align: center;
  letter-spacing: -2.5px;
  align-self: center;
  width: 50%;
  margin-bottom: 100px;
  font-size: 72px;
  line-height: 72px;
}
.heading-uses-section.spacing-adjustment {
  margin-bottom: 0;
}
.heading-uses-section.colorful-headline {
  color: var(--dodger-blue);
  margin-top: 0;
}
.text-span-3 {
  color: var(--green);
}
.quick-stack-cell-uses {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  padding: 40px;
  box-shadow: 0 5px 10px #00000026;
}
.text-span-4 {
  color: var(--pink);
}
.container-uses-section {
  flex-direction: column;
  align-items: center;
  display: flex;
}
.cell-uses-support {
  font-size: 20px;
  line-height: 30px;
}
.cell-uses-support.align-adustment {
  text-align: center;
  width: 150px;
  max-width: 150px;
}
.cell-uses-support.align-adustment.top-spacing {
  margin-top: 20px;
}
.cell-uses-support.bold-spacing {
  margin-top: 40px;
  margin-bottom: 10px;
  font-weight: 700;
}
.text-field-contact-form {
  background-color: #f5f7f9;
  border-radius: 7px;
  min-height: 60px;
  margin-bottom: 20px;
  display: block;
}
.text-field-contact-form.hidden {
  display: none;
}
.field-label-contact-form {
  color: var(--white);
  display: inline-block;
}
.cta-contact-form {
  background-color: var(--royal-blue);
  border-radius: 7px;
  width: 100%;
  min-width: 100px;
  min-height: 60px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 16px;
  font-weight: 700;
}
.form-block-contact-us {
  width: 50%;
  height: 714px;
  margin-bottom: 0;
  padding: 40px 30px;
}
.image-contact-us {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6597059bbcddf68e0f08b832_Contact-Us.webp);
  background-position: 45%;
  background-repeat: no-repeat;
  background-size: auto;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  width: 470px;
  height: 714px;
}
.success-message-contact {
  color: var(--green);
  background-color: #fff;
  font-weight: 700;
}
.wrap-contact-us {
  background-color: #3f4656;
  border-radius: 7px;
  margin-bottom: 40px;
  display: none;
}
.info-block-contact {
  border-left: 1px solid var(--dark-grey);
  width: 312px;
  height: 200px;
  padding-top: 20px;
  padding-left: 20px;
}
.wrap-info-block {
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 40px;
}
.head-info-block {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 22px;
}
.text-info-block {
  color: var(--dark-grey);
  margin-bottom: 5px;
  font-size: 18px;
}
.heading-contact-us {
  color: #0c161a;
  text-align: center;
  letter-spacing: -1.24px;
  font-size: 48px;
  line-height: 54px;
  display: block;
}
.paragraph-contact-us {
  text-align: center;
  letter-spacing: -0.2px;
  margin-top: 30px;
  margin-bottom: 100px;
  font-size: 20px;
  line-height: 30px;
}
.success-text-contact-us {
  padding-top: 20px;
}
.quick-stack-gift {
  height: 100vh;
}
.hero-image-gift {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/659c077596f4896c5e69ad4f_Gift-T-Shirt.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.cta-template-download {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-width: 340px;
  max-width: 480px;
  min-height: 150px;
  padding: 30px;
  display: flex;
}
.hero-guide-category {
  background-color: var(--dodger-blue);
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/659d689c3184ea5ea779d792_Background-Shapes-Hero.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  height: 300px;
  display: flex;
}
.container-guide-category {
  flex-flow: column;
  padding-top: 0;
  padding-bottom: 0;
  display: block;
}
.container-guide-category.podcast-width {
  max-width: 980px;
}
.title-resource-stack {
  color: #373636;
  margin-top: 20px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.title-resource-stack.podcast-spacing {
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 30px;
}
.description-resource-stack {
  color: #373636;
  margin-top: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  line-height: 30px;
}
.description-resource-stack.podcast-styling {
  color: #58595a;
  text-transform: uppercase;
  margin-top: 0;
}
.link-block-resource-stack {
  text-decoration: none;
}
.quick-stack-resource {
  grid-column-gap: 20px;
  grid-row-gap: 50px;
}
.image-resource-stack {
  width: 450px;
  height: 202px;
}
.image-resource-stack.template-bg {
  background-color: var(--alice-blue);
  padding: 10px;
}
.image-resource-stack.podcast-thumbnail {
  object-fit: cover;
  width: 100%;
  height: 350px;
}
.wrap-side-nav-icon {
  background-color: #1053eb;
  border-radius: 7px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  display: flex;
}
.wrap-side-nav-icon.color-size-design {
  background-color: #61cfed;
  padding: 7px;
}
.wrap-side-nav-icon.color-size-project-mgmt {
  background-color: #ce80ee;
  padding: 7px;
}
.wrap-side-nav-icon.color-size-event {
  background-color: #ff8063;
  padding: 7px;
}
.wrap-side-nav-icon.color-size-software {
  background-color: #ffae30;
  padding: 7px;
}
.wrap-side-nav-icon.color-size-construction {
  background-color: #3ec694;
  padding: 7px;
}
.title-side-nav {
  font-size: 15px;
}
.description-side-nav {
  color: #a0a8b1;
  font-size: 12px;
  line-height: 1.6em;
}
.heading-product-releases {
  color: var(--black-ish);
  margin-bottom: 20px;
  font-size: 3em;
}
.sub-head-product-releases {
  color: var(--black-ish);
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 1.5em;
  line-height: 1.3em;
}
.sub-head-product-releases.hidden {
  display: none;
}
.button-product-releases {
  background-color: var(--royal-blue);
  text-align: center;
  border-radius: 7px;
  width: 25%;
  margin-left: 20px;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 700;
}
.h2-product-releases {
  margin-top: 100px;
  font-size: 18px;
  line-height: 1.6em;
}
.date-product-releases {
  margin-bottom: 40px;
  line-height: 1.5em;
}
.grid-vs-page {
  border-bottom: 1px solid #d6d6d6;
  flex: none;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  align-self: center;
  justify-items: center;
  margin-top: 100px;
  padding-left: 20px;
  padding-right: 20px;
}
.grid-item-wrapper {
  min-height: 75px;
}
.heading-grid-vs {
  color: #0c161a;
  text-align: center;
  letter-spacing: -1.24px;
  margin-top: 140px;
  padding-left: 200px;
  padding-right: 200px;
  font-size: 48px;
  line-height: 54px;
  display: block;
}
.list-unordered-bullet {
  margin-bottom: 40px;
  font-size: 20px;
  line-height: 30px;
}
.list-unordered-bullet.about-us-spacing {
  padding-top: 30px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.sub-head-grid-vs {
  text-align: center;
  margin-top: 30px;
  padding-left: 200px;
  padding-right: 200px;
  font-size: 20px;
  line-height: 30px;
}
.hero-pricing {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65a6efcb80d8e55c873a3c27_Background-Faint-Blue.webp);
  background-position: 0 0;
  background-size: cover;
  margin-bottom: 40px;
}
.container-pricing-table {
  max-width: 1280px;
}
.heading-plan-title {
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 36px;
}
.heading-plan-title.white-text {
  color: var(--white);
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.price-emphasis {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
}
.heading-price-amount {
  margin-bottom: 20px;
  font-size: 15px;
}
.heading-price-amount.white-text {
  color: var(--white);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.heading-price-amount.remove-margin {
  margin-bottom: 0;
  margin-left: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 700;
}
.heading-price-amount.white-text-copy {
  color: var(--white);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.price-table-highlights {
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.price-table-highlights.white-text {
  color: var(--white);
  padding-right: 2px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.info-icon-price-table {
  width: 12px;
  height: 12px;
  margin-top: 0;
  margin-bottom: 10px;
  margin-left: 10px;
}
.wrap-price-highlight {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: flex-start;
  align-items: center;
}
.cta-pricing-table {
  width: 100%;
  min-width: 100px;
  min-height: 60px;
  color: var(--black-ish);
  text-align: center;
  letter-spacing: 1px;
  background-color: #efefef;
  border-radius: 7px;
  margin: 20px auto 10px;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
}
.cta-pricing-table.pro-plan {
  background-color: #fff;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.cta-pricing-table.unlimited-plan {
  color: var(--white);
  background-color: #7a6eff;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.cta-pricing-table.unlimited-plan.construction-plan-button-color {
  background-color: var(--dodger-blue);
}
.price-table-micro-text {
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 17px;
}
.price-table-micro-text.white-text {
  color: var(--white);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.wrap-price-table-cta {
  align-items: center;
  width: 100%;
  margin-bottom: 20px;
}
.list-icon-price-table {
  width: 12px;
  height: 12px;
  margin-top: 0;
  margin-bottom: 10px;
  margin-right: 10px;
}
.list-icon-price-table.construction-edition-checkbox-color {
  filter: hue-rotate(338deg);
}
.price-table-features {
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 24px;
}
.price-table-features.strikethrough {
  color: #535659;
  text-decoration: line-through;
}
.price-table-features.strikethrough.white-text {
  color: #d4e4ff;
}
.price-table-features.white-text {
  color: var(--white);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  line-height: 24px;
}
.price-table-pro-plan {
  border: 1px solid var(--royal-blue);
  background-image: linear-gradient(#529cfe, #529cfe);
  border-radius: 7px;
  padding: 40px;
}
.price-table-unlimited-plan {
  border: 1px solid var(--dark-grey);
  background-color: var(--white);
  border-radius: 7px;
  padding: 40px;
}
.price-table-unlimited-plan.constructionedition-bg-color {
  background-color: var(--alice-blue);
}
.wrap-unlimited-notice {
  align-items: flex-end;
  margin-bottom: 20px;
}
.pricing-table-yearly {
  position: relative;
}
.price-toggle {
  background-color: #f5f7f9;
  border: 1px solid #9ba2ab;
  border-radius: 7px;
  width: 250px;
  height: 50px;
  position: relative;
}
.toggle-text {
  z-index: 1;
  color: #979797;
  cursor: pointer;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 50%;
  height: 100%;
  font-weight: 700;
  display: flex;
  position: relative;
}
.toggle-text.yearly {
  color: #2783fe;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.toggle-text.monthly {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.toggle-text.yearly {
  color: #09f;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  line-height: 1rem;
}
.toggle-text.monthly {
  color: #93979c;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  line-height: 1rem;
}
.toggle-switch {
  border: 1px solid var(--dark-grey);
  background-color: var(--white);
  border-radius: 7px;
  width: 50%;
  height: 100%;
  position: absolute;
}
.toggle-text-highlight {
  color: #979797;
  margin-left: 5px;
  font-size: 12px;
  font-weight: 700;
}
.pricing-table-monthly {
  position: relative;
}
.quick-stack-free-plan-highlight {
  background-color: #7a6eff;
  border-radius: 7px;
  min-height: 200px;
}
.heading-free-plan {
  color: var(--white);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 46px;
}
.sub-head-free-plan {
  color: var(--white);
  text-align: center;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 24px;
}
.sub-head-free-plan.partner-sizing {
  width: 60%;
}
.cell-free-plan {
  justify-content: center;
  align-items: center;
}
.white-link {
  color: var(--white);
  text-decoration: underline;
}
.container-pricing-info {
  margin-top: 60px;
  margin-bottom: 60px;
}
.grid-manager-v-collaborators {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 0 #000;
  flex: none;
  grid-template-rows: 1fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr 0.75fr;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  align-self: center;
  justify-items: center;
  margin-top: 100px;
  margin-bottom: 100px;
}
.price-grid-data-wrapper {
  border-right: 1px solid #dedede;
  justify-content: center;
  width: 100%;
}
.price-grid-data-wrapper.grid-no-border {
  border-right-style: none;
  border-right-width: 0;
}
.row-head-price-grid {
  color: #0c161a;
  width: 100%;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
}
.column-head-price-grid {
  border-bottom: 1px solid #e9e9e9;
  align-items: flex-end;
  width: 100%;
  min-height: 40px;
  margin-bottom: 40px;
  display: flex;
}
.column-head-price-grid.center {
  justify-content: center;
}
.text-block {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
}
.heading-price {
  color: #0c161a;
  letter-spacing: -1.24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 72px;
  line-height: 72px;
  display: block;
}
.heading-price.heading-price-h3 {
  color: var(--dark-grey);
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-size: 42px;
  line-height: 45px;
}
.heading-price.center-align {
  margin-left: auto;
  margin-right: auto;
}
.heading-price-hero {
  color: var(--black-ish);
  letter-spacing: 0.2px;
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 38px;
}
.button-price {
  background-color: var(--royal-blue);
  text-align: center;
  border-radius: 7px;
  width: 50%;
  margin-bottom: 40px;
  padding: 30px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.button-price.center-button {
  margin-left: auto;
  margin-right: auto;
}
.accordion-body {
  color: var(--white);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 1.75em;
}
.accordion-body img {
  float: none;
  min-width: 500px;
  min-height: 300px;
}
.accordion-body ol {
  margin-bottom: 40px;
}
.accordion-body li {
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.accordion-body ul,
.accordion-body p {
  margin-bottom: 40px;
}
.auto-scroll-compare {
  justify-content: center;
  margin-top: 20px;
  margin-bottom: 60px;
}
.text-auto-scroll-price {
  color: var(--black-ish);
  align-self: flex-end;
  margin-right: 10px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
}
.auto-scroll-link-price {
  display: flex;
}
.section-about-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  object-fit: fill;
  grid-template-rows: 1fr auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-items: stretch;
  height: 60vh;
  display: grid;
  position: relative;
}
.video-about-hero {
  aspect-ratio: auto;
  object-fit: cover;
  width: 100%;
  min-width: 800px;
  height: 100%;
  position: static;
}
.heading-about-hero {
  color: var(--black-ish);
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 42px;
  line-height: 48px;
}
.grid-about-stats {
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  margin-bottom: 40px;
}
.stat-about-large {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 60px;
  line-height: 80px;
}
.stat-about-title {
  color: #b06cad;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
}
.section-about-stats {
  padding: 60px 60px 0;
}
.text-block-3 {
  color: var(--dark-grey);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 24px;
  line-height: 28px;
}
.list-item-about-us {
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}
.column,
.column-2 {
  padding-left: 20px;
  padding-right: 20px;
}
.hero-partners {
  background-image: radial-gradient(circle, #b200f3, #7900eb);
  flex-direction: column;
  align-items: center;
  padding-top: 100px;
  display: flex;
  position: static;
}
.content-card-success-stories {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #fff;
  border-radius: 7px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 600px;
  margin-bottom: 60px;
  box-shadow: 0 2px 5px #0003;
}
.content-card-success-stories.integrations-size-adjust {
  border-radius: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  min-height: 600px;
  display: flex;
}
.card-image-success-stories {
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  width: 100%;
}
.card-image-success-stories.integrations-space-adjust {
  margin-bottom: 40px;
}
.card-title-success-stories {
  margin-top: 20px;
  margin-left: 40px;
  margin-right: 40px;
  font-size: 36px;
  font-weight: 700;
  line-height: 36px;
}
.card-description-success-stories {
  margin: 20px 40px;
  font-size: 16px;
  line-height: 28px;
}
.card-link-success-stories {
  margin: 20px 40px;
  font-size: 16px;
}
.h1-success-stories {
  text-align: center;
  margin-bottom: 60px;
  font-size: 42px;
}
.hero-customer-case-study {
  background-image:
    url(/assets/d3e54v103j8qbb.cloudfront.net/img/background-image.svg),
    url(/assets/d3e54v103j8qbb.cloudfront.net/img/background-image.svg);
  background-position:
    0 0,
    0 0;
  background-repeat: no-repeat, repeat;
  background-size: cover, auto;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 35vh;
  display: flex;
}
.profile-area-customer-case-study {
  background-color: #f5f7f9;
  border-radius: 7px;
  margin-top: 60px;
  margin-bottom: 40px;
  padding: 40px;
}
.name-customer-case-study {
  margin-bottom: 40px;
  font-size: 24px;
  font-weight: 700;
}
.description-customer-case-study {
  font-size: 16px;
  line-height: 32px;
}
.profile-picture-customer-case-study {
  border-radius: 7px;
  width: 500px;
  max-width: 300px;
  margin-right: 40px;
}
.hero-heading-customer-case-study {
  color: var(--white);
  text-transform: uppercase;
  font-size: 48px;
}
.category-customer-case-study {
  color: var(--white);
  text-transform: uppercase;
  font-weight: 700;
}
.wrap-title-customer-case-study {
  background-image: linear-gradient(#00000040, #00000040);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}
.heading-class-title {
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 48px;
  font-weight: 700;
  line-height: 53px;
}
.sub-head-class-description {
  color: var(--dark-grey);
  margin-bottom: 20px;
  font-size: 18px;
  line-height: 23px;
}
.container-classes-body {
  padding-top: 60px;
  padding-bottom: 20px;
}
.collection-item-class-card {
  margin-bottom: 40px;
}
.h1-live-classes {
  text-align: center;
  font-size: 72px;
  line-height: 90px;
}
.container-class-form {
  background-color: #fff;
  max-width: 470px;
  max-height: 775px;
  margin-top: 20px;
  margin-bottom: auto;
  padding: 40px;
  position: static;
  inset: 0%;
  box-shadow: 0 10px 20px 5px #0000001a;
}
.heading-class-form {
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: 700;
}
.section-live-classes {
  padding-top: 60px;
}
.title-guide-hero---not-h1 {
  color: #fff;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 3em;
  font-weight: 700;
  line-height: 44px;
}
.h1-guide-title {
  text-align: center;
  margin-bottom: 40px;
}
.h1-guide-title.pmp-guide-hero {
  font-size: 64px;
  line-height: 1em;
}
.by-line-guide {
  text-align: center;
  font-size: 16px;
}
.by-line-guide.pmp-guide-hero {
  font-size: 24px;
  line-height: 1.4em;
}
.author-image-guide {
  border-radius: 100%;
  width: 50px;
  margin-left: 10px;
  margin-right: 10px;
}
.author-wrap-guide {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.body-promo-guide {
  background-color: #d9f3fc;
  border: 1px solid #1053eb;
  border-radius: 7px;
  align-items: center;
  margin-bottom: 40px;
  padding: 40px 50px;
  display: none;
}
.heading-body-promo {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.5em;
}
.paragraph-body-promo {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 24px;
}
.button-promo-body {
  background-color: var(--royal-blue);
  text-align: center;
  border-radius: 7px;
  width: 40%;
  margin-bottom: 40px;
  padding: 20px;
  font-size: 18px;
  font-weight: 700;
  display: block;
}
.image-body-promo {
  border-radius: 7px;
}
.wrap-product-releases {
  padding-left: 10px;
  padding-right: 10px;
}
.image-why-teamgantt-video {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65b7cb024276b9f130b0dba8_Jamin-Video-Why-TeamGantt.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  width: 75%;
  height: 500px;
}
.image-why-teamgantt-overlay {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65b7cb11c58e4e1b6065bb4a_App-Features-Overlap.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 500px;
  position: absolute;
  bottom: -172px;
  left: 0;
}
.wrap-why-teamgantt-video {
  position: relative;
}
.heading-why-teamgantt {
  width: 70%;
  margin-bottom: 40px;
  font-size: 72px;
  line-height: 1em;
}
.paragraph-why-teamgantt {
  width: 75%;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 32px;
}
.section {
  padding-bottom: 175px;
}
.side-nav-text {
  font-size: 15px;
  line-height: 1.4em;
}
.side-nav-text.all-caps {
  color: var(--black-ish);
  text-transform: uppercase;
}
.side-nav-text.all-caps.w--current {
  background-color: #e7f2ff;
  padding: 10px;
}
.wrap-side-nav-link {
  color: #333;
  align-items: flex-start;
  padding: 10px;
  line-height: 1.3em;
  text-decoration: none;
  display: flex;
}
.side-nav-icon-bg {
  background-color: #ffae30;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  margin-right: 10px;
  display: flex;
}
.side-nav-icon-bg.blue {
  background-color: #1053eb;
}
.side-nav-icon-bg.orange {
  background-color: #ff8063;
}
.side-nav-icon-bg.lite-blue {
  background-color: #61cfed;
}
.side-nav-icon-bg.green {
  background-color: #3ec694;
}
.image-template-preview {
  margin-bottom: 60px;
  box-shadow: 0 8px 20px 10px #0000001a;
}
.h1-template-title {
  width: 100%;
  margin-bottom: 60px;
  font-size: 64px;
  line-height: 1.2em;
}
.button-teamgantt-template {
  background-color: var(--royal-blue);
  text-align: center;
  border-radius: 7px;
  width: 30%;
  margin-bottom: 40px;
  padding: 20px;
  font-size: 16px;
  font-weight: 700;
  line-height: 22px;
}
.wrap-template-button {
  justify-content: center;
  align-items: center;
  display: flex;
}
.cell-podcast-title {
  flex-direction: column;
}
.podcast-ep-hero {
  color: #e5a093;
  font-size: 68px;
  font-weight: 700;
  line-height: 72px;
}
.podcast-title-hero {
  font-size: 68px;
  font-weight: 700;
  line-height: 72px;
}
.html-embed-podcast {
  width: 100%;
}
.cell-guest-description {
  column-count: 2;
  background-color: #f5f7f9;
  padding: 40px;
  display: block;
}
.heading-podcast-section-title {
  letter-spacing: -2px;
  margin-top: 60px;
  margin-bottom: 60px;
  font-size: 68px;
  font-weight: 700;
  line-height: 72px;
}
.guest-description-name {
  margin-bottom: 10px;
  font-size: 32px;
  line-height: 38px;
}
.guest-description-title {
  margin-bottom: 20px;
  font-size: 20px;
  line-height: 24px;
}
.collection-item-podcast {
  max-width: 264px;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0;
  padding-right: 0;
}
.collection-list-podcast {
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 40px;
  display: flex;
}
.h1-blog-post {
  text-align: center;
  letter-spacing: -3px;
  margin-bottom: 20px;
  font-size: 72px;
  line-height: 1em;
}
.wrap-blog-post-heading {
  align-items: center;
  margin-top: 60px;
  margin-bottom: 60px;
}
.blog-category {
  color: #9e9f9a;
  text-transform: uppercase;
}
.blog-author {
  color: #333;
  text-transform: none;
  font-size: 16px;
}
.blog-date {
  color: #9e9f9a;
  text-transform: none;
}
.hero-image-pmp-guide {
  margin-bottom: 60px;
}
.hollow-cta-button {
  width: 100%;
  color: var(--black-ish);
  text-align: center;
  background-color: #1053eb00;
  border: 2px solid #000;
  border-radius: 7px;
  margin-bottom: 15px;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 700;
}
.hollow-cta-button.download-spacing {
  margin-bottom: 20px;
}
.download-heading {
  text-align: center;
  margin-bottom: 40px;
  font-size: 28px;
}
.section-ppc-landing-hero {
  background-image: linear-gradient(#0c1014, #0c1014);
  flex-direction: column;
  align-items: center;
  padding-top: 60px;
  display: flex;
  position: relative;
}
.section-ppc-landing-hero.section-landing-hero-short {
  margin-bottom: 0;
  padding-bottom: 0;
}
.grid-construction-logo-ribbon {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  align-self: stretch;
  place-items: center;
}
.logo-ribbon-construction {
  flex-direction: column;
  align-items: center;
  max-width: 1280px;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}
.header-logo-ribbon-construction {
  margin-bottom: 20px;
  font-size: 24px;
}
.heading-ppc-landing-hero {
  color: #fff;
  text-align: center;
  letter-spacing: -3px;
  width: 80%;
  margin-top: 60px;
  margin-bottom: 40px;
  font-size: 118px;
  font-weight: 700;
  line-height: 118px;
}
.sub-head-ppc-landing-hero {
  color: #fff;
  text-align: center;
  width: 40%;
  margin-bottom: 40px;
  font-size: 24px;
  line-height: 32px;
}
.button-ppc-landing-hero {
  text-align: center;
  background-color: #2783fe;
  border: 2px solid #000;
  border-radius: 7px;
  width: 100%;
  padding: 20px;
  font-size: 20px;
  text-decoration: none;
  box-shadow:
    13px 8px 24px #0003,
    3px 3px #000;
}
.hero-image-ppc-landing {
  margin-top: 40px;
}
.collection-list-blog {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  place-content: stretch center;
  margin-left: 0;
  margin-right: auto;
  display: flex;
}
.image-blog-collection-list {
  border-radius: 4px 4px 0 0;
  width: 100%;
  max-width: none;
  margin-bottom: 20px;
  margin-right: 0;
  display: block;
}
.title-blog-collection-list {
  color: var(--black-ish);
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 135%;
}
.description-blog-collection-list {
  max-height: 55px;
  color: var(--black-ish);
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
  overflow: hidden;
}
.collection-item {
  border: 1px solid #e5e6ef;
  border-radius: 4px;
  flex-flow: row;
  flex: 1;
  order: 0;
  justify-content: center;
  align-items: stretch;
  min-width: 400px;
  margin-bottom: 30px;
  margin-left: 10px;
  margin-right: 10px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}
.collection-list-wrapper-blog {
  margin-bottom: 60px;
  padding-top: 60px;
}
.wrapper-blog-cards {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65d36cac006f7b9b4e110db1_Guide-Gantt-Charts.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 7px;
  flex-direction: column;
  justify-content: flex-end;
  width: 100%;
  height: 450px;
  padding: 20px;
  display: flex;
}
.wrapper-blog-cards.pm-guide {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65d36cac979f7943fbd6acd2_Guide-Project-Management.webp);
}
.text-cta-hollow-white {
  width: 40%;
  color: var(--white);
  text-align: center;
  background-color: #1053eb00;
  border: 2px solid #fff;
  border-radius: 7px;
  margin-bottom: 15px;
  padding: 20px 10px;
  font-size: 16px;
  font-weight: 700;
}
.title-blog-card {
  width: 80%;
  color: var(--white);
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 700;
  line-height: 36px;
}
.text-block-4 {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.text-block-4.new-nav-menu-text {
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.nav-link {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.nav-link.new-nav-menu-text {
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  display: none;
}
.nav-link.new-nav-menu-text.hidden {
  display: none;
}
.nav-link.new-nav-menu-text.pricing {
  margin-left: 10px;
  margin-right: 10px;
  display: inline-block;
}
.nav-link.new-nav-menu-text.pricing.w--current {
  color: var(--black-ish);
  margin-left: 0;
}
.nav-link.new-nav-menu-text.pricing.ai-sparkle {
  margin-left: 0;
  margin-right: 0;
  padding-left: 6px;
}
.nav-link-2,
.text-block-5,
.nav-log-in-text,
.footer-item,
.text-block-8,
.text-block-9,
.text-block-10,
.text-block-11,
.text-block-12,
.text-block-13,
.text-block-14,
.text-block-15,
.text-block-17,
.text-block-18,
.text-block-19,
.text-block-20,
.text-block-21,
.text-block-22,
.text-block-23 {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.play-button-wrapper {
  float: none;
  clear: none;
  cursor: pointer;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656e08f34fe1470716057558_Play-Button-Dark.png);
  background-position: 0 0;
  background-size: 120px;
  align-items: center;
  width: 120px;
  height: 120px;
  display: block;
  position: static;
}
.video-popover-html-play {
  cursor: pointer;
  flex-flow: column;
  align-items: center;
  width: 400px;
  height: 230px;
  display: block;
  position: absolute;
}
.video-popover-html-play.nav-version {
  width: 285px;
  height: 162px;
}
.image-home {
  min-width: 600px;
  min-height: 500px;
}
.image-home.video-popover {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/67a5270ddc1bd34e50eb5d87_homepage-feature-nobg.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  display: flex;
}
.column-home-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: stretch;
  margin-top: 0;
  display: block;
}
.html-embed-2 {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}
.checkbox-sign-up {
  width: 20px;
  height: 20px;
  margin-top: 0;
  margin-left: 0;
  margin-right: 10px;
}
.html-embed-pricing-video {
  color: #27a5fe;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  text-decoration: underline;
}
.fly-out-pricing {
  color: #ddd7d7;
  background-color: #010001;
  border-radius: 7px;
  width: 400px;
  padding: 10px;
  display: none;
  position: absolute;
  left: 150px;
}
.container-partner-info {
  flex-flow: column;
  align-items: center;
  margin-top: 60px;
  margin-bottom: 60px;
  display: flex;
}
.partner-block-content {
  align-items: center;
  max-width: 640px;
  margin-left: 15px;
  padding-right: 20px;
}
.heading-partner {
  color: #0c161a;
  text-align: center;
  letter-spacing: -1.24px;
  font-size: 72px;
  line-height: 72px;
  display: block;
}
.paragraph-partner {
  text-align: center;
  letter-spacing: -0.2px;
  margin-top: 30px;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  line-height: 30px;
}
.html-embed-success-stories {
  cursor: pointer;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656de7e6b8f6fcdb64199d83_Play-Button-White.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 130px;
  height: 130px;
  position: absolute;
}
.sign-up-form-error-message {
  color: #fa5454;
  align-self: flex-start;
  display: block;
  position: relative;
}
.embed-video-pop-over {
  z-index: 1;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}
.button-video-pop-over {
  color: #fff;
  text-align: center;
  background-color: #0c89ec;
  background-image: linear-gradient(139deg, #0d8bed, #5ac5f3);
  border: 2px solid #000;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  display: flex;
  position: relative;
  box-shadow:
    13px 8px 24px #0003,
    3px 3px #000;
}
.button-video-pop-over.cursor-pointer {
  cursor: pointer;
}
.button-video-pop-over.cursor-pointer.margin-right {
  margin-right: 40px;
}
.button-video-pop-over.cursor-pointer.button-video-pop-over----test {
  background-color: var(--royal-blue);
  box-shadow: none;
  background-image: none;
  border-style: none;
}
.button-video-pop-over.cursor-pointer.button-video-pop-over----test.hidden {
  display: none;
}
.cta-class-button {
  background-color: var(--royal-blue);
  text-align: center;
  border-radius: 7px;
  align-self: auto;
  min-width: 100px;
  max-width: 150px;
  min-height: 60px;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  font-size: 16px;
  font-weight: 700;
}
.error-message-sign-up-form {
  color: #ee0e0e;
  text-align: left;
  align-self: flex-end;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 700;
  display: none;
}
.error-message-sign-up-form.error-message-sign-up-form-right-align {
  text-align: right;
}
.wrap-field-labels {
  justify-content: space-between;
}
.accordion-link {
  color: var(--white);
  text-decoration: underline;
}
.accordion-link.link-color {
  color: var(--green);
}
.italic-text {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.bold-text-2,
.bold-text-3,
.bold-text-4,
.bold-text-5 {
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
}
.bold-text-6 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.image-2,
.image-3 {
  margin-top: 0;
}
.heading {
  margin-top: 0;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
.collection-list-template {
  flex-flow: wrap;
  display: flex;
}
.video {
  margin-top: 40px;
  margin-bottom: 40px;
}
.template-banner-wrapper {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  justify-content: center;
  align-items: center;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}
.template-banner {
  background-color: var(--royal-blue);
  position: sticky;
  inset: auto 0% 0%;
}
.template-banner-cta-wrapper {
  align-items: center;
  margin-left: 40px;
}
.button-template-banner-sign-up {
  text-align: center;
  background-color: #2a66ed;
  border: 1px solid #fff;
  border-radius: 7px;
  width: 100%;
  padding: 20px 30px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.text-template-banner {
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}
.wrap-home-hero-cta {
  width: auto;
}
.wrap-home-hero-cta.buyers-guide {
  width: 85%;
}
.promo-banner-current-site {
  outline-offset: 0px;
  background-image: linear-gradient(52deg, #90f, #09f);
  border-radius: 7px;
  outline: 3px solid #62636680;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  padding: 40px 20px;
  display: flex;
  position: relative;
}
.wrap-promo-content-current-site {
  justify-content: flex-start;
  align-items: center;
  max-width: 80%;
}
.promo-title {
  color: #fff;
  text-align: center;
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1.75rem;
}
.promo-description {
  color: #f2f2f2;
  text-align: center;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 1.1rem;
  line-height: 1.75;
  display: inline-flex;
}
.wrap-promo-cta-current-site {
  justify-content: flex-start;
  align-items: center;
  max-width: 50%;
  margin-top: 30px;
  margin-bottom: 40px;
}
.promo-button {
  color: #fff;
  text-align: center;
  background-color: #09f;
  background-image: linear-gradient(135deg, #050f1a, #0c2540);
  border-radius: 7px;
  height: auto;
  margin-bottom: 10px;
  padding: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1rem;
}
.micro-text-promo {
  color: #f2f2f2;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 0.8rem;
}
.flex-block {
  display: block;
}
.wrap-promo-banner {
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
}
.promo-banner-close-x {
  color: var(--white);
  font-size: 50px;
  line-height: 50px;
  position: absolute;
  inset: 35% 1% auto auto;
}
.promo-banner-close {
  justify-content: flex-start;
  align-items: center;
  max-width: 40%;
}
.promo-banner-image {
  border-radius: 7px;
  max-width: 80%;
  margin-bottom: 0;
}
.section-accordion {
  background-color: #050f1a;
  padding-top: 0;
  position: relative;
}
.wrap-hero-button {
  justify-content: flex-end;
  align-items: center;
}
.wrap-hero-button.align-bottom-right {
  justify-content: flex-end;
  align-items: flex-end;
}
.wrap-hero-button.hidden {
  display: none;
}
.text-logo-ribbon {
  color: #acdde5;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  position: relative;
}
.content-faq {
  color: #93979c;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
}
.hero-gradient-blue-green {
  background-image:
    radial-gradient(circle at 0 -35%, #000, #0000 70%),
    radial-gradient(circle at 100% -35%, #000 20%, #0000 70%),
    radial-gradient(circle farthest-side at 150%, #6effd3, #0cf 31%, #0cf0 57%),
    radial-gradient(
      circle at 0%,
      #0f064b,
      #0f064bf7 12%,
      #0f064be6 22%,
      #0f064bcc 32%,
      #0f064ba6 52%,
      #0f064b80 60%,
      #0f064b59 69%,
      #0f064b38 78%,
      #0f064b1a 88%,
      #0f064b08 98%,
      #0f064b00
    ),
    radial-gradient(
      circle at 85% 175%,
      #eaf03a,
      #6effd3 39%,
      #0cf 51%,
      #3264e3 67%,
      #004ab8 77%,
      #0b014a 90%,
      #000 104%
    );
  background-position:
    0 0,
    0 0,
    0 0,
    0 0,
    0 0;
  background-size: auto, auto, auto, auto, auto;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}
.wrap-footer-logo {
  width: 50vw;
}
.cell-blocks {
  background-color: #1f1f1f;
  background-image: none;
  border: 1px solid #19497f;
  border-radius: 7px;
  padding: 0;
}
.wrap-footer {
  justify-content: space-between;
}
.title-tab-link {
  color: #09f;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
}
.wrap-accordion-image {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656dfeeea2edbe76c3fc21e5_Rave-Review-Video-Gallery.webp);
  background-position: 0 0;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 640px;
  max-width: 640px;
  height: 640px;
  max-height: 640px;
  display: flex;
  position: static;
}
.column-video.right-padding-zero {
  padding-right: 0;
}
.wrap-footer-columns {
  width: 50vw;
}
.feature-grid-accordion {
  aspect-ratio: auto;
  grid-template-columns: 1fr 1fr;
}
.nav-header-2 {
  color: #f2f2f2;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1.35rem;
}
.section-list {
  background-color: #03020d;
  padding-top: 0;
  position: relative;
}
.section-stinger {
  background-color: #050f1a;
  padding-top: 0;
  position: relative;
}
.tab-content {
  color: #93979c;
  margin-top: 20px;
  margin-bottom: 40px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2rem;
}
.mask-diagonal {
  background-color: #03020d;
  min-width: 100vw;
  min-height: 100px;
  transform: none;
}
.grid-hero-heading {
  grid-column-gap: 20px;
  grid-row-gap: 60px;
  grid-template-rows: auto auto;
  grid-template-columns: 1.75fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 60px;
  display: grid;
  position: relative;
}
.grid-hero-heading.pricing-hero {
  grid-template-columns: 2.5fr 1fr;
}
.grid-hero-heading.feature-hero {
  grid-row-gap: 50px;
  grid-template-columns: 1fr 1fr;
}
.tab-link {
  color: #fff;
  background-color: #c8c8c800;
  flex: 0 auto;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
}
.tab-link.w--current {
  background-color: #c8c8c800;
  border: 2px #90f;
  border-bottom-style: solid;
}
.column-content-2 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.micro-text {
  color: #f2f2f2;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.8rem;
}
.wrap-faq-cell-content {
  justify-content: space-between;
  width: 100%;
  height: auto;
  min-height: 200px;
  padding: 20px;
}
.feature-tag {
  color: #09f;
  background-color: #222;
  background-image: linear-gradient(130deg, #0cf 10%, #1300ff 50%, #90f 90%);
  border: 1px solid #2e2e2e;
  border-radius: 50px;
  width: 100%;
  min-width: 150px;
  padding: 1px;
}
.mobile-button-log-in-nav-bar-2 {
  text-align: center;
  background-color: #1053eb;
  border-radius: 7px;
  width: 100%;
  margin-left: 20px;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 700;
}
.play-embed-accordion {
  cursor: pointer;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/656e08f34fe1470716057558_Play-Button-Dark.png);
  background-position: 0 0;
  background-size: cover;
  width: 90px;
  height: 90px;
  position: static;
  inset: 0%;
}
.wrap-logo-ribbon {
  justify-content: center;
  align-items: stretch;
  display: block;
}
.noise {
  opacity: 0.04;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/664f40b05a6d52a935448758_Noise-Black.png);
  background-size: 128px;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}
.video-embed {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
.description-view-cell {
  color: var(--dark-grey);
  margin-bottom: 40px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.1rem;
  line-height: 2rem;
}
.description-view-cell.dark {
  color: var(--dark-grey);
  margin-top: 10px;
  font-size: 1.1rem;
  line-height: 2rem;
}
.description-view-cell.dark.text-dark-gray {
  color: #585b5f;
}
.description-view-cell.bottom-margin-zero {
  margin-bottom: 0;
}
.category-description-nav-bar-2 {
  color: #f2f2f2;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.35rem;
}
.section-tabs {
  background-color: #050f1a;
  padding-top: 0;
  position: relative;
}
.cell-faq {
  border: 1px #2e2e2e;
  border-bottom-style: solid;
  border-radius: 0;
  padding: 0;
}
.nav-bar-column-4 {
  border-left: 1px solid #626366;
}
.list-item {
  font-size: 1rem;
  line-height: 1.75rem;
}
.column-content-stinger {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.title-faq {
  color: #f2f2f2;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.75rem;
}
.list {
  margin-top: 20px;
}
.h2-section-heading {
  color: #f2f2f2;
  letter-spacing: -1px;
  width: 70%;
  margin-top: 0;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 3.6rem;
  line-height: 3.6rem;
}
.image-accordion {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
  width: 100%;
}
.container-column-content {
  align-self: flex-end;
  max-width: 500px;
  margin-left: auto;
  margin-right: 60px;
}
.description-block-cell {
  color: #93979c;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 2rem;
}
.wrap-cell-content {
  background-color: #0b2038;
  border-radius: 7px;
  justify-content: space-between;
  width: 100%;
  height: 250px;
  padding: 20px;
}
.nav-link-3 {
  color: #f2f2f2;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1rem;
}
.mobile-nav-sign-up-wrapper-2 {
  align-items: center;
  display: none;
}
.grid-feature-tags {
  aspect-ratio: auto;
  grid-template-columns: 1fr 1fr 1fr;
}
.tabs-menu {
  justify-content: space-around;
  margin-bottom: 40px;
  display: flex;
}
.heading-accordion-content {
  color: #f2f2f2;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.section-quick-stack-blocks {
  background-color: #050f1a;
  padding-top: 0;
  position: relative;
}
.drop-down-link-nav-bar-2 {
  color: #f2f2f2;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.drop-down-link-nav-bar-2:hover {
  background-color: #292929;
  border-radius: 7px;
}
.logo-ribbon-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  position: relative;
}
.mobile-button-sign-up-nav-bar-2 {
  text-align: center;
  background-color: #1053eb;
  border-radius: 7px;
  width: 100%;
  margin-left: 20px;
  padding: 20px 30px;
  font-size: 16px;
  font-weight: 700;
}
.quick-stack-faq {
  padding-top: 100px;
  padding-bottom: 100px;
}
.columns-stinger {
  align-items: center;
  display: flex;
}
.image-hero-overlay-2 {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/664f40b15a6d52a9354489d5_workloads_section_v2_1x.webp);
  background-position: 75% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 7px;
  min-width: 60%;
  max-width: 60%;
  min-height: 200px;
  display: none;
  position: absolute;
  inset: auto auto 7% 0%;
  box-shadow: 0 10px 20px #0000004d;
}
.section-footer {
  padding-top: 0;
}
.section-footer.color-white {
  background-color: #1f1f1f;
}
.image-stinger {
  opacity: 0.7;
}
.title-view-cell {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
}
.title-view-cell.dark {
  color: #09f;
}
.title-view-cell.black-ish {
  color: var(--black-ish);
  flex: 0 auto;
  align-self: flex-start;
}
.nav-menu-2 {
  float: none;
  position: static;
}
.wrap-tab-pane {
  background-color: #050f1a;
  border: 0 #000;
  padding: 40px 0 40px 40px;
}
.text-secondary-button-test {
  color: #f2f2f2;
  border-radius: 7px;
  padding: 0;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  text-decoration: none;
}
.button-main {
  color: #fff;
  text-align: center;
  background-color: #09f;
  background-image: linear-gradient(135deg, #09f 10%, #00beff);
  border-radius: 7px;
  height: auto;
  margin-bottom: 10px;
  padding: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1rem;
}
.button-main.nav-bar {
  background-image: linear-gradient(135deg, #00beff, #09f 90%);
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 20px;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 1rem;
}
.button-main.width-100 {
  background-image: linear-gradient(135deg, #00beff, #09f 90%);
  width: 100%;
}
.button-main.width-100.color-green {
  background-image: linear-gradient(135deg, #3ec694, #35a87e 90%);
}
.button-main.sign-up-page {
  align-self: center;
  width: 50%;
}
.button-main.button-align-right {
  align-self: flex-end;
  margin-bottom: 20px;
  margin-right: 20px;
}
.quick-stack-views {
  padding-top: 100px;
  padding-bottom: 100px;
}
.category-link-nav-bar-2 {
  color: #0b161a;
  width: 85%;
  max-width: 85%;
  padding: 10px;
  text-decoration: none;
}
.category-link-nav-bar-2:hover {
  background-color: #292929;
  border-radius: 7px;
}
.title-home-page-list {
  color: #f2f2f2;
  border-bottom: 1px solid #2e2e2e;
  width: 100%;
  padding: 40px 20px 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.title-home-page-list.link-styling {
  color: #09f;
}
.title-accordion {
  color: #f2f2f2;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.cell-views {
  background-color: #1f1f1f;
  background-image: none;
  border: 1px solid #2e2e2e;
  border-radius: 7px;
  justify-content: space-between;
  padding-top: 40px;
}
.cell-views.highlight {
  background-image: linear-gradient(135deg, #09f, #00beff);
  border-color: #6296c4;
}
.nav-bar-feature-2 {
  color: #0b161a;
  background-color: #03020d;
  border: 1px solid #292929;
  border-radius: 7px;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
  position: relative;
  box-shadow: 0 2px 5px #0003;
}
.image-home-hero-main {
  border-radius: 7px;
  max-width: 90%;
  box-shadow: 0 10px 20px #0000004d;
}
.icon-nav-bar {
  filter: invert();
}
.real-reviews {
  color: #f2f2f2;
  margin-left: 10px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.9rem;
}
.link-faq {
  color: #09f;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 2.75rem;
  text-decoration: none;
}
.nav-text-log-in {
  font-family:
    Open Sans,
    sans-serif;
}
.accordion-content {
  color: #93979c;
  margin-top: 20px;
  margin-bottom: 40px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2rem;
}
.title-block {
  color: #f2f2f2;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.views-preview {
  object-fit: cover;
  border-radius: 7px;
  width: 100%;
  height: 600px;
}
.views-preview.kanban,
.views-preview.calendar,
.views-preview.list-view {
  height: 200px;
}
.views-preview.height-400px {
  height: 400px;
}
.section-quick-stack-columns {
  background-color: #03020d;
  padding-top: 0;
  position: relative;
}
.image-logo-ribbon {
  opacity: 0.6;
  filter: invert();
  object-fit: contain;
  max-width: 75px;
}
.image-logo-ribbon.max-w-50 {
  max-width: 50px;
}
.header-footer {
  color: #f2f2f2;
  padding-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1rem;
}
.wrapper-footer-legal {
  align-items: center;
  margin-top: 40px;
  padding-top: 20px;
  padding-bottom: 10px;
}
.wrap-review-sites {
  justify-content: space-around;
  width: 100%;
  margin-top: 10px;
}
.wrap-review-sites.blend-exclusion {
  mix-blend-mode: exclusion;
}
.wrap-review-sites.blend-exclusion.test-align {
  mix-blend-mode: normal;
  mix-blend-mode: normal;
  margin-top: 40px;
}
.title-tab-content {
  color: #f2f2f2;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.section-home-hero {
  position: relative;
}
.container-center-1280px {
  max-width: 1280px;
  padding: 100px 20px;
}
.container-center-1280px.remove-bottom-margin,
.container-center-1280px.bottom-padding-zero {
  padding-bottom: 0;
}
.container-center-1280px.bottom-padding-zero.home-office-bottom-margin {
  margin-bottom: 450px;
}
.container-center-1280px.top-padding-zero {
  padding-top: 0;
}
.container-center-1280px.stinger-padding {
  padding-top: 40px;
  padding-bottom: 0;
}
.category-title-nav-bar-2 {
  color: #f2f2f2;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
}
.tabs-content {
  box-shadow: none;
  border: 1px #2e2e2e;
  border-radius: 14px;
}
.column-image-stinger {
  justify-content: flex-end;
  display: flex;
}
.quick-stack-blocks {
  padding-top: 100px;
  padding-bottom: 100px;
}
.accordion-toggle-2 {
  border: 1px #1b1e21;
  border-bottom: 1px solid #3d3f41;
  align-items: center;
  height: 80px;
  display: flex;
}
.feature-description-nav-bar-2 {
  color: #f2f2f2;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.35rem;
}
.youtube-embed {
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
.wrap-hero-image {
  justify-content: center;
  align-items: center;
  position: relative;
}
.wrap-hero-image.display-none {
  display: none;
}
.columns {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}
.button-secondary {
  color: #f2f2f2;
  background-color: #00b7ff00;
  border: 1px solid #00b7ff;
  border-radius: 7px;
  margin-bottom: 10px;
  padding: 20px;
  font-size: 1.1rem;
  line-height: 1rem;
  text-decoration: none;
}
.navbar-2 {
  background-color: #03020d;
  border-bottom: 1px #1d1d1d;
  position: sticky;
  top: 0;
  box-shadow: 0 1px 2px #0003;
}
.dropdown-accordion {
  background-color: #050f1a00;
  padding: 20px;
  display: block;
  position: static;
}
.feature-title-nav-bar-2 {
  color: #f2f2f2;
  margin-bottom: 10px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.wrap-column-list {
  width: 100%;
}
.wrap-column-list.padding-right {
  padding-right: 60px;
}
.drop-down-list-nav-bar-2 {
  border-radius: 14px;
  inset: 80px auto auto 0%;
}
.drop-down-list-nav-bar-2.w--open {
  background-color: #1f1f1f;
  margin-top: 20px;
  padding: 20px;
  box-shadow: 0 2px 5px #0003;
}
.accordion-icon-2 {
  filter: invert();
}
.name-feature-tag {
  color: #f2f2f2;
  text-align: center;
  background-color: #03020d;
  border-radius: 50px;
  padding: 12px;
  font-family:
    Open Sans,
    sans-serif;
  font-weight: 600;
}
.tabs {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 100px;
  padding-bottom: 100px;
}
.heading-stinger {
  color: #f2f2f2;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.wrap-hero-sub-head {
  justify-content: center;
  align-items: flex-start;
}
.wrap-hero-sub-head.direction-horizontal {
  flex-flow: row;
  align-items: center;
}
.wrap-views-cell-header {
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
}
.image-hero-overlay-1 {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/664f40b15a6d52a9354489cc_editoverlay_v2_teal_1x.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 7px;
  min-width: 30%;
  max-width: 30%;
  min-height: 50%;
  display: none;
  position: absolute;
  inset: 15% 0% auto auto;
  box-shadow: 0 10px 20px #0000004d;
}
.text-footer {
  color: #93979c;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  display: block;
}
.h1-hero-large {
  color: #f2f2f2;
  letter-spacing: -3.5px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 7rem;
  line-height: 7rem;
}
.h1-hero-large.h1-hero-medium {
  font-size: 6rem;
  line-height: 6rem;
}
.nav-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 20px;
  display: flex;
  position: relative;
}
.section-faq {
  background-color: #03020d;
  padding-top: 0;
  position: relative;
}
.container-sign-up-form-2 {
  background-color: #16181b;
  border-radius: 14px;
  max-width: 775px;
  max-height: 775px;
  margin-top: auto;
  margin-bottom: auto;
  padding-top: 40px;
  padding-bottom: 40px;
  display: block;
  position: absolute;
  inset: 0%;
  box-shadow: 0 10px 20px 5px #0000001a;
}
.container-breadcrumb-delete {
  justify-content: space-around;
  width: 75px;
  margin-top: 10px;
}
.text-field-container-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}
.field-label-sign-up-form-2 {
  color: #d1d2c9;
  font-family:
    Open Sans,
    sans-serif;
  display: block;
}
.sign-up-form-step-1-test {
  flex-direction: column;
  align-items: center;
  display: flex;
}
.sub-head-sign-up-form-2 {
  color: #f2f2f2;
  text-align: center;
  letter-spacing: 0;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  line-height: 1;
}
.heading-sign-up-form-2 {
  color: #f2f2f2;
  text-align: center;
  letter-spacing: 0;
  margin-top: 20px;
  margin-bottom: 0;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1;
}
.heading-sign-up-form-2.margin-bottom-20px {
  margin-bottom: 20px;
}
.breadcrumb-sign-up-form-2 {
  background-color: #93979c;
  border: 1px solid #000;
  border-radius: 7px;
  width: 30px;
  max-width: 30px;
  height: 14px;
  max-height: 14px;
}
.breadcrumb-sign-up-form-2.breadcrumb-active {
  background-color: #90f;
  border-width: 0;
}
.breadcrumb-text-sign-up-form-2 {
  color: #93979c;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.875rem;
  line-height: 1.5;
}
.terms-link-2 {
  color: #09f;
  font-weight: 400;
  text-decoration: none;
}
.checkbox-label {
  color: #f2f2f2;
  font-size: 1rem;
  line-height: 1;
}
.checkbox-sign-up-terms-2 {
  align-self: center;
  margin-bottom: 40px;
}
.bg-image-sign-up-form-2 {
  filter: blur(0.7px);
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/660d7acb75f314556dc31d8f_Sign_Up_BG_2024.webp);
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}
.error-message-sign-up-form-2 {
  color: #ee0e0e;
  text-align: left;
  align-self: flex-end;
  font-family:
    Open Sans,
    sans-serif;
  font-weight: 600;
  display: none;
}
.text-field {
  color: #f2f2f2;
  background-color: #626366;
  border: 1px solid #93979c;
  border-radius: 7px;
  min-height: 60px;
  margin-bottom: 0;
  font-family:
    Open Sans,
    sans-serif;
}
.bg-shade-sign-up-form {
  opacity: 0.75;
  background-color: #050f1a;
  width: 100vw;
  height: 100vh;
}
.link {
  cursor: pointer;
}
.image-test-home-hero-main {
  border-radius: 7px;
  max-width: 100%;
  margin-bottom: 40px;
  box-shadow: 0 10px 20px #0000004d;
}
.image-test-home-hero-main.display-mobile-none.shadow-off {
  box-shadow: none;
}
.image-test-home-hero-main.display-mobile-none.shadow-off.max-width-none {
  max-width: none;
}
.wrap-test-hero-text {
  align-items: stretch;
}
.button-main-2 {
  color: #fff;
  text-align: center;
  background-color: #09f;
  background-image: linear-gradient(135deg, #09f 10%, #00beff);
  border-color: #09f;
  border-radius: 7px;
  height: auto;
  margin-bottom: 10px;
  padding: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1.1rem;
}
.button-main-2.width-100 {
  background-image: linear-gradient(135deg, #00beff, #09f 90%);
  width: 100%;
}
.button-main-2.width-100.color-green-test {
  background-image: linear-gradient(135deg, #3ec694 10%, #35a87e);
}
.test-columns-hero {
  position: relative;
}
.test-column-2 {
  padding-left: 20px;
  padding-right: 0;
  position: static;
}
.test-column-1 {
  flex-flow: column;
  justify-content: space-between;
  min-height: 450px;
  display: flex;
  position: static;
}
.h1-hero-medium {
  color: #f2f2f2;
  letter-spacing: -3.5px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 4.5rem;
  line-height: 4.5rem;
}
.div-block {
  min-height: 75px;
}
.banner-notification-top-bar {
  color: #fff;
  text-align: center;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 10px;
  font-family: "Roboto V 30 Latin 900", Arial, sans-serif;
  font-size: 20px;
  font-weight: 900;
}
.text-logo-ribbon-2 {
  color: #535b60;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  position: relative;
}
._5-star-2,
.blend-exclusion {
  mix-blend-mode: exclusion;
}
.h1-hero-medium-2 {
  color: #29284b;
  letter-spacing: -3.5px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 4.5rem;
  line-height: 4.5rem;
}
.image-logo-ribbon-2 {
  opacity: 0.6;
  filter: none;
  object-fit: contain;
  max-width: 75px;
}
.image-logo-ribbon-2.max-w-50 {
  max-width: 50px;
}
.test-column-3 {
  padding-left: 20px;
  padding-right: 0;
  position: static;
}
.real-reviews-2 {
  color: #03020d;
  margin-left: 10px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.9rem;
}
.section-home-hero-80s {
  display: block;
  position: relative;
}
.section-home-hero-80s.color-white-bg {
  background-color: #fff;
  display: block;
  position: relative;
}
.blurry-gradient {
  opacity: 0.2;
  background-image: linear-gradient(105deg, #fc00ff, #00dbde);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}
.micro-text-2 {
  color: #03020d;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.8rem;
}
.button-main-3 {
  color: #fff;
  text-align: center;
  background-color: #229bef;
  border: 1px #09f;
  border-radius: 4px;
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  padding: 20px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 100%;
}
.button-main-3.width-100 {
  background-image: linear-gradient(135deg, #00beff, #09f 90%);
  width: 100%;
}
.button-main-3.width-100.color-green {
  background-image: linear-gradient(135deg, #3ec694 10%, #35a87e);
  border-style: none;
}
.test-column-4 {
  flex-flow: column;
  justify-content: space-between;
  min-height: 450px;
  display: flex;
  position: static;
}
.feature-tag-2 {
  color: #09f;
  background-color: #050f1a;
  background-image: linear-gradient(130deg, #ff80ff, #73ade6);
  border: 1px #2e2e2e;
  border-radius: 50px;
  width: 100%;
  min-width: 150px;
  padding: 2px;
}
.heading-accordion-content-2 {
  color: #29284b;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.name-feature-tag-2 {
  color: #03020d;
  text-align: center;
  background-color: #f2f2f2;
  border-radius: 50px;
  padding: 12px;
  font-family:
    Open Sans,
    sans-serif;
  font-weight: 600;
}
.h2-section-heading-2 {
  color: #29284b;
  letter-spacing: -1px;
  width: 85%;
  margin-top: 0;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 3.6rem;
  line-height: 3.6rem;
}
.tab-content-2 {
  color: #29284b;
  margin-top: 20px;
  margin-bottom: 40px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2rem;
}
.wrap-tab-pane-2 {
  background-color: #f2f2f2;
  border: 0 #000;
  padding: 40px 0 40px 40px;
}
.column-content-3 {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}
.title-tab-content-2 {
  color: #29284b;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.section-tabs-2 {
  background-color: #f2f2f2;
  padding-top: 0;
  position: relative;
}
.cell-views-2 {
  background-color: #050f1a;
  background-image: none;
  border: 1px solid #2e2e2e;
  border-radius: 7px;
  justify-content: space-between;
  padding-top: 40px;
}
.quick-stack-views-2 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.quick-stack-views-2.side-padding-zero {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  margin-top: 30px;
  padding-left: 0;
  padding-right: 0;
}
.section-quick-stack-columns-2 {
  background-color: #d5ddf1;
  padding-top: 0;
  position: relative;
}
.feature-tag-3 {
  color: #09f;
  background-color: #050f1a;
  background-image: linear-gradient(130deg, #ff80ff, #73ade6);
  border: 1px #2e2e2e;
  border-radius: 50px;
  width: 100%;
  min-width: 150px;
  padding: 2px;
}
.heading-accordion-content-3 {
  color: #29284b;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.name-feature-tag-3 {
  color: #03020d;
  text-align: center;
  background-color: #f2f2f2;
  border-radius: 50px;
  padding: 12px;
  font-family:
    Open Sans,
    sans-serif;
  font-weight: 600;
}
.section-accordion-2 {
  background-color: #f2f2f2;
  padding-top: 0;
  position: relative;
}
.accordion-content-2 {
  color: #29284b;
  margin-top: 20px;
  margin-bottom: 40px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 2rem;
}
.container-column-content-2 {
  align-self: flex-end;
  max-width: 500px;
  margin-left: auto;
  margin-right: 60px;
}
.columns-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  margin-top: 0;
  margin-bottom: 0;
  padding: 60px 0;
}
.title-accordion-2 {
  color: #29284b;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.accordion-toggle-3 {
  border: 1px #1b1e21;
  border-bottom: 1px solid #3d3f41;
  align-items: center;
  height: 80px;
  display: flex;
}
.section-list-2 {
  background-color: #d5ddf1;
  padding-top: 0;
  position: relative;
}
.title-home-page-list-2 {
  color: #03020d;
  border-bottom: 1px solid #2e2e2e;
  width: 100%;
  padding: 40px 20px 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.link-home-page-list {
  color: #09f;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.5rem;
}
.cell-views-3 {
  background-color: #050f1a;
  background-image: none;
  border: 1px solid #2e2e2e;
  border-radius: 7px;
  justify-content: space-between;
  padding-top: 40px;
}
.section-quick-stack-blocks-2 {
  background-color: #f2f2f2;
  padding-top: 0;
  position: relative;
}
.text-all-templates {
  color: #03020d;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.25rem;
  line-height: 2.25;
}
.text-link-cell-views {
  color: #f2f2f2;
  margin-top: 20px;
  margin-bottom: 40px;
  font-size: 1.1rem;
  font-weight: 400;
  text-decoration: underline;
}
.text-link-cell-views.text-link-blue {
  color: var(--black-ish);
}
.text-link-cell-views.text-link-blue.text-link-align-right {
  color: var(--royal-blue);
  align-self: flex-end;
  margin-right: 40px;
}
.wrap-all-templates {
  border: 1px solid #03020d;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 400;
  display: flex;
}
.button-secondary-2 {
  color: #29284b;
  text-align: center;
  background-color: #00b7ff00;
  border: 2px solid #29284b;
  border-radius: 7px;
  margin-bottom: 10px;
  padding: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.1rem;
  font-weight: 600;
  line-height: 1rem;
  text-decoration: none;
}
.section-faq-2 {
  background-color: #d5ddf1;
  padding-top: 0;
  position: relative;
}
.cell-faq-2 {
  border: 1px #2e2e2e;
  border-radius: 0;
  padding: 0;
}
.title-faq-2 {
  color: #29284b;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.75rem;
}
.wrap-faq-cell-content-2 {
  border-radius: 14px;
  justify-content: space-between;
  width: 100%;
  height: auto;
  min-height: 200px;
  padding: 20px;
}
.content-faq-2 {
  color: #29284b;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
}
.heading-stinger-2 {
  color: #f2f2f2;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.section-stinger-2 {
  background-color: #050f1a;
  background-image: radial-gradient(circle at 60% 40%, #0b2038, #050f1a);
  padding-top: 0;
  position: relative;
}
.text-footer-2 {
  color: #f2f2f2;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1;
  display: block;
}
.paragraph-lite {
  margin-top: 30px;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.25rem;
  line-height: 2;
}
.template-preview {
  object-fit: cover;
  border-radius: 7px;
  width: 100%;
  height: 300px;
}
.template-preview.kanban {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/664f8dc0d43108db8470917b_Kanban-View-2x.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.template-preview.calendar {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/664f40b25a6d52a935448a68_Calendar-View.webp);
  background-position: 50% 0;
  background-repeat: no-repeat;
  background-size: auto;
}
.template-preview.list-view {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/664f40b25a6d52a935448a04_List-View-2x.webp);
  background-position: 23% 0;
  background-repeat: no-repeat;
  background-size: cover;
}
.template-preview.pm {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/654b98e74a2da4fb5e376c56_Template-Thumb-Basic.webp);
  background-position: 40% 65%;
  background-repeat: no-repeat;
  background-size: cover;
}
.template-preview.marketing {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/654b98e65e250bee254263ec_Template-Thumb-Marketing-Plan.webp);
  background-position: 40% 65%;
  background-repeat: no-repeat;
  background-size: cover;
}
.template-preview.construction {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/654b98e9ead64a69e22d3deb_Template-Thumb-Construction-MGMT.webp);
  background-position: 40% 65%;
  background-repeat: no-repeat;
  background-size: cover;
}
.livestream-countdown--onpage {
  color: #fff;
  text-align: center;
  background-color: #62bdd5;
  border-radius: 10px;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 48px;
  font-weight: 700;
  line-height: 50px;
  display: block;
}
.livestream-h1 {
  text-align: center;
  margin-top: 65px;
  margin-bottom: 50px;
  font-size: 75px;
  line-height: 95px;
}
.livestream--video-container {
  margin-top: 45px;
  margin-bottom: 55px;
}
.livestream--video-container.hidden,
.collection-list-wrapper {
  display: none;
}
.notification-bar {
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-image: linear-gradient(
    to bottom,
    var(--_oddit---oddit-dark-blue),
    var(--_oddit---oddit-dark-blue)
  );
  background-position: 0 0;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: relative;
}
.notification-bar:where(.w-variant-49c0bd9c-c23f-22aa-936c-791f23d50d25) {
  background-color: var(--white);
  background-image: none;
}
.notification-bar:where(.w-variant-6b494d54-0187-f49c-0021-0e1f59fb10c8) {
  background-color: var(--dark-grey);
  background-image: none;
}
.notification-bar.hidden {
  padding-top: 8px;
  padding-bottom: 8px;
  display: none;
}
.flag-notification-bar {
  background-image: linear-gradient(135deg, #fc00ff, #00dbde);
  border-radius: 4px;
  margin-left: 20px;
  margin-right: 20px;
  padding: 5px 10px;
  font-size: 0.825rem;
}
.flag-notification-bar.margin-zero {
  margin-left: 0;
  margin-right: 0;
}
.flag-notification-bar.hidden {
  display: block;
}
.text-notification-bar {
  color: #fff;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
  display: flex;
}
.text-notification-bar:where(.w-variant-49c0bd9c-c23f-22aa-936c-791f23d50d25) {
  color: var(--black-ish);
}
.text-link-notification-bar {
  color: #f2f2f2;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  text-decoration: underline;
}
.text-link-notification-bar:where(
  .w-variant-49c0bd9c-c23f-22aa-936c-791f23d50d25
) {
  color: var(--black-ish);
}
.close-toggle-notification-bar {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/66b397ad0143373cdfb3124c_Icon-Cancel-50.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  display: none;
  position: absolute;
  inset: auto 1% auto auto;
}
.livestream-p {
  text-align: center;
  margin-bottom: 60px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.form {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  justify-content: center;
  display: flex;
}
.form.fall-release--form {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
  grid-template-columns: 2fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  max-width: 700px;
  margin: 30px auto 65px;
  display: grid;
}
.text-field-2 {
  box-sizing: content-box;
  border-radius: 7px;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.highlight-text {
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(105deg, #fc00ff, #00dbde);
  -webkit-background-clip: text;
  background-clip: text;
}
.container {
  margin-top: 20px;
  margin-bottom: 45px;
}
.div-block-2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: flex;
}
.div-block-3 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border: 1px solid #c5c5c5;
  border-radius: 10px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}
.div-block-4,
.div-block-5 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.image-4 {
  border: 1px solid #b8b8b8;
  border-radius: 10px;
}
.button-fall-release-calendar {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  justify-content: center;
  align-items: center;
  padding: 10px;
  display: flex;
}
.youtube,
.video-2 {
  margin-bottom: 30px;
}
.callout-inset {
  background-color: #cdf1f5;
  border-radius: 10px;
  margin: 25px;
  padding: 20px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 19px;
  font-weight: 500;
}
.h2-bottom-margin-25,
.h3-bottom-margin-25 {
  margin-bottom: 25px;
}
.faq-internal {
  background-color: #e9e9e9;
  border-radius: 10px;
  margin-bottom: 40px;
  padding: 0 20px 20px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
}
.dual-cta-button-light {
  background-color: var(--royal-blue);
  color: #fff;
  text-align: center;
  border-radius: 7px;
  width: 100%;
  margin-bottom: 15px;
  padding: 20px 30px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.bold-text-7,
.bold-text-8,
.bold-text-9,
.bold-text-10,
.bold-text-11 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.hero-gradient-80s {
  background-image: linear-gradient(105deg, #fc00ff33, #00dbde33);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}
.h1-hero-large-2 {
  color: #29284b;
  letter-spacing: -3.5px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 7rem;
  line-height: 7rem;
}
.h1-hero-large-2.h1-hero-medium {
  font-size: 4.5rem;
  line-height: 4.5rem;
}
.section-hero {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  position: relative;
}
.description-hero {
  color: #29284b;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.description-hero.font-semi-bold {
  font-weight: 600;
}
.tab-text-team-size {
  font-size: 0.75rem;
  line-height: 1;
}
.tab-text-team-size.save {
  color: #1f9e4e;
}
.tab-text-team-size.save.hidden {
  display: none;
}
.text-logo-ribbon-3 {
  color: #535b60;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  position: relative;
}
.span-month-year {
  font-size: 1rem;
}
.price-table-yearly {
  grid-row-gap: 60px;
  margin-top: 20px;
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.toggle-switch-2 {
  background-color: #fff;
  border: 1px solid #626366;
  border-radius: 7px;
  width: 50%;
  height: 100%;
  position: absolute;
}
.price-toggle-2 {
  background-color: #f2f2f2;
  border: 1px solid #93979c;
  border-radius: 7px;
  width: 300px;
  height: 50px;
  position: relative;
}
.info-icon-price-table-2 {
  width: 12px;
  height: 12px;
}
.info-icon-price-table-2.effect-difference {
  opacity: 0.3;
  mix-blend-mode: difference;
}
.line-plan-highlight {
  opacity: 0.25;
  border: 1px solid #93979c;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.line-plan-highlight.dark-bg {
  opacity: 0.15;
}
.link-see-features {
  color: #09f;
  text-align: center;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.875rem;
  line-height: 2rem;
}
.wrap-plan-highlight {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}
.wrap-plan-highlight.hidden {
  display: none;
}
.cell-price-table {
  background-color: #fff;
  background-image: none;
  border: 1px solid #93979c;
  border-radius: 7px;
  justify-content: space-between;
  padding: 40px;
}
.cell-price-table.padding-30 {
  padding: 30px;
}
.tabs-price-toggle {
  width: 100%;
}
.description-plan-highlight {
  color: #03020d;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.1rem;
  line-height: 2rem;
}
.description-plan-highlight.underline {
  text-decoration: underline;
}
.description-plan-highlight.bottom-margin-20 {
  color: #03020d;
  flex: 0 auto;
  margin-bottom: 20px;
  display: flex;
}
.wrap-price-title-flag {
  justify-content: space-between;
  width: 100%;
}
.price-table-monthly {
  grid-row-gap: 60px;
  margin-top: 20px;
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}
.toggle-text-highlight-2 {
  color: #09f;
  margin-left: 5px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.875rem;
  font-weight: 700;
}
.wrap-free-plan-banner {
  border: 1px solid #03020d;
  border-radius: 7px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  padding: 30px;
  font-weight: 400;
  display: flex;
}
.tab-team-size {
  text-align: center;
  background-color: #fff;
  border: 1px solid #93979c;
  border-radius: 7px;
  flex-flow: column;
  justify-content: space-between;
  width: 65px;
  height: 50px;
  margin-left: 2px;
  margin-right: 2px;
  padding: 5px;
  display: flex;
}
.tab-team-size.w--current {
  border: 2px solid var(--dodger-blue);
  text-align: center;
  background-color: #f2f2f2;
  border-radius: 7px;
  width: 65px;
}
.tab-team-size.center {
  justify-content: center;
  align-items: center;
  width: 65px;
  display: flex;
}
.tab-team-size.center.w--current {
  border-width: 2px;
  border-color: var(--dodger-blue);
}
.price-amount {
  color: #03020d;
  margin-bottom: 10px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
}
.fly-out-pricing-2 {
  z-index: 1;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #ddd7d7;
  background-color: #292929;
  border-radius: 7px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 250px;
  padding: 20px;
  display: none;
  position: absolute;
  top: 95%;
  bottom: auto;
  left: 54%;
  box-shadow: 0 2px 5px 2px #0003;
}
.wrap-toggle-month-year {
  justify-content: space-between;
  margin-top: 40px;
  display: flex;
}
.wrap-toggle-month-year.align-right {
  justify-content: flex-end;
}
.text-team-size {
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.875rem;
  line-height: 1;
}
.text-team-size.margin-60-10 {
  margin-top: 60px;
  margin-bottom: 10px;
  display: none;
}
.title-plan-name {
  color: #03020d;
  margin-top: 0;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2rem;
}
.title-plan-name.margin-zero {
  color: #03020d;
  margin-bottom: 0;
}
.section-plan-price {
  background-color: #f2f2f2;
  padding-top: 0;
  position: relative;
}
.tabs-menu-team-size {
  justify-content: center;
  margin-bottom: 20px;
  display: flex;
}
.micro-text-3 {
  color: #03020d;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.8rem;
}
.micro-text-3.bottom-margin-40 {
  margin-bottom: 40px;
}
.micro-text-3.total-price-page {
  font-size: 0.9rem;
  font-weight: 700;
  display: none;
}
.micro-text-3.bold-remove {
  margin-bottom: 20px;
  font-weight: 400;
}
.micro-text-3.hidden {
  display: none;
}
.wrap-price-table-button {
  flex-flow: column;
  justify-content: center;
  width: 100%;
  margin-top: 40px;
  display: flex;
}
.wrap-plan-highlights {
  width: 100%;
}
.text-info-flyout {
  text-align: left;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.85rem;
}
.button-secondary-3 {
  color: #29284b;
  text-align: center;
  background-color: #00b7ff00;
  border: 2px solid #29284b;
  border-radius: 7px;
  margin-bottom: 10px;
  padding: 20px;
  font-size: 1.1rem;
  line-height: 1rem;
  text-decoration: none;
}
.header-compare-table {
  color: #03020d;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 2rem;
  line-height: 2rem;
  display: flex;
}
.grid-label-price {
  color: #03020d;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 2rem;
  font-weight: 400;
  line-height: 2rem;
}
.section-plan-features {
  background-color: #fff;
  padding-top: 0;
  position: relative;
}
.section-plan-features.hidden {
  display: none;
}
.grid-label-sticky {
  color: #03020d;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d1d2c9;
  border-right: 1px #000;
  width: 100%;
  padding: 30px 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
  position: sticky;
  top: 80px;
}
.grid-label-sticky.remove-border-left {
  background-color: #fff;
  border-left-style: none;
  border-left-color: #d1d2c9;
  border-right-style: none;
}
.grid-label-sticky.remove-border-right {
  color: #03020d;
  border-right-style: none;
  border-right-color: #d1d2c9;
}
.grid-plan-features {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #d1d2c9;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  margin-top: 100px;
}
.button-dark {
  color: #fff;
  text-align: center;
  background-color: #09f;
  background-image: linear-gradient(135deg, #050f1a, #0c2540);
  border-radius: 7px;
  height: auto;
  margin-bottom: 10px;
  padding: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.1rem;
}
.title-grid-feature {
  color: #03020d;
  border-bottom: 1px #2e2e2e;
  width: 100%;
  padding: 40px 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.title-grid-feature.bg-color-black-cell {
  background-color: #f7f7f7;
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}
.grid-wrap-icon {
  border-bottom: 1px #2e2e2e;
  border-left: 1px solid #d1d2c9;
  border-right: 1px #2e2e2e;
  justify-content: center;
  width: 100%;
  height: 100%;
  display: flex;
}
.grid-wrap-icon.remove-border-right {
  border-right-style: none;
}
.grid-wrap-icon.bg-color-dark {
  background-color: #f7f7f7;
  border-left-color: #d1d2c9;
}
.grid-wrap-icon.bg-color-dark.grid-end-edge {
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}
.grid-wrap-icon.bg-color-dark.grid-end-edge.remove-border-right {
  border-right-style: none;
}
.grid-manager-v-collaborator {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid #000;
  grid-template-rows: auto auto auto auto auto auto auto auto auto auto auto auto auto;
  grid-template-columns: 2fr 1fr 1fr;
  margin-top: 100px;
}
.section-faq-price {
  background-color: #f2f2f2;
  padding-top: 0;
  position: relative;
}
.wrap-faq {
  padding-top: 100px;
  padding-bottom: 100px;
}
.link-2 {
  font-size: 1rem;
}
.title-accordion-3 {
  color: #29284b;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.accordion-toggle-4 {
  border: 1px #1b1e21;
  border-bottom: 1px solid #3d3f41;
  align-items: center;
  height: 80px;
  display: flex;
}
.heading-stinger-3 {
  color: #f2f2f2;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.button-dark-2 {
  color: #fff;
  text-align: center;
  cursor: pointer;
  background-color: #09f;
  background-image: linear-gradient(135deg, #050f1a, #0c2540);
  border-radius: 7px;
  height: auto;
  margin-bottom: 10px;
  padding: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.1rem;
}
.wrap-promo-cta {
  justify-content: flex-start;
  align-items: center;
  max-width: 40%;
}
.close-link-promo-banner {
  position: absolute;
  inset: 0% 0% auto auto;
}
.container-center-1280px-copy {
  justify-content: center;
  align-items: center;
  max-width: 1280px;
  display: flex;
  position: relative;
}
.promo-banner {
  z-index: 1500;
  outline-offset: 0px;
  background-image: linear-gradient(52deg, #90f, #09f);
  border-radius: 0;
  outline: 5px solid #62636680;
  justify-content: space-between;
  max-width: 100%;
  padding: 30px 20px;
  display: none;
  position: fixed;
  inset: auto 0% 0%;
}
.title-promo {
  color: #fff;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5rem;
}
.description-promo {
  color: #f2f2f2;
  max-width: 90%;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}
.close-sign-promo-banner {
  color: #d1d2c9;
  font-size: 2rem;
  font-weight: 300;
  line-height: 2rem;
  display: block;
}
.wrap-promo-content {
  max-width: 60%;
}
.text-logo-ribbon-4 {
  color: #535b60;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  position: relative;
}
.logo-ribbon-3 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  position: relative;
}
.list-ai-instructions {
  border: 1px #0b161a26;
  border-top-style: solid;
  max-width: 265px;
  margin-top: 10px;
  padding-top: 20px;
  padding-left: 17px;
}
.form-success {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: none;
}
.link-block {
  text-decoration: none;
}
.wrap-ai {
  background-image: linear-gradient(105deg, #fc00ff33, #00dbde33);
  border-radius: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: block;
}
.wrap-ai.padding-60-40 {
  padding-top: 60px;
  padding-left: 40px;
  padding-right: 40px;
}
.wrap-ai.gantt-chart-maker {
  background-image: linear-gradient(to bottom, var(--white), var(--white));
  border: 1px #0b161926;
  border-radius: 4px;
  justify-content: center;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
  padding: 40px;
  display: block;
}
.wrap-ai.gantt-chart-maker.ppc-version {
  margin-bottom: 15px;
  padding-top: 15px;
}
.wrap-logo-ribbon-2 {
  justify-content: center;
  align-items: stretch;
  display: block;
}
.h2-section-heading-3 {
  color: #29284b;
  letter-spacing: -1px;
  width: 75%;
  margin-top: 0;
  margin-bottom: 35px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 3.6rem;
  line-height: 3.6rem;
}
.h2-section-heading-3.gantt-chart-maker {
  color: var(--white);
}
.heading-ai-instructions {
  color: #626366;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 20px;
}
.heading-ai-instructions.video-cta-margin {
  margin-bottom: 50px;
}
.heading-ai-instructions.video-cta-margin.link-faq {
  margin-top: 10px;
  margin-bottom: 20px;
}
.heading-ai-instructions.gantt-chart-maker {
  color: var(--black-ish);
  letter-spacing: 0.25px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
.container-center-1280px-2 {
  max-width: 1280px;
  padding: 100px 20px 0;
}
.container-center-1280px-2.bottom-padding-zero {
  padding-bottom: 0;
}
.container-center-1280px-2.stinger-padding {
  padding-top: 40px;
  padding-bottom: 0;
}
.text-area-ai-assistant-2 {
  background-color: #f2f2f2;
  border: 1px #000;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  min-height: 185px;
  padding: 20px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}
.pre-heading {
  color: #29284b;
  letter-spacing: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.list-item-ai-instructions {
  color: #626366;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.85rem;
  line-height: 1.5;
}
.list-item-ai-instructions.gantt-chart-maker {
  color: var(--black-ish);
  letter-spacing: 0.25px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}
.wrap-ai-button {
  text-align: right;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 30px;
  display: flex;
}
.text-span-5 {
  text-decoration: underline;
}
.text-span-5.gantt-chart-maker {
  color: var(--black-ish);
  letter-spacing: 0.25px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
.section-2-column {
  background-color: #f2f2f2;
  padding-top: 0;
  position: relative;
}
.section-2-column.background-remove {
  background-color: #f2f2f200;
}
.section-2-column.background-remove.gantt-chart-maker {
  background-color: #162d45;
}
.form-ai {
  display: flex;
}
.field-label-ai-2 {
  margin-top: 0;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
}
.wrap-ai-form-border {
  max-width: none;
  display: block;
}
.form-block-2 {
  background-color: #fff;
  border-radius: 14px;
  margin-bottom: 0;
  display: flex;
}
.wrap-ai-instructions {
  justify-content: center;
  align-items: center;
}
.info-text-ai-2 {
  margin-top: 20px;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.85rem;
}
.info-text-ai-2.construction-maker {
  margin-top: 0;
  margin-bottom: 30px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
.button-secondary-4 {
  color: #29284b;
  text-align: center;
  background-color: #00b7ff00;
  border: 2px solid #29284b;
  border-radius: 7px;
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 20px;
  font-size: 1.1rem;
  line-height: 1rem;
  text-decoration: none;
}
.h2-section-heading-4 {
  color: #29284b;
  letter-spacing: -1px;
  width: 75%;
  margin-top: 0;
  margin-bottom: 35px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 3.6rem;
  line-height: 3.6rem;
}
.paragraph {
  font-family:
    Open Sans,
    sans-serif;
}
.container-column-content-3 {
  align-self: flex-end;
  max-width: 500px;
  margin-left: auto;
  margin-right: 60px;
}
.title-home-page-list-3 {
  color: #03020d;
  border-bottom: 1px solid #2e2e2e;
  width: 100%;
  padding: 40px 20px 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.cell-views-4 {
  background-color: #050f1a;
  background-image: none;
  border: 1px solid #2e2e2e;
  border-radius: 7px;
  justify-content: space-between;
  padding-top: 40px;
}
.link-home-page-list-2 {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.heading-stinger-4 {
  color: #f2f2f2;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 2.5rem;
  line-height: 2.5rem;
}
.bold-text-12 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 700;
}
.test-style {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.promo-banner-2 {
  outline-offset: 0px;
  background-image: linear-gradient(52deg, #90f, #09f);
  border-radius: 7px;
  outline: 5px solid #62636680;
  justify-content: space-between;
  max-width: 100%;
  padding: 30px 20px;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}
.promo-banner-2.hidden {
  display: none;
}
.column-body {
  padding-left: 40px;
  padding-right: 40px;
}
.button-dark-3 {
  color: #fff;
  text-align: center;
  background-color: #09f;
  background-image: linear-gradient(135deg, #050f1a, #0c2540);
  border-radius: 7px;
  height: auto;
  margin-bottom: 10px;
  padding: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.1rem;
}
.rich-text-blog {
  margin-top: 60px;
  margin-bottom: 60px;
}
.h1-hero-medium-3 {
  color: #29284b;
  letter-spacing: -2px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: auto;
  margin-top: 0;
  margin-bottom: 25px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 3.5rem;
  line-height: 4.5rem;
}
.wrap-side-nav {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.section-content {
  padding-top: 0;
  display: block;
  position: relative;
}
.description-side-nav-link {
  color: #03020d;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.5rem;
}
.table-of-content-title {
  color: #29284b;
  text-transform: uppercase;
  margin-bottom: 15px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.1rem;
  line-height: 1.1rem;
}
.wrap-author {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: 35px;
  margin-bottom: 20px;
  display: flex;
}
.wrap-author.hidden {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 20px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 0.5rem;
  line-height: 0.5rem;
  display: none;
}
.wrap-author.wrap-author-bottom-margin {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 35px;
}
.author-name {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--black-ish);
  flex-flow: row;
  flex: 0 auto;
  order: 0;
  place-content: center flex-start;
  align-self: auto;
  align-items: baseline;
  margin-top: 0;
  margin-left: 0;
  padding-top: 0;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5rem;
  display: inline-flex;
}
.blog-side-nav-link {
  color: #09f;
  border: 0 #000;
  width: 100%;
  padding: 5px 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1rem;
  text-decoration: none;
}
.blog-side-nav-link:lang(en) {
  border-left: 1px solid #000;
}
.blog-side-nav-link.w--current {
  border: 2px #90f;
  border-left: 8px solid #90f;
  padding: 10px 20px;
}
.link-title-side-nav {
  color: #09f;
  padding: 5px 20px 5px 0;
  line-height: 1.5rem;
}
.author-info-title {
  color: var(--black-ish);
  text-transform: uppercase;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.1rem;
  display: block;
}
.column-side-nav {
  position: sticky;
  top: 165px;
}
.feature-content-blog {
  border-radius: 7px;
  margin-top: 40px;
  margin-bottom: 40px;
}
.author-title {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--dark-grey);
  flex-flow: wrap;
  justify-content: flex-start;
  align-self: auto;
  align-items: center;
  margin-left: 0;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 1.5rem;
  display: flex;
}
.author-title.hidden {
  display: none;
}
.bold-text-13 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 700;
}
.heading-2,
.heading-3,
.heading-4 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.block-quote {
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-weight: 500;
}
.list-item-2 {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
.list-item-3,
.list-item-4,
.list-item-5,
.list-item-6,
.list-item-7 {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.blog-featured-content-wrap {
  margin-top: 25px;
  margin-bottom: 5px;
  padding-bottom: 0;
  display: none;
}
.blog-toc-link {
  padding-top: 5px;
  padding-bottom: 5px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.1rem;
}
.blog-author-image {
  border: 1px #000;
  border-radius: 10px;
  flex-flow: wrap;
  align-self: flex-end;
  margin-top: 0;
  display: block;
}
.blog-author-bio-fly-out {
  z-index: 2500;
  clear: none;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--alice-blue);
  width: 100%;
  height: auto;
  color: var(--black-ish);
  border: 3px solid #2783fe24;
  border-radius: 15px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 25px;
  margin-bottom: 30px;
  padding: 15px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem;
  display: none;
  position: static;
}
.blog-summary {
  color: var(--dark-grey);
  background-color: #e2e2e2;
  border: 5px solid #c1c1c28a;
  border-radius: 15px;
  margin: 20px 40px;
  padding: 25px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 1.75rem;
}
.italic-text-2 {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.75rem;
}
.italic-text-3 {
  font-style: normal;
}
.blog-summary-heading {
  color: #0b161a7a;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}
.blog-tip {
  background-color: #9ac13e38;
  border: 5px solid #99c24769;
  border-radius: 15px;
  margin: 20px 40px;
  padding: 25px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 1.75rem;
}
.blog-tip-heading {
  color: #7f8081ba;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}
.blog-tip-text {
  color: #0b161ac9;
  font-style: normal;
}
.blog-summary-text {
  color: var(--black-ish);
  font-size: 18px;
}
.blog-further-reading {
  background-color: var(--alice-blue);
  border: 5px solid #d2e3f7;
  border-radius: 15px;
  margin: 20px 40px;
  padding: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 1.75rem;
}
.blog-faq-answer {
  color: var(--black-ish);
  margin-bottom: 15px;
}
.blog-faq-heading {
  color: var(--dark-grey);
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}
.blog-faq {
  background-color: #e2e2e2;
  border: 0 #20a272;
  border-radius: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 30px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 1.75rem;
}
.blog-further-reading-heading {
  color: #1053eb8c;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
}
.blog-further-reading-link-text {
  color: #051755a3;
  -webkit-text-stroke-color: #27292c;
  margin-bottom: 5px;
  font-size: 16px;
  text-decoration: underline;
  display: block;
}
.blog-key-stat {
  background-color: #c668dcc9;
  border: 5px solid #c16cd47d;
  border-radius: 15px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 25px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-style: normal;
  line-height: 1.75rem;
}
.blog-key-stat-heading {
  color: var(--white);
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
}
.blog-key-stat-text {
  color: var(--white);
  margin-top: 25px;
  margin-bottom: 25px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 3rem;
}
.blog-key-stat-citation {
  color: var(--white);
  text-align: right;
  margin-top: 20px;
  margin-bottom: -20px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1rem;
}
.image-6 {
  vertical-align: baseline;
  cursor: pointer;
  margin-top: 5px;
  padding-bottom: 5px;
  position: static;
}
.image-6.hidden {
  display: none;
}
.blog-author-bio {
  margin-bottom: 0;
  font-size: 0.9rem;
}
.blog-author-bio-link {
  clear: none;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--dark-grey);
  flex-flow: row;
  justify-content: flex-start;
  margin-top: 10px;
  font-size: 0.85rem;
  text-decoration: underline;
  display: inline-flex;
}
.blog-author-bio-link.hidden {
  display: none;
}
.grid {
  grid-template-rows: auto auto auto;
  grid-template-areas: "Area Area-2" "Area-3 Area-4" "Area-5 Area-6";
}
.blog-faq-question {
  color: var(--black-ish);
  margin-top: 30px;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.blog-key-stat-link {
  color: var(--white);
  -webkit-text-stroke-color: var(--white);
  text-decoration: underline;
}
.design-elements-heading {
  color: var(--black-ish);
  margin-top: 60px;
  margin-bottom: 10px;
}
.design-elements-description {
  margin-bottom: 60px;
  padding-left: 40px;
  padding-right: 40px;
  font-style: italic;
}
.div-block-6 {
  width: 30%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
}
.image-7 {
  float: none;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.heading-5 {
  margin-left: auto;
  margin-right: auto;
}
.body-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}
.submit-button {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.field-label {
  display: none;
}
.body-3 {
  color: var(--dark-grey);
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-weight: 500;
}
.blog-unordered-list {
  color: var(--black-ish);
  margin-top: 10px;
  margin-bottom: 35px;
}
.blog-code-block {
  border: 1px solid #000;
  border-radius: 12px;
  margin-top: 25px;
  margin-bottom: 25px;
}
.blog-tip-link-text {
  color: #596d33;
  text-decoration: underline;
}
.blog-summary-link-text {
  color: var(--royal-blue);
  text-decoration: underline;
}
.blog-faq-link-text {
  text-decoration: underline;
}
.code-embed {
  margin-top: 70px;
}
.home-office-pre-heading {
  color: #29284b;
  letter-spacing: normal;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 10px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.home-office-post-heading {
  color: #29284b;
  letter-spacing: normal;
  text-transform: none;
  margin-top: 0;
  margin-bottom: 10px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
}
.bold-text-14 {
  letter-spacing: 0;
  font-size: 68px;
  font-weight: 900;
  line-height: 72px;
}
.text-logo-ribbon-5 {
  color: #535b60;
  text-align: center;
  margin-top: 60px;
  margin-bottom: 20px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.75rem;
  position: relative;
}
._5-star-3 {
  mix-blend-mode: exclusion;
}
.h1-hero-medium-4 {
  color: #29284b;
  letter-spacing: -3.5px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 4.5rem;
  line-height: 4.5rem;
}
.logo-ribbon-4 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
  position: relative;
}
.test-column-5 {
  padding-left: 20px;
  padding-right: 0;
  position: static;
}
.real-reviews-3 {
  color: #03020d;
  margin-left: 10px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 0.9rem;
}
.h1-hero-large-3 {
  color: #f2f2f2;
  letter-spacing: -3.5px;
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 7rem;
  line-height: 7rem;
}
.image-hero-overlay-3 {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/664f40b15a6d52a9354489cc_editoverlay_v2_teal_1x.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 7px;
  min-width: 30%;
  max-width: 30%;
  min-height: 50%;
  display: none;
  position: absolute;
  inset: 15% 0% auto auto;
  box-shadow: 0 10px 20px #0000004d;
}
.hero-gradient-80s-2 {
  background-color: #1c9da8;
  background-image: linear-gradient(105deg, #fc00ff33, #00dbde33);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}
.hero-gradient-80s-2.hero-section-black {
  background-color: var(--black-ish);
  background-image: none;
}
.sub-head-hero {
  color: #dfdfdf;
  width: 85%;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 2rem;
}
.image-hero-overlay-4 {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/664f40b15a6d52a9354489d5_workloads_section_v2_1x.webp);
  background-position: 75% 100%;
  background-repeat: no-repeat;
  background-size: auto;
  border-radius: 7px;
  min-width: 60%;
  max-width: 60%;
  min-height: 200px;
  display: none;
  position: absolute;
  inset: auto auto 7% 0%;
  box-shadow: 0 10px 20px #0000004d;
}
.cell-views-5 {
  background-color: #050f1a;
  background-image: none;
  border: 1px solid #2e2e2e;
  border-radius: 7px;
  justify-content: space-between;
  padding-top: 40px;
}
.wrap-side-nav-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.table-of-content-title-2 {
  color: #f2f2f2;
  text-transform: uppercase;
  font-size: 1.1rem;
  line-height: 1.1rem;
}
.link-title-side-nav-2 {
  color: #09f;
  line-height: 1.5rem;
}
.link-side-nav {
  width: 100%;
  padding: 10px 20px;
}
.link-side-nav.w--current {
  border-left: 2px solid #90f;
  padding: 10px 20px;
}
.quick-stack-2x2 {
  grid-row-gap: 60px;
  margin-top: 60px;
  margin-bottom: 60px;
}
.cell-views-6 {
  border: 1px solid var(--black-ish);
  background-color: #fff;
  border-radius: 7px;
  justify-content: space-between;
  padding-top: 40px;
}
.button-secondary-5 {
  color: #29284b;
  text-align: center;
  background-color: #00b7ff00;
  border: 2px solid #29284b;
  border-radius: 7px;
  margin-bottom: 55px;
  padding: 20px;
  font-size: 1.1rem;
  line-height: 1rem;
  text-decoration: none;
}
.h2-section-heading-5 {
  color: #29284b;
  text-align: center;
  letter-spacing: -1px;
  width: 70%;
  margin: 0 auto 30px;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 3.6rem;
  line-height: 3.6rem;
}
.container-center-1280px-3 {
  max-width: 1280px;
  padding: 100px 20px;
}
.container-center-1280px-3.top-spacing-0 {
  margin-top: 0;
  padding-top: 0;
}
.container-center-1280px-3.top-spacing-0.bottom-spacing-25,
.container-center-1280px-3.bottom-spacing-25 {
  padding-bottom: 25px;
}
.paragraph-2 {
  margin-left: auto;
  margin-right: auto;
}
.sub-head-sub-hero {
  width: 70%;
  color: var(--dark-grey);
  text-align: center;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  font-family:
    Open Sans,
    sans-serif;
  font-size: 1.15rem;
  font-weight: 400;
  line-height: 1.75rem;
}
.integrations-cell-image {
  align-self: flex-end;
  margin-top: -75px;
}
.image-9 {
  align-self: flex-end;
}
.quick-stack {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.hidden {
  display: none;
}
.container-2 {
  margin-top: 30px;
  display: block;
}
.features-testimonials-bg {
  background-color: var(--alice-blue);
  border: 1px #000;
  border-radius: 10px;
  padding: 10px 30px 0;
}
.features-drop-down-links {
  display: flex;
}
.container-features-dropdown {
  max-width: none;
}
.container-3 {
  min-height: auto;
}
.dropdown-link,
.dropdown-link-2,
.dropdown-link-3,
.dropdown-link-4,
.dropdown-link-5,
.dropdown-link-6 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.columns-3 {
  display: block;
}
.section-3 {
  min-height: 1000px;
}
.image-10 {
  border-radius: 14px;
}
.brand-assets-logo {
  background-color: #0000;
  border: 1px #000;
  border-radius: 0;
  max-width: 100%;
  margin: 25px 0;
  padding: 25px;
  display: block;
}
.brand-assets-logo.brand-assets-logo---dark-bg {
  background-color: #00000024;
  border-radius: 10px;
}
.brand-assets-logo-description {
  max-width: 100%;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
}
.brand-assets-logo-description.top-margin-25 {
  margin-top: 25px;
}
.brand-assets-container {
  width: auto;
  max-width: none;
  margin-bottom: 25px;
}
.text-span-6 {
  font-style: italic;
}
.column-3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: flex-start;
  display: flex;
}
.brand-assets-image-block {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border: 1px solid #0000000f;
  border-radius: 10px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 45%;
  margin: 10px;
  padding: 20px;
  display: inline-block;
}
.purple-bg-offset---features {
  z-index: -1;
  background-color: var(--royal-blue);
  background-image: radial-gradient(circle, #b200f3, #7900eb);
  position: absolute;
  inset: 0% 0% -38%;
}
.purple-bg-offset---features.hero-gradient-80s-2 {
  z-index: -2;
  top: -25%;
  bottom: 25%;
}
.purple-bg-offset---features.hero-section-black {
  background-color: var(--black-ish);
  background-image: none;
  bottom: 23%;
}
.blog-ordered-list {
  color: var(--black-ish);
  margin-top: 10px;
  margin-bottom: 35px;
}
.new-nav-menu-separator {
  display: none;
}
.new-nav-dropdown-toggle {
  margin-left: 0;
  margin-right: 10px;
}
.new-nav-mobile-menu-user-quote-company {
  color: #fffdf6;
}
.new-nav-mobile-menu-user-quote-company.sub-heading-03.landing-page-quote-title {
  margin-top: 18px;
  font-size: 16px;
  line-height: 20px;
}
.new-nav-mobile-menu-user-quote-company.sub-heading-03.landing-page-quote-title.quote-title-dark {
  color: #1a1a1a;
}
.new-nav-mobile-menu-user-quote-company.sub-heading-03.landing-page-quote-title.quote-title-dark.quote-title-sub {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
}
.vid-spacing {
  margin-bottom: 25px;
}
.new-nav-mobile-menu-user-quote {
  background-color: #1a1a1a;
  border: 1px solid #3c3c3b;
  border-radius: 12px;
  width: 100%;
  padding: 32px 20px;
  display: none;
}
.new-nav-mobile-menu-user-quote.tile-lighten {
  background-color: #e3e3e3;
  border-style: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.new-nav-mobile-menu-user-quote.hidden {
  display: none;
}
.body-item-btn---features-03 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  color: #fffdf6;
  justify-content: flex-start;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  text-decoration: none;
  display: flex;
}
.body-item-btn---features-03.op70 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: center;
  margin-top: 50px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.body-item-btn---features-03.op70.hidden {
  display: none;
}
.new-nav-mobile-menu-user-quote-body {
  margin-top: 48px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.new-nav-mobile-menu-user-quote-body.top-margin-remove {
  margin-top: 0;
}
.new-nav-mobile-menu-user-quote-highlight {
  background-color: #fff;
}
.body-text---features-03 {
  color: #797979;
  margin-top: 8px;
  margin-bottom: 20px;
}
.body-text---features-03.body-r-02 {
  margin-bottom: 0;
}
.new-nav-mobile-menu-user-quote-name {
  color: #fffdf6;
}
.new-nav-mobile-menu-user-quote-name.sub-heading-03.landing-page-quote-title {
  margin-top: 18px;
  font-size: 16px;
  line-height: 20px;
}
.new-nav-mobile-menu-user-quote-name.sub-heading-03.landing-page-quote-title.quote-title-dark {
  color: #1a1a1a;
}
.new-nav-mobile-menu-user-quote-name.sub-heading-03.landing-page-quote-title.quote-title-dark.quote-title-sub {
  margin-top: 5px;
  font-size: 14px;
  font-weight: 400;
}
.new-nav-mobile-menu-sub-copy {
  display: none;
}
.checkbox-label-2 {
  overflow-wrap: normal;
  white-space: nowrap;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
.blog-tip-ordered-list {
  color: #0b161ac9;
  margin-top: 10px;
  margin-bottom: 35px;
  padding-left: 40px;
  font-weight: 400;
}
.blog-tip-unordered-list {
  color: #0b161ac9;
  margin-top: 10px;
  margin-bottom: 35px;
  font-weight: 400;
}
.collection-list {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: stretch;
  display: block;
}
.blog-further-reading-ordered-list,
.blog-further-reading-unordered-list {
  color: #051755a3;
  margin-top: 10px;
  margin-bottom: 35px;
  padding-left: 40px;
  font-weight: 400;
}
.blog-faq-ordered-list,
.blog-faq-unordered-list {
  color: var(--black-ish);
  margin-top: 10px;
  margin-bottom: 35px;
  padding-left: 40px;
  font-weight: 400;
}
.blog-key-stat-ordered-list,
.blog-key-stat-unordered-list {
  color: var(--white);
  margin-top: 10px;
  margin-bottom: 35px;
  padding-left: 40px;
  font-weight: 400;
}
.static-heading {
  text-align: center;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.section-page-header {
  background-color: #162d45;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/68d15d571491ae2432d89a05_header-bg.webp);
  background-position: 0 0;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  padding: 100px 96px 40px;
  display: flex;
}
.section-page-header:where(.w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf) {
  background-color: var(--white);
  padding-top: 40px;
}
.section-page-header.hero-homepage-flat----test {
  background-color: var(--black-ish);
  background-image: none;
}
.section-page-header.hero-homepage-flat----test.hero-homepage-flat----test_2 {
  background-color: #1053eb;
  background-image: radial-gradient(circle, #b200f3, #7900eb);
  padding-left: 20px;
  padding-right: 20px;
}
.section-page-header.hero-homepage-flat----test.hero-homepage-flat----test_2.hidden {
  display: none;
}
.section-page-header.bottom-padding-remove {
  padding-top: 40px;
  padding-bottom: 40px;
}
.section-page-header.test-b,
.section-page-header.test-c {
  display: flex;
}
.section-page-header.buyers-guide-hero {
  padding-left: 0;
  padding-right: 0;
}
.section-page-header.compare-version:where(
    .w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf
  ) {
  background-color: var(--oddit-lighter-gray);
  background-image: none;
  background-size: auto;
}
.hero-heading {
  letter-spacing: 0;
  font-size: 44px;
  font-weight: 900;
  line-height: 125%;
}
.text-highlight-pink {
  background-color: #fd589a;
}
.hero-sub-head {
  width: 440px;
  height: 84px;
  color: var(--black-ish);
  margin-top: 0;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.hero-sub-head:where(.w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf) {
  color: var(--black-ish);
  margin-bottom: 50px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-weight: 400;
  line-height: 150%;
}
.hero-sub-head.gantt-chart-maker-h1 {
  color: #ffffffd9;
  letter-spacing: 1px;
  text-transform: uppercase;
  width: auto;
  height: auto;
  font-size: 16px;
}
.hero-sub-head.ai-hybrid {
  margin-bottom: 0;
}
.hero-sub-head-bold {
  font-family: "Roboto V 30 Latin 900", Arial, sans-serif;
  font-weight: 900;
}
.hero-cta {
  width: 100%;
  height: 56px;
  color: var(--white);
  text-align: center;
  background-color: #0dc580;
  border: 2px #000;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 20px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  text-decoration: none;
}
.hero-cta:where(.w-variant-14c6ef65-ff13-3d27-1b7c-f23fb5c67ba9) {
  background-color: #0dc58000;
  border: 1px solid #fff;
}
.hero-cta:where(.w-variant-a9477f2a-fd16-db92-2f7b-e78ebd4eef84) {
  width: 485px;
}
.hero-cta:where(.w-variant-8424e6e6-462e-6324-0815-b49d131013dc) {
  background-color: var(--dodger-blue);
}
.hero-cta:where(.w-variant-03ec09f7-a752-b2eb-c27f-3023ba11c40b) {
  background-color: var(--_oddit---oddit-dark-blue);
}
.hero-cta:where(.w-variant-b62552b6-74dc-0f6e-132c-d81cf5a60ed8) {
  color: #000;
  background-color: #0dc58000;
  border: 1px solid #0b161a40;
  margin-bottom: 0;
}
.hero-cta.button-home-flat----test {
  background-color: var(--gainful-green);
  box-shadow: none;
  border-style: none;
}
.hero-cta.button-home-flat----test.button-home-flat----test_2 {
  background-color: var(--gainful-green);
}
.hero-cta.hero-cta-secondary {
  border: 1px solid var(--white);
  background-color: #3ec69400;
  align-self: auto;
  margin-top: 10px;
  text-decoration: none;
}
.hero-cta.page-h1 {
  width: 484px;
  margin-top: 20px;
}
.hero-micro-copy {
  width: 100%;
  color: var(--dark-grey);
  margin-top: 0;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 12px;
  line-height: 140%;
  display: none;
}
.hero-micro-copy:where(.w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf) {
  color: var(--black-ish);
  display: block;
}
.hero-micro-copy.hidden {
  display: none;
}
.hero-rating-micro-copy {
  color: var(--white);
  align-self: auto;
  margin-top: 10px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 0.9em;
}
.hero-rating-micro-copy.black-text {
  color: var(--black-ish);
}
.hero-ratings-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: none;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.hero-ratings-container.ms-project {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  align-items: flex-start;
  width: 300px;
  margin-top: 5px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  display: flex;
}
.hero-rating-column {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  padding-left: 0;
  display: flex;
}
.hero-rating-column.stars {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  margin-top: 20px;
  padding-left: 0;
}
.hero-rating-column.rating-service {
  justify-content: center;
  margin-top: 5px;
}
.hero-rating-column.grayscale {
  filter: blur(5px);
}
.hero-rating-laurel-left {
  margin-right: 0;
}
.hero-rating-laurel-left.hero-laurel-dark,
.hero-rating-laurel-right.hero-laurel-dark {
  filter: brightness(0%);
}
.hero-rating-text {
  text-align: center;
}
.home-hero-rating-text-light {
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}
.home-heor-rating-text-bold {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 140%;
}
.hero-rating-container {
  width: 100%;
  max-width: 65%;
  display: block;
}
.hero-rating-container.ai-hybrid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  order: 0;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  max-width: 65%;
  margin-top: 40px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}
.hero-rating-container.ai-hybrid.ppc-version {
  margin-top: 40px;
  margin-left: 36px;
}
.hero-rating-container.home-hero-rating-invert {
  filter: invert();
}
.hero-rating-container.top-spacing-fix {
  margin-top: 40px;
}
.hero-rating-container.top-spacing-fix.hidden {
  display: none;
}
.hero-rating-container.compare-page {
  width: auto;
  max-width: none;
  margin-top: 32px;
  margin-left: 0;
  margin-right: 0;
}
.hero-homepage-animation-column {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-around;
  align-items: flex-start;
  margin-bottom: 60px;
  display: flex;
}
.hero-homepage-animation-column.hidden {
  margin-bottom: 0;
}
.container-new-home-hero {
  max-width: 1280px;
}
.container-new-home-hero:where(
  .w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf
) {
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.container-new-home-hero.padding-bottom {
  padding-bottom: 60px;
}
.container-new-home-hero.buyers-guide-hero {
  max-width: 1440px;
}
.heading-new-home-hero {
  width: 480px;
  min-width: 220px;
  color: var(--black-ish);
  letter-spacing: -0.3px;
  margin-top: 0;
  margin-bottom: 40px;
  padding-right: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 125%;
}
.heading-new-home-hero:where(.w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf) {
  width: auto;
  min-width: 240px;
  color: var(--black-ish);
  padding-right: 0;
}
.heading-new-home-hero.ppc-version {
  text-align: center;
  letter-spacing: 0;
  justify-content: center;
  width: auto;
  margin-bottom: 60px;
  display: flex;
}
.heading-new-home-hero.const-version {
  width: 450px;
}
.new-nav-column-2 {
  border-left: 2px solid #e4e5e5;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 42px;
  display: flex;
  position: relative;
  left: -70px;
}
.new-nav-column-2.new-nav {
  border-left-style: none;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-left: 13px;
  display: flex;
  position: relative;
  left: -40px;
}
.logo-ribbon-container {
  border: 1px #000;
  border-bottom: 1px solid #dedede;
  width: 100%;
  max-width: 1440px;
  padding: 40px 0;
  display: block;
}
.logo-ribbon-container.remove-bottom-border {
  border-style: none;
  border-color: #000;
}
.logo-ribbon-headline {
  text-align: center;
  width: 100%;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
.section-page-h1.section-home-h1-flat----test {
  margin-top: 35px;
}
.section-page-h1.section-home-h1-flat----test.hidden {
  display: none;
}
.container-new-home-feature-copy {
  border-bottom: 1px solid #dedede;
  width: 100%;
  max-width: 1440px;
  padding: 40px 96px 70px;
}
.container-new-home-feature-copy.remove-padding {
  padding-top: 0;
  padding-bottom: 0;
}
.container-new-home-feature-copy.remove-padding.home-outro {
  height: 650px;
  position: relative;
}
.column-new-home-feature {
  display: flex;
  position: static;
}
.column-new-content {
  padding-left: 0;
  padding-right: 0;
}
.heading-h1 {
  color: #000;
  letter-spacing: -0.36px;
  max-width: none;
  margin-top: 0;
  padding-right: 80px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 36px;
  line-height: 125%;
  display: block;
}
.heading-h1.white-text {
  color: #fff;
}
.heading-h1.type-size-reduce {
  margin-bottom: 40px;
  font-size: 30px;
}
.paragraph-page-subhead {
  color: #000;
  letter-spacing: normal;
  max-width: 464px;
  margin-top: 24px;
  margin-bottom: 24px;
  padding-right: 10px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.paragraph-page-subhead.tldr {
  text-align: center;
  max-width: none;
  margin-top: 20px;
  margin-bottom: 32px;
}
.paragraph-page-subhead.tldr.white-text {
  color: #fff;
}
.paragraph-page-subhead.tldr.white-text:where(
    .w-variant-93208c1e-d46b-dc4d-ca7e-4bfeb8d347b8
  ) {
  max-width: 1440px;
  margin-top: 0;
  margin-left: auto;
  margin-right: auto;
  padding-right: 0;
}
.text-span-11 {
  color: #9337f0;
}
.page-h1-featured-copy {
  border-left: 2px solid #ccc;
  width: 303px;
  height: 25px;
  margin-bottom: 16px;
  padding-bottom: 0;
}
.page-h1-featured-copy.page-h1-highlight {
  border-left: 5px #ccc;
  width: 475px;
  height: 84px;
  margin-bottom: 0;
}
.page-h1-featured-copy.page-h1-bottom {
  margin-bottom: 24px;
}
.page-h1-featured-copy.page-h1-plain {
  border-left: 5px #ccc;
  width: 475px;
  height: 84px;
  margin-bottom: 0;
}
.page-h1-featured-copy-text {
  color: #000c;
  padding-left: 16px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 20px;
  line-height: 140%;
}
.page-h1-featured-copy-text.page-h1-bold {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
}
.page-h1-featured-copy-text.page-h1-subcopy {
  color: #000;
  width: 468px;
  font-size: 18px;
}
.page-h1-featured-copy-text.page-h1-bottom {
  margin-bottom: 24px;
}
.page-h1-featured-copy-text.migration-section {
  margin-bottom: 16px;
  padding-left: 6px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
}
.page-h1-featured-copy-text.migration-section.bold-text {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.page-h1-hero-image {
  justify-content: center;
  align-items: center;
  margin-top: 7px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}
.page-h1-hero-image-container {
  background-color: #162d45;
  border-radius: 6px;
  width: 640px;
  height: 480px;
  margin: auto;
  padding: 34px 80px 39px;
}
.section-homepage-features {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 96px;
}
.heading-homepage-features {
  color: #000;
  text-align: center;
  letter-spacing: 0.5px;
  margin-top: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 140%;
}
.text-highlight-navy {
  color: #1153eb;
}
.text-highlight-navy.gantt-chart-maker {
  color: #4eaff2;
}
.homepage-features-heading-container {
  width: auto;
  margin: 40px auto;
}
.homepage-features-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: dense;
  place-content: stretch;
  margin-bottom: 57px;
  display: grid;
}
.homepage-features-grid-container {
  border: 1px solid #00000026;
  border-radius: 4px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 400px;
  height: auto;
  min-height: 400px;
  margin-bottom: 20px;
  padding-bottom: 15px;
  display: flex;
}
.homepage-features-grid-container.nav-version {
  border-style: none;
  flex-flow: column;
  width: 275px;
  margin-left: 0;
  display: flex;
}
.homepage-features-image {
  margin-right: 0;
  display: block;
}
.homepage-features-feature-heading {
  margin-top: 12px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}
.homepage-features-feature-heading.nav-version {
  font-size: 16px;
}
.homepage-features-feature-copy {
  color: #000;
  margin-top: 6px;
  padding-bottom: 0;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.homepage-features-feature-copy.nav-version {
  font-size: 14px;
}
.homepage-features-text-link {
  color: #229bef;
  vertical-align: top;
  border-bottom: 1px #1153eb;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
  display: inline-block;
}
.homepage-features-copy-block {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}
.homepage-features-play-icon {
  margin-right: 5px;
}
.homepage-features-watch-link {
  color: #2783fe;
  vertical-align: baseline;
  border-bottom: 1px solid #229bef;
  margin-top: 0;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 5px;
  display: inline-block;
}
.homepage-features-watch-link-block {
  flex-flow: row;
  align-items: flex-end;
  margin-top: 16px;
  padding-top: 0;
  padding-left: 16px;
  display: block;
}
.section-social-proof {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  display: flex;
}
.section-social-proof.signup-left-social-proof {
  background-color: #162d4500;
  flex-flow: column;
  align-items: flex-start;
  width: 540px;
  height: auto;
  padding-left: 0;
}
.container-social-proof {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-self: auto;
  align-items: stretch;
  width: 100%;
  max-width: 1440px;
  padding: 80px 85px;
  display: flex;
}
.container-social-proof.signup-left-social-proof {
  background-color: #162d4500;
  align-items: flex-start;
  width: 500px;
  height: auto;
  margin-bottom: 0;
  padding: 50px 0 0;
  display: flex;
}
.div-block-7 {
  justify-content: center;
  align-items: stretch;
  width: 100%;
  display: flex;
}
.social-proof-name {
  color: #000;
  margin-top: 0;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.social-proof-name.sub-heading-03.landing-page-quote-title {
  margin-top: 18px;
  font-size: 16px;
  line-height: 20px;
}
.social-proof-name.sub-heading-03.landing-page-quote-title.quote-title-dark {
  color: #1a1a1a;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-weight: 500;
  line-height: 140%;
  display: inline-block;
}
.social-proof-name.sub-heading-03.landing-page-quote-title.quote-title-dark.quote-title-sub {
  vertical-align: baseline;
  margin-top: -10px;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: block;
}
.features-content-03.top-margin {
  margin-top: 75px;
}
.text-span-12 {
  background-color: #fff;
}
.social-proof-block {
  background-color: #f2f3f7;
  border: 1px #3c3c3b;
  border-radius: 3px;
  flex-flow: column;
  width: 400px;
  max-width: none;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}
.social-proof-block.tile-lighten {
  background-color: #f2f3f7;
  border-style: none;
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}
.social-proof-block.social-proof-quote-block-bottom-margin-signup-page {
  padding-bottom: 0;
}
.text-span-13 {
  background-color: #fff;
}
.contact-content-01 {
  position: relative;
}
.contact-content-01.top-margin {
  margin-top: 150px;
}
.social-proof-content {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-self: center;
  align-items: stretch;
  margin: 20px;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}
.social-proof-content.top-margin-remove {
  margin-top: 0;
}
.features-list-03 {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}
.text-span-14 {
  background-color: #fff;
}
.social-proof-main-copy {
  color: #000;
  flex: 1;
  align-self: auto;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
  display: block;
}
.social-proof-main-copy.body-r-02 {
  color: #000;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}
.social-proof-logo {
  flex-flow: wrap;
  justify-content: flex-end;
  margin-top: -47px;
  margin-left: auto;
  display: block;
}
.social-proof-logo.social-proof-logo-margin-fix-signup-page {
  margin-top: -65px;
}
.social-proof-logo.social-proof-logo-effect-signup-page {
  filter: grayscale();
  margin-top: 0;
}
.social-proof-logo.img-grayscale {
  filter: grayscale();
  margin-top: -45px;
  margin-left: auto;
  margin-right: -12px;
}
.social-proof-pink-highlight {
  background-color: #edbcc9;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
.social-proof-stars {
  align-self: flex-start;
  display: block;
}
.social-proof-title {
  color: #000;
  margin-top: -10px;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
}
.social-proof-title.sub-heading-03.landing-page-quote-title {
  margin-top: 18px;
  font-size: 16px;
  line-height: 20px;
}
.social-proof-title.sub-heading-03.landing-page-quote-title.quote-title-dark {
  color: #1a1a1a;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-weight: 500;
  line-height: 140%;
  display: inline-block;
}
.social-proof-title.sub-heading-03.landing-page-quote-title.quote-title-dark.quote-title-sub {
  vertical-align: baseline;
  margin-top: -10px;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: block;
}
.social-proof-yellow-highlight {
  background-color: #f5e3b8;
  margin-left: 4px;
  padding-left: 4px;
  padding-right: 4px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
  display: inline;
}
.social-proof-yellow-highlight:where(
  .w-variant-8e738abe-a611-a17e-610b-49eea5951ad8
) {
  background-color: #edbcc9;
}
.social-proof-yellow-highlight:where(
  .w-variant-0ca5678a-c207-155e-923d-e2ff245e3d36
) {
  background-color: #dbe5c7;
}
.social-proof-yellow-highlight-copy {
  background-color: #f5e3b8;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
.social-proof-green-highlight {
  background-color: #dbe5c7;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
.section-integrations-ribbon {
  background-color: #0b161a;
  overflow: hidden;
}
.section-integrations-ribbon.navy-bg {
  background-color: #162d45;
}
.container-integrations-ribbon {
  background-color: var(--black-ish);
  justify-content: center;
  max-width: 100%;
  height: auto;
  padding-top: 64px;
  padding-bottom: 62px;
  display: block;
}
.container-integrations-ribbon:where(
  .w-variant-93208c1e-d46b-dc4d-ca7e-4bfeb8d347b8
) {
  background-color: var(--_oddit---oddit-dark-blue);
}
.heading-integrations-ribbon {
  color: #fff;
  text-align: center;
  letter-spacing: -0.36px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 130%;
}
.integrations-ribbon-text-highlight {
  color: #1153eb;
}
.div-block-8 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: row;
  flex: none;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  display: inline-flex;
}
.logo-ribbon-icons {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  margin-top: 16px;
  display: flex;
  overflow: hidden;
}
.logo-ribbon-icon-dark {
  filter: brightness(65%) grayscale();
  background-color: #79797980;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d342a51c70541d0fd458_Slack-color.webp),
    linear-gradient(#232d31, #0b161a);
  background-position:
    50%,
    0 0;
  background-repeat: no-repeat, repeat;
  background-size: 60px, auto;
  background-attachment: scroll, scroll;
  border-radius: 4px;
  flex: none;
  width: 100px;
  height: 100px;
  padding: 16px;
}
.logo-ribbon-icon-dark.logo-ribbon-blank-icon {
  background-color: #79797900;
  background-image: none;
}
.logo-ribbon-icon-dark.dropbox-dark {
  opacity: 0.5;
  filter: brightness(65%) grayscale();
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d06e929d7ca6ff4022f4_Dropbox-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.dropbox-dark.opacity-25 {
  opacity: 0.25;
}
.logo-ribbon-icon-dark.calendar-dark {
  opacity: 0.5;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d517fd11f3431aeef1ee_Calendar-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.calendar-dark.opacity25 {
  opacity: 0.25;
}
.logo-ribbon-icon-dark.msproject-dark {
  opacity: 0.5;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d5288fb46021b1868907_MSProject-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.msproject-dark.opacity25 {
  opacity: 0.25;
}
.logo-ribbon-icon-dark.teamganttapi-dark {
  opacity: 0.5;
  filter: brightness(65%) grayscale();
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d539cfeac6646337fc9d_TeamGanttAPI-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.teamganttapi-dark.opacity-25 {
  opacity: 0.25;
}
.logo-ribbon-icon-dark.procore-dark {
  opacity: 0.5;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d4b37bd9d91466af4926_Procore-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.procore-dark.opacity-25 {
  opacity: 0.25;
}
.logo-ribbon-icon-dark.slack-dark {
  opacity: 0.5;
}
.logo-ribbon-icon-dark.slack-dark.opacity-25 {
  opacity: 0.25;
}
.logo-ribbon-icon-dark.basecamp-dark {
  opacity: 0.5;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d4812db64a66386f8ed3_Basecamp-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.basecamp-dark.opacity-25 {
  opacity: 0.25;
}
.logo-ribbon-icon-dark.slack-color {
  filter: none;
}
.logo-ribbon-icon-dark.procore-color {
  filter: none;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d4b37bd9d91466af4926_Procore-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.trello-color {
  filter: none;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d4c71823615f1a35ae1f_Trello-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.basecamp-color {
  filter: none;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d4812db64a66386f8ed3_Basecamp-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.zapier-color {
  filter: none;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d49eb784d9707ae1fe72_Zapier-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.msproject-color {
  filter: none;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d5288fb46021b1868907_MSProject-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.teamganttapi-color {
  filter: none;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d539cfeac6646337fc9d_TeamGanttAPI-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.trello-dark {
  opacity: 0.5;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d4c71823615f1a35ae1f_Trello-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.trello-dark.opacity-25 {
  opacity: 0.25;
}
.logo-ribbon-icon-dark.zapier-dark {
  opacity: 0.5;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d49eb784d9707ae1fe72_Zapier-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.zapier-dark.opacity-25 {
  opacity: 0.25;
}
.logo-ribbon-icon-dark.dropbox-color {
  filter: none;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d06e929d7ca6ff4022f4_Dropbox-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.logo-ribbon-icon-dark.calendar-color {
  filter: none;
  background-image:
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6818d517fd11f3431aeef1ee_Calendar-color.webp),
    linear-gradient(#232d31, #0b161a);
}
.text-link-integrations-ribbon {
  color: #fff;
  text-align: center;
  letter-spacing: normal;
  margin-top: 32px;
  padding-top: 20px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
.text-span-15 {
  border-bottom: 1px solid #fff;
}
.integrations-ribbon-text-link {
  color: var(--white);
  border-bottom: 1px solid #fff;
}
.integrations-ribbon-text-link.dark-text {
  color: #162d45;
  border-bottom-color: #162d45;
  text-decoration: none;
}
.home-hero-ratings-columns.grayscale {
  filter: invert();
}
.home-hero-ratings-columns-stars {
  flex-flow: wrap;
  order: 0;
  display: block;
}
.home-hero-ratings-section-ratings-site-logos {
  margin-top: 5px;
}
.home-hero-ratings-section-ratings-site-logos.grayscale {
  filter: invert();
}
.home-hero-ratings-section-ratings-site-logo-image {
  filter: brightness(23%);
  margin-top: 0;
}
.home-hero-ratings-section-ratings-site-logo-image.top-margin-fix {
  margin-top: 1px;
}
.section-3-step-gantt-chart {
  border-bottom: 1px solid #00000026;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 50px;
}
.container-3-step-gantt-chart {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  border: 1px #000;
  flex-flow: row;
  justify-content: center;
  width: 100%;
  max-width: 1440px;
  height: auto;
  padding-bottom: 32px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}
._3-step-gantt-chart-step-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #00000026;
  border-radius: 4px;
  flex-flow: column;
  order: 0;
  align-self: auto;
  align-items: stretch;
  width: 402px;
  height: auto;
  display: flex;
}
._3-step-gantt-chart-step-container.blue-background {
  background-color: #01aafe;
}
._3-step-gantt-chart-step-container.purple-background {
  background-color: #9337f0;
}
._3-step-gantt-chart-step-container.green-background {
  background-color: #33c68c;
}
.text-block-27 {
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  display: inline-flex;
}
.heading-3-step-gantt-chart {
  color: #000;
  text-align: center;
  letter-spacing: -0.36px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 54px;
  padding-bottom: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 130%;
}
._3-step-gantt-chart-highlight {
  color: #1153eb;
}
.div-block-9 {
  background-color: #fff;
  width: 100%;
  height: 100%;
}
.image-11 {
  margin-bottom: -12px;
  padding: 25px 25px 0;
}
.blue-background {
  background-color: #01aaff;
}
._3-step-gantt-chart-step-top {
  width: 401px;
  height: 240px;
}
._3-step-gantt-chart-step-top.blue-background {
  padding: 30px 30px 0;
}
._3-step-gantt-chart-step-top.blue-background:where(
    .w-variant-c6878bb5-9da8-15c3-52a0-42fce3ac602e
  ) {
  background-color: #9337f0;
}
._3-step-gantt-chart-step-top.blue-background:where(
    .w-variant-73bf3495-674f-0832-7d20-f78b20b2c640
  ) {
  background-color: #33c68c;
}
._3-step-gantt-chart-step-top.purple-background {
  background-color: #9337f0;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
._3-step-gantt-chart-step-top.green-background {
  background-color: #33c68c;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
._3-step-gantt-chart-step-bottom {
  margin-top: 12px;
  margin-bottom: 16px;
  padding-left: 16px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
}
._3-step-gantt-chart-step-bottom:where(
  .w-variant-73bf3495-674f-0832-7d20-f78b20b2c640
) {
  padding-right: 16px;
}
.text-block-28 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
._3-step-gantt-chart-step-micro-copy {
  padding-top: 6px;
  padding-right: 60px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}
._3-step-gantt-chart-step-micro-copy.ai-form-input-box {
  border: 1px solid #000;
  border-radius: 7px;
  width: 80%;
  height: 115px;
}
._3-step-gantt-chart-step-link-text {
  color: #1153eb;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
._3-step-gantt-chart-cta {
  color: #fff;
  text-align: center;
  background-color: #0dc580;
  border-radius: 4px;
  width: 402px;
  height: 56px;
  margin-left: auto;
  margin-right: auto;
  padding: 17px 24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: block;
}
._3-step-gantt-chart-cta.migration-section {
  width: auto;
  margin-top: 40px;
}
.div-block-10 {
  text-align: left;
  width: 485px;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
}
._3-step-gantt-chart-step-image {
  vertical-align: text-top;
  border-radius: 4px 4px 0 0;
  margin-top: 0;
  padding-bottom: 0;
}
.div-block-11 {
  clear: none;
  background-color: #2330d7;
  flex: 0 auto;
  order: 0;
  justify-content: flex-start;
  align-items: stretch;
  width: 95px;
  height: 34px;
  padding: 10px 6px;
  display: block;
  position: relative;
  top: 240px;
}
.text-block-30 {
  color: #fff;
  text-align: center;
  letter-spacing: 0.28px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-weight: 500;
  line-height: 140%;
}
._3-step-gantt-chart-step-number {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  background-color: #232fd4;
  border-radius: 0 3px 0 0;
  justify-content: center;
  width: 95px;
  height: 34px;
  padding: 6px 10px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-weight: 500;
  display: flex;
  position: relative;
  top: -34px;
  left: -30px;
}
._3-step-gantt-chart-step-number-text {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}
.signup-left-social-proof {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 1;
  background-color: #162d45;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 33vw;
  height: 100vh;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}
.signup-left-social-proof.hidden {
  width: 580px;
  height: auto;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
}
.signup-left-social-proof.hidden.groundbreak {
  opacity: 1;
  background-color: #ff5300;
}
.signup-bottom-social-proof {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex-flow: row;
  order: 0;
  justify-content: space-between;
  align-items: flex-start;
  width: 66vw;
  max-width: none;
  height: auto;
  margin-top: 40px;
  margin-bottom: 20px;
  display: flex;
  position: static;
  inset: auto 0% 0%;
}
.div-block-12 {
  background-color: #f000;
  width: 150px;
  height: auto;
  display: block;
}
.image-12 {
  background-color: #f000;
  display: inline-block;
  overflow: visible;
}
.body-new-signup {
  flex-flow: row;
  justify-content: flex-start;
  max-width: none;
  height: auto;
  display: flex;
}
.container-signup-form-g2-badges {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 580px;
  max-width: 500px;
  margin-bottom: 40px;
  display: flex;
}
.signup-body {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/660d7acb75f314556dc31d8f_Sign_Up_BG_2024.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: auto;
  height: 102vh;
}
.container-features-grid {
  border-bottom: 1px solid #00000026;
  max-width: 1440px;
  height: auto;
  padding: 70px 96px 76px;
}
.section-heading-h2 {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 36px;
  line-height: 130%;
}
.section-heading-h2.success-stories-slider {
  text-align: left;
}
.features-section-highlight {
  color: #1153eb;
}
.features-section-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-flow: row;
}
.features-section-grid-block {
  background-color: #f2f3f7;
  border-radius: 4px;
  max-width: 400px;
  height: auto;
  margin-bottom: 20px;
  padding: 20px;
}
.features-grid-block-feature-icon {
  margin-bottom: 20px;
}
.features-grid-block-heading {
  color: #000;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}
.features-grid-sub-copy {
  color: #000;
  padding-right: 70px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}
.features-grid-block-link {
  color: #000;
  border-bottom: 1px solid #1153eb;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 5px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
  display: inline-block;
}
.features-grid-block-text-link {
  color: #1153eb;
}
.container-success-stories-slider {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #00000026;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  max-width: 1440px;
  height: 520px;
  padding: 70px 96px 76px;
  display: block;
  overflow: visible;
}
.container-success-stories-slider.top-section-divider {
  border-top: 1px solid #00000026;
}
.div-block-13 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  width: 1444px;
  display: flex;
}
.success-sotries-slider-block-heading {
  border-bottom: 1px #00000026;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: auto;
  padding: 20px;
  display: flex;
}
.success-sotries-slider-block-heading.migration-section {
  padding-left: 20px;
  padding-right: 20px;
}
.success-stories-slider-block-logo {
  display: inline-block;
}
.success-stories-slider-block-logo.blend-mode-darken {
  mix-blend-mode: darken;
  align-self: center;
}
.success-stories-slider-block-logo.success-image-maddox {
  filter: grayscale();
  mix-blend-mode: multiply;
  align-self: center;
}
.success-stories-slider-block-logo.img-grayscale {
  filter: grayscale();
  align-self: center;
}
.success-stories-slider-block-success {
  border-bottom: 1px #00000026;
  padding: 20px;
  display: block;
}
.success-stories-slider-block-success-description-top-line {
  color: #000;
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}
.success-stories-slider-block-success-sub-text {
  flex-flow: row;
  justify-content: flex-start;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 14px;
  line-height: 140%;
  display: flex;
}
.success-stories-slider-block {
  background-color: #f2f3f7;
  border-radius: 4px;
  flex-flow: column;
  align-items: stretch;
  width: 328px;
  max-width: none;
  display: block;
}
.success-stories-slider-block.nav-version {
  border: 1px solid #e4e5e5;
  width: 275px;
}
.success-stories-slider-block.migrate-section {
  background-color: #fff;
  border: 1px solid #ddd;
}
.success-stories-slider-block-icon {
  vertical-align: baseline;
  order: 0;
  margin-right: 0;
}
.success-stories-slider-block-separator {
  border-bottom: 1px solid #00000026;
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0;
}
.success-stories-slider-block-separator.migration-section {
  margin-left: 20px;
  margin-right: 20px;
  padding-left: 0;
}
.success-stories-slider-block-success-description,
.success-stories-slider-block-link-container {
  border-bottom: 1px #00000026;
  padding: 20px;
  display: block;
}
.success-stories-slider-block-link {
  color: #000;
  border-bottom: 1px solid #1153eb;
  padding-top: 10px;
  padding-bottom: 5px;
  padding-right: 5px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
  display: inline-block;
}
.success-stories-slider-block-success-description-sub-copy {
  color: #000;
  text-align: left;
  flex-flow: row;
  justify-content: flex-start;
  padding-right: 25px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 14px;
  line-height: 140%;
  display: flex;
}
.container-4 {
  width: auto;
  overflow: clip;
}
.container-5 {
  width: 500px;
  max-width: none;
  padding-right: 0;
  display: block;
  overflow: hidden;
}
.container-5.migration-section {
  width: 450px;
}
.success-stories-section-highlight-copy {
  color: #1153eb;
}
.success-stories-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  max-width: none;
  display: flex;
  overflow: clip;
}
.slider {
  background-color: #ddd0;
  height: auto;
  padding-top: 70px;
  padding-bottom: 76px;
}
.mask {
  padding-left: 0;
  padding-right: 0;
}
.slide-nav {
  display: none;
}
.left-arrow {
  -webkit-text-fill-color: inherit;
  background-color: #cacae2;
  background-clip: padding-box;
  border-radius: 20px;
  margin: 240px 10px 220px 96px;
  display: block;
  left: auto;
  right: auto;
}
.icon {
  border-radius: 0;
}
.right-arrow {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #1653ea;
  border-radius: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin: 240px 10px 220px 190px;
  display: block;
  left: auto;
  right: auto;
}
.slide-block {
  width: 328px;
  margin-right: 20px;
  padding-left: 96px;
}
.slide-2 {
  width: 328px;
  height: auto;
  margin-right: 20px;
}
.slide-3,
.slide-4,
.slide-5,
.slide-6,
.slide-7 {
  width: 328px;
  margin-right: 20px;
}
.slider-2 {
  height: auto;
}
.left-arrow-2 {
  position: absolute;
  left: auto;
}
.mask-2 {
  padding-bottom: 60px;
}
.slide_list {
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  display: flex;
}
.slide_arrows {
  align-items: center;
  padding-top: 2.4em;
  display: flex;
}
.section-4 {
  position: relative;
  overflow: hidden;
}
.slide_arrow {
  color: #1c1d21;
  cursor: pointer;
  background-color: #d2e9ec;
  border-radius: 200vw;
  justify-content: center;
  align-items: center;
  width: 5em;
  height: 5em;
  margin-right: 0.8em;
  display: flex;
}
.slide_wrap {
  width: 100%;
}
.container-6 {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 7.7em;
  padding-left: 10em;
  padding-right: 10em;
}
.slide_contain {
  width: 100%;
  display: block;
}
.slide_item {
  z-index: 3;
  flex: none;
  width: 48%;
  padding-right: 1.3em;
  transition: transform 0.35s;
  position: relative;
}
.slide_svg {
  width: 2em;
  height: 2em;
}
.slide_svg.is--flip {
  transform: rotate(-180deg);
}
.container-user-reviews {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-bottom: 1px solid #00000026;
  justify-content: center;
  max-width: 1440px;
  padding: 70px 96px 64px;
  display: block;
}
.container-user-reviews.constructionpm-adjust {
  border-bottom-style: none;
  padding-top: 96px;
  padding-bottom: 90px;
}
.container-user-reviews.bottom-border-remove {
  border-bottom-style: none;
}
.heading-user-reviews {
  text-align: center;
  margin-top: 0;
  margin-bottom: 32px;
  font-size: 36px;
  line-height: 130%;
}
.heading-user-reviews.features-hub-heading {
  font-size: 40px;
}
.heading-user-reviews.features-hub-heading.features-page-heading {
  margin-bottom: 0;
}
.heading-user-reviews-highlight {
  color: #1653eb;
}
.user-reviews-video-block {
  background-color: #f2f3f7;
  border: 1px #3c3c3b;
  border-radius: 3px;
  flex-flow: column;
  width: auto;
  max-width: 400px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 40px;
  display: flex;
}
.user-reviews-video-block.tile-lighten {
  background-color: #f2f3f7;
  border-style: none;
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
  display: flex;
}
.image-13 {
  opacity: 0.5;
}
.user-reviews-video-thumbnail {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #000;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6823ac6f8454ff831da2432f_5ea03fa784ea21cdcfabb4b99ae21590_Thumbnail_NGX-Greenberg.webp);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 403px;
  width: 400px;
  height: 230px;
  padding: 100px 40px;
}
.user-reviews-video-thumbnail.aleg-greenberg-ngx {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6823ac6f8454ff831da2432f_5ea03fa784ea21cdcfabb4b99ae21590_Thumbnail_NGX-Greenberg.webp);
  background-position: 50%;
  background-size: 403px;
  flex-flow: column;
  display: block;
}
.user-reviews-video-thumbnail.aleg-greenberg-ngx.nav-version {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #000;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/689e390176a4911b210a7837_thumbnail.webp);
  background-repeat: no-repeat;
  background-size: 403px;
  width: 285px;
  height: 132px;
  padding-top: 86px;
  padding-bottom: 100px;
}
.user-reviews-video-thumbnail.pieta-blakely-blakely-consulting {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6824b699d5725883cede584d_Thumbnail_Blakely.webp);
}
.user-reviews-video-thumbnail.liana-simstrom-npr {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6824b6aaded52ee7250bd3e5_Thumbnail_NPR-Simstrom.webp);
}
.user-reviews-video-thumbnail.matt-pearson-champion-industrial {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  opacity: 1;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6a035821b3f2392896b5fe87_champion-testimonial-thumbnail.jpg);
  background-position: 50%;
  background-size: 403px;
  flex-flow: column;
  display: block;
}
.user-reviews-video-thumbnail.matt-pearson-champion-industrial.nav-version {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #000;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/689e390176a4911b210a7837_thumbnail.webp);
  background-repeat: no-repeat;
  background-size: 403px;
  width: 285px;
  height: 132px;
  padding-top: 86px;
  padding-bottom: 100px;
}
.user-reviews-video-thumbnail.ollie-cooper-maddox-planning {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6a035820877961f07fc747cd_maddox-testimonial-thumbnail.jpg);
}
.user-reviews-video-thumbnail.john-raine-above-group {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6a0358205f479783a4bbc5b8_above-group-testimonial-thumbnail.jpg);
}
.user-reviews-content-copy {
  flex: 0 auto;
  order: 0;
  margin-bottom: 0;
  margin-left: 10px;
  margin-right: 10px;
  padding-top: 20px;
  padding-bottom: 0;
}
.user-reviews-content-copy.top-margin-remove {
  margin-top: 0;
}
.user-reviews-main-copy {
  color: #000;
  margin-top: 20px;
  margin-bottom: 50px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
}
.user-reviews-main-copy.body-r-02 {
  color: #000;
  margin-bottom: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}
.user-reviews-main-copy.nav-version {
  margin-top: 4px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 14px;
}
.user-reviews-name {
  color: #000;
  margin-top: 0;
  padding-left: 12px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.user-reviews-name.sub-heading-03.landing-page-quote-title {
  margin-top: 18px;
  font-size: 16px;
  line-height: 20px;
}
.user-reviews-name.sub-heading-03.landing-page-quote-title.quote-title-dark {
  color: #1a1a1a;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-weight: 500;
  line-height: 140%;
  display: inline-block;
}
.user-reviews-name.sub-heading-03.landing-page-quote-title.quote-title-dark.quote-title-sub {
  vertical-align: baseline;
  margin-top: -10px;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: block;
}
.user-reviews-title {
  color: #000;
  margin-top: -10px;
  margin-bottom: 0;
  padding-left: 12px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 15px;
  font-weight: 500;
  line-height: 140%;
}
.user-reviews-title.sub-heading-03.landing-page-quote-title {
  margin-top: 18px;
  font-size: 16px;
  line-height: 20px;
}
.user-reviews-title.sub-heading-03.landing-page-quote-title.quote-title-dark {
  color: #1a1a1a;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-weight: 500;
  line-height: 140%;
  display: inline-block;
}
.user-reviews-title.sub-heading-03.landing-page-quote-title.quote-title-dark.quote-title-sub {
  vertical-align: baseline;
  margin-top: -10px;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 15px;
  font-weight: 400;
  display: block;
}
.user-reviews-logo {
  flex-flow: wrap;
  justify-content: flex-end;
  margin-top: -45px;
  margin-left: auto;
  display: block;
}
.user-reviews-logo.adjust-npr-logo {
  margin-top: -47px;
}
.text-block-31 {
  z-index: 20;
  display: block;
  position: static;
  inset: 55% 0% 0% 42%;
}
.user-review-video-block-play-text {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
  display: block;
  position: static;
}
.user-review-video-block-play-time {
  color: #fff;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
  display: block;
}
.link-block-2 {
  display: block;
}
.code-embed-3 {
  width: 100%;
  height: 230px;
}
.container-7 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  max-width: 1440px;
  display: flex;
}
.section-homepage-faq {
  background-color: #0a161a;
}
.section-homepage-faq.pricing-bg-color {
  background-color: #fff;
}
.container-homepage-faq {
  border-bottom: 1px solid #30393c;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  padding: 62px 96px 63px;
  display: flex;
}
.container-homepage-faq.pricing-faq-container {
  background-color: #162d45;
  border-radius: 16px;
  margin-bottom: 60px;
}
.container-8 {
  width: 460px;
  margin-left: 0;
  margin-right: 0;
}
.heading-homepage-faq {
  color: #fff;
  margin-bottom: 24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 36px;
  line-height: 125%;
}
.heading-homepage-faq-highlight {
  color: #259bef;
}
.homepage-faq-sub-head {
  color: #fff;
  margin-bottom: 4px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.homepage-faq-sub-copy {
  color: #fff;
  margin-bottom: 42px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.homepage-faq-sub-copy.compare-faq-desc-spacing {
  margin-top: 24px;
}
.button-2 {
  text-align: center;
  vertical-align: baseline;
  background-color: #229bef;
  border-radius: 4px;
  width: 460px;
  height: 56px;
  padding: 17px 24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.user-review-content-highlight-purple {
  background-color: #d9d4f5;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
.user-review-content-highlight-green {
  background-color: #dbe5c7;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
.user-review-content-highlight-orange {
  background-color: #f5e3b8;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
.dropdown {
  width: 640px;
  height: 63px;
  margin-bottom: 10px;
  display: block;
  position: relative;
  overflow: hidden;
}
.icon-2 {
  justify-content: flex-end;
  align-items: center;
  display: block;
}
.dropdown-toggle {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #232d32;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: stretch;
  padding: 18px 16px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  display: flex;
  position: static;
}
.dropdown-toggle.w--open {
  background-color: #232d32;
  border: 1px #ffffff26;
  border-bottom-style: solid;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  padding: 18px 16px;
}
.column-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-around;
  align-self: flex-start;
  align-items: center;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}
.columns-4 {
  flex-flow: wrap;
  justify-content: space-around;
  align-items: stretch;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}
.column-5 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: space-around;
  align-items: flex-end;
  padding-left: 0;
  display: flex;
}
.homepage-faq-dropdown-container {
  background-color: #232d32;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  height: auto;
  position: static;
}
.text-block-32 {
  margin-right: auto;
}
.faq-answer-text {
  opacity: 1;
  color: #b8b8b8;
  margin: 14px auto 0;
  padding-top: 0;
  padding-bottom: 16px;
  padding-right: 16px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}
.faq-answer-text.project-online-faq {
  width: auto;
}
.dropdown-list {
  margin-bottom: 10px;
}
.dropdown-list.w--open {
  background-color: #232d32;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  margin-bottom: 10px;
  position: absolute;
}
.faq-accordion {
  border-radius: 4px;
  flex-flow: column;
  align-items: center;
  width: 100%;
  min-height: auto;
  margin-bottom: 20px;
  display: block;
  overflow: hidden;
}
.faq-accordion-toggle {
  cursor: pointer;
  background-color: #232d32;
  border-radius: 4px 4px 0 0;
  justify-content: flex-start;
  width: auto;
  height: 90px;
  padding: 20px 40px 20px 20px;
  display: flex;
  position: relative;
}
.faq-accordion-toggle.pricing-accordion-color {
  background-color: #2d4258;
}
.faq-accordion-toggle.pricing-accordion-color.cursor-auto {
  cursor: auto;
}
.faq-answer-block {
  background-color: #232d32;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding-top: 0;
  padding-left: 16px;
  padding-right: 16px;
  display: block;
  position: static;
}
.faq-answer-block.pricing-accordion-color {
  background-color: #2d4258;
}
.faq-toggle-icon {
  color: #fff;
  margin-top: 38px;
  margin-bottom: 38px;
  margin-right: 20px;
  position: absolute;
  inset: 0% 0% 0% auto;
}
.faq-question {
  color: #fff;
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
}
.faq-horizontal-divider {
  border-bottom: 1px solid #444d50;
  height: auto;
}
.construction-plan-description {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.coming-soon {
  color: silver;
  font-size: 13px;
}
.section-homepage-templates {
  background-color: #0a161a;
  border: 1px #00000026;
  border-bottom-style: solid;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 96px 76px;
}
.container-homepage-templates-heading {
  width: auto;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
}
.heading-homepage-templates {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 140%;
}
.text-highlight-light-blue {
  color: #229bef;
}
.homepage-templates-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: dense;
  place-content: stretch;
  align-self: center;
  margin-bottom: 60px;
  display: grid;
}
.homepage-templates-grid-container {
  background-color: #232d32;
  border: 1px #00000026;
  border-radius: 4px;
  width: 400px;
  height: auto;
  padding-top: 0;
  padding-bottom: 15px;
  padding-right: 0;
}
.homepage-templates-image {
  border: 1px #000;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-top: 0;
}
.homepage-templates-copy-block {
  padding-left: 16px;
  padding-right: 16px;
}
.homepage-templates-feature-heading {
  color: #fff;
  margin-top: 12px;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 140%;
}
.homepage-templates-feature-copy {
  color: #ffffffbf;
  margin-top: 6px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.homepage-templates-text-link {
  margin-top: 16px;
  padding-top: 0;
}
.homepage-templates-top-background-color {
  background-color: #61c7e3;
  border-radius: 4px 4px 0 0;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.homepage-templates-top-background-color.background-green {
  background-color: #a7cd50;
}
.homepage-templates-top-background-color.background-orange {
  background-color: #fba32d;
}
.homepage-templates-top-background-color.background-yellow {
  background-color: #dfcf30;
}
.homepage-templates-top-background-color.background-salmon {
  background-color: #fe735b;
}
.homepage-templates-top-background-color.background-purple {
  background-color: #9337f0;
}
.homepage-templates-cta {
  background-color: #229bef;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 56px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}
.homepage-templates-cta-container {
  justify-content: center;
  display: flex;
}
.container-9 {
  width: 100%;
  max-width: none;
}
.container-homepage-templates {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  display: flex;
}
.section-homepage-outro {
  background-color: #469dd9;
}
.container-homepage-outro {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: space-around;
  align-items: center;
  max-width: 1440px;
  padding: 90px 96px 76px;
  display: flex;
}
.container-10 {
  width: 600px;
}
.heading-6 {
  color: #152d45;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 36px;
  line-height: 130%;
}
.heading-6.white {
  color: #fff;
}
.button-3 {
  background-color: #162d45;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  margin-top: 60px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  display: flex;
}
.text-block-33 {
  color: #fff;
  text-align: center;
  padding-top: 16px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}
.div-block-14 {
  border-bottom: 1px #408ec7;
  padding-top: 24px;
}
.text-span-16 {
  color: #162d45;
}
.div-block-15 {
  justify-content: center;
  align-items: stretch;
  padding-top: 14px;
  display: flex;
}
.text-block-34 {
  color: #fdfdfd;
  align-self: center;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
  line-height: 140%;
}
.column-6 {
  padding-left: 74px;
}
.column-7 {
  padding-right: 20px;
}
.top-margin-25 {
  margin-top: 25px;
}
.pricing-add-on {
  border: 1px solid #ffffff80;
  border-radius: 6px;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
}
.pricing-add-on.pricing-add-on-top {
  width: 320px;
  margin-top: 20px;
}
.pricing-add-on-title {
  color: #fff;
  order: -1;
  align-self: auto;
  margin-right: 10px;
  padding-bottom: 10px;
  padding-right: 0;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
}
.pricing-add-on-usd {
  color: #fff;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}
.pricing-add-on-disclaimer {
  color: #ffffffbf;
  padding-bottom: 10px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 12px;
  line-height: 130%;
}
.pricing-add-on-disclaimer.add-ons {
  color: var(--black-ish);
}
.pricing-add-on-description {
  color: #fff;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
  display: block;
}
.pricing-add-on-description.add-ons {
  color: var(--black-ish);
  margin-top: 12px;
}
.pricing-add-on-heading {
  color: #fff;
  margin-top: 30px;
  margin-bottom: 0;
  font-size: 20px;
  line-height: 140%;
}
.pricing-add-on-addition,
.pricing-add-on-yearly-cost {
  color: #fff;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}
.pricing-add-on-price-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  display: flex;
}
.price-table-construction-plan {
  border: 1px solid var(--dark-grey);
  background-color: var(--alice-blue);
  border-radius: 7px;
  padding: 40px;
}
.price-table-construction-plan.constructionedition-bg-color {
  background-color: var(--alice-blue);
}
.price-table-unlimited-plan-copy {
  border: 1px solid var(--dark-grey);
  background-color: var(--white);
  border-radius: 7px;
  padding: 40px;
}
.price-table-unlimited-plan-copy.constructionedition-bg-color {
  background-color: var(--alice-blue);
}
.pricing-add-on-monthly-cost,
.pricing-add-on-yearly-cost-copy {
  color: #fff;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}
.pricing-add-on-title-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.pricing-add-on-info-icon {
  mix-blend-mode: normal;
  order: 0;
  margin-top: -5px;
}
.pricing-add-on-details-container {
  display: none;
}
.pricing-add-on-details-container-phr {
  color: var(--black-ish);
  margin-top: 16px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  line-height: 140%;
  display: block;
}
.pricing-add-on-details-container-phr.hidden {
  margin-top: 0;
  display: none;
}
.pricing-add-on-details-container-phr.add-ons-section {
  align-self: auto;
  margin-top: 24px;
}
.pricing-add-on-details-container-cls {
  display: block;
}
.pricing-add-on-details-container-cls.hidden {
  display: none;
}
.pricing-add-on-details-container-cb {
  display: block;
}
.pricing-add-on-details-container-cb.hidden {
  display: none;
}
.homepage-faq-link-text {
  opacity: 1;
  color: #fff;
  mix-blend-mode: normal;
  text-decoration: underline;
}
.div-block-16 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  display: flex;
}
.code-embed-4 {
  width: 100%;
  height: 56px;
}
.hero-video-popover-button-html {
  color: #fff;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 56px;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  display: flex;
}
.hero-video-popover-button-html.gantt-chart-maker {
  border-color: var(--black-ish);
  color: var(--black-ish);
  display: flex;
}
.hero-video-popover-button-html.home-hero-test-outline {
  color: #0dc580;
  border-color: #0dc580;
}
.hero-video-popover-button-html.construction-secondary-cta {
  color: #0cc581;
  border-color: #0cc581;
}
.hero-video-popover-button-html.template-dark-hollow-button {
  color: #000;
  margin-top: 0;
}
.hero-html-video-popover {
  cursor: pointer;
  width: 100%;
  height: 56px;
  padding: 20px;
  font-size: 16px;
  line-height: 16px;
}
.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: auto;
  max-height: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  display: flex;
}
.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 260px;
  display: flex;
}
.content-pull-quote {
  border-left-color: var(--dodger-blue);
  color: #707070;
  background-color: #ca949400;
  padding: 20px 60px 20px 20px;
  font-size: 20px;
  line-height: 24px;
}
.pricing-collaborator {
  display: flex;
}
.section-pricing-hero {
  background-color: #f2f3f7;
}
.container-pricing-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  height: auto;
  padding-bottom: 40px;
  display: flex;
}
.heading-pricing-hero {
  color: #0b161a;
  text-align: center;
  letter-spacing: -0.4px;
  margin-top: 72px;
  margin-bottom: 16px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 135%;
}
.sub-copy-pricing-hero {
  color: #0b161abf;
  text-align: center;
  padding-bottom: 48px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.logo-ribbon-heading {
  color: #0b161abf;
  text-align: center;
  padding-bottom: 10px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.logo-ribbon-heading.top-margin-48px {
  margin-top: 48px;
}
.logo-ribbon-heading.top-margin-48px.template-hub-logo-ribbon-header-white {
  color: #fff;
  margin-top: 15px;
  margin-bottom: -30px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 14px;
}
.logo-ribbon-pricing-hero {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 40px;
  margin-bottom: 96px;
  display: flex;
}
.logo-ribbon-pricing-hero.book-a-demo-spacing {
  margin-bottom: 22px;
}
.logo-ribbon-pricing-hero.hidden {
  display: none;
}
.logo-ribbon-pricing-page-logo-block {
  align-self: auto;
  height: auto;
  display: block;
}
.section-pricing-columns {
  text-align: center;
  padding-top: 40px;
  padding-left: 96px;
  padding-right: 96px;
  display: flex;
}
.container-pricing-columns {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  flex-flow: row;
  align-items: flex-start;
  max-width: 1248px;
  height: auto;
  padding-bottom: 0;
  display: block;
}
.pricing-column-container-1 {
  background-color: #f6f7f9;
  border-radius: 8px;
  width: 100%;
  height: auto;
  padding: 28px 28px 12px;
}
.pricing-column-container-2 {
  background-image: linear-gradient(16deg, #f6f7f9 57.85%, #bee7cf 99.98%);
  border-radius: 8px;
  width: 100%;
  height: auto;
  padding: 28px 28px 12px;
}
.pricing-column-container-3 {
  background-image: linear-gradient(16deg, #f6f7f9 57.85%, #fee3c0 99.98%);
  border-radius: 8px;
  width: 100%;
  height: auto;
  min-height: 440px;
  padding: 28px 28px 12px;
}
.pricing-columns-sub-copy {
  max-width: 1248px;
  margin-top: 16px;
  display: block;
}
.columns-pricing {
  margin-left: 0;
  margin-right: 0;
  display: none;
}
.pricing-columns-sub-copy-text {
  color: #0b161a;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}
.pricing-columns-sub-copy-bottom-border {
  border-bottom: 1px solid #229bef;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px 6px 6px;
}
.pricing-columns-sub-copy-highlight,
.pricing-heading-highlight {
  color: #229bef;
}
.pricing-column-plan-name-text {
  text-align: left;
  letter-spacing: -0.32px;
  width: 100%;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 135%;
  display: block;
}
.pricing-column-plan-name---toggle {
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}
.pricing-column-plan-name {
  width: 100%;
}
.pricing-column-plan-name.pricing-spacing {
  margin-bottom: 22px;
}
.pricing-column-toggle-container {
  flex-flow: column-reverse;
  order: 0;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-end;
  width: 50%;
  display: flex;
}
.pricing-column-price-container {
  margin-top: 6px;
  padding-top: 0;
  display: flex;
}
.pricing-column-price-container.pricing-sub-top-margin {
  margin-top: 14px;
}
.pricing-column-cost {
  letter-spacing: -0.28px;
  align-self: auto;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 135%;
}
.pricing-column-cost.basic-monthly-price,
.pricing-column-cost.business-monthly-price,
.pricing-column-cost.builder-monthly-price {
  display: none;
}
.pricing-column-monthly-cost {
  text-align: left;
  align-self: center;
  margin-left: 5px;
  padding-top: 5px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
}
.pricing-column-monthly-cost.right-margin-8px {
  margin-right: 8px;
  padding-bottom: 38px;
}
.pricing-toggle-bg {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  vertical-align: baseline;
  cursor: auto;
  background-color: #229bef;
  border-radius: 50px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: center;
  width: 50px;
  height: 30px;
  display: block;
}
.pricing-toggle-switch {
  float: none;
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: 3px;
  margin-left: 23px;
  display: block;
}
.pricing-column-toggle-monthly {
  order: 0;
  justify-content: flex-start;
  align-items: center;
  padding-right: 15px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}
.pricing-column-toggle-monthly.basic-monthly {
  display: none;
}
.pricing-column-toggle-monthly.basic-yearly {
  padding-top: 12px;
  padding-right: 0;
}
.pricing-column-toggle-monthly.business-monthly {
  display: none;
}
.pricing-column-toggle-monthly.business-yearly {
  padding-top: 12px;
  padding-right: 0;
}
.pricing-column-heading-toggle {
  border-bottom: 1px solid #0b161a26;
  margin-bottom: 24px;
  padding-bottom: 36px;
}
.pricing-column-line-item {
  flex-flow: row;
  justify-content: flex-start;
  margin-bottom: 12px;
  display: flex;
}
.pricing-column-feature {
  color: #0b161abf;
  text-align: left;
  letter-spacing: 0.28px;
  margin-right: 8px;
  padding-right: 0;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
}
.pricing-column-feature.line-spacing {
  line-height: 140%;
}
.pricing-column-feature.pricing-spacing {
  margin-bottom: 26px;
}
.pricing-column-info-hover,
.pricing-column-check {
  align-self: center;
}
.pricing-column-cta-section {
  border-bottom: 1px #0b161a26;
  margin-bottom: 24px;
  padding-bottom: 0;
}
.pricing-column-sub-copy {
  color: #0b161abf;
  justify-content: center;
  margin-bottom: 24px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  text-decoration: none;
  display: flex;
}
.pricing-column-cta-button {
  background-color: #229bef;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  margin-top: 24px;
  margin-bottom: 12px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}
.pricing-column-add-on-text {
  text-align: left;
  margin-bottom: 16px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.text-block-38 {
  text-align: left;
  align-self: center;
  margin-right: 8px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.text-block-39,
.text-block-40 {
  text-align: left;
}
.pricing-column-add-on-details {
  flex-flow: row;
  justify-content: space-between;
  margin-bottom: 10px;
  display: flex;
}
.image-16 {
  cursor: context-menu;
  align-self: center;
}
.pricing-column-add-on {
  padding-top: 1px;
  padding-left: 0;
  padding-right: 1px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}
.pricing-column-add-on-cost {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 135%;
}
.pricing-column-add-on-mo-text {
  margin-left: 5px;
  padding-top: 3px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}
.pricing-column-add-on-cost-container {
  flex-flow: row;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}
.pricing-column-add-on-title {
  align-self: center;
  display: flex;
}
.pricing-colum-sub-copy-text-link {
  color: #0b161abf;
  text-decoration: underline;
}
.pricing-column-yearly-billing-block {
  color: #fff;
  background-color: #e29329;
  justify-content: center;
  align-items: center;
  width: 203px;
  height: 36px;
  margin-top: 16px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 700;
  line-height: 140%;
  display: flex;
}
.pricing-column-yearly-billing-block.yearly-billing-block-green {
  background-color: #27ae60;
}
.pricing-column-yearly-billing-block-text {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: block;
}
.pricing-column-coming-soon-block {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #fff;
  background-color: #e29329;
  justify-content: center;
  align-items: center;
  width: 108px;
  height: 30px;
  margin-top: 8px;
  margin-left: 30px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 700;
  line-height: 140%;
  display: flex;
}
.pricing-column-coming-soon-block.yearly-billing-block-green {
  background-color: #27ae60;
}
.pricing-column-coming-soon-block-text {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  font-family: "Roboto V 30 Latin 900", Arial, sans-serif;
  font-size: 12px;
  font-weight: 900;
  display: block;
}
.section-template-hub-hero {
  display: block;
}
.section-template-hub-hero.hidden {
  display: none;
}
.container-template-hub-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #162d45;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6853270fc18d4aa42d6facc0_template-hub-hero-bg.webp);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 50%;
  flex-flow: column;
  justify-content: center;
  align-items: flex-end;
  max-width: none;
  height: 720px;
  display: flex;
  position: relative;
}
.container-template-hub-hero.hidden {
  display: none;
}
.template-hub-outro-cta-section {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 455px;
  margin-left: 0;
  margin-right: 0;
  display: block;
}
.div-block-19 {
  width: auto;
  height: auto;
}
.template-hub-trusted-banner {
  border: 1px solid #ffffff80;
  border-radius: 40px;
  width: 468px;
  height: 48px;
  margin-bottom: 60px;
  padding: 10px;
  display: flex;
}
.template-hub-trusted-banner.reverse {
  border-color: #0b161a40;
  margin-left: auto;
  margin-right: auto;
}
.template-hub-trusted-banner.reverse.bottom-margin-16 {
  margin-bottom: 16px;
}
.template-hub-trusted-banner.reverse.bottom-margin-16.header-version {
  margin-left: 0;
}
.template-hub-trusted-banner.reverse.bottom-margin-16.header-version.book-a-demo {
  width: 450px;
}
.template-hub-trusted-banner.hidden {
  display: none;
}
.template-hub-trusted-banner-text {
  color: #fff;
  align-self: center;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
}
.template-hub-trusted-banner-text.reverse {
  color: #0b161a;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-weight: 500;
}
.template-hub-outro-cta-h2 {
  color: #fff;
  letter-spacing: -0.48px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 125%;
}
.text-span-17 {
  background-color: #01c5db;
  font-weight: 700;
}
.button-4 {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 46px;
  display: flex;
}
.section-template-hub-category-grid {
  border: 1px #00000026;
  border-bottom-style: solid;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 96px 76px;
}
.container-template-hub-category-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  display: flex;
}
.container-template-hub-categroy-grid-heading {
  width: auto;
  margin-bottom: 32px;
  margin-left: auto;
  margin-right: auto;
}
.heading-template-hub-category-grid-heading-text {
  color: #0b161a;
  text-align: center;
  margin-bottom: 16px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 125%;
}
.heading-template-hub-category-grid-heading-text.bottom-margin-40px {
  margin-top: 0;
  margin-bottom: 20px;
}
.template-hub-category-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: dense;
  place-content: stretch;
  align-self: center;
  margin-top: 40px;
  margin-bottom: 60px;
  display: grid;
}
.template-hub-category-container {
  border: 1px solid #0b161a26;
  border-radius: 4px;
  width: 400px;
  height: auto;
  padding-top: 0;
  padding-bottom: 15px;
  padding-right: 0;
}
.homepage-templates-grid-container-copy {
  background-color: #232d32;
  border: 1px #00000026;
  border-radius: 4px;
  width: 400px;
  height: auto;
  padding-top: 0;
  padding-bottom: 15px;
  padding-right: 0;
}
.template-hub-category-container-background-color {
  background-color: #61c7e3;
  border-radius: 4px 4px 0 0;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.template-hub-category-container-background-color:where(
  .w-variant-1935b11f-8dc6-6a60-6c23-d4df818910fa
) {
  background-color: #a7cd50;
}
.template-hub-category-container-background-color:where(
  .w-variant-431ee14c-3e01-7f65-3ee3-b42c44cb0934
) {
  background-color: #fba32d;
}
.template-hub-category-container-background-color:where(
  .w-variant-972e432a-ac1e-1865-d671-05568287be49
) {
  background-color: #dfcf30;
}
.template-hub-category-container-background-color:where(
  .w-variant-155be199-7134-5ee6-ce6e-d71332b11bdf
) {
  background-color: #fe735b;
}
.template-hub-category-container-background-color:where(
  .w-variant-7d15ca16-eb13-e111-0ded-81d4a1b64363
) {
  background-color: #9337f0;
}
.template-hub-category-container-background-color.background-teal:where(
    .w-variant-1935b11f-8dc6-6a60-6c23-d4df818910fa
  ),
.template-hub-category-container-background-color.background-teal:where(
    .w-variant-ff45fb19-7721-5b4b-4214-f493c2f3a828
  ) {
  background-color: #a7cd50;
}
.template-hub-category-container-background-color.background-teal:where(
    .w-variant-d2e3ce99-eece-340f-1fc0-ef33b10ea79e
  ) {
  background-color: #fba32d;
}
.template-hub-category-container-background-color.background-green {
  background-color: #a7cd50;
}
.template-hub-category-container-background-color.background-orange {
  background-color: #fba32d;
}
.template-hub-category-container-background-color.background-yellow {
  background-color: #dfcf30;
}
.template-hub-category-container-background-color.background-salmon {
  background-color: #fe735b;
}
.template-hub-category-container-background-color.background-purple {
  background-color: #9337f0;
}
.template-hub-image {
  border: 1px #000;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-top: 0;
}
.template-hub-category-grid-copy-block {
  margin-bottom: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.template-hub-category-heading-text {
  color: #0b161a;
  margin-top: 16px;
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 140%;
}
.template-hub-category-description {
  color: #0b161abf;
  margin-top: 6px;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.homepage-templates-text-link-copy {
  margin-top: 16px;
  padding-top: 0;
}
.template-hub-category-grid-subcopy {
  text-align: center;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  line-height: 140%;
}
.section-template-hub-why-teamgantt {
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  padding: 80px 96px 20px;
}
.container-template-hub-why-teamgantt {
  max-width: 1440px;
}
.template-hub-why-teamgantt-card-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  max-width: 1440px;
  margin-top: 40px;
  display: flex;
}
.template-hub-why-teamgantt-card {
  border: 1px solid #0b161a26;
  border-radius: 4px;
  width: 320px;
  height: auto;
  min-height: 380px;
}
.template-hub-why-teamgantt-card-top {
  width: auto;
  height: 200px;
  margin-bottom: 16px;
}
.template-hub-why-teamgantt-card-top.background-salmon {
  background-color: #fe735b;
  justify-content: center;
  align-items: center;
  display: flex;
}
.template-hub-why-teamgantt-card-top.background-salmon:where(
    .w-variant-1b50847a-0b45-f479-9ad7-7fbfc6c602e8
  ) {
  background-color: #0dc581;
}
.template-hub-why-teamgantt-card-top.background-salmon:where(
    .w-variant-231f87dc-0113-1233-ac6d-eb54ec0a9614
  ) {
  background-color: #62cfed;
}
.template-hub-why-teamgantt-card-top.background-salmon:where(
    .w-variant-5c051df4-93d8-b4e2-a1bc-d28b43650e48
  ) {
  background-color: #9880f8;
}
.template-hub-why-teamgantt-card-top.background-green {
  background-color: #0dc581;
  justify-content: center;
  align-items: center;
  display: flex;
}
.template-hub-why-teamgantt-card-top.background-blue {
  background-color: #62cfed;
  justify-content: center;
  align-items: center;
  display: flex;
}
.template-hub-why-teamgantt-card-top.background-purple {
  background-color: #9880f8;
  justify-content: center;
  align-items: center;
  display: flex;
}
.template-hub-why-teamgantt-card-bottom {
  width: 100%;
  margin-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.template-hub-why-teamgantt-card-headline {
  color: #0b161a;
  margin-top: 0;
  margin-bottom: 6px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.template-hub-why-teamgantt-card-subcopy {
  color: #0b161abf;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.section-template-hub-reviews {
  padding: 60px 96px 73px;
}
.container-template-hub-reviews {
  max-width: 1440px;
}
.template-hub-trusted-banner-image {
  max-width: none;
  margin-top: 0;
}
.section-template-hub-outro {
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #162d45;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/68542ed04a8752292cdd948a_b7f9340454bd0209e9031ab8a2ec0a74_Frame_2147205701.webp);
  background-position: 100% 35%;
  background-repeat: no-repeat;
  background-size: 845px;
  background-attachment: scroll;
  margin-left: auto;
  margin-right: auto;
  padding-top: 100px;
  padding-bottom: 40px;
  padding-left: 96px;
}
.container-template-hub-outro {
  justify-content: space-between;
  max-width: 1440px;
  display: block;
}
.template-hub-outro-cta-content {
  flex-flow: column;
  display: flex;
}
.text-color-light-blue {
  color: #4eaff2;
}
.text-block-41 {
  color: #fff;
  margin-top: 16px;
  margin-bottom: 32px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  line-height: 140%;
}
.button-5 {
  width: 100%;
  height: 56px;
  color: var(--white);
  background-color: #229bef;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}
.button-5.hollow-cta {
  border: 1px solid var(--white);
  background-color: #229bef00;
}
.button-6 {
  width: 100%;
  height: 56px;
  color: var(--white);
  background-color: #162d45;
  border: 1px solid #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}
.image-18 {
  mix-blend-mode: lighten;
}
.template-hub-hero-cta {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 550px;
  display: flex;
}
.template-hub-hero-container {
  margin-bottom: 32px;
}
.template-hub-hero-container.excelganttchart-spacingfix {
  margin-bottom: 24px;
}
.template-hub-hero-h1 {
  color: #fff;
  letter-spacing: -0.48px;
  margin-top: 0;
  margin-bottom: 60px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 48px;
  font-weight: 900;
  line-height: 125%;
}
.template-hub-hero-h1.google-sheets-template-hero-spacing {
  margin-bottom: 16px;
  font-size: 42px;
}
.template-hub-hero-cta-relative-container {
  order: 0;
  justify-content: space-around;
  align-self: auto;
  align-items: stretch;
  margin-right: -100px;
  padding-left: 0;
  display: flex;
  position: static;
}
.section-template-landing-hero {
  background-image:
    linear-gradient(#2d4258e6, #2d4258e6),
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/685460426c0a7e33559716ed_template-landing-pg-herobg.webp);
  background-position:
    0 0,
    0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
}
.container-template-landing-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  max-width: none;
  min-height: 480px;
  display: flex;
}
.template-landing-page-back-link-text {
  color: #fff;
  border-bottom: 1px solid #fff;
  margin-top: 10px;
  margin-left: 48px;
  padding: 20px 6px 6px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
  display: inline-flex;
}
.template-landing-page-hero-text-container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-top: 70px;
  margin-bottom: auto;
  display: flex;
}
.template-landing-page-hero-text-container.ppc-top-margin {
  margin-top: 125px;
}
.template-landing-page-h1 {
  color: #fff;
  letter-spacing: -0.44px;
  margin-bottom: 24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 44px;
  font-weight: 700;
  line-height: 125%;
}
.template-landing-page-hero-sub-copy-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  align-items: center;
  margin-right: 20px;
  display: flex;
}
.template-landing-page-hero-sub-copy-container.margin-bottom-12px {
  margin-bottom: 12px;
}
.template-landing-page-hero-subcopy-check-mark {
  filter: invert();
  margin-right: 8px;
}
.template-landing-page-hero-subcopy-text {
  color: #fff;
  margin-right: 0;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
}
.template-landing-page-hero-subcopy-text.margin-right-20px {
  margin-right: 20px;
}
.template-landing-page-back-link {
  display: inline-flex;
}
.template-landing-page-back-nav {
  justify-content: flex-start;
  display: flex;
}
.section-template-landing-main-template-grid {
  border: 1px #00000026;
  border-bottom-style: solid;
  width: 100%;
  max-width: none;
  margin-left: auto;
  margin-right: auto;
  padding: 40px 96px 76px;
}
.container-template-landing-main-template-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  width: 100%;
  max-width: 1440px;
  display: block;
}
.button-7 {
  width: auto;
  height: 56px;
  color: var(--white);
  background-color: #229bef;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}
.button-7.template-hub-wide-button {
  width: 100%;
}
.button-8 {
  aspect-ratio: auto;
  color: #0b161a;
  background-color: #fff;
  border: 1px solid #0b161a40;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 56px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}
.button-8.hidden {
  display: none;
}
.div-block-20 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: center;
  margin-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}
.div-block-21 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  display: flex;
}
.section-make-your-own-template {
  padding: 50px 40px 40px;
}
.container-make-your-own-template {
  background-color: #162d45;
  background-image:
    linear-gradient(#162d4580, #162d4580),
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6853270fc18d4aa42d6facc0_template-hub-hero-bg.webp);
  background-position:
    0 0,
    100% 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, 50%;
  background-attachment: scroll, scroll;
  border-radius: 16px;
  max-width: 1440px;
  height: 560px;
}
.make-your-own-template-cta-content-block {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 525px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}
.make-your-own-template-cta-content {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}
.make-your-own-template-h2 {
  color: #fff;
  letter-spacing: -0.48px;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 125%;
}
.make-your-own-template-sub-copy {
  color: #fff;
  margin-top: 16px;
  margin-bottom: 32px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  line-height: 140%;
}
.make-your-own-template-solid-button {
  width: 100%;
  height: 56px;
  color: var(--white);
  background-color: #229bef;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}
.make-your-own-template-solid-button.hollow-cta {
  border: 1px solid var(--white);
  background-color: #229bef00;
}
.make-your-own-template-hollow-button {
  width: 100%;
  height: 56px;
  color: var(--white);
  background-color: #162d45;
  border: 1px solid #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}
.make-your-own-template-logo-ribbon-heading {
  color: #0b161abf;
  text-align: center;
  padding-bottom: 10px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.make-your-own-template-logo-ribbon-heading.top-margin-48px {
  margin-top: 48px;
}
.make-your-own-template-logo-ribbon-heading.top-margin-48px.template-hub-logo-ribbon-header-white {
  color: #fff;
}
.logo-ribbon-make-your-own-template {
  margin-bottom: 60px;
  display: flex;
}
.make-your-own-template-logo-ribbon-logo-block {
  height: 100px;
}
.column-8 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  height: 560px;
  display: flex;
}
.columns-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: block;
}
.template-landing-hero-width-container {
  width: 100%;
  max-width: 1440px;
}
.quick-stack-2 {
  padding-left: 20px;
}
.text-block-42 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: block;
}
.h1-text-link {
  color: #229bef;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  text-decoration: underline;
}
.div-block-22 {
  align-self: auto;
  width: auto;
  max-width: 650px;
  margin-bottom: 30px;
  display: block;
}
.div-block-22.hidden {
  display: none;
}
.text-block-43 {
  text-align: center;
  min-width: auto;
  margin-top: 36px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
  line-height: 180%;
}
.div-block-23 {
  margin-right: 0;
}
.text-block-44 {
  color: #000;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
  display: block;
}
.div-block-24 {
  margin-bottom: 20px;
}
.ai-generator-free-signup-link-container {
  color: #1153eb;
  text-align: center;
  margin-top: 14px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  line-height: 140%;
  text-decoration: none;
}
.ai-generator-free-signup-link-container.wbs-link-top-margin-fix {
  margin-top: 9px;
}
.ai-generator-free-signup-link {
  text-decoration: underline;
}
.text-span-18 {
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-weight: 400;
}
.calendly-container {
  z-index: 1000;
  background-color: #0a161a;
  width: 100%;
  max-width: none;
  height: 100%;
  position: static;
  inset: 0%;
}
.div-block-25 {
  border-top: 80px solid #fff;
  min-height: 660px;
  margin-left: auto;
  margin-right: auto;
  padding: 20px;
}
.heading-7 {
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
  font-size: 3em;
}
.logo-items {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: none;
  width: 100%;
  margin-top: 10px;
  margin-right: 40px;
  display: flex;
}
.logo-item {
  filter: invert();
  flex: none;
  width: 100px;
  height: 35px;
}
.text-block-45 {
  text-align: center;
  margin-top: 30px;
}
.logo-item-2 {
  flex: none;
  width: 200px;
  height: 71px;
}
.div-block-26 {
  background-color: #162d45;
  border-radius: 16px;
  flex-flow: row;
  padding: 60px 100px;
  display: block;
}
.div-block-26.free-plan {
  background-color: #f6f7f9;
  border: 1px solid #cdced1;
  margin-top: 20px;
  margin-bottom: 20px;
}
.div-block-27 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  display: flex;
}
.heading-8 {
  color: #fff;
  text-align: left;
  letter-spacing: -0.36px;
  margin-bottom: 8px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 135%;
}
.heading-8.free-plan {
  color: #0b161a;
}
.text-block-46 {
  color: #fff;
  text-align: left;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
.text-block-46.free-plan {
  color: #0b161a;
}
.button-9 {
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 400px;
  height: 56px;
  padding: 18px 24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}
.div-block-28 {
  width: 525px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.container-11 {
  max-width: 1248px;
  padding-top: 30px;
  padding-bottom: 30px;
}
.section-pricing-free-plan {
  padding-left: 96px;
  padding-right: 96px;
}
.section-pricing-enterprise-plan {
  margin-top: 16px;
  padding-left: 96px;
  padding-right: 96px;
}
.section-pricing-compare {
  padding-left: 96px;
  padding-right: 96px;
}
.container-pricing-compare {
  max-width: 1248px;
}
.heading-pricing-compare {
  text-align: center;
  margin-top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}
.pricing-compare-core-features-heading {
  color: #0b161a;
  cursor: pointer;
  background-color: #e5e6ef;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  margin-top: 40px;
  padding: 24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  display: flex;
}
.pricing-compare-core-features-heading.construction-color {
  background-color: #fee3c0;
}
.pricing-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1.5fr 1fr 1fr 1fr;
  margin-bottom: 40px;
  overflow: visible;
}
.pricing-grid.construction-features {
  grid-template-columns: 1.5fr 2.75fr;
}
.pricing-grid.add-ons {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1.5fr 2.75fr;
}
.div-block-30 {
  background-color: #f2f3f7;
}
.div-block-31 {
  background-color: #bee7cf80;
}
.div-block-32 {
  background-color: #fee3c080;
}
.div-block-33,
.div-block-34,
.div-block-35,
.div-block-36,
.div-block-37,
.div-block-38,
.div-block-39,
.div-block-40 {
  background-color: #f2f3f7;
}
.pricing-grid-cell {
  border: 1px solid #0b161a26;
  justify-content: flex-start;
  align-items: center;
  height: auto;
  min-height: 90px;
  padding: 24px;
  display: flex;
}
.pricing-grid-cell.pricing-grid-cell-bg-gray {
  background-color: #f2f3f7;
}
.pricing-grid-cell.pricing-grid-cell-bg-gray.pricing-grid-cell-check.check-white {
  background-color: #fff;
}
.pricing-grid-cell.pricing-grid-cell-bg-green {
  background-color: #bee7cf80;
}
.pricing-grid-cell.pricing-grid-cell-bg-orange {
  background-color: #fee3c080;
}
.pricing-grid-cell.pricing-grid-cell-check {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/66df146df8f21f1e9fc79154_Icon-Check-50.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 25px;
  justify-content: center;
}
.pricing-grid-cell.pricing-grid-cell-check.check-gray {
  background-color: #f2f3f7;
}
.pricing-grid-cell.pricing-grid-cell-x {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/65722cf67eac93a63c9a636c_X-Gray.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  justify-content: center;
}
.pricing-grid-cell.pricing-grid-cell-x.x-gray {
  background-color: #f2f3f7;
}
.pricing-grid-cell.add-ons-flex-down {
  flex-flow: column;
  align-items: flex-start;
  height: auto;
  min-height: 90px;
}
.pricing-grid-cell.add-ons-cost-cell {
  justify-content: center;
}
.pricing-grid-header-text {
  color: #0b161a;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
}
.pricing-grid-cell-text {
  color: #0b161a;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.pricing-compare-core-features-grid-container {
  overflow: hidden;
}
.container-roles {
  max-width: 1248px;
  padding-top: 50px;
  padding-bottom: 72px;
}
.div-block-41 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
  display: flex;
}
.role-description-container {
  background-color: #f2f3f7;
  border-radius: 8px;
  width: 612px;
  height: 436px;
  padding: 24px;
}
.button-10 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 455px;
  height: 56px;
  display: flex;
}
.div-block-42 {
  justify-content: center;
  align-items: center;
  padding-top: 16px;
  display: flex;
}
.div-block-43 {
  border-bottom: 1px solid #0b161926;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
  padding-bottom: 24px;
  display: flex;
}
.text-block-47 {
  color: #0b161a;
  text-align: left;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
}
.image-19 {
  margin-right: 0;
  padding-bottom: 24px;
}
.div-block-44 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  height: 50px;
  margin-bottom: 16px;
  display: flex;
}
.text-block-48 {
  color: #0b161a;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
}
.text-block-49 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #0b161a;
  word-break: normal;
  overflow-wrap: normal;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  display: block;
}
.div-block-45 {
  width: 33%;
}
.div-block-46 {
  width: 66%;
  margin-left: 24px;
}
.image-20 {
  padding-bottom: 24px;
}
.link-3 {
  text-decoration: underline;
}
.div-block-47 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: stretch flex-start;
  align-items: stretch;
  display: grid;
}
.div-block-48 {
  flex-flow: column;
  order: 0;
  align-self: auto;
  display: flex;
}
.text-block-50 {
  order: 1;
  padding-right: 25px;
}
.text-block-51 {
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.div-block-49 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 320px;
  display: flex;
}
.div-block-50 {
  border: 1px solid var(--dark-grey);
  border-radius: 4px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 300px;
  height: 120px;
  padding-left: 20px;
  padding-right: 10px;
  display: flex;
}
.columns-7,
.columns-8 {
  margin-left: 20px;
  margin-right: 20px;
}
.nav-icon {
  width: 50px;
}
.homepage-static-hero-image {
  width: 600px;
  height: 423px;
}
.homepage-static-hero-image:where(
  .w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf
) {
  height: auto;
}
.template-hub-hero-cta-button {
  width: 455px;
  height: 56px;
  color: var(--white);
  background-color: #0dc581;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 18px 24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}
.template-hub-hero-cta-button.template-dual-cta {
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.container-template-hub-hero-a {
  max-width: none;
}
.left-column-template-hub-hero {
  background-color: #162d45;
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6853270fc18d4aa42d6facc0_template-hub-hero-bg.webp);
  background-repeat: no-repeat;
  height: 720px;
}
.left-column-template-hub-hero.excel-template-hero-image,
.left-column-template-hub-hero.googlesheets-template-hero-image {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/6853270fc18d4aa42d6facc0_template-hub-hero-bg.webp);
}
.right-column-template-hub-hero {
  background-color: var(--_oddit---oddit-dark-blue);
  justify-content: center;
  align-items: center;
  height: 720px;
  padding: 0 60px 40px;
  display: flex;
}
.template-hub-category-button {
  background-color: var(--dodger-blue);
  width: 100%;
  height: 56px;
  color: var(--dodger-blue);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.template-hub-category-button-text {
  color: var(--white);
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
}
.div-block-51 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 60px;
  display: flex;
}
.text-block-52 {
  color: #0b161a;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 160%;
  text-decoration: none;
}
.div-block-52 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}
.div-block-52.free-plan-link {
  margin-top: 40px;
}
.image-21 {
  max-width: none;
  margin-left: 5px;
  margin-right: 0;
}
.div-block-53 {
  border-bottom: 1px solid #229bef;
  justify-content: center;
  align-items: center;
  display: flex;
}
.text-span-19 {
  color: #b9b9b9;
  text-align: left;
  font-size: 12px;
  line-height: 100%;
}
.text-span-20 {
  color: #b9b9b9;
  font-size: 12px;
  line-height: 100%;
}
.image-22 {
  border-radius: 14px;
  margin-bottom: 24px;
}
.div-block-54 {
  border: 1px solid #0b161a26;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
}
.text-block-53 {
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  line-height: 140%;
}
.section-why-choose-teamgantt {
  padding: 18px 96px 75px;
}
.section-support-callout {
  padding: 60px 96px 90px;
}
.section-construction-management-features {
  margin-top: 24px;
  padding: 0 96px 90px;
}
.section-easy-construction-scheduling {
  padding: 32px 96px 60px;
}
.section-construction-project-management-software {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/68d15d571491ae2432d89a05_header-bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 20px 16px 0;
}
.container-construction-project-management-software-hero {
  grid-column-gap: 36px;
  grid-row-gap: 36px;
  justify-content: space-around;
  align-items: center;
  max-width: 1440px;
  display: flex;
}
.construction-project-management-header-content-block {
  flex-flow: column;
  align-items: flex-start;
  padding: 72px 100px 100px;
  display: flex;
}
.construction-project-management-header-content-block.book-a-demo {
  flex-flow: column;
  padding-bottom: 6px;
  padding-right: 180px;
}
.construction-project-management-header-content-block.construction-webinar {
  flex-flow: column;
  padding-bottom: 60px;
  padding-right: 180px;
}
.construction-project-management-header-content-block.ppc {
  padding-left: 60px;
  padding-right: 60px;
}
.construction-project-management-software-heading {
  color: #0b161a;
  letter-spacing: -0.52px;
  margin-top: 6px;
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 125%;
}
.construction-project-management-software-heading.book-a-demo {
  font-size: 36px;
  line-height: 120%;
}
.construction-project-management-software-sub-head {
  color: #0b161a;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 150%;
}
.construction-project-management-software-sub-head.construction-webinar {
  text-align: left;
  font-size: 25px;
}
.construction-project-management-software-sub-head.construction-webinar.construction-webinar-cta-copy {
  padding-top: 150px;
  padding-bottom: 32px;
}
.construction-project-management-software-header-cta {
  background-color: #0dc581;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  padding: 17px 24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  display: flex;
}
.construction-project-management-software-header-cta.book-a-demo {
  margin-top: 12px;
  font-size: 18px;
  line-height: 140%;
}
.construction-project-management-software-header-cta.construction-webinar {
  width: auto;
  margin-top: 12px;
  font-size: 18px;
  line-height: 140%;
}
.construction-project-management-software-header-cta.ppc {
  margin-top: 20px;
}
.div-block-55 {
  flex-flow: column;
  width: 425px;
  margin-top: 18px;
  margin-bottom: 50px;
  display: flex;
}
.div-block-55.book-a-demo {
  width: 100%;
  margin-bottom: 36px;
}
.div-block-55.construction-webinar {
  flex-flow: column;
  align-items: center;
  margin-bottom: 36px;
  display: block;
}
.div-block-55.ppc {
  margin-top: 0;
}
.construction-project-management-software-micro-copy {
  text-align: center;
  margin-top: 8px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
.construction-project-management-software-heading-container {
  width: 600px;
}
.div-block-56 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.construction-project-management-software-team-proof {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.construction-project-management-software-team-proof.book-a-demo-logo-ribbon {
  margin-top: 48px;
}
.construction-project-management-software-team-proof.features-page-margin-top {
  justify-content: center;
  align-items: center;
  margin-top: 96px;
}
.text-block-55 {
  text-align: center;
  width: 100%;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
}
.div-block-57 {
  width: 75%;
}
.image-23 {
  padding-top: 10px;
}
.container-construction-management-features {
  max-width: 1440px;
}
.heading-9 {
  text-align: center;
  margin-bottom: 30px;
}
.container-construction-features {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  height: auto;
  display: flex;
}
.construction-feature-container {
  border: 1px solid #e5e6ef;
  border-radius: 4px;
  width: 320px;
}
.div-block-58 {
  border: 1px solid #e5e6ef;
  padding: 16px;
}
.image-24 {
  border-radius: 4px;
  width: 297px;
  max-width: none;
  height: 200px;
}
.text-block-56 {
  color: #6b8f1a;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  position: static;
  top: -36px;
  left: auto;
}
.div-block-59 {
  text-align: center;
  background-color: #fff;
  border: 4.5px solid #acd45240;
  border-radius: 40px;
  position: relative;
  top: -44px;
}
.construction-feature-container-green {
  background-color: #acd452;
  flex-flow: column;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}
.construction-feature-green-floating-text {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 140%;
}
.construction-feature-green-floating-micro-copy {
  color: #6b8f1a;
  background-color: #fff;
  border: 4.5px solid #acd45240;
  border-radius: 40px;
  margin-top: 18px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 12px;
  line-height: 150%;
  position: relative;
  top: -64px;
  box-shadow: 0 5px 18px 5px #0003;
}
.construction-feature-green-floating-micro-copy:where(
  .w-variant-13c8a824-ad94-1208-495e-23c0d1e7ee85
) {
  color: #fba32d;
  -webkit-text-stroke-color: #fba32d;
  border-color: #fba32d40;
}
.construction-feature-green-floating-micro-copy:where(
  .w-variant-7aaae2dc-8670-ea6c-c7c5-63421477cf24
) {
  color: #ebd92f;
  border-color: #ebd92f40;
}
.construction-feature-green-floating-micro-copy:where(
  .w-variant-e47b8425-bf88-b9bc-8cf8-d7fba03fe28e
) {
  color: #fe735b;
  border-color: #fe735b40;
}
.construction-feature-list-container {
  flex-flow: wrap;
  align-items: center;
  margin-bottom: 12px;
  padding-left: 18px;
  padding-right: 18px;
  display: flex;
}
.contruction-feeature-list-item {
  flex-flow: row;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}
.construction-feature-subhead {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 140%;
}
.construction-feature-sub-head-container {
  margin-top: 0;
  padding: 20px 10px;
}
.construction-feature-list-item-text {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
}
.construction-feature-container-copy {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #00000026;
  border-radius: 4px;
  flex-flow: column;
  order: 0;
  align-self: auto;
  align-items: stretch;
  width: 402px;
  height: 343px;
  display: flex;
}
.construction-feature-container-copy.blue-background {
  background-color: #01aafe;
}
.construction-feature-container-copy.purple-background {
  background-color: #9337f0;
}
.construction-feature-container-copy.green-background {
  background-color: #33c68c;
}
.construction-feature-container-top {
  width: 401px;
  height: 240px;
}
.construction-feature-container-top.blue-background {
  padding: 30px 30px 0;
}
.construction-feature-container-top.purple-background {
  background-color: #9337f0;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.construction-feature-container-top.green-background {
  background-color: #33c68c;
  padding: 30px 30px 0;
}
.construction-feature-container-top.contr-green-background {
  background-color: #acd452;
  border-radius: 4px 4px 0 0;
  width: 320px;
  height: 218px;
  padding: 16px 16px 0;
}
.construction-feature-container-top.contr-green-background:where(
    .w-variant-13c8a824-ad94-1208-495e-23c0d1e7ee85
  ) {
  background-color: #fba32d;
}
.construction-feature-container-top.contr-green-background:where(
    .w-variant-7aaae2dc-8670-ea6c-c7c5-63421477cf24
  ) {
  background-color: #ebd92f;
}
.construction-feature-container-top.contr-green-background:where(
    .w-variant-e47b8425-bf88-b9bc-8cf8-d7fba03fe28e
  ) {
  background-color: #fe735b;
}
.construction-feature-container-top.contr-orange-background {
  background-color: #fba32d;
  border-radius: 4px 4px 0 0;
  width: 320px;
  height: 218px;
  padding: 16px 16px 0;
}
.construction-feature-container-top.contr-yellow-background {
  background-color: #ebd92f;
  border-radius: 4px 4px 0 0;
  width: 320px;
  height: 218px;
  padding: 16px 16px 0;
}
.construction-feature-container-top.contr-red-background {
  background-color: #fe735b;
  border-radius: 4px 4px 0 0;
  width: 320px;
  height: 218px;
  padding: 16px 16px 0;
}
.construction-feature-image {
  vertical-align: text-top;
  border-radius: 10px 10px 0 0;
  margin-top: 0;
  padding-bottom: 0;
}
.construction-feature-check {
  margin-top: 6px;
}
.construction-feature-orange-floating-micro-copy {
  color: #b66a04;
  background-color: #fff;
  border: 4.5px solid #fba32d40;
  border-radius: 40px;
  margin-top: 18px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 12px;
  line-height: 150%;
  position: relative;
  top: -64px;
  box-shadow: 0 5px 18px 5px #0003;
}
.construction-feature-yellow-floating-micro-copy {
  color: #8a7d00;
  background-color: #fff;
  border: 4.5px solid #ebd92f40;
  border-radius: 40px;
  margin-top: 18px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 12px;
  line-height: 150%;
  position: relative;
  top: -64px;
  box-shadow: 0 5px 18px 5px #0003;
}
.construction-feature-red-floating-micro-copy {
  color: #bb3a24;
  background-color: #fff;
  border: 4.5px solid #fe735b40;
  border-radius: 40px;
  margin-top: 18px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 12px;
  line-height: 150%;
  position: relative;
  top: -64px;
  box-shadow: 0 5px 18px 5px #0003;
}
.container-why-choose-teamgantt {
  max-width: 1440px;
}
.div-block-60 {
  justify-content: center;
  align-items: center;
  display: flex;
}
.orange-card-bg {
  background-color: #fe735b;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 315px;
  height: 200px;
  display: flex;
}
.orange-card-bg:where(.w-variant-2d012c7c-b9fd-a060-2682-8f774ea6ffc2) {
  background-color: #0dc581;
}
.orange-card-bg:where(.w-variant-31d6bb17-5367-80d3-742b-ceb9772c49dc) {
  background-color: #62cfed;
}
.orange-card-bg:where(.w-variant-e85f2ec5-5aaa-dbcf-40dd-4b1dd0fa1919) {
  background-color: #9880f8;
}
.why-choose-teamgantt-card-opy-container {
  border-bottom: 1px solid #0b161a26;
  border-left: 1px solid #0b161a26;
  border-right: 1px solid #0b161a26;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 315px;
  height: 350px;
  padding: 16px 20px 20px;
  display: flex;
}
.why-choose-teamgantt-card-header-text {
  margin-bottom: 6px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}
.why-choose-teamgantt-card-copy-text {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.container-why-choose-teamgantt-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  display: flex;
}
.section-heading-why-shoose-teamgantt-text {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  display: flex;
}
.section-heading-why-choose-teamgantt {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 16px;
  display: flex;
}
.green-card-bg {
  background-color: #0dc581;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 315px;
  height: 200px;
  display: flex;
}
.teal-card-bg {
  background-color: #62cfed;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 315px;
  height: 200px;
  display: flex;
}
.purple-card-bg {
  background-color: #9880f8;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 315px;
  height: 200px;
  display: flex;
}
.container-supprt-callout {
  max-width: 1440px;
}
.support-callout-heading-container {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.support-callout-heading-text {
  letter-spacing: -0.4px;
  margin-top: 0;
  margin-bottom: 20px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 40px;
  line-height: 135%;
}
.support-callout-subhead-text {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  line-height: 140%;
}
.support-callout-block-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  margin-top: 50px;
  display: flex;
}
.support-callout-block-orange {
  background-image: linear-gradient(233deg, #fee3c0, #f6f7f9 71%);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 410px;
  height: 168px;
  padding: 40px;
  display: flex;
}
.support-callout-block-text-orange {
  letter-spacing: -0.4px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#ff7c5d, #d45132);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: "Roboto V 30 Latin 900", Arial, sans-serif;
  font-size: 40px;
  line-height: 135%;
}
.support-callout-block-subhead-text {
  margin-top: 10px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
}
.support-callout-block-purple {
  background-image: linear-gradient(233deg, #ded6ff, #f6f7f9 71%);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 410px;
  height: 168px;
  padding: 40px;
  display: flex;
}
.support-callout-block-text-purple {
  letter-spacing: -0.4px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#9880f8, #6149c2);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: "Roboto V 30 Latin 900", Arial, sans-serif;
  font-size: 40px;
  line-height: 135%;
}
.support-callout-block-green {
  background-image: linear-gradient(233deg, #bee7cf, #f6f7f9 71%);
  border-radius: 8px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 410px;
  height: 168px;
  padding: 40px;
  display: flex;
}
.support-callout-block-text-green {
  letter-spacing: -0.4px;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(#0dc581, #065f3e);
  -webkit-background-clip: text;
  background-clip: text;
  font-family: "Roboto V 30 Latin 900", Arial, sans-serif;
  font-size: 40px;
  line-height: 135%;
}
.container-easy-construction-scheduling {
  max-width: 1440px;
}
.heading-10 {
  text-align: center;
  letter-spacing: -0.4px;
  margin-top: 24px;
  margin-bottom: 30px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 40px;
  line-height: 135%;
}
.div-block-61 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
  display: flex;
}
.text-block-57 {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.heading-11 {
  margin-bottom: 24px;
}
.grid-2 {
  grid-template-columns: 0.5fr 0.5fr;
}
.selected-easy-scheduling-contant-block {
  opacity: 1;
  cursor: pointer;
  border-bottom: 1px solid #e5e6ef;
  border-left: 4px solid #162d45;
  width: 500px;
  padding-bottom: 36px;
  padding-left: 50px;
}
.div-block-63 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  flex-flow: column;
  display: flex;
}
.easy-scheduling-content-block-copy {
  opacity: 1;
  cursor: auto;
  border-bottom: 1px solid #e5e6ef;
  border-left: 1px solid #e5e6ef;
  border-bottom-left-radius: 6px;
  width: 550px;
  padding-bottom: 36px;
  padding-left: 50px;
}
.column-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  display: block;
}
.image-25 {
  margin-top: 21px;
}
.logo-dark-overlay {
  opacity: 0.4;
  filter: invert();
}
.logo-dark-overlay.logo-spacing {
  margin-top: 23px;
}
.logo-dark-overlay.logo-spacing._1 {
  margin-top: 27px;
}
.logo-dark-overlay.logo-spacing._1.img-invert {
  filter: invert(0%);
}
.logo-dark-overlay.logo-spacing.browning-day-logo-spacing {
  margin-top: 23px;
}
.logo-dark-overlay.logo-spacing.browning-day-logo-spacing.img-invert {
  filter: invert(0%);
}
.logo-dark-overlay.logo-spacing.img-invert {
  filter: none;
}
.bold-text-15 {
  letter-spacing: 0.25px;
  text-transform: uppercase;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 20px;
  line-height: 150%;
}
.contruction-project-management-software-hero-h1 {
  margin-top: 6px;
}
.contruction-project-management-software-hero-h1:where(
  .w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf
) {
  text-transform: uppercase;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 20px;
  line-height: 150%;
}
.grid-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  place-items: stretch center;
  padding-top: 20px;
}
.youtube-2 {
  width: auto;
}
.div-block-64 {
  padding-top: 40px;
  padding-left: 96px;
  padding-right: 96px;
}
.bold-text-16 {
  color: #0b161a;
}
.bold-text-16.book-a-demo {
  font-size: 36px;
  line-height: 20px;
}
.column-10 {
  margin-top: 52px;
}
.section-what-people-are-saying {
  padding-bottom: 36px;
  padding-left: 96px;
  padding-right: 96px;
}
.container-what-people-are-saying {
  max-width: 1440px;
}
.landing-page-video-testimonial-grid {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  grid-template-rows: auto;
}
.section-construction-webinar-video {
  padding-top: 96px;
  padding-left: 96px;
  padding-right: 96px;
}
.container-construction-webinar-video {
  max-width: 1440px;
}
.div-block-65 {
  flex-flow: row;
  padding-top: 60px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}
.div-block-66 {
  flex-flow: row;
  width: 50%;
  display: flex;
}
.div-block-66.construction-webinar {
  padding-left: 96px;
}
.div-block-67 {
  width: 50%;
  padding-right: 60px;
}
.video-4 {
  padding-bottom: 48px;
}
.text-block-58 {
  color: #fff;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 12px;
}
.text-block-59 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 24px;
  line-height: 140%;
}
.text-block-60 {
  margin-top: 24px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
}
.section-features-hub-hero {
  background-image: linear-gradient(#f3e8fe, #f6f7f9);
}
.container-features-hub-hero {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  display: flex;
}
.div-block-68 {
  text-align: center;
  width: 600px;
  margin-top: 60px;
  padding-bottom: 16px;
}
.text-block-61 {
  opacity: 0.75;
  padding-bottom: 24px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.div-block-69 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  padding-bottom: 48px;
  display: flex;
}
.div-block-69.popular-features-ctas {
  margin-top: 40px;
  padding-bottom: 0;
}
.features-page-hero-logo-ribbon {
  flex-flow: row;
  align-self: auto;
  margin-bottom: 60px;
  display: block;
}
.text-block-62 {
  opacity: 0.75;
  text-align: center;
  padding-bottom: 6px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.heading-12 {
  letter-spacing: -0.52px;
  font-family: "Roboto V 30 Latin 900", Arial, sans-serif;
  font-size: 52px;
  font-weight: 900;
  line-height: 135%;
}
.button-11 {
  text-align: center;
  background-color: #229bef;
  border-radius: 4px;
  width: 325px;
  padding: 17px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
}
.button-11.hollow-cta {
  color: #0b161a;
  background-color: #0b161a00;
  border: 1px solid #0b161a40;
}
.button-11.hollow-cta.hollow-button-white-text {
  color: #fff;
  border-color: #fff;
}
.button-11.button-auto-width {
  width: auto;
}
.section-features-hub-popular-features {
  padding: 0 96px;
}
.container-features-hub-popular-features {
  max-width: 1440px;
}
.heading-features-hub {
  text-align: center;
  letter-spacing: -0.4px;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin 900", Arial, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 135%;
}
.heading-features-hub.features-page-section-subhead {
  margin-bottom: 0;
}
.container-features-hub-popular-features-cards {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  height: auto;
  display: flex;
}
.popular-features-container {
  border: 1px solid #e5e6ef;
  border-radius: 4px;
  width: 320px;
}
.popular-features-container-top {
  width: 401px;
  height: 240px;
}
.popular-features-container-top.blue-background {
  padding: 30px 30px 0;
}
.popular-features-container-top.purple-background {
  background-color: #9337f0;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.popular-features-container-top.green-background {
  background-color: #33c68c;
  padding: 30px 30px 0;
}
.popular-features-container-top.contr-green-background {
  background-color: #acd452;
  border-radius: 4px 4px 0 0;
  width: 320px;
  height: 218px;
  padding: 16px 16px 0;
}
.popular-features-container-top.contr-orange-background {
  background-color: #fba32d;
  border-radius: 4px 4px 0 0;
  width: 320px;
  height: 218px;
  padding: 16px 16px 0;
}
.popular-features-container-top.contr-yellow-background {
  background-color: #ebd92f;
  border-radius: 4px 4px 0 0;
  width: 320px;
  height: 218px;
  padding: 16px 16px 0;
}
.popular-features-container-top.contr-red-background {
  background-color: #fe735b;
  border-radius: 4px 4px 0 0;
  width: 320px;
  height: 218px;
  padding: 16px 16px 0;
}
.popular-features-image {
  vertical-align: text-top;
  border-radius: 10px 10px 0 0;
  margin-top: 0;
  padding-bottom: 0;
}
.popular-feature-green-floating-micro-copy {
  color: #6b8f1a;
  background-color: #fff;
  border: 4.5px solid #acd45240;
  border-radius: 40px;
  margin-top: 18px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 12px;
  line-height: 150%;
  position: relative;
  top: -64px;
  box-shadow: 0 5px 18px 5px #0003;
}
.popular-feature-green-floating-text {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 140%;
}
.popular-feature-sub-head-container {
  margin-top: 0;
  padding: 20px 10px;
}
.popular-feature-subhead {
  margin-top: 0;
  margin-bottom: 6px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 19px;
  font-weight: 700;
  line-height: 140%;
}
.popular-feature-list-container {
  flex-flow: wrap;
  align-items: center;
  margin-bottom: 12px;
  padding-left: 18px;
  padding-right: 18px;
  display: flex;
}
.popular-feature-list-item {
  flex-flow: row;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}
.popular-feature-check {
  margin-top: 6px;
}
.popular-feature-list-item-text {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
}
.popular-feature-orange-floating-micro-copy {
  color: #b66a04;
  background-color: #fff;
  border: 4.5px solid #fba32d40;
  border-radius: 40px;
  margin-top: 18px;
  padding-left: 6px;
  padding-right: 6px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 12px;
  line-height: 150%;
  position: relative;
  top: -64px;
  box-shadow: 0 5px 18px 5px #0003;
}
.popularfeature-orange-floating-text {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  line-height: 140%;
}
.div-block-70 {
  justify-content: center;
  margin-top: 40px;
  display: flex;
}
.section-features-hub-featured-content {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/68f13e080212ef009385e7a7_Group_8.webp);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 90px;
}
.container-features-hub-featured-content {
  max-width: 1440px;
}
.div-block-71 {
  border: 1px solid #e5e6ef;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 110px;
  height: 32px;
  display: flex;
}
.div-block-72 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 90px;
  display: flex;
}
.text-block-63 {
  letter-spacing: 0.56px;
  text-transform: uppercase;
  margin-top: 16px;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}
.heading-13 {
  letter-spacing: -0.4px;
  margin-top: 16px;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 900", Arial, sans-serif;
  font-size: 40px;
  font-weight: 900;
  line-height: 135%;
}
.text-block-64 {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  line-height: 140%;
}
.text-block-65 {
  margin-top: 16px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
}
.image-27 {
  margin-top: 32px;
  box-shadow: 0 17px 25px #00000026;
}
.section-features-by-use-case {
  padding-top: 60px;
  padding-bottom: 110px;
}
.container-features-by-use-case {
  max-width: 1440px;
  margin-bottom: 0;
}
.heading-14 {
  text-align: center;
  letter-spacing: -0.4px;
  margin-top: 0;
  margin-bottom: 16px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 135%;
}
.use-cases-category-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: center;
  margin-top: 10px;
  display: flex;
}
.div-block-74 {
  border: 1px solid #0b161a40;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 55px;
  padding: 17px;
  display: flex;
}
.div-block-74.bg-blue-selected {
  background-color: #229bef;
}
.use-cases-categroy-text {
  color: #fff;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
}
.use-cases-categroy-text.use-cases-category-text-dark {
  color: #0b161a;
}
.use-cases-category {
  color: #0b161a;
  cursor: pointer;
  border: 1px solid #0b161a40;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 55px;
  padding: 17px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  font-weight: 700;
  display: flex;
}
.use-cases-category.filter-selected {
  color: #fff;
  cursor: pointer;
  background-color: #229bef;
  font-size: 18px;
}
.use-cases-category.filter-hover {
  border-color: #00000040;
  box-shadow: 0 2px 5px #0003;
}
.use-cases-feature-description-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  margin-top: 40px;
  display: flex;
}
.use-cases-feature-description-block {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  border: 1px solid #e5e6ef;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: stretch;
  width: 405px;
  height: 121px;
  padding: 18px 50px 18px 20px;
  display: flex;
}
.use-cases-feature-description-block.features-glance-version {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  background-color: #fff;
  border-style: none;
  border-radius: 4px;
  justify-content: flex-start;
  align-items: flex-start;
}
.use-cases-feature-description-block.features-glance-version.hidden {
  display: none;
}
.use-cases-feature-description-block-description {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.use-cases-feature-description-block-heading {
  margin-top: 0;
  margin-bottom: 3px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}
.section-feature-highlights {
  background-color: #162d45;
  padding: 60px 96px;
}
.container-feature-highlights {
  max-width: 1440px;
}
.heading-15 {
  color: #fff;
  text-align: center;
  letter-spacing: -0.4px;
  margin-top: 0;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 40px;
  line-height: 135%;
}
.feature-highlight-block-container {
  flex-flow: wrap;
  justify-content: space-around;
  align-items: stretch;
  display: flex;
}
.feature-highlight-block {
  background-color: #1c3754;
  border: 1px #0b161a26;
  border-radius: 4px;
  width: 400px;
  height: auto;
  margin-bottom: 20px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 0;
}
.feature-highlight-block-top {
  background-color: #61c7e3;
  border-radius: 4px 4px 0 0;
  padding-top: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
.feature-highlight-block-top.background-teal {
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.feature-highlight-block-top.background-green {
  background-color: #a7cd50;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.feature-highlight-block-top.background-orange {
  background-color: #fba32d;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.feature-highlight-block-top.background-yellow {
  background-color: #dfcf30;
}
.feature-highlight-block-top.background-salmon {
  background-color: #fe735b;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.feature-highlight-block-top.background-purple {
  background-color: #9337f0;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
}
.feature-highlight-image {
  border: 1px #000;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  margin-top: 0;
}
.feature-highlight-block-bottom-copy-container {
  padding: 16px 18px;
}
.feature-hub-highlight-heading-text {
  color: #fff;
  margin-top: 16px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 140%;
}
.feature-hub-highlight-description-text {
  color: #ffffffbf;
  margin-top: 6px;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 140%;
}
.div-block-20-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  justify-content: center;
  margin-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
}
.div-block-75 {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}
.section-features-glance {
  justify-content: center;
  align-items: center;
  display: flex;
}
.section-features-glance.features-page-top-margin {
  margin-top: 56px;
}
.container-features-glance {
  background-color: #f2f3f7;
  border-radius: 16px;
  max-width: 1440px;
  margin-bottom: 90px;
  padding-bottom: 40px;
  padding-left: 56px;
  padding-right: 56px;
}
.container-features-glance-gray-bg {
  background-color: #f2f3f7;
  border-radius: 16px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  margin: 56px;
  display: flex;
}
.heading-16 {
  text-align: center;
  padding-bottom: 20px;
  font-size: 40px;
  line-height: 135%;
}
.grid-features-glance {
  grid-template-rows: auto auto auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}
.div-block-76 {
  background-color: #fff;
  border-radius: 4px;
  width: 405px;
  height: 121px;
}
.div-block-77 {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}
.text-block-68 {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.bold-text-17 {
  font-size: 20px;
}
.card-container-features-glance {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
  margin-top: 40px;
  display: flex;
}
.text-clear-selected-filters {
  text-align: center;
  cursor: auto;
  margin-top: 16px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  text-decoration: underline;
}
.text-span-21 {
  cursor: pointer;
}
.kubota-left-padding {
  padding-left: 15px;
}
.text-block-69 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 125%;
}
.use-cases-feature-description-block-icon-container {
  text-align: left;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 12px 10px 10px;
  display: flex;
}
.use-cases-feature-description-block-icon-container._001-usecaseicon-bg-pink {
  background-color: #f767ca;
}
.use-cases-feature-description-block-icon-container._002-usecaseicon-bg-mustard {
  background-color: #ffae30;
}
.use-cases-feature-description-block-icon-container._003-usecaseicon-bg-salmon {
  background-color: #ff7762;
}
.use-cases-feature-description-block-icon-container._004-usecaseicon-bg-blue1 {
  background-color: #446ef6;
}
.use-cases-feature-description-block-icon-container._005-usecaseicon-bg-green1 {
  background-color: #3ec694;
}
.use-cases-feature-description-block-icon-container._007-usecaseicon-bg-green2 {
  background-color: #77ce43;
}
.use-cases-feature-description-block-icon-container._008-usecaseicon-bg-purple1 {
  background-color: #b970d8;
}
.use-cases-feature-description-block-icon-container._009-usecaseicon-bg-red1 {
  background-color: #b84a62;
}
.use-cases-feature-description-block-icon-container._010-usecaseicon-bg-blue2 {
  background-color: #3c52d6;
}
.use-cases-feature-description-block-icon-container._011-usecaseicon-bg-red2 {
  background-color: #ff345f;
}
.use-cases-feature-description-block-icon-container._012-usecaseicon-bg-blue3 {
  background-color: #2783fe;
}
.use-cases-feature-description-block-icon-container._013-usecaseicon-bg-red3 {
  background-color: #f95e5f;
}
.use-cases-feature-description-block-icon-container._014-usecaseicon-bg-green3 {
  background-color: #a9cf43;
}
.use-cases-feature-description-block-icon-container._015-usecaseicon-bg-purple2 {
  background-color: #7969e5;
}
.use-cases-feature-description-block-icon-container._016-usecaseicon-bg-purple3 {
  background-color: #b7378a;
}
.use-cases-feature-description-block-icon-container._017-usecaseicon-bg-orange {
  background-color: #ff8063;
}
.use-cases-feature-description-block-icon-container._018-usecaseicon-bg-blue4 {
  background-color: #06b4fe;
}
.use-cases-feature-description-block-icon-container._019-usecaseicon-bg-purple4 {
  background-color: #b970d7;
}
.use-cases-feature-description-block-icon-container._020-usecaseicon-bg-yellow {
  background-color: #ffcf56;
}
.use-cases-feature-description-block-icon-container._021-usecaseicon-bg-teal {
  background-color: #18ebda;
}
.use-cases-feature-description-block-icon-container._006-usecaseicon-bg-pink {
  background-color: #f767ca;
}
.div-block-78 {
  width: 50px;
}
.div-block-79 {
  background-color: var(--black-ish);
  justify-content: space-around;
  display: flex;
}
.flex-block-2 {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  justify-content: space-between;
  padding-top: 24px;
  padding-bottom: 24px;
}
.div-block-80,
.div-block-81 {
  display: inline-block;
}
.div-block-83 {
  display: inline;
}
.div-block-84 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex: 0 auto;
  justify-content: space-between;
  display: flex;
}
.image-29 {
  filter: grayscale();
  max-width: 75px;
  max-height: 50px;
  margin-right: 0;
}
.div-block-85 {
  align-self: flex-end;
}
.div-block-86 {
  background-color: var(--_oddit---dark-blue);
  margin-top: 40px;
  margin-bottom: 40px;
}
.div-block-87 {
  background-color: var(--_oddit---dark-blue);
}
.div-block-88 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: row;
  max-width: 1440px;
  margin: 40px auto;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}
.div-block-88:where(.w-variant-fd2e5f7f-70a1-3457-3909-11ac60be2c51) {
  flex-flow: row-reverse;
}
.div-block-89 {
  flex: auto;
  align-self: center;
}
.paragraph-3 {
  font-size: 18px;
  line-height: 175%;
}
.div-block-90 {
  flex: none;
  align-self: center;
  width: 40%;
}
.rich-text-block {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 175%;
}
.heading-17 {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}
.image-30 {
  border-radius: 8px;
  box-shadow: 0 2px 11px 2px #0003;
}
.div-block-91 {
  flex: 0 auto;
}
.link-block-3 {
  width: 100%;
}
.link-block-3.template-multi-cta {
  width: auto;
  margin-bottom: 0;
}
.italic-text-4 {
  font-style: normal;
}
.section-features-page-hero {
  background-image: linear-gradient(16deg, #f6f7f9 57.85%, #bee7cf 99.98%);
  padding-top: 60px;
  padding-left: 96px;
  padding-right: 96px;
}
.container-features-page-hero {
  max-width: 1440px;
}
.div-block-92 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  display: flex;
}
.heading-18 {
  letter-spacing: -0.52px;
  max-width: 85%;
  margin-bottom: 24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 52px;
  font-weight: 700;
  line-height: 135%;
}
.text-block-72 {
  max-width: 65%;
  margin-bottom: 36px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.button-12 {
  background-color: var(--oddit-cta-blue);
  border-radius: 4px;
  justify-content: center;
  width: 400px;
  height: 52px;
  margin-bottom: 48px;
  padding: 17px 20px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 15px;
  display: flex;
}
.text-block-73 {
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
  display: flex;
}
.text-block-73.white-text {
  color: #fff;
}
.section-other-use-cases {
  margin-bottom: 100px;
}
.container-other-use-cases {
  max-width: 1440px;
}
.heading-19 {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 40px;
  display: flex;
}
.div-block-93 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  display: flex;
}
.use-case-container {
  background-image: url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/691f56ef6cd773cd285a7d39_image_6518.webp);
  background-position: 100% 100%;
  background-repeat: no-repeat;
  background-size: 156px;
  border: 1px solid #e5e6ef;
  border-radius: 8px;
  width: 297px;
  height: 186px;
  padding: 24px;
}
.div-block-95 {
  margin-bottom: 32px;
}
.text-block-74 {
  margin-top: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 20px;
  line-height: 140%;
}
.text-block-75 {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
}
.text-block-76 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
}
.div-block-96 {
  display: flex;
}
.image-31 {
  margin-right: 10px;
}
.text-block-77 {
  justify-content: center;
  margin-bottom: 32px;
  display: flex;
}
.use-case-link-container {
  color: var(--black-ish);
}
.div-block-97 {
  padding-left: 0;
}
.section-templates-hero {
  background-color: var(--oddit-lighter-gray);
  padding-left: 96px;
  padding-right: 96px;
}
.container-templates-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  align-items: stretch;
  max-width: 1440px;
  height: 595px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}
.template-hero-h1 {
  letter-spacing: -0.52px;
  width: auto;
  font-family: "Roboto V 30 Latin 900", Arial, sans-serif;
  font-size: 52px;
  line-height: 135%;
}
.template-hero-title-and-cta {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 650px;
  display: flex;
}
.template-hero-cta-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  margin-top: 40px;
  display: flex;
}
.template-hero-main-cta {
  background-color: var(--oddit-cta-blue);
  text-align: center;
  border-radius: 4px;
  width: 270px;
  padding: 17px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 15px;
}
.template-hero-secondary-cta {
  background-color: var(--white);
  width: 270px;
  height: 55px;
  color: var(--black-ish);
  text-align: center;
  border: 1px solid #0b161a40;
  border-radius: 4px;
  padding: 17px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 15px;
}
.template-hero-hero-image {
  justify-content: center;
  align-items: center;
  display: flex;
}
.container-template-page-main-content {
  max-width: 1440px;
  margin-bottom: 90px;
  padding-left: 96px;
  padding-right: 96px;
}
.oddit-rich-text {
  color: var(--black-ish);
  margin-bottom: 36px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 180%;
}
.oddit-rich-text.blog-author-bio-flyout {
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 12px;
}
.oddit-rich-text.card-component-step-card-description {
  color: #333;
  margin-top: 10px;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
}
.content-column-left {
  padding-left: 0;
  padding-right: 40px;
}
.content-column-right {
  padding-left: 40px;
  padding-right: 0;
  position: sticky;
  top: 170px;
}
.template-page-right-side-nav-element {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  height: 100%;
  color: var(--black-ish);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px;
  display: flex;
}
.template-page-right-side-nav-element.selected {
  background-color: var(--oddit-lighter-gray);
  border-radius: 7px;
}
.template-page-right-side-nav-title {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}
.div-block-99 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  display: flex;
}
.columns-template-page {
  margin-top: 60px;
}
.template-page-right-side-nav-sub-copy {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  line-height: 150%;
}
.image-33 {
  margin-right: 0;
}
.template-page-right-side-nav-element-link-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  height: 100%;
  color: var(--black-ish);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}
.template-page-right-side-nav-element-link-block.selected {
  background-color: var(--oddit-lighter-gray);
  border-radius: 7px;
}
.template-page-right-side-nav-element-copy {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  height: 100%;
  color: var(--black-ish);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px;
  display: flex;
}
.template-page-right-side-nav-element-copy.selected {
  background-color: var(--oddit-lighter-gray);
  border-radius: 7px;
}
.container-intersitial-cta {
  opacity: 1;
  mix-blend-mode: normal;
  background-image:
    linear-gradient(270deg, #162d4500, #162d45cc 0%, #162d45),
    url(/assets/cdn.prod.website-files.com/64f7711eb780b1a9e4b52ff1/693070429e80cd27efafefc9_image_6480.webp);
  background-position:
    0 0,
    0 0;
  background-repeat: repeat, no-repeat;
  background-size: auto, cover;
  background-attachment: scroll, scroll;
  border-radius: 10px;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 190px;
  margin-top: 16px;
  margin-bottom: 24px;
  padding: 30px;
  display: flex;
}
.div-block-100 {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-flow: column;
  width: 384px;
  display: flex;
}
.text-block-78 {
  color: var(--white);
  letter-spacing: -0.24px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 135%;
}
.text-block-79 {
  color: var(--white);
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.div-block-101 {
  justify-content: center;
  align-items: center;
  display: flex;
}
.button-13 {
  padding-left: 40px;
  padding-right: 40px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 15px;
}
.intersitial {
  margin-top: 16px;
  margin-bottom: 40px;
}
.container-intersitial-logo-block {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  display: flex;
}
.container-intersitial-logo-block-icon {
  justify-content: center;
  display: flex;
}
.download-link-block {
  width: 100%;
  color: var(--oddit-cta-blue);
  background-color: #e6f5ff;
  border-radius: 4px;
  justify-content: space-between;
  align-items: center;
  margin-top: 24px;
  margin-bottom: 40px;
  padding: 10px 14px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 120%;
  display: flex;
}
.pro-tip-inset {
  background-color: #e7fff6;
  border: 1px solid #0dc581;
  border-radius: 4px;
  margin-top: 24px;
  margin-bottom: 40px;
  padding: 24px;
}
.pro-tip-inset-header-container {
  color: #162d45;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 17px;
  line-height: 120%;
  display: flex;
}
.pro-tip-inset-text {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 160%;
}
.pro-tip-inset-icon {
  margin-right: 10px;
}
.pro-tip-inset-link-text {
  color: #0dc581;
  text-decoration: underline;
}
.oddit-rich-text-h2 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 24px;
  line-height: 135%;
}
.oddit-rich-text-h1 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 42px;
  line-height: 135%;
}
.oddit-rich-text-h3 {
  font-size: 18px;
  line-height: 180%;
}
.oddit-rich-text-h4 {
  font-size: 16px;
  line-height: 180%;
}
.oddit-rich-text-link {
  color: var(--oddit-cta-blue);
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 700;
}
.oddit-rich-text-block-quote {
  border-left-width: 8px;
  border-left-color: var(--oddit-cta-blue);
  color: var(--black-ish);
  margin-left: 36px;
  padding-right: 60px;
  font-size: 18px;
  line-height: 190%;
}
.oddit-rich-text-list-item {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.oddit-rich-text-list {
  padding-left: 24px;
}
.oddit-rich-text-bold {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 700;
}
.tldr-link-text {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  text-decoration: none;
}
.tldr-inset {
  border: 1px solid var(--dark-grey);
  background-color: var(--oddit-lighter-gray);
  border-radius: 4px;
  margin-top: 24px;
  margin-bottom: 40px;
  padding: 24px;
}
.tldr-inset-header-container {
  color: #162d45;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 17px;
  line-height: 120%;
  display: flex;
}
.tldr-inset-icon {
  margin-right: 10px;
}
.wip-oddit-rich-text-tl-dr {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 180%;
}
.link-4 {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.template-page-right-side-nav-back-button-icon-bg {
  background-color: var(--dark-grey);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding-top: 5px;
  display: flex;
}
.template-page-right-side-nav-back-button {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  background-color: var(--oddit-lighter-gray);
  width: 100%;
  height: 100%;
  color: var(--black-ish);
  border-radius: 4px;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 12px;
  padding: 8px;
  display: flex;
}
.template-page-right-side-nav-back-button.selected {
  background-color: var(--oddit-lighter-gray);
  border-radius: 7px;
}
.template-page-right-side-nav-back-button-link-block {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  width: 100%;
  height: 100%;
  color: var(--black-ish);
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}
.template-page-right-side-nav-back-button-link-block.selected {
  background-color: var(--oddit-lighter-gray);
  border-radius: 7px;
}
.template-page-toc-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 0;
  display: flex;
}
.template-page-toc-container:focus {
  border-left: 1px #000;
}
.template-page-toc-title {
  color: var(--black-ish);
  text-transform: none;
  margin-bottom: 15px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.template-page-toc-link-block {
  width: 100%;
  color: var(--black-ish);
  border: 0 #000;
  margin-bottom: 10px;
  padding: 5px 20px 5px 0;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  text-decoration: none;
}
.template-page-toc-link-block:lang(en) {
  border-left: 1px solid #000;
}
.template-page-toc-link-block.w--current {
  border: 2px #90f;
  border-left: 8px solid #90f;
  padding: 10px 20px;
}
.template-page-toc-link-text {
  color: var(--black-ish);
  padding: 5px 20px 5px 0;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.template-page-toc-link {
  width: 100%;
  margin-bottom: 0;
  padding: 10px 20px 10px 16px;
}
.template-page-toc-link:focus {
  border-left: 3px solid var(--oddit-cta-blue);
  padding-left: 13px;
}
.text-block-80 {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.template-page-toc-main-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 0;
  margin-left: 0;
  display: flex;
}
.template-page-toc-main-container:focus {
  border-left: 1px #000;
}
.section-blog-hero {
  background-color: var(--oddit-lighter-gray);
  padding: 60px 96px;
}
.container-blog-hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-around;
  align-items: stretch;
  max-width: 1440px;
  display: flex;
}
.blog-hero-left-side-container {
  width: 584px;
}
.blog-hero-byline-container {
  align-items: center;
  margin-top: 14px;
  display: block;
}
.blog-hero-author-link {
  color: var(--black-ish);
  cursor: pointer;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
  text-decoration: underline;
}
.blog-hero-publish-date {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.blog-hero-separator {
  color: var(--black-ish);
  padding-left: 8px;
  padding-right: 8px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
}
.blog-hero-tag-container {
  border: 1px solid var(--dark-grey);
  height: 18px;
  color: var(--black-ish);
  text-transform: uppercase;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  margin-right: 8px;
  padding: 12px 16px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  display: flex;
}
.blog-hero-tag-container.hidden {
  display: none;
}
.blog-hero-tag-cloud-container {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  align-items: flex-start;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}
.blog-hero-tag-cloud-container.hidden {
  display: none;
}
.blog-hero-sub-copy-text {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 180%;
}
.blog-hero-sub-copy-container {
  margin-top: 21px;
}
.blog-hero-heading {
  margin-top: 0;
}
.side-nav-top-ad-block-container {
  background-color: var(--_oddit---oddit-dark-blue);
  opacity: 1;
  outline-offset: 0px;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: border-box;
  border-radius: 10px;
  outline: 3px #333;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 0;
  padding: 30px 20px;
  display: flex;
}
.side-nav-top-ad-block-heading {
  color: var(--white);
  text-align: center;
  letter-spacing: -0.24px;
  margin-top: 0;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 135%;
}
.side-nav-top-ad-block-content {
  color: var(--white);
  text-align: center;
  margin-top: 12px;
  margin-bottom: 30px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.side-nav-top-ad-button {
  background-color: var(--oddit-cta-blue);
  border-radius: 4px;
  padding: 17px 40px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 15px;
}
.blog-hero-author-image {
  border-radius: 20px;
}
.blog-hero-tag-text {
  overflow: visible;
}
.blog-hero-author-bio-flyout {
  border: 1px solid var(--_oddit---oddit-dark-blue);
  background-color: var(--dark-grey);
  color: var(--_oddit---oddit-dark-blue);
  border-radius: 16px;
  margin-top: 16px;
  padding: 20px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 12px;
  display: none;
  position: static;
}
.blog-hero-byline-subcontainer {
  flex-flow: wrap;
  margin-bottom: 26px;
  display: flex;
}
.paragraph-4 {
  margin-bottom: 0;
}
.blog-hero-author-bio-flyout-link-text {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 500;
}
.bold-text-20 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 700;
}
.empty-state {
  background-color: #ddd0;
}
.empty-state-2 {
  background-color: #ddd0;
  display: block;
}
.container-12 {
  justify-content: space-between;
  align-items: center;
  max-width: 1250px;
  display: flex;
}
.div-block-102 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  aspect-ratio: auto;
  justify-content: space-between;
  width: auto;
  display: flex;
  position: static;
  top: 10px;
  left: 0;
  right: 0;
}
.div-block-103 {
  flex-flow: column;
  flex: 0 auto;
  width: 300px;
  display: flex;
}
.div-block-104 {
  flex: 0 auto;
  width: 900px;
}
.div-block-105 {
  flex: 0 auto;
  width: 300px;
}
.dropdown-list-2 {
  top: 63px;
}
.dropdown-list-2.w--open {
  top: 75px;
}
.container-13 {
  height: 100vh;
}
.main-nav-wrapper {
  max-width: 1260px;
}
.container-14 {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  max-width: 1260px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
  position: relative;
}
.div-block-107 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  margin-right: 40px;
  display: flex;
}
.div-block-108 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: center;
  align-items: center;
  margin-left: 40px;
  display: flex;
}
.navbar-4 {
  background-color: var(--white);
  display: none;
  position: sticky;
  top: 0;
  box-shadow: 0 1px 2px #0003;
}
.nav-menu-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  justify-content: space-between;
  display: block;
}
.image-34 {
  vertical-align: baseline;
  max-width: none;
  display: inline-block;
}
.dropdown-toggle-2 {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
}
.link-5 {
  color: var(--black-ish);
  padding: 20px 10px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  line-height: 22px;
}
.div-block-109 {
  justify-content: space-between;
  display: flex;
}
.div-block-110 {
  margin-right: 15px;
}
.div-block-111 {
  justify-content: space-between;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}
.div-block-113 {
  justify-content: space-between;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
  display: flex;
}
.div-block-114 {
  margin-top: 24px;
}
.div-block-116 {
  margin-left: 15px;
}
.div-block-117 {
  margin-bottom: 80px;
  padding-bottom: 0;
}
.heading-20 {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 0;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 36px;
  line-height: 140%;
  display: block;
}
.no-bold {
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-weight: 500;
}
.heading-21 {
  align-self: center;
  margin-top: 0;
  margin-bottom: 0;
}
.list-item-8 {
  margin-bottom: 10px;
}
.list-2,
.list-3 {
  padding-left: 10px;
}
.bold-text-21 {
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
}
.bold-text-22,
.bold-text-23,
.bold-text-24 {
  font-size: 20px;
}
.list-4 {
  color: #fff;
  margin-bottom: 36px;
  padding-left: 40px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 140%;
}
.list-item-9 {
  margin-bottom: 10px;
}
.div-block-118 {
  margin-bottom: 20px;
}
.list-6 {
  margin-top: 36px;
  padding-left: 20px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
  list-style-type: disc;
}
.list-6.ppc-version {
  list-style-type: none;
}
.list-item-10 {
  margin-bottom: 10px;
}
.list-item-10.ppc-version {
  list-style-type: none;
}
.container-video-embed {
  border-bottom: 1px solid #00000026;
  max-width: 1440px;
  padding-bottom: 50px;
  padding-left: 96px;
  padding-right: 96px;
}
.div-block-119 {
  padding-left: 100px;
  padding-right: 100px;
}
.code-embed-5 {
  width: 100%;
}
.div-block-120 {
  margin-top: 28px;
}
.ai-chip-container {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  justify-content: space-between;
  align-items: stretch;
  margin-top: 40px;
  margin-bottom: 40px;
  display: flex;
}
.ai-chip-container.hidden {
  display: none;
}
.ai-chip-container.construction-maker {
  grid-column-gap: 2px;
  grid-row-gap: 2px;
  flex-flow: wrap;
  justify-content: space-around;
}
.ai-chip {
  cursor: pointer;
  border: 1px solid #00000026;
  border-radius: 4px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 33%;
  padding: 10px 6px;
  display: flex;
}
.ai-chip.hidden {
  display: none;
}
.ai-chip.construction-maker {
  justify-content: center;
  align-items: center;
  width: 48%;
  margin-bottom: 11px;
}
.ai-chip-title {
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.ai-chip-title.construction-maker {
  margin-bottom: 0;
}
.ai-gen-error-container {
  border: 3px solid #fc0404;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px;
  display: none;
}
.ai-gen-error-text {
  text-align: center;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}
.ai-chip-description {
  display: block;
}
.ai-chip-description.hidden {
  display: none;
}
.div-block-121 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-flow: row;
  display: block;
}
.new-pricing-design {
  display: none;
}
.features-highlight-container {
  max-width: 1440px;
}
.page-section---flex {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1440px;
  margin-bottom: 60px;
  display: flex;
}
.text-span-22 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-weight: 700;
}
.bold-text-25,
.bold-text-26 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.list-7 {
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}
.bold-text-27,
.bold-text-28,
.bold-text-29,
.bold-text-30,
.bold-text-31,
.bold-text-32 {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
}
.div-block-122 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: space-around;
  display: flex;
}
.div-block-123 {
  justify-content: space-around;
  margin-top: -12px;
  display: flex;
}
.div-block-124 {
  justify-content: center;
  display: flex;
}
.div-block-125 {
  color: var(--dark-grey);
  justify-content: center;
  margin-top: 5px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  font-weight: 500;
  display: flex;
}
.div-block-126 {
  flex-flow: wrap;
  justify-content: space-around;
  align-items: stretch;
  padding-left: 60px;
  padding-right: 60px;
  display: flex;
}
.div-block-127 {
  width: 475px;
}
.div-block-127.template-page-width {
  width: 535px;
}
.div-block-128 {
  margin-top: 60px;
  margin-bottom: 60px;
}
.div-block-129 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}
.div-block-130 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}
.link-6 {
  margin-top: 30px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  line-height: 140%;
}
.div-block-131,
.div-block-132 {
  width: 260px;
}
.template-hub-category-grid-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  max-width: 1440px;
  margin-top: 40px;
  margin-bottom: 60px;
  display: flex;
}
.rich-text-block-2 {
  margin-top: 10px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
}
.div-block-133 {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  display: flex;
}
.section-compare-hero {
  justify-content: center;
  display: block;
}
.container-compare-hero {
  max-width: 1440px;
}
.section-compare-why {
  background-color: var(--_oddit---oddit-dark-blue);
  padding: 96px;
}
.section-compare-why.which-tool-is-right {
  background-color: var(--_oddit---oddit-dark-blue);
  margin-bottom: 40px;
  padding-top: 60px;
}
.container-compare-why {
  max-width: 1440px;
}
.compare-why-card-container {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: center;
  align-items: center;
  display: flex;
}
.compare-why-teamgantt {
  background-image: linear-gradient(#f3e8fe, #fff);
  border-radius: 6px;
  flex-flow: column;
  align-items: flex-start;
  max-width: 612px;
  padding: 56px 20px 56px 48px;
  display: flex;
}
.compare-why-teamgantt.which-tool-grad-rev {
  background-image: linear-gradient(#fff, #f3e8fe);
}
.compare-why-teamgantt.which-tool-min-height {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  max-width: 612px;
  min-height: 800px;
  padding-right: 20px;
}
.compare-why-teamgantt.which-tool-min-height.tg-grad-bg {
  background-image: linear-gradient(#e3f6e1, #fff);
}
.compare-why-teamgantt.which-tool-min-height._3rd-party-bg {
  background-color: var(--_oddit---oddit-light-dark-blue);
  background-image: none;
  padding-right: 20px;
}
.compare-why-teamgantt.tg-grad-bg {
  background-image: linear-gradient(#e3f6e1, #fff);
}
.compare-why-3rd-party-container {
  background-color: var(--_oddit---oddit-light-dark-blue);
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  max-width: 612px;
  padding: 56px 35px;
  display: flex;
}
.compare-why-heading {
  color: var(--white);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 135%;
  display: flex;
}
.compare-why-heading.which-tool-heading {
  color: var(--black-ish);
}
.compare-why-heading.which-tool-heading.white-text {
  color: var(--white);
}
._3rd-party-image-container {
  background-color: var(--white);
  border-radius: 6px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  padding: 20px 16px;
  display: flex;
}
._3rd-party-description {
  color: var(--white);
  margin-top: 24px;
  margin-bottom: 24px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 28px;
  line-height: 135%;
}
._3rd-party-list-item-container {
  align-items: center;
  margin-bottom: 11px;
  display: flex;
}
._3rd-party-text-description {
  color: var(--white);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
._3rd-party-x {
  margin-right: 10px;
}
.teamgantt-check-list-item {
  align-items: center;
  margin-bottom: 11px;
  display: flex;
}
.teamgantt-check-list-item.what-tool-list-item-width {
  max-width: 450px;
  margin-bottom: 20px;
}
.teamgantt-description {
  color: var(--black-ish);
  margin-top: 24px;
  margin-bottom: 24px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 28px;
  line-height: 135%;
}
.teamgantt-description._3rd-party-white-text {
  color: var(--white);
}
.teamgantt-description.which-tool-subhead-space {
  margin-bottom: 0;
}
.teamgantt-check-list {
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  margin-bottom: 32px;
  display: flex;
}
.teamgantt-compare-cta-container {
  min-width: 250px;
}
.teamgantt-check-list-text {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.teamgantt-check-list-text.white-text {
  color: var(--white);
}
.container-compare-cards {
  max-width: 1440px;
  margin-top: 96px;
}
.compare-cards-section-heading {
  color: var(--black-ish);
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 135%;
  display: flex;
}
.compare-card-continer {
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 96px;
  margin-bottom: 96px;
  display: flex;
}
.compare-card-list-item {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
  display: flex;
}
.compare-card-cta-container {
  width: 350px;
  margin-top: 32px;
  display: flex;
}
.compare-card-description {
  max-width: 550px;
  margin-top: 16px;
  margin-bottom: 16px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.compare-card-description-heading {
  margin-top: 40px;
  margin-bottom: 26px;
  margin-right: 25px;
  font-size: 32px;
  line-height: 135%;
}
.compare-card-list-item-text {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.compare-card-feature-image {
  border-radius: 12px;
  padding: 20px;
}
.compare-card-feature-image:where(
  .w-variant-12c15c6d-c36b-1910-0e42-7f9b768d6a95
) {
  background-color: #55c841;
}
.compare-card-feature-image:where(
  .w-variant-309d5440-5d9f-78ed-3b67-6088f1bdf28e
) {
  background-color: #75ab24;
}
.compare-card-feature-image:where(
  .w-variant-3247754a-176d-18b0-7c2e-2082f934d1c0
) {
  background-color: #0084d1;
}
.compare-card-feature-image:where(
  .w-variant-4ee7cd7b-29c4-ebb1-e86f-3dacda25d247
) {
  background-color: #009689;
}
.compare-card-feature-image:where(
  .w-variant-57d76659-6acf-dbf3-5b70-73b0e5b905af
) {
  background-color: #615fff;
}
.compare-card-feature-image:where(
  .w-variant-b9a9bb64-51dc-ddb1-a664-562fd2137ff6
) {
  background-color: #ad46ff;
}
.compare-card-feature-image:where(
  .w-variant-992047cd-7008-843b-1b8a-e0cf2fb92f39
) {
  background-color: #e12afb;
}
.compare-card-feature-image:where(
  .w-variant-23adc46b-35f1-63d4-7382-0fe3dcf32ef0
) {
  background-color: #f6339a;
}
.compare-card-feature-image:where(
  .w-variant-39dd36cc-4f46-1c92-875e-63146cf6fa31
) {
  background-color: #f25c45;
}
.compare-card-feature-image:where(
  .w-variant-284111ca-2308-b961-78d8-ff911e4108ac
) {
  background-color: #b27440;
}
.compare-card-feature-image.color-accent-mantis-500 {
  background-color: #55c841;
}
.compare-card-image:where(.w-variant-309d5440-5d9f-78ed-3b67-6088f1bdf28e),
.compare-card-image:where(.w-variant-3247754a-176d-18b0-7c2e-2082f934d1c0),
.compare-card-image:where(.w-variant-4ee7cd7b-29c4-ebb1-e86f-3dacda25d247) {
  margin-top: 0;
}
.section-customer-quote {
  background-image: linear-gradient(#f3e8fe, #f6f7f9);
  padding: 96px;
}
.container-customer-quote {
  max-width: 1440px;
}
.customer-quote-text {
  margin-bottom: 32px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 32px;
  line-height: 150%;
}
.customer-name {
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.customer-title {
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
  line-height: 150%;
}
.highlight-orange-rave-review-light {
  color: #0c161a;
  background-image: linear-gradient(#ffb3026b, #ffb3026b);
}
.section-compare-table {
  margin-top: 0;
  padding: 96px;
}
.container-compare-table {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  display: flex;
}
.grid-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template: ". . ." "Section-Scheduling Section-Scheduling Section-Scheduling" ". . ." ". . ." ". . ." ". . ." ". . ." ". . ." ". . ." "Section-Field-Operations Section-Field-Operations Section-Field-Operations" ". . ." ". . ." ". . ." ". . ." ". . ." ". . ." "Section-Client-and-Financials Section-Client-and-Financials Section-Client-and-Financials" ". . ." ". . ." "Section-Pricing Section-Pricing Section-Pricing" ". . ." ". . ."/0.75fr 1fr 1fr;
}
.compare-grid-tg-title-column {
  background-color: #f2f3f7;
  border: 1px #dadcdd;
  border-style: solid none none solid;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
}
.compare-grid-3rd-party-title-column {
  height: 80px;
  color: var(--black-ish);
  border: 1px solid #dadcdd;
  border-bottom-style: none;
  justify-content: center;
  align-items: center;
  padding-left: 20px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
  display: flex;
}
.blank-cell {
  border: 1px #dadcdd;
  justify-content: center;
  align-items: center;
  height: 80px;
  display: flex;
}
.compare-grid-metric-cell {
  border: 1px #dadcdd;
  border-style: solid none none solid;
  justify-content: flex-start;
  align-items: center;
  height: 80px;
  padding-left: 20px;
  display: flex;
}
.compare-grid-tg-cell {
  height: 80px;
  color: var(--black-ish);
  background-color: #f2f3f7;
  border: 1px #dadcdd;
  border-style: solid none none solid;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-right: 40px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
  display: flex;
}
.compare-grid-3rd-party-cell {
  height: 80px;
  color: var(--black-ish);
  border: 1px solid #dadcdd;
  border-bottom-style: none;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  padding-right: 40px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
  display: flex;
}
.compare-grid-metric-text {
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
}
.compare-grid-tg-text,
.compare-grid-3rd-party-text {
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 18px;
}
.compare-table-heading {
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  line-height: 124%;
  display: flex;
}
.grid-section-heading {
  background-color: var(--_oddit---oddit-light-dark-blue);
  align-items: center;
  height: 40px;
  padding-left: 20px;
  display: flex;
}
.grid-section-heading-text {
  color: var(--white);
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
}
.compare-gride-metric-cell {
  height: 80px;
  color: var(--black-ish);
  border: 1px #dadcdd;
  border-style: solid none none solid;
  justify-content: flex-start;
  align-items: center;
  padding-left: 20px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 18px;
  display: flex;
}
.div-block-134 {
  margin-top: 40px;
  margin-bottom: 60px;
}
.paragraph-5 {
  color: var(--white);
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 56px;
  font-size: 18px;
  display: flex;
}
.paragraph-5.light-bg {
  max-width: 1440px;
  color: var(--black-ish);
  text-align: center;
  margin-top: 10px;
  padding-left: 100px;
  padding-right: 100px;
  font-size: 20px;
  line-height: 150%;
}
.image-37 {
  border-radius: 4px;
  margin-right: 0;
}
._3rd-party-missing-feature-list {
  padding-left: 0;
}
.teamgantt-feature-list {
  margin-bottom: 32px;
  padding-left: 0;
}
.section-blog-hub {
  display: block;
}
.container-blog-hub {
  justify-content: flex-start;
  align-items: center;
  max-width: 1440px;
  padding: 50px 96px 30px;
  display: flex;
}
.container-blog-post-card-hub {
  max-width: 1440px;
  padding-left: 96px;
  padding-right: 96px;
}
.link-block-4 {
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 10px;
  display: flex;
}
.div-block-136 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  flex-shrink: 1;
  justify-content: space-between;
  height: 100%;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}
.section-blog-guide-cta {
  margin-top: 40px;
  margin-bottom: 48px;
}
.container-blog-guide-cta {
  max-width: 1440px;
  padding-left: 40px;
  padding-right: 40px;
}
.guide-cta-container {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: stretch;
  display: flex;
}
.guide-cta-card {
  background-image: linear-gradient(90deg, #fff 49%, #fceef4);
  border: 1px solid #e5e6ef;
  border-radius: 8px;
  justify-content: space-between;
  align-items: stretch;
  width: 50%;
  min-height: 250px;
  display: flex;
}
.guide-cta-card.pink-grad-bg {
  color: var(--black-ish);
}
.guide-cta-card.blue-grad-bg {
  color: var(--black-ish);
  background-image: linear-gradient(90deg, #fff 49%, #daf1ff);
}
.quick-stack-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  padding: 0;
}
.div-block-139,
.div-block-140 {
  display: flex;
}
.guide-cta-card-title-container {
  flex-flow: column;
  justify-content: space-between;
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 36px;
  display: flex;
}
.guide-cta-read-more-arrow {
  border-radius: 4px;
}
.guide-cta-card-read-more-container {
  flex-flow: row;
  display: flex;
}
.guide-cta-card-read-more-text {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  line-height: 150%;
}
.guide-cta-card-title-text {
  max-width: 300px;
  margin-top: 0;
  margin-bottom: 0;
}
.guide-cta-card-hero-image-container {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}
.guide-cta-card-hero-image {
  margin-right: 0;
}
.div-block-141 {
  color: var(--black-ish);
  flex-flow: row;
  justify-content: flex-end;
  align-items: stretch;
  margin-top: 10px;
  padding-right: 10px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  line-height: 145%;
  text-decoration: underline;
  display: flex;
}
.text-block-82 {
  color: var(--black-ish);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 14px;
}
.div-block-142 {
  background-color: var(--white);
  border-radius: 4px;
  padding: 20px;
}
.list-item-11 {
  color: var(--white);
}
.text-block-83 {
  color: var(--dark-grey);
  justify-content: center;
  align-items: center;
  margin-top: 12px;
  font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
  font-size: 14px;
  line-height: 135%;
  display: flex;
}
.collection-list-2 {
  flex-flow: wrap;
  margin-bottom: 21px;
  display: flex;
}
.empty-state-3 {
  display: none;
}
.collection-list-3 {
  flex-flow: wrap;
  display: flex;
}
.div-block-143 {
  padding-left: 10px;
  padding-right: 10px;
}
.text-block-84 {
  color: var(--white);
  margin-bottom: 16px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 150%;
}
.text-block-84.dark-text {
  color: var(--black-ish);
  margin-bottom: 16px;
}
.div-block-144 {
  width: 355px;
}
.div-block-145 {
  align-items: center;
  display: flex;
}
.text-block-85 {
  margin-bottom: 10px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
}
.bold-text-35 {
  font-size: 20px;
  font-weight: 500;
  line-height: 140%;
}
.new-nav-toggle-icon {
  color: inherit;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 0;
  position: static;
}
.div-block-146 {
  justify-content: flex-start;
  margin-top: 36px;
  display: flex;
}
.div-block-147 {
  width: 350px;
  margin-left: 40px;
  display: block;
}
.pricing-card-container {
  max-width: 400px;
}
.pricing-card {
  background-color: #f6f7f9;
  border-radius: 8px;
  width: auto;
  max-width: 400px;
  height: auto;
  padding: 28px 28px 12px;
}
.pricing-card:where(.w-variant-e851609c-ef4a-aa5e-5e00-23dac9e87733) {
  background-image: linear-gradient(52deg, #f6f7f9 30%, #bee7cf 98%);
}
.pricing-card:where(.w-variant-e1419fa6-3fbb-cd7c-c520-c8526d567337) {
  background-image: linear-gradient(52deg, #f6f7f9 30%, #fee3c0 98%);
}
.pricing-card:where(.w-variant-7e3a4d7d-f231-71db-2df8-607fbccdda27) {
  background-image: linear-gradient(52deg, #f6f7f9 30%, var(--alice-blue) 98%);
}
.pricing-card.orange-bg-2 {
  background-image: linear-gradient(52deg, #f6f7f9 30%, #fee3c0 98%);
}
.pricing-card-hero {
  border-bottom: 1px #0b161a26;
  padding-bottom: 24px;
}
.pricing-card-hero-plan-name---toggle {
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 12px;
  display: flex;
}
.pricing-card-plan-name {
  width: 100%;
}
.pricing-card-plan-name.pricing-spacing {
  margin-bottom: 22px;
}
.pricing-card-plan-name-text {
  text-align: left;
  letter-spacing: -0.32px;
  width: 100%;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 135%;
  display: block;
}
.pricing-card-toggle-container {
  flex-flow: column-reverse;
  order: 0;
  justify-content: flex-end;
  align-self: center;
  align-items: flex-end;
  width: 50%;
  display: flex;
}
.pricing-card-toggle-monthly {
  order: 0;
  justify-content: flex-start;
  align-items: center;
  padding-right: 15px;
  font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 140%;
  display: flex;
}
.pricing-card-toggle-monthly.basic-monthly {
  display: none;
}
.pricing-card-toggle-monthly.basic-yearly {
  padding-top: 12px;
  padding-right: 0;
}
.pricing-card-toggle-monthly.business-monthly {
  display: none;
}
.pricing-card-toggle-monthly.business-yearly {
  padding-top: 12px;
  padding-right: 0;
}
.pricing-card-price-container {
  padding-top: 0;
  display: flex;
}
.pricing-card-price-container.pricing-sub-top-margin {
  margin-top: 14px;
}
.pricing-card-cost {
  letter-spacing: -0.28px;
  align-self: auto;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 36px;
  font-weight: 700;
  line-height: 135%;
}
.pricing-card-cost.basic-monthly-price {
  font-size: 36px;
  display: flex;
}
.pricing-card-cost.basic-yearly-price {
  align-self: flex-end;
  font-size: 36px;
  display: flex;
}
.pricing-card-cost.business-monthly-price,
.pricing-card-cost.builder-monthly-price {
  display: none;
}
.pricing-card-monthly-cost {
  text-align: left;
  align-self: center;
  margin-left: 5px;
  padding-top: 5px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 140%;
  display: none;
}
.pricing-card-monthly-cost.right-margin-8px {
  margin-right: 8px;
  padding-bottom: 38px;
}
.pricing-card-limit-subcopy {
  color: #b9b9b9;
  text-align: left;
  font-size: 12px;
  line-height: 100%;
}
.pricing-card-cta-section {
  border-bottom: 1px #0b161a26;
  margin-bottom: 24px;
  padding-bottom: 0;
}
.pricing-card-pitch-container {
  flex-flow: column;
  justify-content: flex-start;
  padding-right: 60px;
  display: flex;
}
.pricing-card-pitch-container:where(
  .w-variant-e1419fa6-3fbb-cd7c-c520-c8526d567337
) {
  padding-right: 0;
}
.pricing-card-pitch-text-yearly {
  color: #0b161abf;
  text-align: left;
  letter-spacing: 0.28px;
  margin-top: 12px;
  margin-right: 8px;
  padding-right: 0;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
}
.pricing-card-pitch-text-yearly.line-spacing {
  line-height: 140%;
}
.pricing-card-pitch-text-yearly.pricing-spacing {
  margin-bottom: 26px;
}
.pricing-card-pitch-text-yearly.additional-projects-cost {
  color: var(--dark-grey);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  display: block;
}
.pricing-card-cta-button {
  background-color: #229bef;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 56px;
  margin-top: 24px;
  margin-bottom: 12px;
  font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
  font-size: 17px;
  font-weight: 700;
  display: flex;
}
.pricing-card-cta-subcopy {
  color: var(--dark-grey);
  justify-content: center;
  margin-bottom: 24px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  display: flex;
}
.pricing-card-cost-period-monthly {
  letter-spacing: -0.28px;
  align-self: center;
  margin-top: 11px;
  margin-left: 6px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 135%;
}
.pricing-card-cost-period-monthly.basic-monthly-price,
.pricing-card-cost-period-monthly.business-monthly-price,
.pricing-card-cost-period-monthly.builder-monthly-price {
  display: none;
}
.pricing-card-cost-period-yearly {
  letter-spacing: -0.28px;
  align-self: center;
  margin-top: 11px;
  margin-left: 6px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 135%;
  display: flex;
}
.pricing-card-cost-period-yearly.basic-monthly-price,
.pricing-card-cost-period-yearly.business-monthly-price,
.pricing-card-cost-period-yearly.builder-monthly-price {
  display: none;
}
.pricing-card-projects-included-container {
  padding-top: 0;
  display: flex;
}
.pricing-card-projects-included-container.pricing-sub-top-margin {
  margin-top: 14px;
}
.pricing-card-projects-included-text {
  color: var(--dark-grey);
  letter-spacing: -0.28px;
  align-self: center;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 135%;
}
.pricing-card-projects-included-text.basic-monthly-price,
.pricing-card-projects-included-text.business-monthly-price,
.pricing-card-projects-included-text.builder-monthly-price {
  display: none;
}
.pricing-card-starts-at-container {
  padding-top: 0;
  display: flex;
}
.pricing-card-starts-at-container.pricing-sub-top-margin {
  margin-top: 14px;
}
.pricing-card-starts-at-text {
  letter-spacing: -0.28px;
  align-self: center;
  margin-top: 3px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 135%;
}
.pricing-card-starts-at-text.basic-monthly-price,
.pricing-card-starts-at-text.business-monthly-price,
.pricing-card-starts-at-text.builder-monthly-price {
  display: none;
}
.pricing-card-feature-list-item {
  margin-bottom: 6px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
}
.pricing-card-feature-list {
  margin-top: 42px;
  margin-bottom: 36px;
  margin-left: 15px;
  list-style-type: disc;
}
.pricing-card-compare-link-text {
  color: var(--oddit-cta-blue);
  text-align: center;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
  text-decoration: underline;
}
.pricing-card-compare-link-container {
  justify-content: center;
  display: flex;
}
.pricing-card-monthly-price-container {
  display: flex;
}
.pricing-card-yearly-price-container {
  display: none;
}
.pricing-card-pitch-text-monthly-container {
  color: var(--dark-grey);
  text-align: left;
  letter-spacing: 0.28px;
  margin-top: 12px;
  margin-right: 8px;
  padding-right: 0;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 140%;
  display: flex;
}
.pricing-card-pitch-text-monthly-container.line-spacing {
  line-height: 140%;
}
.pricing-card-pitch-text-monthly-container.pricing-spacing {
  margin-bottom: 26px;
}
.pricing-card-pitch-text-monthly-container.additional-projects-cost {
  color: var(--dark-grey);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
}
.pricing-card-pitch-text {
  color: #0b161abf;
  text-align: left;
  letter-spacing: 0.28px;
  margin-top: 12px;
  margin-bottom: 36px;
  margin-right: 8px;
  padding-right: 0;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
}
.pricing-card-pitch-text:where(
  .w-variant-e1419fa6-3fbb-cd7c-c520-c8526d567337
) {
  margin-right: 50px;
}
.pricing-card-pitch-text.line-spacing {
  line-height: 140%;
}
.pricing-card-pitch-text.pricing-spacing {
  margin-bottom: 26px;
}
.pricing-card-pitch-text.additional-projects-cost {
  color: var(--dark-grey);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
  display: none;
}
.pricing-card-additional-projects-monthly-container {
  padding-right: 4px;
  display: flex;
}
.pricing-card-additional-project-cost-text {
  color: var(--dark-grey);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 140%;
}
.pricing-card-pitch-text-yearly-container {
  color: var(--dark-grey);
  text-align: left;
  letter-spacing: 0.28px;
  margin-top: 12px;
  margin-right: 8px;
  padding-right: 0;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 140%;
  display: flex;
}
.pricing-card-pitch-text-yearly-container.line-spacing {
  line-height: 140%;
}
.pricing-card-pitch-text-yearly-container.pricing-spacing {
  margin-bottom: 26px;
}
.pricing-card-pitch-text-yearly-container.additional-projects-cost {
  color: var(--dark-grey);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 400;
}
.pricing-card-additional-projects-yearly-container {
  display: none;
}
.text-block-86 {
  padding-right: 5px;
}
.pricing-card-monthly-project-cost {
  color: var(--dark-grey);
  padding-right: 4px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 140%;
}
.pricing-card-monthly-project-cost.plus {
  padding-right: 4px;
}
.pricing-card-yearly-project-cost {
  color: var(--dark-grey);
  padding-right: 4px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 140%;
}
.div-block-148 {
  justify-content: space-around;
  max-width: 1440px;
  margin-top: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.pricing-card-additional-project-cost-plus {
  color: var(--dark-grey);
  padding-right: 4px;
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 140%;
}
.pricing-card-alternate-additional-project-text {
  display: flex;
}
.pricing-card-alternate-additional-project-cost-text {
  color: var(--dark-grey);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 16px;
  font-style: italic;
  line-height: 140%;
  display: flex;
}
.pricing-card-alternate-additional-project-cost-text:where(
  .w-variant-e1419fa6-3fbb-cd7c-c520-c8526d567337
) {
  color: var(--oddit-cta-blue);
  text-decoration: underline;
}
.div-block-149 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: space-between;
  display: flex;
}
.div-block-150 {
  margin-right: 10px;
}
.div-block-151 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}
.div-block-152 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
}
.text-block-88 {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 18px;
  line-height: 140%;
}
.transparent-pricing-container {
  flex-flow: column;
  margin-top: 0;
  display: flex;
}
.new-pricing-billing-cycle-toggle-container {
  justify-content: center;
  align-items: center;
  margin-bottom: 25px;
  display: flex;
}
.new-pricing-monthly-switch-toggle {
  background-color: var(--alice-blue);
  cursor: pointer;
  border: 1px solid #162d451a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 45px;
  display: flex;
  box-shadow: 0 1px 5px #0000000d;
}
.new-pricing-monthly-switch-toggle.new-pricing-annual-switch {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--white);
  box-shadow: none;
  mix-blend-mode: normal;
  border-style: none;
  border-color: #0000001a;
}
.new-pricing-billing-cycle-toggle-switch-container {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border: 1px solid #0000;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  padding: 5px;
  display: flex;
}
.div-block-157 {
  border: 1px solid #000;
  border-radius: 0 4px 4px 0;
  width: 125px;
  height: 55px;
}
.new-pricing-annual-discount-container {
  background-color: var(--alice-blue);
  border: 1px solid #0000001a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 20px;
  padding: 6px 5px 5px;
  display: flex;
  box-shadow: 0 2px 5px #0000000d;
}
.text-block-89 {
  color: var(--dark-grey);
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 140%;
}
.text-block-90,
.text-block-91 {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  line-height: 140%;
}
.new-pricing-annual-switch-toggle {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  cursor: pointer;
  border: 1px solid #162d451a;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 125px;
  height: 45px;
  padding: 10px;
  display: flex;
  box-shadow: 0 1px 5px #0000000d;
}
.new-pricing-annual-switch-toggle.new-pricing-annual-switch {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  background-color: var(--white);
  box-shadow: none;
  mix-blend-mode: normal;
  border-style: none;
  border-color: #0000001a;
}
.code-embed-7,
.code-embed-8,
.code-embed-9,
.code-embed-10 {
  display: none;
}
.div-block-158 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}
.code-embed-11 {
  margin-top: 40px;
}
.sql-meeting-picker {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: block;
}
.image-38 {
  text-align: left;
  margin-top: 40px;
}
.div-block-159 {
  justify-content: center;
  margin-top: 24px;
  display: flex;
}
.div-block-160 {
  flex-flow: column;
  align-items: center;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}
.text-highlight-cta-blue {
  background-color: var(--oddit-cta-blue);
}
.container-15 {
  max-width: none;
}
.div-block-161 {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}
.text-block-92 {
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}
.video-5 {
  margin-top: 14px;
}
.div-block-162 {
  width: 400px;
  margin-left: 35px;
}
.image-39 {
  margin-top: 0;
}
.div-block-163 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: center;
  align-items: stretch;
  display: flex;
}
.image-40:where(.w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf) {
  border-radius: 12px;
  display: block;
}
.section-pricing-calculator {
  margin-top: 24px;
}
.container-pricing-calculator {
  border: 1px #000;
  border-bottom: 1px solid #00000026;
  max-width: 1440px;
  padding-bottom: 36px;
  padding-left: 96px;
  padding-right: 96px;
}
.bold-text-37 {
  font-family: "Roboto V 30 Latin", Arial, sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 1920px) {
  .nav-wrapper {
    max-width: 1440px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .navbar.new-nav-navbar-height {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .button-sign-up-nav-bar.new-nav-button-try-teamgantt-free {
    background-color: var(--gainful-green);
    padding: 15px 20px;
    font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
    font-size: 17px;
    font-weight: 700;
    line-height: 24px;
  }
  .button-sign-up-nav-bar.new-nav-button-try-teamgantt-free-new {
    background-color: var(--gainful-green);
    padding: 15px 20px;
    font-size: 20px;
    line-height: 24px;
  }
  .log-in-nav-bar.new-nav-login-link {
    font-size: 18px;
  }
  .nav-bar-tg-logo {
    min-width: 155px;
    min-height: 26px;
  }
  .container-home-feature.remove-padding.home-outro {
    height: 700px;
  }
  .section-home-outro {
    background-position:
      50% 20%,
      0 0;
    height: 700px;
  }
  .hero-image-uses {
    height: 560px;
  }
  .text-block-4.new-nav-menu-text {
    font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
    font-size: 16px;
    line-height: 22px;
  }
  .nav-link.new-nav-menu-text {
    font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
  }
  .nav-link.new-nav-menu-text.pricing {
    font-size: 16px;
    line-height: 22px;
  }
  .nav-link.new-nav-menu-text.pricing.ai-sparkle {
    margin-left: 0;
    font-size: 16px;
    line-height: 22px;
  }
  .nav-log-in-text {
    color: var(--black-ish);
    font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
    font-size: 18px;
    line-height: 24px;
  }
  .btn-text-01 {
    color: #151619;
  }
  .container-new-home-feature-copy.remove-padding.home-outro {
    height: 700px;
  }
  .hero-video-popover-button-html.construction-secondary-cta {
    color: #34db9e;
    border-color: #34db9e;
  }
  .section-template-hub-outro {
    background-position: 100% 35%;
    background-size: 55%;
    background-attachment: scroll;
  }
  .button-13 {
    background-color: var(--oddit-cta-blue);
    width: 284px;
    color: var(--white);
    text-align: center;
    border-radius: 4px;
    padding-top: 17px;
    padding-bottom: 17px;
    font-family: "Roboto V 30 Latin 700", Arial, sans-serif;
    font-size: 15px;
  }
  .intersitial {
    margin-bottom: 40px;
  }
  .container-intersitial-logo-block {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .intersitial-logo-block-header {
    font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
    font-weight: 500;
  }
  .container-14 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    max-width: 1300px;
  }
  .pricing-card {
    width: auto;
    max-width: 400px;
  }
  .div-block-152 {
    justify-content: center;
  }
  .code-embed-6 {
    padding-left: 0;
    padding-right: 0;
  }
  .text-block-87 {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .rich-text-body.product-releases-width {
    width: 80%;
  }
  .blue-hero-section {
    margin-bottom: 60px;
  }
  .dual-cta {
    margin-bottom: 20px;
  }
  .sticky-side-nav {
    display: none;
  }
  .guide-hero-content-cell {
    padding-right: 0;
  }
  .nav-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .nav-menu {
    position: absolute;
  }
  .nav-menu.new-nav-mobile-menu {
    background-color: var(--white);
  }
  .nav-sign-up-wrapper {
    display: none;
  }
  .drop-down-nav-bar {
    background-color: var(--white);
    margin-bottom: 0;
    display: block;
    position: relative;
    top: 0;
  }
  .drop-down-list-nav-bar {
    border-radius: 0;
  }
  .drop-down-list-nav-bar.w--open {
    position: relative;
    top: 0;
  }
  .category-link-nav-bar.new-nav-middle-column {
    justify-content: flex-start;
    display: flex;
  }
  .category-link-nav-bar.new-nav-all-integrations-link {
    flex-flow: row;
    justify-content: center;
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
  }
  .nav-bar-column-3 {
    display: none;
  }
  .nav-bar-column-3.new-nav-column-3 {
    flex-flow: column wrap-reverse;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    left: 100px;
  }
  .nav-bar-column-1 {
    left: -2px;
  }
  .mobile-nav-sign-up-wrapper {
    flex-direction: column;
    display: flex;
  }
  .mobile-nav-sign-up-wrapper.new-nav-mobile-menu-try-free-button {
    margin-top: 45px;
  }
  .mobile-button-log-in-nav-bar {
    border: 1px solid var(--dark-grey);
    background-color: var(--white);
    width: 80%;
    color: var(--black-ish);
    margin-bottom: 20px;
    margin-left: 0;
  }
  .mobile-button-sign-up-nav-bar {
    width: 80%;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .youtube-hero {
    min-width: 250px;
  }
  .container-dual-cta {
    flex-direction: column;
    align-items: center;
  }
  .hero-homepage {
    padding-top: 60px;
  }
  .heading-home-hero {
    font-size: 60px;
    line-height: 68px;
  }
  .hero-homepage-text-column {
    align-items: center;
    padding-right: 10px;
  }
  .hero-homepage-text-column.ai-hero {
    flex-flow: column;
    justify-content: center;
    padding-left: 40px;
    padding-right: 40px;
  }
  .button-home-feature.feature-hero-button.green.button-spacing {
    margin-right: 10px;
  }
  .container-home-feature.remove-padding.home-outro {
    height: 500px;
  }
  .container-home-hero {
    flex-flow: row;
    justify-content: center;
    align-self: auto;
    width: auto;
    max-width: none;
    display: flex;
  }
  .overlay-make-gantt {
    position: relative;
    inset: 0% auto 0% 127px;
  }
  .image-make-gantt {
    background-image: none;
    background-size: auto;
    width: 740px;
    max-width: 740px;
    height: 400px;
    max-height: 400px;
    position: relative;
  }
  .grid-tools {
    width: 90%;
    margin-top: 0;
  }
  .grid-templates {
    margin-top: 0;
  }
  .section-home-outro {
    height: 500px;
  }
  .column-home-feature {
    padding-left: 10px;
    padding-right: 10px;
  }
  .column-content {
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
  }
  .footer-grid {
    justify-items: center;
  }
  .feature-block-image {
    margin-right: 0;
    padding: 10px;
  }
  .feature-block-content {
    align-items: center;
    margin-left: 0;
    padding: 10px;
  }
  .feature-block-home {
    flex-direction: column;
  }
  .feature-block-home.mobile-reverse-order {
    flex-direction: column-reverse;
  }
  .star-rating {
    padding-left: 80px;
    padding-right: 80px;
  }
  .rating-logos {
    padding-left: 0;
    padding-right: 0;
  }
  .container-sign-up-form {
    order: 0;
    align-self: auto;
    max-width: 660px;
    position: relative;
    inset: 5% 5% 5% 0%;
  }
  .container-sign-up-form.new-signup {
    flex-flow: row;
    display: block;
    position: static;
  }
  .container-sign-up-form.new-signup.ai-signup-modal.hidden {
    display: none;
  }
  .section-sign-up-form {
    flex-flow: column;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
  }
  .section-sign-up-form.new-signup {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .bg-image-sign-up-form {
    background-position: 25%;
  }
  .bg-image-sign-up-form.single-form-signup-background {
    display: block;
    left: -7px;
  }
  .image-customer-rave-reviews {
    border-radius: 14px;
    width: 250px;
    max-width: 250px;
    height: 250px;
  }
  .container-rave-review-quote {
    padding-left: 20px;
  }
  .video-grid-rave-reviews {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .container-rave-review-cta {
    flex-direction: column;
    align-items: center;
  }
  .hero-ms-project {
    padding-top: 60px;
  }
  .container-ms-project {
    justify-content: flex-start;
    align-items: center;
  }
  .heading-ms-project-hero {
    font-size: 60px;
    line-height: 68px;
  }
  .container-uses-full-width {
    flex-direction: column;
  }
  .hero-image-uses {
    width: 100%;
    margin-top: 40px;
  }
  .container-uses-hero-message {
    width: 100%;
    padding-right: 20px;
  }
  .heading-uses-hero,
  .sub-head-uses-hero {
    margin-bottom: 40px;
  }
  .container-uses-hero-image {
    width: 100%;
  }
  .container-uses-accordion {
    flex-direction: column;
  }
  .wrap-uses-accordion {
    width: 100%;
  }
  .image-accordion-uses {
    align-self: center;
    width: 566px;
  }
  .accordion-item.price-faq-item {
    width: 100%;
  }
  .accordion-item.price-faq-item.homepage-faq-accordion {
    width: auto;
  }
  .accordion-item-header {
    white-space: normal;
  }
  .section-accordion-uses {
    padding-left: 20px;
    padding-right: 20px;
  }
  .container-uses-hero-cta {
    align-self: center;
  }
  .list-uses,
  .header-tag-uses {
    align-self: flex-start;
  }
  .feature-block-uses {
    flex-direction: column;
  }
  .feature-block-uses.mobile-reverse-order {
    flex-direction: column-reverse;
  }
  .feature-block-image-uses {
    margin-right: 0;
    padding: 10px;
  }
  .feature-block-content-uses {
    align-items: center;
    margin-left: 0;
    padding: 10px;
  }
  .heading-uses-section {
    text-align: left;
  }
  .cell-uses-support {
    align-self: flex-start;
  }
  .form-block-contact-us {
    width: 100%;
    height: auto;
  }
  .image-contact-us {
    display: none;
  }
  .hero-image-gift {
    background-position: 50% 0;
    background-size: 900px;
  }
  .heading-grid-vs {
    margin-top: 60px;
    padding-left: 60px;
    padding-right: 60px;
  }
  .sub-head-grid-vs {
    padding-left: 60px;
    padding-right: 60px;
  }
  .section-about-hero {
    height: 35vh;
  }
  .grid-about-stats {
    grid-template-columns: 1.5fr 1fr;
  }
  .hero-partners {
    padding-top: 60px;
  }
  .h1-live-classes {
    font-size: 60px;
    line-height: 70px;
  }
  .heading-why-teamgantt,
  .paragraph-why-teamgantt {
    width: 90%;
  }
  .h1-template-title {
    width: 90%;
    font-size: 48px;
  }
  .section-ppc-landing-hero {
    padding-top: 60px;
  }
  .heading-ppc-landing-hero {
    font-size: 60px;
    line-height: 68px;
  }
  .nav-link.new-nav-menu-text,
  .nav-link.new-nav-menu-text.pricing {
    display: block;
  }
  .nav-link.new-nav-menu-text.pricing.ai-sparkle {
    margin-left: 9px;
  }
  .image-home.video-popover {
    width: auto;
    min-width: auto;
    max-width: none;
    height: 600px;
    min-height: auto;
  }
  .column-home-hero {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column-reverse;
    justify-content: space-around;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }
  .home-hero-animation {
    display: none;
  }
  .html-embed-2 {
    position: absolute;
  }
  .partner-block-content {
    align-items: center;
    margin-left: 0;
    padding: 10px;
  }
  .template-banner-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
  .template-banner-cta-wrapper {
    display: none;
  }
  .wrap-home-hero-cta {
    width: auto;
    margin-left: 7px;
    margin-right: 7px;
  }
  .promo-banner-current-site {
    justify-content: space-between;
    align-items: center;
    padding: 40px 30px;
  }
  .wrap-promo-content-current-site {
    max-width: 80%;
  }
  .wrap-promo-cta-current-site {
    max-width: 60%;
  }
  .wrap-footer-logo {
    width: 40vw;
  }
  .wrap-accordion-image {
    width: 300px;
    height: 300px;
  }
  .wrap-footer-columns {
    width: 60vw;
  }
  .feature-grid-accordion {
    grid-template-columns: auto auto;
  }
  .nav-header-2 {
    display: none;
  }
  .mobile-button-log-in-nav-bar-2 {
    color: #0b161a;
    background-color: #fff;
    border: 1px solid #9ba2ab;
    width: 80%;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .nav-bar-column-4 {
    border-left-style: none;
    margin-top: 20px;
  }
  .container-column-content {
    margin-right: 0;
  }
  .mobile-nav-sign-up-wrapper-2 {
    flex-direction: column;
    margin-top: 20px;
    display: flex;
  }
  .grid-feature-tags {
    grid-template-columns: auto auto;
  }
  .drop-down-link-nav-bar-2 {
    padding-left: 10px;
  }
  .mobile-button-sign-up-nav-bar-2 {
    background-color: #09f;
    background-image: linear-gradient(135deg, #00beff, #09f 90%);
    width: 80%;
    margin-bottom: 20px;
    margin-left: 0;
  }
  .quick-stack-faq {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .image-hero-overlay-2 {
    min-width: 30%;
    max-width: 30%;
    min-height: 20%;
  }
  .nav-menu-2 {
    background-color: #1f1f1f;
    position: absolute;
  }
  .quick-stack-views {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 60px 40px;
  }
  .views-preview {
    height: 300px;
  }
  .views-preview.kanban {
    background-position: 50% 0;
    background-size: cover;
  }
  .nav-bar-column-6 {
    display: none;
  }
  .container-center-1280px {
    padding-top: 60px;
  }
  .quick-stack-blocks,
  .columns {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .wrap-column-list.padding-right {
    padding-right: 40px;
  }
  .drop-down-list-nav-bar-2 {
    border-radius: 0;
  }
  .tabs {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .h1-hero-large,
  .h1-hero-large.h1-hero-medium {
    font-size: 4.4rem;
    line-height: 4.4rem;
  }
  .nav-wrapper-2 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .container-sign-up-form-2 {
    inset: 5%;
  }
  .bg-image-sign-up-form-2 {
    background-position: 25%;
  }
  .test-column-1 {
    min-height: 350px;
    margin-bottom: 40px;
  }
  .h1-hero-medium {
    font-size: 4.4rem;
    line-height: 4.4rem;
  }
  .banner-notification-rich-text {
    line-height: 30px;
  }
  .h1-hero-medium-2 {
    font-size: 4.4rem;
    line-height: 4.4rem;
  }
  .test-column-3 {
    padding-left: 0;
    display: flex;
  }
  .test-column-3.align-center-tablet {
    justify-content: center;
  }
  .test-column-4 {
    min-height: 350px;
    margin-bottom: 40px;
  }
  .quick-stack-views-2 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    padding: 60px 40px;
  }
  .container-column-content-2 {
    margin-right: 0;
  }
  .columns-2 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .wrap-all-templates {
    text-align: center;
  }
  .template-preview {
    height: 300px;
  }
  .template-preview.kanban {
    background-position: 50% 0;
    background-size: cover;
  }
  .notification-bar {
    flex-flow: row;
    display: flex;
  }
  .notification-bar.hidden {
    min-height: auto;
    max-height: none;
    padding-top: 8px;
    padding-bottom: 8px;
    display: none;
  }
  .text-notification-bar {
    padding-right: 8px;
    display: inline;
  }
  .close-toggle-notification-bar {
    display: none;
  }
  .div-block-2 {
    flex-flow: column;
  }
  .h1-hero-large-2 {
    font-size: 4.4rem;
    line-height: 4.4rem;
  }
  .fly-out-pricing-2 {
    display: none;
    top: 36%;
  }
  .container-center-1280px-copy {
    padding-top: 60px;
  }
  .promo-banner {
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }
  .wrap-promo-content {
    max-width: 50%;
  }
  .wrap-ai.gantt-chart-maker {
    margin-top: 25px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-center-1280px-2 {
    padding-top: 60px;
  }
  .container-column-content-3 {
    margin-right: 0;
  }
  .promo-banner-2 {
    justify-content: space-between;
    align-items: center;
    padding: 10px;
  }
  .h1-hero-medium-3 {
    font-size: 4.4rem;
    line-height: 4.4rem;
  }
  .description-side-nav-link,
  .author-name,
  .author-title {
    font-size: 0.9rem;
  }
  .h1-hero-medium-4 {
    font-size: 4.4rem;
    line-height: 4.4rem;
  }
  .test-column-5 {
    padding-left: 0;
  }
  .h1-hero-large-3 {
    font-size: 4.4rem;
    line-height: 4.4rem;
  }
  .image-hero-overlay-4 {
    min-width: 30%;
    max-width: 30%;
    min-height: 20%;
  }
  .container-center-1280px-3 {
    padding-top: 60px;
  }
  .hidden {
    display: none;
  }
  .column-3 {
    padding-right: 0;
  }
  .new-nav-menu-separator {
    display: block;
  }
  .new-nav-mobile-menu-user-quote-company {
    color: var(--black-ish);
    text-align: left;
    margin-top: 0;
    font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  .new-nav-mobile-menu-user-quote {
    background-color: #f2f3f7;
    border-style: none;
    width: 95%;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .body-text---features-03 {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
  }
  .new-nav-mobile-menu-user-quote-name {
    color: var(--black-ish);
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
  }
  .new-nav-mobile-menu-user-quote-logo {
    margin-top: -60px;
    margin-left: 505px;
  }
  .new-nav-mobile-menu-user-quote-stars {
    margin-bottom: -30px;
    display: block;
  }
  .new-nav-mobile-menu-sub-copy {
    margin-bottom: 25px;
    display: block;
  }
  .section-page-header {
    padding-top: 60px;
  }
  .section-page-header:where(.w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf) {
    padding-top: 10px;
  }
  .section-page-header.bottom-padding-remove {
    padding-left: 0;
    padding-right: 0;
  }
  .hero-sub-head {
    width: 660px;
  }
  .hero-cta.page-h1 {
    margin-top: 20px;
  }
  .hero-homepage-animation-column {
    margin-bottom: 0;
    padding-right: 0;
  }
  .container-new-home-hero {
    justify-content: center;
    align-self: auto;
    width: 95%;
    display: block;
  }
  .heading-new-home-hero {
    width: 660px;
    font-size: 60px;
    line-height: 68px;
  }
  .new-nav-column-2 {
    left: 90px;
  }
  .new-nav-column-2.new-nav {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-left: 20px;
    display: flex;
    position: static;
    left: 0;
  }
  .logo-ribbon-container {
    padding-left: 40px;
    padding-right: 40px;
  }
  .container-new-home-feature-copy {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  .container-new-home-feature-copy.remove-padding.home-outro {
    height: 500px;
  }
  .column-new-home-feature {
    padding-left: 10px;
    padding-right: 10px;
  }
  .column-new-content {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: center;
    margin-bottom: 40px;
    display: flex;
  }
  .heading-h1 {
    text-align: left;
    width: 660px;
    max-width: 660px;
    padding-right: 80px;
  }
  .paragraph-page-subhead {
    justify-content: flex-start;
    align-self: flex-start;
    margin-left: 60px;
    display: block;
  }
  .page-h1-featured-copy {
    align-self: flex-start;
    margin-left: 60px;
  }
  .section-homepage-features {
    padding-left: 40px;
    padding-right: 40px;
  }
  .homepage-features-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .homepage-features-grid-container {
    width: 100%;
  }
  .section-social-proof {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-social-proof {
    flex-flow: column;
    width: auto;
    padding: 20px 0 0;
  }
  .social-proof-block {
    width: auto;
    max-width: 660px;
  }
  .contact-content-01 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }
  .features-list-03 {
    grid-template-columns: 1fr 1fr;
  }
  .container-integrations-ribbon:where(
    .w-variant-93208c1e-d46b-dc4d-ca7e-4bfeb8d347b8
  ) {
    padding-left: 40px;
    padding-right: 40px;
  }
  .container-3-step-gantt-chart {
    flex-flow: wrap;
  }
  .heading-3-step-gantt-chart {
    flex-flow: wrap;
    display: block;
  }
  .signup-bottom-social-proof {
    width: 100vw;
    margin-top: 0;
    display: block;
    position: static;
  }
  .container-signup-form-g2-badges {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: center;
    place-items: stretch start;
    width: 728px;
    display: flex;
  }
  .signup-body {
    display: block;
  }
  .container-features-grid {
    height: auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .section-heading-h2.success-stories-slider {
    text-align: center;
  }
  .features-section-grid {
    grid-template-columns: 1fr;
  }
  .container-success-stories-slider {
    height: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .success-stories-slider-block,
  .success-stories-slider-block.nav-version {
    width: 100%;
  }
  .container-5 {
    text-align: left;
  }
  .success-stories-grid {
    flex-flow: wrap;
  }
  .container-6 {
    padding-left: 3em;
    padding-right: 3em;
  }
  .container-user-reviews {
    display: block;
  }
  .user-reviews-video-block {
    flex-flow: wrap;
    justify-content: center;
    width: 400px;
    max-width: 400px;
  }
  .container-7 {
    flex-flow: column;
    justify-content: center;
    display: flex;
  }
  .container-homepage-faq {
    padding-left: 60px;
    padding-right: 60px;
  }
  .container-8 {
    flex-flow: column;
    align-items: flex-start;
    width: 100%;
    margin-left: 0;
    display: flex;
  }
  .button-2 {
    width: 100%;
  }
  .column-4 {
    flex-flow: row;
  }
  .columns-4 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }
  .column-5 {
    flex-flow: column;
    align-items: flex-start;
    margin-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  .faq-accordion {
    width: auto;
    position: relative;
  }
  .text-highlight-light-blue {
    text-align: left;
  }
  .homepage-templates-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .container-homepage-outro {
    padding-top: 40px;
  }
  .columns-5 {
    flex-flow: column;
    display: block;
  }
  .column-6 {
    display: none;
  }
  .column-7 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 50px;
    display: flex;
  }
  .pricing-add-on.pricing-add-on-top {
    width: 600px;
  }
  .heading-pricing-hero {
    margin-top: 36px;
  }
  .logo-ribbon-heading.top-margin-48px.template-hub-logo-ribbon-header-white {
    margin-top: 40px;
  }
  .logo-ribbon-pricing-hero {
    justify-content: center;
    margin-bottom: 0;
  }
  .logo-ribbon-pricing-page-logo-block {
    height: auto;
  }
  .section-pricing-columns {
    padding-left: 40px;
    padding-right: 40px;
  }
  .container-pricing-columns {
    height: auto;
  }
  .pricing-column-container-1,
  .pricing-column-container-2 {
    width: 680px;
    height: auto;
    margin-bottom: 20px;
  }
  .pricing-column-container-3 {
    width: 680px;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 32px;
  }
  .columns-pricing {
    flex-flow: column;
    display: none;
  }
  .container-template-hub-hero {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: none;
    flex-flow: wrap;
    justify-content: center;
    max-width: none;
    height: auto;
    display: flex;
  }
  .template-hub-outro-cta-section {
    width: auto;
  }
  .template-hub-trusted-banner {
    width: 100%;
    margin-top: 35px;
    display: none;
  }
  .template-hub-trusted-banner.reverse.bottom-margin-16.header-version {
    justify-content: center;
    width: 100%;
    margin-top: 0;
  }
  .template-hub-trusted-banner-text {
    font-size: 12px;
  }
  .template-hub-outro-cta-h2 {
    text-align: center;
  }
  .image-17 {
    max-width: 100%;
    overflow: clip;
  }
  .section-template-hub-category-grid {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .container-template-hub-category-grid {
    max-width: none;
  }
  .heading-template-hub-category-grid-heading-text {
    margin-top: 0;
  }
  .template-hub-category-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-items: center;
  }
  .template-hub-category-container {
    width: auto;
  }
  .template-hub-category-block-link {
    margin-bottom: 20px;
  }
  .section-template-hub-why-teamgantt {
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .template-hub-why-teamgantt-card-container {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }
  .template-hub-why-teamgantt-card {
    width: 100%;
  }
  .section-template-hub-reviews {
    padding-top: 10px;
  }
  .section-template-hub-outro {
    background-image: none;
    padding-left: 20px;
    padding-right: 20px;
  }
  .text-block-41 {
    text-align: center;
  }
  .template-hub-hero-cta {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    width: 100%;
    max-width: none;
    margin-left: 0;
  }
  .template-hub-hero-h1 {
    text-align: center;
  }
  .section-template-landing-main-template-grid {
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .container-template-landing-main-template-grid {
    max-width: none;
  }
  .section-make-your-own-template {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-make-your-own-template {
    background-image: none;
    flex-flow: column;
    justify-content: flex-start;
    height: auto;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
  }
  .make-your-own-template-cta-content-block {
    width: auto;
  }
  .make-your-own-template-h2 {
    text-align: center;
  }
  .make-your-own-template-logo-ribbon-heading.top-margin-48px.template-hub-logo-ribbon-header-white {
    margin-top: 40px;
  }
  .logo-ribbon-make-your-own-template {
    justify-content: center;
    margin-bottom: 0;
  }
  .make-your-own-template-logo-ribbon-logo-block {
    height: auto;
  }
  .column-8 {
    flex-flow: row;
    height: auto;
    display: flex;
  }
  .columns-6 {
    flex-flow: row;
    display: flex;
  }
  .div-block-27 {
    flex-flow: column;
  }
  .button-9 {
    margin-top: 40px;
  }
  .section-pricing-free-plan,
  .section-pricing-enterprise-plan,
  .section-pricing-compare {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pricing-grid-cell {
    justify-content: center;
  }
  .pricing-grid-cell-text {
    font-size: 16px;
  }
  .div-block-41 {
    flex-flow: column;
  }
  .div-block-47 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    display: flex;
  }
  .div-block-49 {
    flex-flow: column;
    width: 100%;
  }
  .div-block-50 {
    width: 400px;
  }
  .columns-7 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    justify-content: center;
    padding-bottom: 0;
    padding-right: 48px;
    display: flex;
    position: static;
    top: 0;
  }
  .columns-8 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    padding-bottom: 70px;
    display: flex;
    position: relative;
    top: 0;
  }
  .template-hub-hero-cta-button {
    width: 100%;
    font-size: 13px;
  }
  .left-column-template-hub-hero {
    display: flex;
  }
  .right-column-template-hub-hero {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-52 {
    margin-top: 20px;
  }
  .section-why-choose-teamgantt {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-support-callout {
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-construction-management-features {
    padding-bottom: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-easy-construction-scheduling {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-construction-project-management-software-hero {
    flex-flow: column;
  }
  .construction-project-management-header-content-block {
    padding: 16px 10px 6px;
  }
  .construction-project-management-software-heading,
  .construction-project-management-software-sub-head {
    text-align: center;
  }
  .construction-project-management-software-header-cta {
    margin-top: 16px;
  }
  .div-block-55 {
    width: 100%;
  }
  .container-construction-features {
    flex-flow: column;
  }
  .construction-feature-container {
    width: 100%;
  }
  .construction-feature-green-floating-micro-copy {
    margin-top: 6px;
    top: -12px;
  }
  .construction-feature-list-container {
    flex-flow: wrap;
    padding-left: 60px;
    padding-right: 140px;
  }
  .construction-feature-sub-head-container {
    margin-top: 0;
  }
  .construction-feature-container-top.contr-green-background {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: auto;
    padding-bottom: 6px;
    display: flex;
  }
  .construction-feature-container-top.contr-orange-background,
  .construction-feature-container-top.contr-yellow-background,
  .construction-feature-container-top.contr-red-background {
    flex-flow: column;
    width: 100%;
    height: auto;
    padding-bottom: 6px;
    display: flex;
  }
  .construction-feature-image {
    border-radius: 10px;
    max-width: none;
    margin-right: 0;
  }
  .construction-feature-orange-floating-micro-copy,
  .construction-feature-yellow-floating-micro-copy,
  .construction-feature-red-floating-micro-copy {
    margin-top: 6px;
    top: -12px;
  }
  .orange-card-bg,
  .why-choose-teamgantt-card-opy-container {
    width: 100%;
  }
  .container-why-choose-teamgantt-cards {
    flex-flow: column;
  }
  .section-heading-why-shoose-teamgantt-text {
    text-align: center;
    flex-flow: column;
  }
  .green-card-bg,
  .teal-card-bg,
  .purple-card-bg {
    width: 100%;
  }
  .support-callout-heading-text {
    text-align: center;
  }
  .support-callout-block-container {
    flex-flow: column;
  }
  .support-callout-block-orange,
  .support-callout-block-purple,
  .support-callout-block-green {
    width: 100%;
  }
  .easy-scheduling-content-block-copy {
    width: 100%;
    margin-left: 60px;
  }
  .contruction-project-management-software-hero-h1 {
    text-align: center;
  }
  .grid-3 {
    grid-template-columns: 1fr;
  }
  .div-block-64 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .columns-9 {
    flex-flow: row;
    display: flex;
  }
  .section-what-people-are-saying {
    padding-left: 10px;
    padding-right: 10px;
  }
  .landing-page-video-testimonial-grid {
    grid-template-columns: 1fr;
  }
  .section-construction-webinar-video {
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-65 {
    flex-flow: column;
  }
  .div-block-66.construction-webinar {
    flex-flow: column;
    width: auto;
    padding-left: 10px;
  }
  .div-block-67 {
    width: auto;
    padding-right: 10px;
  }
  .features-page-hero-logo-ribbon {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: center;
    max-width: 500px;
    display: flex;
  }
  .section-features-hub-popular-features {
    padding-bottom: 12px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-features-hub-popular-features-cards {
    flex-flow: column;
  }
  .popular-features-container {
    width: 100%;
  }
  .popular-features-container-top.contr-green-background {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    width: 100%;
    height: auto;
    padding-bottom: 6px;
    display: flex;
  }
  .popular-features-container-top.contr-orange-background,
  .popular-features-container-top.contr-yellow-background,
  .popular-features-container-top.contr-red-background {
    flex-flow: column;
    width: 100%;
    height: auto;
    padding-bottom: 6px;
    display: flex;
  }
  .popular-features-image {
    border-radius: 10px;
    max-width: none;
    margin-right: 0;
  }
  .popular-feature-green-floating-micro-copy {
    margin-top: 6px;
    top: -12px;
  }
  .popular-feature-sub-head-container {
    margin-top: 0;
  }
  .popular-feature-list-container {
    flex-flow: wrap;
    padding-left: 60px;
    padding-right: 140px;
  }
  .popular-feature-orange-floating-micro-copy {
    margin-top: 6px;
    top: -12px;
  }
  .div-block-72 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .use-cases-category-container {
    flex-flow: column;
  }
  .feature-highlight-block {
    width: auto;
  }
  .div-block-79 {
    flex-flow: row;
    padding-left: 40px;
    padding-right: 40px;
  }
  .flex-block-2 {
    flex-flow: column;
  }
  .div-block-88 {
    margin-left: 40px;
    margin-right: 40px;
  }
  .link-block-3.template-multi-cta {
    width: auto;
  }
  .text-block-73 {
    text-align: center;
  }
  .div-block-93 {
    flex-flow: column;
    align-items: center;
  }
  .image-32 {
    display: none;
  }
  .container-template-page-main-content {
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }
  .oddit-rich-text {
    margin-right: 0;
  }
  .content-column-left {
    padding-right: 0;
  }
  .content-column-right {
    padding-left: 0;
    padding-right: 40px;
    display: none;
  }
  .columns-template-page {
    flex-flow: column-reverse;
    align-items: center;
    display: flex;
  }
  .container-intersitial-cta {
    flex-flow: column;
    height: 250px;
  }
  .columns-10 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
    justify-content: center;
    display: flex;
  }
  .blog-hero-heading {
    text-align: center;
  }
  .blog-hero-image-container {
    display: none;
  }
  .blog-hero-byline-subcontainer {
    justify-content: center;
  }
  .div-block-106 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }
  .div-block-109 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }
  .div-block-110 {
    justify-content: center;
    display: flex;
  }
  .div-block-111,
  .div-block-113 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }
  .div-block-114 {
    justify-content: center;
    display: flex;
  }
  .div-block-121 {
    flex-flow: column;
    align-items: stretch;
    display: flex;
  }
  .features-highlight-container {
    max-width: none;
  }
  .page-section---flex {
    flex-flow: column;
  }
  .div-block-122 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }
  .div-block-127 {
    flex-flow: column;
    order: 0;
    justify-content: center;
    width: 90%;
    margin-top: 20px;
    display: flex;
  }
  .div-block-133 {
    flex-flow: column;
    align-items: center;
    margin-left: 40px;
    margin-right: 40px;
    display: flex;
  }
  .navbar-6 {
    padding-right: 8px;
  }
  .navbar-7 {
    padding-right: 0;
  }
  .compare-why-card-container {
    flex-flow: column;
  }
  .section-compare-cards {
    padding-left: 20px;
    padding-right: 20px;
  }
  .compare-card-feature-image {
    display: none;
  }
  .section-compare-table {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-blog-post-card-hub {
    padding-left: 20px;
    padding-right: 20px;
  }
  .guide-cta-container {
    flex-flow: column;
  }
  .guide-cta-card.pink-grad-bg,
  .guide-cta-card.blue-grad-bg {
    width: auto;
  }
  .pricing-card {
    width: auto;
    max-width: 400px;
    height: auto;
    margin-bottom: 20px;
  }
  .pricing-card-yearly-price-container {
    display: none;
  }
  .div-block-149 {
    flex-flow: column;
  }
  .div-block-152 {
    justify-content: flex-start;
    padding-left: 4px;
  }
  .code-embed-6 {
    display: none;
  }
  .div-block-162 {
    margin-left: 0;
  }
  .container-pricing-calculator {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 767px) {
  .rich-text-body {
    padding-left: 10px;
    padding-right: 10px;
  }
  .heading-download-hero {
    font-size: 3em;
  }
  .hero-image-download {
    max-width: 85%;
  }
  .sticky-side-nav {
    z-index: 1;
    position: relative;
  }
  .dual-cta-form {
    min-width: 300px;
  }
  .wrapper-footer-cta-logos {
    width: 85%;
  }
  .nav-wrapper {
    display: flex;
  }
  .nav-menu.new-nav-mobile-menu {
    background-color: var(--white);
  }
  .nav-sign-up-wrapper {
    display: none;
  }
  .drop-down-nav-bar {
    background-color: var(--white);
    margin-bottom: 0;
  }
  .drop-down-list-nav-bar.w--open {
    display: block;
    position: relative;
    top: 3px;
  }
  .drop-down-link-nav-bar.new-nav-dropdown-link-left-alighn {
    margin-left: 0;
    margin-right: 0;
  }
  .category-link-nav-bar.new-nav-all-integrations-link {
    justify-content: center;
    padding-left: 0;
  }
  .nav-bar-column-3.new-nav-column-3 {
    justify-content: center;
    align-items: center;
    margin-top: 24px;
    position: relative;
    left: 0;
  }
  .mobile-nav-sign-up-wrapper.new-nav-mobile-menu-try-free-button {
    margin-top: 35px;
    display: block;
  }
  .mobile-button-sign-up-nav-bar.new-nav-mobile-button-sign-up-nav-bar {
    background-color: var(--gainful-green);
  }
  .body-side-nav-w-content {
    padding-top: 0;
  }
  .footer-container {
    flex-direction: column;
    align-items: center;
    display: flex;
  }
  .footer-category {
    margin-bottom: 20px;
  }
  .heading-home-hero {
    font-size: 48px;
    line-height: 48px;
  }
  .hero-homepage-text-column:where(
    .w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf
  ) {
    padding-left: 0;
    padding-right: 0;
  }
  .grid-home-logo-ribbon {
    grid-column-gap: 19px;
    grid-row-gap: 19px;
    flex-wrap: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    margin-bottom: 0;
    display: grid;
  }
  .container-home-feature.remove-padding.home-outro {
    height: 300px;
  }
  .image-home-feature {
    min-width: 320px;
  }
  .container-make-gantt-chart {
    padding-left: 10px;
    padding-right: 10px;
  }
  .overlay-make-gantt {
    left: 116px;
  }
  .grid-tools {
    grid-template-columns: 1fr;
  }
  .grid-tools.features {
    grid-template-columns: 1fr 1fr;
  }
  .grid-faq {
    width: 90%;
  }
  .grid-templates {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }
  .section-home-outro {
    height: 300px;
  }
  .heading-home-outro {
    font-size: 48px;
  }
  .container-home-outro {
    bottom: auto;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr 1fr;
    justify-items: start;
  }
  .feature-block-image {
    min-width: 320px;
  }
  .star-rating {
    padding-left: 160px;
    padding-right: 160px;
  }
  .rating-logos {
    padding-left: 120px;
    padding-right: 120px;
  }
  .wrap-hero-buttons {
    width: 60%;
  }
  .container-sign-up-fields {
    min-width: 450px;
    max-width: 450px;
  }
  .container-sign-up-form {
    padding-left: 40px;
    padding-right: 40px;
    inset: 5% 5% 5% 0%;
  }
  .container-sign-up-form.new-signup {
    padding-left: 20px;
    padding-right: 20px;
  }
  .container-sign-up-form.new-signup.ai-signup-modal.hidden {
    display: none;
  }
  .heading-sign-up-form,
  .sub-head-sign-up-form {
    width: 350px;
  }
  .section-sign-up-form {
    justify-content: flex-start;
  }
  .bg-image-sign-up-form {
    background-position: 25%;
  }
  .bg-image-sign-up-form.single-form-signup-background {
    left: -5px;
  }
  .container-success-story-quote,
  .video-success-story {
    min-width: 100%;
    max-width: 100%;
  }
  .container-success-story {
    flex-direction: column;
  }
  .heading-rave-reviews {
    text-align: center;
    font-size: 64px;
  }
  .rating-rave-reviews {
    flex-direction: column;
    align-items: center;
  }
  .avatar-ribbon-rave-reviews {
    display: none;
  }
  .image-hero-rave-reviews {
    margin-right: 0;
  }
  .subhead-rave-reviews,
  .cta-rave-reviews {
    font-size: 48px;
  }
  .image-customer-rave-reviews {
    margin-bottom: 20px;
  }
  .container-rave-review-quote {
    margin-bottom: 20px;
    padding-right: 20px;
  }
  .container-rave-review {
    flex-direction: column;
    align-items: center;
  }
  .video-grid-rave-reviews {
    grid-template-columns: 1fr 1fr;
    justify-items: center;
  }
  .container-ms-project {
    height: 600px;
  }
  .heading-ms-project-hero {
    font-size: 48px;
    line-height: 48px;
  }
  .hero-image-uses {
    height: 350px;
  }
  .hero-uses {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }
  .container-uses-hero-message {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .container-uses-accordion {
    flex-direction: column;
  }
  .wrap-uses-accordion {
    width: 100%;
    padding: 20px;
  }
  .accordion-item.price-faq-item.homepage-faq-accordion {
    width: auto;
  }
  .heading-uses-section {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 60px;
    line-height: 60px;
  }
  .hero-image-gift {
    background-size: 900px;
  }
  .button-product-releases {
    width: 100%;
  }
  .quick-stack-free-plan-highlight {
    margin-left: 10px;
    margin-right: 10px;
  }
  .sub-head-free-plan.partner-sizing {
    width: 90%;
  }
  .grid-manager-v-collaborators,
  .accordion-body {
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-about-hero {
    height: 25vh;
  }
  .grid-about-stats {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
  }
  .content-card-success-stories.integrations-size-adjust {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    flex: 0 auto;
    order: 0;
    align-self: auto;
  }
  .h1-guide-title.pmp-guide-hero {
    font-size: 48px;
  }
  .by-line-guide.pmp-guide-hero {
    font-size: 20px;
  }
  .button-promo-body {
    width: 60%;
  }
  .image-why-teamgantt-video {
    width: 100%;
    height: 250px;
  }
  .image-why-teamgantt-overlay {
    bottom: -300px;
  }
  .wrap-why-teamgantt-video {
    flex-direction: column;
    padding-left: 20px;
    padding-right: 20px;
  }
  .heading-why-teamgantt {
    width: 100%;
    font-size: 64px;
  }
  .paragraph-why-teamgantt {
    width: 100%;
    font-size: 18px;
  }
  .section {
    padding-bottom: 0;
  }
  .h1-template-title {
    width: 100%;
    font-size: 48px;
  }
  .button-teamgantt-template {
    width: 50%;
  }
  .podcast-ep-hero,
  .podcast-title-hero {
    font-size: 36px;
    line-height: 42px;
  }
  .grid-construction-logo-ribbon {
    flex-wrap: wrap;
    justify-content: space-around;
    display: flex;
  }
  .heading-ppc-landing-hero {
    font-size: 48px;
    line-height: 48px;
  }
  .nav-link.new-nav-menu-text {
    background-color: var(--white);
    justify-content: flex-start;
    display: flex;
  }
  .nav-link.new-nav-menu-text.hidden {
    display: none;
  }
  .nav-link.new-nav-menu-text.pricing {
    display: block;
  }
  .cell-podcast-image {
    display: none;
  }
  .image-home.video-popover {
    height: 450px;
  }
  .column-home-hero {
    margin-bottom: 1px;
  }
  .home-hero-animation {
    display: none;
  }
  .wrap-home-hero-cta {
    align-items: center;
    width: 100%;
  }
  .promo-banner-current-site {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }
  .wrap-promo-content-current-site,
  .wrap-promo-cta-current-site,
  .promo-banner-close {
    max-width: 100%;
  }
  .section-accordion {
    padding-top: 0;
  }
  .wrap-footer {
    flex-flow: column;
  }
  .wrap-accordion-image {
    width: 550px;
    height: 175px;
  }
  .column-video.right-padding-zero {
    padding-right: 10px;
  }
  .wrap-footer-columns {
    margin-top: 20px;
  }
  .feature-grid-accordion {
    width: 100%;
  }
  .section-list,
  .section-stinger {
    padding-top: 0;
  }
  .grid-hero-heading {
    grid-template-columns: auto;
  }
  .grid-hero-heading.pricing-hero {
    grid-template-columns: 2.5fr;
  }
  .grid-hero-heading.feature-hero {
    grid-template-columns: 1fr;
  }
  .tab-link {
    margin-bottom: 10px;
  }
  .column-content-2 {
    padding-bottom: 20px;
  }
  .wrap-faq-cell-content {
    height: auto;
  }
  .wrap-logo-ribbon {
    display: block;
  }
  .section-tabs {
    padding-top: 0;
  }
  .column-content-stinger {
    padding-bottom: 20px;
  }
  .h2-section-heading {
    width: 100%;
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
  .container-column-content {
    margin-right: auto;
  }
  .wrap-cell-content {
    height: 300px;
  }
  .grid-feature-tags {
    width: 100%;
  }
  .tabs-menu {
    flex-flow: column;
    margin-bottom: 20px;
  }
  .section-quick-stack-blocks {
    padding-top: 0;
  }
  .quick-stack-faq {
    padding: 40px 0;
  }
  .image-hero-overlay-2 {
    min-width: 30%;
    max-width: 30%;
    min-height: 20%;
  }
  .section-footer {
    padding-top: 0;
  }
  .wrap-tab-pane {
    padding-left: 20px;
    padding-right: 20px;
  }
  .quick-stack-views {
    padding: 40px;
  }
  .section-quick-stack-columns {
    padding-top: 0;
  }
  .header-footer {
    margin-top: 10px;
  }
  .wrap-review-sites.blend-exclusion.test-align {
    margin-bottom: 40px;
  }
  .container-center-1280px {
    padding-top: 60px;
  }
  .quick-stack-blocks {
    padding: 40px 0;
  }
  .columns {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .wrap-column-list.padding-right {
    padding-right: 0;
  }
  .tabs {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .image-hero-overlay-1 {
    min-height: 40%;
  }
  .section-faq {
    padding-top: 0;
  }
  .container-sign-up-form-2 {
    inset: 5%;
  }
  .sub-head-sign-up-form-2,
  .heading-sign-up-form-2 {
    width: 350px;
  }
  .bg-image-sign-up-form-2 {
    background-position: 25%;
  }
  .image-test-home-hero-main.display-mobile-none {
    display: none;
  }
  .banner-notification-rich-text {
    line-height: 30px;
  }
  .h2-section-heading-2 {
    width: 100%;
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
  .wrap-tab-pane-2 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .column-content-3 {
    padding-bottom: 20px;
    padding-left: 20px;
  }
  .section-tabs-2 {
    padding-top: 0;
  }
  .quick-stack-views-2 {
    padding: 40px;
  }
  .section-quick-stack-columns-2,
  .section-accordion-2 {
    padding-top: 0;
  }
  .container-column-content-2 {
    margin-right: auto;
  }
  .columns-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .section-list-2,
  .section-quick-stack-blocks-2,
  .section-faq-2 {
    padding-top: 0;
  }
  .wrap-faq-cell-content-2 {
    height: auto;
  }
  .section-stinger-2 {
    padding-top: 0;
  }
  .notification-bar {
    flex-flow: row;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }
  .flag-notification-bar {
    margin-left: 0;
  }
  .text-notification-bar {
    font-size: 20px;
    display: inline;
  }
  .text-link-notification-bar {
    font-size: 0.9rem;
  }
  .price-table-yearly,
  .price-table-monthly {
    padding-left: 0;
    padding-right: 0;
  }
  .fly-out-pricing-2 {
    right: 26%;
  }
  .section-plan-price,
  .section-plan-features,
  .section-faq-price {
    padding-top: 0;
  }
  .wrap-promo-cta {
    max-width: 100%;
  }
  .container-center-1280px-copy {
    padding-top: 60px;
  }
  .promo-banner {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: none;
  }
  .wrap-promo-content,
  .list-ai-instructions {
    max-width: 100%;
  }
  .wrap-ai.gantt-chart-maker {
    margin-top: 25px;
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .wrap-logo-ribbon-2 {
    display: block;
  }
  .h2-section-heading-3 {
    width: 100%;
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
  .container-center-1280px-2 {
    padding-top: 60px;
  }
  .section-2-column {
    padding-top: 0;
  }
  .h2-section-heading-4 {
    width: 100%;
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
  .container-column-content-3 {
    margin-right: auto;
  }
  .promo-banner-2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    display: none;
  }
  .wrap-side-nav {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .section-content {
    padding-top: 0;
  }
  .wrap-author {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .column-side-nav {
    z-index: 1;
    background-color: #050f1a;
    padding-top: 20px;
    padding-bottom: 20px;
    display: none;
    top: 0;
  }
  .image-hero-overlay-3 {
    min-height: 40%;
  }
  .image-hero-overlay-4 {
    min-width: 30%;
    max-width: 30%;
    min-height: 20%;
  }
  .wrap-side-nav-2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .quick-stack-2x2 {
    padding-left: 0;
    padding-right: 0;
  }
  .h2-section-heading-5 {
    width: 100%;
    font-size: 2.6rem;
    line-height: 2.6rem;
  }
  .container-center-1280px-3 {
    padding-top: 60px;
  }
  .quick-stack {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .section-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .new-nav-menu-separator {
    display: block;
  }
  .new-nav-mobile-menu-user-quote-company {
    color: var(--black-ish);
    text-align: left;
    margin-top: 0;
    font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
    font-size: 14px;
    line-height: 20px;
  }
  .new-nav-mobile-menu-user-quote {
    background-color: #f2f3f7;
    border-style: none;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .body-text---features-03 {
    text-align: left;
  }
  .new-nav-mobile-menu-user-quote-name {
    color: var(--black-ish);
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
  }
  .new-nav-mobile-menu-user-quote-logo {
    text-align: left;
    vertical-align: top;
    margin-top: -31px;
    margin-left: 376px;
    margin-right: 5px;
    display: inline-block;
  }
  .new-nav-mobile-menu-user-quote-stars {
    text-align: left;
    display: block;
  }
  .new-nav-mobile-menu-sub-copy {
    margin-bottom: 20px;
    display: block;
  }
  .code-embed-2 {
    background-color: var(--white);
  }
  .section-page-header:where(.w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf),
  .section-page-header.bottom-padding-remove {
    padding-left: 10px;
    padding-right: 10px;
  }
  .hero-sub-head {
    width: 440px;
  }
  .hero-rating-container {
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    max-width: 660px;
    display: block;
  }
  .hero-rating-container.ai-hybrid {
    max-width: none;
  }
  .heading-new-home-hero {
    width: 425px;
    font-size: 48px;
    line-height: 48px;
  }
  .heading-new-home-hero:where(
    .w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf
  ) {
    width: auto;
    line-height: 135%;
  }
  .new-nav-column-2.new-nav {
    padding-left: 0;
    left: 10px;
  }
  .container-new-home-feature-copy.remove-padding.home-outro {
    height: 300px;
  }
  .heading-h1 {
    width: 440px;
    max-width: 440px;
  }
  .page-h1-hero-image-container {
    width: 440px;
    height: 320px;
  }
  .section-homepage-features {
    padding-left: 0;
    padding-right: 0;
  }
  .homepage-features-heading-container {
    width: 440px;
  }
  .homepage-features-grid-container {
    width: 500px;
  }
  .section-social-proof {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-social-proof {
    width: 550px;
    padding-top: 16px;
    padding-bottom: 0;
  }
  .social-proof-block {
    width: 500px;
  }
  .features-list-03 {
    grid-template-columns: 1fr;
    margin-top: 60px;
  }
  .container-integrations-ribbon {
    padding-left: 10px;
    padding-right: 10px;
  }
  .signup-bottom-social-proof {
    margin-top: 0;
    position: static;
  }
  .container-signup-form-g2-badges {
    width: 560px;
  }
  .container-features-grid {
    padding-left: 40px;
    padding-right: 40px;
  }
  .container-success-stories-slider {
    padding-left: 20px;
    padding-right: 20px;
  }
  .success-sotries-slider-block-heading {
    width: 540px;
  }
  .success-stories-slider-block,
  .success-stories-slider-block.nav-version {
    width: 100%;
  }
  .slide_item {
    width: 80%;
  }
  .container-user-reviews {
    padding-left: 20px;
    padding-right: 20px;
  }
  .user-reviews-video-block {
    width: 560px;
  }
  .container-homepage-faq {
    padding-left: 40px;
    padding-right: 40px;
  }
  .container-8 {
    width: 100%;
    margin-left: 0;
  }
  .button-2 {
    width: 100%;
  }
  .columns-4 {
    align-items: flex-start;
  }
  .column-5 {
    align-items: center;
  }
  .faq-answer-text,
  .faq-question {
    width: 100%;
  }
  .section-homepage-templates {
    padding-left: 0;
    padding-right: 0;
  }
  .container-homepage-templates-heading {
    width: 440px;
  }
  .container-homepage-outro {
    padding-top: 0;
    padding-left: 50px;
    padding-right: 40px;
  }
  .column-7 {
    padding-left: 0;
    padding-right: 0;
  }
  .pricing-add-on.pricing-add-on-top {
    width: 450px;
  }
  .heading-pricing-hero {
    margin-top: 36px;
    font-size: 32px;
  }
  .sub-copy-pricing-hero {
    font-size: 16px;
  }
  .logo-ribbon-heading {
    font-size: 14px;
  }
  .logo-ribbon-pricing-hero {
    margin-bottom: auto;
  }
  .content-pricing-hero {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section-pricing-columns {
    flex-flow: column;
    padding-left: 0;
    padding-right: 0;
  }
  .container-pricing-columns {
    height: auto;
  }
  .pricing-column-container-1,
  .pricing-column-container-2 {
    width: 545px;
    height: auto;
    margin-bottom: 20px;
  }
  .pricing-column-container-3 {
    width: 545px;
    height: auto;
    margin-bottom: 20px;
    padding-bottom: 32px;
  }
  .columns-pricing {
    display: none;
  }
  .container-template-hub-hero {
    background-image: none;
    flex-flow: column;
    align-items: center;
    height: auto;
  }
  .template-hub-outro-cta-section {
    width: auto;
  }
  .template-hub-trusted-banner {
    margin-top: 36px;
  }
  .template-hub-trusted-banner.reverse.bottom-margin-16.header-version {
    flex-flow: row;
    justify-content: center;
    width: 100%;
    margin-top: 10px;
  }
  .template-hub-outro-cta-h2 {
    text-align: center;
  }
  .section-template-hub-category-grid {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .container-template-hub-category-grid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .container-template-hub-categroy-grid-heading {
    width: 440px;
  }
  .template-hub-category-block-link {
    margin-bottom: 20px;
  }
  .section-template-hub-why-teamgantt {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .template-hub-why-teamgantt-card-container {
    flex-flow: column;
  }
  .template-hub-why-teamgantt-card {
    width: 100%;
  }
  .section-template-hub-reviews {
    padding-top: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-template-hub-outro {
    background-image: none;
    padding-top: 36px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .text-block-41 {
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
  }
  .template-hub-hero-cta {
    margin-left: 0;
  }
  .template-hub-hero-h1 {
    text-align: center;
  }
  .container-template-landing-hero {
    padding-left: 40px;
    padding-right: 40px;
  }
  .template-landing-page-hero-text-container {
    align-items: flex-start;
  }
  .template-landing-page-h1 {
    text-align: center;
    margin-top: 0;
    margin-bottom: 45px;
  }
  .template-landing-page-hero-sub-copy-container {
    margin-right: 0;
  }
  .template-landing-page-hero-sub-copy-container.margin-bottom-12px {
    flex-flow: column;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .template-landing-page-hero-subcopy-check-mark {
    align-self: flex-start;
  }
  .template-landing-page-hero-subcopy-text {
    margin-bottom: 20px;
  }
  .section-template-landing-main-template-grid {
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .container-template-landing-main-template-grid {
    padding-left: 20px;
    padding-right: 20px;
  }
  .section-make-your-own-template {
    padding-top: 31px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-make-your-own-template {
    background-image: none;
    height: auto;
  }
  .make-your-own-template-cta-content-block {
    width: auto;
  }
  .make-your-own-template-h2 {
    text-align: center;
    margin-bottom: 36px;
    margin-left: 10px;
    padding-right: 10px;
  }
  .make-your-own-template-sub-copy {
    text-align: center;
    margin-bottom: 50px;
    padding-left: 40px;
    padding-right: 40px;
  }
  .make-your-own-template-logo-ribbon-heading {
    font-size: 14px;
  }
  .logo-ribbon-make-your-own-template {
    margin-bottom: auto;
  }
  .div-block-26.free-plan {
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-27 {
    flex-flow: column;
  }
  .heading-8.free-plan,
  .text-block-46.free-plan {
    text-align: center;
  }
  .button-9 {
    width: auto;
    margin-top: 40px;
  }
  .div-block-28 {
    width: auto;
  }
  .section-pricing-free-plan,
  .section-pricing-enterprise-plan,
  .section-pricing-compare {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pricing-grid-cell {
    justify-content: center;
    padding: 0 0 0 10px;
  }
  .pricing-grid-header-text,
  .pricing-grid-cell-text {
    font-size: 16px;
  }
  .container-roles {
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-41 {
    flex-flow: column;
  }
  .role-description-container {
    width: auto;
  }
  .div-block-47 {
    flex-flow: column;
    display: flex;
  }
  .div-block-49 {
    flex-flow: wrap;
    width: 400px;
  }
  .div-block-50 {
    flex-flow: column;
    width: 100%;
    padding-left: 20px;
  }
  .columns-7,
  .columns-8 {
    top: -48px;
  }
  .left-column-template-hub-hero {
    display: none;
  }
  .right-column-template-hub-hero {
    height: auto;
    padding-top: 10px;
  }
  .div-block-52 {
    margin-top: 20px;
  }
  .section-why-choose-teamgantt {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-support-callout {
    padding-top: 18px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-construction-management-features {
    padding-bottom: 24px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-easy-construction-scheduling {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-construction-project-management-software-hero {
    flex-flow: column;
  }
  .construction-project-management-header-content-block {
    flex-flow: column;
    padding: 0 10px 36px;
  }
  .construction-project-management-header-content-block.book-a-demo,
  .construction-project-management-header-content-block.construction-webinar {
    padding-right: 10px;
  }
  .construction-project-management-software-heading,
  .construction-project-management-software-sub-head {
    text-align: center;
  }
  .construction-project-management-software-header-cta {
    width: 100%;
  }
  .div-block-55 {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }
  .container-construction-features {
    flex-flow: column;
  }
  .construction-feature-container {
    width: 100%;
  }
  .construction-feature-green-floating-micro-copy {
    margin-top: 6px;
    margin-bottom: 0;
    top: -45px;
  }
  .construction-feature-sub-head-container {
    margin-top: 0;
  }
  .construction-feature-container-top.contr-green-background,
  .construction-feature-container-top.contr-orange-background,
  .construction-feature-container-top.contr-yellow-background,
  .construction-feature-container-top.contr-red-background {
    width: 100%;
    height: auto;
    padding-bottom: 6px;
  }
  .construction-feature-image {
    border-radius: 10px;
    margin-right: 0;
  }
  .construction-feature-orange-floating-micro-copy,
  .construction-feature-yellow-floating-micro-copy,
  .construction-feature-red-floating-micro-copy {
    margin-top: 6px;
    top: -45px;
  }
  .orange-card-bg,
  .why-choose-teamgantt-card-opy-container {
    width: 100%;
  }
  .container-why-choose-teamgantt-cards {
    flex-flow: column;
  }
  .section-heading-why-shoose-teamgantt-text {
    text-align: center;
    flex-flow: column;
  }
  .green-card-bg,
  .teal-card-bg,
  .purple-card-bg {
    width: 100%;
  }
  .support-callout-heading-text {
    clear: none;
    text-align: center;
  }
  .support-callout-block-container {
    flex-flow: column;
  }
  .support-callout-block-orange,
  .support-callout-block-purple,
  .support-callout-block-green {
    width: 100%;
  }
  .easy-scheduling-content-block-copy {
    margin-left: 0;
  }
  .contruction-project-management-software-hero-h1 {
    text-align: center;
  }
  .div-block-64 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .bold-text-16 {
    text-align: left;
  }
  .column-10 {
    margin-top: 36px;
  }
  .columns-9 {
    flex-flow: column;
  }
  .section-what-people-are-saying,
  .section-construction-webinar-video {
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-65 {
    flex-flow: column;
  }
  .div-block-66.construction-webinar {
    flex-flow: column;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-67 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-68 {
    width: 500px;
    margin-top: 0;
  }
  .features-page-hero-logo-ribbon {
    flex-flow: wrap;
    justify-content: center;
    display: flex;
  }
  .section-features-hub-popular-features {
    padding-bottom: 24px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-features-hub-popular-features-cards {
    flex-flow: column;
  }
  .popular-features-container {
    width: 100%;
  }
  .popular-features-container-top.contr-green-background,
  .popular-features-container-top.contr-orange-background,
  .popular-features-container-top.contr-yellow-background,
  .popular-features-container-top.contr-red-background {
    width: 100%;
    height: auto;
    padding-bottom: 6px;
  }
  .popular-features-image {
    border-radius: 10px;
    margin-right: 0;
  }
  .popular-feature-green-floating-micro-copy {
    margin-top: 6px;
    margin-bottom: 0;
    top: -45px;
  }
  .popular-feature-sub-head-container {
    margin-top: 0;
  }
  .popular-feature-orange-floating-micro-copy {
    margin-top: 6px;
    top: -45px;
  }
  .div-block-72 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .use-cases-category-container {
    flex-flow: column;
  }
  .container-features-glance {
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-88 {
    flex-flow: column-reverse;
  }
  .div-block-90 {
    align-self: center;
    width: auto;
  }
  .text-block-73 {
    text-align: center;
  }
  .div-block-93 {
    flex-flow: column;
    align-items: center;
  }
  .image-32 {
    display: none;
  }
  .section-templates-hero {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-templates-hero {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }
  .template-hero-title-and-cta {
    align-items: center;
    width: 500px;
  }
  .template-hero-cta-container {
    flex-flow: column;
  }
  .template-hero-main-cta {
    width: auto;
  }
  .container-template-page-main-content {
    padding-left: 10px;
    padding-right: 10px;
  }
  .oddit-rich-text {
    margin-right: 73px;
    padding-right: 0;
  }
  .content-column-right {
    padding-left: 0;
    padding-right: 40px;
    display: none;
  }
  .columns-template-page {
    flex-flow: column-reverse;
    display: flex;
  }
  .container-intersitial-cta {
    flex-flow: column;
    align-items: center;
    height: 250px;
  }
  .text-block-78 {
    display: block;
  }
  .text-block-79 {
    margin-bottom: 24px;
  }
  .columns-10 {
    position: relative;
    top: -40px;
  }
  .template-page-toc-container,
  .template-page-toc-main-container {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
  .blog-hero-image-container {
    display: none;
  }
  .div-block-106 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }
  .div-block-109 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    align-items: stretch;
  }
  .div-block-110 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }
  .div-block-111,
  .div-block-113 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }
  .div-block-114 {
    justify-content: center;
    display: flex;
  }
  .div-block-116 {
    flex-flow: wrap;
    justify-content: flex-start;
    display: block;
  }
  .page-section---flex {
    flex-flow: column;
  }
  .div-block-127 {
    margin-top: 20px;
  }
  .div-block-133 {
    flex-flow: column;
    align-items: center;
    display: flex;
  }
  .navbar-5 {
    padding-bottom: 4px;
  }
  .section-compare-why {
    padding-left: 10px;
    padding-right: 10px;
  }
  .compare-why-card-container {
    flex-flow: column;
  }
  .container-compare-cards {
    padding-left: 20px;
    padding-right: 20px;
  }
  .compare-card-feature-image {
    display: none;
  }
  .customer-quote-text {
    font-size: 28px;
  }
  .section-compare-table {
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-135 {
    margin-top: 40px;
  }
  .container-blog-post-card-hub {
    padding-left: 10px;
    padding-right: 10px;
  }
  .guide-cta-container {
    flex-flow: column;
  }
  .guide-cta-card.pink-grad-bg,
  .guide-cta-card.blue-grad-bg {
    width: auto;
  }
  .pricing-card {
    width: auto;
    max-width: 400px;
    height: auto;
    margin-bottom: 20px;
  }
  .pricing-card-yearly-price-container {
    display: none;
  }
  .div-block-149 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
    align-items: stretch;
  }
  .div-block-152 {
    justify-content: flex-start;
    padding-left: 4px;
  }
  .code-embed-6 {
    display: none;
  }
  .transparent-pricing-container {
    display: flex;
  }
  .container-pricing-calculator {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media screen and (max-width: 479px) {
  .rich-text-body {
    margin-top: 0;
    margin-bottom: 60px;
    padding-top: 0;
  }
  .rich-text-body.product-releases-width {
    width: 90%;
  }
  .blue-hero-section {
    margin-bottom: 40px;
    padding-top: 40px;
  }
  .heading-download-hero {
    font-size: 2.5em;
  }
  .dual-cta-heading.download-heading {
    line-height: 32px;
  }
  .dual-cta-body {
    text-align: center;
  }
  .dual-cta-button {
    margin-top: 15px;
  }
  .dual-cta-email-form {
    flex-direction: column;
  }
  .dual-cta-icon.margin-right-10px.margin-bottom-10px {
    margin-bottom: 10px;
  }
  .hero-image-download {
    min-width: 300px;
  }
  .dual-cta-content {
    flex-direction: column;
    align-items: center;
  }
  .dual-cta-wrapper {
    align-items: center;
    width: 75%;
  }
  .cta-pre-footer {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    height: 50vh;
    margin-top: 75px;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .heading-pre-footer-cta,
  .sub-head-footer-cta {
    margin-bottom: 40px;
  }
  .button-footer-cta {
    width: 50%;
    margin-bottom: 40px;
  }
  .wrapper-footer-cta-logos {
    flex-direction: column;
    min-height: 200px;
  }
  .footer-section {
    position: static;
  }
  .nav-wrapper {
    z-index: 99999;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: auto;
    display: block;
    position: static;
    overflow: visible;
  }
  .brand.w--current {
    padding-left: 0;
  }
  .nav-menu.new-nav-mobile-menu {
    background-color: var(--white);
    flex-flow: column;
    align-items: stretch;
    height: 100vh;
    display: flex;
    position: relative;
    overflow: visible;
  }
  .menu-button.w--open {
    background-color: var(--dark-grey);
  }
  .navbar.new-nav-navbar-height {
    padding-top: 0;
    padding-bottom: 0;
  }
  .nav-sign-up-wrapper {
    margin-left: 20px;
    display: none;
  }
  .button-sign-up-nav-bar {
    margin-right: 20px;
  }
  .drop-down-nav-bar {
    position: static;
    top: 0;
  }
  .drop-down-list-nav-bar {
    height: 100vh;
    display: none;
    position: relative;
    top: 90px;
    overflow: visible;
  }
  .drop-down-list-nav-bar.w--open {
    height: auto;
    margin-top: 10px;
    padding: 0 10px;
    display: block;
    position: static;
    top: -1px;
  }
  .drop-down-link-nav-bar.new-nav-dropdown-link-left-alighn {
    margin-bottom: 0;
  }
  .nav-bar-feature.new-nav {
    width: 250px;
  }
  .category-link-nav-bar.new-nav-middle-column {
    width: 280px;
  }
  .category-link-nav-bar.new-nav-all-integrations-link {
    max-width: 300px;
    margin-right: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .nav-header.new-nav-header {
    margin-top: 12px;
  }
  .nav-bar-column-3.new-nav-column-3 {
    flex-flow: column;
    justify-content: center;
    margin-top: 36px;
    top: -32px;
    left: auto;
  }
  .mobile-nav-sign-up-wrapper {
    margin-left: 20px;
  }
  .mobile-nav-sign-up-wrapper.new-nav-mobile-menu-try-free-button {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .mobile-button-log-in-nav-bar,
  .mobile-button-sign-up-nav-bar {
    margin-right: 20px;
  }
  .mobile-button-sign-up-nav-bar.new-nav-mobile-button-sign-up-nav-bar {
    background-color: var(--gainful-green);
    width: 95%;
    margin-top: 10px;
    margin-right: 0;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .nav-bar-tg-logo.new-nav-logo {
    min-width: 130px;
    max-width: 80%;
  }
  .guide-hero-container.timeline-template {
    flex-direction: column;
    align-items: center;
    display: flex;
  }
  .guide-hero-container.pricing-page {
    flex-direction: column;
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }
  .body-side-nav-w-content {
    padding-top: 0;
  }
  .youtube-hero {
    width: 100%;
    min-width: 250px;
  }
  .heading-home-hero {
    width: 220px;
  }
  .heading-home-hero.oddit-heading-home-hero {
    font-size: 26px;
    line-height: 30px;
  }
  .button-home-hero {
    line-height: 24px;
  }
  .hero-homepage-text-column {
    flex-flow: column;
    align-items: flex-start;
  }
  .hero-homepage-text-column.ai-hero {
    padding-left: 0;
    padding-right: 0;
  }
  .image-home-hero {
    display: block;
  }
  .image-home-hero.hidden {
    display: none;
  }
  .button-home-feature {
    line-height: 24px;
  }
  .grid-home-logo-ribbon {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    justify-content: space-around;
  }
  .container-home-hero {
    align-items: center;
    width: auto;
  }
  .grid-make-gantt-ribbon {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }
  .overlay-make-gantt {
    width: 300px;
    max-width: 300px;
    height: 350px;
    max-height: 350px;
    left: 220px;
  }
  .button-overlay {
    line-height: 24px;
  }
  .grid-tools.features {
    grid-template-columns: 1fr;
  }
  .heading-home-outro {
    font-size: 36px;
  }
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
  .sub-head-home-outro {
    margin-top: 20px;
    font-size: 18px;
  }
  .star-rating {
    padding-left: 30px;
    padding-right: 30px;
  }
  .rating-logos {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }
  .rating-container.ms-project {
    margin-top: 0;
    margin-bottom: 0;
  }
  .container-sign-up-fields {
    min-width: 300px;
    max-width: 300px;
  }
  .container-sign-up-form {
    padding-left: 10px;
    padding-right: 10px;
    inset: 0%;
  }
  .container-sign-up-form.new-signup {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-sign-up-form.new-signup.ai-signup-modal.hidden {
    display: none;
  }
  .heading-sign-up-form,
  .sub-head-sign-up-form {
    width: 300px;
  }
  .section-sign-up-form {
    justify-content: flex-start;
  }
  .section-sign-up-form.new-signup {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: center;
    padding-top: 0;
    display: block;
  }
  .bg-image-sign-up-form {
    background-position: 25%;
  }
  .bg-image-sign-up-form.single-form-signup-background {
    height: 102%;
    left: 0;
  }
  .checkbox-sign-up-terms.signup-simple-checkbox-sign-up-terms {
    align-items: center;
    display: flex;
  }
  .container-success-story-quote {
    height: 25%;
    min-height: 25vh;
    max-height: 25%;
    padding: 30px;
    font-size: 12px;
  }
  .video-success-story {
    min-height: 25vh;
  }
  .heading-rave-reviews {
    font-size: 52px;
    line-height: 64px;
  }
  .image-hero-rave-reviews {
    min-width: 100%;
  }
  .subhead-rave-reviews,
  .cta-rave-reviews {
    text-align: center;
  }
  .container-cta-text-rave-review {
    min-width: 100%;
  }
  .video-grid-rave-reviews {
    grid-template-columns: 1fr;
  }
  .container-quote-wall {
    min-width: 100%;
  }
  .container-ms-project {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: 900px;
    display: flex;
  }
  .heading-ms-project-hero {
    width: 90%;
    margin-bottom: 40px;
    font-size: 40px;
    overflow: visible;
  }
  .sub-head-ms-project-hero {
    width: 85%;
    font-size: 20px;
  }
  .button-ms-project-hero {
    line-height: 24px;
  }
  .purple-bg-offset {
    bottom: 31%;
  }
  .grid-ms-compare {
    display: none;
  }
  .quick-stack-ms-faq {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .container-uses-full-width {
    margin-left: 0;
  }
  .hero-image-uses {
    height: 300px;
  }
  .hero-uses {
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }
  .container-uses-hero-message {
    display: flex;
  }
  .heading-uses-hero {
    font-size: 48px;
    line-height: 48px;
  }
  .button-uses-hero {
    margin-top: 15px;
  }
  .container-uses-hero-image {
    width: auto;
  }
  .wrap-uses-accordion.price-faq {
    padding-left: 20px;
    padding-right: 20px;
  }
  .image-accordion-uses {
    height: 300px;
  }
  .accordion-item.price-faq-item.homepage-faq-accordion {
    width: auto;
  }
  .accordion-item-header {
    white-space: normal;
  }
  .heading-uses-section {
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 48px;
    line-height: 48px;
  }
  .cell-uses-support.align-adustment.top-spacing {
    align-self: center;
  }
  .info-block-contact {
    height: auto;
  }
  .wrap-info-block {
    flex-direction: column;
  }
  .hero-image-gift {
    background-size: 900px;
  }
  .hero-guide-category {
    height: auto;
  }
  .quick-stack-resource {
    grid-row-gap: 20px;
  }
  .button-product-releases {
    margin-right: 20px;
  }
  .grid-vs-page {
    display: none;
  }
  .heading-grid-vs,
  .sub-head-grid-vs {
    padding-left: 10px;
    padding-right: 10px;
  }
  .price-table-pro-plan,
  .price-table-unlimited-plan {
    padding-left: 20px;
    padding-right: 20px;
  }
  .heading-free-plan {
    text-align: center;
    font-size: 30px;
  }
  .sub-head-free-plan {
    text-align: left;
    font-size: 14px;
  }
  .grid-manager-v-collaborators {
    display: none;
  }
  .heading-price {
    font-size: 38px;
    line-height: 42px;
  }
  .button-price {
    width: 100%;
    margin-bottom: 40px;
  }
  .accordion-body img {
    min-width: 200px;
    min-height: 200px;
  }
  .auto-scroll-compare {
    display: none;
  }
  .section-about-hero {
    height: 15vh;
  }
  .grid-about-stats {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1.5fr;
  }
  .section-about-stats {
    padding: 10px;
  }
  .h1-guide-title.pmp-guide-hero {
    font-size: 28px;
  }
  .by-line-guide.pmp-guide-hero {
    font-size: 18px;
  }
  .body-promo-guide {
    padding-left: 20px;
    padding-right: 20px;
  }
  .button-promo-body {
    width: 100%;
    margin-bottom: 40px;
  }
  .image-why-teamgantt-overlay {
    bottom: -350px;
  }
  .heading-why-teamgantt {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 48px;
  }
  .paragraph-why-teamgantt {
    padding-left: 10px;
    padding-right: 10px;
  }
  .h1-template-title {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 36px;
  }
  .button-teamgantt-template {
    width: 100%;
    margin-bottom: 40px;
  }
  .h1-blog-post {
    font-size: 32px;
  }
  .hollow-cta-button {
    margin-top: 15px;
  }
  .container-download {
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-construction-logo-ribbon {
    justify-content: space-around;
  }
  .sub-head-ppc-landing-hero {
    width: 70%;
  }
  .button-ppc-landing-hero {
    line-height: 24px;
  }
  .collection-item {
    min-width: 300px;
  }
  .text-cta-hollow-white {
    margin-top: 15px;
  }
  .nav-link.new-nav-menu-text {
    padding-top: 5px;
    padding-bottom: 5px;
    display: block;
  }
  .nav-link.new-nav-menu-text.pricing {
    margin-top: 0;
    display: block;
  }
  .nav-link.new-nav-menu-text.pricing.ai-sparkle {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
  }
  .play-button-wrapper {
    background-repeat: no-repeat;
    background-size: 60px;
    width: 60px;
    height: 60px;
  }
  .image-home.video-popover {
    height: 225px;
  }
  .column-home-hero {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    order: 0;
    margin-bottom: 0;
    padding-right: 0;
  }
  .fly-out-pricing {
    width: 175px;
  }
  .heading-partner {
    font-size: 38px;
    line-height: 42px;
  }
  .button-video-pop-over {
    line-height: 24px;
  }
  .template-banner-cta-wrapper {
    margin-left: 20px;
  }
  .button-template-banner-sign-up {
    margin-right: 20px;
  }
  .wrap-home-hero-cta {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .promo-button {
    line-height: 1.5rem;
  }
  .promo-banner-image {
    max-width: 100%;
  }
  .wrap-footer-logo {
    width: auto;
  }
  .wrap-footer {
    flex-direction: column;
  }
  .wrap-accordion-image {
    width: 300px;
    height: 300px;
  }
  .wrap-footer-columns {
    width: auto;
  }
  .feature-grid-accordion {
    grid-template-columns: auto;
  }
  .grid-hero-heading {
    grid-row-gap: 40px;
  }
  .grid-hero-heading.feature-hero {
    grid-template-columns: 1fr;
  }
  .wrap-faq-cell-content {
    height: auto;
  }
  .mobile-button-log-in-nav-bar-2 {
    margin-right: 20px;
  }
  .wrap-logo-ribbon {
    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;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .noise {
    flex-flow: wrap;
    display: block;
  }
  .column-content-stinger {
    justify-content: flex-start;
    align-items: center;
  }
  .h2-section-heading {
    font-size: 2rem;
    line-height: 2rem;
  }
  .wrap-cell-content {
    height: 300px;
  }
  .mobile-nav-sign-up-wrapper-2 {
    margin-left: 20px;
  }
  .grid-feature-tags {
    grid-template-columns: auto;
  }
  .tabs-menu {
    flex-direction: column;
  }
  .logo-ribbon-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: column;
    place-content: stretch;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: grid;
  }
  .mobile-button-sign-up-nav-bar-2 {
    margin-right: 20px;
  }
  .quick-stack-faq {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .columns-stinger {
    flex-flow: column;
  }
  .image-hero-overlay-2 {
    min-width: 30%;
    max-width: 30%;
    min-height: 20%;
  }
  .image-stinger {
    height: 300px;
  }
  .title-view-cell.black-ish {
    object-fit: fill;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
  }
  .button-main.sign-up-page {
    width: auto;
  }
  .quick-stack-views {
    padding: 20px 0;
  }
  .views-preview {
    height: 200px;
  }
  .views-preview.calendar {
    background-position: 50% 5%;
  }
  .wrap-review-sites.blend-exclusion.test-align {
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .container-center-1280px {
    box-sizing: border-box;
    object-fit: fill;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .quick-stack-blocks,
  .columns,
  .tabs {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .heading-stinger {
    font-size: 2rem;
    line-height: 2rem;
  }
  .h1-hero-large,
  .h1-hero-large.h1-hero-medium {
    font-size: 2.7rem;
    line-height: 2.7rem;
  }
  .container-sign-up-form-2 {
    inset: 0%;
  }
  .sub-head-sign-up-form-2,
  .heading-sign-up-form-2 {
    width: 300px;
  }
  .bg-image-sign-up-form-2 {
    background-position: 25%;
  }
  .test-column-1 {
    min-height: 300px;
  }
  .h1-hero-medium {
    font-size: 2.7rem;
    line-height: 2.7rem;
  }
  .banner-notification-rich-text {
    font-size: 16px;
  }
  .h1-hero-medium-2 {
    font-size: 2.7rem;
    line-height: 2.7rem;
  }
  .test-column-4 {
    min-height: 300px;
  }
  .h2-section-heading-2 {
    font-size: 2rem;
    line-height: 2rem;
  }
  .tab-content-2 {
    margin-bottom: 0;
  }
  .column-content-3 {
    padding-left: 10px;
  }
  .quick-stack-views-2 {
    padding: 20px 0;
  }
  .container-column-content-2 {
    max-width: 100%;
    padding-left: 10px;
    padding-right: 10px;
  }
  .columns-2 {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .wrap-faq-cell-content-2 {
    height: auto;
  }
  .heading-stinger-2 {
    text-align: center;
    font-size: 2rem;
    line-height: 2rem;
  }
  .template-preview {
    height: 200px;
  }
  .template-preview.calendar,
  .template-preview.pm,
  .template-preview.marketing,
  .template-preview.construction {
    background-position: 50% 5%;
  }
  .livestream-h1 {
    font-size: 55px;
    line-height: 60px;
  }
  .notification-bar {
    grid-column-gap: 4px;
    grid-row-gap: 4px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }
  .dual-cta-button-light {
    margin-top: 15px;
  }
  .h1-hero-large-2 {
    font-size: 2.7rem;
    line-height: 2.7rem;
  }
  .h1-hero-large-2.h1-hero-medium {
    white-space: normal;
    overflow-wrap: normal;
  }
  .section-hero {
    box-sizing: border-box;
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    object-fit: fill;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    display: block;
    overflow: visible;
  }
  .price-table-yearly {
    box-sizing: border-box;
    object-fit: fill;
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .cell-price-table.padding-30 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
  }
  .description-plan-highlight {
    white-space: normal;
    word-break: normal;
    margin-bottom: 15px;
  }
  .wrap-price-title-flag {
    width: 100%;
  }
  .wrap-free-plan-banner {
    text-align: left;
  }
  .tab-team-size {
    width: 100px;
    height: 60px;
  }
  .tab-team-size.w--current,
  .tab-team-size.center {
    width: 100px;
  }
  .fly-out-pricing-2 {
    width: 175px;
    top: 41%;
    right: 24%;
  }
  .wrap-toggle-month-year.align-right {
    text-align: left;
    flex-flow: row;
    justify-content: center;
    align-items: center;
  }
  .title-plan-name.margin-zero {
    text-align: left;
    margin-bottom: 20px;
    display: flex;
  }
  .tabs-menu-team-size {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    justify-content: space-around;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
  }
  .micro-text-3.bold-remove {
    font-size: 0.7rem;
    line-height: 0.7rem;
  }
  .wrap-plan-highlights {
    overflow-wrap: normal;
  }
  .button-secondary-3 {
    border-style: solid;
    border-width: 1px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    font-size: 0.65rem;
    line-height: 0.65rem;
    display: inline-block;
  }
  .header-compare-table {
    font-size: 0.8rem;
    line-height: 0.8rem;
  }
  .grid-label-price {
    font-size: 1rem;
    line-height: 1rem;
  }
  .grid-label-sticky {
    padding: 10px;
  }
  .grid-label-sticky.remove-border-left {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }
  .grid-plan-features {
    box-sizing: border-box;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    object-fit: fill;
    flex-flow: row;
    grid-template-rows:
      auto minmax(auto, 1fr)
      auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto auto;
    grid-template-columns: repeat(auto-fit, 27%) 24% 24% 24%;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    justify-content: stretch;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: grid;
    position: static;
  }
  .button-dark {
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    font-size: 0.65rem;
    font-weight: 700;
    line-height: 0.65rem;
  }
  .title-grid-feature,
  .title-grid-feature.bg-color-black-cell {
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 5px;
    font-size: 0.7rem;
    font-weight: 700;
    line-height: 0.75rem;
  }
  .grid-wrap-icon,
  .grid-wrap-icon.bg-color-dark {
    padding-left: 20px;
    padding-right: 20px;
  }
  .wrap-faq {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: flex;
  }
  .title-accordion-3 {
    white-space: pre-wrap;
    word-break: normal;
    overflow-wrap: normal;
    padding-top: 20px;
    padding-bottom: 20px;
    display: block;
  }
  .accordion-toggle-4 {
    height: 130px;
    padding-top: 0;
    padding-bottom: 0;
  }
  .heading-stinger-3 {
    text-align: center;
    font-size: 2rem;
    line-height: 2rem;
  }
  .text-block-24,
  .text-block-25,
  .text-block-26 {
    font-size: 0.8rem;
    line-height: 0.8rem;
  }
  .mobile-pricing-feature-grid-image-shrink {
    max-width: 35%;
  }
  .button-dark-2 {
    line-height: 1.5rem;
  }
  .container-center-1280px-copy {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .wrap-ai.gantt-chart-maker {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .h2-section-heading-3 {
    font-size: 2rem;
    line-height: 2rem;
  }
  .container-center-1280px-2 {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .wrap-ai-button {
    text-align: center;
  }
  .form-ai {
    padding-left: 20px;
    padding-right: 20px;
  }
  .h2-section-heading-4 {
    font-size: 2rem;
    line-height: 2rem;
  }
  .container-column-content-3 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .heading-stinger-4 {
    text-align: center;
    font-size: 2rem;
    line-height: 2rem;
  }
  .button-dark-3 {
    line-height: 1.5rem;
  }
  .h1-hero-medium-3 {
    font-size: 2.7rem;
    line-height: 2.7rem;
  }
  .bold-text-14 {
    font-size: 36px;
    line-height: 40px;
    display: inline;
  }
  .h1-hero-medium-4,
  .h1-hero-large-3 {
    font-size: 2.7rem;
    line-height: 2.7rem;
  }
  .sub-head-hero {
    flex: 0 auto;
    font-size: 2rem;
    line-height: 2.3rem;
  }
  .image-hero-overlay-4 {
    min-width: 30%;
    max-width: 30%;
    min-height: 20%;
  }
  .h2-section-heading-5 {
    font-size: 2rem;
    line-height: 2rem;
  }
  .container-center-1280px-3 {
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .sub-head-sub-hero {
    font-size: 1.15rem;
    line-height: 1.75rem;
  }
  .integrations-cell-image {
    width: 50px;
  }
  .quick-stack {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    margin-top: -300px;
  }
  .container-2 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }
  .section-2,
  .brand-assets-container {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }
  .column-3 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    justify-content: space-around;
    align-items: flex-start;
    display: flex;
  }
  .purple-bg-offset---features {
    bottom: 31%;
  }
  .new-nav-menu-separator {
    min-width: 98%;
    max-width: 98%;
    margin: 0 auto;
    display: block;
  }
  .new-nav-dropdown-toggle {
    padding-top: 8px;
    padding-bottom: 8px;
    display: flex;
  }
  .new-nav-mobile-menu-user-quote-company {
    color: var(--black-ish);
    margin-top: 0;
    font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  .new-nav-mobile-menu-user-quote {
    background-color: #ececec;
    border-style: none;
    border-radius: 5px;
    width: auto;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
    display: block;
  }
  .new-nav-mobile-menu-user-quote.tile-lighten {
    width: 90vw;
  }
  .new-nav-mobile-menu-user-quote-body {
    text-align: left;
    margin-top: 0;
    font-family: "Roboto V 30 Latin 300", Arial, sans-serif;
    font-weight: 500;
  }
  .new-nav-mobile-menu-user-quote-highlight {
    background-color: var(--white);
    color: var(--black-ish);
    font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
    font-weight: 500;
  }
  .new-nav-mobile-menu-user-quote-name {
    color: var(--black-ish);
    margin-top: 0;
    margin-bottom: 0;
    font-family: "Roboto V 30 Latin 500", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
  }
  .new-nav-mobile-menu-user-quote-logo {
    float: right;
    text-align: left;
    justify-content: flex-end;
    max-width: 80%;
    margin-top: -30px;
    margin-right: 5px;
    display: block;
  }
  .new-nav-mobile-menu-user-quote-stars {
    float: none;
    margin-bottom: 15px;
    display: block;
  }
  .new-nav-mobile-menu-sub-copy {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 20px;
    font-family: "Roboto V 30 Latin", Arial, sans-serif;
    font-size: 12px;
    line-height: 16px;
    display: block;
  }
  .section-page-header {
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-page-header:where(.w-variant-1bac81c7-4272-0fc5-0e87-bc0e256718cf) {
    padding-top: 0;
    padding-bottom: 10px;
  }
  .section-page-header.bottom-padding-remove {
    padding-left: 0;
    padding-right: 0;
  }
  .hero-heading {
    font-size: 36px;
    line-height: 40px;
  }
  .hero-sub-head {
    text-align: left;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    font-size: 18px;
  }
  .hero-cta {
    font-size: 14px;
    line-height: 16px;
  }
  .hero-cta:where(.w-variant-b62552b6-74dc-0f6e-132c-d81cf5a60ed8) {
    padding-left: 10px;
    padding-right: 10px;
  }
  .hero-cta.page-h1 {
    width: auto;
  }
  .hero-ratings-container.ms-project {
    margin-top: 0;
    margin-bottom: 0;
  }
  .hero-rating-laurel-left,
  .hero-rating-laurel-right {
    max-width: 25%;
  }
  .home-hero-rating-text-light {
    font-size: 12px;
  }
  .home-heor-rating-text-bold {
    font-size: 16px;
  }
  .hero-rating-container.ai-hybrid {
    max-width: none;
    display: block;
  }
  .hero-rating-container.ai-hybrid.ppc-version {
    margin-left: 0;
  }
  .hero-homepage-animation-column {
    margin-top: 24px;
    margin-bottom: 0;
    padding-left: 0;
  }
  .heading-new-home-hero {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 32px;
    line-height: 48px;
  }
  .heading-new-home-hero.oddit-heading-home-hero {
    font-size: 26px;
    line-height: 30px;
  }
  .new-nav-column-2 {
    margin-top: 21px;
  }
  .new-nav-column-2.new-nav {
    border-left-style: none;
    flex-flow: wrap;
    margin-top: 0;
    padding-left: 12px;
  }
  .logo-ribbon-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .heading-h1 {
    width: 220px;
    max-width: 220px;
    padding-right: 0;
  }
  .heading-h1.type-size-reduce {
    text-align: center;
    width: auto;
    max-width: none;
  }
  .paragraph-page-subhead {
    margin-left: 20px;
  }
  .page-h1-featured-copy {
    width: 220px;
    height: 50px;
    margin-left: 20px;
  }
  .page-h1-featured-copy.page-h1-highlight,
  .page-h1-featured-copy.page-h1-plain {
    width: 300px;
    height: auto;
    margin-bottom: 16px;
  }
  .page-h1-featured-copy-text.page-h1-bold {
    padding-left: 15px;
    font-size: 17px;
  }
  .page-h1-featured-copy-text.page-h1-subcopy {
    width: 275px;
  }
  .page-h1-hero-image {
    padding-left: 0;
    padding-right: 0;
  }
  .page-h1-hero-image-container {
    width: 220px;
    height: 120px;
    padding: 20px 60px;
  }
  .section-homepage-features {
    max-width: 350px;
    padding-left: 0;
    padding-right: 0;
  }
  .heading-homepage-features {
    max-width: none;
    margin-left: auto;
    margin-right: auto;
  }
  .homepage-features-heading-container {
    width: 100%;
  }
  .homepage-features-grid {
    justify-content: stretch;
  }
  .homepage-features-grid-container {
    width: 300px;
  }
  .homepage-features-grid-container.nav-version {
    flex-flow: column;
    align-items: flex-start;
    width: auto;
    margin-top: 5px;
    margin-left: 0;
    padding-bottom: 0;
  }
  .section-social-proof {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-social-proof {
    width: auto;
    padding: 0;
  }
  .social-proof-block {
    flex-flow: column;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 26px 0;
  }
  .social-proof-block.tile-lighten {
    width: 90vw;
  }
  .contact-content-01.top-margin {
    margin-top: -40px;
  }
  .social-proof-content {
    margin-top: -25px;
  }
  .features-list-03 {
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    margin-top: 40px;
  }
  .social-proof-logo {
    margin-right: -5px;
  }
  .container-integrations-ribbon {
    padding-left: 10px;
    padding-right: 10px;
  }
  ._3-step-gantt-chart-step-container {
    height: 300px;
  }
  ._3-step-gantt-chart-step-top.blue-background,
  ._3-step-gantt-chart-step-top.purple-background,
  ._3-step-gantt-chart-step-top.green-background {
    width: 300px;
    height: 178px;
  }
  ._3-step-gantt-chart-cta {
    width: 275px;
  }
  .div-block-10 {
    width: 90%;
  }
  .signup-bottom-social-proof {
    clear: none;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
    flex: 0 auto;
    order: 1;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: center;
    width: 300px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    position: static;
  }
  .body-new-signup {
    height: auto;
    display: block;
  }
  .container-signup-form-g2-badges {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-flow: wrap;
    order: 0;
    grid-template: "Area"/1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-content: stretch center;
    align-items: center;
    max-width: 300px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }
  .container-features-grid {
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-heading-h2 {
    padding-left: 40px;
    padding-right: 40px;
  }
  .section-heading-h2.success-stories-slider {
    padding-left: 0;
    padding-right: 0;
    font-size: 26px;
  }
  .features-grid-sub-copy {
    padding-right: 0;
  }
  .container-success-stories-slider {
    border-bottom-style: none;
    padding: 42px 10px 36px;
  }
  .success-sotries-slider-block-heading {
    width: 250px;
  }
  .success-stories-slider-block.nav-version {
    flex: 0 auto;
    align-self: auto;
    width: 250px;
    margin-bottom: 15px;
  }
  .success-stories-slider-block-success-description {
    padding-bottom: 0;
  }
  .container-6 {
    padding-left: 7%;
    padding-right: 7%;
  }
  .slide_item {
    width: 104%;
    padding-right: 4%;
  }
  .container-user-reviews,
  .heading-user-reviews {
    padding-left: 0;
    padding-right: 0;
  }
  .heading-user-reviews.features-hub-heading {
    font-size: 24px;
  }
  .user-reviews-video-block {
    flex-flow: column;
    width: auto;
    max-width: 300px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 26px;
  }
  .user-reviews-video-block.tile-lighten {
    width: 90vw;
  }
  .user-reviews-video-thumbnail {
    background-size: 300px;
    width: 300px;
    height: 170px;
    padding-top: 45px;
    padding-bottom: 0;
  }
  .user-reviews-content-copy {
    margin-top: 30px;
  }
  .container-homepage-faq {
    padding-top: 0;
  }
  .container-8 {
    width: 280px;
  }
  .button-2 {
    width: 100%;
  }
  .faq-accordion {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .faq-accordion-toggle {
    flex-flow: row;
    height: auto;
    display: block;
    overflow: visible;
  }
  .faq-toggle-icon._w-icon-dropdown-toggle {
    margin-top: 22px;
    inset: 0% 0% 0% auto;
  }
  .faq-question {
    white-space: normal;
    flex-flow: column;
    order: 0;
    width: auto;
    display: block;
    position: static;
    overflow: visible;
  }
  .section-homepage-templates {
    max-width: none;
    padding-bottom: 36px;
    padding-left: 0;
    padding-right: 0;
  }
  .container-homepage-templates-heading {
    width: 100%;
  }
  .heading-homepage-templates {
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
  }
  .text-highlight-light-blue {
    text-align: center;
    flex-flow: column;
    text-decoration: none;
    display: block;
  }
  .homepage-templates-grid {
    justify-content: stretch;
  }
  .homepage-templates-grid-container,
  .homepage-templates-cta {
    width: 300px;
  }
  .container-homepage-outro {
    width: 300px;
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }
  .container-10,
  .heading-6 {
    width: 300px;
  }
  .heading-6.white {
    margin-top: 40px;
  }
  .button-3,
  .text-block-33 {
    width: 300px;
  }
  .div-block-15 {
    flex-flow: column;
    align-items: center;
    width: 300px;
  }
  .text-block-34 {
    margin-top: 10px;
  }
  .pricing-add-on.pricing-add-on-top {
    width: 250px;
  }
  .price-table-construction-plan,
  .price-table-unlimited-plan-copy {
    padding-left: 20px;
    padding-right: 20px;
  }
  .div-block-17 {
    box-sizing: border-box;
    width: 100%;
    height: 5em;
    overflow: auto;
  }
  .container-pricing-hero {
    padding-bottom: 24px;
  }
  .heading-pricing-hero {
    margin-top: 36px;
    font-size: 32px;
  }
  .sub-copy-pricing-hero {
    font-size: 16px;
  }
  .logo-ribbon-heading {
    font-size: 14px;
  }
  .logo-ribbon-heading.top-margin-48px.template-hub-logo-ribbon-header-white {
    margin-top: 38px;
  }
  .logo-ribbon-pricing-hero {
    margin-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .content-pricing-hero {
    padding-left: 20px;
    padding-right: 20px;
  }
  .logo-ribbon-pricing-page-logo-block {
    height: auto;
  }
  .section-pricing-columns {
    padding-top: 30px;
    padding-left: 0;
    padding-right: 0;
  }
  .container-pricing-columns {
    flex-flow: column;
    height: auto;
    display: block;
  }
  .pricing-column-container-1 {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .pricing-column-container-2 {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
  }
  .pricing-column-container-3 {
    width: 100%;
    height: auto;
  }
  .columns-pricing {
    flex-flow: column;
    display: none;
  }
  .pricing-columns-sub-copy-text {
    font-size: 14px;
  }
  .pricing-columns-sub-copy-bottom-border {
    width: 300px;
  }
  .pricing-column-plan-name-text,
  .pricing-column-cost {
    font-size: 24px;
  }
  .pricing-column-monthly-cost {
    font-size: 16px;
  }
  .pricing-column-toggle-monthly {
    font-size: 15px;
  }
  .column-pricing {
    justify-content: center;
    display: flex;
  }
  .pricing-column-feature {
    text-align: left;
    font-size: 16px;
  }
  .pricing-column-sub-copy {
    font-size: 14px;
  }
  .pricing-column-add-on-details {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: space-between;
    margin-bottom: 16px;
    padding-right: 45px;
  }
  .pricing-column-add-on-title {
    margin-bottom: 8px;
  }
  .container-template-hub-hero {
    background-image: none;
    flex-flow: wrap;
  }
  .template-hub-outro-cta-section {
    width: auto;
    height: auto;
  }
  .template-hub-trusted-banner {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
  }
  .template-hub-trusted-banner.reverse {
    margin-top: 0;
    margin-bottom: 24px;
  }
  .template-hub-trusted-banner.reverse.bottom-margin-16.header-version {
    margin-top: 4px;
    display: none;
  }
  .template-hub-trusted-banner-text {
    font-size: 14px;
  }
  .template-hub-outro-cta-h2 {
    text-align: center;
    font-size: 32px;
  }
  .section-template-hub-category-grid {
    max-width: 350px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .container-template-hub-categroy-grid-heading {
    width: 100%;
  }
  .heading-template-hub-category-grid-heading-text {
    max-width: 275px;
    margin-left: auto;
    margin-right: auto;
  }
  .template-hub-category-grid {
    justify-content: stretch;
  }
  .template-hub-category-container {
    width: auto;
  }
  .homepage-templates-grid-container-copy {
    width: 300px;
  }
  .template-hub-category-block-link {
    margin-bottom: 20px;
  }
  .section-template-hub-why-teamgantt {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-template-hub-why-teamgantt {
    width: auto;
  }
  .template-hub-why-teamgantt-card-container {
    flex-flow: column;
  }
  .section-template-hub-reviews {
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-template-hub-outro {
    background-image: none;
    padding-left: 10px;
    padding-right: 10px;
  }
  .text-block-41 {
    text-align: center;
  }
  .template-hub-hero-cta {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
  }
  .template-hub-hero-h1 {
    text-align: center;
    font-size: 32px;
  }
  .template-hub-hero-cta-relative-container {
    width: 100%;
  }
  .container-template-landing-hero {
    min-height: auto;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .template-landing-page-back-link-text {
    margin-top: 0;
    margin-left: 0;
    padding-top: 10px;
    font-size: 16px;
  }
  .template-landing-page-hero-text-container {
    justify-content: flex-start;
    align-items: flex-start;
    margin-top: 0;
  }
  .template-landing-page-h1 {
    text-align: center;
    margin-top: 50px;
    font-size: 32px;
  }
  .template-landing-page-hero-sub-copy-container {
    margin-right: 0;
  }
  .template-landing-page-hero-sub-copy-container.margin-bottom-12px {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 0;
  }
  .template-landing-page-hero-subcopy-check-mark {
    align-self: flex-start;
  }
  .template-landing-page-hero-subcopy-text {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .template-landing-page-hero-subcopy-text.margin-right-20px {
    margin-right: 0;
  }
  .section-template-landing-main-template-grid {
    max-width: 350px;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .button-7 {
    text-align: center;
    width: 100%;
  }
  .button-8 {
    text-align: center;
    width: 100%;
    height: 56px;
  }
  .div-block-20 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap-reverse;
  }
  .section-make-your-own-template {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-make-your-own-template {
    background-image: none;
    height: auto;
    padding-bottom: 20px;
    padding-left: 0;
  }
  .make-your-own-template-cta-content-block {
    width: auto;
    height: auto;
  }
  .make-your-own-template-h2 {
    text-align: center;
    margin-bottom: 36px;
    font-size: 32px;
  }
  .make-your-own-template-sub-copy {
    text-align: center;
    margin-bottom: 36px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .make-your-own-template-solid-button {
    flex-flow: row;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }
  .make-your-own-template-logo-ribbon-heading {
    font-size: 14px;
  }
  .make-your-own-template-logo-ribbon-heading.top-margin-48px.template-hub-logo-ribbon-header-white {
    margin-top: 38px;
  }
  .logo-ribbon-make-your-own-template {
    margin-bottom: 16px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .make-your-own-template-logo-ribbon-logo-block {
    height: auto;
  }
  .column-8 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: flex-start;
    height: auto;
    margin-top: 26px;
  }
  .logo-items {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }
  .logo-item,
  .logo-item-2 {
    width: 120px;
  }
  .div-block-26 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-27 {
    flex-flow: column;
  }
  .heading-8,
  .text-block-46 {
    text-align: center;
  }
  .button-9 {
    width: auto;
    margin-top: 40px;
  }
  .div-block-28 {
    width: auto;
  }
  .container-11 {
    padding-top: 0;
    padding-bottom: 0;
  }
  .section-pricing-free-plan,
  .section-pricing-enterprise-plan,
  .section-pricing-compare {
    padding-left: 10px;
    padding-right: 10px;
  }
  .heading-pricing-compare {
    padding-top: 0;
  }
  .pricing-grid {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1.5fr 1fr 1fr 1fr;
  }
  .pricing-grid-cell {
    overflow-wrap: normal;
    justify-content: center;
    height: 75px;
    padding: 0 10px;
    overflow: scroll;
  }
  .pricing-grid-header-text,
  .pricing-grid-cell-text {
    font-size: 12px;
  }
  .div-block-41 {
    flex-flow: column;
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .role-description-container {
    width: auto;
    height: auto;
  }
  .div-block-44 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 60px;
  }
  .div-block-47 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: flex-start;
    display: flex;
  }
  .div-block-49 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
    width: 250px;
    display: flex;
  }
  .div-block-50 {
    width: 250px;
  }
  .columns-7 {
    grid-column-gap: 41px;
    grid-row-gap: 41px;
    align-content: stretch;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0;
  }
  .columns-8 {
    margin-left: 0;
    margin-right: 26px;
    padding-bottom: 0;
    position: relative;
    top: -17px;
  }
  .nav-icon {
    width: 30px;
  }
  .template-hub-hero-cta-button {
    width: 100%;
  }
  .left-column-template-hub-hero {
    display: none;
  }
  .right-column-template-hub-hero {
    align-items: flex-start;
    height: auto;
    padding: 10px 10px 40px;
  }
  .template-hub-category-button-text {
    font-size: 14px;
  }
  .div-block-52 {
    margin-top: 10px;
  }
  .text-block-54 {
    line-height: 140%;
  }
  .section-why-choose-teamgantt {
    padding-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-support-callout {
    padding-bottom: 36px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-construction-management-features {
    padding-left: 10px;
    padding-right: 10px;
  }
  .section-easy-construction-scheduling {
    padding: 0 10px;
  }
  .section-construction-project-management-software {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-construction-project-management-software-hero {
    flex-flow: column;
  }
  .construction-project-management-header-content-block {
    width: 100%;
    margin-bottom: 42px;
    padding: 0 10px;
  }
  .construction-project-management-header-content-block.book-a-demo {
    padding-right: 10px;
  }
  .construction-project-management-header-content-block.construction-webinar {
    margin-bottom: 0;
    padding-bottom: 24px;
    padding-right: 10px;
  }
  .construction-project-management-software-heading {
    text-align: center;
    font-size: 32px;
    line-height: 140%;
  }
  .construction-project-management-software-sub-head {
    text-align: center;
  }
  .construction-project-management-software-header-cta {
    width: 100%;
    margin-top: 18px;
  }
  .div-block-55 {
    width: 100%;
  }
  .div-block-55.construction-webinar,
  .construction-project-management-software-heading-container {
    width: auto;
  }
  .construction-project-management-software-header-content-block-right {
    display: block;
  }
  .construction-project-management-software-team-proof.features-page-margin-top {
    margin-top: 48px;
  }
  .div-block-57 {
    width: 100%;
  }
  .container-construction-features {
    flex-flow: column;
  }
  .construction-feature-container {
    flex-flow: column;
    width: 100%;
    display: flex;
  }
  .construction-feature-green-floating-micro-copy {
    position: relative;
    top: -31px;
  }
  .construction-feature-list-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .construction-feature-sub-head-container {
    margin-top: 8px;
  }
  .construction-feature-container-copy {
    height: 300px;
  }
  .construction-feature-container-top.blue-background,
  .construction-feature-container-top.purple-background,
  .construction-feature-container-top.green-background,
  .construction-feature-container-top.green-background {
    width: 300px;
    height: 178px;
  }
  .construction-feature-container-top.contr-green-background {
    width: 100%;
    height: 243px;
    position: relative;
  }
  .construction-feature-container-top.contr-orange-background,
  .construction-feature-container-top.contr-yellow-background {
    width: 100%;
    height: 243px;
  }
  .construction-feature-container-top.contr-red-background {
    width: 100%;
    height: auto;
  }
  .construction-feature-image {
    margin-right: 0;
  }
  .construction-feature-orange-floating-micro-copy,
  .construction-feature-yellow-floating-micro-copy,
  .construction-feature-red-floating-micro-copy {
    top: -31px;
  }
  .orange-card-bg,
  .why-choose-teamgantt-card-opy-container {
    width: 100%;
  }
  .container-why-choose-teamgantt-cards {
    flex-flow: column;
  }
  .section-heading-why-shoose-teamgantt-text {
    text-align: center;
    flex-flow: column;
    margin-bottom: 40px;
    font-size: 24px;
  }
  .section-heading-why-choose-teamgantt {
    text-align: left;
  }
  .green-card-bg,
  .teal-card-bg,
  .purple-card-bg {
    width: 100%;
  }
  .support-callout-subhead-text {
    text-align: center;
  }
  .support-callout-block-container {
    flex-flow: column;
  }
  .support-callout-block-orange {
    width: 100%;
  }
  .support-callout-block-subhead-text {
    text-align: center;
  }
  .support-callout-block-purple,
  .support-callout-block-green {
    width: 100%;
  }
  .easy-scheduling-content-block-copy {
    width: 100%;
    margin-left: 0;
    padding-left: 20px;
  }
  .bold-text-15 {
    text-align: center;
    font-size: 14px;
  }
  .contruction-project-management-software-hero-h1 {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 24px;
    line-height: 10px;
  }
  .grid-3 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  .div-block-64 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .bold-text-16 {
    font-size: 32px;
    line-height: 140%;
  }
  .image-26 {
    margin-bottom: 18px;
  }
  .column-10 {
    margin-top: 12px;
  }
  .columns-9 {
    flex-flow: column;
  }
  .section-what-people-are-saying {
    padding-left: 10px;
    padding-right: 10px;
  }
  .landing-page-video-testimonial-grid {
    display: block;
  }
  .video-3 {
    margin-bottom: 35px;
  }
  .section-construction-webinar-video {
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-65 {
    flex-flow: column;
  }
  .div-block-66.construction-webinar {
    width: auto;
    padding-left: 10px;
  }
  .div-block-67 {
    padding-right: 10px;
  }
  .div-block-68 {
    flex-flow: column;
    align-items: center;
    width: auto;
    margin-top: 16px;
    display: flex;
  }
  .text-block-61 {
    flex-flow: column;
    align-items: center;
    max-width: 300px;
    display: flex;
  }
  .div-block-69 {
    flex-flow: column;
  }
  .div-block-69.popular-features-ctas {
    align-items: center;
  }
  .features-page-hero-logo-ribbon {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: wrap;
    justify-content: center;
    display: flex;
  }
  .heading-12 {
    text-align: center;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    max-width: 300px;
    margin-top: 0;
    font-size: 30px;
    display: flex;
  }
  .section-features-hub-popular-features {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-features-hub-popular-features-cards {
    flex-flow: column;
  }
  .popular-features-container {
    flex-flow: column;
    width: 100%;
    display: flex;
  }
  .popular-features-container-top.blue-background,
  .popular-features-container-top.purple-background,
  .popular-features-container-top.green-background,
  .popular-features-container-top.green-background {
    width: 300px;
    height: 178px;
  }
  .popular-features-container-top.contr-green-background {
    width: 100%;
    height: 243px;
    position: relative;
  }
  .popular-features-container-top.contr-orange-background,
  .popular-features-container-top.contr-yellow-background {
    width: 100%;
    height: 243px;
  }
  .popular-features-container-top.contr-red-background {
    width: 100%;
    height: auto;
  }
  .popular-features-image {
    margin-right: 0;
  }
  .popular-feature-green-floating-micro-copy {
    position: relative;
    top: -31px;
  }
  .popular-feature-sub-head-container {
    margin-top: 8px;
  }
  .popular-feature-list-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .popular-feature-orange-floating-micro-copy {
    top: -31px;
  }
  .section-features-hub-featured-content {
    padding-top: 36px;
  }
  .heading-13 {
    text-align: center;
  }
  .text-block-65 {
    text-align: center;
    max-width: 300px;
  }
  .image-27 {
    max-width: 300px;
  }
  .container-features-by-use-case {
    flex-flow: column;
    align-items: flex-start;
    display: block;
  }
  .use-cases-category-container {
    text-align: center;
    flex-flow: column;
  }
  .use-cases-feature-description-block.features-glance-version {
    height: auto;
    padding-left: 5px;
    padding-right: 10px;
  }
  .section-feature-highlights {
    padding-left: 10px;
    padding-right: 10px;
  }
  .heading-15 {
    text-align: center;
    flex-flow: row;
    display: block;
  }
  .feature-highlight-block {
    width: 300px;
  }
  .div-block-20-copy {
    flex-flow: wrap-reverse;
  }
  .container-features-glance {
    max-width: 320px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .bold-text-18 {
    text-align: center;
  }
  .div-block-79 {
    padding-left: 0;
    padding-right: 0;
  }
  .link-block-3.template-multi-cta {
    width: auto;
  }
  .text-block-70,
  .text-block-71 {
    font-size: 14px;
  }
  .section-features-page-hero {
    padding-top: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-92 {
    flex-flow: wrap-reverse;
  }
  .heading-18 {
    line-height: 100%;
  }
  .button-12 {
    width: auto;
    margin-bottom: 0;
  }
  .text-block-73 {
    text-align: center;
  }
  .section-other-use-cases {
    padding-left: 10px;
    padding-right: 10px;
  }
  .heading-19 {
    text-align: center;
  }
  .div-block-93 {
    flex-flow: column;
    align-items: center;
  }
  .bold-text-19 {
    letter-spacing: normal;
    font-size: 36px;
    line-height: 20%;
  }
  .image-32 {
    display: none;
  }
  .section-templates-hero {
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-templates-hero {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    height: auto;
  }
  .template-hero-h1 {
    text-align: left;
  }
  .template-hero-title-and-cta {
    align-items: center;
    width: 300px;
  }
  .template-hero-cta-container {
    flex-flow: column;
    margin-bottom: 25px;
  }
  .container-template-page-main-content {
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
    display: block;
  }
  .oddit-rich-text {
    margin-right: 0;
  }
  .content-column-left {
    padding-right: 0;
  }
  .content-column-right {
    padding-left: 0;
    padding-right: 0;
    display: none;
  }
  .columns-template-page {
    flex-flow: column-reverse;
    display: flex;
  }
  .container-intersitial-cta {
    background-color: var(--_oddit---oddit-dark-blue);
    background-image: none;
    flex-flow: column;
    align-items: center;
    height: 300px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-100 {
    text-align: center;
    align-items: stretch;
    width: 300px;
  }
  .text-block-78 {
    flex-flow: column;
    display: block;
  }
  .intersitial {
    flex-flow: column;
    display: flex;
  }
  .container-intersitial-logo-block {
    align-items: stretch;
  }
  .container-intersitial-logo-block-icon {
    flex-flow: row;
    justify-content: center;
  }
  .intersitial-logo-block-icon {
    margin-right: 0;
  }
  .columns-10 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
    top: -20px;
  }
  .section-blog-hero {
    padding: 0 10px 10px;
  }
  .blog-hero-byline-container {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: flex;
  }
  .blog-hero-separator {
    display: none;
  }
  .blog-hero-heading {
    text-align: center;
  }
  .blog-hero-author-image {
    border-radius: 0;
  }
  .blog-hero-image-container {
    display: none;
  }
  .blog-hero-byline-subcontainer {
    flex-flow: column;
    align-items: center;
  }
  .navbar-3 {
    display: none;
  }
  .div-block-106 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    display: flex;
  }
  .div-block-107 {
    flex-flow: column;
  }
  .div-block-108 {
    display: none;
  }
  .nav-menu-3 {
    background-color: #c8c8c800;
    flex-flow: column;
    display: block;
  }
  .image-34 {
    min-width: 130px;
    max-width: 80%;
  }
  .dropdown-toggle-2 {
    text-align: left;
    vertical-align: baseline;
    margin-right: 200px;
  }
  .link-5 {
    margin-right: 200px;
  }
  .text-block-81 {
    text-align: left;
  }
  .div-block-109 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
    align-items: flex-start;
  }
  .div-block-110 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
  }
  .div-block-111 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: column;
  }
  .div-block-112 {
    margin-top: 24px;
  }
  .div-block-113 {
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    flex-flow: column;
  }
  .div-block-114 {
    margin-bottom: 10px;
  }
  .div-block-115 {
    margin-bottom: 0;
  }
  .list-5 {
    text-align: left;
    padding-left: 0;
  }
  .div-block-122 {
    flex-flow: column;
  }
  .div-block-125 {
    justify-content: center;
    display: flex;
  }
  .div-block-126 {
    padding-left: 0;
    padding-right: 0;
  }
  .div-block-127 {
    width: 100%;
    margin-top: 21px;
  }
  .div-block-129 {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: wrap;
  }
  .section-compare-why {
    padding: 40px 10px;
  }
  .compare-why-card-container {
    flex-flow: column;
  }
  .compare-why-teamgantt {
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }
  .compare-why-3rd-party-container {
    padding-left: 10px;
    padding-right: 10px;
  }
  .compare-why-heading.which-tool-heading {
    color: var(--black-ish);
    text-align: left;
  }
  .teamgantt-check-list-text {
    font-size: 16px;
  }
  .section-compare-cards {
    padding-left: 0;
    padding-right: 0;
  }
  .container-compare-cards {
    flex-flow: column;
    margin-bottom: 24px;
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
  }
  .compare-card-continer {
    margin-top: 10px;
    margin-bottom: 0;
  }
  .compare-card-description-container {
    flex-flow: column;
    align-items: center;
    display: flex;
  }
  .compare-card-description-heading {
    font-size: 24px;
  }
  .compare-card-feature-image {
    display: none;
  }
  .section-customer-quote {
    padding: 40px 10px;
  }
  .customer-quote-text {
    font-size: 24px;
  }
  .section-compare-table {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .grid-4 {
    grid-template-columns: 0.25fr 1.5fr 1fr;
    grid-auto-flow: row;
    padding-right: 0;
  }
  .compare-grid-tg-title-column {
    flex-flow: row;
    height: auto;
    min-height: 80px;
  }
  .compare-grid-3rd-party-title-column {
    padding-left: 0;
  }
  .compare-grid-tg-cell {
    align-items: center;
    height: auto;
    min-height: 80px;
    padding-left: 5px;
    padding-right: 10px;
    font-size: 12px;
  }
  .compare-grid-3rd-party-cell {
    height: auto;
    min-height: 80px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
  }
  .compare-table-heading {
    margin-bottom: 0;
  }
  .compare-table-container {
    margin-top: 40px;
  }
  .compare-gride-metric-cell {
    height: auto;
    min-height: 80px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }
  .image-35,
  .image-36 {
    width: 75px;
    margin-right: 0;
  }
  .div-block-134 {
    flex-flow: column;
    margin-top: 10px;
    margin-bottom: 10px;
    display: flex;
  }
  .paragraph-5.light-bg {
    margin-bottom: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container-blog-hub,
  .container-blog-post-card-hub,
  .container-blog-guide-cta {
    padding-left: 10px;
    padding-right: 10px;
  }
  .guide-cta-container {
    flex-flow: column;
  }
  .guide-cta-card.pink-grad-bg {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    align-items: stretch;
    width: auto;
  }
  .guide-cta-card.blue-grad-bg {
    flex-flow: column;
    width: auto;
  }
  .guide-cta-card-title-container {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  .heading-22,
  .bold-text-33,
  .bold-text-34 {
    text-align: center;
  }
  .pricing-card {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .pricing-card-plan-name-text {
    font-size: 36px;
    line-height: 140%;
  }
  .pricing-card-toggle-monthly {
    font-size: 15px;
  }
  .pricing-card-cost {
    font-size: 24px;
  }
  .pricing-card-monthly-cost {
    font-size: 16px;
  }
  .pricing-card-pitch-text-yearly {
    text-align: left;
    font-size: 16px;
  }
  .pricing-card-cta-subcopy {
    font-size: 14px;
  }
  .pricing-card-cost-period-monthly {
    margin-top: -1px;
    font-size: 24px;
  }
  .pricing-card-cost-period-yearly {
    margin-top: -3px;
    font-size: 24px;
  }
  .pricing-card-projects-included-text {
    font-size: 18px;
  }
  .pricing-card-starts-at-text {
    font-size: 24px;
  }
  .pricing-card-yearly-price-container {
    display: none;
  }
  .pricing-card-pitch-text-monthly-container {
    text-align: left;
    font-size: 16px;
  }
  .pricing-card-pitch-text {
    text-align: left;
    font-size: 18px;
  }
  .pricing-card-pitch-text-yearly-container {
    text-align: left;
    font-size: 16px;
  }
  .div-block-149 {
    flex-flow: column;
    padding-left: 10px;
    padding-right: 10px;
  }
  .div-block-152 {
    justify-content: flex-start;
    margin-top: 3px;
    margin-bottom: 3px;
    padding: 5px 0 5px 10px;
  }
  .code-embed-6 {
    display: none;
  }
  .div-block-160 {
    padding-left: 10px;
    padding-right: 10px;
  }
  .video-5,
  .div-block-162 {
    width: 100%;
  }
  .container-pricing-calculator {
    border-bottom-style: none;
    padding-left: 10px;
    padding-right: 10px;
  }
}
#w-node-_2edb4972-58c8-e873-1acc-7a7eb6541d48-b6541d46 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}
#w-node-_5ba32899-c8ab-84d6-8cd4-27ac47604f61-66598ef0 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}
#w-node-_4caaf07e-de2a-e8c6-4776-7164c24c36c6-66598ef0,
#w-node-_42e3557e-f3a1-c736-0756-c50c45d8436d-66598ef0,
#w-node-d932776e-382d-01b3-2f66-56e920a1cac4-66598ef0 {
  grid-column: span 2 / span 2;
}
#w-node-_6ca180a8-6cbb-8260-84c3-fb73be5be566-66598ef0 {
  grid-column: span 3 / span 3;
}
#w-node-_41783055-feee-9bed-64f7-23586a09eae5-66598ef0,
#w-node-e3a4146e-1c03-0953-a057-9b35817d4612-66598ef0,
#w-node-_9e7d76a7-2921-14e9-bd40-698afe74a31d-66598ef0,
#w-node-_3f534209-b416-37cc-77d0-1d0762e172fe-66598ef0,
#w-node-b297d7b0-c0e3-0052-b0e5-a454982049d4-66598ef0,
#w-node-db59a581-a6a5-e6c0-8a5e-dc8ceab89b33-66598ef0,
#w-node-d6ea6ae5-c62f-b753-b4af-05f89809331b-66598ef0,
#w-node-_273c6706-5082-1059-1b8e-007ed5b08989-66598ef0,
#w-node-_2ed330c9-2d8b-0a29-d951-b50cea4f0178-66598ef0,
#w-node-_68b0f74d-ba79-29a4-3370-34e6685cf953-66598ef0,
#w-node-_4ac864ee-efa2-70ca-e5b1-2b1584b65bf6-66598ef0,
#w-node-f0b3b1c6-34ac-ac27-a2c0-b2e74707e261-66598ef0,
#w-node-ab674483-99bd-ece5-b993-cef30a652067-66598ef0,
#w-node-_8624c2ac-7f1e-8c6a-cf5f-38fa570b0ea6-66598ef0,
#w-node-_6dc23c61-e31e-289e-477d-70b0ef1f27e6-66598ef0,
#w-node-_3610f5f5-e6fe-c1fd-0789-b523bcd90eac-66598ef0,
#w-node-ef78a8cd-550a-dd78-bf94-ff38c2c0a66a-66598ef0,
#w-node-_0703c2c7-fe6c-5d48-3245-ecc9e4ee6d6d-66598ef0,
#w-node-_322bd268-c56e-0b86-c61e-24f2a7d6df52-66598ef0,
#w-node-aa409422-289b-56d3-5ec6-2b0fd618310d-66598ef0,
#w-node-_60bf17b0-12c3-eb6e-11c6-b31d575df1cb-66598ef0,
#w-node-_4ae44f9d-f700-ce25-f44d-33badab88f05-66598ef0,
#w-node-_3d7222e4-24b9-beab-4df7-c25cd0725ff4-66598ef0,
#w-node-_6f6bc01b-3b4d-6d43-2d92-bb8fc042589c-66598ef0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_31c7eb63-4054-4f82-7658-4ce414df2ef2-66598ef0 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}
#w-node-_31c7eb63-4054-4f82-7658-4ce414df2ef3-66598ef0,
#w-node-_31c7eb63-4054-4f82-7658-4ce414df2f08-66598ef0,
#w-node-_31c7eb63-4054-4f82-7658-4ce414df2f0f-66598ef0 {
  grid-column: span 2 / span 2;
}
#w-node-_31c7eb63-4054-4f82-7658-4ce414df2f32-66598ef0 {
  grid-column: span 3 / span 3;
}
#w-node-_23f09730-bc46-fb6f-a455-f13f858443ce-66598ef0 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}
#w-node-_23f09730-bc46-fb6f-a455-f13f858443cf-66598ef0,
#w-node-_23f09730-bc46-fb6f-a455-f13f858443e4-66598ef0,
#w-node-_23f09730-bc46-fb6f-a455-f13f858443eb-66598ef0 {
  grid-column: span 2 / span 2;
}
#w-node-_23f09730-bc46-fb6f-a455-f13f8584440e-66598ef0 {
  grid-column: span 3 / span 3;
}
#w-node-f69a2165-8b0f-17a5-c86d-d9e48f2d47a1-66598ef0 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}
#w-node-f69a2165-8b0f-17a5-c86d-d9e48f2d47a2-66598ef0,
#w-node-f69a2165-8b0f-17a5-c86d-d9e48f2d47b7-66598ef0,
#w-node-f69a2165-8b0f-17a5-c86d-d9e48f2d47be-66598ef0 {
  grid-column: span 2 / span 2;
}
#w-node-f69a2165-8b0f-17a5-c86d-d9e48f2d47e1-66598ef0 {
  grid-column: span 3 / span 3;
}
#w-node-d5ed050e-ff49-38a9-3245-f0f3b1ca54c6-66598ef0 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}
#w-node-d5ed050e-ff49-38a9-3245-f0f3b1ca54c7-66598ef0,
#w-node-d5ed050e-ff49-38a9-3245-f0f3b1ca54dc-66598ef0,
#w-node-d5ed050e-ff49-38a9-3245-f0f3b1ca54e3-66598ef0 {
  grid-column: span 2 / span 2;
}
#w-node-d5ed050e-ff49-38a9-3245-f0f3b1ca5504-66598ef0 {
  grid-column: span 3 / span 3;
}
#w-node-_8f8d7cfe-0e9d-0452-9177-3cbe2ff95b0a-66598ef0 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}
#w-node-_8f8d7cfe-0e9d-0452-9177-3cbe2ff95b0b-66598ef0,
#w-node-_8f8d7cfe-0e9d-0452-9177-3cbe2ff95b1f-66598ef0,
#w-node-_8f8d7cfe-0e9d-0452-9177-3cbe2ff95b26-66598ef0 {
  grid-column: span 2 / span 2;
}
#w-node-_8f8d7cfe-0e9d-0452-9177-3cbe2ff95b48-66598ef0 {
  grid-column: span 3 / span 3;
}
#w-node-e92e3299-4734-b703-58ce-9ba27a731462-66598ef0 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}
#w-node-e92e3299-4734-b703-58ce-9ba27a731463-66598ef0,
#w-node-e92e3299-4734-b703-58ce-9ba27a731478-66598ef0,
#w-node-e92e3299-4734-b703-58ce-9ba27a73147f-66598ef0 {
  grid-column: span 2 / span 2;
}
#w-node-e92e3299-4734-b703-58ce-9ba27a7314a2-66598ef0 {
  grid-column: span 3 / span 3;
}
#w-node-ccdbb515-a55a-4465-bc86-bdd713caf4f5-66598ef0 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}
#w-node-ccdbb515-a55a-4465-bc86-bdd713caf4f6-66598ef0,
#w-node-ccdbb515-a55a-4465-bc86-bdd713caf50b-66598ef0,
#w-node-ccdbb515-a55a-4465-bc86-bdd713caf512-66598ef0 {
  grid-column: span 2 / span 2;
}
#w-node-ccdbb515-a55a-4465-bc86-bdd713caf535-66598ef0 {
  grid-column: span 3 / span 3;
}
#w-node-a42d204b-3dbb-4767-6538-ccb129c8085c-66598ef0 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}
#w-node-a42d204b-3dbb-4767-6538-ccb129c8085d-66598ef0,
#w-node-a42d204b-3dbb-4767-6538-ccb129c80872-66598ef0,
#w-node-a42d204b-3dbb-4767-6538-ccb129c80879-66598ef0 {
  grid-column: span 2 / span 2;
}
#w-node-a42d204b-3dbb-4767-6538-ccb129c8089c-66598ef0 {
  grid-column: span 3 / span 3;
}
#w-node-_6cd7c1bf-16a6-7b77-81d4-370b342e1266-342e1265,
#w-node-_6cd7c1bf-16a6-7b77-81d4-370b342e1268-342e1265,
#w-node-_6cd7c1bf-16a6-7b77-81d4-370b342e126a-342e1265,
#w-node-_6cd7c1bf-16a6-7b77-81d4-370b342e126b-342e1265,
#w-node-_6cd7c1bf-16a6-7b77-81d4-370b342e126c-342e1265,
#w-node-_6cd7c1bf-16a6-7b77-81d4-370b342e126d-342e1265 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_882fe215-3165-b5fb-f0ad-2c55008af72e-ae478e85 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_882fe215-3165-b5fb-f0ad-2c55008af735-ae478e85 {
  grid-column: span 2 / span 2;
}
#w-node-_882fe215-3165-b5fb-f0ad-2c55008af73f-ae478e85 {
  grid-template-rows: auto auto;
  grid-template-columns: 2fr 1fr 1fr;
}
#w-node-_882fe215-3165-b5fb-f0ad-2c55008af740-ae478e85,
#w-node-_882fe215-3165-b5fb-f0ad-2c55008af74a-ae478e85 {
  grid-row: span 2 / span 2;
}
#w-node-d17aa4b0-4846-d66b-474d-6fca4f7452df-c42dc5b4 {
  grid-template-rows: auto auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8bdb-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8bdc-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8be1-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8bee-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8bef-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8bf5-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8bf6-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8c05-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8c06-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8c0a-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8c16-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8c17-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8c1b-6165b4a2,
#w-node-_2cbb33bc-b04b-58f4-8030-646a720f8c1c-6165b4a2,
#w-node-_16d2a2c0-cc06-3c8e-857f-761e4113d651-6165b4a2,
#w-node-_16d2a2c0-cc06-3c8e-857f-761e4113d652-6165b4a2,
#w-node-_71a2cfb4-6e4d-6958-d885-7b4ccb33b76c-6165b4a2,
#w-node-_71a2cfb4-6e4d-6958-d885-7b4ccb33b76d-6165b4a2,
#w-node-_2e58bace-364d-ab80-6d90-cca3578919a5-6165b4a2,
#w-node-_2e58bace-364d-ab80-6d90-cca3578919a6-6165b4a2,
#w-node-_45c72bb6-e9cd-ce96-1052-3918aa7f1508-6165b4a2,
#w-node-_45c72bb6-e9cd-ce96-1052-3918aa7f1509-6165b4a2,
#w-node-_446335b4-af2f-54f0-0316-186eec1500bc-6165b4a2,
#w-node-_446335b4-af2f-54f0-0316-186eec1500bd-6165b4a2,
#w-node-_8aaccca3-7a01-e597-4a65-f1016db12c4e-6165b4a2,
#w-node-_8aaccca3-7a01-e597-4a65-f1016db12c4f-6165b4a2,
#w-node-d7fb99cb-9bec-5104-2fc1-4345ca7628c6-6165b4a2,
#w-node-d7fb99cb-9bec-5104-2fc1-4345ca7628c7-6165b4a2,
#w-node-_88101556-dbd7-d4ce-3c31-da8de9f1f590-6165b4a2,
#w-node-_88101556-dbd7-d4ce-3c31-da8de9f1f591-6165b4a2,
#w-node-_02485439-a064-1fbe-afed-09c3ea4b4303-6165b4a2,
#w-node-_02485439-a064-1fbe-afed-09c3ea4b4304-6165b4a2,
#w-node-_32b16539-cb57-0c86-1282-a0a6df8c4b0c-6165b4a2,
#w-node-_32b16539-cb57-0c86-1282-a0a6df8c4b0d-6165b4a2,
#w-node-_1cb9c1c2-a2ea-1b8c-412b-43a92da434ff-6165b4a2,
#w-node-_1cb9c1c2-a2ea-1b8c-412b-43a92da43500-6165b4a2,
#w-node-edbb932c-003b-2435-1a75-b08fc5be912c-6165b4a2,
#w-node-edbb932c-003b-2435-1a75-b08fc5be912d-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb1bb-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb1c2-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb1c9-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb1d0-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb1d7-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb1de-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb1e5-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb1ec-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb1f3-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb1fa-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb201-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb208-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb20f-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb216-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb21d-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb224-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb22b-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb232-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb239-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb240-6165b4a2,
#w-node-_028909e4-aaf1-4bc1-75ac-c0763e5bb247-6165b4a2,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebc0-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebc1-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebc4-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebc9-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebca-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebce-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebcf-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebd5-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebd6-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebda-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebe1-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebe2-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebe6-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebe7-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebed-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebee-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebf2-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebf3-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebf9-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebfa-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebfe-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ebff-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec05-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec06-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec0a-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec0b-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec11-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec12-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec16-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec17-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec1d-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec1e-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec22-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec23-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec29-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec2a-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec2e-b6101992,
#w-node-f819c2d2-d256-a821-0b1c-77eae5e2ec2f-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a70687fe-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a7068805-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a706880c-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a7068813-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a706881a-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a7068821-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a7068828-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a706882f-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a7068836-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a706883d-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a7068844-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a706884b-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a7068852-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a7068859-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a7068860-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a7068867-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a706886e-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a7068875-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a706887c-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a7068883-b6101992,
#w-node-_3378086e-0d3c-2956-9aa1-7c24a706888a-b6101992,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2a8-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2a9-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2ac-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2b1-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2b2-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2b6-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2b7-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2bd-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2be-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2c2-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2c9-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2ca-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2ce-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2cf-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2d5-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2d6-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2da-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2db-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2e1-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2e2-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2e6-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2e7-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2ed-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2ee-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2f2-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2f3-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2f9-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2fa-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2fe-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f2ff-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f305-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f306-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f30a-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f30b-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f311-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f312-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f316-62d0c4ac,
#w-node-_68195f99-de39-b413-c5ff-d9d91b12f317-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b571680-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b571687-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b57168e-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b571695-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b57169c-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716a3-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716aa-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716b1-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716b8-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716bf-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716c6-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716cd-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716d4-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716db-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716e2-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716e9-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716f0-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716f7-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b5716fe-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b571705-62d0c4ac,
#w-node-_50cb4f1d-27ce-4a99-0d0e-de3a2b57170c-62d0c4ac {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-dc5d6cce-4759-ebf7-bd94-6b4642256765-b23cbedd {
  grid-area: span 2 / span 2 / span 2 / span 2;
  align-self: auto;
}
#w-node-e232984d-bfff-b0f6-12ab-097ff2551912-b23cbedd {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_13223632-f649-8d63-d41d-90daf6c11600-0d20feab {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}
#w-node-d8896a64-da01-bac0-f29d-c4ca87f0d226-e03f31bf {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}
#w-node-f1687e95-8f00-8e87-3df3-e1d5329638b0-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d5329638b7-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d5329638be-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d5329638c5-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d5329638cc-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d5329638d3-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d5329638da-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d5329638e1-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d5329638e8-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d5329638ef-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d5329638f6-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d5329638fd-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d532963904-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d53296390b-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d532963912-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d532963919-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d532963920-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d532963927-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d53296392e-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d532963935-e8baafcb,
#w-node-f1687e95-8f00-8e87-3df3-e1d53296393c-e8baafcb {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-ef597ed6-c679-327a-e276-9f8228bc07f6-4c0fe912,
#w-node-_1ef15921-82a8-4a9f-caf2-4b301001f1c6-b94c7744 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}
#w-node-c633cf8f-25b0-280d-95e7-a590bea0704d-d33bca97 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}
#w-node-_8f025fb8-e1c5-5114-f2d0-49c11d900da5-d33bca97 {
  grid-row: span 2 / span 2;
}
#w-node-f781d793-f92a-7256-fe58-635d8b3023a0-d33bca97,
#w-node-_1a27dab5-31df-dcce-f6d3-9f4e72f33634-d33bca97 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}
#w-node-be5626c3-f3af-4625-7a9b-5b7800524c1d-b5c965ae,
#w-node-be5626c3-f3af-4625-7a9b-5b7800524c1e-b5c965ae,
#w-node-be5626c3-f3af-4625-7a9b-5b7800524c1f-b5c965ae,
#w-node-be5626c3-f3af-4625-7a9b-5b7800524c20-b5c965ae,
#w-node-be5626c3-f3af-4625-7a9b-5b7800524c21-b5c965ae,
#w-node-be5626c3-f3af-4625-7a9b-5b7800524c22-b5c965ae,
#w-node-_321a5b27-20a9-361f-8c47-323da98656fb-9936d9a5 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_321a5b27-20a9-361f-8c47-323da98656fc-9936d9a5 {
  grid-area: Hero-Heading;
}
#w-node-_321a5b27-20a9-361f-8c47-323da98656fe-9936d9a5 {
  grid-area: 2/1/3/2;
  justify-self: start;
}
#w-node-_321a5b27-20a9-361f-8c47-323da9865701-9936d9a5 {
  grid-area: 2/2/3/3;
}
#w-node-d21ec18f-f75d-f3ca-f5f7-ae9579a5fae5-9936d9a5,
#w-node-e9f77151-025d-a455-8e3d-a4f1faedf269-9936d9a5,
#w-node-ef624e94-dd96-e6b3-b0ab-3d8a13db5b54-9936d9a5 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_1e04bb16-c9e6-2f4b-277e-4edd1277446b-89f5954f {
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr;
}
#w-node-_305dd9ac-4428-1f20-8a9e-7a7f667911e8-5f1a5cc9 {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
}
#w-node-_305dd9ac-4428-1f20-8a9e-7a7f667911ef-5f1a5cc9 {
  grid-column: span 2 / span 2;
}
#w-node-_305dd9ac-4428-1f20-8a9e-7a7f667911f9-5f1a5cc9 {
  grid-template-rows: auto auto;
  grid-template-columns: 2fr 1fr 1fr;
}
#w-node-_305dd9ac-4428-1f20-8a9e-7a7f667911fa-5f1a5cc9,
#w-node-_305dd9ac-4428-1f20-8a9e-7a7f66791204-5f1a5cc9 {
  grid-row: span 2 / span 2;
}
#w-node-_9a72b193-7e74-fbd8-413d-a6b4b4654f13-af6db062,
#w-node-_9a72b193-7e74-fbd8-413d-a6b4b4654f13-b43b99ac,
#w-node-_9a72b193-7e74-fbd8-413d-a6b4b4654f13-47a69b1f,
#w-node-_9a72b193-7e74-fbd8-413d-a6b4b4654f13-12d24ba8,
#w-node-dcd367f2-3996-f712-a8ca-ad59b03f7793-b03f7793 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
  #w-node-_2edb4972-58c8-e873-1acc-7a7eb6541d48-b6541d46,
  #w-node-d8896a64-da01-bac0-f29d-c4ca87f0d226-e03f31bf,
  #w-node-ef597ed6-c679-327a-e276-9f8228bc07f6-4c0fe912,
  #w-node-_1ef15921-82a8-4a9f-caf2-4b301001f1c6-b94c7744,
  #w-node-d21ec18f-f75d-f3ca-f5f7-ae9579a5fae5-9936d9a5,
  #w-node-e9f77151-025d-a455-8e3d-a4f1faedf269-9936d9a5,
  #w-node-ef624e94-dd96-e6b3-b0ab-3d8a13db5b54-9936d9a5 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 767px) {
  #w-node-_2edb4972-58c8-e873-1acc-7a7eb6541d48-b6541d46 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  #w-node-_5ba32899-c8ab-84d6-8cd4-27ac47604f61-66598ef0 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }
  #w-node-_4caaf07e-de2a-e8c6-4776-7164c24c36c6-66598ef0,
  #w-node-_9854499e-9267-93a4-8065-a7fceaddac86-66598ef0,
  #w-node-e0fa18f9-2021-88a9-b0b7-3f1859355135-66598ef0,
  #w-node-_42e3557e-f3a1-c736-0756-c50c45d8436d-66598ef0,
  #w-node-d932776e-382d-01b3-2f66-56e920a1cac4-66598ef0,
  #w-node-fc979259-bed5-8baf-6db6-5ebe6bde2be0-66598ef0,
  #w-node-b88edc1f-7eb6-c838-ebb5-d3852b0035b4-66598ef0,
  #w-node-e25b2ca4-954e-3345-d860-73e9002fdfca-66598ef0,
  #w-node-c79c0d61-4e9b-da47-ef49-6f7155d73ed3-66598ef0,
  #w-node-_6ca180a8-6cbb-8260-84c3-fb73be5be566-66598ef0 {
    grid-column: span 2 / span 2;
  }
  #w-node-_31c7eb63-4054-4f82-7658-4ce414df2ef3-66598ef0,
  #w-node-_31c7eb63-4054-4f82-7658-4ce414df2efa-66598ef0,
  #w-node-_31c7eb63-4054-4f82-7658-4ce414df2f01-66598ef0,
  #w-node-_31c7eb63-4054-4f82-7658-4ce414df2f08-66598ef0,
  #w-node-_31c7eb63-4054-4f82-7658-4ce414df2f0f-66598ef0,
  #w-node-_31c7eb63-4054-4f82-7658-4ce414df2f16-66598ef0,
  #w-node-_31c7eb63-4054-4f82-7658-4ce414df2f1d-66598ef0,
  #w-node-_31c7eb63-4054-4f82-7658-4ce414df2f24-66598ef0,
  #w-node-_31c7eb63-4054-4f82-7658-4ce414df2f2b-66598ef0,
  #w-node-_23f09730-bc46-fb6f-a455-f13f858443cf-66598ef0,
  #w-node-_23f09730-bc46-fb6f-a455-f13f858443d6-66598ef0,
  #w-node-_23f09730-bc46-fb6f-a455-f13f858443dd-66598ef0,
  #w-node-_23f09730-bc46-fb6f-a455-f13f858443e4-66598ef0,
  #w-node-_23f09730-bc46-fb6f-a455-f13f858443eb-66598ef0,
  #w-node-_23f09730-bc46-fb6f-a455-f13f858443f2-66598ef0,
  #w-node-_23f09730-bc46-fb6f-a455-f13f858443f9-66598ef0,
  #w-node-_23f09730-bc46-fb6f-a455-f13f85844400-66598ef0,
  #w-node-_23f09730-bc46-fb6f-a455-f13f85844407-66598ef0 {
    grid-column: span 3 / span 3;
  }
  #w-node-f69a2165-8b0f-17a5-c86d-d9e48f2d47a1-66598ef0,
  #w-node-d5ed050e-ff49-38a9-3245-f0f3b1ca54c6-66598ef0,
  #w-node-_8f8d7cfe-0e9d-0452-9177-3cbe2ff95b0a-66598ef0,
  #w-node-e92e3299-4734-b703-58ce-9ba27a731462-66598ef0,
  #w-node-ccdbb515-a55a-4465-bc86-bdd713caf4f5-66598ef0,
  #w-node-a42d204b-3dbb-4767-6538-ccb129c8085c-66598ef0 {
    display: none;
  }
  #w-node-_882fe215-3165-b5fb-f0ad-2c55008af73f-ae478e85 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr 1fr;
  }
  #w-node-_882fe215-3165-b5fb-f0ad-2c55008af740-ae478e85,
  #w-node-_882fe215-3165-b5fb-f0ad-2c55008af74a-ae478e85 {
    grid-row: span 2 / span 2;
  }
  #w-node-d17aa4b0-4846-d66b-474d-6fca4f7452df-c42dc5b4 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }
  #w-node-dc5d6cce-4759-ebf7-bd94-6b4642256765-b23cbedd {
    grid-area: 1/1/2/3;
  }
  #w-node-d8896a64-da01-bac0-f29d-c4ca87f0d226-e03f31bf,
  #w-node-ef597ed6-c679-327a-e276-9f8228bc07f6-4c0fe912,
  #w-node-_1ef15921-82a8-4a9f-caf2-4b301001f1c6-b94c7744 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
  #w-node-c633cf8f-25b0-280d-95e7-a590bea0704d-d33bca97 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
  #w-node-_8f025fb8-e1c5-5114-f2d0-49c11d900da5-d33bca97 {
    grid-row: span 2 / span 2;
  }
  #w-node-_321a5b27-20a9-361f-8c47-323da98656fe-9936d9a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    justify-self: center;
  }
  #w-node-_321a5b27-20a9-361f-8c47-323da9865701-9936d9a5 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
  #w-node-_1e04bb16-c9e6-2f4b-277e-4edd1277446b-89f5954f {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }
  #w-node-_305dd9ac-4428-1f20-8a9e-7a7f667911f9-5f1a5cc9 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr 1fr;
  }
  #w-node-_305dd9ac-4428-1f20-8a9e-7a7f667911fa-5f1a5cc9,
  #w-node-_305dd9ac-4428-1f20-8a9e-7a7f66791204-5f1a5cc9 {
    grid-row: span 2 / span 2;
  }
}
@media screen and (max-width: 479px) {
  #w-node-_5ba32899-c8ab-84d6-8cd4-27ac47604f61-66598ef0 {
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }
  #w-node-_882fe215-3165-b5fb-f0ad-2c55008af72e-ae478e85 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
  #w-node-_882fe215-3165-b5fb-f0ad-2c55008af73f-ae478e85 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }
  #w-node-_882fe215-3165-b5fb-f0ad-2c55008af740-ae478e85,
  #w-node-_882fe215-3165-b5fb-f0ad-2c55008af74a-ae478e85 {
    grid-row: span 2 / span 2;
  }
  #w-node-_13223632-f649-8d63-d41d-90daf6c11600-0d20feab {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
  #w-node-_1e04bb16-c9e6-2f4b-277e-4edd1277446b-89f5954f {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }
  #w-node-_305dd9ac-4428-1f20-8a9e-7a7f667911e8-5f1a5cc9 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
  #w-node-_305dd9ac-4428-1f20-8a9e-7a7f667911f9-5f1a5cc9 {
    grid-template-rows: auto auto;
    grid-template-columns: 2fr;
  }
  #w-node-_305dd9ac-4428-1f20-8a9e-7a7f667911fa-5f1a5cc9,
  #w-node-_305dd9ac-4428-1f20-8a9e-7a7f66791204-5f1a5cc9 {
    grid-row: span 2 / span 2;
  }
}