html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
@font-face {
font-family: Kgbrokenvesselssketch;
src: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641e7a367a03b9628e62cdc9_KGBrokenVesselsSketch.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/643b59dfaa88cb0af5386970_Inter-ExtraBold.ttf") format("truetype"), url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/643b59df52c9ee4c16ef50d2_Inter-Bold.ttf") format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/643b59dfb43d1c70f52e5a1b_Inter-Black.ttf") format("truetype");
font-weight: 900;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/643b59df38d2d2a6326959ad_Inter-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/643b59df47b29d13f3e67487_Inter-Regular.ttf") format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/643b59dfaa88cb33c9386971_Inter-ExtraLight.ttf") format("truetype");
font-weight: 200;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/643b59df3d2fa9d68f8f4652_Inter-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/643b59df5a644154b129b7c4_Inter-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/643b59dfe7ee1043017d713c_Inter-Thin.ttf") format("truetype");
font-weight: 100;
font-style: normal;
font-display: swap;
}
:root {
--hotray_primary: #2a8700;
--primary_blue: #1f4acc;
}
.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;
}
body {
color: #333;
font-family: Open Sans, sans-serif;
font-size: 14px;
line-height: 20px;
}
.body {
background-color: #000;
}
.container {
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container.overview {
margin-top: 80px;
}
.container._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block {
color: #000;
font-family: Poppins, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 44.8px;
text-decoration: none;
}
.text-block._1 {
color: #000;
}
.text-block.home, .text-block.about {
color: #fff;
}
.nav-link {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.nav-link:hover {
color: #fff;
font-weight: 600;
}
.nav-link.w--current {
color: #777;
padding: 12px 24px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.nav-link.w--current:hover {
color: #fff;
font-weight: 500;
}
.nav-link.about {
color: #fff;
}
.nav-link.about:hover {
color: #95c700;
}
.nav-link.testify:hover {
font-weight: 500;
}
.nav-link-2 {
color: #777;
padding-right: 40px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.nav-link-2:hover {
color: #000;
font-weight: 500;
}
.nav-link-2.w--current {
color: #fff;
}
.nav-link-2.w--current:hover {
color: #95c700;
}
.nav-link-2.home {
color: #777;
padding: 12px 48px 12px 24px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.nav-link-2.home:hover {
color: #fff;
font-weight: 500;
}
.nav-link-3 {
color: #000;
font-family: Poppins, sans-serif;
font-weight: 400;
}
.nav-link-3:hover {
color: #95c700;
font-weight: 600;
}
.nav-link-3.home {
color: #fff;
margin-right: 60px;
}
.nav-link-3.home:hover {
color: #95c700;
}
.nav-link-3.about {
color: #fff;
}
.nav-link-3.about:hover {
color: #95c700;
}
.navbar {
z-index: 999;
background-color: #0000;
position: static;
inset: 0% 0% auto;
}
.navbar.abt {
display: none;
position: fixed;
inset: 0% 0% auto;
}
.navbar.designpal {
display: none;
}
.navbar.abt_home, .navbar.designpalstatic, .navbar.healthomepluesstatic, .navbar.hotraystatic {
position: static;
inset: 0% 0% auto;
}
.navbar.homescreen {
background-color: #000;
padding-bottom: 0;
position: static;
inset: 0% 0% auto;
}
.navbar.rm {
display: none;
}
.section {
z-index: auto;
white-space: normal;
background-color: #0000;
justify-content: center;
align-items: center;
height: 100vh;
margin-top: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
top: 0;
}
.kontainer {
justify-content: center;
align-items: center;
max-width: 1280px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: flex;
}
.heading {
color: #f7f7f7;
text-align: center;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #b16cea, #f36261 56%, #ffa84b);
-webkit-background-clip: text;
background-clip: text;
margin-top: 20vh;
margin-bottom: 1vh;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 90px;
font-weight: 700;
line-height: 130px;
}
.hero__name {
color: #fff;
text-align: center;
margin-top: 88px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 44.8px;
}
.text-block-2 {
color: #777;
text-align: center;
margin-top: 2.5vh;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.marque {
color: #666;
margin-top: 7vh;
overflow: hidden;
}
.inner__container {
width: 100%;
display: flex;
}
.h1 {
white-space: nowrap;
object-fit: fill;
margin-right: 30px;
font-family: Poppins, sans-serif;
font-size: 2rem;
font-weight: 500;
}
.h2 {
white-space: nowrap;
font-family: Poppins, sans-serif;
font-size: 2rem;
font-weight: 500;
}
.work {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/643b5fe0b43d1c4a022eb184_cards_3.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 6000px;
margin-right: 0;
padding-bottom: 40px;
padding-left: 30px;
padding-right: 30px;
overflow: visible;
}
.text-block-3 {
color: #b3b3b3;
text-align: center;
margin-top: 220px;
padding-top: 4vh;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 56px;
}
.text-block-4 {
color: #666;
text-align: center;
margin-top: 5vh;
font-family: Poppins, sans-serif;
font-size: 16px;
line-height: 22.4px;
display: block;
}
.designpal__content {
flex-direction: column;
flex: 0 auto;
width: 640px;
max-width: none;
margin-top: 0;
padding-right: 20px;
display: block;
position: static;
}
.heading-2 {
color: #fff;
text-align: left;
margin-top: 36px;
font-family: Poppins, sans-serif;
font-size: 60px;
line-height: 84px;
display: inline-block;
}
.text-block-5 {
color: #999;
max-width: 100%;
margin-top: 26px;
font-family: Poppins, sans-serif;
font-size: 24px;
line-height: 33.6px;
}
.div-block {
background-color: #bfbfbf;
border-radius: 5px;
max-width: 90px;
height: 24px;
margin-bottom: 36px;
padding: 2px 29px 2px 10px;
position: static;
left: 0;
}
.div-block-2 {
max-width: 90px;
height: 24px;
}
.text-block-6 {
color: #000;
max-width: 65px;
font-family: Poppins, sans-serif;
}
.grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
grid-auto-flow: row;
align-items: stretch;
}
.text-block-7 {
object-fit: fill;
padding-right: 5px;
}
.div-block-3 {
text-align: left;
background-color: #bfbfbf;
border-radius: 5px;
justify-content: center;
max-width: 90px;
height: 24px;
padding: 2px 10px;
display: flex;
}
.text-block-8 {
color: #000;
text-align: left;
max-width: 65px;
font-family: Poppins, sans-serif;
}
.text-block-9 {
width: 67px;
max-width: none;
}
.chips__container {
width: 225px;
margin-bottom: 0;
display: flex;
}
.div-block-4 {
background-color: #beceff;
border-radius: 5px;
max-width: 106px;
height: 28px;
padding: 4px 10px;
}
.div-block-4._2 {
background-color: #d4ffe1;
}
.div-block-4._3 {
background-color: #f0beff;
}
.text-block-10 {
color: #000;
width: 90px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
font-weight: 400;
}
.div-block-5 {
background-color: #beceff;
border-radius: 5px;
max-width: 97px;
height: 28px;
margin-left: 12px;
padding: 4px 10px;
}
.div-block-5._2 {
background-color: #d4ffe1;
max-width: 100px;
}
.div-block-5._3 {
background-color: #f0beff;
}
.text-block-11 {
color: #000;
text-align: left;
width: 84px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
}
.link {
color: #95c700;
width: 195px;
margin-top: 60px;
font-family: Poppins, sans-serif;
font-size: 24px;
line-height: 33.6px;
text-decoration: none;
display: block;
}
.link__wrapper {
margin-top: 72px;
display: inline-block;
overflow: hidden;
}
.link__wrapper._1 {
margin-top: 93px;
}
.link-2 {
color: #95c700;
font-family: Poppins, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 33.6px;
text-decoration: none;
}
.link__underline {
color: #95c700;
background-color: #95c700;
height: 2px;
margin-top: 4px;
transform: translate(-100%);
}
.link__underline._2 {
background-color: #95c700;
}
.link__underline._3 {
color: #95c700;
background-color: #95c700;
}
.image {
display: inline-block;
}
.designpal__image {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6416daa4fbe89f0b62b23069_designpal_img.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: 1;
width: 102px;
padding-top: 0;
}
.designpal__img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6416fc3304ae8a0ef5c134e7_designpal_img.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: 1;
}
.healthome-_content {
width: 585px;
}
.healthome-_image {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/64175d295aac653ad3992b18_healthome%2B_img.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 640px;
}
.healtheading {
color: #fff;
margin-top: 36px;
font-size: 60px;
line-height: 84px;
display: inline-block;
}
.healthome-_para {
color: #999;
max-width: 450px;
margin-top: 26px;
font-size: 24px;
line-height: 33.6px;
}
.chips__healthome-_container {
width: 225px;
margin-bottom: 0;
display: flex;
}
.chip_health {
background-color: #beceff;
border-radius: 5px;
max-width: 100px;
height: 28px;
margin-left: 12px;
padding: 4px 10px;
}
.link-3 {
color: #95c700;
font-family: Poppins, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 33.6px;
text-decoration: none;
}
.link2__underline {
background-color: #95c700;
height: 2px;
margin-top: 4px;
transform: translate(-100%);
}
.hotray__content {
width: 640px;
}
.hotray__image {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6417e3fb7b8e017df934e3bb_hotray__img.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: 1;
width: 661px;
}
.heading-3 {
color: #fff;
margin-top: 36px;
font-family: Poppins, sans-serif;
font-size: 60px;
line-height: 84px;
}
.text-block-12 {
color: #999;
margin-top: 26px;
font-family: Poppins, sans-serif;
font-size: 24px;
line-height: 33.6px;
}
.link3__wrapper {
margin-top: 72px;
display: inline-block;
overflow: hidden;
}
.link-4 {
color: #95c700;
font-family: Poppins, sans-serif;
font-size: 24px;
text-decoration: none;
}
.div-block-6 {
background-color: #95c700;
height: 2px;
margin-top: 4px;
transform: translate(-100%);
}
.requestly__content {
width: 585px;
}
.requestly__img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6417f75b6288398bba400962_requestly_img.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex: 0 auto;
width: 640px;
max-width: none;
}
.heading-4 {
color: #fff;
margin-top: 36px;
font-family: Poppins, sans-serif;
font-size: 60px;
line-height: 84px;
}
.text-block-13 {
color: #999;
margin-top: 26px;
font-family: Poppins, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 33.6px;
}
.chips_container {
display: flex;
}
.req_chip_2 {
background-color: #beceff;
border-radius: 5px;
max-width: 90px;
height: 24px;
margin-left: 12px;
padding: 2px 10px 4px;
}
.text-block-14 {
color: #000;
text-align: center;
justify-content: center;
align-items: center;
font-family: Poppins, sans-serif;
display: block;
}
.req_chips {
background-color: #beceff;
border-radius: 5px;
max-width: 90px;
height: 24px;
margin-left: 0;
padding: 2px 10px 4px;
}
.link4_wrapper {
margin-top: 72px;
display: inline-block;
overflow: hidden;
}
.link-5 {
color: #95c700;
font-family: Poppins, sans-serif;
font-size: 24px;
text-decoration: none;
}
.div-block-7 {
background-color: #95c700;
height: 2px;
margin-top: 4px;
transform: translate(-100%);
}
.foot_section {
background-color: #000;
}
.social_1 {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/64186303004e5a7634eea454_bxl_gmail.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: 35px;
}
.social_1:hover {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641863596aa03e534525ffc0_bxl_gmail_hover.png");
}
.body-2 {
background-color: #000;
}
.scroll__wrapper {
height: 600vh;
}
.scroll__1 {
z-index: 4;
grid-column-gap: 0px;
grid-row-gap: 48px;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6416a95f826a427dfaee46c5_bg.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: cover;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: grid;
position: fixed;
inset: 0%;
}
.heading-5 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 3rem;
line-height: 67.2px;
}
.scroll__2 {
z-index: 3;
grid-column-gap: 0px;
grid-row-gap: 48px;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6416a95f826a427dfaee46c5_bg.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: grid;
position: fixed;
inset: 0%;
}
.scroll__3 {
z-index: 2;
grid-column-gap: 48px;
grid-row-gap: 48px;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6416a95f826a427dfaee46c5_bg.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: grid;
position: fixed;
inset: 0%;
}
.scroll1__img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6418a6c947b97a1f206ce60a_WhatsApp%20Image%202023-03-21%20at%2012.01.45%20AM.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 400px;
height: 450px;
}
.scroll1__content {
max-width: 550px;
}
.text-block-15 {
color: #999;
margin-top: 38px;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.scroll2__img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6421336122752407ca19d437_WhatsApp%20Image%202023-03-27%20at%2011.39.53%20AM.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 400px;
height: 450px;
}
.scroll2_content {
max-width: 550px;
}
.text-block-16 {
color: #999;
margin-top: 38px;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.scroll3_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6421328a885ad937931b609e_WhatsApp%20Image%202023-03-27%20at%2011.20.08%20AM.jpeg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 400px;
height: 450px;
}
.scroll3_content {
max-width: 550px;
}
.text-block-17 {
color: #999;
margin-top: 38px;
font-family: Poppins, sans-serif;
font-size: 20px;
line-height: 28px;
}
.scroll4 {
z-index: 1;
grid-column-gap: 0px;
grid-row-gap: 48px;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6416a95f826a427dfaee46c5_bg.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
display: grid;
position: fixed;
inset: 0%;
}
.scroll4_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/64227a74841f87ead8f53486_unsplash_yDzcAIEXO9w.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 400px;
height: 450px;
}
.scroll4__content {
max-width: 550px;
}
.heading-6 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 60px;
font-weight: 700;
line-height: 84px;
}
.text-block-18 {
color: #999;
font-family: Poppins, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.footer-dark {
background-color: #000;
border-bottom: 1px solid #e4ebf3;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
margin-top: 100px;
padding: 20px 30px;
display: block;
position: relative;
}
.container-2 {
flex-direction: row;
flex: 0 auto;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
max-width: 940px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: block;
}
.footer-wrapper {
justify-content: center;
align-items: flex-start;
max-width: 900px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
display: block;
}
.footer-content {
grid-column-gap: 70px;
grid-row-gap: 40px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: auto auto 1fr;
grid-auto-columns: 1fr;
place-content: space-around center;
place-items: stretch center;
display: flex;
}
.footer-block {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.title-small {
letter-spacing: 1px;
text-transform: uppercase;
margin-bottom: 12px;
font-size: 14px;
font-weight: 700;
line-height: 16px;
}
.footer-link {
color: #1a1b1f;
margin-top: 12px;
margin-bottom: 6px;
font-size: 14px;
line-height: 16px;
text-decoration: none;
}
.footer-link:hover {
color: #1a1b1fbf;
}
.footer-social-block {
justify-content: flex-start;
align-items: center;
margin-top: 12px;
margin-left: -12px;
display: flex;
}
.footer-social-link {
margin-left: 12px;
}
.footer-divider {
background-color: #e4ebf3;
width: 100%;
height: 1px;
margin-top: 70px;
margin-bottom: 15px;
}
.footer-copyright-center {
text-align: center;
font-size: 14px;
line-height: 16px;
}
.div-block-8 {
margin-top: 18px;
}
.sm-icon {
object-fit: cover;
width: 32px;
height: auto;
transition: all .2s;
}
.sm-icon:hover {
width: 40px;
}
.text-block-19 {
color: #fff;
text-align: center;
margin: 16px auto 20px;
font-family: Poppins, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 67.2px;
}
.text-block-20 {
color: #999;
text-align: center;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 22.4px;
}
.nav-link-_designpal {
color: #000;
font-family: Poppins, sans-serif;
}
.nav-link-_designpal:hover {
color: #95c700;
font-weight: 600;
}
.nav-link-2_designpal {
color: #000;
font-family: Poppins, sans-serif;
font-weight: 400;
}
.nav-link-2_designpal:hover {
color: #95c700;
font-weight: 600;
}
.nav-link-3_designpal {
color: #000;
font-family: Poppins, sans-serif;
font-weight: 400;
}
.nav-link-3_designpal:hover {
color: #95c700;
font-weight: 600;
}
.designpal__hero_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6419c2e14ccd355bf402cce1_hero__design__img.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
.overview__wrapper {
margin-top: 80px;
padding-left: 30px;
padding-right: 30px;
}
.text-block-21 {
color: #1f4acc;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.paragraph {
max-width: 1280px;
margin-top: 36px;
font-family: Open Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.container_overview {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_overview._1, .container_overview._2, .container_overview._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_overview._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_overview.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_overview.overview {
margin-top: 80px;
}
.paragraph-2 {
color: #666;
margin-top: 48px;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 36px;
}
.container_roles {
justify-content: space-between;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container_roles._1, .container_roles._2, .container_roles._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_roles._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_roles.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_roles.overview {
margin-top: 80px;
}
.text-block-22 {
color: var(--hotray_primary);
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-23 {
color: #666;
text-align: center;
margin-top: 12px;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-24 {
color: var(--hotray_primary);
text-align: left;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-25 {
color: #666;
text-align: center;
margin-top: 12px;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-26 {
color: var(--hotray_primary);
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-27 {
color: #666;
margin-top: 12px;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.final_watchlist {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6419ed49a7c0b1888f93de04_final_watchlist_img.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
height: 100vh;
margin-top: 120px;
}
.div-block-9 {
height: 100vh;
}
.heading-7 {
color: #fff;
padding-top: 40px;
padding-left: 30px;
font-family: Inter, sans-serif;
font-size: 28px;
}
.container_problemstatement {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
.container_problemstatement._1, .container_problemstatement._2, .container_problemstatement._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_problemstatement._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_problemstatement.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_problemstatement.overview {
margin-top: 80px;
}
.text-block-28 {
color: var(--primary_blue);
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-29 {
margin-top: 36px;
font-family: Open Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-30 {
color: #666;
margin-top: 48px;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 36px;
}
.container_storyboard {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
max-width: 1280px;
margin-top: 36px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_storyboard._1, .container_storyboard._2, .container_storyboard._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_storyboard._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_storyboard.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_storyboard.overview {
margin-top: 80px;
}
.container_story_4 {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_story_4._1, .container_story_4._2, .container_story_4._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_story_4._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_story_4.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_story_4.overview {
margin-top: 80px;
}
.image-2 {
margin-top: 100px;
}
.container_story56 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 140px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_story56._1, .container_story56._2, .container_story56._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_story56._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_story56.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_story56.overview {
margin-top: 80px;
}
.container_sb {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
.container_sb._1, .container_sb._2, .container_sb._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_sb._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_sb.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_sb.overview {
margin-top: 80px;
}
.text-block-31 {
color: var(--primary_blue);
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.container_process {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_process._1, .container_process._2, .container_process._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_process._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_process.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_process.overview {
margin-top: 80px;
}
.text-block-32 {
color: var(--primary_blue);
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-33 {
color: #666;
margin-top: 48px;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 36px;
}
.container_marketresearch {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
.container_marketresearch._1, .container_marketresearch._2, .container_marketresearch._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_marketresearch._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_marketresearch.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_marketresearch.overview {
margin-top: 80px;
}
.text-block-34 {
color: var(--primary_blue);
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-35 {
margin-top: 36px;
font-family: Open Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-36 {
color: #666;
margin-top: 48px;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 36px;
}
.container_research {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
.container_research._1, .container_research._2, .container_research._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_research._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_research.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_research.overview {
margin-top: 80px;
}
.text-block-37 {
color: var(--primary_blue);
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-38 {
margin-top: 36px;
font-family: Open Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-39 {
color: #666;
margin-top: 48px;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 36px;
}
.text-block-40 {
color: #666;
margin-top: 24px;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 36px;
}
.text-block-41, .text-block-42, .text-block-43 {
color: #666;
margin-top: 16px;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 36px;
}
.text-block-44 {
color: #666;
margin-top: 48px;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 36px;
}
.text-block-45 {
margin-top: 60px;
font-family: Open Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-46 {
color: #666;
margin-top: 48px;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 36px;
}
.at_cmnt {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 140px;
display: grid;
}
.text-block-47 {
color: #beceff;
font-family: Open Sans, sans-serif;
font-size: 96px;
font-weight: 700;
line-height: 134.4px;
}
.ap_cmnt {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 100px;
display: grid;
}
.text-block-48 {
color: #beceff;
font-family: Open Sans, sans-serif;
font-size: 96px;
font-weight: 700;
line-height: 134.4px;
}
.ak_cmnt {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 0;
display: grid;
}
.ak_cmntt {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 100px;
display: grid;
}
.text-block-49 {
color: #beceff;
font-family: Open Sans, sans-serif;
font-size: 96px;
font-weight: 700;
line-height: 134.4px;
}
.text-block-50 {
color: #666;
margin-top: 140px;
font-size: 20px;
line-height: 36px;
}
.pp_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641a9ffdf15508844ee9cab8_pp_img.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
}
.container_ppimg {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_ppimg._1, .container_ppimg._2, .container_ppimg._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_ppimg._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_ppimg.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_ppimg.overview, .pp_image {
margin-top: 80px;
}
.container_aompetitive {
max-width: 1280px;
margin-top: 180px;
margin-left: auto;
margin-right: auto;
}
.container_aompetitive._1, .container_aompetitive._2, .container_aompetitive._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_aompetitive._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_aompetitive.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_aompetitive.overview {
margin-top: 80px;
}
.text-block-51 {
color: var(--primary_blue);
font-size: 20px;
line-height: 28px;
}
.text-block-52 {
margin-top: 48px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-53 {
color: #666;
margin-top: 36px;
font-size: 20px;
font-weight: 400;
line-height: 36px;
}
.div-block-10 {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641accc80df5ef5d15bdffd6_Competitive%20analysis.png");
background-position: 0 0;
background-size: cover;
}
.container_com {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_com._1, .container_com._2, .container_com._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_com._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_com.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_com.overview {
margin-top: 80px;
}
.container-copy._1, .container-copy._2, .container-copy._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_persona {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
}
.container_persona._1, .container_persona._2, .container_persona._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_persona._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_persona.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_persona.overview {
margin-top: 80px;
}
.text-block-54 {
color: var(--primary_blue);
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.text-block-55 {
color: #666;
margin-top: 48px;
font-size: 20px;
line-height: 36px;
}
.container_pn {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_pn._1, .container_pn._2, .container_pn._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_pn._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_pn.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_pn.overview {
margin-top: 80px;
}
.image-3 {
margin-top: 60px;
}
.text-block-56 {
color: #666;
margin-top: 100px;
font-size: 20px;
line-height: 36px;
}
.container_empathy {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_empathy._1, .container_empathy._2, .container_empathy._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_empathy._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_empathy.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_empathy.overview, .image-4 {
margin-top: 80px;
}
.container_brainstorming {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
}
.container_brainstorming._1, .container_brainstorming._2, .container_brainstorming._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_brainstorming._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_brainstorming.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_brainstorming.overview {
margin-top: 80px;
}
.text-block-57 {
color: var(--primary_blue);
font-size: 20px;
line-height: 28px;
}
.text-block-58 {
color: #666;
margin-top: 48px;
font-size: 20px;
line-height: 36px;
}
.text-block-59 {
color: #666;
margin-top: 36px;
font-size: 20px;
line-height: 36px;
}
.text-block-60, .text-block-61, .text-block-62 {
color: #666;
margin-top: 16px;
font-size: 20px;
line-height: 36px;
}
.text-block-63 {
color: #666;
margin-top: 72px;
font-size: 20px;
line-height: 36px;
}
.design_challenge {
background-color: #ebf0ff;
justify-content: flex-start;
align-items: center;
height: 275px;
display: flex;
}
.container_designc {
flex: 1;
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_designc._1, .container_designc._2, .container_designc._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_designc._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_designc.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_designc.overview {
margin-top: 80px;
}
.text-block-64 {
color: var(--primary_blue);
}
.text-block-65 {
font-size: 20px;
line-height: 28px;
}
.xyz {
color: var(--primary_blue);
font-size: 20px;
line-height: 28px;
}
.text-block-66 {
margin-top: 48px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.container_affinity {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_affinity._1, .container_affinity._2, .container_affinity._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_affinity._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_affinity.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_affinity.overview {
margin-top: 80px;
}
.text-block-67 {
color: #666;
margin-top: 100px;
font-size: 20px;
line-height: 36px;
}
.affinity_mapping {
margin-top: 60px;
}
.container_paper {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_paper._1, .container_paper._2, .container_paper._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_paper._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_paper.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_paper.overview {
margin-top: 80px;
}
.text-block-68 {
color: var(--primary_blue);
font-size: 20px;
line-height: 28px;
}
.paper_grid_1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 48px;
display: grid;
}
.image-5, .image-6 {
max-width: 50%;
}
.image-7 {
max-width: 100%;
}
.paper_grid_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 120px;
display: grid;
}
.text-block-69 {
margin-top: 140px;
font-size: 20px;
font-weight: 600;
line-height: 28px;
}
.paper_grid_3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 100px;
display: grid;
}
.text-block-70 {
color: #666;
font-size: 20px;
line-height: 36px;
}
.text-block-71 {
color: #666;
text-align: center;
margin-top: 60px;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.text-block-72 {
color: #666;
text-align: center;
margin-top: 24px;
font-size: 20px;
line-height: 36px;
}
.text-block-73 {
color: #666;
text-align: center;
margin-top: 24px;
font-size: 20px;
line-height: 28px;
}
.container_grayscale {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_grayscale._1, .container_grayscale._2, .container_grayscale._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_grayscale._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_grayscale.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_grayscale.overview {
margin-top: 80px;
}
.text-block-74 {
color: var(--primary_blue);
font-size: 20px;
line-height: 28px;
}
.gray_grid_1 {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 48px;
display: grid;
}
.container_prototype {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_prototype._1, .container_prototype._2, .container_prototype._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_prototype._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_prototype.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_prototype.overview {
margin-top: 80px;
}
.prototype_grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 48px;
display: grid;
}
.text-block-75 {
color: var(--primary_blue);
font-size: 20px;
line-height: 28px;
}
.user_testing {
color: #000;
text-align: left;
background-color: #ebf0ff;
flex-direction: row;
justify-content: flex-start;
align-items: center;
height: 275px;
margin-top: 100px;
display: flex;
}
.container_usertest {
flex: 1;
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: block;
}
.container_usertest._1, .container_usertest._2, .container_usertest._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_usertest._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_usertest.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_usertest.overview {
margin-top: 80px;
}
.text-block-76 {
color: var(--primary_blue);
font-size: 20px;
line-height: 28px;
}
.text-block-77 {
margin-top: 48px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.container_usetes {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_usetes._1, .container_usetes._2, .container_usetes._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_usetes._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_usetes.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_usetes.overview {
margin-top: 80px;
}
.text-block-78 {
font-size: 20px;
line-height: 28px;
}
.usetest {
color: #666;
margin-top: 80px;
font-size: 20px;
line-height: 36px;
}
.container_tested {
max-width: 1280px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
}
.container_tested._1, .container_tested._2, .container_tested._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_tested._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_tested.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_tested.overview {
margin-top: 80px;
}
.text-block-79 {
color: #666;
text-align: center;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.container_12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 40px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_12._1, .container_12._2, .container_12._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_12._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_12.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_12.overview {
margin-top: 80px;
}
.container_23 {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_23._1, .container_23._2, .container_23._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_23._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_23.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_23.overview {
margin-top: 80px;
}
.text-block-80 {
color: #666;
margin-top: 100px;
font-size: 20px;
line-height: 36px;
}
.container_livetest {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_livetest._1, .container_livetest._2, .container_livetest._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_livetest._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_livetest.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_livetest.overview {
margin-top: 80px;
}
.text-block-81 {
color: #666;
text-align: center;
font-size: 20px;
line-height: 28px;
}
.livetest {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid;
}
.container_brain {
color: #666;
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_brain._1, .container_brain._2, .container_brain._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_brain._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_brain.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_brain.overview {
margin-top: 80px;
}
.text-block-82 {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 36px;
}
.container_final {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
}
.container_final._1, .container_final._2, .container_final._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_final._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_final.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_final.overview {
margin-top: 80px;
}
.text-block-83 {
color: var(--primary_blue);
font-size: 20px;
line-height: 28px;
}
.text-block-84 {
color: #666;
font-size: 20px;
line-height: 36px;
}
.final {
color: #666;
margin-top: 48px;
font-size: 20px;
line-height: 36px;
}
.text-span {
color: var(--primary_blue);
}
.final_design {
background-color: #000;
margin-top: 40px;
}
.container_finaldesign {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_finaldesign._1, .container_finaldesign._2, .container_finaldesign._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_finaldesign._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_finaldesign.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_finaldesign.overview {
margin-top: 80px;
}
.final_design__1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
padding-top: 160px;
display: grid;
}
.text-block-85 {
color: #fff;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.text-block-86 {
color: #666;
margin-top: 60px;
font-size: 24px;
line-height: 38px;
}
.final_design__2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
grid-auto-columns: 1fr;
padding-top: 160px;
display: grid;
}
.text-block-85_2 {
color: #fff;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.text-block-86_2 {
color: #666;
margin-top: 60px;
font-size: 24px;
line-height: 38px;
}
.final_design__3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
padding-top: 160px;
display: grid;
}
.final_design__6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
grid-auto-columns: 1fr;
padding-top: 160px;
padding-bottom: 160px;
display: grid;
}
.final_design__5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
grid-auto-columns: 1fr;
padding-top: 160px;
display: grid;
}
.container_conclusion {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_conclusion._1, .container_conclusion._2, .container_conclusion._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_conclusion._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_conclusion.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_conclusion.overview {
margin-top: 80px;
}
.text-block-87 {
color: var(--primary_blue);
font-size: 20px;
line-height: 28px;
}
.text-block-88, .text-block-88-copy {
color: #666;
font-size: 20px;
line-height: 36px;
}
.conc {
color: #666;
margin-top: 48px;
margin-bottom: 100px;
font-size: 20px;
line-height: 36px;
}
.final_design__4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.5fr;
grid-auto-columns: 1fr;
padding-top: 160px;
padding-bottom: 0;
display: grid;
}
.healthome_hero_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641db4d226c169179964d4f1_healthome%2B_img.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 100vh;
}
.healthome_project_summary {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.healthome_project_summary._1, .healthome_project_summary._2, .healthome_project_summary._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.healthome_project_summary._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.healthome_project_summary.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.healthome_project_summary.overview {
margin-top: 80px;
}
.text-block-89 {
color: #333;
text-align: center;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.text-block-90 {
color: #666;
margin-top: 48px;
font-size: 20px;
line-height: 36px;
}
.container_projectinfo {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_projectinfo._1, .container_projectinfo._2, .container_projectinfo._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_projectinfo._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_projectinfo.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_projectinfo.overview {
margin-top: 80px;
}
.text-block-91 {
text-align: center;
margin-top: 100px;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.pi_grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
display: grid;
}
.preface_hero_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641e7aa5dd850af04a6f0d95_preface_healthome.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 40vh;
margin-top: 100px;
display: flex;
}
.text-block-92 {
font-family: Kgbrokenvesselssketch, sans-serif;
font-size: 90px;
line-height: 126px;
}
.container_healthomeps {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
.container_healthomeps._1, .container_healthomeps._2, .container_healthomeps._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_healthomeps._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_healthomeps.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_healthomeps.overview {
margin-top: 80px;
}
.text-block-93 {
color: #333;
text-align: center;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.text-block-94 {
color: #666;
text-align: left;
margin-top: 60px;
font-size: 28px;
font-weight: 700;
line-height: 39.2px;
}
.text-block-95 {
font-size: 20px;
line-height: 36px;
}
.ps_health_content {
color: #666;
margin-top: 48px;
font-size: 20px;
line-height: 36px;
}
.container_opportunity {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
.container_opportunity._1, .container_opportunity._2, .container_opportunity._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_opportunity._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_opportunity.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_opportunity.overview {
margin-top: 80px;
}
.text-block-96 {
text-align: center;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.text-block-97 {
color: #666;
margin-top: 60px;
font-size: 28px;
font-weight: 700;
line-height: 39.2px;
}
.health_content_grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1.5fr;
grid-auto-columns: 1fr;
margin-top: 60px;
display: grid;
}
.text-block-98, .oppohealth {
color: #666;
font-size: 20px;
line-height: 36px;
}
.empathise_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641e7f590bbd0a6f36ef9472_emphathise_img.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 40vh;
margin-top: 80px;
display: flex;
}
.text-block-99 {
font-family: Kgbrokenvesselssketch, sans-serif;
font-size: 90px;
font-weight: 400;
line-height: 126px;
}
.container_emphathize {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
.container_emphathize._1, .container_emphathize._2, .container_emphathize._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_emphathize._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_emphathize.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_emphathize.overview {
margin-top: 80px;
}
.text-block-100 {
text-align: center;
font-family: Open Sans, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
._600b {
background-color: #000;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 560px;
height: 150px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.text-block-101 {
color: #fff;
font-size: 72px;
font-weight: 700;
line-height: 100.8px;
}
.oppo_text {
color: #666;
margin-top: 60px;
font-size: 20px;
line-height: 36px;
}
.text-span-2, .text-span-3 {
color: #000;
font-weight: 600;
}
.pre_pandemic {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.container_prepandemic {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_prepandemic._1, .container_prepandemic._2, .container_prepandemic._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_prepandemic._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_prepandemic.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_prepandemic.overview {
margin-top: 80px;
}
.image-13 {
width: 100%;
padding-top: 10px;
}
.bar1_content {
color: #666;
margin-top: 20px;
font-size: 20px;
font-weight: 400;
line-height: 36px;
}
.container_postapndemic {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_postapndemic._1, .container_postapndemic._2, .container_postapndemic._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_postapndemic._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_postapndemic.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_postapndemic.overview {
margin-top: 80px;
}
.container_prepan {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_prepan._1, .container_prepan._2, .container_prepan._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_prepan._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_prepan.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_prepan.overview {
margin-top: 80px;
}
.prepan {
margin-top: 80px;
font-size: 36px;
font-weight: 700;
line-height: 50.4px;
}
.container_postpan {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_postpan._1, .container_postpan._2, .container_postpan._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_postpan._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_postpan.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_postpan.overview {
margin-top: 80px;
}
.container_postsearch {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_postsearch._1, .container_postsearch._2, .container_postsearch._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_postsearch._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_postsearch.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_postsearch.overview {
margin-top: 80px;
}
.container_piechart1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_piechart1._1, .container_piechart1._2, .container_piechart1._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_piechart1._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_piechart1.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_piechart1.overview {
margin-top: 80px;
}
.container_usersurvey {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
.container_usersurvey._1, .container_usersurvey._2, .container_usersurvey._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_usersurvey._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_usersurvey.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_usersurvey.overview {
margin-top: 80px;
}
.text-block-102 {
text-align: center;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.user_con_1 {
color: #666;
margin-top: 60px;
font-size: 20px;
line-height: 36px;
}
.user_con_2 {
color: #666;
margin-top: 40px;
font-size: 20px;
line-height: 36px;
}
.user_con_3, .user_con_4, .user_con_5 {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 36px;
}
.container_midimg {
justify-content: center;
align-items: stretch;
max-width: 1280px;
height: 50vh;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container_midimg._1, .container_midimg._2, .container_midimg._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_midimg._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_midimg.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_midimg.overview {
margin-top: 80px;
}
.image-14 {
margin-left: auto;
margin-right: auto;
}
.container_belowhealth {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_belowhealth._1, .container_belowhealth._2, .container_belowhealth._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_belowhealth._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_belowhealth.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_belowhealth.overview {
margin-top: 80px;
}
.container_comana {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
.container_comana._1, .container_comana._2, .container_comana._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_comana._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_comana.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_comana.overview {
margin-top: 80px;
}
.text-block-103 {
text-align: center;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.comana_content {
color: #666;
margin-top: 40px;
font-size: 20px;
font-weight: 400;
line-height: 36px;
}
.com_cmp {
justify-content: center;
align-items: center;
height: 50vh;
display: flex;
}
.text-block-104, .text-block-_2, .text-block-_3, .text-block-_4, .text-block-_5, .text-block-_6, .text-block-_7, .text-block-_8 {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 36px;
}
.final_comana {
color: #666;
margin-top: 60px;
font-size: 20px;
line-height: 36px;
}
.div-block-11 {
height: 40vh;
margin-top: 80px;
}
.define_health_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641ecbbde5406cb76ca7160b_health_deifne.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 40vh;
margin-top: 80px;
display: flex;
}
.health_define_heroimg {
font-family: Kgbrokenvesselssketch, sans-serif;
font-size: 90px;
line-height: 126px;
}
.container_define {
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container_define._1, .container_define._2, .container_define._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_define._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_define.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_define.overview {
margin-top: 80px;
}
.text-block-105 {
color: #666;
font-size: 20px;
line-height: 36px;
}
.text-block-106 {
text-align: center;
margin-top: 60px;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.persona {
height: 50vh;
}
.image-15 {
margin-top: 60px;
}
.container_painpoints {
max-width: 1280px;
margin-top: 140px;
margin-left: auto;
margin-right: auto;
}
.container_painpoints._1, .container_painpoints._2, .container_painpoints._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_painpoints._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_painpoints.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_painpoints.overview {
margin-top: 80px;
}
.pp_health_content {
color: #666;
margin-top: 10px;
font-size: 20px;
line-height: 36px;
}
.text-block-107 {
text-align: center;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.pp_grid_health {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 140px;
display: grid;
}
.pp_grid_health2 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 100px;
display: grid;
}
.ideate_health_heroimg {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641ed0fb927bd53224083f1c_hero_ideate_health.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 40vh;
margin-top: 100px;
display: flex;
}
.text-block-108 {
font-family: Kgbrokenvesselssketch, sans-serif;
font-size: 90px;
line-height: 126px;
}
.container_journeymap {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_journeymap._1, .container_journeymap._2, .container_journeymap._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_journeymap._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_journeymap.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_journeymap.overview {
margin-top: 80px;
}
.text-block-109 {
text-align: center;
margin-top: 80px;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.image-16 {
margin-top: 20px;
}
.text-block-110 {
color: #666;
margin-top: 10px;
font-size: 20px;
line-height: 36px;
}
.container_wireframes {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
}
.container_wireframes._1, .container_wireframes._2, .container_wireframes._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_wireframes._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_wireframes.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_wireframes.overview {
margin-top: 80px;
}
.text-block-111 {
text-align: center;
margin-top: 20px;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.landing_pg_wireframe {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-block-112 {
text-align: center;
margin-top: 40px;
font-size: 20px;
font-weight: 600;
line-height: 36px;
}
.image-17 {
margin-top: 40px;
}
.selectdoc_pg_wireframe, .healthcare_pg_wireframe-copy, .articles_pg_wireframe-copy {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.prototype_health {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641ed5b5ce09cd5daa37f6ae_prototype_health_img.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 40vh;
margin-top: 100px;
display: flex;
}
.text-block-113 {
font-family: Kgbrokenvesselssketch, sans-serif;
font-size: 90px;
line-height: 126px;
}
.container_protype {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_protype._1, .container_protype._2, .container_protype._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_protype._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_protype.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_protype.overview {
margin-top: 80px;
}
.text-block-114 {
color: #666;
font-size: 20px;
line-height: 36px;
}
.landing_pg_protype, .healthcare-products_pg_protype {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.usuability_testing_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641ed8ffa2bd1e6d6a31042a_Usuablity_img_hero.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 40vh;
margin-top: 100px;
display: flex;
}
.usutest {
text-align: center;
font-family: Kgbrokenvesselssketch, sans-serif;
font-size: 90px;
line-height: 126px;
}
.ut_content_1 {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.ut_content_1._1, .ut_content_1._2, .ut_content_1._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.ut_content_1._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.ut_content_1.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.ut_content_1.overview {
margin-top: 80px;
}
.text-block-115 {
color: #666;
margin-top: 80px;
font-size: 20px;
line-height: 36px;
}
.ut_0, .ut_1 {
color: #666;
margin-top: 40px;
font-size: 20px;
line-height: 36px;
}
.ut_2, .ut_3, .ut_4 {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 36px;
}
.text-block-116 {
color: #666;
margin-top: 40px;
font-size: 20px;
line-height: 36px;
}
.container_improv {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_improv._1, .container_improv._2, .container_improv._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_improv._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_improv.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_improv.overview {
margin-top: 80px;
}
.improv_1 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
display: flex;
}
.text-block-117 {
color: #666;
text-align: left;
margin-top: 60px;
font-size: 20px;
line-height: 36px;
}
.improv_2 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
display: flex;
}
.upplus {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 36px;
}
.final_design_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641edff46bd09b2376547e8c_final_product_img.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 40vh;
margin-top: 100px;
display: flex;
}
.fianl_hero_content {
text-align: center;
font-family: Kgbrokenvesselssketch, sans-serif;
font-size: 90px;
line-height: 126px;
}
.container_finalhealth {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_finalhealth._1, .container_finalhealth._2, .container_finalhealth._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_finalhealth._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_finalhealth.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_finalhealth.overview {
margin-top: 80px;
}
.container_finalhealth_1 {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_finalhealth_1._1, .container_finalhealth_1._2, .container_finalhealth_1._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_finalhealth_1._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_finalhealth_1.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_finalhealth_1.overview {
margin-top: 80px;
}
.landing_pg_final {
flex-direction: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.finddoc_pg_final {
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
display: flex;
position: relative;
}
.xtra_img {
margin-top: 40px;
}
.healthcareproducts_pg_final, .onestop_pg_final {
flex-direction: column;
justify-content: flex-start;
align-items: center;
margin-top: 100px;
display: flex;
}
.env_factor {
flex-direction: column;
justify-content: flex-start;
align-items: center;
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.env_factor._1, .env_factor._2, .env_factor._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.env_factor._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.env_factor.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.env_factor.overview {
margin-top: 80px;
}
.env {
text-align: center;
font-size: 48px;
font-weight: 600;
line-height: 67.2px;
}
.image-18 {
margin-top: 60px;
}
.text-block-118 {
color: #666;
margin-top: 40px;
font-size: 20px;
line-height: 36px;
}
.image-19 {
margin-top: 80px;
}
.reflection_bg {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641ee8e68be4f2ec161dd9eb_reflection_health_bg.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
height: 40vh;
margin-top: 100px;
display: flex;
}
.text-block-119 {
font-family: Kgbrokenvesselssketch, sans-serif;
font-size: 90px;
line-height: 126px;
}
.container_reflection_health {
max-width: 1280px;
margin: 20px auto 60px;
}
.container_reflection_health._1, .container_reflection_health._2, .container_reflection_health._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_reflection_health._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_reflection_health.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_reflection_health.overview {
margin-top: 80px;
}
.text-block-120 {
color: #666;
margin-top: 100px;
font-size: 20px;
line-height: 36px;
}
.text-block_2 {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 36px;
}
.hotray_hero_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641f289c0bbd0a03f4f94188_hotray_hero_img.png");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
height: 100vh;
}
.container_projectbrief {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_projectbrief._1, .container_projectbrief._2, .container_projectbrief._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_projectbrief._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_projectbrief.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_projectbrief.overview {
margin-top: 80px;
}
.text-block-121 {
color: var(--hotray_primary);
text-align: left;
font-size: 20px;
font-weight: 400;
line-height: 28px;
text-decoration: none;
}
.underline {
background-color: var(--primary_blue);
width: 310px;
height: 4px;
margin-left: auto;
margin-right: auto;
}
.text-block-122 {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 36px;
}
.underline_1 {
background-color: var(--primary_blue);
width: 477px;
height: 4px;
margin-left: auto;
margin-right: auto;
}
.container_info {
max-width: 1280px;
height: 100vh;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_info._1, .container_info._2, .container_info._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_info._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_info.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_info.overview {
margin-top: 80px;
}
.container_roles_hotray {
justify-content: space-between;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container_roles_hotray._1, .container_roles_hotray._2, .container_roles_hotray._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_roles_hotray._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_roles_hotray.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_roles_hotray.overview {
margin-top: 80px;
}
.hotray_intro_img {
background-image: linear-gradient(#0009, #0009), url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641fc68d7a77c6f6e5a38eb8_hotray_intro_img.png");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
justify-content: center;
align-items: center;
height: 40vh;
display: flex;
}
.text-block-123 {
color: #fff;
font-size: 90px;
line-height: 126px;
}
.hotray_parallax {
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641fc8853e9344878f080acc_hotray_parallax-min.png");
background-position: 0 0, 50% 100%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
background-attachment: scroll, fixed;
height: 100vh;
margin-top: 100px;
}
.text-block-124 {
color: #fff;
padding: 10px 30px;
font-size: 48px;
font-weight: 600;
line-height: 67.2px;
}
.container_intro {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_intro._1, .container_intro._2, .container_intro._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_intro._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_intro.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_intro.overview {
margin-top: 80px;
}
.text-block-125 {
color: var(--hotray_primary);
font-size: 20px;
line-height: 28px;
}
.text-block-126 {
color: #666;
margin-top: 36px;
font-size: 20px;
line-height: 36px;
}
.text-block_in1 {
color: var(--hotray_primary);
margin-top: 60px;
font-size: 20px;
line-height: 28px;
}
.text-block_in2 {
color: #666;
margin-top: 36px;
font-size: 20px;
line-height: 36px;
}
.container_need {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_need._1, .container_need._2, .container_need._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_need._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_need.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_need.overview {
margin-top: 80px;
}
.text-block-127 {
color: var(--hotray_primary);
font-size: 20px;
line-height: 28px;
}
.need_grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 40px;
display: grid;
}
.text-block-128 {
color: #666;
margin-top: 60px;
font-size: 20px;
line-height: 36px;
}
.text-block-129 {
text-align: center;
margin-top: 100px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-130, .text-block-131 {
color: #666;
margin-top: 40px;
font-size: 20px;
line-height: 36px;
}
.text-block_ui1, .text-block_ui2, .text-block_ui3, .text-block_ui4, .text-block_ui5 {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 36px;
}
.ui_grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
display: grid;
}
.image-22 {
padding-top: 49px;
}
.text-block-132 {
text-align: center;
margin-top: 100px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.hotray_ca_grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 20px;
display: grid;
}
.text-block-133 {
color: #666;
margin-top: 40px;
font-size: 20px;
line-height: 36px;
}
.container-copy {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container-copy._1, .container-copy._2, .container-copy._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_define_hotray {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_define_hotray._1, .container_define_hotray._2, .container_define_hotray._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_define_hotray._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_define_hotray.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_define_hotray.overview {
margin-top: 80px;
}
.text-block-134 {
color: var(--hotray_primary);
font-size: 20px;
line-height: 28px;
}
.text-block-135, .text-block-135-copy {
text-align: center;
font-size: 28px;
line-height: 39.2px;
}
.deine_content_1 {
color: #333;
text-align: center;
margin-top: 60px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-136 {
color: #666;
margin-top: 40px;
font-size: 20px;
line-height: 36px;
}
.image-23 {
margin-top: 60px;
}
.deine_content_2 {
color: #333;
text-align: center;
margin-top: 100px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.image-24 {
margin-top: 60px;
}
.text-block-137 {
color: #666;
margin-top: 60px;
font-size: 20px;
line-height: 36px;
}
.deine_content_3 {
color: #333;
text-align: center;
margin-top: 100px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.image-25 {
margin-top: 60px;
}
.container_ideate {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_ideate._1, .container_ideate._2, .container_ideate._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_ideate._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_ideate.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_ideate.overview {
margin-top: 80px;
}
.ideate_hotray_1 {
color: var(--hotray_primary);
font-size: 20px;
line-height: 28px;
}
.text-block-138 {
color: #666;
margin-top: 36px;
font-size: 20px;
line-height: 36px;
}
.text-block-139 {
text-align: center;
margin-top: 60px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.homepage_wire {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.text-block-140 {
color: #666;
text-align: center;
margin-top: 0;
font-size: 20px;
font-weight: 400;
line-height: 36px;
}
.image-26 {
margin-top: 20px;
margin-left: 0;
padding-left: 0;
}
.offers_prevorder_grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
display: grid;
}
.text-block-141 {
color: #666;
text-align: center;
font-size: 20px;
line-height: 36px;
}
.image-27 {
margin-top: 10px;
}
.text-block-142 {
color: #666;
text-align: center;
font-size: 20px;
line-height: 36px;
}
.image-28 {
margin-top: 20px;
}
.cart_wireframe {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 60px;
display: flex;
}
.text-block-143 {
color: #666;
text-align: center;
font-size: 20px;
line-height: 36px;
}
.image-29 {
margin-top: 10px;
margin-left: auto;
margin-right: auto;
}
.container_protoype_hotray {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_protoype_hotray._1, .container_protoype_hotray._2, .container_protoype_hotray._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_protoype_hotray._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_protoype_hotray.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_protoype_hotray.overview {
margin-top: 80px;
}
.text-block-144 {
color: var(--hotray_primary);
font-size: 20px;
line-height: 28px;
}
.text-block-145 {
color: #666;
margin-top: 36px;
font-size: 20px;
line-height: 36px;
}
.homepage_hotray_proto {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 40px;
display: flex;
}
.offers_prevorder_grid_proto {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
display: grid;
}
.text-block_search_hotray {
color: #666;
text-align: center;
font-size: 20px;
line-height: 36px;
}
.cart_prototype {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 60px;
display: flex;
}
.container_usert {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_usert._1, .container_usert._2, .container_usert._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_usert._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_usert.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_usert.overview {
margin-top: 80px;
}
.text-block-146 {
color: var(--hotray_primary);
font-size: 20px;
line-height: 28px;
}
.text-block-147 {
color: #666;
margin-top: 36px;
font-size: 20px;
line-height: 36px;
}
.container_hotray_12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_hotray_12._1, .container_hotray_12._2, .container_hotray_12._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_hotray_12._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_hotray_12.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_hotray_12.overview {
margin-top: 80px;
}
.image-30 {
margin-top: 0;
}
.text-block-148 {
color: #666;
margin-top: 40px;
font-size: 20px;
line-height: 36px;
}
.text-block_hotray_ut_1, .text-block_hotray_ut_2, .text-block_hotray_ut_3 {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 36px;
}
.container_hotray_21 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_hotray_21._1, .container_hotray_21._2, .container_hotray_21._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_hotray_21._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_hotray_21.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_hotray_21.overview {
margin-top: 80px;
}
.text-block-149 {
color: #666;
margin-top: 40px;
font-size: 20px;
line-height: 36px;
}
.text-block_offer_proto, .text-block_offers_12 {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 36px;
}
.container_hotray_32 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_hotray_32._1, .container_hotray_32._2, .container_hotray_32._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_hotray_32._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_hotray_32.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_hotray_32.overview {
margin-top: 80px;
}
.text-block-150 {
color: #666;
margin-top: 40px;
font-size: 20px;
line-height: 36px;
}
.text-block_search_1 {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 36px;
}
.container_hotray_42 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_hotray_42._1, .container_hotray_42._2, .container_hotray_42._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_hotray_42._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_hotray_42.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_hotray_42.overview {
margin-top: 80px;
}
.text-block-151 {
color: #666;
margin-top: 40px;
font-size: 20px;
line-height: 36px;
}
.text-block_home25, .text-block_home26 {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 36px;
}
.container_final_product_hotray {
max-width: 1280px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
}
.container_final_product_hotray._1, .container_final_product_hotray._2, .container_final_product_hotray._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_final_product_hotray._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_final_product_hotray.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_final_product_hotray.overview {
margin-top: 80px;
}
.text-block-152 {
color: var(--hotray_primary);
font-size: 20px;
line-height: 28px;
}
.text-block-153 {
margin-top: 100px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.feature_1 {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641fe233b6257e34410abd8d_hotray_feature_1.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
height: 70vh;
margin-top: 40px;
}
.container_myoc {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_myoc._1, .container_myoc._2, .container_myoc._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_myoc._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_myoc.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_myoc.overview {
margin-top: 80px;
}
.text-block-154 {
color: #666;
margin-top: 60px;
font-size: 20px;
line-height: 36px;
}
.text-span-4 {
font-size: 28px;
font-weight: 700;
}
.feature_2 {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641fe802f4ae49797c73de6c_feature_2.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
height: 70vh;
margin-top: 40px;
}
.feature_2.container {
background-position: 50%;
background-attachment: scroll;
}
.container_feature_2 {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_feature_2._1, .container_feature_2._2, .container_feature_2._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_feature_2._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_feature_2.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_feature_2.overview {
margin-top: 80px;
}
.container_feature_2_h1 {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_feature_2_h1._1, .container_feature_2_h1._2, .container_feature_2_h1._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_feature_2_h1._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_feature_2_h1.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_feature_2_h1.overview {
margin-top: 80px;
}
.text-block-155 {
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.container_feature_3_h1 {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_feature_3_h1._1, .container_feature_3_h1._2, .container_feature_3_h1._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_feature_3_h1._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_feature_3_h1.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_feature_3_h1.overview {
margin-top: 80px;
}
.text-block-156 {
font-size: 28px;
font-weight: 600;
line-height: 36.4px;
}
.div-block-12 {
height: 70vh;
}
.feature_3_parallax {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641feb41418cab43d1ea4de5_feature_3.jpg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
height: 70vh;
margin-top: 40px;
}
.feature_3_parallax.container {
background-position: 50%;
background-attachment: scroll;
}
.container_feature_3_content {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.container_feature_3_content._1, .container_feature_3_content._2, .container_feature_3_content._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_feature_3_content._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_feature_3_content.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_feature_3_content.overview {
margin-top: 80px;
}
.text-block-157 {
color: #666;
margin-top: 60px;
font-size: 20px;
line-height: 36px;
}
.container_feature_4_h1 {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
}
.container_feature_4_h1._1, .container_feature_4_h1._2, .container_feature_4_h1._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_feature_4_h1._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_feature_4_h1.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_feature_4_h1.overview {
margin-top: 80px;
}
.text-block-158 {
font-size: 28px;
line-height: 39.2px;
}
.feature_4_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/641fefa8acf50e3b27343035_feature_4.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: scroll;
height: 70vh;
margin-top: 40px;
}
.text-block-159 {
color: #666;
margin-top: 60px;
font-size: 20px;
line-height: 36px;
}
.container_conclusion_hotray {
max-width: 1280px;
margin: 100px auto 60px;
}
.container_conclusion_hotray._1, .container_conclusion_hotray._2, .container_conclusion_hotray._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_conclusion_hotray._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_conclusion_hotray.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_conclusion_hotray.overview {
margin-top: 80px;
}
.text-block-160 {
color: var(--hotray_primary);
font-size: 20px;
line-height: 28px;
}
.text-block-161 {
color: #666;
margin-top: 36px;
font-size: 20px;
line-height: 36px;
}
.image-31, .image-32, .image-33 {
margin-top: 40px;
}
.image-34 {
padding-top: 40px;
}
.container_healthome_land {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 220px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_healthome_land._1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_healthome_land._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_healthome_land._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_healthome_land._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_healthome_land.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_healthome_land.overview {
margin-top: 80px;
}
.link-2_healthome, .link_healthome, .link_hotray {
color: #95c700;
font-family: Poppins, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 33.6px;
text-decoration: none;
}
.link_hotray._3 {
color: #95c700;
}
.hotray_content, .health_content {
flex-direction: column;
flex: 0 auto;
width: auto;
max-width: 100%;
margin-top: 0;
display: block;
position: static;
}
.chips__container_requestly {
width: 225px;
margin-bottom: 0;
display: flex;
}
.div-block-4_requestly {
background-color: #beceff;
border-radius: 5px;
max-width: 106px;
height: 28px;
padding: 4px 10px;
}
.text-block-10_requestly {
color: #000;
width: 70px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
font-weight: 400;
}
.div-block-5_requestly {
background-color: #beceff;
border-radius: 5px;
max-width: 86px;
height: 28px;
margin-left: 12px;
padding: 4px 10px;
}
.text-block-11_requestly {
color: #000;
text-align: left;
width: 84px;
margin-left: auto;
margin-right: auto;
font-family: Poppins, sans-serif;
}
.heading-2_requestly {
color: #fff;
margin-top: 36px;
font-family: Poppins, sans-serif;
font-size: 60px;
line-height: 84px;
display: inline-block;
}
.text-block-5_requestly {
color: #999;
max-width: 100%;
margin-top: 26px;
font-family: Poppins, sans-serif;
font-size: 24px;
line-height: 33.6px;
}
.link_requestly {
color: #95c700;
font-family: Poppins, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 33.6px;
text-decoration: none;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.nav-menu {
display: block;
overflow: visible;
}
.nav-menu-2 {
margin-bottom: 0;
}
.designpal_team {
color: var(--primary_blue);
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.designpal_role {
color: var(--primary_blue);
text-align: left;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.designpal_timeline {
color: var(--primary_blue);
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.link-6 {
color: #e2e2e2;
text-decoration: none;
}
.navbar-2, .navbar-3 {
display: none;
}
.container_cert {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_cert._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_cert._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_cert._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_cert._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_cert.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_cert.overview {
margin-top: 80px;
}
.container_cert._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_cert._1_trial, .container_cert._1_trial_hotray, .container_cert._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.image-36 {
opacity: .8;
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
transition: all .2s;
}
.image-36:hover {
opacity: 1;
}
.div-block-13 {
background-image: linear-gradient(#00000080, #00000080);
}
.image-37 {
opacity: .9;
background-color: #0000;
transition: all .2s;
}
.image-37:hover {
opacity: 1;
}
.image-38 {
height: 100%;
}
.image-39 {
opacity: .9;
height: 100%;
transition: all .2s;
}
.image-39:hover {
opacity: 1;
}
.container_cert_heading {
max-width: 1280px;
margin-top: 220px;
margin-left: auto;
margin-right: auto;
}
.container_cert_heading._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_cert_heading._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_cert_heading._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_cert_heading._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_cert_heading.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_cert_heading.overview {
margin-top: 80px;
}
.container_cert_heading._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_cert_heading._1_trial, .container_cert_heading._1_trial_hotray, .container_cert_heading._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.text-block-163 {
color: #b3b3b3;
text-align: center;
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 56px;
}
.container_interaction {
max-width: 1280px;
margin-top: 220px;
margin-left: auto;
margin-right: auto;
}
.container_interaction._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_interaction._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_interaction._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_interaction._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_interaction.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_interaction.overview {
margin-top: 80px;
}
.container_interaction._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_interaction._1_trial, .container_interaction._1_trial_hotray, .container_interaction._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.text-block-164 {
color: gray;
text-align: center;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 56px;
}
.micro_interactions {
grid-column-gap: 24px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-top: 100px;
padding-bottom: 0;
display: grid;
}
.image-40 {
opacity: 1;
border-radius: 40px;
width: 100%;
height: 60%;
}
.image-40:hover {
opacity: 1;
}
.image-41 {
height: 60%;
}
.image-42 {
border-radius: 40px;
width: 100%;
height: 60%;
}
.button {
color: #95c700;
background-color: #0000;
border: 1.5px solid #95c700;
border-radius: 5px;
margin-top: 8px;
font-family: Open Sans, sans-serif;
font-weight: 600;
transition: all .2s;
}
.button:hover {
color: #95c700;
background-color: #0000;
}
.button.home {
color: #fff;
background-image: linear-gradient(to right, #b16cea, #f36261 54%, #ffa84b);
border-style: none;
border-color: #95c700;
margin-top: 5px;
padding: 1px;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 600;
}
.track {
height: 200vw;
}
.exp_1 {
flex: none;
justify-content: center;
align-self: auto;
align-items: center;
width: 100%;
height: 100vh;
margin-right: 100px;
display: flex;
}
.requestly_work {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
width: 1280px;
height: 100%;
margin-top: 100px;
display: grid;
}
.text-block-165 {
color: #666;
border-right: 0 solid #414141;
font-size: 32px;
font-weight: 700;
line-height: 44.8px;
}
.text_exp_1 {
border: 1px #000;
margin-right: 32px;
display: flex;
}
.text-block-166 {
color: #666;
font-size: 32px;
font-weight: 700;
line-height: 44.8px;
}
.text-block-167 {
color: #fff;
font-size: 28px;
font-weight: 700;
line-height: 50.4px;
}
.text-block-168 {
color: #b5b5b5;
margin-top: 20px;
font-size: 20px;
font-weight: 700;
line-height: 39.2px;
}
.text-block-169 {
color: #666;
margin-top: 40px;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.text-block-170 {
color: #666;
margin-top: 20px;
font-size: 20px;
line-height: 28px;
}
.past_experience {
text-align: center;
padding-top: 60px;
font-size: 40px;
line-height: 56px;
position: static;
top: 0;
}
.prev_exp {
color: #666;
font-weight: 700;
}
.exp_2, .image-43 {
width: 100%;
height: 100vh;
}
.exp_12 {
flex: none;
width: 100%;
height: 100vh;
margin-left: 100px;
}
.boundry {
background-color: #666;
width: 2px;
height: 42vh;
margin-left: 48px;
}
.container_exp {
flex-flow: column;
flex: none;
order: 0;
place-content: flex-start;
align-self: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
height: 100vh;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
padding-left: 70px;
padding-right: 70px;
display: flex;
}
.container_exp._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_exp._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_exp._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_exp._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_exp.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_exp.overview {
margin-top: 80px;
}
.container_exp._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_exp._1_trial, .container_exp._1_trial_hotray, .container_exp._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_exp.npr {
display: block;
}
.text-block-171 {
color: #95c700;
font-size: 40px;
font-weight: 700;
line-height: 56px;
display: inline-block;
}
.text-block-172 {
color: #b3b3b3;
margin-top: 20px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-173 {
margin-top: 20px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-174 {
color: #666;
margin-top: 60px;
font-size: 20px;
line-height: 28px;
}
.text-block-174_1 {
color: #666;
width: 1280px;
margin-top: 40px;
font-size: 20px;
line-height: 28px;
display: inline-block;
}
.container_track {
max-width: 1280px;
height: 200vw;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
overflow: visible;
}
.container_track._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_track._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_track._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_track._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_track.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_track.overview {
margin-top: 80px;
}
.container_track._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_track._1_trial, .container_track._1_trial_hotray, .container_track._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.camera {
object-fit: cover;
width: 100vw;
height: 100vh;
margin-top: 146px;
display: block;
position: static;
top: 0;
overflow: hidden;
}
.frame {
height: 100%;
margin-top: 60px;
display: flex;
overflow: visible;
}
.item_1 {
flex: none;
width: 100vw;
height: 100vh;
margin-top: 60px;
overflow: hidden;
}
.text-block-175 {
color: #b3b3b3;
max-width: 1280px;
margin-top: 40px;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
display: block;
}
.text-block-176 {
color: #666;
width: 1280px;
margin-top: 100px;
font-size: 20px;
line-height: 28px;
display: inline-block;
}
.headline_past {
justify-content: center;
align-items: center;
width: 1280px;
margin-top: 0;
padding-top: 40px;
display: flex;
}
.text-block-177 {
color: #666;
text-align: center;
margin-top: 0;
font-size: 40px;
font-weight: 700;
line-height: 56px;
}
.item_2 {
flex: none;
width: 100vw;
height: 100vh;
margin-top: 60px;
overflow: hidden;
}
.trans {
height: 5vh;
}
.sticky {
width: 100%;
position: sticky;
top: 0;
overflow: hidden;
}
.container_pastexp {
grid-column-gap: 16px;
grid-row-gap: 100px;
grid-template-rows: auto auto auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
height: auto;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: grid;
}
.container_pastexp._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_pastexp._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_pastexp._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_pastexp._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_pastexp.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_pastexp.overview {
margin-top: 80px;
}
.container_pastexp._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_pastexp._1_trial, .container_pastexp._1_trial_hotray, .container_pastexp._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.text-block-178 {
color: #d9d9d9;
text-align: left;
font-family: Poppins, sans-serif;
font-size: 36px;
font-weight: 500;
line-height: 50.4px;
}
.text-block-179 {
color: #95c700;
text-align: left;
margin-top: 0;
font-family: Poppins, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-180 {
color: #d6d6d6;
margin-top: 40px;
font-family: Poppins, sans-serif;
font-size: 32px;
line-height: 44.8px;
}
.container_past_heading {
max-width: 1280px;
height: auto;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_past_heading._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_past_heading._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_past_heading._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_past_heading._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_past_heading.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_past_heading.overview {
margin-top: 80px;
}
.container_past_heading._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_past_heading._1_trial, .container_past_heading._1_trial_hotray, .container_past_heading._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.text-block-181 {
color: #b3b3b3;
text-align: center;
margin-top: 0;
padding-top: 10vh;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 56px;
}
.text-span-5, .text-span-6 {
color: gray;
}
.text-block-182 {
color: gray;
margin-top: 40px;
font-family: Poppins, sans-serif;
font-size: 28px;
line-height: 39.2px;
}
.text-block-178_1 {
color: #d9d9d9;
text-align: left;
font-family: Poppins, sans-serif;
font-size: 36px;
font-weight: 500;
line-height: 50.4px;
}
.text-block-182_1 {
color: gray;
margin-top: 40px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 28px;
line-height: 39.2px;
}
.image-44, .image-45 {
height: 100%;
}
.container_healthome {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_healthome._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_healthome._1:hover {
box-shadow: 0 -2px 6px 4px #1fcc47, 0 2px 6px 4px #1fcc47;
}
.container_healthome._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_healthome._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_healthome._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_healthome.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_healthome.overview {
margin-top: 80px;
}
.container_healthome._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_healthome._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_healthome._1_trial_hotray, .container_healthome._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.div-block-4_1 {
background-color: #d4ffe1;
border-radius: 5px;
max-width: 106px;
height: 28px;
padding: 4px 10px;
}
.div-block-4_1._2 {
background-color: #d4ffe1;
}
.div-block-4_1._3 {
background-color: #f0beff;
}
.div-block-5_1 {
background-color: #d4ffe1;
border-radius: 5px;
max-width: 100px;
height: 28px;
margin-left: 12px;
padding: 4px 10px;
}
.div-block-5_1._2 {
background-color: #d4ffe1;
max-width: 100px;
}
.div-block-5_1._3 {
background-color: #f0beff;
}
.heading-2_1 {
color: #fff;
text-align: left;
margin-top: 36px;
font-family: Poppins, sans-serif;
font-size: 60px;
line-height: 84px;
display: inline-block;
}
.text-block-5_1 {
color: #999;
max-width: 100%;
margin-top: 26px;
font-family: Poppins, sans-serif;
font-size: 24px;
line-height: 33.6px;
}
.image-46 {
height: 100%;
}
.body-3 {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/643b5fe0b43d1c4a022eb184_cards_3.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: auto;
}
.container_about {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin: 100px auto 140px;
padding-left: 20px;
padding-right: 20px;
display: grid;
}
.container_about._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_about._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_about._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_about._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_about._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_about.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_about.overview {
margin-top: 80px;
}
.container_about._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_about._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_about._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_about._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_about._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_about._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.about_content {
padding-left: 20px;
}
.text-block-183 {
color: #fff;
font-size: 60px;
font-weight: 700;
line-height: 84px;
}
.text-block-184 {
color: #b3b3b3;
margin-top: 40px;
font-size: 20px;
line-height: 28px;
}
.text-block-185 {
color: #b3b3b3;
margin-top: 20px;
font-size: 20px;
line-height: 32px;
}
.image-47 {
height: 100%;
}
.text-block-185_1, .text-block-185_2 {
color: #b3b3b3;
margin-top: 20px;
font-size: 20px;
line-height: 32px;
}
.text-span-7 {
color: #fff;
}
.text-span-8 {
color: #fff;
text-decoration: none;
}
.link-8 {
text-decoration: none;
}
.text-span-9, .text-span-10 {
color: #fff;
}
.link-9 {
text-decoration: none;
}
.nav-link_npr {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.nav-link_npr:hover {
color: #000;
font-weight: 500;
}
.nav-link_npr.w--current {
color: #777;
}
.nav-link_npr.w--current:hover {
color: #000;
font-weight: 500;
}
.nav-link_npr.about {
color: #fff;
}
.nav-link_npr.about:hover {
color: #95c700;
}
.nav-link_healthome {
color: #000;
font-family: Poppins, sans-serif;
}
.nav-link_healthome:hover {
color: #95c700;
font-weight: 600;
}
.nav-link_healthome.w--current {
color: #fff;
}
.nav-link_healthome.w--current:hover {
color: #95c700;
}
.nav-link_healthome.about {
color: #fff;
}
.nav-link_healthome.about:hover {
color: #95c700;
}
.nav-link_hotray {
color: #000;
font-family: Poppins, sans-serif;
}
.nav-link_hotray:hover {
color: #95c700;
font-weight: 600;
}
.nav-link_hotray.w--current {
color: #fff;
}
.nav-link_hotray.w--current:hover {
color: #95c700;
}
.nav-link_hotray.about {
color: #fff;
}
.nav-link_hotray.about:hover {
color: #95c700;
}
.text-block-26_hotray {
color: var(--hotray_primary);
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-24_hotray {
color: var(--hotray_primary);
text-align: left;
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-22_hotray {
color: var(--hotray_primary);
font-family: Open Sans, sans-serif;
font-size: 20px;
line-height: 28px;
}
.link-10 {
color: #e2e2e2;
text-decoration: none;
}
._3d_pics {
color: #b3b3b3;
text-align: center;
margin-top: 220px;
font-family: Poppins, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 56px;
}
.container_cert_blender {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.container_cert_blender._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_cert_blender._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_cert_blender._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_cert_blender._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_cert_blender.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_cert_blender.overview {
margin-top: 80px;
}
.container_cert_blender._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_cert_blender._1_trial, .container_cert_blender._1_trial_hotray, .container_cert_blender._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.image-36_blender {
opacity: .9;
-webkit-text-fill-color: inherit;
background-color: #0000;
background-clip: border-box;
height: 100%;
transition: all .2s;
}
.image-36_blender:hover {
opacity: 1;
}
.image-37_blnder {
opacity: .9;
background-color: #0000;
transition: all .2s;
}
.image-37_blnder:hover {
opacity: 1;
}
.text-span-11, .text-span-12 {
color: #fff;
}
.container_projects {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_projects._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_projects._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_projects._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_projects._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_projects._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_projects.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_projects.overview {
margin-top: 80px;
}
.container_projects._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_projects._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_projects._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_projects._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_projects._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_projects._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.brand-2 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.brand-2.w--current {
background-image: none;
}
.nav-link_playground {
color: #777;
padding: 12px 24px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.nav-link_playground:hover {
color: #fff;
font-weight: 500;
}
.nav-link_playground.w--current {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
}
.nav-link_playground.w--current:hover {
color: #fff;
font-weight: 500;
}
.nav-link_playground.about {
color: #fff;
}
.nav-link_playground.about:hover {
color: #95c700;
}
.nav-link_playground.contact:hover {
font-weight: 500;
}
.navlink_wrapper {
flex-flow: row;
justify-content: center;
align-items: center;
display: flex;
}
.text-span-13 {
color: #fff;
background-color: #000;
border-radius: 4px;
padding: 10px 20px;
font-size: 20px;
line-height: 28px;
display: block;
}
.text-span-14 {
color: #fff;
}
.link-11 {
z-index: 100;
text-decoration: none;
position: relative;
}
.link-12 {
z-index: 101;
text-decoration: none;
position: relative;
}
.hero_section {
z-index: auto;
white-space: normal;
background-color: #0000;
justify-content: center;
align-items: center;
height: 100vh;
margin-top: 0;
padding-left: 0;
padding-right: 0;
display: block;
position: relative;
top: 0;
}
.experience_section {
justify-content: center;
align-items: center;
height: 60rem;
display: block;
}
.container_experience {
justify-content: space-between;
max-width: 1280px;
margin: 120px auto 0;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.container_experience._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_experience._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_experience._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_experience._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_experience._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_experience.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_experience.overview {
margin-top: 80px;
}
.container_experience._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_experience._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_experience._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_experience._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_experience._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_experience._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-186 {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #b16cea, #f36261 53%, #ffa84b);
-webkit-background-clip: text;
background-clip: text;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 22.4px;
}
.text-block-187 {
color: #fff;
margin-top: 20px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.grid-2, .grid_listcompanies {
grid-column-gap: 16px;
grid-row-gap: 100px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.text-block-188 {
color: #777;
}
.text-block-189 {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.text-block-190 {
color: #fff;
margin-top: 26px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 44.8px;
}
.text-block-191, .text-block-191_mobile {
color: #fff;
margin-top: 26px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 32px;
}
.featured_projects {
background-color: #f2f2f2;
height: 378rem;
}
.container_featur_projects {
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_featur_projects._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_featur_projects._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_featur_projects._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_featur_projects._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_featur_projects._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_featur_projects.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_featur_projects.overview {
margin-top: 80px;
}
.container_featur_projects._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_featur_projects._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_featur_projects._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_featur_projects._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_featur_projects._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_featur_projects._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.featured_project_heading {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.text-block-192 {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #b16cea, #f36261 55%, #ffa84b);
-webkit-background-clip: text;
background-clip: text;
margin-top: 200px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 22.4px;
display: inline-block;
}
.text-block-193 {
color: #2f2f2f;
margin-top: 20px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.container_card {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
position: static;
}
.container_card._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_card._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_card._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_card._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_card.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_card.overview {
margin-top: 80px;
}
.container_card._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_card._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_card._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.container_card_img1 {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6665a6431accb3c7c7c48290_Hero_RM.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 4px;
width: 100%;
max-width: 1280px;
height: 614px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_card_img1._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_card_img1._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_card_img1._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_card_img1._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card_img1._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_card_img1.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_card_img1.overview {
margin-top: 80px;
}
.container_card_img1._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card_img1._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_card_img1._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card_img1._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_card_img1._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card_img1._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.cognisaas_chip {
background-color: #3c38b21a;
border-radius: 4px;
width: 108px;
height: 40px;
margin-top: 0;
padding: 10px;
}
.text-block-194 {
color: #3c38b2;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 600;
line-height: 19.6px;
}
.text-block-195 {
color: #2f2f2f;
margin-top: 28px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-196 {
color: #777;
margin-top: 12px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.container_card_2 {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_card_2._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_card_2._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_card_2._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_card_2._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card_2._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_card_2.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_card_2.overview {
margin-top: 80px;
}
.container_card_2._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card_2._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_card_2._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card_2._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_card_2._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card_2._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.container_card_img2 {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6522d8d0e11cc8a45fdd0cb1_req_card.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 4px;
width: 100%;
max-width: 1280px;
height: 614px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_card_img2._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_card_img2._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_card_img2._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_card_img2._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card_img2._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_card_img2.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_card_img2.overview {
margin-top: 80px;
}
.container_card_img2._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card_img2._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_card_img2._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card_img2._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_card_img2._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card_img2._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.cognisaas_chip_2 {
background-color: #0361fd1a;
border-radius: 4px;
width: 159px;
height: 40px;
margin-top: 36px;
padding: 10px;
}
.text-block-194_2 {
color: #0f36aa;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 600;
line-height: 19.6px;
}
.text-block-195_2 {
color: #2f2f2f;
margin-top: 28px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-196_2 {
color: #777;
margin-top: 12px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.container_card_3 {
max-width: 1280px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_card_3._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_card_3._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_card_3._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_card_3._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card_3._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_card_3.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_card_3.overview {
margin-top: 80px;
}
.container_card_3._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card_3._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_card_3._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card_3._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_card_3._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card_3._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.container_card_img3 {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/652394fcaeeb16df648bd830_Slide%2016_9%20-%205-min.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 4px;
max-width: 1280px;
height: 614px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_card_img3:hover {
background-size: cover;
}
.container_card_img3._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_card_img3._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_card_img3._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_card_img3._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card_img3._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_card_img3.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_card_img3.overview {
margin-top: 80px;
}
.container_card_img3._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card_img3._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_card_img3._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card_img3._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_card_img3._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card_img3._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.cognisaas_chip_3 {
background-color: #0f36aa1a;
border-radius: 4px;
width: 131px;
height: 40px;
margin-top: 36px;
padding: 10px;
}
.text-block-195_3 {
color: #2f2f2f;
margin-top: 28px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.text-block-196_3 {
color: #777;
margin-top: 12px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.other_projects_headings {
flex-direction: column;
align-items: center;
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.other_projects_headings._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.other_projects_headings._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.other_projects_headings._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.other_projects_headings._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.other_projects_headings._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.other_projects_headings.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.other_projects_headings.overview {
margin-top: 80px;
}
.other_projects_headings._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.other_projects_headings._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.other_projects_headings._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.other_projects_headings._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.other_projects_headings._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.other_projects_headings._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-192_other {
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #b16cea, #f36261 55%, #ffa84b);
-webkit-background-clip: text;
background-clip: text;
margin-top: 200px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 22.4px;
display: inline-block;
}
.text-block-197 {
color: #2f2f2f;
margin-top: 20px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.other_projects {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.other_projects._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.other_projects._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.other_projects._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.other_projects._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.other_projects._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.other_projects.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.other_projects.overview {
margin-top: 80px;
}
.other_projects._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.other_projects._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.other_projects._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.other_projects._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.other_projects._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.other_projects._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.other_projects_grid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: 616px auto;
}
.hotray_card {
cursor: pointer;
background-color: #fff;
border-radius: 4px;
width: auto;
max-width: 580px;
height: 616px;
padding: 40px;
}
.hotray_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/65089d5ea0b933f9f397d50b_hotray_svg.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 2px;
width: 500px;
height: 308px;
}
.text-block-194_connectify {
color: #dd00e1;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 600;
line-height: 19.6px;
}
.hotray_chip {
background-color: #dd00e11a;
border-radius: 4px;
width: 131px;
height: 40px;
margin-top: 36px;
padding: 10px;
}
.text-block-198 {
color: #2f2f2f;
margin-top: 36px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 44.8px;
}
.text-block-199 {
color: #777;
margin-top: 15px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.healthome_card {
background-color: #fff;
border-radius: 4px;
width: 600px;
height: 616px;
margin-top: 140px;
padding: 40px;
}
.healthome_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6508a05460774e77b01e1ca6_healthome_scg.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 2px;
width: 520px;
height: 308px;
}
.healthome_chip {
background-color: #2bd9601a;
border-radius: 4px;
width: 131px;
height: 40px;
margin-top: 36px;
padding: 10px;
}
.text-block-194_healthome {
color: #2bd960;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 600;
line-height: 19.6px;
}
.text-block-198_healthome {
color: #2f2f2f;
margin-top: 36px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 44.8px;
}
.text-block-199_healthome {
color: #777;
margin-top: 15px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.healthome-_card {
cursor: pointer;
background-color: #fff;
border-radius: 4px;
width: 580px;
height: 616px;
margin-top: 80px;
padding: 40px;
text-decoration: none;
}
.healthome-_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6508a05460774e77b01e1ca6_healthome_scg.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 2px;
width: 500px;
height: 308px;
}
.healthome-_chip {
background-color: #2bd9601a;
border-radius: 4px;
width: 131px;
height: 40px;
margin-top: 36px;
padding: 10px;
}
.text-block-19_healthome {
color: #2bd960;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 600;
line-height: 19.6px;
}
.text-block-198_healthom {
color: #2f2f2f;
margin-top: 36px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 44.8px;
}
.text-block-199_healtho {
color: #777;
margin-top: 15px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.connectify_card {
cursor: pointer;
background-color: #fff;
border-radius: 4px;
width: 580px;
height: 616px;
margin-top: 0;
padding: 40px;
text-decoration: none;
}
.connectify_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/65090583e9db068e47c87d18_Connectify_svg.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 2px;
width: 500px;
height: 308px;
}
.connectify_chip {
background-color: #ff7b001a;
border-radius: 4px;
width: 138px;
height: 40px;
margin-top: 36px;
padding: 10px;
}
.text-block-198_connectify {
color: #2f2f2f;
margin-top: 36px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 44.8px;
}
.text-block-199_connectify {
color: #777;
margin-top: 15px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.text-block-194_connectify_11 {
color: #ff7b00;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 600;
line-height: 19.6px;
display: block;
}
.propath_card {
cursor: pointer;
background-color: #fff;
border-radius: 4px;
width: 580px;
height: 616px;
margin-top: 80px;
padding: 40px;
text-decoration: none;
}
.propath_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6509095de9db068e47cd2057_Propath_svg.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 2px;
width: 500px;
height: 308px;
}
.propath_chip {
background-color: #031cfe1a;
border-radius: 4px;
width: 131px;
height: 40px;
margin-top: 36px;
padding: 10px;
}
.text-block-19_propath {
color: #031cfe;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 600;
line-height: 19.6px;
}
.text-block-198_propath {
color: #2f2f2f;
margin-top: 36px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 44.8px;
}
.text-block-199_propath {
color: #777;
margin-top: 15px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 28px;
}
.designpal_content_card {
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.designpal_content_card._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.designpal_content_card._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.designpal_content_card._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.designpal_content_card._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.designpal_content_card._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.designpal_content_card.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.designpal_content_card.overview {
margin-top: 80px;
}
.designpal_content_card._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.designpal_content_card._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.designpal_content_card._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.designpal_content_card._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.designpal_content_card._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.designpal_content_card._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.container_cognisaas_content {
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.container_cognisaas_content._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_cognisaas_content._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_cognisaas_content._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_cognisaas_content._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_cognisaas_content._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_cognisaas_content.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_cognisaas_content.overview {
margin-top: 80px;
}
.container_cognisaas_content._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_cognisaas_content._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_cognisaas_content._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_cognisaas_content._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_cognisaas_content._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_cognisaas_content._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.requestly_content {
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
}
.requestly_content._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.requestly_content._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.requestly_content._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.requestly_content._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.requestly_content._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.requestly_content.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.requestly_content.overview {
margin-top: 80px;
}
.requestly_content._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.requestly_content._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.requestly_content._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.requestly_content._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.requestly_content._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.requestly_content._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.dabbling_in_3d {
background-color: #000;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 136rem;
display: block;
}
.container_3d {
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_3d._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_3d._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_3d._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_3d._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_3d._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_3d.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_3d.overview {
margin-top: 80px;
}
.container_3d._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_3d._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_3d._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_3d._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_3d._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_3d._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-192_3d {
text-align: left;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #b16cea, #f36261 55%, #ffa84b);
-webkit-background-clip: text;
background-clip: text;
margin-top: 200px;
margin-left: auto;
margin-right: auto;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 22.4px;
display: inline-block;
}
.text-block-200 {
color: #fff;
margin-top: 20px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.container_3d3d {
flex-direction: column;
align-items: center;
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.container_3d3d._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_3d3d._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_3d3d._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_3d3d._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_3d3d._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_3d3d.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_3d3d.overview {
margin-top: 80px;
}
.container_3d3d._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_3d3d._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_3d3d._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_3d3d._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_3d3d._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_3d3d._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.container_playground {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_playground._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_playground._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_playground._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_playground._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_playground._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_playground.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_playground.overview {
margin-top: 80px;
}
.container_playground._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_playground._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_playground._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_playground._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_playground._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_playground._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.grid-3 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 555px auto auto auto;
grid-template-columns: 1fr 1fr;
}
.plane_scene {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/650981ad7560cbe250879d51_street_gif.gif");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 555px;
}
.descript_blend_1 {
color: #333;
background-color: #080808;
}
.text-block-201 {
color: #777;
text-align: center;
margin-top: 211px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 28px;
}
.text-block-202 {
color: #fff;
text-align: center;
margin-top: 40px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 44.8px;
}
.lighthouse_description {
background-color: #0d0d0d;
height: 555px;
}
.text-block-201_lighthouse {
color: #777;
text-align: center;
margin-top: 211px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 28px;
}
.text-block-202_lighthouse {
color: #fff;
text-align: center;
margin-top: 40px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 44.8px;
}
.lighthouse_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/65098523c450f8c30aa301c9_lighthouse_img.svg");
background-position: 0 0;
background-size: auto;
}
.dinausaur_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6509867f8b748bac5cf07177_dinosaur_svg.svg");
background-position: 0 0;
background-size: auto;
height: 555px;
}
.dinosaur_descrip {
background-color: #0d0d0d;
}
.text-block-201_ldinosaur {
color: #777;
text-align: center;
margin-top: 211px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 28px;
}
.text-block-202_ldinosaur {
color: #fff;
text-align: center;
margin-top: 40px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 44.8px;
}
.dungeon_img {
color: #777;
background-color: #0d0d0d;
height: 555px;
}
.text-block-201_asd {
color: #777;
text-align: center;
margin-top: 211px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 700;
line-height: 28px;
}
.text-block-202_deserted {
color: #fff;
text-align: center;
margin-top: 40px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 600;
line-height: 44.8px;
}
.light_flames_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/650989b47214bf0596dc0f4e_dungeon_svg.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.grid-3-_erx {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 555px auto auto;
grid-template-columns: 1fr 1fr;
}
.text-block-192_footer {
text-align: left;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #b16cea, #f36261 55%, #ffa84b);
-webkit-background-clip: text;
background-clip: text;
justify-content: center;
align-items: center;
margin-top: 0;
margin-left: auto;
margin-right: auto;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 22.4px;
display: inline-block;
}
.container_likeyc {
max-width: 1280px;
margin-top: 19.4rem;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.container_likeyc._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_likeyc._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_likeyc._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_likeyc._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_likeyc._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_likeyc.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_likeyc.overview {
margin-top: 80px;
}
.container_likeyc._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_likeyc._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_likeyc._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_likeyc._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_likeyc._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_likeyc._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.image-48 {
position: absolute;
inset: 18px 38px auto auto;
}
.image-49 {
background-color: #000;
}
.story_lulli {
background-image: linear-gradient(#000, #000);
flex-direction: column;
justify-content: center;
align-items: center;
height: 80vh;
margin-top: 0;
display: block;
position: relative;
}
.container_welcome {
max-width: 1280px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_welcome._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_welcome._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_welcome._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_welcome._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_welcome._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_welcome.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_welcome.overview {
margin-top: 80px;
}
.container_welcome._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_welcome._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_welcome._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_welcome._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_welcome._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_welcome._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.story_header_text {
margin-top: 0;
padding-top: 20vh;
}
.story_header {
color: #fff;
text-align: center;
margin-top: 0;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 56px;
font-weight: 500;
line-height: 78.4px;
}
.text-block-20_header_para {
color: #999;
text-align: center;
margin-top: 40px;
margin-bottom: 0;
font-family: Poppins, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 26px;
}
.timeline_story {
z-index: -3;
height: 230vh;
position: relative;
}
.container_timeline {
background-color: #000;
max-width: 1280px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_timeline._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_timeline._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_timeline._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_timeline._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_timeline._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_timeline.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_timeline.overview {
margin-top: 80px;
}
.container_timeline._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_timeline._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_timeline._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_timeline._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_timeline._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_timeline._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.grid-4 {
grid-column-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 160px 1fr;
}
.text-block-203 {
color: #fff;
text-align: right;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 67.2px;
}
.timeline_circle {
background-color: #fff;
border-radius: 100%;
width: 15px;
height: 15px;
}
.text-block-204 {
color: #fff;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.progress_bar {
z-index: -2;
background-color: #777;
width: 3px;
height: 100%;
position: absolute;
}
.timeline_progress_bar {
z-index: -1;
background-color: #fff;
width: 3px;
height: 50vh;
position: fixed;
bottom: 50vh;
}
.last_section {
background-color: #000;
height: 100vh;
}
.timeline2 {
z-index: -3;
position: relative;
}
.container_dates {
background-color: #000;
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_dates._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_dates._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_dates._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_dates._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_dates._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_dates.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_dates.overview {
margin-top: 80px;
}
.container_dates._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_dates._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_dates._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_dates._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_dates._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_dates._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.timeline_wrapper {
background-color: #0000;
flex-direction: column;
align-items: center;
display: flex;
}
.grid-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 160px 1fr;
}
.timeline_item {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 160px 1fr;
width: 100%;
padding-top: 140px;
padding-bottom: 140px;
position: relative;
}
.timeline_left {
text-align: right;
}
.timeline_centre {
justify-content: center;
display: flex;
}
.timeline_date_text {
color: #fff;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 67.2px;
position: sticky;
top: 50vh;
}
.circle {
background-color: #fff;
border-radius: 100%;
justify-content: flex-start;
width: 15px;
height: 15px;
display: block;
position: sticky;
top: 50vh;
}
.right_content_text {
color: #fff;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 32px;
}
.timeline_progress {
z-index: 0;
color: #777;
background-color: #777;
width: 3px;
height: 100%;
position: absolute;
}
.timeline_progress-bar {
z-index: -1;
background-color: #0000;
background-image: linear-gradient(#b16cea, #f36261 50%, #ffa84b);
width: 3px;
height: 50vh;
position: fixed;
bottom: 50vh;
}
.npr_star {
background-color: #000;
flex-direction: column;
height: 30vh;
display: flex;
}
.nov_img {
height: 320px;
margin-top: 60px;
}
.image-50 {
height: 320px;
}
.timeline_item_2 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 160px 1fr;
width: 100%;
padding-top: 140px;
padding-bottom: 100px;
position: relative;
}
.timeline_date_text_3 {
color: #fff;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 67.2px;
position: sticky;
top: 50vh;
}
.timeline_item_3 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 160px 1fr;
width: 100%;
padding-top: 140px;
padding-bottom: 140px;
position: relative;
}
.image-51 {
width: 100%;
height: 340px;
}
.timeline_item_4, .timeline_item_5, .timeline_item_6 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 160px 1fr;
width: 100%;
padding-top: 140px;
padding-bottom: 140px;
position: relative;
}
.image-52 {
height: 320px;
}
.timeline_item_7 {
z-index: 2;
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 160px 1fr;
width: 100%;
padding-top: 140px;
padding-bottom: 140px;
position: relative;
}
.timeline_date_text_7 {
color: #fff;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 67.2px;
position: sticky;
top: 50vh;
}
.image-53 {
height: 320px;
}
.container_currently {
flex-direction: column;
align-items: center;
max-width: 1280px;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.container_currently._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_currently._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_currently._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_currently._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_currently._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_currently.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_currently.overview {
margin-top: 80px;
}
.container_currently._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_currently._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_currently._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_currently._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_currently._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_currently._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.currently_text {
color: #fff;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 67.2px;
}
.text-block-205 {
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
}
.text-block-205_currently {
color: #fff;
text-align: center;
margin-top: 40px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 34px;
}
.navbar_story {
z-index: 999;
background-color: #0000;
position: static;
inset: 0% 0% auto;
}
.navbar_story.abt {
display: none;
position: fixed;
inset: 0% 0% auto;
}
.navbar_story.designpal {
display: none;
}
.navbar_story.abt_home, .navbar_story.designpalstatic, .navbar_story.healthomepluesstatic, .navbar_story.hotraystatic {
position: static;
inset: 0% 0% auto;
}
.navbar_story.homescreen {
background-color: #000;
padding-bottom: 0;
position: static;
inset: 0% 0% auto;
}
.designpal_link {
width: 100%;
max-width: 1280px;
}
.hotray_link, .healthome_link {
text-decoration: none;
}
.grid-6, .grid_playground {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.image-54 {
width: 100%;
height: 555px;
}
.descript_blend_2 {
background-color: #080808;
height: 555px;
}
.lighthouse_image {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/65098523c450f8c30aa301c9_lighthouse_img.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
}
.dino_image {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6509867f8b748bac5cf07177_dinosaur_svg.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 555px;
}
.descript_blend_3 {
background-color: #080808;
}
.testimonials {
height: 85rem;
}
.container_testimonials {
flex-direction: column;
align-items: center;
max-width: 1280px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.container_testimonials._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_testimonials._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_testimonials._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_testimonials._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_testimonials._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_testimonials.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_testimonials.overview {
margin-top: 80px;
}
.container_testimonials._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_testimonials._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_testimonials._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_testimonials._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_testimonials._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_testimonials._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-192_testimonials {
text-align: left;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(to right, #b16cea, #f36261 55%, #ffa84b);
-webkit-background-clip: text;
background-clip: text;
margin-top: 200px;
margin-left: auto;
margin-right: auto;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 22.4px;
display: inline-block;
}
.text-block-200_testimonials {
color: #fff;
margin-top: 20px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 48px;
font-weight: 700;
line-height: 67.2px;
}
.container_testimonials_cards {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_testimonials_cards._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_testimonials_cards._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_testimonials_cards._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_testimonials_cards._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_testimonials_cards._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_testimonials_cards.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_testimonials_cards.overview {
margin-top: 80px;
}
.container_testimonials_cards._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_testimonials_cards._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_testimonials_cards._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_testimonials_cards._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_testimonials_cards._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_testimonials_cards._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.grid-7 {
grid-column-gap: 35px;
grid-row-gap: 35px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr 1fr 1fr;
}
.card_testimonials_1 {
background-color: #0d0d0d;
width: 390px;
height: 480px;
}
.testimonial_text_1 {
padding: 40px;
}
.text-block-206 {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 30.4px;
}
.testimonial_designation {
margin-top: 10px;
margin-bottom: 40px;
padding-left: 40px;
padding-right: 40px;
display: flex;
}
.profile_circle {
background-color: #d8d8d8;
border-radius: 200px;
width: 60px;
height: 60px;
}
.testimonials_name {
margin-left: 24px;
}
.testimonials_full_name {
color: #fff;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.designation {
color: #777;
margin-top: 8px;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
line-height: 19.6px;
}
.card_testimonials_1_1, .card_testimonials_1_3 {
background-color: #080808;
flex-direction: column;
justify-content: space-between;
width: 390px;
height: 400px;
margin-top: 180px;
display: flex;
}
.card_testimonials_1_4 {
background-color: #080808;
flex-direction: column;
justify-content: space-between;
width: 390px;
height: 400px;
margin-top: -180px;
display: flex;
}
.testimonials_full_name_1 {
color: #fff;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.designation_1 {
color: #777;
margin-top: 8px;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
line-height: 19.6px;
}
.card_testimonials_1-copy {
background-color: #0d0d0d;
width: 390px;
height: 480px;
}
.card_testimonials_1_first {
background-color: #080808;
flex-direction: column;
justify-content: space-between;
width: 390px;
height: 400px;
display: flex;
}
.card_testimonials_1_first:hover {
border: 0 #818181;
}
.profile_circle_final {
background-color: #d8d8d8;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/651a93db4b039af722ffcf4d_APK_img.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 200px;
width: 60px;
height: 60px;
}
.profile_circle_ronit {
background-color: #d8d8d8;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/651a921b2cf2f40b25b65931_ronit_img.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 200px;
width: 60px;
height: 60px;
}
.profile_circle_arif {
background-color: #d8d8d8;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/651a92e18f682401d2318c33_Arif_img.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 200px;
width: 60px;
height: 60px;
}
.profile_circle_daksh {
background-color: #d8d8d8;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/651a937211a7884afa3b4fcb_Daksh_img.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 200px;
width: 60px;
height: 60px;
}
.container_footer {
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container_footer._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_footer._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_footer._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_footer._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_footer._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_footer.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_footer.overview {
margin-top: 80px;
}
.container_footer._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_footer._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_footer._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_footer._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_footer._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_footer._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.image-49_designpal {
background-color: #fff;
}
.nav-link_designpal {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.nav-link_designpal:hover {
color: #000;
font-weight: 600;
}
.nav-link_designpal.w--current {
color: #777;
padding: 12px 24px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.nav-link_designpal.w--current:hover {
color: #000;
font-weight: 500;
}
.nav-link_designpal.about {
color: #fff;
}
.nav-link_designpal.about:hover {
color: #95c700;
}
.image-49_phone_logo, .image-49_designpal_mobile {
background-color: #000;
}
.button_designpal {
color: #95c700;
background-color: #0000;
border: 1.5px solid #95c700;
border-radius: 5px;
margin-top: 8px;
font-family: Open Sans, sans-serif;
font-weight: 600;
transition: all .2s;
}
.button_designpal:hover {
color: #95c700;
background-color: #0000;
}
.button_designpal.home {
color: #fff;
background-image: linear-gradient(to right, #b16cea, #f36261 54%, #ffa84b);
border-style: none;
border-color: #95c700;
margin-top: 5px;
padding: 1px;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 600;
}
.text-span-13_designpal {
color: #000;
background-color: #fff;
border-radius: 4px;
padding: 10px 20px;
font-size: 20px;
line-height: 28px;
display: block;
}
.footer-dark_designpal, .footer-dark_healthome, .footer-dark_hotray {
background-color: #000;
border-bottom: 1px solid #e4ebf3;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
margin-top: 0;
padding: 20px 30px;
display: block;
position: relative;
}
.hero_img_req {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6665a6431accb3c7c7c48290_Hero_RM.svg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
height: 100vh;
}
.rm-heading {
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.rm-heading._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.rm-heading._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.rm-heading._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.rm-heading._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.rm-heading._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.rm-heading.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.rm-heading.overview {
margin-top: 80px;
}
.rm-heading._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.rm-heading._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.rm-heading._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.rm-heading._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.rm-heading._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.rm-heading._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.req_cs_heading_1 {
color: #1c1c1c;
margin-top: 120px;
font-family: Inter, sans-serif;
font-size: 36px;
font-weight: 600;
line-height: 50.4px;
}
.req_cs_initital {
height: 800vh;
}
.rm-intro {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.rm-intro._1, .rm-intro._2, .rm-intro._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.rm-intro._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.rm-intro.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.rm-intro.overview {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.text-block-21_req_bg {
color: #4b45e5;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-207 {
color: #2e2e2e;
font-size: 20px;
line-height: 38px;
}
.bg_2 {
margin-top: 28px;
}
.text-block-207_3 {
color: #2e2e2e;
font-size: 20px;
line-height: 38px;
}
.list {
margin-top: 48px;
padding-left: 20px;
}
.list-item {
margin-top: 28px;
}
.my-role-rm {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.my-role-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.my-role-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.my-role-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.my-role-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.my-role-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.my-role-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.my-role-rm.overview {
margin-top: 80px;
}
.my-role-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.my-role-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.my-role-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.my-role-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.my-role-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.my-role-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-208 {
color: #4b45e5;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 28px;
}
.text-block-209 {
color: #1c1c1ccc;
margin-top: 32px;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 36px;
}
.valuable_insights {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.valuable_insights._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.valuable_insights._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.valuable_insights._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.valuable_insights._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.valuable_insights._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.valuable_insights.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.valuable_insights.overview {
margin-top: 80px;
}
.valuable_insights._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.valuable_insights._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.valuable_insights._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.valuable_insights._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.valuable_insights._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.valuable_insights._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.valuable_insights_12 {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.valuable_insights_12._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.valuable_insights_12._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.valuable_insights_12._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.valuable_insights_12._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.valuable_insights_12._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.valuable_insights_12.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.valuable_insights_12.overview {
margin-top: 80px;
}
.valuable_insights_12._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.valuable_insights_12._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.valuable_insights_12._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.valuable_insights_12._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.valuable_insights_12._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.valuable_insights_12._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-209_23 {
color: #1c1c1ccc;
margin-top: 32px;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 36px;
}
.text-block-210 {
color: #1c1c1ccc;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 36px;
}
.list-item-2 {
margin-top: 28px;
}
.text-block-210_2, .text-block-210_3 {
color: #1c1c1ccc;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 36px;
}
.text-block-210_4 {
font-size: 20px;
line-height: 38px;
}
.list-item-3, .list-item-4, .list-item-5 {
margin-top: 28px;
}
.competitive_analysis {
flex-direction: column;
align-items: stretch;
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
line-height: 38px;
display: flex;
}
.competitive_analysis._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.competitive_analysis._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.competitive_analysis._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.competitive_analysis._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.competitive_analysis._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.competitive_analysis.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.competitive_analysis.overview {
margin-top: 80px;
}
.competitive_analysis._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.competitive_analysis._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.competitive_analysis._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.competitive_analysis._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.competitive_analysis._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.competitive_analysis._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-208_comp_anal {
color: #1890ff;
font-size: 20px;
line-height: 28px;
}
.text-block-211 {
margin-top: 48px;
}
.target_users {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.target_users._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.target_users._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.target_users._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.target_users._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.target_users._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.target_users.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.target_users.overview {
margin-top: 80px;
}
.target_users._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.target_users._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.target_users._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.target_users._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.target_users._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.target_users._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-208_tu {
color: #1890ff;
font-size: 20px;
line-height: 28px;
}
.use_case {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.use_case._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.use_case._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.use_case._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.use_case._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.use_case._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.use_case.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.use_case.overview {
margin-top: 80px;
}
.use_case._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.use_case._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.use_case._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.use_case._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.use_case._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.use_case._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.req_cs_brainstorm {
height: 1440vh;
}
.rough_user_flow {
flex-direction: column;
align-items: stretch;
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
line-height: 38px;
display: flex;
}
.rough_user_flow._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.rough_user_flow._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.rough_user_flow._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.rough_user_flow._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.rough_user_flow._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.rough_user_flow.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.rough_user_flow.overview {
margin-top: 80px;
}
.rough_user_flow._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.rough_user_flow._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.rough_user_flow._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.rough_user_flow._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.rough_user_flow._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.rough_user_flow._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.user_flow_img {
width: 800px;
height: 600px;
margin-top: 100px;
}
.user_flow {
justify-content: center;
display: flex;
}
.wireframing {
flex-direction: column;
align-items: stretch;
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
line-height: 38px;
display: flex;
}
.wireframing._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.wireframing._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.wireframing._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.wireframing._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.wireframing._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.wireframing.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.wireframing.overview {
margin-top: 80px;
}
.wireframing._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.wireframing._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.wireframing._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.wireframing._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.wireframing._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.wireframing._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.grid-8 {
grid-column-gap: 48px;
grid-row-gap: 48px;
margin-top: 100px;
}
._1st_iteration {
flex-direction: column;
align-items: stretch;
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
line-height: 38px;
display: flex;
}
._1st_iteration._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
._1st_iteration._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
._1st_iteration._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
._1st_iteration._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
._1st_iteration._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
._1st_iteration.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
._1st_iteration.overview {
margin-top: 80px;
}
._1st_iteration._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
._1st_iteration._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
._1st_iteration._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
._1st_iteration._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
._1st_iteration._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
._1st_iteration._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-209_iteration {
color: #2e2e2e;
margin-top: 48px;
font-size: 20px;
line-height: 38px;
}
.text-block-210_iteration {
font-size: 20px;
line-height: 38px;
}
.list-item-3_iterat {
margin-top: 28px;
}
.list-2 {
margin-top: 28px;
padding-left: 20px;
}
._2nd_iteration {
flex-direction: column;
align-items: stretch;
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
line-height: 38px;
display: flex;
}
._2nd_iteration._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
._2nd_iteration._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
._2nd_iteration._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
._2nd_iteration._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
._2nd_iteration._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
._2nd_iteration.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
._2nd_iteration.overview {
margin-top: 80px;
}
._2nd_iteration._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
._2nd_iteration._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
._2nd_iteration._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
._2nd_iteration._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
._2nd_iteration._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
._2nd_iteration._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-209_iteration_2 {
color: #2e2e2e;
margin-top: 48px;
font-size: 20px;
line-height: 38px;
}
.text-block-210_iterat, .text-block-210_iteration_2, .text-block-210_iteration_3 {
font-size: 20px;
line-height: 38px;
}
.trade_offs {
flex-direction: column;
align-items: stretch;
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
line-height: 38px;
display: flex;
}
.trade_offs._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.trade_offs._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.trade_offs._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.trade_offs._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.trade_offs._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.trade_offs.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.trade_offs.overview {
margin-top: 80px;
}
.trade_offs._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.trade_offs._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.trade_offs._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.trade_offs._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.trade_offs._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.trade_offs._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-209_tradeoff {
color: #2e2e2e;
margin-top: 48px;
font-size: 20px;
line-height: 38px;
}
.list-3 {
padding-left: 20px;
}
.list-4 {
margin-top: 32px;
margin-bottom: 0;
padding-left: 20px;
}
.final_design_1 {
flex-direction: column;
align-items: stretch;
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
line-height: 38px;
display: flex;
}
.final_design_1._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.final_design_1._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.final_design_1._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.final_design_1._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.final_design_1._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.final_design_1.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.final_design_1.overview {
margin-top: 80px;
}
.final_design_1._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.final_design_1._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.final_design_1._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.final_design_1._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.final_design_1._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.final_design_1._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-209_fd_1_headline {
color: #2e2e2e;
margin-top: 48px;
font-size: 24px;
font-weight: 600;
line-height: 38px;
}
.text-block-210_fd_1_bullet1, .text-block-210_fd_2_bullet2 {
font-size: 20px;
line-height: 38px;
}
.user_flow_2 {
justify-content: center;
display: flex;
}
.user_flow_img_2 {
width: 800px;
height: 600px;
margin-top: 100px;
}
.text-block-209_fd_2_headline {
color: #2e2e2e;
margin-top: 48px;
font-size: 24px;
font-weight: 600;
line-height: 38px;
}
.user_flow_3 {
justify-content: center;
display: flex;
}
.user_flow_img_3 {
width: 800px;
height: 600px;
margin-top: 100px;
}
.text-block-209_fd_3_headline {
color: #2e2e2e;
margin-top: 48px;
font-size: 24px;
font-weight: 600;
line-height: 38px;
}
.list-2-copy, .list-2_3 {
margin-top: 28px;
padding-left: 20px;
}
.user_flow_gif {
background-color: #000;
height: 100vh;
}
.container_userf {
max-width: 1280px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-left: 20px;
padding-right: 20px;
}
.container_userf._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_userf._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_userf._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_userf._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_userf._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_userf.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_userf.overview {
margin-top: 80px;
}
.container_userf._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_userf._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_userf._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_userf._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_userf._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_userf._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.user_flow_text {
color: #1890ff;
font-size: 20px;
line-height: 28px;
}
.container-copy {
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.container-copy._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container-copy._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container-copy._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container-copy._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container-copy._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container-copy.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container-copy.overview {
margin-top: 80px;
}
.container-copy._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container-copy._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container-copy._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container-copy._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container-copy._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container-copy._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.userflow_giff {
flex-direction: column;
width: auto;
max-width: 1280px;
margin-top: 48px;
margin-left: auto;
margin-right: auto;
padding-left: 0;
padding-right: 0;
display: flex;
}
.userflow_giff._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.userflow_giff._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.userflow_giff._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.userflow_giff._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.userflow_giff._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.userflow_giff.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.userflow_giff.overview {
margin-top: 80px;
}
.userflow_giff._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.userflow_giff._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.userflow_giff._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.userflow_giff._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.userflow_giff._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.userflow_giff._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.image-55 {
width: auto;
}
.req_cs_last {
height: 120vh;
}
.design_handoff {
max-width: 1280px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 120px;
padding-left: 20px;
padding-right: 20px;
}
.design_handoff._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.design_handoff._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.design_handoff._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.design_handoff._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.design_handoff._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.design_handoff.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.design_handoff.overview {
margin-top: 80px;
}
.design_handoff._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.design_handoff._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.design_handoff._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.design_handoff._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.design_handoff._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.design_handoff._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.go_back {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.go_back._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.go_back._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.go_back._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.go_back._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.go_back._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.go_back.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.go_back.overview {
margin-top: 80px;
}
.go_back._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.go_back._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.go_back._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.go_back._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.go_back._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.go_back._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.req_cs_learnings {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.req_cs_learnings._1, .req_cs_learnings._2, .req_cs_learnings._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.req_cs_learnings._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.req_cs_learnings.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.req_cs_learnings.overview {
margin-top: 80px;
padding-left: 20px;
padding-right: 20px;
}
.user_video {
color: #000;
background-color: #000;
height: 100vh;
}
.container_user_video {
max-width: 1280px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
padding-top: 100px;
padding-left: 20px;
padding-right: 20px;
}
.container_user_video._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_user_video._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_user_video._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_user_video._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_user_video._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_user_video.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_user_video.overview {
margin-top: 80px;
}
.container_user_video._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_user_video._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_user_video._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_user_video._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_user_video._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_user_video._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-212 {
color: #1890ff;
font-size: 20px;
line-height: 28px;
}
.brainstorming_matrix {
flex-direction: column;
align-items: stretch;
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
font-size: 20px;
line-height: 38px;
display: flex;
}
.brainstorming_matrix._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.brainstorming_matrix._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.brainstorming_matrix._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.brainstorming_matrix._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.brainstorming_matrix._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.brainstorming_matrix.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.brainstorming_matrix.overview {
margin-top: 80px;
}
.brainstorming_matrix._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.brainstorming_matrix._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.brainstorming_matrix._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.brainstorming_matrix._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.brainstorming_matrix._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.brainstorming_matrix._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.user_video_requestly {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.user_video_requestly._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.user_video_requestly._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.user_video_requestly._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.user_video_requestly._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.user_video_requestly._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.user_video_requestly.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.user_video_requestly.overview {
margin-top: 80px;
}
.user_video_requestly._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.user_video_requestly._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.user_video_requestly._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.user_video_requestly._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.user_video_requestly._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.user_video_requestly._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-213 {
color: #1890ff;
font-size: 20px;
line-height: 38px;
}
.video {
margin-top: 48px;
}
.design_handoff_requestly {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.design_handoff_requestly._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.design_handoff_requestly._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.design_handoff_requestly._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.design_handoff_requestly._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.design_handoff_requestly._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.design_handoff_requestly.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.design_handoff_requestly.overview {
margin-top: 80px;
}
.design_handoff_requestly._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.design_handoff_requestly._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.design_handoff_requestly._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.design_handoff_requestly._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.design_handoff_requestly._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.design_handoff_requestly._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.go_back_requestly {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.go_back_requestly._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.go_back_requestly._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.go_back_requestly._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.go_back_requestly._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.go_back_requestly._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.go_back_requestly.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.go_back_requestly.overview {
margin-top: 80px;
}
.go_back_requestly._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.go_back_requestly._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.go_back_requestly._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.go_back_requestly._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.go_back_requestly._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.go_back_requestly._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.learnings_requestly {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.learnings_requestly._1, .learnings_requestly._2, .learnings_requestly._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.learnings_requestly._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.learnings_requestly.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.learnings_requestly.overview {
margin-top: 120px;
margin-bottom: 120px;
padding-left: 20px;
padding-right: 20px;
}
.user_flow_img_1 {
width: 800px;
height: 600px;
margin-top: 100px;
}
.chip-lock {
flex-direction: row;
justify-content: space-between;
align-items: stretch;
margin-top: 36px;
display: flex;
}
.lock {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6527e3f118936cd854575f27_Lock.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 40px;
height: 40px;
}
.field-label {
margin-top: 20px;
}
.overview-timeline-grid {
grid-template-rows: auto;
grid-template-columns: 4.75fr 1fr;
}
.overviewtimeline-div {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.overviewtimeline-div._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.overviewtimeline-div._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.overviewtimeline-div._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.overviewtimeline-div._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.overviewtimeline-div._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.overviewtimeline-div.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.overviewtimeline-div.overview {
margin-top: 80px;
}
.overviewtimeline-div._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.overviewtimeline-div._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.overviewtimeline-div._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.overviewtimeline-div._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.overviewtimeline-div._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.overviewtimeline-div._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.timeline-rm {
max-width: 1280px;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.timeline-rm._1, .timeline-rm._2, .timeline-rm._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.timeline-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.timeline-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.timeline-rm.overview {
margin-top: 0;
padding-left: 20px;
padding-right: 20px;
}
.final_watchlist_rm {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6665a69ac0c16b7b9618e8f1_Intitial%20watchlist.svg");
background-position: 50% 100%;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
height: 100vh;
margin-top: 120px;
font-family: Inter, sans-serif;
}
.problem-statement-rm {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.problem-statement-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.problem-statement-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.problem-statement-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.problem-statement-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.problem-statement-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.problem-statement-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.problem-statement-rm.overview {
margin-top: 80px;
}
.problem-statement-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.problem-statement-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.problem-statement-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.problem-statement-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.problem-statement-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.problem-statement-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.objective-rm {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.objective-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.objective-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.objective-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.objective-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.objective-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.objective-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.objective-rm.overview {
margin-top: 80px;
}
.objective-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.objective-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.objective-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.objective-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.objective-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.objective-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.feedback-rm {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.feedback-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.feedback-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.feedback-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.feedback-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.feedback-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.feedback-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.feedback-rm.overview {
margin-top: 80px;
}
.feedback-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.feedback-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.feedback-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.feedback-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.feedback-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.feedback-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.feedback-image {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/65c9aa92726ace3087b7172b_Feedbacks.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 70vh;
margin-top: 60px;
}
.user-interviews-rm {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.user-interviews-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.user-interviews-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.user-interviews-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.user-interviews-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.user-interviews-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.user-interviews-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.user-interviews-rm.overview {
margin-top: 80px;
}
.user-interviews-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.user-interviews-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.user-interviews-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.user-interviews-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.user-interviews-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.user-interviews-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.image-56 {
margin-top: 60px;
}
.understanding-the-user-rm {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.understanding-the-user-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.understanding-the-user-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.understanding-the-user-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.understanding-the-user-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.understanding-the-user-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.understanding-the-user-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.understanding-the-user-rm.overview {
margin-top: 80px;
}
.understanding-the-user-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.understanding-the-user-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.understanding-the-user-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.understanding-the-user-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.understanding-the-user-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.understanding-the-user-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.key-focus-areas-rm {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.key-focus-areas-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.key-focus-areas-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.key-focus-areas-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.key-focus-areas-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.key-focus-areas-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.key-focus-areas-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.key-focus-areas-rm.overview {
margin-top: 80px;
}
.key-focus-areas-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.key-focus-areas-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.key-focus-areas-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.key-focus-areas-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.key-focus-areas-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.key-focus-areas-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.grid-9 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 40px;
}
.resource-opti {
-webkit-text-fill-color: inherit;
background-clip: border-box;
border: 1px solid #68cc58;
border-radius: 8px;
padding: 24px;
}
.resource-opti-heading {
color: #68cc58;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 34px;
}
.text-block-214 {
color: #1c1c1ccc;
margin-top: 24px;
font-family: Inter, sans-serif;
font-size: 16px;
line-height: 28px;
}
.real-time-rm {
-webkit-text-fill-color: inherit;
background-clip: border-box;
border: 1px solid #4b45e5;
border-radius: 8px;
padding: 24px;
}
.real-time-rm-heading {
color: #4b45e5;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 34px;
}
.data-driven-rm {
-webkit-text-fill-color: inherit;
background-clip: border-box;
border: 1px solid #00b998;
border-radius: 8px;
padding: 24px;
}
.data-driven-rm-heading {
color: #00b998;
font-family: Inter, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 34px;
}
.competitive-analysis {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.competitive-analysis._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.competitive-analysis._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.competitive-analysis._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.competitive-analysis._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.competitive-analysis._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.competitive-analysis.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.competitive-analysis.overview {
margin-top: 80px;
}
.competitive-analysis._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.competitive-analysis._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.competitive-analysis._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.competitive-analysis._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.competitive-analysis._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.competitive-analysis._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.competitive-list {
padding-left: 20px;
}
.brainstorming-ideas-rm {
flex-direction: column;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.brainstorming-ideas-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.brainstorming-ideas-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.brainstorming-ideas-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.brainstorming-ideas-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.brainstorming-ideas-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.brainstorming-ideas-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.brainstorming-ideas-rm.overview {
margin-top: 80px;
}
.brainstorming-ideas-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.brainstorming-ideas-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.brainstorming-ideas-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.brainstorming-ideas-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.brainstorming-ideas-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.brainstorming-ideas-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.div-block-14 {
justify-content: center;
display: flex;
}
.div-block-15 {
flex-direction: column;
justify-content: center;
margin-top: 100px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.now-matrix-rm {
flex-direction: column;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.now-matrix-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.now-matrix-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.now-matrix-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.now-matrix-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.now-matrix-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.now-matrix-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.now-matrix-rm.overview {
margin-top: 80px;
}
.now-matrix-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.now-matrix-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.now-matrix-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.now-matrix-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.now-matrix-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.now-matrix-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.detailed-features-rm {
flex-direction: column;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.detailed-features-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.detailed-features-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.detailed-features-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.detailed-features-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.detailed-features-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.detailed-features-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.detailed-features-rm.overview {
margin-top: 80px;
}
.detailed-features-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.detailed-features-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.detailed-features-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.detailed-features-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.detailed-features-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.detailed-features-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.user-flow-rm {
flex-direction: column;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.user-flow-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.user-flow-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.user-flow-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.user-flow-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.user-flow-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.user-flow-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.user-flow-rm.overview {
margin-top: 80px;
}
.user-flow-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.user-flow-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.user-flow-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.user-flow-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.user-flow-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.user-flow-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.sketching-rm {
flex-direction: column;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.sketching-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.sketching-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.sketching-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.sketching-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.sketching-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.sketching-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.sketching-rm.overview {
margin-top: 80px;
}
.sketching-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.sketching-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.sketching-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.sketching-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.sketching-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.sketching-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.grid-10 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
align-items: center;
margin-top: 60px;
}
.lo-fi-proto-rm {
flex-direction: column;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.lo-fi-proto-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.lo-fi-proto-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.lo-fi-proto-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.lo-fi-proto-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.lo-fi-proto-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.lo-fi-proto-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.lo-fi-proto-rm.overview {
margin-top: 80px;
}
.lo-fi-proto-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.lo-fi-proto-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.lo-fi-proto-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.lo-fi-proto-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.lo-fi-proto-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.lo-fi-proto-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.ui-style-guide-rm {
flex-direction: column;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.ui-style-guide-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.ui-style-guide-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.ui-style-guide-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.ui-style-guide-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.ui-style-guide-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.ui-style-guide-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.ui-style-guide-rm.overview {
margin-top: 80px;
}
.ui-style-guide-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.ui-style-guide-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.ui-style-guide-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.ui-style-guide-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.ui-style-guide-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.ui-style-guide-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.first-iteration {
flex-direction: column;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.first-iteration._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.first-iteration._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.first-iteration._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.first-iteration._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.first-iteration._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.first-iteration.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.first-iteration.overview {
margin-top: 80px;
}
.first-iteration._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.first-iteration._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.first-iteration._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.first-iteration._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.first-iteration._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.first-iteration._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.project-list-1 {
margin-top: 40px;
padding-left: 20px;
}
.project-iteration-1, .cp-iteration-1 {
flex-direction: column;
justify-content: center;
margin-top: 100px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.cp-list-1-copy {
margin-top: 40px;
padding-left: 20px;
}
.approval-iteration-1 {
flex-direction: column;
justify-content: center;
margin-top: 100px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.final-design-rm {
flex-direction: column;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.final-design-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.final-design-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.final-design-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.final-design-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.final-design-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.final-design-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.final-design-rm.overview {
margin-top: 80px;
}
.final-design-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.final-design-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.final-design-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.final-design-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.final-design-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.final-design-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.project-2-rm {
flex-direction: column;
justify-content: center;
margin-top: 100px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.image-57 {
margin-top: 60px;
}
.people-2-rm {
flex-direction: column;
justify-content: center;
margin-top: 100px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.image-ppl {
margin-top: 60px;
}
.cp-rm-2, .approval-rm-2 {
flex-direction: column;
justify-content: center;
margin-top: 100px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.developer-hand-off {
flex-direction: column;
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.developer-hand-off._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.developer-hand-off._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.developer-hand-off._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.developer-hand-off._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.developer-hand-off._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.developer-hand-off.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.developer-hand-off.overview {
margin-top: 80px;
}
.developer-hand-off._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.developer-hand-off._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.developer-hand-off._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.developer-hand-off._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.developer-hand-off._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.developer-hand-off._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.my-impact {
background-color: #000;
margin-top: 100px;
padding-top: 40px;
padding-bottom: 40px;
}
.impact-div {
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.impact-div._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.impact-div._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.impact-div._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.impact-div._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.impact-div._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.impact-div.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.impact-div.overview {
margin-top: 80px;
}
.impact-div._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.impact-div._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.impact-div._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.impact-div._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.impact-div._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.impact-div._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.text-block-215 {
color: #fff;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 28px;
}
.my-impact-list {
color: #fff;
margin-top: 40px;
padding-left: 20px;
}
.bold-text-6, .text-span-15, .text-span-16, .text-span-17 {
color: #fff;
}
.cp-list {
margin-top: 40px;
padding-left: 20px;
}
.impact-1, .impact-2, .impact-3, .impact-4 {
color: #fffc;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 36px;
}
.future-scope-rm {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.future-scope-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.future-scope-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.future-scope-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.future-scope-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.future-scope-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.future-scope-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.future-scope-rm.overview {
margin-top: 80px;
}
.future-scope-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.future-scope-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.future-scope-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.future-scope-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.future-scope-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.future-scope-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.learnings-rm {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.learnings-rm._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.learnings-rm._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.learnings-rm._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.learnings-rm._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.learnings-rm._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.learnings-rm.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.learnings-rm.overview {
margin-top: 80px;
}
.learnings-rm._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.learnings-rm._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.learnings-rm._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.learnings-rm._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.learnings-rm._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.learnings-rm._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.footer-dark_rm {
background-color: #000;
border-bottom: 1px solid #e4ebf3;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
margin-top: 100px;
padding: 20px 30px;
display: block;
position: relative;
}
.comp-div {
justify-content: center;
margin-top: 60px;
display: flex;
}
.brainstorming-div {
flex-direction: column;
justify-content: center;
margin-top: 60px;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.dev-handoff-rm {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/664a3ff101ce202af3c1f04a_Screenshot%202024-05-19%20233649.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
height: 70vh;
margin-top: 60px;
}
.requestly_cs_hero {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6522d8d0e11cc8a45fdd0cb1_req_card.svg");
background-position: 50%;
background-repeat: repeat;
background-size: cover;
height: 100vh;
}
.reuestly_bg {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.reuestly_bg._1, .reuestly_bg._2, .reuestly_bg._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.reuestly_bg._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.reuestly_bg.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.reuestly_bg.overview {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.reuestly_bg.requestly_bg {
margin-top: 100px;
padding-left: 0;
padding-right: 0;
}
.req_background_heading {
color: #189eff;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 28px;
}
.requestly_whattosolve {
max-width: 1280px;
margin-top: 80px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.requestly_whattosolve._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.requestly_whattosolve._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.requestly_whattosolve._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.requestly_whattosolve._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.requestly_whattosolve._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.requestly_whattosolve.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.requestly_whattosolve.overview {
margin-top: 80px;
}
.requestly_whattosolve._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.requestly_whattosolve._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.requestly_whattosolve._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.requestly_whattosolve._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.requestly_whattosolve._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.requestly_whattosolve._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.requestly_what_to_solve_heading {
color: #189eff;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 28px;
}
.requestly_valuable_insights {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.requestly_valuable_insights._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.requestly_valuable_insights._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.requestly_valuable_insights._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.requestly_valuable_insights._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.requestly_valuable_insights._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.requestly_valuable_insights.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.requestly_valuable_insights.overview {
margin-top: 80px;
}
.requestly_valuable_insights._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.requestly_valuable_insights._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.requestly_valuable_insights._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.requestly_valuable_insights._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.requestly_valuable_insights._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.requestly_valuable_insights._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.requestly_valuable_insights_heading {
color: #189eff;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 28px;
}
.requestly_usecase {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.requestly_usecase._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.requestly_usecase._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.requestly_usecase._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.requestly_usecase._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.requestly_usecase._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.requestly_usecase.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.requestly_usecase.overview {
margin-top: 80px;
}
.requestly_usecase._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.requestly_usecase._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.requestly_usecase._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.requestly_usecase._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.requestly_usecase._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.requestly_usecase._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.requestly_usecase_heading {
color: #189eff;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 28px;
}
.requestly_design_handoff {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.requestly_design_handoff._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.requestly_design_handoff._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.requestly_design_handoff._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.requestly_design_handoff._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.requestly_design_handoff._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.requestly_design_handoff.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.requestly_design_handoff.overview {
margin-top: 80px;
}
.requestly_design_handoff._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.requestly_design_handoff._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.requestly_design_handoff._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.requestly_design_handoff._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.requestly_design_handoff._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.requestly_design_handoff._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.requestly_design_handoff_heading {
color: #189eff;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 28px;
}
.requestly_if {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.requestly_if._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.requestly_if._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.requestly_if._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.requestly_if._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.requestly_if._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.requestly_if.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.requestly_if.overview {
margin-top: 80px;
}
.requestly_if._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.requestly_if._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.requestly_if._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.requestly_if._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.requestly_if._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.requestly_if._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.requestly_if_heading {
color: #189eff;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 28px;
}
.requestly_learn {
max-width: 1280px;
margin-top: 20px;
margin-left: auto;
margin-right: auto;
}
.requestly_learn._1, .requestly_learn._2, .requestly_learn._3 {
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.requestly_learn._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.requestly_learn.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.requestly_learn.overview, .requestly_learn.requestly_overview_learn {
margin-top: 120px;
margin-bottom: 120px;
padding-left: 20px;
padding-right: 20px;
}
.req_over_learn_heading {
color: #189eff;
font-family: Inter, sans-serif;
font-size: 20px;
line-height: 28px;
}
.hotray_contact {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.hotray_contact:hover {
color: #000;
font-weight: 600;
}
.hotray_contact.w--current {
color: #777;
}
.hotray_contact.w--current:hover {
color: #000;
font-weight: 500;
}
.hotray_contact.about {
color: #fff;
}
.hotray_contact.about:hover {
color: #95c700;
}
.contact_requestly {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.contact_requestly:hover {
color: #000;
font-weight: 500;
}
.contact_requestly.w--current {
color: #777;
}
.contact_requestly.w--current:hover {
color: #000;
font-weight: 500;
}
.contact_requestly.about {
color: #fff;
}
.contact_requestly.about:hover {
color: #95c700;
}
.contact_rm {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 28px;
}
.contact_rm:hover {
color: #000;
font-weight: 500;
}
.contact_rm.w--current {
color: #777;
}
.contact_rm.w--current:hover {
color: #000;
font-weight: 500;
}
.contact_rm.about {
color: #fff;
}
.contact_rm.about:hover {
color: #95c700;
}
.approval_2 {
margin-top: 20px;
}
.container_card_cr {
max-width: 1280px;
margin-top: 120px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
position: static;
}
.container_card_cr._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.container_card_cr._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.container_card_cr._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.container_card_cr._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card_cr._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.container_card_cr.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.container_card_cr.overview {
margin-top: 80px;
}
.container_card_cr._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.container_card_cr._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.container_card_cr._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card_cr._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.container_card_cr._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.container_card_cr._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.custom_hero_img {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/66693104200ec16b3d02ca31_Custom_report_hero.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 4px;
width: 100%;
max-width: 1280px;
height: 614px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.custom_hero_img._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.custom_hero_img._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.custom_hero_img._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.custom_hero_img._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.custom_hero_img._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.custom_hero_img.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.custom_hero_img.overview {
margin-top: 80px;
}
.custom_hero_img._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.custom_hero_img._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.custom_hero_img._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.custom_hero_img._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.custom_hero_img._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.custom_hero_img._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.cognisaas_cr_chip {
background-color: #3875b21a;
border-radius: 4px;
width: 108px;
height: 40px;
margin-top: 0;
padding: 10px;
}
.cr_chip_text {
color: #007af6;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 600;
line-height: 19.6px;
}
.cr_headline {
color: #2f2f2f;
margin-top: 28px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 28px;
font-weight: 600;
line-height: 39.2px;
}
.foot_test {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: center;
align-items: center;
max-width: 1280px;
margin-top: 24px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
display: flex;
}
.foot_test._1 {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding: 20px;
transition: all .3s;
display: grid;
}
.foot_test._1:hover {
box-shadow: 0 -5px 6px 4px #1e47c0, 0 5px 6px 4px #1f4acc;
}
.foot_test._2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: flex;
}
.foot_test._3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.foot_test._4 {
justify-content: space-between;
margin-top: 220px;
margin-bottom: 0;
display: flex;
}
.foot_test.footer {
justify-content: center;
align-items: center;
margin-top: 0;
display: flex;
}
.foot_test.overview {
margin-top: 80px;
}
.foot_test._1_2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
display: grid;
}
.foot_test._1_trial {
grid-column-gap: 36px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 220px;
padding-top: 20px;
padding-bottom: 20px;
display: grid;
}
.foot_test._1_trial_hotray {
grid-column-gap: 36px;
grid-row-gap: 16px;
outline-offset: 0px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
outline: 3px solid #333;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.foot_test._1_trial_hotray:hover {
box-shadow: 0 -4px 6px 4px #d55bd8, 0 4px 6px 4px #d55dd9;
}
.foot_test._1_triall_requestly {
grid-column-gap: 36px;
grid-row-gap: 16px;
background-color: #000;
border: 1px solid #fff;
border-radius: 5px;
grid-template-rows: auto;
grid-template-columns: minmax(15rem, 1fr) minmax(15rem, 1fr);
grid-auto-columns: 1fr;
justify-content: space-between;
margin-top: 140px;
padding-top: 20px;
padding-bottom: 20px;
transition: all .3s;
display: grid;
}
.foot_test._1_triall_requestly:hover {
box-shadow: 0 -2px 6px 4px #beceff, 0 2px 6px 4px #beceff;
}
.twitter_link {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/664c8b92dd4ab14545ad2a45_x_logo.svg.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 30px;
height: 30px;
}
.linkedin_link {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/664c8b4b266c2c8e11091764_LinkedIn.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 30px;
height: 30px;
}
.gmail_link {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/664c8a68801102625922cd46_gmail_symbol.svg.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
width: 30px;
height: 30px;
}
.home_foot, .footer-dark_story {
background-color: #000;
border-bottom: 1px solid #e4ebf3;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
margin-top: 0;
padding: 20px 30px;
display: block;
position: relative;
}
@media screen and (max-width: 991px) {
.text-block._1 {
padding-left: 18px;
}
.nav-link {
color: #fff;
background-color: #000;
}
.nav-link-2 {
background-color: #000;
}
.nav-link-3 {
color: #fff;
background-color: #000;
}
.navbar.abt_home, .navbar.designpalstatic, .navbar.healthomepluesstatic, .navbar.hotraystatic, .navbar.homescreen {
padding-left: 18px;
}
.text-block-2 {
padding-left: 30px;
padding-right: 30px;
}
.container-2 {
max-width: 728px;
}
.footer-content {
grid-column-gap: 60px;
}
.designpal__hero_img {
background-image: url("https://cdn.prod.website-files.com/6416a9301363c93c5943c9cd/6419c2e14ccd355bf402cce1_hero__design__img.png");
background-position: 50% 0;
background-repeat: no-repeat;
background-size: contain;
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.container_overview.overview {
margin-top: -394px;
padding-left: 30px;
padding-right: 30px;
}
.container_roles {
padding-left: 30px;
padding-right: 30px;
}
.heading-7 {
color: #000;
font-size: 16px;
line-height: 22.4px;
}
.container_problemstatement, .container_sb, .container_process, .container_marketresearch, .container_research {
padding-left: 30px;
padding-right: 30px;
}
.at_cmnt {
grid-template-rows: 2.25fr;
grid-template-columns: 1fr .5fr;
}
.text-block-47 {
font-size: 60px;
line-height: 84px;
}
.ap_cmnt {
grid-template-columns: .5fr 1fr;
}
.text-block-48 {
font-size: 60px;
line-height: 84px;
}
.ak_cmntt {
grid-template-columns: 1fr .5fr;
}
.text-block-49 {
font-size: 60px;
line-height: 84px;
}
.pp_image, .container_aompetitive, .container_persona, .container_pn, .container_empathy, .container_brainstorming, .design_challenge, .container_affinity {
padding-left: 30px;
padding-right: 30px;
}
.text-block-67 {
line-height: 36px;
}
.container_paper {
padding-left: 30px;
padding-right: 30px;
}
.paper_grid_1 {
grid-column-gap: 36px;
grid-row-gap: 36px;
}
.image-5, .image-6 {
max-width: 100%;
}
.container_grayscale, .container_prototype, .user_testing, .container_usetes, .container_12, .container_23, .container_livetest, .container_brain, .container_final, .final_design__1 {
padding-left: 30px;
padding-right: 30px;
}
.text-block-85 {
font-size: 26px;
line-height: 36.4px;
}
.text-block-86 {
text-align: justify;
margin-top: 40px;
font-size: 16px;
font-weight: 600;
line-height: 22.4px;
}
.final_design__2 {
padding-left: 30px;
padding-right: 30px;
}
.text-block-85_2 {
font-size: 26px;
line-height: 36.4px;
}
.text-block-86_2 {
text-align: justify;
margin-top: 40px;
font-size: 16px;
line-height: 22.4px;
}
.final_design__3, .final_design__6, .final_design__5 {
padding-left: 30px;
padding-right: 30px;
}
.image-8 {
padding-left: 10px;
}
.image-9 {
padding-right: 10px;
}
.final_design__4 {
padding-left: 30px;
padding-right: 30px;
}
.image-10 {
padding-right: 10px;
}
.image-11 {
padding-left: 10px;
}
.image-12 {
padding-right: 10px;
}
.healthome_hero_img {
background-position: 50% 0;
background-size: contain;
}
.healthome_project_summary {
margin-top: -350px;
padding-left: 30px;
padding-right: 30px;
}
.text-block-89 {
font-size: 48px;
line-height: 67.2px;
}
.text-block-90 {
font-size: 20px;
line-height: 36px;
}
.container_projectinfo {
padding-left: 30px;
padding-right: 30px;
}
.text-block-91 {
font-size: 48px;
line-height: 67.2px;
}
.container_healthomeps {
padding-left: 30px;
padding-right: 30px;
}
.text-block-93 {
font-size: 48px;
line-height: 67.2px;
}
.text-block-94 {
margin-top: 40px;
font-size: 28px;
line-height: 39.2px;
}
.ps_health_content {
margin-top: 36px;
font-size: 20px;
line-height: 36px;
}
.container_opportunity {
padding-left: 30px;
padding-right: 30px;
}
.text-block-96 {
font-size: 48px;
line-height: 67.2px;
}
.text-block-97 {
margin-top: 40px;
}
.oppohealth {
font-size: 20px;
line-height: 36px;
}
.container_emphathize {
padding-left: 30px;
padding-right: 30px;
}
.text-block-100 {
font-size: 48px;
line-height: 67.2px;
}
._600b {
width: 300px;
height: 120px;
margin-top: 60px;
}
.text-block-101 {
font-size: 48px;
line-height: 67.2px;
}
.oppo_text {
margin-top: 40px;
}
.container_prepandemic, .container_postapndemic, .container_prepan {
padding-left: 30px;
padding-right: 30px;
}
.prepan {
padding-left: 30px;
padding-right: 30px;
font-size: 28px;
line-height: 39.2px;
}
.container_postsearch, .container_usersurvey, .container_midimg, .container_comana, .container_define, .container_painpoints, .container_journeymap, .container_wireframes, .container_protype, .ut_content_1, .container_improv, .improv_2, .container_finalhealth_1, .landing_pg_final, .env_factor, .container_reflection_health, .image-20, .image-21, .container_projectbrief, .container_roles_hotray, .container_intro, .container_need, .container_define_hotray, .container_ideate, .container_protoype_hotray, .container_usert, .container_hotray_12, .container_hotray_21, .container_hotray_32, .container_hotray_42, .container_final_product_hotray, .container_myoc, .container_feature_2, .container_feature_2_h1, .container_feature_3_h1, .container_feature_3_content, .container_feature_4_h1, .container_conclusion_hotray {
padding-left: 30px;
padding-right: 30px;
}
.icon {
color: #000;
}
.menu-button {
color: #fff;
}
.nav-menu-2 {
display: none;
}
.nav-link_npr, .nav-link_healthome, .nav-link_hotray, .nav-link_playground {
color: #fff;
background-color: #000;
}
.experience_section {
height: 64.1rem;
}
.text-block-187 {
font-size: 28px;
line-height: 39.2px;
}
.grid_listcompanies {
grid-template-columns: .75fr;
justify-content: end;
justify-items: stretch;
}
.text-block-189 {
font-size: 16px;
line-height: 22.4px;
}
.text-block-190 {
font-size: 28px;
line-height: 39.2px;
}
.text-block-191, .text-block-191_mobile {
font-size: 16px;
line-height: 28px;
}
.featured_projects {
height: 370rem;
}
.container_card_img1 {
height: 380px;
}
.cognisaas_chip {
margin-top: 20px;
}
.container_card_img2 {
height: 380px;
}
.cognisaas_chip_2 {
margin-top: 20px;
}
.container_card_img3 {
height: 380px;
}
.cognisaas_chip_3 {
margin-top: 20px;
}
.other_projects_grid {
grid-template-columns: 1fr;
justify-items: center;
}
.healthome-_card, .propath_card {
margin-top: 0;
}
.designpal_content_card, .container_cognisaas_content, .requestly_content {
margin-top: 12px;
}
.plane_scene {
background-position: 50%;
background-size: cover;
}
.dinausaur_img {
background-position: 50%;
background-repeat: no-repeat;
}
.navbar_story.abt_home, .navbar_story.designpalstatic, .navbar_story.healthomepluesstatic, .navbar_story.hotraystatic, .navbar_story.homescreen {
padding-left: 18px;
}
.testimonials {
height: 260vh;
}
.grid-7 {
grid-column-gap: 0px;
grid-row-gap: 35px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 0;
justify-items: start;
}
.testimonial_text_1 {
justify-content: center;
width: auto;
display: block;
}
.card_testimonials_1_1, .card_testimonials_1_3, .card_testimonials_1_4 {
flex-direction: column;
justify-content: space-between;
width: 100%;
height: auto;
margin-top: 0;
display: flex;
}
.card_testimonials_1_first {
flex-direction: column;
justify-content: space-between;
width: 100%;
height: auto;
display: flex;
}
.nav-link_designpal {
color: #fff;
background-color: #000;
}
.menu-button-2 {
background-color: #fff;
}
.hero_img_req {
background-repeat: no-repeat;
background-size: cover;
height: 47vh;
}
.rm-intro.overview {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.text-block-21_req_bg, .text-block-209 {
font-size: 20px;
line-height: 34px;
}
.req_cs_learnings.overview, .learnings_requestly.overview, .timeline-rm.overview {
margin-top: -394px;
padding-left: 30px;
padding-right: 30px;
}
.requestly_cs_hero {
background-repeat: no-repeat;
background-size: cover;
height: 47vh;
}
.reuestly_bg.overview, .reuestly_bg.requestly_bg {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.req_background_heading {
font-size: 20px;
line-height: 34px;
}
.requestly_learn.overview, .requestly_learn.requestly_overview_learn {
margin-top: -394px;
padding-left: 30px;
padding-right: 30px;
}
.req_over_learn_heading {
font-size: 20px;
line-height: 34px;
}
.hotray_contact, .contact_requestly, .contact_rm {
color: #fff;
background-color: #000;
}
.custom_hero_img {
height: 380px;
}
.cognisaas_cr_chip {
margin-top: 20px;
}
}
@media screen and (max-width: 767px) {
.heading {
font-size: 60px;
line-height: 84px;
}
.footer-dark {
padding-left: 15px;
padding-right: 15px;
}
.footer-wrapper {
flex-direction: column;
align-items: center;
}
.footer-content {
grid-template-columns: 1fr;
margin-top: 40px;
}
.footer-block {
align-items: center;
}
.footer-link:hover {
color: #1a1b1fbf;
}
.footer-social-block {
margin-top: 20px;
margin-left: -20px;
}
.footer-social-link {
margin-left: 20px;
}
.footer-divider {
margin-top: 60px;
}
.text-block-186 {
font-size: 14px;
line-height: 19.6px;
}
.text-block-187 {
font-size: 28px;
line-height: 39.2px;
}
.text-block-192 {
font-size: 14px;
line-height: 19.6px;
}
.text-block-193 {
font-size: 28px;
line-height: 39.2px;
}
.container_card_img1, .container_card_img2, .container_card_img3 {
height: 270px;
}
.text-block-192_other {
margin-top: 100px;
font-size: 14px;
line-height: 19.6px;
}
.text-block-197 {
font-size: 28px;
line-height: 39.2px;
}
.other_projects {
margin-top: 60px;
}
.other_projects_grid {
grid-template-columns: .25fr;
justify-content: stretch;
justify-items: center;
}
.hotray_card {
max-width: 100%;
height: 100%;
}
.hotray_img {
width: 470px;
height: 320px;
}
.hotray_link {
overflow: visible;
}
.card_testimonials_1_1, .card_testimonials_1_3, .card_testimonials_1_4, .card_testimonials_1_first {
flex-direction: column;
justify-content: space-between;
height: auto;
display: flex;
}
.footer-dark_designpal, .footer-dark_healthome, .footer-dark_hotray {
padding-left: 15px;
padding-right: 15px;
}
.hero_img_req {
height: 40vh;
}
.req_cs_heading_1 {
font-size: 28px;
line-height: 36.4px;
}
.text-block-21_req_bg {
font-size: 16px;
line-height: 28px;
}
.my-role-rm {
margin-top: 40px;
}
.text-block-208 {
font-size: 16px;
}
.text-block-209, .text-block-209_23 {
margin-top: 24px;
font-size: 16px;
line-height: 30px;
}
.text-block-210 {
font-size: 16px;
line-height: 30px;
}
.list-item-2 {
margin-top: 16px;
}
.text-block-210_2, .text-block-210_3 {
font-size: 16px;
line-height: 30px;
}
.list-item-3, .list-item-4 {
margin-top: 16px;
}
.problem-statement-rm, .objective-rm, .feedback-rm {
margin-top: 40px;
}
.feedback-image {
height: 40vh;
margin-top: 0;
}
.user-interviews-rm, .understanding-the-user-rm, .key-focus-areas-rm {
margin-top: 40px;
}
.grid-9 {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-top: 20px;
}
.resource-opti-heading {
font-size: 16px;
line-height: 30px;
}
.text-block-214 {
margin-top: 12px;
font-size: 14px;
line-height: 30px;
}
.real-time-rm-heading, .data-driven-rm-heading {
font-size: 16px;
line-height: 30px;
}
.competitive-analysis, .brainstorming-ideas-rm {
margin-top: 40px;
}
.div-block-15 {
margin-top: 30px;
}
.now-matrix-rm, .detailed-features-rm, .user-flow-rm, .sketching-rm {
margin-top: 40px;
}
.grid-10 {
margin-top: 0;
}
.lo-fi-proto-rm, .ui-style-guide-rm, .first-iteration {
margin-top: 40px;
}
.project-iteration-1 {
margin-top: 60px;
}
.cp-iteration-1, .approval-iteration-1, .final-design-rm {
margin-top: 40px;
}
.project-2-rm {
margin-top: 60px;
}
.image-57 {
margin-top: 30px;
}
.people-2-rm, .cp-rm-2, .approval-rm-2, .developer-hand-off, .my-impact {
margin-top: 40px;
}
.text-block-215 {
font-size: 16px;
}
.impact-1, .impact-2, .impact-3, .impact-4 {
font-size: 16px;
line-height: 30px;
}
.future-scope-rm, .learnings-rm {
margin-top: 40px;
}
.footer-dark_rm {
margin-top: 60px;
padding-left: 15px;
padding-right: 15px;
}
.brainstorming-div {
margin-top: 30px;
}
.dev-handoff-rm {
height: 40vh;
margin-top: 30px;
}
.requestly_cs_hero {
height: 40vh;
}
.req_background_heading {
font-size: 16px;
line-height: 28px;
}
.requestly_whattosolve {
margin-top: 40px;
}
.requestly_what_to_solve_heading, .requestly_valuable_insights_heading, .requestly_usecase_heading, .requestly_design_handoff_heading, .requestly_if_heading {
font-size: 16px;
}
.req_over_learn_heading {
font-size: 16px;
line-height: 28px;
}
.approval_2 {
margin-top: 30px;
}
.custom_hero_img {
height: 270px;
}
.home_foot, .footer-dark_story {
padding-left: 15px;
padding-right: 15px;
}
}
@media screen and (max-width: 479px) {
.body {
background-color: #000;
}
.body.overflow_hidden {
overflow: hidden;
}
.container._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container._4 {
flex-direction: column;
}
.container._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container._1_trial, .container._1_trial_hotray, .container._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block._1 {
padding-left: 18px;
}
.nav-link {
background-color: #000;
}
.navbar {
z-index: 1;
position: relative;
}
.navbar.abt {
z-index: 999;
background-color: #000;
display: block;
position: relative;
inset: 0% 0% auto;
}
.navbar.designpal {
display: block;
}
.navbar.abt_home, .navbar.designpalstatic, .navbar.healthomepluesstatic, .navbar.hotraystatic, .navbar.homescreen {
display: none;
}
.navbar.rm {
display: block;
}
.heading {
font-size: 48px;
line-height: 64px;
}
.hero__name {
font-size: 20px;
line-height: 26px;
}
.text-block-2 {
text-align: center;
font-size: 14px;
line-height: 22px;
}
.h1, .h2 {
font-size: 1rem;
}
.work {
height: 6000px;
padding-bottom: 0;
padding-left: 8px;
padding-right: 8px;
}
.text-block-3 {
margin-top: 400px;
padding-top: 0;
font-size: 24px;
line-height: 31.2px;
}
.text-block-4 {
font-size: 12px;
line-height: 15.6px;
}
.designpal__content {
width: auto;
}
.heading-2 {
font-size: 36px;
line-height: 50.4px;
}
.text-block-5 {
font-size: 16px;
line-height: 28px;
}
.div-block-5 {
max-width: 100px;
}
.link__wrapper._1 {
margin-top: 40px;
}
.link-2 {
font-size: 16px;
line-height: 20.8px;
}
.designpal__img {
display: block;
}
.hotray__content {
width: auto;
}
.heading-3 {
font-size: 36px;
line-height: 50.7px;
}
.text-block-12 {
font-size: 16px;
line-height: 28px;
}
.link-4 {
font-size: 16px;
}
.scroll__1 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.heading-5 {
text-align: center;
font-size: 2rem;
line-height: 41.6px;
}
.scroll__2 {
grid-column-gap: 0px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.scroll__3 {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.scroll1__img {
background-size: cover;
width: 100%;
height: 344px;
margin-top: 86px;
}
.scroll1__content {
margin-top: -40px;
padding-left: 30px;
padding-right: 30px;
}
.text-block-15 {
text-align: center;
margin-top: 20px;
padding-left: 30px;
padding-right: 30px;
font-size: 12px;
line-height: 24px;
}
.scroll2__img {
margin-top: -80px;
}
.scroll2_content {
margin-top: 70px;
padding-left: 30px;
padding-right: 30px;
}
.text-block-16 {
text-align: center;
margin-top: 20px;
padding-left: 30px;
padding-right: 30px;
font-size: 12px;
line-height: 24px;
}
.scroll3_img {
margin-top: 86px;
}
.scroll3_content {
margin-top: -90px;
padding-left: 30px;
padding-right: 30px;
}
.text-block-17 {
text-align: center;
margin-top: 20px;
padding-left: 30px;
padding-right: 30px;
font-size: 12px;
line-height: 24px;
}
.scroll4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.scroll4__content {
margin-top: 86px;
padding-left: 30px;
padding-right: 30px;
}
.heading-6 {
text-align: center;
font-size: 2rem;
}
.text-block-18 {
text-align: center;
padding-left: 30px;
padding-right: 30px;
font-size: 12px;
line-height: 24px;
}
.footer-dark {
margin-top: 100px;
padding-top: 25px;
display: flex;
}
.container-2 {
max-width: none;
margin-top: 20px;
}
.text-block-19 {
margin-top: 10px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
line-height: 26px;
}
.text-block-20 {
font-family: Plus Jakarta Sans, sans-serif;
font-size: 16px;
line-height: 30px;
}
.nav-link-_designpal, .nav-link-2_designpal, .nav-link-3_designpal {
color: #fff;
background-color: #000;
}
.designpal__hero_img {
background-size: contain;
}
.text-block-21 {
font-size: 12px;
line-height: 16.8px;
}
.paragraph {
font-size: 20px;
line-height: 28px;
}
.container_overview.overview {
margin-top: -500px;
padding-left: 20px;
padding-right: 20px;
}
.paragraph-2 {
margin-top: 38px;
font-size: 16px;
line-height: 28px;
}
.container_roles {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
display: grid;
}
.team {
margin-bottom: 20px;
}
.role {
text-align: center;
margin-bottom: 20px;
}
.text-block-22 {
color: var(--primary_blue);
text-align: center;
font-size: 16px;
line-height: 22.4px;
}
.text-block-23 {
font-size: 16px;
}
.text-block-24 {
color: var(--primary_blue);
text-align: center;
font-size: 16px;
line-height: 22.4px;
}
.text-block-25 {
font-size: 16px;
}
.text-block-26 {
color: var(--primary_blue);
font-size: 16px;
line-height: 22.4px;
}
.text-block-27 {
font-size: 16px;
}
.final_watchlist {
background-position: 50% 100%;
background-repeat: repeat;
background-size: contain;
height: 30vh;
margin-top: 60px;
}
.heading-7 {
margin-top: 0;
}
.container_problemstatement {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-28 {
font-size: 12px;
line-height: 16.8px;
}
.text-block-29 {
font-size: 20px;
line-height: 28px;
}
.text-block-30 {
margin-top: 36px;
font-size: 16px;
line-height: 28px;
}
.container_story56 {
margin-top: 100px;
}
.container_sb {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-31 {
font-size: 12px;
line-height: 16.8px;
}
.container_process {
padding-left: 20px;
padding-right: 8px;
}
.text-block-32 {
font-size: 12px;
line-height: 16.8px;
}
.text-block-33 {
margin-top: 36px;
font-size: 16px;
line-height: 28px;
}
.container_marketresearch {
padding-left: 20px;
padding-right: 20px;
}
.text-block-34 {
font-size: 12px;
line-height: 16.8px;
}
.text-block-35 {
font-size: 20px;
line-height: 28px;
}
.text-block-36 {
font-size: 16px;
line-height: 28px;
}
.container_research {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-37 {
font-size: 12px;
line-height: 16.8px;
}
.text-block-38 {
font-size: 20px;
line-height: 28px;
}
.text-block-39, .text-block-40, .text-block-41, .text-block-42, .text-block-43 {
font-size: 16px;
line-height: 28px;
}
.text-block-44 {
margin-top: 36px;
font-size: 16px;
line-height: 28px;
}
.text-block-45 {
font-size: 20px;
line-height: 28px;
}
.text-block-46 {
margin-top: 36px;
font-size: 16px;
line-height: 28px;
}
.at_cmnt {
margin-top: 60px;
}
.text-block-47 {
font-size: 20px;
line-height: 26px;
}
.ap_cmnt {
margin-top: 60px;
}
.text-block-48 {
font-size: 20px;
line-height: 26px;
}
.ak_cmntt {
margin-top: 60px;
}
.text-block-49 {
font-size: 20px;
line-height: 26px;
}
.text-block-50 {
margin-top: 60px;
font-size: 16px;
line-height: 28px;
}
.container_aompetitive {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-51 {
font-size: 12px;
line-height: 16.8px;
}
.text-block-52 {
font-size: 20px;
line-height: 28px;
}
.text-block-53 {
font-size: 16px;
line-height: 28px;
}
.container_persona {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-54 {
font-size: 12px;
line-height: 16.8px;
}
.text-block-55 {
margin-top: 36px;
font-size: 16px;
line-height: 28px;
}
.container_pn {
padding-left: 20px;
padding-right: 20px;
}
.image-3 {
margin-top: 48px;
}
.text-block-56 {
margin-top: 60px;
font-size: 16px;
line-height: 28px;
}
.container_empathy {
padding-left: 20px;
padding-right: 20px;
}
.image-4 {
margin-top: 60px;
}
.container_brainstorming {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-57 {
font-size: 12px;
line-height: 16.8px;
}
.text-block-58 {
margin-top: 36px;
font-size: 16px;
line-height: 28px;
}
.text-block-59, .text-block-60, .text-block-61, .text-block-62 {
font-size: 16px;
line-height: 28px;
}
.text-block-63 {
margin-top: 36px;
font-size: 16px;
line-height: 28px;
}
.design_challenge {
padding-left: 20px;
padding-right: 20px;
}
.xyz {
font-size: 12px;
line-height: 16.8px;
}
.text-block-66 {
margin-top: 36px;
font-size: 20px;
line-height: 28px;
}
.container_affinity {
padding-left: 20px;
padding-right: 20px;
}
.text-block-67 {
margin-top: 60px;
font-size: 16px;
line-height: 28px;
}
.container_paper {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-68 {
font-size: 12px;
line-height: 16.8px;
}
.paper_grid_2, .text-block-69, .paper_grid_3 {
margin-top: 60px;
}
.text-block-71 {
font-size: 16px;
}
.text-block-72 {
font-size: 16px;
line-height: 28px;
}
.text-block-73 {
font-size: 16px;
}
.container_grayscale {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-74 {
font-size: 12px;
line-height: 16.8px;
}
.container_prototype {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-75 {
font-size: 12px;
line-height: 16.8px;
}
.user_testing {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-76 {
font-size: 12px;
line-height: 16.8px;
}
.text-block-77 {
margin-top: 36px;
font-size: 20px;
line-height: 28px;
}
.container_usetes {
padding-left: 20px;
padding-right: 20px;
}
.usetest {
margin-top: 60px;
font-size: 16px;
line-height: 28px;
}
.text-block-79 {
font-size: 12px;
line-height: 16.8px;
}
.container_12, .container_23 {
padding-left: 20px;
padding-right: 20px;
}
.text-block-80 {
margin-top: 60px;
font-size: 16px;
line-height: 28px;
}
.container_livetest {
padding-left: 20px;
padding-right: 20px;
}
.text-block-81 {
font-size: 12px;
line-height: 16.8px;
}
.container_brain {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-82 {
font-size: 16px;
line-height: 28px;
}
.container_final {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-83 {
font-size: 12px;
line-height: 16.8px;
}
.final {
line-height: 36px;
}
.final_design {
padding-left: 20px;
padding-right: 20px;
}
.final_design__1 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-85 {
font-size: 16px;
line-height: 22.4px;
}
.text-block-86 {
font-size: 12px;
line-height: 15.6px;
}
.final_design__2 {
grid-template-columns: 1.5fr;
padding-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-85_2 {
font-size: 16px;
line-height: 28px;
}
.text-block-86_2 {
font-size: 12px;
line-height: 16.8px;
}
.final_design__3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.final_design__6 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding: 100px 8px;
}
.final_design__5 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.container_conclusion {
margin-top: 60px;
padding-left: 20px;
padding-right: 20px;
}
.text-block-87 {
font-size: 12px;
line-height: 16.8px;
}
.conc {
margin-top: 36px;
font-size: 16px;
line-height: 28px;
}
.final_design__4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
padding-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.bold-text, .bold-text-2, .bold-text-3, .bold-text-4 {
font-size: 16px;
line-height: 28px;
}
.healthome_project_summary {
margin-top: -500px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-89 {
font-size: 28px;
line-height: 39.2px;
}
.text-block-90 {
font-size: 16px;
line-height: 28px;
}
.container_projectinfo {
padding-left: 8px;
padding-right: 8px;
}
.text-block-91 {
margin-top: 60px;
font-size: 28px;
line-height: 39.2px;
}
.pi_grid {
margin-top: 40px;
}
.text-block-92 {
font-size: 48px;
line-height: 67.2px;
}
.container_healthomeps {
padding-left: 8px;
padding-right: 8px;
}
.text-block-93 {
font-size: 28px;
line-height: 36.4px;
}
.text-block-94, .ps_health_content {
font-size: 16px;
line-height: 28px;
}
.container_opportunity {
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-96 {
font-size: 28px;
line-height: 36.4px;
}
.text-block-97 {
font-size: 16px;
line-height: 28px;
}
.health_content_grid {
grid-template-rows: auto auto;
grid-template-columns: 1.5fr;
}
.oppohealth {
font-size: 16px;
line-height: 28px;
}
.text-block-99 {
font-size: 48px;
line-height: 62.4px;
}
.container_emphathize {
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-100 {
font-size: 28px;
line-height: 36.4px;
}
._600b {
width: 250px;
height: 100px;
}
.text-block-101 {
font-size: 36px;
line-height: 46.8px;
}
.oppo_text {
font-size: 16px;
line-height: 28px;
}
.container_prepandemic {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-top: 40px;
padding-left: 8px;
padding-right: 8px;
}
.bar1_content {
font-size: 16px;
line-height: 28px;
}
.container_postapndemic {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-top: 40px;
padding-left: 8px;
padding-right: 8px;
}
.container_prepan {
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.prepan {
text-align: center;
padding-left: 8px;
padding-right: 8px;
}
.container_postpan {
margin-top: 60px;
}
.container_postsearch {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-top: 40px;
padding-left: 8px;
padding-right: 8px;
}
.container_piechart1 {
margin-top: 60px;
}
.container_usersurvey {
padding-left: 8px;
padding-right: 8px;
}
.text-block-102 {
font-size: 28px;
line-height: 36.4px;
}
.user_con_1, .user_con_2, .user_con_3, .user_con_4 {
font-size: 16px;
line-height: 28px;
}
.user_con_5 {
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.container_midimg {
padding-left: 8px;
padding-right: 8px;
}
.container_belowhealth {
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-top: 0;
padding-left: 8px;
padding-right: 8px;
}
.container_comana {
padding-left: 6px;
padding-right: 6px;
}
.text-block-103 {
font-size: 28px;
line-height: 36.4px;
}
.comana_content {
font-size: 16px;
line-height: 28px;
}
.com_cmp {
margin-top: -105px;
padding-top: 0;
}
.text-block-104 {
margin-top: -81px;
font-size: 16px;
line-height: 28px;
}
.text-block-_2, .text-block-_3, .text-block-_4, .text-block-_5, .text-block-_6, .text-block-_7, .text-block-_8, .final_comana {
font-size: 16px;
line-height: 28px;
}
.health_define_heroimg {
font-size: 48px;
line-height: 62.4px;
}
.container_define {
padding-left: 6px;
padding-right: 6px;
}
.text-block-105 {
font-size: 16px;
line-height: 28px;
}
.text-block-106 {
font-size: 28px;
line-height: 36.4px;
}
.container_painpoints {
margin-top: 60px;
padding-left: 6px;
padding-right: 6px;
}
.pp_health_content {
font-size: 16px;
line-height: 28px;
}
.text-block-107 {
font-size: 28px;
line-height: 36.4px;
}
.pp_grid_health {
grid-row-gap: 48px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
}
.pp_grid_health2 {
grid-row-gap: 48px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-top: 60px;
}
.text-block-108 {
font-size: 48px;
line-height: 62.4px;
}
.container_journeymap {
padding-left: 6px;
padding-right: 6px;
}
.text-block-109 {
font-size: 28px;
line-height: 36.4px;
}
.text-block-110 {
font-size: 16px;
line-height: 28px;
}
.container_wireframes {
padding-left: 6px;
padding-right: 6px;
}
.text-block-111 {
font-size: 28px;
line-height: 36.4px;
}
.text-block-113 {
font-size: 48px;
line-height: 62.4px;
}
.container_protype {
padding-left: 8px;
padding-right: 8px;
}
.text-block-114 {
font-size: 16px;
line-height: 28px;
}
.usutest {
font-size: 48px;
line-height: 62.4px;
}
.ut_content_1 {
padding-left: 8px;
padding-right: 8px;
}
.text-block-115, .ut_0, .ut_1, .ut_2, .ut_3, .ut_4, .text-block-116 {
font-size: 16px;
line-height: 28px;
}
.container_improv {
padding-left: 8px;
padding-right: 8px;
}
.text-block-117, .upplus {
font-size: 16px;
line-height: 28px;
}
.final_design_img {
margin-top: 60px;
}
.fianl_hero_content {
font-size: 48px;
line-height: 62.4px;
}
.container_finalhealth_1 {
padding-left: 8px;
padding-right: 8px;
}
.finddoc_pg_final, .healthcareproducts_pg_final, .onestop_pg_final {
margin-top: 60px;
}
.env_factor {
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.env {
font-size: 28px;
line-height: 36.4px;
}
.text-block-118 {
font-size: 16px;
line-height: 28px;
}
.reflection_bg {
margin-top: 60px;
}
.text-block-119 {
font-size: 48px;
line-height: 62.4px;
}
.container_reflection_health {
padding-left: 8px;
padding-right: 8px;
}
.text-block-120 {
margin-top: 60px;
font-size: 16px;
line-height: 28px;
}
.text-block_2 {
font-size: 16px;
line-height: 28px;
}
.image-20, .image-21, .container_projectbrief {
padding-left: 8px;
padding-right: 8px;
}
.text-block-121 {
font-size: 12px;
line-height: 15.6px;
}
.text-block-122 {
font-size: 16px;
line-height: 28px;
}
.container_roles_hotray {
grid-column-gap: 16px;
grid-row-gap: 20px;
flex-direction: column;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
display: grid;
}
.hotray_parallax {
height: 50vh;
}
.text-block-124 {
font-size: 24px;
line-height: 31.2px;
}
.container_intro {
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-125 {
font-size: 12px;
line-height: 15.6px;
}
.text-block-126 {
margin-top: 20px;
font-size: 16px;
line-height: 28px;
}
.text-block_in1 {
margin-top: 40px;
font-size: 12px;
line-height: 16.8px;
}
.text-block_in2 {
margin-top: 20px;
font-size: 16px;
line-height: 28px;
}
.container_need {
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-127 {
font-size: 12px;
line-height: 16.8px;
}
.text-block-128 {
font-size: 16px;
line-height: 28px;
}
.text-block-129 {
margin-top: 60px;
font-size: 20px;
line-height: 26px;
}
.text-block-130 {
margin-top: 20px;
font-size: 16px;
line-height: 28px;
}
.text-block-131 {
margin-top: 36px;
font-size: 16px;
line-height: 28px;
}
.text-block_ui1, .text-block_ui2, .text-block_ui3, .text-block_ui4, .text-block_ui5 {
font-size: 16px;
line-height: 28px;
}
.ui_grid {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.text-block-132 {
font-size: 20px;
line-height: 28px;
}
.text-block-133 {
margin-top: 20px;
font-size: 16px;
line-height: 28px;
}
.container_define_hotray {
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-134 {
font-size: 12px;
line-height: 15.6px;
}
.deine_content_1 {
font-size: 20px;
line-height: 26px;
}
.text-block-136 {
font-size: 16px;
line-height: 28px;
}
.image-23 {
margin-top: 40px;
}
.deine_content_2 {
margin-top: 60px;
}
.image-24 {
margin-top: 40px;
}
.text-block-137 {
font-size: 16px;
line-height: 28px;
}
.deine_content_3 {
margin-top: 60px;
}
.image-25 {
margin-top: 40px;
}
.container_ideate {
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.ideate_hotray_1 {
font-size: 12px;
line-height: 15.6px;
}
.text-block-138 {
font-size: 16px;
line-height: 28px;
}
.text-block-139 {
font-size: 20px;
line-height: 26px;
}
.offers_prevorder_grid {
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.cart_wireframe {
margin-top: 40px;
}
.container_protoype_hotray {
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-144 {
font-size: 12px;
line-height: 15.6px;
}
.text-block-145 {
font-size: 16px;
line-height: 28px;
}
.offers_prevorder_grid_proto {
grid-row-gap: 36px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_usert {
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-146 {
font-size: 12px;
line-height: 15.6px;
}
.text-block-147 {
margin-top: 20px;
font-size: 16px;
line-height: 28px;
}
.container_hotray_12 {
margin-top: 60px;
}
.text-block-148, .text-block_hotray_ut_1, .text-block_hotray_ut_2, .text-block_hotray_ut_3 {
font-size: 16px;
line-height: 28px;
}
.container_hotray_21 {
margin-top: 60px;
}
.text-block-149, .text-block_offer_proto, .text-block_offers_12 {
font-size: 16px;
line-height: 28px;
}
.container_hotray_32 {
margin-top: 60px;
}
.text-block-150, .text-block_search_1 {
font-size: 16px;
line-height: 28px;
}
.container_hotray_42 {
margin-top: 60px;
}
.text-block-151, .text-block_home25, .text-block_home26 {
font-size: 16px;
line-height: 28px;
}
.container_final_product_hotray {
padding-left: 8px;
padding-right: 8px;
}
.text-block-152 {
font-size: 12px;
line-height: 15.6px;
}
.text-block-153 {
margin-top: 60px;
font-size: 20px;
line-height: 26px;
}
.container_myoc {
padding-left: 8px;
padding-right: 8px;
}
.text-block-154 {
margin-top: 40px;
font-size: 16px;
line-height: 28px;
}
.container_feature_2 {
padding-left: 8px;
padding-right: 8px;
}
.container_feature_2_h1 {
margin-top: 40px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-155 {
font-size: 20px;
line-height: 26px;
}
.container_feature_3_h1 {
margin-top: 40px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-156 {
font-size: 20px;
line-height: 26px;
}
.container_feature_3_content {
padding-left: 8px;
padding-right: 8px;
}
.text-block-157 {
margin-top: 40px;
font-size: 16px;
line-height: 28px;
}
.container_feature_4_h1 {
margin-top: 40px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-159 {
margin-top: 40px;
font-size: 16px;
line-height: 28px;
}
.container_conclusion_hotray {
margin-top: 60px;
margin-bottom: 40px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-160 {
font-size: 12px;
line-height: 15.6px;
}
.text-block-161 {
font-size: 16px;
line-height: 28px;
}
.image-31 {
margin-top: 20px;
}
.image-32, .image-33 {
margin-top: 10px;
}
.bold-text-5 {
font-size: 20px;
line-height: 26px;
}
.image-34 {
padding-top: 10px;
}
.container_healthome_land {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_healthome_land._1 {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_healthome_land._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.link-2_healthome, .link_healthome, .link_hotray {
font-size: 16px;
line-height: 20.8px;
}
.hotray_content, .health_content {
width: auto;
}
.text-block-10_requestly {
text-align: left;
width: 70px;
}
.div-block-5_requestly {
max-width: 100px;
}
.text-block-11_requestly {
width: 68px;
}
.heading-2_requestly {
font-size: 36px;
line-height: 50.4px;
}
.text-block-5_requestly {
font-size: 16px;
line-height: 28px;
}
.link_requestly {
font-size: 16px;
line-height: 20.8px;
}
.icon {
color: #fff;
}
.menu-button.w--open {
z-index: 9999;
}
.nav-menu-2 {
background-color: #000;
width: auto;
height: 20%;
}
.nav-menu-3, .nav-menu-4, .nav-menu-5 {
background-color: #000;
}
.designpal_team, .designpal_role {
color: var(--primary_blue);
text-align: center;
font-size: 16px;
line-height: 22.4px;
}
.designpal_timeline {
color: var(--primary_blue);
font-size: 16px;
line-height: 22.4px;
}
.nav-menu-6 {
background-color: #000;
flex-direction: column;
justify-content: space-between;
align-items: center;
height: 100vh;
display: flex;
}
.nav-menu-6.designpal {
background-color: #fff;
background-image: none;
}
.nav-link-4 {
flex: 0 auto;
align-self: auto;
}
.resume {
justify-content: center;
align-items: center;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.link-7 {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 41.6px;
text-decoration: none;
}
.link-7:hover {
color: #fff;
}
.link-7.w--current {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
}
.link-7.w--current:hover {
color: #fff;
}
.link-7.designpal {
color: #000;
}
.link-7.designpal:active {
color: #95c700;
}
.navbar-2 {
z-index: 5;
display: block;
position: fixed;
inset: 0% 0% auto;
}
.navbar-3 {
background-color: #0000;
display: block;
}
.text-block-162 {
color: #fff;
padding-top: 20px;
font-family: Poppins, sans-serif;
font-size: 32px;
font-weight: 700;
line-height: 32px;
}
.text-block-162.designpal {
color: #000;
}
.icon-2 {
color: #fff;
}
.container-3 {
color: #000;
background-color: #0000;
position: static;
}
.container-3.designpal {
background-color: #fff;
}
.brand {
padding-top: 6px;
padding-left: 18px;
}
.brand.w--current {
padding-top: 6px;
}
.menu__btn {
background-color: #0000;
}
.menu__btn.w--open {
background-color: #777;
}
.resume_about {
justify-content: center;
align-items: center;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.resume_home {
justify-content: center;
align-items: center;
margin-top: 20vh;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.lottie-animation {
width: 35px;
}
.container-3_designpal {
color: #000;
background-color: #fff;
}
.lottie-animation-2 {
width: 35px;
}
.menu__btn__designpal {
background-color: #fff;
}
.menu__btn__designpal.w--open {
background-color: #ccc;
}
.lottie-animation-3 {
width: 30px;
}
.bbody.overflow_hidden, .bbbody.overflow_hidden, .bbbbody.overflow_hidden {
overflow: hidden;
}
.container_cert {
grid-column-gap: 8px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-top: 40px;
padding-left: 8px;
padding-right: 8px;
}
.container_cert._1 {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.container_cert._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_cert._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_cert._4 {
flex-direction: column;
}
.container_cert._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_cert._1_trial, .container_cert._1_trial_hotray, .container_cert._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.container_cert_heading {
margin-top: 100px;
}
.container_cert_heading._1 {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.container_cert_heading._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_cert_heading._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_cert_heading._4 {
flex-direction: column;
}
.container_cert_heading._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_cert_heading._1_trial, .container_cert_heading._1_trial_hotray, .container_cert_heading._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.text-block-163 {
font-size: 24px;
line-height: 31.2px;
}
.container_interaction {
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.container_interaction._1 {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.container_interaction._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_interaction._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_interaction._4 {
flex-direction: column;
}
.container_interaction._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_interaction._1_trial, .container_interaction._1_trial_hotray, .container_interaction._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.text-block-164 {
font-size: 24px;
line-height: 31.2px;
}
.micro_interactions {
grid-column-gap: 28px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-top: 40px;
padding-left: 30px;
padding-right: 30px;
}
.image-40 {
height: 100%;
}
.image-42 {
height: 80%;
}
.button.home {
display: inline-block;
}
.button.home_mobile {
color: #fff;
background-image: linear-gradient(to right, #b16cea, #f36261 50%, #ffa84b);
border-style: none;
display: inline-block;
}
.button_div {
padding: 20px;
}
.container_exp._1 {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.container_exp._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_exp._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_exp._4 {
flex-direction: column;
}
.container_exp._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_exp._1_trial, .container_exp._1_trial_hotray, .container_exp._1_triall_requestly, .container_track._1 {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.container_track._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_track._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_track._4 {
flex-direction: column;
}
.container_track._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_track._1_trial, .container_track._1_trial_hotray, .container_track._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.container_pastexp {
grid-row-gap: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_pastexp._1 {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.container_pastexp._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_pastexp._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_pastexp._4 {
flex-direction: column;
}
.container_pastexp._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_pastexp._1_trial, .container_pastexp._1_trial_hotray, .container_pastexp._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.text-block-178 {
font-size: 16px;
line-height: 20.8px;
}
.text-block-179 {
font-size: 12px;
line-height: 22px;
}
.text-block-180 {
margin-top: 20px;
font-size: 14px;
line-height: 19.6px;
}
.container_past_heading {
height: 89vh;
padding-left: 0;
padding-right: 0;
}
.container_past_heading._1 {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.container_past_heading._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_past_heading._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_past_heading._4 {
flex-direction: column;
}
.container_past_heading._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_past_heading._1_trial, .container_past_heading._1_trial_hotray, .container_past_heading._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.text-block-181 {
font-size: 24px;
line-height: 31.2px;
}
.text-block-182 {
margin-top: 20px;
font-size: 12px;
line-height: 21px;
}
.text-block-178_1 {
font-size: 16px;
line-height: 20.8px;
}
.text-block-182_1 {
font-size: 12px;
line-height: 21px;
}
.container_healthome._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.container_healthome._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_healthome._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_healthome._4 {
flex-direction: column;
}
.container_healthome._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_healthome._1_trial, .container_healthome._1_trial_hotray, .container_healthome._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.div-block-5_1 {
max-width: 100px;
}
.heading-2_1 {
font-size: 36px;
line-height: 50.4px;
}
.text-block-5_1 {
font-size: 16px;
line-height: 28px;
}
.container_about {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_about._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_about._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_about._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_about._4 {
flex-direction: column;
}
.container_about._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_about._1_trial, .container_about._1_trial_hotray, .container_about._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.about_content {
padding-left: 0;
}
.text-block-183 {
text-align: center;
font-size: 40px;
}
.nav-link_npr, .nav-link_healthome, .nav-link_hotray {
background-color: #000;
}
.text-block-26_hotray {
color: var(--hotray_primary);
font-size: 16px;
line-height: 22.4px;
}
.text-block-24_hotray, .text-block-22_hotray {
color: var(--hotray_primary);
text-align: center;
font-size: 16px;
line-height: 22.4px;
}
._3d_pics {
font-size: 24px;
line-height: 31.2px;
}
.container_cert_blender {
grid-column-gap: 8px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
margin-top: 40px;
padding-left: 8px;
padding-right: 8px;
}
.container_cert_blender._1 {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.container_cert_blender._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_cert_blender._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_cert_blender._4 {
flex-direction: column;
}
.container_cert_blender._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_cert_blender._1_trial, .container_cert_blender._1_trial_hotray, .container_cert_blender._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
}
.container_projects._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_projects._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_projects._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_projects._4 {
flex-direction: column;
}
.container_projects._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_projects._1_trial, .container_projects._1_trial_hotray, .container_projects._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.nav-link_playground {
background-color: #000;
}
.hero_section {
height: 80vh;
}
.experience_section {
height: 58rem;
}
.container_experience {
flex-direction: column;
justify-content: space-between;
margin-top: 10px;
}
.container_experience._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_experience._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_experience._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_experience._4 {
flex-direction: column;
}
.container_experience._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_experience._1_trial, .container_experience._1_trial_hotray, .container_experience._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-186 {
font-size: 12px;
line-height: 15.6px;
}
.text-block-187 {
font-size: 20px;
line-height: 26px;
}
.grid_listcompanies {
grid-row-gap: 60px;
grid-template-columns: 1fr;
justify-content: stretch;
justify-items: stretch;
margin-top: 40px;
}
.text-block-189 {
font-size: 12px;
line-height: 15.6px;
display: block;
}
.text-block-190 {
font-size: 16px;
line-height: 20.8px;
}
.text-block-191, .text-block-191_mobile {
font-size: 14px;
line-height: 24px;
}
.featured_projects {
height: 490vh;
}
.container_featur_projects._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_featur_projects._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_featur_projects._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_featur_projects._4 {
flex-direction: column;
}
.container_featur_projects._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_featur_projects._1_trial, .container_featur_projects._1_trial_hotray, .container_featur_projects._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-192 {
font-size: 12px;
line-height: 15.6px;
}
.text-block-193 {
font-size: 24px;
line-height: 31.2px;
}
.container_card {
margin-top: 80px;
}
.container_card._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_card._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_card._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_card._4 {
flex-direction: column;
}
.container_card._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_card._1_trial, .container_card._1_trial_hotray, .container_card._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.container_card_img1 {
width: 100%;
height: 160px;
}
.container_card_img1._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_card_img1._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_card_img1._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_card_img1._4 {
flex-direction: column;
}
.container_card_img1._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_card_img1._1_trial, .container_card_img1._1_trial_hotray, .container_card_img1._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.cognisaas_chip {
width: 82px;
height: 30px;
margin-top: 0;
}
.text-block-194 {
font-size: 10px;
font-weight: 500;
line-height: 13px;
display: block;
}
.text-block-195 {
margin-top: 16px;
font-size: 16px;
line-height: 20.8px;
}
.text-block-196 {
margin-top: 12px;
font-size: 14px;
line-height: 22.2px;
}
.container_card_2 {
width: auto;
margin-top: 60px;
}
.container_card_2._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_card_2._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_card_2._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_card_2._4 {
flex-direction: column;
}
.container_card_2._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_card_2._1_trial, .container_card_2._1_trial_hotray, .container_card_2._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.container_card_img2 {
width: 100%;
height: 160px;
}
.container_card_img2._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_card_img2._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_card_img2._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_card_img2._4 {
flex-direction: column;
}
.container_card_img2._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_card_img2._1_trial, .container_card_img2._1_trial_hotray, .container_card_img2._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.cognisaas_chip_2 {
width: 118px;
height: 30px;
margin-top: 16px;
}
.text-block-194_2 {
font-size: 10px;
font-weight: 500;
line-height: 13px;
}
.text-block-195_2 {
margin-top: 16px;
font-size: 16px;
line-height: 20.8px;
}
.text-block-196_2 {
margin-top: 12px;
font-size: 14px;
line-height: 22.2px;
}
.container_card_3 {
margin-top: 60px;
}
.container_card_3._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_card_3._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_card_3._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_card_3._4 {
flex-direction: column;
}
.container_card_3._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_card_3._1_trial, .container_card_3._1_trial_hotray, .container_card_3._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.container_card_img3 {
background-position: 50% 38%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 160px;
margin-top: 0;
}
.container_card_img3._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_card_img3._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_card_img3._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_card_img3._4 {
flex-direction: column;
}
.container_card_img3._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_card_img3._1_trial, .container_card_img3._1_trial_hotray, .container_card_img3._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.cognisaas_chip_3 {
width: 99px;
height: 30px;
margin-top: 16px;
}
.text-block-195_3 {
margin-top: 16px;
font-size: 16px;
line-height: 20.8px;
}
.text-block-196_3 {
margin-top: 12px;
font-size: 14px;
line-height: 22.2px;
}
.other_projects_headings._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.other_projects_headings._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.other_projects_headings._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.other_projects_headings._4 {
flex-direction: column;
}
.other_projects_headings._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.other_projects_headings._1_trial, .other_projects_headings._1_trial_hotray, .other_projects_headings._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-192_other {
margin-top: 60px;
font-size: 12px;
line-height: 15.6px;
}
.text-block-197 {
font-size: 24px;
line-height: 31.2px;
}
.other_projects {
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 60px;
display: block;
overflow: hidden;
}
.other_projects._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.other_projects._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.other_projects._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.other_projects._4 {
flex-direction: column;
}
.other_projects._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.other_projects._1_trial, .other_projects._1_trial_hotray, .other_projects._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.other_projects_grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
grid-template-rows: 2fr auto;
grid-template-columns: 280px;
place-content: center;
place-items: center;
margin-bottom: 100px;
display: flex;
}
.hotray_card {
width: auto;
max-width: 100%;
height: 100%;
max-height: none;
padding: 20px;
}
.hotray_img {
width: 100%;
height: 140px;
}
.text-block-194_connectify {
font-size: 10px;
font-weight: 500;
line-height: 13px;
}
.hotray_chip {
flex-direction: column;
justify-content: center;
align-items: center;
width: 99px;
height: 30px;
margin-top: 20px;
display: flex;
}
.text-block-198 {
margin-top: 20px;
font-size: 16px;
line-height: 20.8px;
}
.text-block-199 {
font-size: 14px;
line-height: 22.2px;
}
.healthome-_card {
width: auto;
max-width: 100%;
height: 100%;
margin-top: 0;
padding: 20px;
}
.healthome-_img {
width: 100%;
height: 140px;
}
.healthome-_chip {
flex-direction: column;
justify-content: center;
align-items: center;
width: 99px;
height: 30px;
margin-top: 20px;
display: flex;
}
.text-block-19_healthome {
font-size: 10px;
font-weight: 500;
line-height: 13px;
}
.text-block-198_healthom {
margin-top: 20px;
font-size: 16px;
line-height: 20.8px;
}
.text-block-199_healtho {
font-size: 14px;
line-height: 22.2px;
}
.connectify_card {
width: auto;
max-width: 100%;
height: 100%;
padding: 20px;
}
.connectify_img {
width: 100%;
height: 140px;
}
.connectify_chip {
width: 104px;
height: 30px;
margin-top: 20px;
}
.text-block-198_connectify {
margin-top: 20px;
font-size: 16px;
line-height: 20.8px;
}
.text-block-199_connectify {
font-size: 14px;
line-height: 22.2px;
}
.text-block-194_connectify_11 {
font-size: 10px;
font-weight: 500;
line-height: 13px;
}
.propath_card {
width: auto;
max-width: 100%;
height: 100%;
margin-top: 0;
margin-bottom: 200px;
padding: 20px;
}
.propath_img {
width: 100%;
height: 140px;
}
.propath_chip {
justify-content: flex-start;
width: 99px;
height: 30px;
margin-top: 20px;
display: flex;
}
.text-block-19_propath {
font-size: 10px;
font-weight: 500;
line-height: 13px;
display: inline-block;
}
.text-block-198_propath {
margin-top: 20px;
font-size: 16px;
line-height: 20.8px;
}
.text-block-199_propath {
font-size: 16px;
line-height: 22.2px;
}
.designpal_content_card._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.designpal_content_card._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.designpal_content_card._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.designpal_content_card._4 {
flex-direction: column;
}
.designpal_content_card._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.designpal_content_card._1_trial, .designpal_content_card._1_trial_hotray, .designpal_content_card._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.container_cognisaas_content._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_cognisaas_content._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_cognisaas_content._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_cognisaas_content._4 {
flex-direction: column;
}
.container_cognisaas_content._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_cognisaas_content._1_trial, .container_cognisaas_content._1_trial_hotray, .container_cognisaas_content._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.requestly_content._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.requestly_content._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.requestly_content._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.requestly_content._4 {
flex-direction: column;
}
.requestly_content._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.requestly_content._1_trial, .requestly_content._1_trial_hotray, .requestly_content._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.dabbling_in_3d {
height: 103rem;
}
.container_3d._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_3d._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_3d._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_3d._4 {
flex-direction: column;
}
.container_3d._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_3d._1_trial, .container_3d._1_trial_hotray, .container_3d._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-192_3d {
margin-top: 60px;
font-size: 12px;
line-height: 15.6px;
}
.text-block-200 {
font-size: 24px;
line-height: 33.6px;
}
.container_3d3d._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_3d3d._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_3d3d._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_3d3d._4 {
flex-direction: column;
}
.container_3d3d._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_3d3d._1_trial, .container_3d3d._1_trial_hotray, .container_3d3d._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.container_playground._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_playground._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_playground._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_playground._4 {
flex-direction: column;
}
.container_playground._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_playground._1_trial, .container_playground._1_trial_hotray, .container_playground._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.grid-3 {
grid-template-rows: 1fr auto auto auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.plane_scene {
background-repeat: no-repeat;
background-size: cover;
width: 100%;
max-width: none;
height: 100%;
padding-bottom: 0;
padding-left: 10px;
padding-right: 10px;
}
.descript_blend_1 {
width: 100%;
max-width: none;
height: 200px;
padding-left: 10px;
padding-right: 10px;
}
.text-block-201 {
margin-top: 60px;
font-size: 12px;
line-height: 15.6px;
}
.text-block-202 {
font-size: 14px;
line-height: 22.2px;
}
.lighthouse_description {
height: 200px;
}
.text-block-201_lighthouse {
margin-top: 60px;
font-size: 12px;
line-height: 15.6px;
}
.text-block-202_lighthouse {
font-size: 14px;
line-height: 22.2px;
}
.lighthouse_img {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
height: 200px;
}
.dinausaur_img {
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
height: 200px;
}
.dinosaur_descrip {
width: 100%;
height: 200px;
}
.text-block-201_ldinosaur {
margin-top: 60px;
font-size: 12px;
line-height: 15.6px;
}
.text-block-202_ldinosaur {
font-size: 14px;
line-height: 22.2px;
}
.grid-3-_erx {
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-flow: row;
}
.text-block-192_footer {
margin-top: 60px;
font-size: 12px;
line-height: 15.6px;
}
.container_likeyc {
margin-top: 0;
}
.container_likeyc._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_likeyc._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_likeyc._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_likeyc._4 {
flex-direction: column;
}
.container_likeyc._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_likeyc._1_trial, .container_likeyc._1_trial_hotray, .container_likeyc._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.story_lulli {
height: 70vh;
}
.container_welcome._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_welcome._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_welcome._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_welcome._4 {
flex-direction: column;
}
.container_welcome._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_welcome._1_trial, .container_welcome._1_trial_hotray, .container_welcome._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.story_header_text {
padding-top: 16vh;
}
.story_header {
font-size: 28px;
line-height: 39px;
}
.text-block-20_header_para {
font-size: 16px;
}
.container_timeline._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_timeline._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_timeline._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_timeline._4 {
flex-direction: column;
}
.container_timeline._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_timeline._1_trial, .container_timeline._1_trial_hotray, .container_timeline._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.container_dates._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_dates._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_dates._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_dates._4 {
flex-direction: column;
}
.container_dates._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_dates._1_trial, .container_dates._1_trial_hotray, .container_dates._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.timeline_item {
grid-template-columns: 1fr 48px 1fr;
padding-top: 60px;
padding-bottom: 60px;
}
.timeline_centre {
justify-content: center;
align-items: stretch;
}
.timeline_date_text {
font-size: 14px;
line-height: 18.2px;
}
.right_content_text {
font-size: 14px;
line-height: 30px;
}
.nov_img {
height: 71px;
margin-top: 20px;
}
.image-50 {
height: 71px;
}
.timeline_item_2 {
grid-template-columns: 1fr 48px 1fr;
padding-top: 60px;
padding-bottom: 60px;
}
.timeline_date_text_3 {
font-size: 14px;
line-height: 18.2px;
}
.timeline_item_3 {
grid-template-columns: 1fr 48px 1fr;
padding-top: 60px;
padding-bottom: 60px;
}
.image-51 {
height: 71px;
max-height: none;
}
.timeline_item_4, .timeline_item_5, .timeline_item_6 {
grid-template-columns: 1fr 48px 1fr;
padding-top: 60px;
padding-bottom: 60px;
}
.image-52 {
height: 71px;
}
.timeline_item_7 {
grid-template-columns: 1fr 48px 1fr;
padding-top: 60px;
padding-bottom: 60px;
}
.timeline_date_text_7 {
font-size: 14px;
line-height: 18.2px;
}
.image-53 {
height: 71px;
}
.container_currently {
margin-top: 20px;
}
.container_currently._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_currently._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_currently._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_currently._4 {
flex-direction: column;
}
.container_currently._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_currently._1_trial, .container_currently._1_trial_hotray, .container_currently._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.currently_text {
font-size: 24px;
line-height: 31.2px;
}
.text-block-205_currently {
margin-top: 20px;
font-size: 14px;
line-height: 30px;
}
.navbar_story {
z-index: 1;
position: relative;
}
.navbar_story.abt {
z-index: 999;
display: block;
position: relative;
inset: 0% 0% auto;
}
.navbar_story.designpal {
display: block;
}
.navbar_story.abt_home, .navbar_story.designpalstatic, .navbar_story.healthomepluesstatic, .navbar_story.hotraystatic, .navbar_story.homescreen {
display: none;
}
.resume_about_playground {
justify-content: center;
align-items: center;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.mobile_resume_link_block {
background-image: linear-gradient(to right, #b16cea, #f36261 50%, #ffa84b);
border-radius: 4px;
padding: 1px;
text-decoration: none;
}
.resume_mobile_text {
color: #fff;
background-color: #000;
padding: 10px 20px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px;
text-decoration: none;
}
.resume_playground, .story_story, .story_button {
justify-content: center;
align-items: center;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.story_resume {
background-image: linear-gradient(to right, #b16cea, #f36261 50%, #ffa84b);
border-radius: 4px;
padding: 1px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px;
text-decoration: none;
}
.story_resume_text {
color: #fff;
background-color: #000;
padding: 10px 20px;
}
.designpal_link {
margin-top: 24px;
}
.grid_playground {
grid-template-columns: 1fr;
}
.image-54 {
height: 200px;
}
.descript_blend_2 {
width: 100%;
max-width: none;
height: 200px;
padding-left: 10px;
padding-right: 10px;
}
.lighthouse_image, .dino_image {
height: 200px;
}
.descript_blend_3 {
width: 100%;
max-width: none;
height: 200px;
padding-left: 10px;
padding-right: 10px;
}
.testimonials {
height: 200vh;
}
.container_testimonials._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_testimonials._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_testimonials._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_testimonials._4 {
flex-direction: column;
}
.container_testimonials._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_testimonials._1_trial, .container_testimonials._1_trial_hotray, .container_testimonials._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-192_testimonials {
margin-top: 60px;
font-size: 12px;
line-height: 15.6px;
}
.text-block-200_testimonials {
font-size: 24px;
line-height: 33.6px;
}
.container_testimonials_cards._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_testimonials_cards._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_testimonials_cards._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_testimonials_cards._4 {
flex-direction: column;
}
.container_testimonials_cards._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_testimonials_cards._1_trial, .container_testimonials_cards._1_trial_hotray, .container_testimonials_cards._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-206 {
font-size: 12px;
line-height: 23px;
}
.profile_circle {
width: 40px;
height: 40px;
}
.testimonials_name {
margin-left: 16px;
}
.testimonials_full_name {
font-size: 16px;
line-height: 20.8px;
}
.designation {
font-size: 12px;
line-height: 15.6px;
}
.testimonials_full_name_1 {
font-size: 16px;
line-height: 20.8px;
}
.designation_1 {
font-size: 12px;
line-height: 15.6px;
}
.profile_circle_final, .profile_circle_ronit, .profile_circle_arif, .profile_circle_daksh {
width: 40px;
height: 40px;
}
.container_footer {
margin-top: 0;
}
.container_footer._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_footer._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_footer._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_footer._4 {
flex-direction: column;
}
.container_footer._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_footer._1_trial, .container_footer._1_trial_hotray, .container_footer._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.nav-link_designpal {
background-color: #000;
}
.image-49_designpal_mobile {
background-color: #fff;
}
.resume_home_designpal {
justify-content: center;
align-items: center;
margin-top: 20vh;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.link-7_designpal_mobile {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 41.6px;
text-decoration: none;
}
.link-7_designpal_mobile:hover {
color: #000;
}
.link-7_designpal_mobile.w--current {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
}
.link-7_designpal_mobile.w--current:hover {
color: #fff;
}
.link-7_designpal_mobile.designpal {
color: #000;
}
.link-7_designpal_mobile.designpal:active {
color: #95c700;
}
.resume_story_designpal_mobile {
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.link-7_designpal_mobile_playground {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 41.6px;
text-decoration: none;
}
.link-7_designpal_mobile_playground:hover {
color: #000;
}
.link-7_designpal_mobile_playground.w--current {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
}
.link-7_designpal_mobile_playground.w--current:hover {
color: #fff;
}
.link-7_designpal_mobile_playground.designpal {
color: #000;
}
.link-7_designpal_mobile_playground.designpal:active {
color: #95c700;
}
.resume_story {
justify-content: center;
align-items: center;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.link-7_story {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 41.6px;
text-decoration: none;
}
.link-7_story:hover {
color: #fff;
}
.link-7_story.w--current {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
}
.link-7_story.w--current:hover {
color: #fff;
}
.link-7_story.designpal {
color: #777;
}
.link-7_story.designpal:hover {
color: #000;
}
.link-7_story.designpal:active {
color: #95c700;
}
.resume_mobile_text_designpal {
color: #000;
background-color: #fff;
padding: 10px 20px;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 26px;
text-decoration: none;
}
.button_designpal.home {
display: inline-block;
}
.button_designpal.home_mobile {
color: #fff;
background-image: linear-gradient(to right, #b16cea, #f36261 50%, #ffa84b);
border-style: none;
display: inline-block;
}
.footer-dark_designpal, .footer-dark_healthome, .footer-dark_hotray {
margin-top: 0;
padding-top: 25px;
display: flex;
}
.hero_img_req {
height: 20vh;
}
.rm-heading {
padding-left: 20px;
padding-right: 20px;
}
.rm-heading._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.rm-heading._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.rm-heading._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.rm-heading._4 {
flex-direction: column;
}
.rm-heading._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.rm-heading._1_trial, .rm-heading._1_trial_hotray, .rm-heading._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.req_cs_heading_1 {
margin-top: 30px;
font-size: 16px;
line-height: 20.8px;
}
.rm-intro.overview {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.text-block-21_req_bg, .text-block-207, .text-block-207_3 {
font-size: 14px;
line-height: 28px;
}
.list {
margin-top: 28px;
}
.my-role-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.my-role-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.my-role-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.my-role-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.my-role-rm._4 {
flex-direction: column;
}
.my-role-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.my-role-rm._1_trial, .my-role-rm._1_trial_hotray, .my-role-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-208 {
font-size: 14px;
line-height: 28px;
}
.text-block-209 {
margin-top: 16px;
font-size: 14px;
line-height: 28px;
}
.valuable_insights._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.valuable_insights._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.valuable_insights._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.valuable_insights._4 {
flex-direction: column;
}
.valuable_insights._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.valuable_insights._1_trial, .valuable_insights._1_trial_hotray, .valuable_insights._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.valuable_insights_12 {
margin-top: 60px;
}
.valuable_insights_12._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.valuable_insights_12._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.valuable_insights_12._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.valuable_insights_12._4 {
flex-direction: column;
}
.valuable_insights_12._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.valuable_insights_12._1_trial, .valuable_insights_12._1_trial_hotray, .valuable_insights_12._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-209_23 {
margin-top: 16px;
font-size: 14px;
line-height: 28px;
}
.text-block-210 {
font-size: 14px;
line-height: 28px;
}
.list-item-2 {
margin-top: 8px;
}
.text-block-210_2, .text-block-210_3, .text-block-210_4 {
font-size: 14px;
line-height: 28px;
}
.container-copy._1_trial, .container-copy._1_trial_hotray, .container-copy._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.competitive_analysis {
margin-top: 60px;
}
.competitive_analysis._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.competitive_analysis._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.competitive_analysis._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.competitive_analysis._4 {
flex-direction: column;
}
.competitive_analysis._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.competitive_analysis._1_trial, .competitive_analysis._1_trial_hotray, .competitive_analysis._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-208_comp_anal {
font-size: 12px;
line-height: 15.6px;
}
.text-block-211 {
margin-top: 28px;
font-size: 14px;
line-height: 28px;
}
.target_users {
margin-top: 60px;
}
.target_users._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.target_users._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.target_users._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.target_users._4 {
flex-direction: column;
}
.target_users._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.target_users._1_trial, .target_users._1_trial_hotray, .target_users._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-208_tu {
font-size: 12px;
line-height: 15.6px;
}
.use_case {
margin-top: 60px;
}
.use_case._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.use_case._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.use_case._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.use_case._4 {
flex-direction: column;
}
.use_case._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.use_case._1_trial, .use_case._1_trial_hotray, .use_case._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.rough_user_flow {
margin-top: 60px;
}
.rough_user_flow._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.rough_user_flow._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.rough_user_flow._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.rough_user_flow._4 {
flex-direction: column;
}
.rough_user_flow._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.rough_user_flow._1_trial, .rough_user_flow._1_trial_hotray, .rough_user_flow._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.user_flow_img {
height: 280px;
margin-top: 28px;
}
.wireframing {
margin-top: 60px;
}
.wireframing._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.wireframing._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.wireframing._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.wireframing._4 {
flex-direction: column;
}
.wireframing._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.wireframing._1_trial, .wireframing._1_trial_hotray, .wireframing._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.grid-8 {
margin-top: 28px;
}
._1st_iteration {
margin-top: 60px;
}
._1st_iteration._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
._1st_iteration._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
._1st_iteration._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
._1st_iteration._4 {
flex-direction: column;
}
._1st_iteration._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
._1st_iteration._1_trial, ._1st_iteration._1_trial_hotray, ._1st_iteration._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-209_iteration {
margin-top: 28px;
font-size: 14px;
line-height: 28px;
}
.text-block-210_iteration {
font-size: 14px;
line-height: 28px;
}
._2nd_iteration {
margin-top: 60px;
}
._2nd_iteration._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
._2nd_iteration._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
._2nd_iteration._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
._2nd_iteration._4 {
flex-direction: column;
}
._2nd_iteration._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
._2nd_iteration._1_trial, ._2nd_iteration._1_trial_hotray, ._2nd_iteration._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-209_iteration_2 {
margin-top: 28px;
font-size: 14px;
line-height: 28px;
}
.text-block-210_iterat, .text-block-210_iteration_2, .text-block-210_iteration_3 {
font-size: 14px;
line-height: 28px;
}
.trade_offs {
margin-top: 60px;
}
.trade_offs._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.trade_offs._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.trade_offs._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.trade_offs._4 {
flex-direction: column;
}
.trade_offs._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.trade_offs._1_trial, .trade_offs._1_trial_hotray, .trade_offs._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-209_tradeoff {
font-size: 14px;
line-height: 28px;
}
.list-4 {
margin-top: 16px;
}
.final_design_1 {
margin-top: 60px;
}
.final_design_1._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.final_design_1._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.final_design_1._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.final_design_1._4 {
flex-direction: column;
}
.final_design_1._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.final_design_1._1_trial, .final_design_1._1_trial_hotray, .final_design_1._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-209_fd_1_headline {
font-size: 16px;
line-height: 28px;
}
.text-block-210_fd_1_bullet1, .text-block-210_fd_2_bullet2 {
font-size: 14px;
line-height: 28px;
}
.user_flow_img_2 {
height: 280px;
margin-top: 60px;
}
.text-block-209_fd_2_headline {
font-size: 16px;
line-height: 28px;
}
.user_flow_img_3 {
height: 280px;
}
.text-block-209_fd_3_headline {
margin-top: 28px;
font-size: 16px;
line-height: 28px;
}
.container_userf._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_userf._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_userf._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_userf._4 {
flex-direction: column;
}
.container_userf._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_userf._1_trial, .container_userf._1_trial_hotray, .container_userf._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.container-copy._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container-copy._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container-copy._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container-copy._4 {
flex-direction: column;
}
.container-copy._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container-copy._1_trial, .container-copy._1_trial_hotray, .container-copy._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.userflow_giff._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.userflow_giff._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.userflow_giff._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.userflow_giff._4 {
flex-direction: column;
}
.userflow_giff._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.userflow_giff._1_trial, .userflow_giff._1_trial_hotray, .userflow_giff._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.design_handoff._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.design_handoff._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.design_handoff._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.design_handoff._4 {
flex-direction: column;
}
.design_handoff._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.design_handoff._1_trial, .design_handoff._1_trial_hotray, .design_handoff._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.go_back._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.go_back._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.go_back._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.go_back._4 {
flex-direction: column;
}
.go_back._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.go_back._1_trial, .go_back._1_trial_hotray, .go_back._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.req_cs_learnings.overview {
margin-top: -500px;
padding-left: 8px;
padding-right: 8px;
}
.container_user_video._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_user_video._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_user_video._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_user_video._4 {
flex-direction: column;
}
.container_user_video._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_user_video._1_trial, .container_user_video._1_trial_hotray, .container_user_video._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.brainstorming_matrix {
margin-top: 60px;
}
.brainstorming_matrix._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.brainstorming_matrix._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.brainstorming_matrix._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.brainstorming_matrix._4 {
flex-direction: column;
}
.brainstorming_matrix._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.brainstorming_matrix._1_trial, .brainstorming_matrix._1_trial_hotray, .brainstorming_matrix._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.user_video_requestly {
margin-top: 60px;
}
.user_video_requestly._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.user_video_requestly._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.user_video_requestly._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.user_video_requestly._4 {
flex-direction: column;
}
.user_video_requestly._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.user_video_requestly._1_trial, .user_video_requestly._1_trial_hotray, .user_video_requestly._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-213 {
font-size: 12px;
line-height: 15.6px;
}
.video {
margin-top: 28px;
}
.design_handoff_requestly {
margin-top: 60px;
}
.design_handoff_requestly._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.design_handoff_requestly._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.design_handoff_requestly._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.design_handoff_requestly._4 {
flex-direction: column;
}
.design_handoff_requestly._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.design_handoff_requestly._1_trial, .design_handoff_requestly._1_trial_hotray, .design_handoff_requestly._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.go_back_requestly {
margin-top: 60px;
}
.go_back_requestly._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.go_back_requestly._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.go_back_requestly._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.go_back_requestly._4 {
flex-direction: column;
}
.go_back_requestly._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.go_back_requestly._1_trial, .go_back_requestly._1_trial_hotray, .go_back_requestly._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.learnings_requestly.overview {
height: auto;
margin-top: 60px;
margin-bottom: 60px;
padding-left: 8px;
padding-right: 8px;
}
.user_flow_img_1 {
height: 280px;
margin-top: 40px;
}
.chip-lock {
margin-top: 16px;
}
.lock {
width: 30px;
height: 30px;
}
.overview-timeline-grid {
grid-template-columns: 4.25fr 1.25fr;
}
.overviewtimeline-div {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.overviewtimeline-div._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.overviewtimeline-div._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.overviewtimeline-div._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.overviewtimeline-div._4 {
flex-direction: column;
}
.overviewtimeline-div._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.overviewtimeline-div._1_trial, .overviewtimeline-div._1_trial_hotray, .overviewtimeline-div._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.timeline-rm.overview {
margin-top: 40px;
padding-left: 8px;
padding-right: 8px;
}
.final_watchlist_rm {
background-position: 50% 100%;
background-repeat: repeat;
background-size: contain;
height: 30vh;
margin-top: 60px;
}
.problem-statement-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.problem-statement-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.problem-statement-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.problem-statement-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.problem-statement-rm._4 {
flex-direction: column;
}
.problem-statement-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.problem-statement-rm._1_trial, .problem-statement-rm._1_trial_hotray, .problem-statement-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.objective-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.objective-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.objective-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.objective-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.objective-rm._4 {
flex-direction: column;
}
.objective-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.objective-rm._1_trial, .objective-rm._1_trial_hotray, .objective-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.feedback-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.feedback-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.feedback-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.feedback-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.feedback-rm._4 {
flex-direction: column;
}
.feedback-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.feedback-rm._1_trial, .feedback-rm._1_trial_hotray, .feedback-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.feedback-image {
height: 22vh;
}
.user-interviews-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.user-interviews-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.user-interviews-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.user-interviews-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.user-interviews-rm._4 {
flex-direction: column;
}
.user-interviews-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.user-interviews-rm._1_trial, .user-interviews-rm._1_trial_hotray, .user-interviews-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.understanding-the-user-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.understanding-the-user-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.understanding-the-user-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.understanding-the-user-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.understanding-the-user-rm._4 {
flex-direction: column;
}
.understanding-the-user-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.understanding-the-user-rm._1_trial, .understanding-the-user-rm._1_trial_hotray, .understanding-the-user-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.key-focus-areas-rm {
padding-left: 20px;
padding-right: 20px;
}
.key-focus-areas-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.key-focus-areas-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.key-focus-areas-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.key-focus-areas-rm._4 {
flex-direction: column;
}
.key-focus-areas-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.key-focus-areas-rm._1_trial, .key-focus-areas-rm._1_trial_hotray, .key-focus-areas-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.resource-opti-heading {
font-size: 14px;
line-height: 28px;
}
.text-block-214 {
font-size: 12px;
line-height: 28px;
}
.real-time-rm-heading, .data-driven-rm-heading {
font-size: 14px;
line-height: 28px;
}
.competitive-analysis {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.competitive-analysis._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.competitive-analysis._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.competitive-analysis._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.competitive-analysis._4 {
flex-direction: column;
}
.competitive-analysis._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.competitive-analysis._1_trial, .competitive-analysis._1_trial_hotray, .competitive-analysis._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.brainstorming-ideas-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.brainstorming-ideas-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.brainstorming-ideas-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.brainstorming-ideas-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.brainstorming-ideas-rm._4 {
flex-direction: column;
}
.brainstorming-ideas-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.brainstorming-ideas-rm._1_trial, .brainstorming-ideas-rm._1_trial_hotray, .brainstorming-ideas-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.div-block-15 {
justify-content: flex-end;
padding-left: 0;
padding-right: 0;
}
.now-matrix-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.now-matrix-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.now-matrix-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.now-matrix-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.now-matrix-rm._4 {
flex-direction: column;
}
.now-matrix-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.now-matrix-rm._1_trial, .now-matrix-rm._1_trial_hotray, .now-matrix-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.detailed-features-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.detailed-features-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.detailed-features-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.detailed-features-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.detailed-features-rm._4 {
flex-direction: column;
}
.detailed-features-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.detailed-features-rm._1_trial, .detailed-features-rm._1_trial_hotray, .detailed-features-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.user-flow-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.user-flow-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.user-flow-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.user-flow-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.user-flow-rm._4 {
flex-direction: column;
}
.user-flow-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.user-flow-rm._1_trial, .user-flow-rm._1_trial_hotray, .user-flow-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.sketching-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.sketching-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.sketching-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.sketching-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.sketching-rm._4 {
flex-direction: column;
}
.sketching-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.sketching-rm._1_trial, .sketching-rm._1_trial_hotray, .sketching-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.lo-fi-proto-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.lo-fi-proto-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.lo-fi-proto-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.lo-fi-proto-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.lo-fi-proto-rm._4 {
flex-direction: column;
}
.lo-fi-proto-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.lo-fi-proto-rm._1_trial, .lo-fi-proto-rm._1_trial_hotray, .lo-fi-proto-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.ui-style-guide-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.ui-style-guide-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.ui-style-guide-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.ui-style-guide-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.ui-style-guide-rm._4 {
flex-direction: column;
}
.ui-style-guide-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.ui-style-guide-rm._1_trial, .ui-style-guide-rm._1_trial_hotray, .ui-style-guide-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.first-iteration {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.first-iteration._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.first-iteration._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.first-iteration._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.first-iteration._4 {
flex-direction: column;
}
.first-iteration._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.first-iteration._1_trial, .first-iteration._1_trial_hotray, .first-iteration._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.project-iteration-1 {
margin-top: 40px;
padding-left: 0;
padding-right: 0;
}
.cp-iteration-1, .approval-iteration-1 {
padding-left: 0;
padding-right: 0;
}
.final-design-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.final-design-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.final-design-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.final-design-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.final-design-rm._4 {
flex-direction: column;
}
.final-design-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.final-design-rm._1_trial, .final-design-rm._1_trial_hotray, .final-design-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.project-2-rm {
margin-top: 40px;
padding-left: 0;
padding-right: 0;
}
.image-57 {
margin-top: 20px;
}
.people-2-rm {
padding-left: 0;
padding-right: 0;
}
.image-ppl {
margin-top: 20px;
}
.cp-rm-2, .approval-rm-2 {
padding-left: 0;
padding-right: 0;
}
.developer-hand-off {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.developer-hand-off._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.developer-hand-off._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.developer-hand-off._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.developer-hand-off._4 {
flex-direction: column;
}
.developer-hand-off._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.developer-hand-off._1_trial, .developer-hand-off._1_trial_hotray, .developer-hand-off._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.my-impact {
padding-top: 20px;
padding-bottom: 20px;
}
.impact-div {
padding-left: 20px;
padding-right: 20px;
}
.impact-div._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.impact-div._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.impact-div._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.impact-div._4 {
flex-direction: column;
}
.impact-div._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.impact-div._1_trial, .impact-div._1_trial_hotray, .impact-div._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.text-block-215 {
font-size: 14px;
}
.impact-1, .impact-2, .impact-3, .impact-4 {
font-size: 14px;
line-height: 28px;
}
.future-scope-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.future-scope-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.future-scope-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.future-scope-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.future-scope-rm._4 {
flex-direction: column;
}
.future-scope-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.future-scope-rm._1_trial, .future-scope-rm._1_trial_hotray, .future-scope-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.learnings-rm {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.learnings-rm._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.learnings-rm._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.learnings-rm._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.learnings-rm._4 {
flex-direction: column;
}
.learnings-rm._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.learnings-rm._1_trial, .learnings-rm._1_trial_hotray, .learnings-rm._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.footer-dark_rm {
margin-top: 100px;
padding-top: 25px;
display: flex;
}
.comp-div {
margin-top: 30px;
}
.brainstorming-div {
padding-left: 0;
padding-right: 0;
}
.dev-handoff-rm {
height: 22vh;
}
.requestly_cs_hero {
height: 20vh;
}
.reuestly_bg.overview, .reuestly_bg.requestly_bg {
margin-top: 0;
padding-left: 0;
padding-right: 0;
}
.req_background_heading {
font-size: 14px;
line-height: 28px;
}
.requestly_whattosolve {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
}
.requestly_whattosolve._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.requestly_whattosolve._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.requestly_whattosolve._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.requestly_whattosolve._4 {
flex-direction: column;
}
.requestly_whattosolve._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.requestly_whattosolve._1_trial, .requestly_whattosolve._1_trial_hotray, .requestly_whattosolve._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.requestly_what_to_solve_heading {
font-size: 14px;
line-height: 28px;
}
.requestly_valuable_insights {
margin-top: 60px;
}
.requestly_valuable_insights._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.requestly_valuable_insights._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.requestly_valuable_insights._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.requestly_valuable_insights._4 {
flex-direction: column;
}
.requestly_valuable_insights._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.requestly_valuable_insights._1_trial, .requestly_valuable_insights._1_trial_hotray, .requestly_valuable_insights._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.requestly_valuable_insights_heading {
font-size: 14px;
line-height: 28px;
}
.requestly_usecase {
margin-top: 60px;
}
.requestly_usecase._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.requestly_usecase._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.requestly_usecase._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.requestly_usecase._4 {
flex-direction: column;
}
.requestly_usecase._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.requestly_usecase._1_trial, .requestly_usecase._1_trial_hotray, .requestly_usecase._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.requestly_usecase_heading {
font-size: 14px;
line-height: 28px;
}
.requestly_design_handoff {
margin-top: 60px;
}
.requestly_design_handoff._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.requestly_design_handoff._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.requestly_design_handoff._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.requestly_design_handoff._4 {
flex-direction: column;
}
.requestly_design_handoff._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.requestly_design_handoff._1_trial, .requestly_design_handoff._1_trial_hotray, .requestly_design_handoff._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.requestly_design_handoff_heading {
font-size: 14px;
line-height: 28px;
}
.requestly_if {
margin-top: 60px;
}
.requestly_if._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.requestly_if._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.requestly_if._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.requestly_if._4 {
flex-direction: column;
}
.requestly_if._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.requestly_if._1_trial, .requestly_if._1_trial_hotray, .requestly_if._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.requestly_if_heading {
font-size: 14px;
line-height: 28px;
}
.requestly_learn.overview, .requestly_learn.requestly_overview_learn {
height: auto;
margin-top: 60px;
margin-bottom: 60px;
padding-left: 8px;
padding-right: 8px;
}
.req_over_learn_heading {
font-size: 14px;
line-height: 28px;
}
.hotray_contact, .contact_requestly, .contact_rm {
background-color: #000;
}
.contact_mobile {
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.home_contact, .story_contact {
justify-content: center;
align-items: center;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.story_mobile_contact {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 41.6px;
text-decoration: none;
}
.story_mobile_contact:hover {
color: #fff;
}
.story_mobile_contact.w--current {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
}
.story_mobile_contact.w--current:hover {
color: #fff;
}
.story_mobile_contact.designpal {
color: #000;
}
.story_mobile_contact.designpal:active {
color: #95c700;
}
.designpal_contact_phone {
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.designpal_mobile_contact {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 41.6px;
text-decoration: none;
}
.designpal_mobile_contact:hover {
color: #000;
}
.designpal_mobile_contact.w--current {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
}
.designpal_mobile_contact.w--current:hover {
color: #fff;
}
.designpal_mobile_contact.designpal {
color: #000;
}
.designpal_mobile_contact.designpal:active {
color: #95c700;
}
.hh_contact {
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.hh_mobile_contact {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 41.6px;
text-decoration: none;
}
.hh_mobile_contact:hover {
color: #000;
}
.hh_mobile_contact.w--current {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
}
.hh_mobile_contact.w--current:hover {
color: #fff;
}
.hh_mobile_contact.designpal {
color: #000;
}
.hh_mobile_contact.designpal:active {
color: #95c700;
}
.hotray_contact_phone {
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.hotray_contact_mobile {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 41.6px;
text-decoration: none;
}
.hotray_contact_mobile:hover {
color: #000;
}
.hotray_contact_mobile.w--current {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
}
.hotray_contact_mobile.w--current:hover {
color: #fff;
}
.hotray_contact_mobile.designpal {
color: #000;
}
.hotray_contact_mobile.designpal:active {
color: #95c700;
}
.requestly_contact_phone {
justify-content: center;
align-items: center;
margin-top: 0;
margin-bottom: 5vh;
padding: 20px;
display: flex;
}
.requestly_contact_mobile {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-size: 32px;
font-weight: 500;
line-height: 41.6px;
text-decoration: none;
}
.requestly_contact_mobile:hover {
color: #000;
}
.requestly_contact_mobile.w--current {
color: #777;
font-family: Plus Jakarta Sans, sans-serif;
font-weight: 500;
}
.requestly_contact_mobile.w--current:hover {
color: #fff;
}
.requestly_contact_mobile.designpal {
color: #000;
}
.requestly_contact_mobile.designpal:active {
color: #95c700;
}
.approval_2 {
margin-top: 20px;
}
.container_card_cr {
margin-top: 80px;
}
.container_card_cr._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.container_card_cr._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.container_card_cr._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.container_card_cr._4 {
flex-direction: column;
}
.container_card_cr._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.container_card_cr._1_trial, .container_card_cr._1_trial_hotray, .container_card_cr._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.custom_hero_img {
width: 100%;
height: 160px;
}
.custom_hero_img._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.custom_hero_img._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.custom_hero_img._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.custom_hero_img._4 {
flex-direction: column;
}
.custom_hero_img._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.custom_hero_img._1_trial, .custom_hero_img._1_trial_hotray, .custom_hero_img._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.cognisaas_cr_chip {
width: 82px;
height: 30px;
margin-top: 0;
}
.cr_chip_text {
font-size: 10px;
font-weight: 500;
line-height: 13px;
display: block;
}
.cr_headline {
margin-top: 16px;
font-size: 16px;
line-height: 20.8px;
}
.image-58 {
width: 20px;
height: 20px;
}
.foot_test._1 {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 60px;
padding-left: 8px;
padding-right: 8px;
}
.foot_test._2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
}
.foot_test._3 {
grid-template-columns: 1fr;
margin-top: 100px;
}
.foot_test._4 {
flex-direction: column;
}
.foot_test._1_2 {
grid-template-rows: auto .25fr;
grid-template-columns: .25fr;
justify-content: center;
justify-items: start;
}
.foot_test._1_trial, .foot_test._1_trial_hotray, .foot_test._1_triall_requestly {
grid-template-rows: auto auto;
grid-template-columns: 1.25fr;
justify-content: center;
justify-items: start;
margin-top: 100px;
padding-left: 8px;
padding-right: 8px;
}
.home_foot, .footer-dark_story {
margin-top: 100px;
padding-top: 25px;
display: flex;
}
}
#w-node-bfadd081-d01d-08dc-1f3d-16dec2035f75-25b76cd1, #w-node-_0f57e385-d4ae-eec9-927a-1d17edc82142-25b76cd1, #w-node-cc4c5155-597e-00ba-8154-6f0c312c4caa-25b76cd1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-e6f8ff31-7e70-3048-e414-ca1d7cd54e8c-25b76cd1 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: auto;
}
#w-node-e7cf6be7-90a6-2c67-a0e1-017c04cc887f-25b76cd1, #w-node-_6d1af283-0d38-dd9f-7f5f-d96331e41095-25b76cd1, #w-node-_0fcca371-5a95-abd4-10fc-edfad3ed1e78-25b76cd1 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0fa53fe5-ac43-b1cc-1012-d1b54ad81b25-25b76cd1 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-_0ab00dda-d3b0-3352-3be4-c869cdbdc4b3-25b76cd1 {
grid-area: 1 / 1 / 2 / 2;
}
#w-node-f2b450b0-f041-4c6c-7241-4e00e28f8fb5-25b76cd1 {
grid-area: 1 / 3 / 2 / 4;
}
#w-node-c8db3404-0336-9324-dcfc-8ff7fcbf14d3-25b76cd1 {
grid-area: 2 / 2 / 3 / 3;
}
#w-node-d4cb7ace-0de4-0dba-42f4-a9b1b7bf3788-25b76cd4, #w-node-de5a0723-e585-193a-4ffb-643de03401e5-25b76cd4, #w-node-a8b34156-f3a1-aa93-bc90-590832a9bc9f-25b76cd4, #w-node-_48b408aa-65e9-5938-2d2e-ed945e7ccd08-25b76cd4, #w-node-_48b408aa-65e9-5938-2d2e-ed945e7ccd0b-25b76cd4, #w-node-_48b408aa-65e9-5938-2d2e-ed945e7ccd0d-25b76cd4, #w-node-_24c9e094-884b-3f5b-12c3-1229299dd8b4-25b76cd4, #w-node-_24c9e094-884b-3f5b-12c3-1229299dd8b7-25b76cd4, #w-node-_24c9e094-884b-3f5b-12c3-1229299dd8b9-25b76cd4, #w-node-_70e853e6-de8d-1b99-c1e8-da5440d23edc-25b76cd4, #w-node-_70e853e6-de8d-1b99-c1e8-da5440d23edf-25b76cd4, #w-node-_70e853e6-de8d-1b99-c1e8-da5440d23ee1-25b76cd4, #w-node-_8ac2d7f0-e630-d906-975b-a249c34806a2-25b76cd4, #w-node-_8ac2d7f0-e630-d906-975b-a249c34806a5-25b76cd4, #w-node-_8ac2d7f0-e630-d906-975b-a249c34806a7-25b76cd4, #w-node-cc7236b1-2f87-ff10-231c-325450315562-25b76cd4, #w-node-cc7236b1-2f87-ff10-231c-325450315565-25b76cd4, #w-node-cc7236b1-2f87-ff10-231c-325450315567-25b76cd4, #w-node-_7ad2b915-ec3d-032e-4c6b-8559b9c8d9c3-25b76cd4, #w-node-_7ad2b915-ec3d-032e-4c6b-8559b9c8d9c6-25b76cd4, #w-node-_7ad2b915-ec3d-032e-4c6b-8559b9c8d9c8-25b76cd4, #w-node-_2b6529fc-8a79-74dd-05b8-8a8ee149cb58-25b76cd5, #w-node-f41af4fe-a6a0-7dd4-7dd0-87e0b5944311-25b76cd5, #w-node-e2a07b33-2f06-6f29-d578-fc1f8f284653-25b76cd5, #w-node-_2df51871-88c6-ff0b-f7f3-e0a8b9078d83-25b76cd5, #w-node-a3fa9e0f-2d2c-3d20-01f4-cd7833875cf1-25b76cd5, #w-node-_70234834-8040-c0c2-fd22-4e24018b39e1-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_89d1e29f-7251-dfec-6522-ebe4068830c9-25b76cd5, #w-node-_7f8b1f82-c84f-ec27-7434-2c2c2cf03a45-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_1149a3ae-60df-9569-48f2-04aeed0b932f-25b76cd5, #w-node-_4926850e-100d-39ad-a825-9012ae7c6d5a-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_0fcf7db5-3731-43f7-4cb5-5ffc2f71771c-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_0dce81e8-f99d-f26d-0619-f01ba4efddfd-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-ae703201-8182-f407-8176-0edd7d315c2c-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_3fc525c4-345d-2fd7-e24b-7ffc2a58f9a5-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_519c2092-8a48-5d39-05c6-1bf092d4ccf1-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fa47e3a6-b1f6-5065-f3d8-5dffa92c6e4f-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-ca785229-055e-ccde-46e7-22f6512ff751-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_720059fe-d1dd-7398-8d5f-4e7583b1f65a-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_13bc5c20-1199-b5c5-40f0-e9a1f1857d39-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-e0d441db-068a-0bf9-cad2-0d575d70e628-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_81af8951-7bbf-f41f-300d-3c722cf3090b-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-acb84202-4377-6e19-f826-d3a8cca5a0cc-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-fc195a13-949c-d281-02a6-36c84de76b89-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_5c8a731a-1549-d638-35d2-1d923c085be0-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_8831b260-eae1-324b-85d2-160f2c29b307-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_8128392a-f5ef-4350-4e42-657dac0b256f-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-fcf49422-4194-866e-bb0b-a1fc558c5376-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_280c9b34-d08f-35f6-ec71-dd848fb79f1e-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_79df8c32-48a0-20cf-1794-6677c2dab997-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_877b6505-adff-c514-42a5-12a3ef5d8191-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_7d3bfc4e-dc8d-9795-3771-d919a99e1f25-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-f220f898-6f79-8244-475b-09fd68cdeadf-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7b780071-b4a3-4801-e5e0-e184b40862b8-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-fa53155b-8e6f-bc2b-25b4-187ae1ddf3de-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_91b0b60a-203a-cde8-89de-2b021ebe4bd2-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_3bdf6d16-00ea-27be-6bf8-8c8f5c874b99-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-df8088c7-f6f2-6150-5646-e10e569f300d-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-bbcf99f8-8f62-d9e6-3603-09a0761577e9-25b76cd5, #w-node-_6799cdbf-16e1-173f-cd9d-8fa15b893bd0-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_6799cdbf-16e1-173f-cd9d-8fa15b893bcb-25b76cd5, #w-node-fbca56e8-7d15-9b7b-5a5e-03eee3e5029b-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-fbca56e8-7d15-9b7b-5a5e-03eee3e502a0-25b76cd5, #w-node-_2b2449b1-cb44-5d29-1a19-576343ee1548-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_2b2449b1-cb44-5d29-1a19-576343ee1549-25b76cd5, #w-node-_1bfc647b-9403-1e83-de6a-1325b916b7b6-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_1bfc647b-9403-1e83-de6a-1325b916b7bb-25b76cd5, #w-node-_5f524693-f3fd-3400-2368-ab82faccb8a1-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_5f524693-f3fd-3400-2368-ab82faccb8a2-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_34e4cbca-8432-dd10-189a-e70b7057da58-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-_179ebc5e-bba3-7940-70f1-a90c6db65fff-25b76cd6 {
justify-self: start;
}
#w-node-b91f62fd-b04c-acca-cff4-8693bbb4b104-25b76cd6 {
justify-self: end;
}
#w-node-e7ce2ac9-5d38-240e-c735-3d927798f3b0-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-b573c635-efbd-c071-435f-84f9a8a0cdd7-25b76cd6, #w-node-_360ca938-ad87-e265-3460-d6506461c553-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_5d2b5df4-c111-b4b3-9491-55fc29b5ab5d-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_05bfbca4-2ef3-1ddb-0894-4b8aa7a241cf-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_2ea8d02e-072d-892f-d40e-50182981e81c-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_2ea8d02e-072d-892f-d40e-50182981e81d-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_2d797457-b397-a3da-de77-bc745fa7741d-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center start;
}
#w-node-_2d797457-b397-a3da-de77-bc745fa7741e-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_0060af53-133b-22ad-1c25-b0e18160480a-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: start;
}
#w-node-cdf57010-ef4f-25c3-eb22-569dfec37a51-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: end;
}
#w-node-e2817671-c962-94df-174a-51694755ec9b-25b76cd6, #w-node-_0d6c1121-2e55-12d4-456c-872d30682c4f-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_2f669295-7493-ce80-4349-05780df4d823-25b76cd6, #w-node-ac764591-d988-bf0f-e14e-97c70a8056b7-25b76cd6, #w-node-bda27310-b8e9-d33c-cace-8bc6edd2c6f5-25b76cd6, #w-node-_2231256b-729e-313c-29a9-b47ddc6e79ce-25b76cd6, #w-node-b376404b-d5a0-1a4a-76de-338c7a613453-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_29b1fbf6-cbab-6e09-57db-693f8ea3fbc4-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_495d90f0-5bd7-c970-8315-e72faec1b7b7-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
align-self: center;
}
#w-node-_2df7ecb5-94ff-3edf-c9a3-abe86a49a6cb-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_03897d08-0341-0d62-7a74-6317a513d124-25b76cd7, #w-node-_87f3f4e2-243d-c462-fc45-d3da577772d1-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_60a57975-fe06-1320-2b4a-d2653b8130f3-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_2446bb19-9fd8-3abf-daa9-d389866d6094-25b76cd7, #w-node-_4dd0f21c-4f20-a7dd-e051-da56b8e6cb8b-25b76cd7, #w-node-_94c85377-8c30-168a-fc23-3b141fab7180-25b76cd7, #w-node-_2173d281-391e-ff8c-0060-64fb609757bf-25b76cd7, #w-node-_2173d281-391e-ff8c-0060-64fb609757c3-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_369af389-4cda-fc25-d4fc-ef7b8ec64584-25b76cd7, #w-node-_369af389-4cda-fc25-d4fc-ef7b8ec64585-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_369af389-4cda-fc25-d4fc-ef7b8ec64586-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_38054f7d-0a50-327e-f8de-e49596beac03-25b76cd7, #w-node-_38054f7d-0a50-327e-f8de-e49596beac04-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_38054f7d-0a50-327e-f8de-e49596beac05-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_031f0fc7-7e3b-4aff-9c5a-4a74b0115b57-25b76cd7, #w-node-_031f0fc7-7e3b-4aff-9c5a-4a74b0115b58-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_031f0fc7-7e3b-4aff-9c5a-4a74b0115b59-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_254343b5-096a-20e4-f418-431d11787335-25b76cd7, #w-node-_254343b5-096a-20e4-f418-431d11787336-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_254343b5-096a-20e4-f418-431d11787337-25b76cd7 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: center;
}
#w-node-_8acb7129-7aac-2df6-08a3-a36e5f27b787-25b76cd9, #w-node-_8acb7129-7aac-2df6-08a3-a36e5f27b788-25b76cd9, #w-node-_8acb7129-7aac-2df6-08a3-a36e5f27b789-25b76cd9, #w-node-_8acb7129-7aac-2df6-08a3-a36e5f27b78a-25b76cd9, #w-node-dddc1760-c0e5-7888-1d31-ce7a1cb6dd4b-24e6b6fc, #w-node-_00bc7342-254a-627e-edd7-8cb45fd1b6ef-24e6b6fc, #w-node-_7a7ffb27-77c8-76b1-b5c7-e5f29968cf45-24e6b6fc, #w-node-_65ad60c9-08c2-fcb0-4b6f-19acc8293b62-24e6b6fc, #w-node-_7f951bab-8b7f-ce98-a00c-50d2eb56ab6e-24e6b6fc {
grid-area: span 1 / span 1 / span 1 / span 1;
}
@media screen and (max-width: 991px) {
#w-node-bfadd081-d01d-08dc-1f3d-16dec2035f75-25b76cd1 {
grid-area: span 1 / span 1 / span 1 / span 1;
justify-self: auto;
}
#w-node-_0fa53fe5-ac43-b1cc-1012-d1b54ad81b25-25b76cd1 {
grid-area: 1 / 1 / 2 / 3;
}
#w-node-_0ab00dda-d3b0-3352-3be4-c869cdbdc4b3-25b76cd1 {
grid-area: 2 / 1 / 3 / 3;
}
#w-node-f2b450b0-f041-4c6c-7241-4e00e28f8fb5-25b76cd1 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-c8db3404-0336-9324-dcfc-8ff7fcbf14d3-25b76cd1 {
grid-area: 4 / 1 / 5 / 2;
}
#w-node-_4926850e-100d-39ad-a825-9012ae7c6d5a-25b76cd5 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_3fc525c4-345d-2fd7-e24b-7ffc2a58f9a5-25b76cd5 {
place-self: start end;
}
}
@media screen and (max-width: 479px) {
#w-node-bfadd081-d01d-08dc-1f3d-16dec2035f75-25b76cd1 {
place-self: auto;
}
#w-node-e6f8ff31-7e70-3048-e414-ca1d7cd54e8c-25b76cd1 {
justify-self: center;
}
#w-node-_6d1af283-0d38-dd9f-7f5f-d96331e41095-25b76cd1 {
grid-area: 3 / 1 / 4 / 2;
}
#w-node-d4cb7ace-0de4-0dba-42f4-a9b1b7bf3788-25b76cd4 {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-de5a0723-e585-193a-4ffb-643de03401e5-25b76cd4 {
grid-area: 1 / 2 / 2 / 3;
}
#w-node-ecd04958-912a-7775-f86b-47cab19ebd2d-25b76cd5 {
justify-self: start;
}
#w-node-ec1b2582-34b9-5787-8674-3f9725a867cd-25b76cd5 {
justify-self: center;
}
#w-node-d7ca4be4-f0dd-42ed-a07f-16e41743d371-25b76cd5 {
justify-self: end;
}
#w-node-df8088c7-f6f2-6150-5646-e10e569f300d-25b76cd5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-bbcf99f8-8f62-d9e6-3603-09a0761577e9-25b76cd5 {
grid-area: 1 / 1 / 2 / 2;
justify-self: center;
}
#w-node-fbca56e8-7d15-9b7b-5a5e-03eee3e5029b-25b76cd5, #w-node-_1bfc647b-9403-1e83-de6a-1325b916b7b6-25b76cd5 {
grid-area: 2 / 1 / 3 / 2;
}
#w-node-_5d2b5df4-c111-b4b3-9491-55fc29b5ab5d-25b76cd6 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center;
}
#w-node-_2ea8d02e-072d-892f-d40e-50182981e81c-25b76cd6, #w-node-_2d797457-b397-a3da-de77-bc745fa7741d-25b76cd6 {
justify-self: center;
}
#w-node-ec70ea24-6329-ec3a-d6f7-11a2b511fb91-25b76cd7 {
justify-self: start;
}
#w-node-ec70ea24-6329-ec3a-d6f7-11a2b511fb96-25b76cd7 {
justify-self: center;
}
#w-node-ec70ea24-6329-ec3a-d6f7-11a2b511fb9b-25b76cd7 {
justify-self: end;
}
#w-node-_03897d08-0341-0d62-7a74-6317a513d124-25b76cd7 {
align-self: center;
}
}