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;
}
:where(button.w-popover-trigger) {
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
text-align: inherit;
-webkit-text-decoration: inherit;
text-decoration: inherit;
background-color: #0000;
border: 0;
margin: 0;
padding: 0;
}
.w-popover {
position-anchor: none;
}
.w-popover[popover]:not(:popover-open) {
display: none;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
pre.w-code-block code > span {
display: block !important;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
width: auto !important;
height: auto !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
width: auto;
height: auto;
font-size: inherit;
line-height: inherit;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
}
.t360 {
color: #12212d;
font-family: Inter;
line-height: 1.55;
}
.wrap {
width: min(1180px, 100% - 48px);
margin: auto;
}
.nav {
grid-column-gap: 34px;
grid-row-gap: 34px;
background-color: #fff;
border-bottom: 1px solid #dce6ec;
align-items: center;
height: 82px;
padding: 0 max(24px, 50vw - 590px);
display: flex;
}
.brand {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #0d2131;
align-items: center;
font-size: 20px;
font-weight: 800;
display: flex;
}
.btn, .btn._w-button {
color: #fff;
cursor: pointer;
background-color: #1470af;
border-radius: 9px;
justify-content: center;
padding: 14px 21px;
font-weight: 800;
display: inline-flex;
}
.small {
margin-left: auto;
padding: 11px 17px;
font-size: 13px;
}
.hero {
background-image: linear-gradient(120deg, #f6fafc, #fff);
padding: 88px 0 72px;
}
.hero-grid {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: 1.45fr .75fr;
align-items: center;
display: grid;
}
.kicker {
color: #1470af;
letter-spacing: .13em;
margin-bottom: 16px;
font-size: 12px;
font-weight: 850;
}
.lead {
color: #526271;
font-size: 20px;
}
.actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin: 30px 0;
display: flex;
}
.ghost {
color: #0d2131;
background-color: #0000;
border: 1px solid #9fb3c0;
}
.trust {
color: #49606f;
font-size: 12px;
font-weight: 750;
}
.funding {
color: #fff;
background-color: #0d2131;
border-top: 5px solid #d8ed55;
border-radius: 18px;
padding: 36px;
box-shadow: 0 24px 55px #0d213130;
}
.lime {
color: #d8ed55;
}
.section {
padding: 92px 0;
}
.soft {
background-color: #f2f7fa;
}
.title {
letter-spacing: -.035em;
font-size: 52px;
line-height: 1.08;
}
.intro {
color: #526271;
font-size: 18px;
}
.cards {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.card {
color: #12212d;
background-color: #fff;
border: 1px solid #dce6ec;
border-radius: 14px;
padding: 28px;
display: block;
}
.pain {
grid-column-gap: 13px;
grid-row-gap: 13px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.split {
grid-column-gap: 75px;
grid-row-gap: 75px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
display: grid;
}
.photo {
border-radius: 18px;
overflow: hidden;
box-shadow: 0 24px 55px #11314429;
}
.copy {
font-size: 18px;
}
.dark {
color: #fff;
background-color: #0d2131;
}
.proof {
background-color: #f2f7fa;
border-radius: 12px;
margin-top: 28px;
padding: 25px;
font-weight: 700;
}
.demo {
color: #fff;
background-color: #1470af;
padding: 90px 0;
}
.demo-grid {
grid-column-gap: 90px;
grid-row-gap: 90px;
grid-template-rows: auto;
grid-template-columns: 1fr .8fr;
display: grid;
}
.footer {
color: #fff;
background-color: #071722;
padding: 70px 0 22px;
}
.foot-grid {
grid-column-gap: 58px;
grid-row-gap: 58px;
grid-template-rows: auto;
grid-template-columns: 1.8fr .75fr .75fr 1fr;
display: grid;
}
.foot-brand {
color: #fff;
}
.whatsapp {
color: #fff;
border-left: 3px solid #25d366;
padding-left: 10px;
}
.bottom {
color: #7f929e;
border-top: 1px solid #20333f;
justify-content: space-between;
margin-top: 48px;
padding-top: 20px;
font-size: 11px;
display: flex;
}
.blog-page {
color: #102332;
background-color: #fff;
min-height: 100vh;
font-family: inherit;
}
.blog-nav {
grid-column-gap: 28px;
grid-row-gap: 28px;
background-color: #071722;
align-items: center;
min-height: 78px;
padding: 14px max(22px, 50vw - 560px);
display: flex;
}
.blog-logo {
width: 180px;
display: block;
}
.blog-links {
grid-column-gap: 22px;
grid-row-gap: 22px;
margin-left: auto;
display: flex;
}
.blog-link {
color: #eef6fa;
font-size: 14px;
font-weight: 800;
text-decoration: none;
}
.blog-wa {
color: #062e15;
background-color: #25d366;
border-radius: 8px;
padding: 11px 16px;
font-size: 13px;
font-weight: 900;
text-decoration: none;
}
.article-shell {
padding: 72px 24px;
}
.article-content {
max-width: 820px;
margin: auto;
}
.article-title {
letter-spacing: -.035em;
margin: 0 0 18px;
font-size: clamp(38px, 5vw, 62px);
line-height: 1.05;
}
.article-meta {
color: #647684;
margin-bottom: 34px;
font-size: 14px;
}
.article-body {
font-size: 18px;
line-height: 1.75;
}
.article-cta {
text-align: center;
background-color: #eef6fa;
border-radius: 14px;
margin-top: 48px;
padding: 28px;
}
.blog-footer {
color: #aebdc7;
text-align: center;
background-color: #071722;
padding: 36px 24px;
font-size: 13px;
}
.footer-link {
color: #d8ed55;
}
.article-featured-image {
object-fit: cover;
border-radius: 18px;
width: 100%;
max-height: 560px;
margin: 0 0 34px;
display: block;
}
.article-whatsapp-button {
color: #061721;
background-color: #25d366;
border-radius: 10px;
justify-content: center;
align-items: center;
margin-top: 14px;
padding: 14px 22px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.cms-card {
color: #102332;
background-color: #fff;
border: 1px solid #dbe6ec;
border-radius: 14px;
height: 100%;
text-decoration: none;
display: block;
overflow: hidden;
box-shadow: 0 10px 28px #10233214;
}
.cms-card-image {
object-fit: cover;
width: 100%;
height: 210px;
display: block;
}
.cms-card-body {
padding: 22px;
}
.cms-card-date {
color: #1470af;
letter-spacing: .06em;
text-transform: uppercase;
font-size: 12px;
font-weight: 850;
}
.cms-card-title {
margin: 10px 0 9px;
font-size: 22px;
line-height: 1.2;
}
.cms-card-summary {
color: #536674;
margin: 0 0 16px;
font-size: 14px;
line-height: 1.55;
}
.cms-card-read {
color: #1470af;
font-size: 13px;
font-weight: 850;
}
.cms-card-slug {
display: none;
}
.article-publisher {
background-color: #eef6f8;
border-left: 4px solid #2ba8df;
border-radius: 14px;
margin: 42px 0 0;
padding: 26px 28px;
}
.article-publisher-title {
color: #071c2c;
margin: 0 0 10px;
font-size: 24px;
}
.article-publisher-copy {
color: #334f60;
margin: 8px 0;
line-height: 1.65;
}
.article-publisher-link {
color: #1470af;
font-weight: 800;
}
.t360-fw-header {
z-index: 9999;
color: #fff;
background-color: #071c2c;
position: relative;
}
.t360-fw-container {
width: min(1180px, 100% - 40px);
margin: auto;
}
.t360-fw-header-row {
grid-column-gap: 28px;
grid-row-gap: 28px;
align-items: center;
min-height: 84px;
display: flex;
}
.t360-fw-brand {
flex: 0 0 168px;
align-items: center;
width: 168px;
display: flex;
}
.t360-fw-logo {
object-fit: contain;
object-position: left center;
width: 168px;
height: 60px;
display: block;
}
.t360-fw-desktop {
grid-column-gap: 26px;
grid-row-gap: 26px;
align-items: center;
margin-left: auto;
display: flex;
}
.t360-fw-navlink, .t360-fw-drop-label {
color: #f2f7fa;
white-space: nowrap;
letter-spacing: 0;
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
.t360-fw-dropdown {
padding: 30px 0;
position: relative;
}
.t360-fw-drop-menu {
background-color: #fff;
border: 1px solid #dbe6ec;
border-radius: 12px;
width: 290px;
padding: 10px;
display: none;
position: absolute;
top: 70px;
left: -18px;
box-shadow: 0 18px 45px #03101938;
}
.t360-fw-drop-item {
color: #102332;
border-radius: 7px;
padding: 10px 11px;
font-size: 13px;
font-weight: 750;
text-decoration: none;
display: block;
}
.t360-fw-demo {
color: #052d16;
white-space: nowrap;
background-color: #25d366;
border-radius: 10px;
justify-content: center;
align-items: center;
padding: 12px 18px;
font-size: 14px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.t360-fw-mobile {
margin-left: auto;
display: none;
position: relative;
}
.t360-fw-menu-button {
cursor: pointer;
border: 1px solid #ffffff4d;
border-radius: 8px;
padding: 10px 13px;
font-weight: 850;
}
.t360-fw-mobile-menu {
background-color: #fff;
border-radius: 12px;
width: 330px;
max-width: calc(100vw - 28px);
padding: 12px;
position: absolute;
top: 48px;
right: 0;
box-shadow: 0 18px 45px #03101947;
}
.t360-fw-mobile-link {
color: #102332;
padding: 9px 10px;
font-size: 14px;
font-weight: 750;
text-decoration: none;
display: block;
}
.t360-fw-mobile-label {
color: #1470af;
letter-spacing: .08em;
text-transform: uppercase;
padding: 13px 10px 5px;
font-size: 12px;
display: block;
}
.t360-fw-mobile-demo {
color: #052d16;
text-align: center;
background-color: #25d366;
border-radius: 9px;
margin-top: 8px;
padding: 11px 14px;
font-size: 14px;
font-weight: 900;
text-decoration: none;
display: block;
}
.t360-fw-footer {
color: #fff;
background-color: #041019;
padding: 58px 0 0;
}
.t360-fw-footer-grid {
grid-column-gap: 32px;
grid-row-gap: 46px;
grid-template-rows: auto;
grid-template-columns: 1.55fr repeat(4, 1fr);
display: grid;
}
.t360-fw-footer-logo {
width: 190px;
height: auto;
margin-bottom: 16px;
display: block;
}
.t360-fw-footer-copy {
color: #aebdc7;
font-size: 14px;
line-height: 1.6;
}
.t360-fw-footer-title {
color: #fff;
letter-spacing: .04em;
text-transform: none;
margin: 0 0 13px;
font-size: 14px;
font-weight: 700;
}
.t360-fw-footer-link {
color: #aebdc7;
width: max-content;
max-width: 100%;
margin: 8px 0;
font-size: 14px;
line-height: 1.5;
text-decoration: none;
display: block;
}
.t360-fw-footer-wa {
color: #fff;
border-left: 3px solid #25d366;
width: max-content;
max-width: 100%;
margin-top: 18px;
padding: 10px 14px;
font-size: 13px;
font-weight: 850;
text-decoration: none;
display: block;
}
.t360-fw-footer-bottom {
grid-column-gap: 20px;
grid-row-gap: 20px;
color: #7f929e;
border-top: 1px solid #20333f;
justify-content: space-between;
margin-top: 40px;
padding: 20px 0;
font-size: 11px;
display: flex;
}
.t360-fw-legal {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-wrap: wrap;
display: flex;
}
.t360-fw-legal-link {
color: #aebdc7;
font-size: 11px;
text-decoration: none;
}
.t360-fw-regions {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-top: 1px solid #20333f;
justify-content: center;
padding: 17px 0;
display: flex;
}
.t360-fw-region-link {
color: #aebdc7;
font-size: 13px;
font-weight: 800;
text-decoration: none;
}
.hp-proof-section {
color: #102332;
background-color: #fff;
padding: 78px 0;
}
.hp-proof-wrap {
width: min(1120px, 100% - 36px);
margin: auto;
}
.hp-proof-kicker {
color: #1470af;
letter-spacing: .13em;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
}
.hp-proof-title {
letter-spacing: -.035em;
max-width: 900px;
margin: 10px 0 16px;
font-size: clamp(36px, 4.5vw, 54px);
line-height: 1.06;
}
.hp-proof-intro {
color: #526875;
max-width: 790px;
margin: 0;
font-size: 18px;
line-height: 1.65;
}
.hp-proof-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 34px;
display: grid;
}
.hp-proof-card {
color: #102332;
background-color: #f8fbfd;
border: 1px solid #d7e3e8;
border-radius: 15px;
padding: 27px;
text-decoration: none;
transition: transform .18s, box-shadow .18s;
display: block;
}
.hp-proof-name {
color: #1470af;
letter-spacing: .1em;
font-size: 11px;
font-weight: 900;
display: block;
}
.hp-proof-card-title {
margin: 10px 0;
font-size: 22px;
line-height: 1.25;
}
.hp-proof-card-copy {
color: #526875;
margin: 0 0 18px;
font-size: 15px;
line-height: 1.55;
}
.hp-proof-link {
color: #1470af;
font-size: 13px;
}
.hp-proof-action {
text-align: center;
margin-top: 26px;
}
.hp-proof-all {
color: #1470af;
font-weight: 850;
text-decoration: none;
}
.why360 {
color: #102332;
background-color: #edf7fb;
padding: 82px 0;
}
.why360-wrap {
width: min(1120px, 100% - 36px);
margin: auto;
}
.why360-k {
color: #1470af;
letter-spacing: .13em;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
}
.why360-title {
letter-spacing: -.03em;
max-width: 880px;
margin: 12px 0 16px;
font-size: clamp(38px, 4.5vw, 56px);
line-height: 1.05;
}
.why360-intro {
color: #526875;
max-width: 800px;
margin: 0;
font-size: 18px;
line-height: 1.65;
}
.why360-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 36px;
display: grid;
}
.why360-card {
background-color: #fff;
border: 1px solid #d5e5eb;
border-radius: 14px;
padding: 27px;
}
.why360-lead {
color: #fff;
background-color: #0a2435;
border-color: #0a2435;
}
.why360-num {
color: #1470af;
letter-spacing: .1em;
margin-bottom: 14px;
font-size: 12px;
font-weight: 900;
display: block;
}
.why360-num-lead {
color: #d8ed55;
}
.why360-h3 {
margin: 0 0 10px;
font-size: 23px;
line-height: 1.2;
}
.why360-p {
color: #526875;
margin: 0;
font-size: 15px;
line-height: 1.6;
}
.why360-p-lead {
color: #d2e1e8;
}
.why360-more {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #fff;
background-color: #1470af;
border-radius: 12px;
flex-wrap: wrap;
align-items: center;
margin-top: 20px;
padding: 20px 24px;
display: flex;
}
.why360-pill {
color: #102332;
background-color: #fff;
border-radius: 20px;
padding: 7px 11px;
font-size: 13px;
font-weight: 800;
}
.nh-hero {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/6a90596391b69e3266a9a734/6a90648d3b4f3f51b24eb4d6_tipper360-business-owner-hero.png");
background-size: cover;
align-items: center;
min-height: 700px;
padding: 88px 0;
display: flex;
}
.nh-wrap {
width: min(1120px, 100% - 36px);
margin: auto;
}
.nh-hero-copy {
max-width: 720px;
}
.nh-k {
color: #1470af;
letter-spacing: .13em;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
}
.nh-k-lime {
color: #d8ed55;
}
.nh-h1 {
letter-spacing: -.045em;
margin: 14px 0 24px;
font-size: clamp(48px, 5.5vw, 76px);
line-height: 1.02;
}
.nh-hero-p {
color: #eff6f9;
max-width: 700px;
font-size: 20px;
line-height: 1.6;
}
.nh-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin: 30px 0 12px;
display: flex;
}
.nh-btn {
border-radius: 9px;
justify-content: center;
align-items: center;
padding: 14px 21px;
font-size: 15px;
font-weight: 850;
text-decoration: none;
display: inline-flex;
}
.nh-wa {
color: #062e15;
background-color: #25d366;
}
.nh-light {
color: #102332;
background-color: #fff;
}
.nh-note {
color: #d6e4ec;
font-size: 14px;
}
.nh-soft-section {
color: #102332;
background-color: #edf7fb;
padding: 78px 0;
}
.nh-system-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 34px;
display: grid;
}
.nh-system {
background-color: #fff;
border: 1px solid #d7e3e8;
border-radius: 15px;
padding-bottom: 22px;
overflow: hidden;
}
.nh-img {
object-fit: contain;
background-color: #f4f8fa;
width: 100%;
height: 240px;
padding: 12px;
display: block;
}
.nh-card-h {
margin: 20px 22px 8px;
font-size: 22px;
line-height: 1.2;
}
.nh-card-p {
color: #526875;
margin: 0 22px;
font-size: 14px;
line-height: 1.6;
}
.nh-flow {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 24px;
display: grid;
}
.nh-flow-card {
color: #fff;
background-color: #0a2435;
border-radius: 14px;
padding: 24px;
}
.nh-stepnum {
color: #d8ed55;
font-weight: 900;
}
.nh-flow-h {
margin: 12px 0 8px;
font-size: 21px;
line-height: 1.2;
}
.nh-flow-p {
color: #d2e1e8;
margin: 0;
line-height: 1.6;
}
.nh-section {
color: #102332;
background-color: #fff;
padding: 78px 0;
}
.nh-title {
letter-spacing: -.03em;
max-width: 900px;
margin: 12px 0 18px;
font-size: clamp(36px, 4.5vw, 56px);
line-height: 1.05;
}
.nh-intro {
color: #526875;
max-width: 820px;
font-size: 18px;
line-height: 1.65;
}
.nh-sector-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 32px;
display: grid;
}
.nh-sector {
color: #102332;
background-color: #fff;
border: 1px solid #d5e5eb;
border-radius: 12px;
padding: 22px;
font-weight: 850;
text-decoration: none;
display: block;
}
.nh-muted {
color: #526875;
font-size: 13px;
font-weight: 500;
}
.nh-proof {
color: #fff;
background-color: #0a2435;
padding: 26px 0;
}
.nh-proof-grid {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #315065;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.nh-proof-item {
text-align: center;
background-color: #102f43;
padding: 22px;
}
.nh-proof-strong {
color: #d8ed55;
font-size: 20px;
display: block;
}
.nh-proof-span {
color: #d2e1e8;
margin-top: 4px;
font-size: 13px;
display: block;
}
.nh-dark {
color: #fff;
background-color: #0a2435;
padding: 78px 0;
}
.nh-white {
color: #fff;
}
.nh-feature-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 32px;
display: grid;
}
.nh-feature {
background-color: #143145;
border: 1px solid #315065;
border-radius: 14px;
padding: 28px;
}
.nh-feature-h {
margin: 0 0 10px;
font-size: 23px;
}
.nh-feature-p {
color: #d2e1e8;
margin: 0;
}
.nh-start-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 30px;
display: grid;
}
.nh-start {
background-color: #edf7fb;
border-top: 4px solid #1470af;
border-radius: 10px;
padding: 22px;
font-weight: 850;
}
.nh-grant {
color: #fff;
background-color: #1470af;
padding: 44px 0;
}
.nh-grant-h {
margin: 0 0 8px;
font-size: 30px;
}
.nh-grant-p {
margin: 0 0 20px;
}
.nh-faq {
max-width: 900px;
}
.nh-cta {
color: #102332;
text-align: center;
background-color: #d8ed55;
padding: 82px 0;
}
.nh-cta-h {
letter-spacing: -.03em;
max-width: 840px;
margin: 10px auto 16px;
font-size: clamp(38px, 4.5vw, 58px);
line-height: 1.05;
}
.nh-cta-p {
max-width: 700px;
margin: 0 auto 24px;
font-size: 18px;
}
.nh-actions-center {
justify-content: center;
}
.nh-photo-section {
background-color: #edf7fb;
padding-top: 76px;
padding-bottom: 76px;
}
.nh-photo-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
margin-top: 32px;
display: grid;
}
.nh-photo-card {
background-color: #0a2435;
border-radius: 15px;
text-decoration: none;
display: block;
overflow: hidden;
}
.nh-photo-img {
object-fit: cover;
width: 100%;
height: 300px;
display: block;
}
.nh-photo-label {
color: #fff;
padding: 18px 20px;
font-size: 18px;
font-weight: 800;
}
.v4-hero {
color: #fff;
background-image: url("https://cdn.prod.website-files.com/6a90596391b69e3266a9a734/6a90648d3b4f3f51b24eb4d6_tipper360-business-owner-hero.png");
background-size: cover;
align-items: center;
min-height: 650px;
display: flex;
}
.v4-wrap {
max-width: 1180px;
margin: auto;
padding: 0 28px;
}
.v4-h1 {
max-width: 760px;
margin: 12px 0;
font-size: 58px;
line-height: 1.03;
}
.v4-sub {
margin: 12px 0;
font-size: 28px;
}
.v4-lead {
max-width: 760px;
font-size: 21px;
line-height: 1.55;
}
.v4-khero {
color: #81d7ff;
letter-spacing: .12em;
font-size: 13px;
font-weight: 800;
}
.v4-k {
color: #0877be;
letter-spacing: .12em;
font-size: 13px;
font-weight: 800;
}
.v4-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin-top: 26px;
display: flex;
}
.v4-btn {
color: #fff;
background-color: #24b35a;
border-radius: 8px;
padding: 14px 22px;
font-weight: 800;
text-decoration: none;
}
.v4-btn2 {
color: #fff;
border: 1px solid #aac0cf;
border-radius: 8px;
padding: 14px 22px;
font-weight: 800;
text-decoration: none;
}
.v4-proof {
color: #fff;
background-color: #082b46;
padding: 22px 0;
}
.v4-proofgrid {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: center;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.v4-section {
padding: 72px 0;
}
.v4-h2 {
margin: 8px 0 16px;
font-size: 40px;
line-height: 1.1;
}
.v4-h3 {
font-size: 22px;
}
.v4-p {
color: #526878;
font-size: 18px;
line-height: 1.6;
}
.v4-product {
grid-column-gap: 44px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: .72fr 1.28fr;
align-items: center;
margin-top: 34px;
display: grid;
}
.v4-img {
object-fit: contain;
border-radius: 12px;
width: 100%;
max-height: 540px;
box-shadow: 0 12px 32px #0000001f;
}
.v4-light {
background-color: #f3f7f9;
}
.v4-reasons {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
margin-top: 30px;
display: grid;
}
.v4-card {
background-color: #fff;
border: 1px solid #dce5ea;
border-radius: 12px;
padding: 22px;
}
.v4-cardh {
font-size: 19px;
}
.v4-cardp {
color: #526878;
font-size: 15px;
line-height: 1.5;
}
.v4-office {
color: #fff;
background-color: #082b46;
padding: 72px 0;
}
.v4-whiteh {
font-size: 40px;
line-height: 1.1;
}
.v4-whitep {
color: #e4eef4;
font-size: 18px;
line-height: 1.6;
}
.v4-show {
grid-column-gap: 34px;
grid-row-gap: 34px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
margin-top: 38px;
display: grid;
}
.v4-showimg {
border-radius: 10px;
width: 100%;
}
.v4-showh {
font-size: 24px;
}
.v4-sectors {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 28px;
display: grid;
}
.v4-sector {
color: #122536;
font-size: 22px;
text-decoration: none;
display: block;
}
.v4-sectorimg {
object-fit: cover;
border-radius: 4px;
width: 100%;
height: 210px;
margin-bottom: 20px;
}
.v4-compare {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin: 28px 0;
display: grid;
}
.v4-comparecard {
border-left: 4px solid #0877be;
padding: 8px 18px;
}
.v4-features {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
display: flex;
}
.v4-pill {
background-color: #e3edf2;
border-radius: 999px;
padding: 10px 15px;
font-weight: 700;
}
.v4-journey {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
margin-top: 28px;
display: grid;
}
.v4-step {
background-color: #f5f8fa;
border-top: 3px solid #0877be;
padding: 18px;
}
.v4-customers {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 28px;
display: grid;
}
.v4-customer {
background-color: #fff;
border: 1px solid #dce5ea;
border-radius: 12px;
padding: 24px;
}
.v4-faq {
border-bottom: 1px solid #d5dfe4;
padding: 18px 0;
}
.v4-cta {
color: #fff;
text-align: center;
background-color: #082b46;
padding: 72px 0;
}
.v4-wrap-1 {
max-width: 1180px;
margin: 0 auto;
padding: 0 28px;
}
.v4-proofgrid-1 {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.v4-proofitem {
text-align: center;
padding: 8px;
font-weight: 800;
}
.v4-section-1 {
background-color: #fff;
padding: 72px 0;
}
.v4-kicker {
color: #0877be;
letter-spacing: .12em;
font-size: 13px;
font-weight: 800;
}
.v4-title {
color: #122536;
margin: 8px 0 16px;
font-size: 40px;
line-height: 1.1;
}
.v4-intro {
color: #526878;
max-width: 850px;
font-size: 18px;
line-height: 1.6;
}
.v4-product-1 {
grid-column-gap: 44px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: .7fr 1.3fr;
align-items: center;
margin-top: 34px;
display: grid;
}
.v4-driver, .v4-office-1 {
background-color: #f3f7f9;
border-radius: 14px;
padding: 24px;
}
.v4-h3-1 {
color: #122536;
font-size: 22px;
}
.v4-copy {
color: #526878;
font-size: 17px;
line-height: 1.55;
}
.v4-driverimg {
object-fit: contain;
width: 100%;
max-height: 480px;
}
.v4-officeimg {
border-radius: 10px;
width: 100%;
box-shadow: 0 12px 32px #0000001f;
}
.v4-compare-1 {
background-color: #f3f7f9;
padding: 72px 0;
}
.v4c-wrap {
max-width: 1180px;
margin: 0 auto;
padding: 0 28px;
}
.v4c-kicker {
color: #0877be;
letter-spacing: .12em;
font-size: 13px;
font-weight: 800;
}
.v4c-title {
color: #122536;
margin: 8px 0 16px;
font-size: 40px;
line-height: 1.1;
}
.v4c-lead {
color: #526878;
max-width: 850px;
font-size: 18px;
line-height: 1.6;
}
.v4c-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 30px;
display: grid;
}
.v4c-card {
background-color: #fff;
border-left: 4px solid #0877be;
padding: 22px;
}
.v4c-h3 {
color: #122536;
font-size: 21px;
}
.v4c-copy {
color: #526878;
font-size: 16px;
line-height: 1.55;
}
.v4c-more {
background-color: #fff;
border-radius: 10px;
margin-top: 28px;
padding: 18px 22px;
font-size: 17px;
line-height: 1.6;
}
.v5-trust {
background-color: #f4f8fb;
padding: 72px 24px;
}
.v5-trust-wrap {
max-width: 1180px;
margin: 0 auto;
}
.v5-kicker {
color: #1470af;
letter-spacing: .12em;
margin-bottom: 12px;
font-size: 13px;
font-weight: 800;
}
.v5-title {
color: #0f172a;
max-width: 850px;
margin: 0 0 18px;
font-size: clamp(32px, 4vw, 50px);
line-height: 1.08;
}
.v5-lead {
color: #475569;
max-width: 850px;
margin: 0 0 32px;
font-size: 19px;
line-height: 1.65;
}
.v5-trust-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.v5-trust-card {
background-color: #fff;
border: 1px solid #dbe5ec;
border-radius: 16px;
padding: 26px;
}
.v5-card-title {
color: #0f172a;
margin-bottom: 10px;
font-size: 20px;
line-height: 1.25;
display: block;
}
.v5-card-copy {
color: #475569;
margin: 0;
line-height: 1.6;
}
.v5-close {
color: #334155;
max-width: 920px;
margin: 28px 0 0;
font-size: 18px;
line-height: 1.6;
}
.hp6-trust {
background-color: #eef5f8;
padding: 88px 24px;
}
.hp6-trustwrap {
max-width: 1180px;
margin: 0 auto;
}
.hp6-trustkicker {
color: #1470af;
letter-spacing: .08em;
margin: 0 0 10px;
font-size: 13px;
font-weight: 800;
}
.hp6-trusttitle {
color: #10243a;
max-width: 820px;
margin: 0 0 18px;
font-size: clamp(34px, 4vw, 52px);
line-height: 1.08;
}
.hp6-trustlead {
color: #475569;
max-width: 900px;
margin: 0 0 38px;
font-size: 20px;
line-height: 1.6;
}
.hp6-stats {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
margin: 0 0 28px;
display: grid;
}
.hp6-stat {
background-color: #fff;
border: 1px solid #d9e5eb;
border-radius: 16px;
padding: 24px;
}
.hp6-statbig {
color: #10243a;
margin: 0 0 6px;
font-size: 22px;
line-height: 1.2;
display: block;
}
.hp6-statsmall {
color: #5c6b78;
font-size: 15px;
line-height: 1.45;
display: block;
}
.hp6-callout {
color: #dbe8f0;
background-color: #0f2d46;
border-radius: 16px;
padding: 26px 28px;
font-size: 20px;
line-height: 1.55;
}
.hp6-calloutstrong {
color: #fff;
}
.hp6-callouttext {
color: #dbe8f0;
}
.hp6-stylehook {
display: none;
}
.nh-hero-1 {
background-image: linear-gradient(90deg, #07233af0 0%, #07233ab8 52%, #07233a38 100%), url("https://s3.amazonaws.com/webflow-prod-assets/6a90596391b69e3266a9a734/6a91f3fddae87ee8839e4700_tipper360-tipper-yard.webp");
background-size: cover;
min-height: 620px;
}
.hp6-product {
background-color: #f4f8fb;
border-top: 1px solid #d9e5eb;
border-bottom: 1px solid #d9e5eb;
padding: 64px 24px;
}
.hp6-wrap {
max-width: 1180px;
margin: 0 auto;
}
.hp6-intro {
max-width: 1040px;
margin: 0 0 34px;
}
.hp6-kicker {
color: #1470af;
letter-spacing: .08em;
margin: 0 0 10px;
font-size: 13px;
font-weight: 800;
}
.hp6-title {
color: #10243a;
max-width: 1040px;
margin: 0 0 16px;
font-size: clamp(34px, 3.6vw, 48px);
line-height: 1.05;
}
.hp6-lead {
color: #475569;
margin: 0;
font-size: 20px;
line-height: 1.55;
}
.hp6-productgrid {
grid-column-gap: 48px;
grid-row-gap: 32px;
border-top: 0 solid #d9e5eb;
border-bottom: 0 solid #d9e5eb;
flex-wrap: wrap;
grid-template-columns: .8fr 1.2fr;
align-items: start;
display: grid;
}
.hp6-driver {
background-color: #0000;
border-width: 0;
border-radius: 0;
flex: 0 auto;
padding: 8px 0 0;
overflow: visible;
}
.hp6-office {
background-color: #0000;
border-width: 0;
border-left-style: solid;
border-left-color: #d9e5eb;
border-radius: 0;
flex: 0 auto;
padding: 8px 0 0;
overflow: visible;
}
.hp6-copy {
max-width: 650px;
}
.hp6-label {
color: #1470af;
letter-spacing: .08em;
margin: 0 0 8px;
font-size: 12px;
font-weight: 800;
}
.hp6-cardtitle {
color: #10243a;
margin: 0 0 12px;
font-size: 28px;
line-height: 1.15;
}
.hp6-body {
color: #475569;
margin: 0 0 24px;
font-size: 17px;
line-height: 1.6;
}
.hp6-officelabel {
color: #1470af;
letter-spacing: .08em;
margin: 0 0 8px;
font-size: 12px;
font-weight: 800;
}
.hp6-officetitle {
color: #10243a;
margin: 0 0 12px;
font-size: 28px;
line-height: 1.15;
}
.hp6-officebody {
color: #475569;
margin: 0 0 24px;
font-size: 17px;
line-height: 1.6;
}
.hp6-driverimg {
object-fit: cover;
border: 0 solid #d9e5eb;
border-radius: 8px;
width: 100%;
max-width: 100%;
height: auto;
margin-top: 20px;
margin-left: 0;
margin-right: auto;
display: block;
}
.hp6-officeimg {
object-fit: cover;
background-color: #0000;
border: 0 solid #d9e5eb;
border-radius: 8px;
width: 100%;
max-width: none;
height: auto;
margin-top: 20px;
display: block;
}
.th7 {
color: #102235;
background-color: #fff;
}
.th7-wrap {
width: min(1180px, 100% - 40px);
margin: auto;
}
.th7-wrap.th7-centre.hp-proof-confidence-wrap {
text-align: left;
grid-template-columns: .72fr 1.48fr;
align-items: center;
gap: 18px 64px;
max-width: 1180px;
display: grid;
}
.th7-wrap.th7-faq {
grid-column-gap: 56px;
grid-row-gap: 40px;
grid-template-columns: .58fr 1.42fr;
align-items: start;
column-gap: 48px;
}
.th7-wrap.hp-grant-wrap {
background-color: #f8fbfd;
border-left: 3px solid #0878c9;
grid-template-columns: 1fr auto;
align-items: center;
column-gap: 28px;
max-width: 1040px;
padding: 22px 26px;
display: grid;
}
.th7-wrap.hp-final-wrap {
background-color: #fff;
border-top: 0 solid #0878c9;
border-left: 6px solid #0878c9;
grid-template-columns: 1.4fr .8fr;
align-items: center;
gap: 18px 54px;
max-width: 1180px;
padding: 40px 42px;
display: grid;
}
.th7-section {
border-top: 1px solid #edf1f4;
padding: 78px 0;
}
.th7-section.th7-soft {
background-color: #eef4f8;
border-top: 1px solid #dde7ed;
border-bottom: 1px solid #dde7ed;
}
.th7-section.th7-soft.hp-rhythm-sectors {
border-bottom: 1px solid #071b3b14;
padding-top: 92px;
padding-bottom: 88px;
}
.th7-section.th7-soft.hp-rhythm-stories {
background-color: #eaf4f9;
border-top: 1px solid #cfdee7;
border-bottom: 1px solid #cfdee7;
padding-top: 96px;
padding-bottom: 100px;
}
.th7-section.th7-navy.hp-rhythm-benefits {
border-top: 0;
padding-top: 96px;
padding-bottom: 100px;
}
.th7-section.hp-proof-confidence {
background-color: #fff;
border-top: 1px solid #d7e5ed;
border-bottom: 1px solid #d7e5ed;
padding-top: 76px;
padding-bottom: 82px;
}
.th7-section.hp-proof-confidence.hp-rhythm-proof {
background-color: #fff;
border-top: 0;
border-bottom: 1px solid #d3e5ee;
padding-top: 92px;
padding-bottom: 96px;
}
.th7-section.hp-rhythm-process {
background-color: #fff;
padding-top: 108px;
padding-bottom: 112px;
}
.th7-section.hp-rhythm-faq {
background-color: #fff;
padding-top: 64px;
padding-bottom: 72px;
}
.th7-hero {
background-color: #f5f8fb;
padding: 86px 0 72px;
display: none;
}
.th7-hero-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1.15fr .85fr;
align-items: center;
display: grid;
}
.th7-kicker {
color: #0878c9;
letter-spacing: .1em;
margin: 0 0 14px;
font-size: 13px;
font-weight: 800;
}
.th7-kicker.hp-proof-confidence-kicker {
width: 100%;
max-width: 340px;
min-height: 215px;
box-shadow: none;
color: #fff;
text-align: left;
letter-spacing: 0;
white-space: pre-line;
background-color: #0c2a3e;
border-top: 4px solid #42b8e8;
border-left: 0 solid #0878c9;
border-radius: 0;
flex-direction: column;
grid-column: 1 / 2;
justify-content: center;
margin-top: 0;
margin-bottom: 0;
padding: 30px;
font-size: 38px;
font-weight: 800;
line-height: 1.08;
display: flex;
}
.th7-kicker.hp-proof-confidence-kicker.hp-proof-anchor-type {
color: #fff;
letter-spacing: -.5px;
text-transform: none;
word-break: normal;
overflow-wrap: normal;
font-size: 40px;
font-weight: 800;
line-height: 1.08;
}
.th7-kicker.hp-final-kicker {
grid-column: 1 / 2;
margin-bottom: 8px;
}
.th7-h1 {
color: #071c2c;
letter-spacing: -.04em;
margin: 0 0 22px;
font-size: clamp(42px, 5vw, 68px);
line-height: 1.02;
}
.th7-h2 {
color: #071c2c;
letter-spacing: -.025em;
margin: 0 0 18px;
font-size: clamp(32px, 3.6vw, 48px);
line-height: 1.08;
}
.th7-h2.hp-proof-confidence-title {
color: #10283d;
grid-area: 1 / 2 / 2 / 3;
align-self: end;
max-width: 780px;
margin-bottom: 0;
font-size: 40px;
line-height: 1.1;
}
.th7-h2.hp-final-title {
grid-column: 1 / 2;
max-width: 760px;
margin-bottom: 10px;
font-size: 42px;
line-height: 1.08;
}
.th7-h3 {
color: #102235;
margin: 10px 0 12px;
font-size: 22px;
line-height: 1.25;
}
.th7-lead, .th7-intro {
color: #435466;
max-width: 820px;
font-size: 20px;
line-height: 1.6;
}
.th7-intro.th7-centred-copy.hp-proof-confidence-intro {
color: #435a6a;
grid-column: 2 / 3;
align-self: start;
max-width: 800px;
margin-bottom: 18px;
margin-left: 0;
margin-right: 0;
font-size: 18px;
line-height: 1.58;
}
.th7-copy {
line-height: 1.65;
}
.th7-copy.hp-grant-copy {
grid-column: 1 / 2;
margin-bottom: 0;
}
.th7-copy.hp-faq-answer {
color: #435a6a;
max-width: 760px;
margin-top: 12px;
margin-bottom: 2px;
padding-right: 34px;
font-size: 16px;
line-height: 1.55;
display: none;
}
.th7-actions {
grid-column-gap: 14px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin: 24px 0 14px;
display: flex;
}
.th7-actions.hp-final-actions {
flex-direction: column;
grid-area: 1 / 2 / 4 / 3;
align-items: stretch;
gap: 12px;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.th7-btn {
border-radius: 7px;
padding: 14px 20px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.th7-btn.th7-wa.hp-final-wa {
color: #071c2c;
text-align: center;
background-color: #25d366;
border-radius: 5px;
padding: 18px 22px;
font-size: 17px;
display: block;
}
.th7-btn.th7-outline {
color: #102235;
background-color: #0000;
border-color: #6f8799;
}
.th7-btn.th7-outline.hp-final-form {
text-align: center;
background-color: #fff;
border-style: solid;
border-width: 1px;
border-radius: 5px;
padding: 16px 20px;
font-size: 16px;
display: block;
}
.th7-wa {
color: #071c2c;
background-color: #25d366;
padding: 16px 24px;
font-weight: 800;
}
.th7-secondary {
color: #102235;
background-color: #fff;
border: 1px solid #9aabba;
}
.th7-outline {
color: #fff;
border: 1px solid #7790a3;
}
.th7-note {
color: #586979;
font-size: 15px;
}
.th7-hero-panel {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #fff;
background-color: #071c2c;
border-radius: 10px;
padding: 34px;
font-size: 19px;
display: grid;
}
.th7-arrow {
color: #6bbdf2;
}
.th7-centre {
text-align: center;
}
.th7-centred-copy {
margin: 0 auto 36px;
}
.th7-trust-grid {
border-top: 1px #d9e1e8;
border-bottom: 1px #d9e1e8;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
gap: 14px;
margin-top: 8px;
display: grid;
}
.th7-trust-grid.hp-proof-confidence-grid {
background-color: #0000;
border-top: 0 solid #315064;
border-bottom: 0 solid #315064;
grid-column: 1 / 3;
grid-template-columns: 1.25fr 1fr 1fr 1fr;
gap: 14px;
margin-top: 26px;
}
.th7-trust-grid.hp-proof-confidence-grid.hp-proof-editorial-grid {
border-top: 1px solid #d7e5ed;
border-bottom: 1px solid #d7e5ed;
grid-column: 1 / 3;
grid-template-columns: 1fr 1fr 1fr 1fr;
align-items: stretch;
gap: 0;
width: 100%;
margin-top: 12px;
display: grid;
}
.th7-stat {
background-color: #f4f9fc;
border-top: 4px solid #0878c9;
border-bottom: 1px solid #d9e5eb;
border-right: 1px #d9e1e8;
flex-direction: column;
justify-content: center;
min-height: 132px;
padding: 26px 22px 24px;
display: flex;
}
.th7-stat.hp-proof-confidence-stat {
color: #435a6a;
background-color: #f1f7fa;
border: 0 solid #d7e5ed;
border-top-color: #0878c9;
border-radius: 0;
justify-content: flex-start;
min-height: 150px;
padding: 24px 22px 22px;
position: relative;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-confidence-featured {
color: #fff;
background-color: #0878c9;
border-color: #70c6ef #0c2a3e #0c2a3e;
border-top-width: 0;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-confidence-featured.hp-proof-feature {
min-height: 0;
box-shadow: none;
color: #435a6a;
background-color: #fff;
border-right: 1px solid #d7e5ed;
border-radius: 0;
flex-direction: column;
grid-row: auto;
justify-content: flex-start;
padding: 28px;
display: flex;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-confidence-featured.hp-proof-feature.hp-proof-feature-copy {
color: #435a6a;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-support {
min-height: 0;
box-shadow: none;
background-color: #fff;
border-top: 0;
border-right: 1px solid #d7e5ed;
border-radius: 0;
flex-direction: column;
justify-content: flex-start;
padding: 28px;
display: flex;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-support.hp-proof-support-wide {
border-right: 0;
grid-column: auto;
min-height: 0;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-support.hp-proof-third, .th7-stat.hp-proof-confidence-stat.hp-proof-support.hp-proof-second {
border-right: 1px solid #d7e5ed;
}
.th7-stat-big {
color: #0878c9;
margin-bottom: 7px;
font-size: 25px;
line-height: 1.15;
display: block;
}
.th7-stat-big.hp-proof-confidence-big {
color: #10283d;
max-width: 240px;
margin-bottom: 12px;
font-size: 22px;
line-height: 1.2;
}
.th7-stat-big.hp-proof-confidence-big.hp-proof-confidence-featured-big {
color: #10283d;
font-size: 22px;
line-height: 1.2;
}
.th7-soft {
background-color: #f5f8fb;
}
.th7-four {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 34px;
display: grid;
}
.th7-four.hp-sector-air {
gap: 22px;
margin-top: 42px;
}
.th7-four.hp-benefit-air {
gap: 20px;
margin-top: 42px;
}
.th7-four.hp-benefit-air.hp-benefit-editorial-grid {
border-top: 1px solid #315064;
border-bottom: 1px solid #315064;
grid-template-columns: repeat(4, 1fr);
gap: 0;
display: grid;
}
.th7-three {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 34px;
display: grid;
}
.th7-three.hp-story-editorial {
align-items: stretch;
gap: 24px;
}
.th7-three.hp-story-editorial.hp-story-editorial-v2 {
grid-template-columns: repeat(3, 1fr);
align-items: stretch;
gap: 18px;
display: grid;
}
.th7-card {
color: #102235;
background-color: #fff;
border: 0 solid #d8e1e8;
border-top: 1px solid #cddbe4;
border-radius: 0;
padding: 24px;
text-decoration: none;
}
.th7-card.th7-proof-card {
border-top: 4px solid #0878c9;
flex-direction: column;
min-height: 390px;
padding: 26px 28px;
display: flex;
}
.th7-card.th7-proof-card.hp-story-feature, .th7-card.th7-proof-card.hp-story-secondary {
border-top: 3px solid #8bcbe8;
min-height: 320px;
padding: 28px 26px;
}
.th7-card.hp-sector-card {
border-top: 3px solid #0878c9;
flex-direction: column;
transition: transform .18s, border-color .18s;
display: flex;
}
.th7-card.hp-sector-card:hover {
border-top-color: #0b5f9e;
transform: translateY(-3px);
}
.th7-info {
color: #102235;
background-color: #0000;
border: 0 solid #d8e1e8;
border-top: 1px solid #cfdbe3;
padding: 24px 24px 8px 0;
text-decoration: none;
}
.th7-card-title {
color: #10243a;
margin-bottom: 8px;
font-size: 20px;
line-height: 1.25;
display: block;
}
.th7-split {
border: 1px solid #d8e1e8;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 36px;
display: grid;
}
.th7-pane {
background-color: #fff;
padding: 40px;
}
.th7-office {
color: #fff;
background-color: #071c2c;
}
.th7-label {
color: #0878c9;
letter-spacing: .1em;
font-size: 12px;
font-weight: 800;
}
.th7-white {
color: #fff;
}
.th7-journey {
grid-column-gap: 12px;
grid-row-gap: 12px;
border: 1px #d8e1e8;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
margin-top: 36px;
display: grid;
}
.th7-journey.hp-process-air {
margin-top: 44px;
}
.th7-journey.hp-process-air.hp-process-editorial {
border-top: 1px solid #cfe0e8;
grid-template-columns: repeat(6, 1fr);
gap: 0;
display: grid;
}
.th7-step {
background-color: #fff;
border-top: 4px solid #0878c9;
border-right: 1px #d8e1e8;
min-height: 330px;
padding: 28px 22px;
}
.th7-step.hp-process-step-card {
background-color: #fff;
border-top: 0;
border-bottom: 1px solid #d7e5ed;
border-right: 1px solid #d7e5ed;
grid-column: span 2;
min-height: 0;
padding: 34px 30px 38px;
}
.th7-step.hp-process-step-card.hp-process-step-wide {
grid-column: span 3;
min-height: 0;
padding-top: 38px;
padding-bottom: 38px;
}
.th7-step.hp-process-step-card.hp-process-step-wide.hp-process-last {
border-right: 0;
}
.th7-num {
color: #0878c9;
background-color: #e8f5fb;
border-radius: 50%;
place-items: center;
width: 34px;
height: 34px;
font-size: 13px;
display: inline-grid;
}
.th7-step-h {
margin: 14px 0 10px;
font-size: 20px;
line-height: 1.2;
}
.th7-step-p {
color: #536474;
font-size: 15px;
line-height: 1.55;
}
.th7-navy {
color: #fff;
background-color: #071c2c;
}
.th7-kicker-light {
color: #6bbdf2;
}
.th7-dark-card {
color: #fff;
background-color: #0000;
border: 0 solid #23445b;
border-top: 1px solid #36566d;
padding: 24px 20px 10px 0;
}
.th7-dark-card.hp-benefit-card {
background-color: #0c2a3e;
border-top-width: 3px;
border-top-color: #3da9dc;
min-height: 190px;
padding: 26px 24px 24px;
}
.th7-dark-card.hp-benefit-card.hp-benefit-primary, .th7-dark-card.hp-benefit-card.hp-benefit-secondary {
background-color: #0000;
border-top: 0;
border-right: 1px solid #315064;
min-height: 0;
padding: 30px 28px;
}
.th7-dark-card.hp-benefit-card.hp-benefit-secondary.hp-benefit-last {
border-right: 0;
}
.th7-more {
color: #0878c9;
font-weight: 750;
}
.th7-more.hp-grant-link {
white-space: nowrap;
grid-area: 1 / 2 / 3 / 3;
align-self: center;
padding: 10px 14px;
}
.th7-more.hp-dwt-link {
margin-top: 22px;
font-size: 15px;
font-weight: 750;
display: inline-block;
}
.th7-faq {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: .7fr 1.3fr;
display: grid;
}
.th7-detail {
border-top: 1px solid #ccd7df;
border-left: 3px solid #0878c9;
padding: 20px 18px;
}
.th7-detail.hp-faq-detail {
background-color: #0000;
border: 0;
border-top: 1px solid #dbe8ef;
border-radius: 0;
min-height: 0;
margin-bottom: 0;
padding: 19px 4px;
}
.th7-summary {
cursor: pointer;
font-size: 19px;
font-weight: 750;
line-height: 1.35;
}
.th7-summary.hp-faq-summary {
color: #10283d;
cursor: pointer;
padding-right: 38px;
font-size: 18px;
font-weight: 750;
line-height: 1.35;
display: block;
position: relative;
}
.th7-summary.hp-faq-summary:after {
color: #0878c9;
content: "+";
font-size: 22px;
font-weight: 500;
line-height: 1;
position: absolute;
top: 50%;
right: 2px;
transform: translateY(-50%);
}
.th7-grant {
background-color: #fff;
padding: 44px 0;
}
.th7-grant.hp-rhythm-grant {
background-color: #f2f7fa;
border-top: 1px solid #d8e5ec;
border-bottom: 1px solid #d8e5ec;
padding-top: 34px;
padding-bottom: 34px;
}
.th7-grant-h {
color: #071c2c;
max-width: 760px;
margin-bottom: 6px;
font-size: 25px;
line-height: 1.2;
}
.th7-grant-h.hp-grant-heading {
grid-area: 1 / 1 / 2 / 2;
}
.th7-final {
color: #071c2c;
background-color: #dfeef6;
border-top: 0 solid #d4e4ef;
padding: 72px 0;
}
.th7-final.hp-rhythm-final {
background-color: #dfeef6;
padding-top: 96px;
padding-bottom: 104px;
}
.th7-final-copy {
color: #435466;
max-width: 720px;
margin-bottom: 0;
font-size: 18px;
line-height: 1.5;
}
.th7-final-copy.hp-final-copy {
grid-column: 1 / 2;
}
.t360-icon-library {
display: none;
}
.t360-icon-tipper-truck, .t360-icon-driver-mobile, .t360-icon-digital-record, .t360-icon-office-system, .t360-icon-location, .t360-icon-route-gps, .t360-icon-weighed-load, .t360-icon-weighbridge, .t360-icon-photo-proof, .t360-icon-signature, .t360-icon-time, .t360-icon-search-retrieval, .t360-icon-vehicle-checks, .t360-icon-chat-support {
color: #1677c8;
width: 48px;
height: 48px;
}
.t360-icon-use {
color: #1470af;
justify-content: center;
align-items: center;
width: 52px;
height: 52px;
margin-bottom: 14px;
display: inline-flex;
}
.t360-icon-use.t360-icon-light {
color: #6bbdf2;
}
.t360-icon-svg {
width: 52px;
height: 52px;
display: block;
}
.t360-icon-master {
color: #1470af;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
display: inline-flex;
}
.t360-icon-master-svg {
fill: none;
stroke: currentColor;
stroke-width: 2.4px;
stroke-linecap: round;
stroke-linejoin: round;
width: 56px;
height: 56px;
display: block;
}
.hp6-flow {
border-top: 1px solid #d9e5eb;
border-bottom: 1px solid #d9e5eb;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin: 0 0 42px;
display: grid;
}
.hp6-flowstep {
border-right: 1px solid #d9e5eb;
padding: 24px 22px;
}
.hp6-flowicon {
align-items: center;
min-height: 58px;
margin-bottom: 10px;
display: flex;
}
.hp6-flowtitle {
color: #10243a;
margin-bottom: 6px;
font-size: 17px;
line-height: 1.3;
display: block;
}
.hp6-flowcopy {
color: #5a6a78;
font-size: 14px;
line-height: 1.5;
display: block;
}
.hp6-phoneimg {
border-radius: 8px;
width: 220px;
max-width: 72%;
height: auto;
margin: 20px auto 4px 0;
display: block;
}
.sx-title, .cd-title, .cd2-title {
max-width: 1040px;
}
.sx-intro, .cd-intro, .cd2-intro, .lead-1, .lead-1-2, .lead-1-2-3 {
max-width: 960px;
}
.rm-title {
max-width: 1040px;
}
.rm-intro, .lead-1-2-3-4 {
max-width: 960px;
}
.as-title {
max-width: 1040px;
}
.as-intro {
max-width: 960px;
}
.title-1 {
max-width: 1040px;
}
.intro-1, .lead-1-2-3-4-5 {
max-width: 960px;
}
.v4-title-1 {
max-width: 1040px;
}
.v4-intro-1 {
max-width: 960px;
}
.nh-title-1 {
max-width: 1040px;
}
.nh-intro-1 {
max-width: 960px;
}
.title-1-2 {
max-width: 1040px;
}
.intro-1-2, .lead-1-2-3-4-5-6 {
max-width: 960px;
}
.v4-title-1-2 {
max-width: 1040px;
}
.v4-intro-1-2 {
max-width: 960px;
}
.nh-title-1-2 {
max-width: 1040px;
}
.nh-intro-1-2 {
max-width: 960px;
}
.title-1-2-3 {
max-width: 1040px;
}
.intro-1-2-3, .lead-1-2-3-4-5-6-7 {
max-width: 960px;
}
.v4-title-1-2-3 {
max-width: 1040px;
}
.v4-intro-1-2-3 {
max-width: 960px;
}
.nh-title-1-2-3 {
max-width: 1040px;
}
.nh-intro-1-2-3 {
max-width: 960px;
}
.hp-proof-title-1 {
max-width: 1040px;
}
.hp-proof-intro-1 {
max-width: 960px;
}
.title-1-2-3-4 {
max-width: 1040px;
}
.intro-1-2-3-4, .lead-1-2-3-4-5-6-7-8 {
max-width: 960px;
}
.v4-title-1-2-3-4 {
max-width: 1040px;
}
.v4-intro-1-2-3-4 {
max-width: 960px;
}
.nh-title-1-2-3-4 {
max-width: 1040px;
}
.nh-intro-1-2-3-4 {
max-width: 960px;
}
.title-1-2-3-4-5 {
max-width: 1040px;
}
.intro-1-2-3-4-5, .lead-1-2-3-4-5-6-7-8-9 {
max-width: 960px;
}
.v4-title-1-2-3-4-5 {
max-width: 1040px;
}
.v4-intro-1-2-3-4-5 {
max-width: 960px;
}
.nh-title-1-2-3-4-5 {
max-width: 1040px;
}
.nh-intro-1-2-3-4-5 {
max-width: 960px;
}
.title-1-2-3-4-5-6 {
max-width: 1040px;
}
.intro-1-2-3-4-5-6, .lead-1-2-3-4-5-6-7-8-9-10 {
max-width: 960px;
}
.v4-title-1-2-3-4-5-6 {
max-width: 1040px;
}
.v4-intro-1-2-3-4-5-6 {
max-width: 960px;
}
.nh-title-1-2-3-4-5-6 {
max-width: 1040px;
}
.nh-intro-1-2-3-4-5-6 {
max-width: 960px;
}
.t360-page-wa-strip {
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: #eaf4fb;
border-bottom: 1px solid #d5e5ef;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 13px 20px;
display: flex;
}
.t360-page-wa-copy {
color: #183247;
font-size: 15px;
font-weight: 700;
}
.t360-page-wa-link {
color: #082b17;
background-color: #25d366;
border-radius: 8px;
align-items: center;
padding: 9px 14px;
font-weight: 850;
text-decoration: none;
display: inline-flex;
}
.hpdo-section {
background-color: #eaf4f9;
padding: 78px 0 82px;
}
.hpdo-section.hp-rhythm-driver {
background-color: #eaf4f9;
border-top: 1px solid #d3e5ee;
border-bottom: 0;
padding-top: 118px;
padding-bottom: 126px;
}
.hpdo-wrap {
width: min(1200px, 100% - 48px);
max-width: 1200px;
margin: 0 auto;
}
.hpdo-kicker {
color: #0878c9;
text-align: center;
letter-spacing: .13em;
margin-bottom: 12px;
font-size: 13px;
font-weight: 900;
}
.hpdo-title {
color: #10283d;
text-align: center;
letter-spacing: -.03em;
max-width: 860px;
margin: 0 auto 14px;
font-size: 46px;
line-height: 1.06;
}
.hpdo-intro {
color: #536875;
text-align: center;
max-width: 760px;
margin: 0 auto 46px;
font-size: 19px;
line-height: 1.55;
}
.hpdo-grid {
grid-column-gap: 16px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 104px minmax(0, 1fr);
align-items: start;
display: grid;
}
.hpdo-grid.hpdo-grid-art {
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: start;
gap: 56px;
display: grid;
}
.hpdo-panel {
background-color: #f8fbfd;
border: 1px solid #d9e7ee;
border-radius: 12px;
flex-direction: column;
padding: 22px;
display: block;
}
.hpdo-panel.hpdo-office-panel.hpdo-office-panel-art, .hpdo-panel.hpdo-panel-art {
box-shadow: none;
background-color: #0000;
border: 0;
border-radius: 0;
padding: 0;
}
.hpdo-label {
color: #0878c9;
letter-spacing: .12em;
margin-bottom: 8px;
font-size: 12px;
font-weight: 900;
}
.hpdo-panel-title {
color: #10283d;
margin: 0 0 10px;
font-size: 30px;
line-height: 1.08;
}
.hpdo-copy {
color: #536875;
margin: 0 0 20px;
font-size: 17px;
line-height: 1.55;
}
.hpdo-driver-visual {
min-height: 390px;
margin: 22px 0 26px;
position: relative;
overflow: visible;
}
.hpdo-driver-photo {
object-fit: cover;
border-radius: 4px;
width: 100%;
height: 360px;
display: block;
}
.hpdo-phone {
object-fit: contain;
background-color: #fff;
border: 1px solid #d7e3e9;
border-radius: 8px;
width: 30%;
max-height: 160px;
padding: 6px;
position: absolute;
bottom: 14px;
right: 14px;
}
.hpdo-points {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-top: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
gap: 18px 24px;
margin-top: 36px;
display: grid;
}
.hpdo-point {
border-bottom: 0;
padding: 10px 0;
}
.hpdo-point-title {
color: #10283d;
margin-bottom: 5px;
font-size: 17px;
font-weight: 800;
line-height: 1.25;
display: block;
}
.hpdo-point-copy {
color: #536875;
font-size: 15px;
line-height: 1.45;
display: block;
}
.hpdo-link {
color: #31566d;
text-align: center;
background-color: #e5f3f9;
border-radius: 10px;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
min-height: 190px;
padding: 18px 8px;
display: flex;
}
.hpdo-link.hpdo-link-art {
text-align: center;
background-color: #0000;
border-top: 1px solid #bfd7e3;
border-bottom: 1px solid #bfd7e3;
grid-area: 1 / 2 / 2 / 3;
align-self: center;
min-height: 230px;
padding: 24px 12px;
}
.hpdo-arrow {
color: #fff;
background-color: #0878c9;
border-radius: 50%;
place-items: center;
width: 54px;
height: 54px;
margin-bottom: 12px;
font-size: 30px;
display: none;
}
.hpdo-link-strong {
color: #10283d;
margin-bottom: 10px;
font-size: 18px;
line-height: 1.35;
}
.hpdo-link-copy {
color: #607584;
font-size: 14px;
line-height: 1.5;
}
.hpdo-office-panel {
background-color: #f8fbfd;
}
.hpdo-office-photo {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 260px;
margin: 0 0 12px;
display: block;
}
.hpdo-office-ui {
object-fit: contain;
background-color: #fff;
border: 1px solid #d9e7ee;
border-radius: 8px;
width: 100%;
height: 150px;
margin: 0 0 12px;
padding: 8px;
display: block;
}
.hpdo-office-points {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-top: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
gap: 18px 24px;
margin-top: 36px;
display: grid;
}
.th7-proof-logo {
object-fit: contain;
object-position: left center;
width: 100%;
height: 54px;
margin-bottom: 18px;
display: block;
}
.hpdo-phone-left {
object-fit: contain;
background-color: #fff;
border: 1px solid #d7e3e9;
border-radius: 3px;
width: 43%;
max-height: 280px;
padding: 7px;
position: absolute;
bottom: -26px;
left: 28px;
box-shadow: 0 14px 34px #10283d2e;
}
.hpdo-office-visual {
margin-bottom: 16px;
position: relative;
}
.hpdo-office-monitor {
object-fit: cover;
object-position: center;
border-radius: 2px;
width: 31%;
height: 34%;
position: absolute;
top: 21%;
right: 4.5%;
overflow: hidden;
}
.hpdo-office-visual2 {
border-radius: 8px;
min-height: 390px;
margin: 22px 0 26px;
position: relative;
overflow: hidden;
}
.hpdo-office-photo2 {
object-fit: cover;
border-radius: 4px;
width: 100%;
height: 360px;
display: block;
}
.hpdo-office-monitor2 {
object-fit: cover;
object-position: center top;
border-radius: 2px;
width: 64%;
height: 62%;
position: absolute;
top: 10%;
right: 2%;
box-shadow: 0 14px 34px #10283d2e;
}
.hp-faq-intro {
max-width: 340px;
padding-top: 4px;
}
.hp-faq-list {
background-color: #0000;
border: 0 solid #dbe8ef;
border-radius: 10px;
padding: 0;
}
.hp-sector-more {
color: #0878c9;
margin-top: auto;
padding-top: 16px;
font-size: 14px;
font-weight: 750;
display: block;
}
.nh-approved-subhead {
color: #fff;
margin-top: 22px;
margin-bottom: 20px;
font-size: 30px;
font-weight: 750;
line-height: 1.2;
}
.hp-proof-body {
color: #435a6a;
max-width: 240px;
font-size: 16px;
line-height: 1.5;
display: block;
}
.hp-business-benefits {
background-color: #0c2a3e;
padding: 92px 24px 96px;
}
.hp-business-benefits-wrap {
max-width: 1180px;
margin: 0 auto;
}
.hp-business-eyebrow {
color: #65c9ed;
letter-spacing: 1.6px;
margin: 0 0 14px;
font-size: 13px;
font-weight: 800;
}
.hp-business-title {
color: #fff;
max-width: 760px;
margin: 0;
font-size: 42px;
line-height: 1.1;
}
.hp-business-intro {
color: #d7e4eb;
max-width: 720px;
margin: 18px 0 44px;
font-size: 19px;
line-height: 1.55;
}
.hp-business-grid {
border-top: 1px solid #ffffff38;
border-bottom: 1px solid #ffffff38;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.hp-business-item {
border-right: 1px solid #ffffff2e;
padding: 34px 34px 36px;
position: relative;
}
.hp-business-left {
padding-left: 0;
}
.hp-business-top {
border-bottom: 1px solid #ffffff2e;
}
.hp-business-number {
color: #65c9ed;
letter-spacing: 1px;
margin: 0 0 12px;
font-size: 13px;
font-weight: 800;
}
.hp-business-item-title {
color: #fff;
margin: 0 0 12px;
font-size: 23px;
line-height: 1.2;
}
.hp-business-item-copy {
color: #c9d8e0;
max-width: 330px;
margin: 0;
font-size: 16px;
line-height: 1.55;
}
.hp-business-icon {
width: 30px;
height: 30px;
margin-bottom: 18px;
}
.hp-how-bridge {
background-color: #f4f9fc;
border-bottom: 1px solid #d7e5ed;
padding: 62px 24px 66px;
}
.hp-how-bridge-wrap {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1.15fr .85fr;
align-items: center;
max-width: 1180px;
margin: 0 auto;
display: grid;
}
.hp-how-bridge-eyebrow {
color: #0878c9;
letter-spacing: 1.5px;
margin: 0 0 12px;
font-size: 13px;
font-weight: 800;
}
.hp-how-bridge-title {
color: #10283d;
max-width: 690px;
margin: 0 0 24px;
font-size: 32px;
line-height: 1.16;
}
.hp-how-bridge-link {
color: #0878c9;
font-size: 17px;
font-weight: 700;
text-decoration: none;
}
.hp-how-bridge-visual {
background-color: #fff;
border: 1px solid #d2e2eb;
padding: 12px;
overflow: hidden;
}
.hp-how-bridge-image {
width: 100%;
height: auto;
display: block;
}
.hp-demo-final {
background-color: #d8ed55;
padding: 68px 24px 72px;
}
.hp-demo-wrap {
grid-column-gap: 52px;
grid-row-gap: 52px;
background-color: #fff;
border-left: 5px solid #0878c9;
grid-template-rows: auto;
grid-template-columns: 1.1fr .9fr;
align-items: start;
max-width: 1180px;
margin: 0 auto;
padding: 48px 52px;
display: grid;
}
.hp-demo-eyebrow {
color: #0878c9;
letter-spacing: 1.5px;
margin: 0 0 14px;
font-size: 13px;
font-weight: 800;
}
.hp-demo-title {
color: #10283d;
max-width: 650px;
margin: 0;
font-size: 42px;
line-height: 1.1;
}
.hp-demo-intro {
color: #435a6a;
max-width: 660px;
margin: 20px 0 26px;
font-size: 18px;
line-height: 1.58;
}
.hp-demo-reassure {
grid-row-gap: 0;
grid-column-gap: 0;
border-top: 1px solid #d7e5ed;
border-bottom: 1px solid #d7e5ed;
flex-wrap: wrap;
margin: 0 0 34px;
display: flex;
}
.hp-demo-reassure-item {
color: #10283d;
border-right: 1px solid #d7e5ed;
margin-right: 18px;
padding: 13px 18px 13px 0;
font-size: 14px;
font-weight: 700;
}
.hp-demo-reassure-last {
color: #10283d;
padding: 13px 0;
font-size: 14px;
font-weight: 700;
}
.hp-demo-preview {
border-top: 1px solid #d7e5ed;
border-bottom: 1px solid #d7e5ed;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.hp-demo-preview-item {
border-right: 1px solid #d7e5ed;
padding: 22px 22px 22px 0;
}
.hp-demo-preview-mid {
border-right: 1px solid #d7e5ed;
padding: 22px;
}
.hp-demo-preview-last {
padding: 22px 0 22px 22px;
}
.hp-demo-preview-label {
color: #0878c9;
letter-spacing: 1.1px;
margin-bottom: 8px;
font-size: 12px;
display: block;
}
.hp-demo-preview-copy {
color: #435a6a;
margin: 0;
font-size: 15px;
line-height: 1.48;
}
.hp-demo-convert {
padding-left: 0;
}
.hp-demo-screen {
background-color: #f8fbfd;
border: 1px solid #cfe0e8;
max-width: 100%;
margin: 0 0 22px;
padding: 6px;
overflow: hidden;
}
.hp-demo-image {
width: 100%;
height: auto;
display: block;
}
.hp-demo-side-title {
color: #10283d;
margin: 0 0 12px;
font-size: 25px;
line-height: 1.2;
}
.hp-demo-side-copy {
color: #435a6a;
margin: 0 0 22px;
font-size: 16px;
line-height: 1.55;
}
.hp-demo-wa {
color: #10283d;
text-align: center;
background-color: #25d366;
width: 100%;
padding: 16px 18px;
font-size: 15px;
font-weight: 800;
text-decoration: none;
display: block;
}
.hp-demo-wa-note {
color: #617684;
margin: 10px 0 18px;
font-size: 13px;
line-height: 1.45;
}
.hp-demo-form {
color: #0878c9;
font-size: 15px;
font-weight: 700;
text-decoration: none;
}
.hp-mid-demo {
color: #0a2435;
background-color: #eef5f8;
border-top: 0;
border-bottom: 0;
padding: 36px 24px;
}
.hp-mid-demo__wrap {
grid-column-gap: 48px;
grid-row-gap: 64px;
background-color: #fff;
border: 1px solid #d7e3e9;
border-left: 5px solid #1f86b7;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.7fr) minmax(280px, .8fr);
align-items: center;
width: min(1180px, 100%);
margin: 0 auto;
padding: 34px 36px;
display: grid;
box-shadow: 0 8px 24px #0a24350f;
}
.hp-mid-demo__eyebrow {
color: #1f86b7;
letter-spacing: .12em;
margin: 0 0 12px;
font-size: 13px;
font-weight: 700;
}
.hp-mid-demo__title {
color: #0a2435;
letter-spacing: -.025em;
max-width: 680px;
margin: 0;
font-size: clamp(28px, 2.5vw, 38px);
line-height: 1.12;
}
.hp-mid-demo__body {
color: #385264;
max-width: 660px;
margin: 14px 0 0;
font-size: 17px;
line-height: 1.5;
}
.hp-mid-demo__action {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.hp-mid-demo__button {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #0a2435;
background-color: #c7df3f;
border-radius: 6px;
justify-content: center;
align-items: center;
padding: 16px 20px;
font-size: 15px;
font-weight: 800;
line-height: 1.2;
text-decoration: none;
display: inline-flex;
}
.hp-mid-demo__reassure {
grid-column-gap: 7px;
grid-row-gap: 7px;
color: #526b7a;
flex-wrap: wrap;
margin: 14px 0 0;
font-size: 12px;
line-height: 1.45;
display: flex;
}
.hp-mid-demo__dot {
color: #9aacb6;
margin: 0 5px;
}
.cd26-page {
color: #10283d;
font-family: inherit;
}
.cd26-wrap {
width: min(1180px, 100% - 48px);
margin: 0 auto;
}
.cd26-hero {
background-color: #0c2a3e;
padding: 78px 0 82px;
overflow: hidden;
}
.cd26-hero-grid {
grid-column-gap: 58px;
grid-row-gap: 58px;
grid-template-rows: auto;
grid-template-columns: 1.04fr .96fr;
align-items: center;
display: grid;
}
.cd26-kicker-light {
color: #65c9ed;
letter-spacing: 1.5px;
margin: 0 0 16px;
font-size: 13px;
font-weight: 800;
}
.cd26-h1 {
color: #fff;
letter-spacing: -1.5px;
margin: 0;
font-size: 52px;
line-height: 1.04;
}
.cd26-hero-lead {
color: #e5f0f5;
margin: 24px 0 18px;
font-size: 19px;
line-height: 1.58;
}
.cd26-hero-proof {
color: #a9c5d4;
margin: 0 0 28px;
font-size: 15px;
font-weight: 700;
line-height: 1.5;
}
.cd26-actions {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.cd26-btn-green {
color: #10283d;
text-align: center;
background-color: #25d366;
padding: 16px 20px;
font-size: 14px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.cd26-link-light {
color: #fff;
font-size: 14px;
font-weight: 700;
text-decoration: none;
}
.cd26-hero-visual {
min-height: 460px;
position: relative;
}
.cd26-hero-photo {
object-fit: cover;
width: 100%;
height: 460px;
display: block;
}
.cd26-hero-ui {
border: 7px solid #fff;
width: 66%;
position: absolute;
bottom: -26px;
right: -3%;
box-shadow: 0 18px 40px #00000040;
}
.cd26-proof {
background-color: #fff;
border-bottom: 1px solid #d8e4ea;
}
.cd26-proof-grid {
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.cd26-proof-item {
border-right: 1px solid #d8e4ea;
padding: 24px 34px 24px 0;
}
.cd26-proof-last {
padding: 24px 0 24px 34px;
}
.cd26-proof-big {
color: #0878c9;
letter-spacing: .4px;
font-size: 16px;
display: block;
}
.cd26-proof-small {
color: #536875;
margin-top: 5px;
font-size: 14px;
display: block;
}
.cd26-reality {
background-color: #fff;
padding: 88px 0 94px;
}
.cd26-section-head {
max-width: 780px;
margin-bottom: 44px;
}
.cd26-kicker {
color: #0878c9;
letter-spacing: 1.5px;
margin: 0 0 12px;
font-size: 13px;
font-weight: 800;
}
.cd26-h2 {
color: #10283d;
letter-spacing: -.8px;
margin: 0;
font-size: 42px;
line-height: 1.12;
}
.cd26-intro {
color: #536875;
margin: 18px 0 0;
font-size: 18px;
line-height: 1.58;
}
.cd26-reality-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
align-items: start;
display: grid;
}
.cd26-reality-image {
object-fit: cover;
height: 440px;
min-height: 440px;
}
.cd26-photo {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.cd26-reality-list {
border-top: 1px solid #cbdce5;
}
.cd26-reality-row {
border-bottom: 1px solid #cbdce5;
padding: 18px 0;
}
.cd26-h3 {
color: #10283d;
margin: 0 0 7px;
font-size: 20px;
line-height: 1.25;
}
.cd26-body {
color: #536875;
margin: 0;
font-size: 16px;
line-height: 1.52;
}
.cd26-product {
background-color: #eaf4f9;
padding: 90px 0 94px;
}
.cd26-product-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
position: relative;
}
.cd26-product-side {
min-width: 0;
}
.cd26-mini {
color: #0878c9;
letter-spacing: 1.3px;
margin: 0 0 8px;
font-size: 12px;
font-weight: 800;
}
.cd26-product-title {
color: #10283d;
margin: 0 0 22px;
font-size: 28px;
line-height: 1.2;
}
.cd26-driver-visual {
height: 360px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.cd26-driver-photo {
object-fit: cover;
width: 100%;
height: 360px;
}
.cd26-phone {
object-fit: contain;
background-color: #fff;
width: 39%;
max-height: 260px;
padding: 6px;
position: absolute;
bottom: -24px;
left: 24px;
box-shadow: 0 12px 28px #10283d33;
}
.cd26-office-visual {
height: 360px;
margin-bottom: 20px;
position: relative;
overflow: hidden;
}
.cd26-office-photo {
object-fit: cover;
width: 100%;
height: 360px;
}
.cd26-dashboard {
object-fit: cover;
object-position: top;
width: 66%;
height: 60%;
position: absolute;
top: 11%;
right: 2%;
box-shadow: 0 12px 28px #10283d33;
}
.cd26-capline {
color: #405968;
margin: 0;
font-size: 15px;
line-height: 1.65;
}
.cd26-bridge {
text-align: center;
border-top: 1px solid #bcd5e1;
border-bottom: 1px solid #bcd5e1;
grid-column: 1 / 3;
padding: 20px;
}
.cd26-bridge-text {
color: #10283d;
font-size: 20px;
}
.cd26-midcta {
grid-column-gap: 28px;
grid-row-gap: 28px;
background-color: #fff;
border-left: 4px solid #0878c9;
justify-content: space-between;
align-items: center;
margin-top: 44px;
padding: 28px 30px;
display: flex;
}
.cd26-midcta-title {
font-size: 21px;
display: block;
}
.cd26-midcta-copy {
color: #536875;
margin-top: 6px;
font-size: 15px;
display: block;
}
.cd26-middle {
display: block;
}
.cd26-outcomes {
background-color: #0c2a3e;
padding: 88px 0 94px;
}
.cd26-h2-light {
color: #fff;
letter-spacing: -.8px;
margin: 0;
font-size: 42px;
line-height: 1.12;
}
.cd26-outcome-grid {
border-top: 1px solid #355267;
border-left: 1px solid #355267;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.cd26-outcome {
border-bottom: 1px solid #355267;
border-right: 1px solid #355267;
padding: 34px 38px;
}
.cd26-outcome-num {
color: #65c9ed;
margin-bottom: 22px;
font-size: 13px;
font-weight: 800;
display: block;
}
.cd26-outcome-title {
color: #fff;
margin: 0 0 10px;
font-size: 23px;
line-height: 1.2;
}
.cd26-outcome-copy {
color: #c6d8e2;
margin: 0;
font-size: 16px;
line-height: 1.55;
}
.cd26-experience {
background-color: #fff;
padding: 94px 0;
}
.cd26-experience-grid {
grid-column-gap: 66px;
grid-row-gap: 66px;
grid-template-rows: auto;
grid-template-columns: .92fr 1.08fr;
align-items: center;
display: grid;
}
.cd26-experience-title {
color: #10283d;
margin: 34px 0 10px;
font-size: 27px;
}
.cd26-body-lg {
color: #536875;
margin: 0;
font-size: 17px;
line-height: 1.62;
}
.cd26-experience-visual {
min-height: 480px;
position: relative;
}
.cd26-experience-photo {
object-fit: cover;
width: 100%;
height: 480px;
}
.cd26-experience-ui {
border: 7px solid #fff;
width: 68%;
position: absolute;
bottom: -24px;
right: -2%;
box-shadow: 0 15px 34px #10283d33;
}
.cd26-proofstory {
background-color: #f4f9fc;
padding: 90px 0 94px;
}
.cd26-story-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: .88fr 1.12fr;
align-items: center;
display: grid;
}
.cd26-story-visual {
min-height: 430px;
}
.cd26-story-image {
object-fit: cover;
width: 100%;
height: 430px;
}
.cd26-story-label {
color: #0878c9;
letter-spacing: 1.3px;
margin: 0 0 10px;
font-size: 12px;
font-weight: 800;
}
.cd26-story-title {
color: #10283d;
margin: 0 0 18px;
font-size: 30px;
line-height: 1.18;
}
.cd26-story-note {
color: #617684;
border-left: 3px solid #9bcbe1;
margin: 18px 0;
padding-left: 16px;
font-size: 14px;
line-height: 1.55;
}
.cd26-textlink {
color: #0878c9;
font-size: 15px;
font-weight: 800;
text-decoration: none;
}
.cd26-capabilities {
background-color: #fff;
padding: 90px 0 96px;
}
.cd26-cap-grid {
border-top: 1px solid #cbdce5;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.cd26-cap-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
border-bottom: 1px solid #cbdce5;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
padding: 20px 24px 20px 0;
display: grid;
}
.cd26-cap-title {
color: #10283d;
font-size: 15px;
}
.cd26-cap-copy {
color: #536875;
font-size: 14px;
line-height: 1.45;
}
.cd26-bottom {
display: block;
}
.cd26-records {
background-color: #eaf4f9;
padding: 80px 0;
}
.cd26-records-grid {
grid-column-gap: 62px;
grid-row-gap: 62px;
grid-template-rows: auto;
grid-template-columns: 1.18fr .82fr;
align-items: center;
display: grid;
}
.cd26-uk {
background-color: #fff;
border-left: 4px solid #0878c9;
padding: 32px 34px;
}
.cd26-uk-title {
color: #10283d;
margin: 0 0 12px;
font-size: 25px;
line-height: 1.2;
}
.cd26-faq {
background-color: #fff;
padding: 88px 0 94px;
}
.cd26-faq-list {
border-top: 1px solid #cbdce5;
max-width: 900px;
}
.cd26-faq-item {
border-bottom: 1px solid #cbdce5;
padding: 0;
}
.cd26-faq-q {
color: #10283d;
cursor: pointer;
padding: 22px 4px;
font-size: 18px;
font-weight: 800;
}
.cd26-faq-a {
color: #536875;
margin: 0;
padding: 0 36px 22px 4px;
font-size: 16px;
line-height: 1.58;
}
.cd26-demo {
background-color: #d8ed55;
padding: 68px 0 72px;
}
.cd26-demo-box {
grid-column-gap: 52px;
grid-row-gap: 52px;
background-color: #fff;
border-left: 5px solid #0878c9;
grid-template-rows: auto;
grid-template-columns: 1.1fr .9fr;
align-items: center;
padding: 48px 52px;
display: grid;
}
.cd26-demo-title {
color: #10283d;
letter-spacing: -.6px;
margin: 0;
font-size: 38px;
line-height: 1.12;
}
.cd26-demo-copy {
color: #536875;
margin: 20px 0 24px;
font-size: 18px;
line-height: 1.58;
}
.cd26-demo-points {
border-top: 1px solid #d7e5ed;
border-bottom: 1px solid #d7e5ed;
margin-bottom: 26px;
display: flex;
}
.cd26-demo-point {
color: #10283d;
border-right: 1px solid #d7e5ed;
margin-right: 16px;
padding: 12px 16px 12px 0;
font-size: 13px;
font-weight: 800;
}
.cd26-demo-last {
color: #10283d;
padding: 12px 0;
font-size: 13px;
font-weight: 800;
}
.cd26-demo-btn {
margin-bottom: 14px;
display: block;
}
.cd26-form-link {
color: #0878c9;
font-size: 14px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.cd26-demo-visual {
flex-direction: column;
justify-content: center;
min-width: 0;
display: flex;
}
.cd26-demo-visual.ap30-form-host {
background-color: #0000;
min-height: 0;
padding: 0;
display: block;
}
.cd26-demo-image {
border: 1px solid #cbdce5;
width: 100%;
max-width: 100%;
display: block;
}
.cd26-demo-caption {
color: #536875;
margin: 12px 0 0;
font-size: 14px;
line-height: 1.5;
}
.agg26-reality-grid-fix {
grid-template-columns: .78fr 1.22fr;
align-items: start;
gap: 46px;
}
.agg26-reality-image-fix {
object-fit: cover;
border-radius: 10px;
width: 100%;
height: 430px;
min-height: 430px;
}
.agg26-product-visual-fix {
border-radius: 10px;
position: relative;
overflow: hidden;
}
.agg26-product-image-fix {
object-fit: cover;
width: 100%;
height: 360px;
display: block;
}
.mannok {
color: #102332;
font-family: inherit;
line-height: 1.55;
}
.mw {
width: min(1160px, 100% - 42px);
margin: auto;
}
.mw.intro-1-2-3-4-5-6-7 {
grid-column-gap: 56px;
grid-row-gap: 40px;
grid-template-columns: .8fr 1.2fr;
align-items: start;
}
.back {
background-color: #f2f6f7;
border-bottom: 1px solid #dbe5e9;
padding: 18px 0;
}
.backlink {
color: #0b6f9d;
font-size: 14px;
font-weight: 800;
text-decoration: none;
}
.mh {
color: #fff;
background-color: #0b2638;
padding: 72px 0 64px;
}
.mhg {
grid-column-gap: 54px;
grid-row-gap: 54px;
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
align-items: center;
display: grid;
}
.tag {
color: #d8ed55;
letter-spacing: .13em;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
}
.tag.blue {
border-left: 3px solid #d8ed55;
width: auto;
padding-left: 10px;
line-height: 1.2;
display: inline-block;
}
.blue {
color: #0b6f9d;
}
.mhh1 {
letter-spacing: -.04em;
margin: 14px 0 20px;
font-size: clamp(42px, 5.5vw, 66px);
line-height: 1.02;
}
.lead-1-2-3-4-5-6-7-8-9-10-11 {
color: #d6e4ea;
margin: 0;
font-size: 20px;
}
.herocard {
background-color: #fff;
border-radius: 18px;
overflow: hidden;
box-shadow: 0 18px 45px #00131f55;
}
.photo-1 {
object-fit: cover;
width: 100%;
height: 290px;
display: block;
}
.brand-1 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: center;
padding: 22px 24px;
display: flex;
}
.brandimg {
object-fit: contain;
width: 150px;
max-height: 65px;
}
.brandsub {
color: #5b6b75;
text-align: right;
font-size: 13px;
font-weight: 800;
}
.facts {
background-color: #fff;
border-bottom: 1px solid #dce6ea;
}
.factgrid {
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.fact {
border-right: 1px solid #dce6ea;
padding: 25px 28px;
}
.factstrong {
color: #0b6f9d;
font-size: 26px;
display: block;
}
.factspan {
color: #5a6c77;
font-size: 14px;
}
.sec {
padding: 64px 0;
}
.soft-1 {
background-color: #f2f6f7;
}
.intro-1-2-3-4-5-6-7 {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: .78fr 1.22fr;
display: grid;
}
.sech2 {
letter-spacing: -.02em;
max-width: 680px;
margin: 12px 0 18px;
font-size: clamp(30px, 3.1vw, 42px);
line-height: 1.12;
}
.bodyp {
color: #425967;
font-size: 17px;
}
.problem {
color: #102332;
margin-top: 0;
font-size: 22px;
font-weight: 750;
}
.visual {
grid-column-gap: 42px;
grid-row-gap: 42px;
grid-template-rows: auto;
grid-template-columns: 1.05fr .95fr;
align-items: center;
display: grid;
}
.relevance {
grid-column-gap: 54px;
grid-row-gap: 54px;
grid-template-rows: auto;
grid-template-columns: .9fr 1.1fr;
align-items: center;
display: grid;
}
.visualimg {
border-radius: 16px;
width: 100%;
display: block;
}
.ticks {
margin: 20px 0 0;
padding: 0;
list-style: none;
}
.tick {
color: #425967;
border-bottom: 1px solid #d5e1e6;
padding: 12px 0 12px 32px;
font-size: 17px;
position: relative;
}
.outcomes {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 30px;
display: grid;
}
.out {
background-color: #fff;
border: 1px solid #d8e4e9;
border-radius: 14px;
padding: 26px;
}
.outh3 {
margin: 0 0 8px;
font-size: 21px;
}
.proofbox {
color: #fff;
background-color: #0b2638;
border-radius: 16px;
margin-top: 34px;
padding: 30px;
}
.proofh3 {
color: #d8ed55;
margin: 0 0 10px;
font-size: 25px;
}
.proofp {
color: #d6e4ea;
margin: 0;
font-size: 17px;
}
.note {
color: #70818b;
font-size: 13px;
}
.ctam {
text-align: center;
background-color: #d8ed55;
padding: 66px 0;
}
.ctah2 {
margin: 0 0 12px;
font-size: clamp(32px, 3.5vw, 44px);
line-height: 1.1;
}
.ctap {
max-width: 620px;
margin: 0 auto 24px;
font-size: 18px;
}
.buttons {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.btnm {
color: #fff;
background-color: #0b2638;
border-radius: 9px;
padding: 14px 20px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.alt {
color: #102332;
background-color: #fff;
border: 1px solid #b9cb65;
}
.csx {
color: #102332;
font-family: inherit;
line-height: 1.55;
}
.csx-wrap {
width: min(1160px, 100% - 40px);
margin: 0 auto;
}
.csx-hero {
color: #fff;
background-color: #0b2638;
padding: 86px 0;
}
.csx-kicker {
color: #d8ed55;
letter-spacing: .13em;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
}
.csx-h1 {
letter-spacing: -.04em;
max-width: 950px;
margin: 14px 0 20px;
font-size: clamp(42px, 6vw, 72px);
line-height: 1.02;
}
.csx-lead {
color: #d6e4ea;
max-width: 790px;
margin: 0;
font-size: 20px;
}
.csx-proof {
background-color: #fff;
border-bottom: 1px solid #d8e4e9;
}
.csx-proofgrid {
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
display: grid;
}
.csx-proofitem {
border-right: 1px solid #d8e4e9;
padding: 25px 22px;
}
.csx-proofstrong {
color: #0d6f9d;
font-size: 25px;
display: block;
}
.csx-proofspan {
color: #61737d;
font-size: 13px;
display: block;
}
.csx-section {
background-color: #f4f7f8;
padding: 80px 0;
}
.csx-h2 {
margin: 0 0 38px;
font-size: clamp(32px, 4vw, 48px);
line-height: 1.08;
}
.csx-cards {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(290px, 1fr));
display: grid;
}
.csx-card {
background-color: #fff;
border: 1px solid #d9e4e8;
border-radius: 16px;
overflow: hidden;
box-shadow: 0 14px 40px #10233214;
}
.csx-photo {
object-fit: cover;
background-color: #dfe8ec;
width: 100%;
height: 225px;
}
.csx-cardbody {
padding: 24px;
}
.csx-logo {
max-width: 150px;
max-height: 58px;
margin-bottom: 18px;
}
.csx-h3 {
margin: 9px 0 13px;
font-size: 29px;
line-height: 1.1;
}
.csx-p {
color: #536873;
font-size: 16px;
}
.csx-link {
color: #0b2638;
margin-top: 8px;
font-weight: 900;
text-decoration: none;
display: inline-block;
}
.csx-cta {
text-align: center;
background-color: #d8ed55;
padding: 72px 0;
}
.csx-ctah {
max-width: 800px;
margin: 0 auto 12px;
font-size: clamp(34px, 5vw, 55px);
line-height: 1.06;
}
.csx-ctap {
font-size: 18px;
}
.csx-btn {
color: #fff;
background-color: #0b2638;
border-radius: 9px;
padding: 14px 21px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.case2 {
color: #102332;
font-family: inherit;
line-height: 1.55;
}
.case2-wrap {
width: min(1160px, 100% - 40px);
margin: 0 auto;
}
.case2-back {
background-color: #eef4f6;
padding: 16px 0;
}
.case2-backlink {
color: #0d6f9d;
font-weight: 900;
text-decoration: none;
}
.case2-hero {
color: #fff;
background-color: #0b2638;
padding: 82px 0;
}
.case2-herogrid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
align-items: center;
display: grid;
}
.case2-kicker {
color: #d8ed55;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
}
.case2-kicker.dark {
color: #0878c9;
background-color: #0000;
border-left: 3px solid #d8ed55;
width: auto;
padding: 0 0 0 10px;
line-height: 1.2;
display: inline-block;
}
.case2-h1 {
letter-spacing: -.04em;
margin: 12px 0 20px;
font-size: clamp(42px, 6vw, 68px);
line-height: 1.02;
}
.case2-lead {
color: #d4e3ea;
max-width: 760px;
font-size: 20px;
}
.case2-mark {
background-color: #fff;
border-radius: 16px;
place-items: center;
min-height: 220px;
padding: 34px;
display: grid;
}
.case2-logo {
max-width: 240px;
max-height: 120px;
}
.case2-facts {
background-color: #fff;
border-bottom: 1px solid #d8e4e9;
}
.case2-factgrid {
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
display: grid;
}
.case2-fact {
padding: 24px;
}
.case2-factstrong {
color: #0d6f9d;
font-size: 27px;
display: block;
}
.case2-factspan {
color: #61737d;
font-size: 13px;
}
.case2-sec {
padding: 64px 0;
}
.case2-soft {
background-color: #f2f6f7;
}
.case2-split {
grid-column-gap: 56px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
align-items: start;
display: grid;
}
.case2-imggrid, .case2-callgrid {
grid-column-gap: 54px;
grid-row-gap: 54px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
align-items: start;
display: grid;
}
.case2-h2 {
letter-spacing: -.02em;
max-width: 680px;
margin: 12px 0 18px;
font-size: clamp(30px, 3.1vw, 42px);
line-height: 1.12;
}
.case2-p {
color: #536873;
font-size: 18px;
}
.case2-img {
border: 1px solid #d8e4e9;
border-radius: 14px;
width: 100%;
}
.case2-list {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: grid;
}
.case2-listitem {
background-color: #fff;
border: 1px solid #d8e4e9;
border-radius: 10px;
padding: 18px;
}
.case2-liststrong {
font-size: 18px;
display: block;
}
.case2-listspan {
color: #61737d;
margin-top: 4px;
display: block;
}
.case2-call {
color: #fff;
background-color: #0b2638;
border-radius: 14px;
padding: 28px;
}
.case2-callh {
color: #d8ed55;
margin: 0 0 10px;
font-size: 27px;
}
.case2-callp {
color: #fff;
font-size: 18px;
}
.case2-note {
color: #c2d0d7;
font-size: 13px;
}
.case2-cta {
text-align: center;
background-color: #d8ed55;
padding: 70px 0;
}
.case2-ctah {
max-width: 800px;
margin: 0 auto 12px;
font-size: clamp(32px, 3.5vw, 44px);
line-height: 1.1;
}
.case2-ctap {
font-size: 18px;
}
.case2-btn {
color: #fff;
background-color: #0b2638;
border-radius: 9px;
padding: 14px 21px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.moy2 {
color: #102332;
font-family: inherit;
line-height: 1.55;
}
.moy2-wrap {
width: min(1160px, 100% - 40px);
margin: 0 auto;
}
.moy2-back {
background-color: #eef4f6;
padding: 16px 0;
}
.moy2-backlink {
color: #0d6f9d;
font-weight: 900;
text-decoration: none;
}
.moy2-hero {
color: #fff;
background-color: #0b2638;
padding: 82px 0;
}
.moy2-herogrid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
align-items: center;
display: grid;
}
.moy2-kicker {
color: #d8ed55;
letter-spacing: .12em;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
}
.moy2-kicker.dark {
color: #0878c9;
background-color: #0000;
border-left: 3px solid #d8ed55;
width: auto;
padding: 0 0 0 10px;
line-height: 1.2;
display: inline-block;
}
.moy2-h1 {
letter-spacing: -.04em;
margin: 12px 0 20px;
font-size: clamp(42px, 6vw, 68px);
line-height: 1.02;
}
.moy2-lead {
color: #d4e3ea;
max-width: 760px;
font-size: 20px;
}
.moy2-mark {
background-color: #fff;
border-radius: 16px;
place-items: center;
min-height: 220px;
padding: 34px;
display: grid;
}
.moy2-logo {
max-width: 240px;
max-height: 120px;
}
.moy2-facts {
background-color: #fff;
border-bottom: 1px solid #d8e4e9;
}
.moy2-factgrid {
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
display: grid;
}
.moy2-fact {
padding: 24px;
}
.moy2-factstrong {
color: #0d6f9d;
font-size: 27px;
display: block;
}
.moy2-factspan {
color: #61737d;
font-size: 13px;
}
.moy2-sec {
padding: 64px 0;
}
.moy2-soft {
background-color: #f2f6f7;
}
.moy2-split {
grid-column-gap: 56px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
align-items: start;
display: grid;
}
.moy2-imggrid, .moy2-productgrid {
grid-column-gap: 54px;
grid-row-gap: 54px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
align-items: center;
display: grid;
}
.moy2-h2 {
letter-spacing: -.02em;
max-width: 680px;
margin: 12px 0 18px;
font-size: clamp(30px, 3.1vw, 42px);
line-height: 1.12;
}
.moy2-p {
color: #536873;
font-size: 18px;
}
.moy2-img {
border-radius: 14px;
width: 100%;
}
.moy2-product {
border: 1px solid #d8e4e9;
border-radius: 14px;
width: 100%;
}
.moy2-list {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: grid;
}
.moy2-listitem {
background-color: #fff;
border: 1px solid #d8e4e9;
border-radius: 10px;
padding: 18px;
}
.moy2-liststrong {
font-size: 18px;
display: block;
}
.moy2-listspan {
color: #61737d;
margin-top: 4px;
display: block;
}
.moy2-quote {
color: #fff;
background-color: #0b2638;
padding: 72px 0;
}
.moy2-quotegrid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
align-items: center;
display: grid;
}
.moy2-quoteh {
margin: 12px 0;
font-size: clamp(30px, 3vw, 40px);
line-height: 1.12;
}
.moy2-quoteby {
color: #d2e0e6;
}
.moy2-call {
background-color: #123247;
border: 1px solid #315064;
border-radius: 14px;
padding: 26px;
}
.moy2-callh {
color: #d8ed55;
margin: 0 0 10px;
font-size: 24px;
}
.moy2-callp {
color: #fff;
font-size: 17px;
}
.moy2-cta {
text-align: center;
background-color: #d8ed55;
padding: 70px 0;
}
.moy2-ctah {
max-width: 800px;
margin: 0 auto 12px;
font-size: clamp(32px, 3.5vw, 44px);
line-height: 1.1;
}
.moy2-ctap {
font-size: 18px;
}
.moy2-btn {
color: #fff;
background-color: #0b2638;
border-radius: 9px;
padding: 14px 21px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.how-demo-final {
background-color: #d8ed55;
padding: 68px 24px 72px;
}
.how-demo-wrap {
grid-column-gap: 52px;
grid-row-gap: 52px;
background-color: #fff;
border-left: 5px solid #0878c9;
grid-template-columns: 1.1fr .9fr;
align-items: center;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
padding: 48px 52px;
display: grid;
}
.how-demo-eyebrow {
color: #0878c9;
letter-spacing: 1.2px;
margin-top: 0;
margin-bottom: 12px;
font-size: 13px;
font-weight: 800;
}
.how-demo-title {
color: #10283d;
letter-spacing: -.6px;
margin-top: 0;
margin-bottom: 0;
font-size: 38px;
line-height: 1.12;
}
.how-demo-intro {
color: #536875;
margin-top: 20px;
margin-bottom: 24px;
font-size: 18px;
line-height: 1.58;
}
.how-demo-points {
border-top: 1px solid #d7e5ed;
border-bottom: 1px solid #d7e5ed;
margin-bottom: 26px;
display: flex;
}
.how-demo-point {
color: #10283d;
border-right: 1px solid #d7e5ed;
margin-right: 16px;
padding-top: 12px;
padding-bottom: 12px;
padding-right: 16px;
font-size: 13px;
font-weight: 800;
}
.how-demo-last {
color: #10283d;
padding-top: 12px;
padding-bottom: 12px;
font-size: 13px;
font-weight: 800;
}
.how-demo-wa {
color: #052d16;
text-align: center;
background-color: #25d366;
margin-bottom: 14px;
padding: 15px 18px;
font-weight: 800;
text-decoration: none;
display: block;
}
.how-demo-form {
color: #0878c9;
font-weight: 700;
text-decoration: none;
}
.how-demo-visual {
flex-direction: column;
justify-content: center;
min-width: 0;
display: flex;
}
.how-demo-image {
border: 1px solid #cbdce5;
width: 100%;
max-width: 100%;
display: block;
}
.how-demo-caption {
color: #536875;
margin-top: 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 1.5;
}
.how-demo-copycol {
min-width: 0;
}
.paperless-journey {
background-color: #f3f7fa;
}
.pj-kicker {
color: #1470af;
}
.pj-card {
background-color: #fff;
border-color: #d8e4e9;
box-shadow: 0 10px 28px #0a243512;
}
.pj-icon {
box-shadow: none;
color: #1470af;
background-color: #eaf4fb;
border: 1px solid #d7e8f2;
}
.pj-step {
color: #1470af;
}
.pj-benefit {
color: #1470af;
background-color: #edf5fa;
}
.pj-close {
color: #fff;
background-color: #0a2435;
}
.pj-color-override-marker {
display: none;
}
.hero2 {
background-image: linear-gradient(90deg, #0a2435 0% 58%, #0a2435ed 66%, #0a24352e 100%), url("https://s3.amazonaws.com/webflow-prod-assets/6a90596391b69e3266a9a734/6a91f3fc12dbba1ab303b014_tipper360-driver-quarry-app.webp");
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.hero-image-css-patch {
display: none;
}
.hpdo-outcome {
color: #10283d;
border-top: 2px solid #1b75bb;
margin-top: 18px;
padding-top: 16px;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
}
.d360 {
color: #102332;
line-height: 1.55;
}
.d360-wrap {
width: min(1160px, 100% - 44px);
margin: auto;
}
.d360-hero {
color: #fff;
background-color: #0a2435;
padding: 74px 0 70px;
}
.d360-grid2 {
grid-column-gap: 44px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(380px, .9fr);
align-items: center;
display: grid;
}
.d360-kicker {
color: #1470af;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
}
.d360-kicker-light {
color: #d8ed55;
}
.d360-h1 {
letter-spacing: -.045em;
margin: 13px 0 22px;
font-size: clamp(46px, 4.8vw, 67px);
line-height: 1.02;
}
.d360-h2 {
letter-spacing: -.035em;
max-width: 900px;
margin: 10px 0 14px;
font-size: clamp(36px, 4.5vw, 56px);
line-height: 1.05;
}
.d360-h3 {
margin: 10px 0 8px;
font-size: 21px;
line-height: 1.2;
}
.d360-white {
color: #fff;
}
.d360-lead {
color: #d5e4eb;
max-width: 700px;
font-size: 20px;
}
.d360-proof {
grid-column-gap: 24px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 25px;
font-weight: 850;
display: flex;
}
.d360-proofitem {
display: inline-block;
}
.d360-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 30px;
display: flex;
}
.d360-actions-center {
justify-content: center;
}
.d360-btn {
color: #102332;
background-color: #d8ed55;
border-radius: 9px;
padding: 14px 20px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.d360-btn-alt {
background-color: #fff;
}
.d360-btn-dark {
color: #fff;
background-color: #0a2435;
}
.d360-img {
border-radius: 20px;
width: 100%;
display: block;
}
.d360-sec {
padding: 78px 0;
}
.d360-soft {
background-color: #f1f7f9;
}
.d360-dark {
color: #fff;
background-color: #0a2435;
}
.d360-intro {
color: #536875;
max-width: 900px;
font-size: 19px;
}
.d360-benefit {
margin-top: 22px;
font-size: 24px;
font-weight: 900;
}
.d360-steps {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
margin-top: 38px;
display: grid;
}
.d360-card {
background-color: #fff;
border: 1px solid #d9e5ea;
border-radius: 16px;
padding: 24px 20px;
box-shadow: 0 9px 25px #0a24350d;
}
.d360-smallblue {
color: #1470af;
letter-spacing: .08em;
font-size: 12px;
}
.d360-smallgreen {
color: #53651a;
letter-spacing: .08em;
font-size: 12px;
}
.d360-cardp {
color: #607588;
margin: 0;
font-size: 15px;
}
.d360-done {
color: #fff;
text-align: center;
background-color: #0a2435;
border-radius: 13px;
margin-top: 28px;
padding: 22px;
font-size: 25px;
font-weight: 950;
}
.d360-compare {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: 1.2fr .8fr;
margin-top: 34px;
display: grid;
}
.d360-paper {
color: #102332;
background-color: #fff;
border-radius: 18px;
padding: 34px;
}
.d360-tipper {
color: #102332;
text-align: center;
background-color: #d8ed55;
border-radius: 18px;
padding: 34px;
}
.d360-flow {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-direction: column;
margin-top: 18px;
font-size: 18px;
display: flex;
}
.d360-tipperp {
font-size: 16px;
}
.d360-arrow {
font-size: 28px;
font-weight: 900;
}
.d360-complete {
font-size: clamp(34px, 4.6vw, 58px);
line-height: 1;
display: block;
}
.d360-officealready {
margin: 14px 0 10px;
font-size: 27px;
}
.d360-scale {
text-align: center;
padding: 64px 20px;
}
.d360-scaleh {
max-width: 980px;
margin: 0 auto 12px;
font-size: clamp(38px, 5vw, 62px);
line-height: 1.05;
}
.d360-scalep {
color: #536875;
font-size: 20px;
}
.d360-scale-btn {
color: #fff;
background-color: #0a2435;
border-radius: 9px;
margin-top: 18px;
padding: 13px 19px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.d360-office {
grid-column-gap: 45px;
grid-row-gap: 45px;
grid-template-rows: auto;
grid-template-columns: .8fr 1.2fr;
align-items: center;
margin-top: 32px;
display: grid;
}
.d360-checks {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.d360-check {
font-weight: 850;
}
.d360-officeclose {
margin-top: 28px;
font-size: 27px;
}
.d360-retrieve {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 30px;
display: grid;
}
.d360-retrievepaper {
background-color: #fff;
border: 1px solid #d9e5ea;
border-radius: 15px;
padding: 27px;
}
.d360-retrievetipper {
color: #fff;
background-color: #0a2435;
border-radius: 15px;
padding: 27px;
}
.d360-retrievelabel {
letter-spacing: .1em;
margin-bottom: 8px;
font-size: 12px;
display: block;
}
.d360-retrievestrong {
font-size: 28px;
}
.d360-offline {
background-color: #eaf6fb;
border-left: 4px solid #1470af;
border-radius: 8px;
margin-top: 24px;
padding: 15px 18px;
font-weight: 750;
}
.d360-phone {
object-fit: contain;
width: 100%;
max-height: 540px;
}
.d360-center {
text-align: center;
}
.d360-centered {
margin-left: auto;
margin-right: auto;
}
.d360-centerp {
color: #536875;
max-width: 850px;
margin: auto;
font-size: 20px;
}
.d360-setup {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 34px;
display: grid;
}
.d360-setupcard {
background-color: #143145;
border: 1px solid #315065;
border-radius: 15px;
padding: 26px;
}
.d360-darkp {
color: #cbdce5;
}
.d360-hours {
text-align: center;
margin-top: 42px;
}
.d360-hourstrong {
color: #d8ed55;
font-size: clamp(58px, 9vw, 112px);
line-height: .9;
display: block;
}
.d360-hourspan {
margin-top: 14px;
font-size: 23px;
font-weight: 900;
display: block;
}
.d360-cta {
text-align: center;
background-color: #d8ed55;
padding: 78px 20px;
}
.d360-ctah {
max-width: 850px;
margin: 0 auto 15px;
font-size: clamp(40px, 5vw, 60px);
line-height: 1.05;
}
.d360-ctap {
max-width: 760px;
margin: 0 auto;
font-size: 19px;
}
.dhero-approved {
color: #fff;
background-color: #092838;
border-radius: 0 0 48px 48px;
max-width: 1200px;
min-height: 470px;
margin: 0 auto 54px;
position: relative;
overflow: hidden;
}
.dhero-bg {
background-image: url("https://s3.amazonaws.com/webflow-prod-assets/6a90596391b69e3266a9a734/6aa048265ec3f06b64343b29_wide_outdoor_construction_quarry_scene_with_lots_o(1).png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0;
}
.dhero-shade {
background: linear-gradient(90deg, #04223238 0%, #04223214 38%, #04223200 58%);
position: absolute;
inset: 0;
}
.dhero-content {
z-index: 3;
width: 50%;
padding: 58px 0 42px 38px;
position: relative;
}
.dhero-kicker {
color: #d9ee42;
letter-spacing: .08em;
margin-bottom: 14px;
font-size: 12px;
font-weight: 800;
}
.dhero-title {
color: #fff;
letter-spacing: -.035em;
margin: 0 0 20px;
font-size: 43px;
font-weight: 800;
line-height: 1.02;
}
.dhero-lead {
color: #e8f0f2;
max-width: 540px;
margin: 0 0 22px;
font-size: 15px;
line-height: 1.45;
}
.dhero-proof {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-wrap: wrap;
margin-bottom: 24px;
font-size: 11px;
display: none;
}
.dhero-proofitem {
white-space: nowrap;
}
.dhero-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
align-items: center;
display: flex;
}
.dhero-primary {
color: #102b35;
background-color: #d8e936;
border-radius: 5px;
padding: 12px 16px;
font-size: 11px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.dhero-secondary {
color: #152d36;
background-color: #f4f5f3;
border-radius: 5px;
padding: 12px 16px;
font-size: 11px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.dhero-phone {
z-index: 4;
color: #17313b;
background-color: #f7f8f6;
border: 6px solid #1b2730;
border-radius: 19px;
width: 112px;
padding: 10px 8px 12px;
font-size: 9px;
display: none;
position: absolute;
bottom: 42px;
right: 31%;
transform: rotate(-2deg);
box-shadow: 0 12px 30px #00000047;
}
.dhero-phonehead {
margin-bottom: 8px;
font-size: 10px;
font-weight: 800;
}
.dhero-done {
float: right;
background-color: #52cf80;
border-radius: 8px;
padding: 2px 4px;
font-size: 6px;
}
.dhero-phonelines {
color: #174a37;
padding-top: 8px;
line-height: 2;
}
.dhero-card {
z-index: 4;
color: #17313b;
background-color: #f8f9f7f5;
border-radius: 18px;
width: 190px;
min-height: 330px;
padding: 17px;
font-size: 12px;
display: none;
position: absolute;
top: 55px;
right: 24px;
box-shadow: 0 14px 36px #0000003d;
}
.dhero-cardtop {
justify-content: space-between;
align-items: center;
margin-bottom: 18px;
display: flex;
}
.dhero-status {
background-color: #5bd58a;
border-radius: 9px;
padding: 3px 7px;
font-size: 8px;
}
.dhero-row {
border-top: 1px solid #dbe2e3;
margin: 10px 0;
padding-top: 10px;
line-height: 1.3;
}
.dhero-date {
border-top: 1px solid #dbe2e3;
padding-top: 10px;
font-size: 10px;
}
.drfix-body {
color: #102b35;
background-color: #fff;
}
.drfix-section {
background-color: #fff;
padding: 56px 24px;
}
.drfix-flow {
padding-top: 58px;
}
.drfix-wrap {
max-width: 1160px;
margin: 0 auto;
}
.drfix-wrap.drfix-grid {
grid-column-gap: 44px;
grid-row-gap: 32px;
grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
}
.drfix-grid {
grid-column-gap: 54px;
grid-row-gap: 54px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
align-items: center;
display: grid;
}
.drfix-copy {
min-width: 0;
}
.drfix-kicker {
color: #1f7d91;
letter-spacing: .08em;
margin-bottom: 12px;
font-size: 12px;
font-weight: 800;
}
.drfix-kicker-light {
color: #dbe844;
}
.drfix-kicker-dark {
color: #12313a;
}
.drfix-h2 {
color: #102b35;
letter-spacing: -.03em;
margin: 0 0 18px;
font-size: 36px;
line-height: 1.08;
}
.drfix-white {
color: #fff;
}
.drfix-lead {
color: #536a73;
max-width: 700px;
margin: 0 0 26px;
font-size: 18px;
line-height: 1.55;
}
.drfix-steps {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
display: grid;
}
.drfix-step {
background-color: #fff;
border: 1px solid #dfe8eb;
border-radius: 14px;
padding: 18px;
box-shadow: 0 7px 18px #0928380d;
}
.drfix-num {
color: #17313b;
background-color: #dbe844;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 28px;
height: 28px;
font-size: 12px;
font-weight: 800;
display: inline-flex;
}
.drfix-steptitle {
margin: 4px 0 6px;
font-size: 15px;
display: block;
}
.drfix-steptext {
color: #677d85;
font-size: 13px;
line-height: 1.4;
display: block;
}
.drfix-benefit {
background-color: #edf6f7;
border-radius: 10px;
margin-top: 18px;
padding: 14px 16px;
font-weight: 800;
}
.drfix-visual {
justify-content: center;
display: flex;
}
.drfix-phoneimg {
border-radius: 20px;
width: 100%;
max-width: 430px;
height: auto;
}
.drfix-officeimg {
border-radius: 24px;
width: 100%;
max-width: 560px;
height: auto;
box-shadow: 0 18px 42px #0928381f;
}
.drfix-dark {
color: #fff;
background-color: #082d3d;
padding: 60px 24px;
}
.drfix-compare {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: repeat(2, minmax(0, 1fr));
margin-top: 28px;
display: grid;
}
.drfix-comparebox {
background-color: #123b4a;
border: 1px solid #ffffff1a;
border-radius: 18px;
padding: 26px;
}
.drfix-comparegood {
background-color: #10483d;
}
.drfix-h3 {
margin: 0 0 16px;
font-size: 22px;
}
.drfix-comparetext {
color: #dce9ec;
margin: 9px 0;
font-size: 15px;
}
.drfix-scale {
border-top: 1px solid #ffffff29;
margin-top: 34px;
padding-top: 28px;
}
.drfix-scaleh {
color: #fff;
margin: 0 0 8px;
font-size: 30px;
line-height: 1.15;
}
.drfix-scalep {
color: #dce9ec;
margin: 0 0 20px;
font-size: 18px;
}
.drfix-btnlime {
color: #102b35;
background-color: #dbe844;
border-radius: 6px;
padding: 13px 17px;
font-size: 12px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.drfix-recordgrid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
margin: 22px 0;
display: grid;
}
.drfix-recorditem {
background-color: #f1f6f7;
border-radius: 10px;
padding: 12px 14px;
font-size: 14px;
font-weight: 700;
}
.drfix-close {
color: #163641;
margin: 26px 0 0;
font-size: 22px;
line-height: 1.3;
}
.drfix-retrieve {
background-color: #f3f7f8;
padding: 52px 24px;
}
.drfix-retrievegrid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
align-items: center;
margin-top: 26px;
display: grid;
}
.drfix-retrievebox {
background-color: #fff;
border: 1px solid #dfe8eb;
border-radius: 16px;
padding: 24px;
}
.drfix-retrievegood {
background-color: #f0faf4;
border-color: #9bd1b9;
}
.drfix-mini {
color: #678089;
letter-spacing: .08em;
font-size: 11px;
font-weight: 800;
}
.drfix-retrievetitle {
margin: 6px 0 8px;
font-size: 24px;
display: block;
}
.drfix-retrievetext {
color: #647a82;
margin: 0;
line-height: 1.45;
}
.drfix-arrow {
color: #1f7d91;
font-size: 30px;
font-weight: 800;
}
.drfix-proof {
background-color: #fff;
padding: 56px 24px;
}
.drfix-proofgrid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 28px;
display: grid;
}
.drfix-proofcard {
background-color: #f5f8f8;
border: 1px solid #e1e9eb;
border-radius: 16px;
padding: 24px;
}
.drfix-prooftitle {
color: #0f4154;
margin-bottom: 6px;
font-size: 24px;
display: block;
}
.drfix-prooftext {
color: #60757d;
line-height: 1.4;
}
.drfix-proofclose {
text-align: center;
margin: 30px 0 0;
font-size: 22px;
font-weight: 800;
}
.drfix-setup {
color: #fff;
background-color: #0a3040;
padding: 58px 24px;
}
.drfix-setupgrid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 28px;
display: grid;
}
.drfix-setupstep {
background-color: #123e4f;
border-radius: 16px;
padding: 24px;
}
.drfix-setupnum {
color: #14313b;
background-color: #dbe844;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
font-weight: 800;
display: inline-flex;
}
.drfix-setuptitle {
margin: 14px 0 6px;
font-size: 18px;
display: block;
}
.drfix-setuptext {
color: #d6e4e8;
margin: 0;
line-height: 1.45;
}
.drfix-hours {
color: #102b35;
text-align: center;
background-color: #dbe844;
border-radius: 12px;
margin-top: 24px;
padding: 18px 20px;
font-size: 20px;
}
.drfix-hourstext {
font-weight: 800;
}
.drfix-cta {
background-color: #dbe844;
padding: 48px 24px;
}
.drfix-ctawrap {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
align-items: center;
display: grid;
}
.drfix-ctah {
color: #102b35;
letter-spacing: -.03em;
margin: 0 0 10px;
font-size: 34px;
line-height: 1.08;
}
.drfix-ctap {
color: #29434c;
margin: 0;
font-size: 17px;
}
.drfix-ctaactions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: flex-start;
display: flex;
}
.drfix-ctaprimary {
color: #fff;
background-color: #102b35;
border-radius: 6px;
padding: 14px 18px;
font-size: 12px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.drfix-ctasecondary {
color: #102b35;
background-color: #fff;
border-radius: 6px;
padding: 14px 18px;
font-size: 12px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.hpdo-driver-app {
z-index: 2;
background-color: #fff;
border: 1px solid #d7e1e8;
border-radius: 4px;
width: 44%;
max-width: 240px;
margin: 0;
padding: 6px;
display: block;
position: absolute;
bottom: -24px;
right: 22px;
box-shadow: 0 14px 30px #10283d29;
}
.hpdo-office-dashboard {
z-index: 2;
background-color: #fff;
border: 1px solid #d7e1e8;
border-radius: 4px;
width: 82%;
max-width: 560px;
margin: 0;
padding: 6px;
display: block;
position: absolute;
bottom: -24px;
left: 50%;
transform: translateX(-50%);
box-shadow: 0 14px 30px #10283d29;
}
.hpdo-section-1 {
background-color: #eef8fc;
padding: 76px 24px;
}
.hpdo-wrap-1 {
max-width: 1180px;
margin: 0 auto;
}
.hpdo-kicker-1, .hpdo-title-1, .hpdo-intro-1 {
text-align: center;
max-width: 820px;
margin-left: auto;
margin-right: auto;
}
.hpdo-grid-1 {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(190px, .34fr) minmax(0, 1fr);
align-items: stretch;
margin-top: 42px;
display: grid;
}
.hpdo-panel-1 {
box-shadow: none;
background-color: #0000;
padding: 0;
}
.hpdo-label-1 {
margin-bottom: 8px;
display: inline-block;
}
.hpdo-driver-visual-1, .hpdo-office-visual2-1 {
min-height: 285px;
margin: 22px 0 26px;
position: relative;
}
.hpdo-driver-photo-1, .hpdo-office-photo2-1 {
object-fit: cover;
width: 100%;
height: 285px;
display: block;
}
.hpdo-driver-app-1 {
z-index: 2;
background-color: #fff;
border: 1px solid #d7e1e8;
width: 38%;
max-width: 180px;
margin: 0;
padding: 5px;
position: absolute;
bottom: 16px;
right: 18px;
}
.hpdo-office-dashboard-1 {
z-index: 2;
background-color: #fff;
border: 1px solid #d7e1e8;
width: 86%;
max-width: none;
margin: 0;
padding: 5px;
position: absolute;
bottom: 16px;
left: 7%;
right: 7%;
}
.hpdo-points-1, .hpdo-office-points-1 {
grid-column-gap: 18px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.hpdo-point-1 {
grid-template-rows: auto;
grid-template-columns: 42px 1fr;
align-items: start;
column-gap: 10px;
display: grid;
}
.hpdo-point-title-1, .hpdo-point-copy-1 {
grid-column-start: 2;
}
.hpdo-link-1 {
box-shadow: none;
text-align: center;
background-color: #fff;
border: 1px solid #c9e5f1;
align-self: center;
padding: 26px 18px;
}
.hpdo-link-strong-1 {
color: #0b2942;
margin-bottom: 10px;
font-size: 18px;
line-height: 1.35;
display: block;
}
.hpdo-link-copy-1 {
color: #536875;
font-size: 14px;
line-height: 1.55;
display: block;
}
.hpdo-v908-stylehook {
display: none;
}
.t360-dwt {
color: #102b3c;
line-height: 1.6;
}
.t360-dwt-wrap {
width: min(1120px, 100% - 40px);
margin: 0 auto;
}
.t360-dwt-hero {
color: #fff;
background-color: #071f31;
padding: 88px 0;
}
.t360-dwt-eyebrow {
color: #d9ed56;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 12px;
font-size: 13px;
font-weight: 800;
}
.t360-dwt-kicker {
color: #0877b9;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 12px;
font-size: 13px;
font-weight: 800;
}
.t360-dwt-kicker-light {
color: #d9ed56;
}
.t360-dwt-h1 {
letter-spacing: -.035em;
max-width: 900px;
margin: 0 0 22px;
font-size: clamp(42px, 5.6vw, 68px);
line-height: 1.04;
}
.t360-dwt-h2 {
letter-spacing: -.025em;
max-width: 850px;
margin: 0 0 18px;
font-size: clamp(32px, 4vw, 48px);
line-height: 1.1;
}
.t360-dwt-h3 {
margin: 0 0 9px;
font-size: 21px;
line-height: 1.25;
}
.t360-dwt-intro {
color: #d9e7ed;
max-width: 820px;
font-size: 19px;
}
.t360-dwt-lead {
max-width: 820px;
font-size: 19px;
}
.t360-dwt-copy {
max-width: 820px;
}
.t360-dwt-section {
padding: 78px 0;
}
.t360-dwt-soft {
background-color: #f2f7f9;
}
.t360-dwt-dark {
color: #fff;
background-color: #071f31;
}
.t360-dwt-cta {
color: #fff;
text-align: center;
background-color: #071f31;
}
.t360-dwt-light {
color: #0b3047;
}
.t360-dwt-muted-light {
color: #d6e5eb;
}
.t360-dwt-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: center;
margin-top: 28px;
display: flex;
}
.t360-dwt-actions-center {
justify-content: center;
}
.t360-dwt-btn {
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 14px 20px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.t360-dwt-btn-primary {
color: #063817;
background-color: #25d366;
}
.t360-dwt-btn-secondary {
color: #102b3c;
background-color: #fff;
}
.t360-dwt-official {
grid-column-gap: 5px;
grid-row-gap: 5px;
background-color: #f2f7f9;
border-left: 4px solid #0877b9;
margin-top: 28px;
padding: 22px 24px;
display: grid;
}
.t360-dwt-textlink {
color: #0877b9;
font-weight: 800;
}
.t360-dwt-timeline {
background-color: #fff;
border-top: 4px solid #1b86b8;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 34px;
display: grid;
overflow: hidden;
}
.t360-dwt-time {
border-right: 1px solid #d8e5ea;
padding: 32px 30px;
}
.t360-dwt-date {
color: #0877b9;
margin-bottom: 9px;
font-weight: 900;
display: block;
}
.t360-dwt-small {
color: #607480;
font-size: 14px;
}
.t360-dwt-types {
grid-row-gap: 0;
grid-column-gap: 0;
border-top: 1px solid #d8e5ea;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
margin-top: 34px;
display: grid;
}
.t360-dwt-type {
border-bottom: 1px solid #d8e5ea;
padding: 28px;
}
.t360-dwt-flow {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #355064;
border: 1px solid #355064;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 34px;
display: grid;
}
.t360-dwt-step {
grid-column-gap: 13px;
grid-row-gap: 13px;
background-color: #0e2b40;
align-items: flex-start;
padding: 24px;
display: flex;
}
.t360-dwt-num {
color: #071f31;
background-color: #d9ed56;
border-radius: 50%;
flex: 0 0 30px;
justify-content: center;
align-items: center;
height: 30px;
display: flex;
}
.t360-dwt-steptext {
color: #fff;
font-weight: 750;
}
.t360-dwt-darklink {
color: #d9ed56;
font-weight: 800;
}
.t360-dwt-split {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.t360-dwt-faq {
border-top: 1px solid #d8e5ea;
margin-top: 30px;
}
.t360-dwt-faqitem {
border-bottom: 1px solid #d8e5ea;
padding: 22px 0;
}
.t360-dwt-faqcopy {
color: #526a78;
max-width: 820px;
margin: 0;
}
.t360-dwt-center {
margin-left: auto;
margin-right: auto;
}
.t360-dwt-1 {
color: #102332;
background-color: #fff;
}
.t360-dwt-wrap-1 {
width: min(1120px, 100% - 40px);
margin: auto;
}
.t360-dwt-hero-1 {
color: #fff;
background-image: linear-gradient(120deg, #071722, #123b55);
padding: 82px 0;
}
.t360-dwt-soft-1 {
background-color: #eef5f7;
}
.t360-dwt-dark-1 {
color: #0b3047;
background-color: #f4f8fb;
}
.t360-dwt-cta-1 {
background-color: #d8ed55;
padding: 78px 0;
}
.t360-dwt-eyebrow-1 {
color: #d8ed55;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
}
.t360-dwt-kicker-1 {
color: #1470af;
letter-spacing: .14em;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
}
.t360-dwt-lime {
color: #0873b9;
}
.t360-dwt-h1-1 {
letter-spacing: -.04em;
max-width: 940px;
margin: 12px 0 22px;
font-size: clamp(42px, 6vw, 68px);
line-height: 1.03;
}
.t360-dwt-h2-1 {
letter-spacing: -.025em;
max-width: 880px;
margin: 0 0 18px;
font-size: clamp(34px, 4vw, 50px);
line-height: 1.08;
}
.t360-dwt-h3-1 {
margin: 0 0 10px;
font-size: 22px;
line-height: 1.25;
}
.t360-dwt-lead-1 {
color: #526674;
max-width: 820px;
font-size: 19px;
line-height: 1.6;
}
.t360-dwt-herolead {
color: #d7e6ed;
}
.t360-dwt-copy-1 {
color: #526674;
font-size: 17px;
line-height: 1.65;
}
.t360-dwt-widecopy {
max-width: 880px;
}
.t360-dwt-lightcopy {
color: #344c5c;
}
.t360-dwt-btn-1 {
color: #102332;
background-color: #fff;
border-radius: 9px;
justify-content: center;
align-items: center;
padding: 14px 20px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.t360-dwt-btn-primary-1 {
color: #062e15;
background-color: #25d366;
}
.t360-dwt-btn-blue {
color: #fff;
background-color: #1470af;
}
.t360-dwt-btn-outline {
color: #102332;
background-color: #fff;
border: 1px solid #c9d7df;
}
.t360-dwt-trust {
color: #d7e6ed;
margin-top: 24px;
font-weight: 800;
}
.t360-dwt-date-1 {
color: #1470af;
margin-bottom: 8px;
font-size: 14px;
font-weight: 900;
}
.t360-dwt-types-1 {
grid-row-gap: 0;
grid-column-gap: 0;
border-top: 1px solid #d3e1e6;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 34px;
display: grid;
}
.t360-dwt-card {
border-right: 1px solid #d3e1e6;
padding: 28px;
}
.t360-dwt-num-1 {
color: #1470af;
margin-bottom: 12px;
font-size: 13px;
font-weight: 900;
}
.t360-dwt-callout {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fff;
border-left: 4px solid #1470af;
margin-top: 34px;
padding: 24px;
display: grid;
}
.t360-dwt-flow-1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 36px;
display: grid;
}
.t360-dwt-step-1 {
background-color: #fff;
border: 1px solid #dce6eb;
padding: 24px;
}
.t360-dwt-stepno {
color: #d8ed55;
margin-bottom: 12px;
font-size: 13px;
font-weight: 900;
}
.t360-dwt-materials {
grid-row-gap: 0;
grid-column-gap: 0;
border-top: 1px solid #d8e5ea;
margin-top: 30px;
display: grid;
}
.t360-dwt-material {
border-bottom: 1px solid #d8e5ea;
padding: 24px 0;
}
.t360-dwt-split-1 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: start;
gap: 28px 48px;
margin-top: 34px;
display: grid;
}
.t360-dwt-list {
margin: 0;
padding-left: 22px;
}
.t360-dwt-listitem {
margin: 12px 0;
line-height: 1.6;
}
.t360-dwt-faq-1 {
grid-column-gap: 0;
grid-row-gap: 0;
margin-top: 28px;
display: grid;
}
.t360-dwt-faqitem-1 {
border-bottom: 1px solid #315065;
padding: 22px 0;
}
.t360-dwt-center-1 {
text-align: center;
}
.t360-dwt-centercopy {
margin-left: auto;
margin-right: auto;
}
.t360-dwt-centeractions {
justify-content: center;
}
.t360-dwt-small-1 {
color: #405866;
margin-top: 24px;
font-size: 13px;
}
.t360-dwt-spacer, .t360-dwt-spacer2, .t360-dwt-spacer3, .t360-dwt-spacer4, .t360-dwt-spacer5 {
display: none;
}
.drfinal-hero-reassure {
max-width: 680px;
color: inherit;
margin: 18px 0 0;
font-size: 18px;
font-weight: 700;
line-height: 1.45;
}
.drfinal-journey {
overflow: hidden;
}
.drfinal-start {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-wrap: wrap;
align-items: center;
margin: 28px 0 18px;
display: flex;
}
.drfinal-startbox {
border-style: solid;
border-width: 1px;
border-radius: 8px;
padding: 14px 18px;
}
.drfinal-or {
font-size: 13px;
font-weight: 800;
}
.drfinal-flow {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1.25fr auto 1fr auto 1.35fr auto 1.15fr auto 1.3fr;
align-items: stretch;
gap: 10px;
margin-top: 18px;
display: flex;
}
.drfinal-flowstep {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fff;
border: 1px solid #0f233729;
border-radius: 10px;
flex-direction: column;
flex: 180px;
justify-content: center;
min-height: 120px;
padding: 18px;
display: flex;
}
.drfinal-flowtitle {
font-size: 14px;
line-height: 1.25;
}
.drfinal-flowcopy {
font-size: 14px;
line-height: 1.55;
}
.drfinal-arrow {
flex: none;
align-self: center;
font-size: 24px;
font-weight: 800;
}
.drfinal-journey-close {
margin: 24px 0 0;
font-size: 20px;
font-weight: 700;
line-height: 1.45;
}
.drfinal-trustgrid {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin-top: 28px;
display: flex;
}
.drfinal-trustitem {
background-color: #fff;
border: 1px solid #0f233729;
border-radius: 10px;
flex: 220px;
padding: 24px;
}
.drfinal-trusttitle {
margin-bottom: 8px;
font-size: 18px;
display: block;
}
.drfinal-trustcopy {
line-height: 1.55;
display: block;
}
.drfinal-trustclose {
margin: 24px 0 0;
font-size: 20px;
font-weight: 700;
line-height: 1.45;
}
.drfinal-section-pair {
display: block;
}
.drfinal-worktypes, .drfinal-records {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin: 24px 0;
display: flex;
}
.drfinal-chip, .drfinal-recordchip {
background-color: #fff;
border: 1px solid #0f23372e;
border-radius: 8px;
align-items: center;
padding: 10px 14px;
font-weight: 700;
display: inline-flex;
}
.drfinal-inout {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-wrap: wrap;
margin-top: 28px;
display: flex;
}
.drfinal-inoutbox {
border: 1px solid #0f233729;
border-radius: 10px;
flex: 300px;
padding: 22px;
}
.drfinal-inouttitle {
margin-bottom: 8px;
display: block;
}
.drfinal-inoutcopy {
margin: 0;
line-height: 1.6;
}
.drfinal-work-close, .drfinal-only {
margin: 24px 0 0;
font-size: 20px;
font-weight: 800;
line-height: 1.4;
}
.drfinal-complete {
background-color: #0f23370a;
}
.drfinal-driver-reassure {
margin: 18px 0 0;
font-size: 20px;
font-weight: 800;
line-height: 1.4;
}
.drfinal-compare-intro {
max-width: 820px;
margin: 14px 0 24px;
font-size: 18px;
line-height: 1.6;
}
.drfinal-setup-intro {
max-width: 820px;
margin: 14px 0 26px;
font-size: 18px;
line-height: 1.6;
}
.t360-dwt-product-proof {
grid-column: 1 / 3;
grid-template-columns: 1fr 1fr;
gap: 24px;
margin-top: 8px;
display: grid;
}
.t360-dwt-product-shot {
background-color: #f4f8fb;
border: 1px solid #dce6eb;
border-radius: 12px;
padding: 18px;
overflow: hidden;
}
.t360-dwt-product-img {
object-fit: contain;
border-radius: 8px;
width: 100%;
height: auto;
max-height: 380px;
display: block;
}
.t360-dwt-hero-grid {
grid-template-columns: minmax(0, .92fr) minmax(420px, 1.08fr);
align-items: center;
gap: 54px;
display: grid;
}
.t360-dwt-hero-copy {
min-width: 0;
}
.t360-dwt-hero-media {
border-radius: 14px;
min-height: 420px;
overflow: hidden;
}
.t360-dwt-hero-img {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 420px;
display: block;
}
.hw10-body {
color: #0a3341;
font-family: inherit;
}
.hw10-wrap {
width: min(1180px, 100% - 48px);
margin: 0 auto;
}
.hw10-section {
padding: 88px 0;
}
.hw10-soft {
background-color: #f4f7f7;
}
.hw10-two {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: .9fr 1.1fr;
align-items: center;
gap: 64px;
display: grid;
}
.hw10-kicker {
color: #0788a5;
letter-spacing: .09em;
margin-bottom: 14px;
font-size: 14px;
font-weight: 800;
line-height: 1.2;
}
.hw10-h2 {
color: #082f3c;
letter-spacing: -.025em;
margin: 0 0 22px;
font-size: clamp(32px, 3vw, 48px);
font-weight: 800;
line-height: 1.08;
}
.hw10-lead, .hw10-p {
color: #48626c;
margin: 0 0 24px;
font-size: 20px;
line-height: 1.55;
}
.hw10-max {
max-width: 760px;
}
.hw10-img {
object-fit: contain;
border-radius: 18px;
width: 100%;
height: auto;
max-height: 520px;
display: block;
}
.hw10-three {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin: 38px 0 30px;
display: grid;
}
.hw10-item {
border-top: 3px solid #0788a5;
padding-top: 16px;
}
.hw10-label {
margin-bottom: 8px;
font-size: 17px;
display: block;
}
.hw10-copy {
color: #536a72;
font-size: 18px;
line-height: 1.5;
display: block;
}
.hw10-reassure {
color: #082f3c;
font-size: 22px;
font-weight: 800;
}
.hw10-band {
color: #fff;
background-color: #073344;
padding: 82px 0;
}
.hw10-white {
color: #fff;
}
.hw10-light {
color: #d9f232;
}
.hw10-bandlead {
color: #d7e4e8;
max-width: 800px;
font-size: 20px;
line-height: 1.55;
}
.hw10-duo {
grid-column-gap: 2px;
grid-row-gap: 2px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin: 42px 0 0;
display: grid;
}
.hw10-duobox {
background-color: #ffffff0f;
padding: 30px 34px;
}
.hw10-bluecap {
color: #34b6e7;
letter-spacing: .08em;
margin-bottom: 7px;
font-size: 14px;
font-weight: 800;
display: block;
}
.hw10-duotitle {
color: #fff;
font-size: 28px;
display: block;
}
.hw10-done {
border-top: 1px solid #fff3;
margin-top: 2px;
padding: 30px 0 18px;
}
.hw10-bandcopy {
color: #d7e4e8;
margin: 8px 0;
font-size: 18px;
line-height: 1.5;
}
.hw10-textlink {
color: #d9f232;
font-size: 16px;
font-weight: 800;
text-decoration: none;
}
.hw10-benefits {
grid-column-gap: 25px;
grid-row-gap: 25px;
margin-top: 34px;
display: grid;
}
.hw10-workgrid {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin: 38px 0;
display: grid;
}
.hw10-work {
color: #fff;
background-color: #0a4051;
border-radius: 12px;
align-items: flex-end;
min-height: 160px;
padding: 24px;
font-size: 18px;
display: flex;
}
.hw10-inout {
grid-column-gap: 32px;
grid-row-gap: 32px;
border-top: 1px solid #ccd8dc;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding-top: 28px;
display: grid;
}
.hw10-inoutcap {
color: #0788a5;
letter-spacing: .08em;
margin-bottom: 8px;
font-size: 13px;
font-weight: 800;
display: block;
}
.hw10-finishgrid {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.hw10-meta {
color: #082f3c;
font-size: 17px;
font-weight: 700;
line-height: 1.5;
}
.hw10-find {
border-left: 4px solid #d9f232;
padding-left: 42px;
}
.hw10-search {
color: #0788a5;
margin: 26px 0 14px;
font-size: clamp(32px, 3vw, 48px);
line-height: 1.05;
display: block;
}
.hw10-small {
color: #64777e;
font-size: 17px;
line-height: 1.5;
}
.hw10-proofgrid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin: 46px 0 30px;
display: grid;
}
.hw10-proofitem {
border-top: 1px solid #b8c8cd;
padding-top: 22px;
}
.hw10-prooftitle {
color: #0788a5;
margin-bottom: 18px;
font-size: 48px;
font-weight: 800;
line-height: 1;
display: block;
}
.hw10-proofword {
font-size: clamp(22px, 2.2vw, 34px);
}
.hw10-proofcopy {
color: #4d646d;
font-size: 18px;
line-height: 1.5;
}
.hw10-proofclose {
color: #082f3c;
font-size: 19px;
font-weight: 800;
line-height: 1.5;
}
.hw10-setup {
color: #fff;
background-color: #073344;
padding: 86px 0;
}
.hw10-setupgrid {
grid-column-gap: 44px;
grid-row-gap: 44px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 42px;
display: grid;
}
.hw10-setupitem {
grid-template-rows: auto;
grid-template-columns: 48px 1fr;
align-items: start;
column-gap: 15px;
display: grid;
}
.hw10-num {
color: #082f3c;
background-color: #d9f232;
border-radius: 50%;
grid-row: 1 / 3;
place-items: center;
width: 42px;
height: 42px;
font-size: 18px;
display: grid;
}
.hw10-setuptitle {
margin-bottom: 8px;
font-size: 18px;
}
.hw10-setupcopy {
color: #d7e4e8;
font-size: 18px;
line-height: 1.5;
}
.hw10-hours {
color: #fff;
margin-top: 36px;
font-size: 19px;
font-weight: 800;
}
.hw10-cta {
background-color: #d9f232;
padding: 70px 0;
}
.hw10-ctagrid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: center;
display: grid;
}
.hw10-dark {
color: #082f3c;
}
.hw10-ctah {
margin-bottom: 12px;
font-size: clamp(36px, 4vw, 56px);
}
.hw10-ctap {
color: #254752;
max-width: 720px;
margin: 0;
font-size: 19px;
line-height: 1.5;
}
.hw10-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
display: flex;
}
.hw10-primary {
color: #fff;
background-color: #073344;
border-radius: 5px;
padding: 15px 20px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.hw10-secondary {
color: #073344;
border: 2px solid #073344;
border-radius: 5px;
padding: 13px 18px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.hw11-journey {
background-color: #f4f7f7;
padding: 78px 0 84px;
}
.hw11-intro {
color: #48626c;
max-width: 760px;
margin: 0 0 42px;
font-size: 20px;
line-height: 1.55;
}
.hw11-flow {
grid-row-gap: 0;
grid-column-gap: 0;
border-top: 3px solid #0788a5;
grid-template-rows: auto;
grid-template-columns: repeat(6, 1fr);
display: grid;
}
.hw11-step {
margin-right: 22px;
padding: 28px 22px 8px 0;
position: relative;
}
.hw11-num {
color: #082f3c;
background-color: #d9f232;
border-radius: 50%;
place-items: center;
width: 38px;
height: 38px;
margin-top: -49px;
margin-bottom: 22px;
font-size: 16px;
display: grid;
}
.hw11-title {
color: #082f3c;
margin-bottom: 10px;
font-size: 16px;
line-height: 1.25;
display: block;
}
.hw11-copy {
color: #536a72;
font-size: 16px;
line-height: 1.45;
display: block;
}
.t360-dwt-record-section {
background-color: #fff;
padding: 76px 0;
}
.t360-dwt-record-flow {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr auto 1fr auto 1fr;
align-items: stretch;
margin-top: 34px;
display: grid;
}
.t360-dwt-record-item {
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: #f8fafb;
border: 1px solid #dce5eb;
border-radius: 10px;
flex-direction: column;
min-width: 0;
padding: 20px 14px;
display: flex;
}
.t360-dwt-record-no {
color: #0877bd;
letter-spacing: .08em;
font-size: 12px;
}
.t360-dwt-record-title {
color: #102332;
font-size: 16px;
line-height: 1.3;
}
.t360-dwt-record-copy {
color: #5a6d79;
font-size: 13px;
line-height: 1.45;
}
.t360-dwt-record-result {
background-color: #102f4b;
}
.t360-dwt-record-no-result {
color: #d7ef45;
}
.t360-dwt-record-title-result, .t360-dwt-record-copy-result {
color: #fff;
}
.t360-dwt-record-arrow {
color: #0877bd;
align-items: center;
font-size: 22px;
display: flex;
}
.t360-dwt-fit-section {
background-color: #eef4f7;
padding: 76px 0;
}
.t360-dwt-fit-lead {
max-width: 850px;
}
.t360-dwt-fit-visual {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.2fr 1fr;
align-items: stretch;
margin-top: 34px;
display: grid;
}
.t360-dwt-fit-lane {
background-color: #fff;
border: 1px solid #d8e3e9;
border-radius: 12px;
padding: 24px;
}
.t360-dwt-fit-label {
color: #526675;
letter-spacing: .09em;
margin-bottom: 15px;
font-size: 12px;
font-weight: 800;
}
.t360-dwt-fit-pills {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
display: flex;
}
.t360-dwt-fit-pill {
color: #102332;
background-color: #f0f5f8;
border-radius: 6px;
padding: 8px 10px;
font-size: 14px;
font-weight: 700;
}
.t360-dwt-fit-core {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-align: center;
background-color: #0d6fab;
border-radius: 12px;
flex-direction: column;
justify-content: center;
padding: 24px;
display: flex;
}
.t360-dwt-fit-core-small {
letter-spacing: .12em;
font-weight: 800;
}
.t360-dwt-fit-core-title {
font-size: 20px;
line-height: 1.35;
}
.t360-dwt-fit-core-copy {
font-size: 14px;
}
.t360-dwt-fit-dwt {
grid-column-gap: 14px;
grid-row-gap: 14px;
color: #fff;
background-color: #102332;
border-left: 5px solid #d7ef45;
grid-column: 1 / -1;
justify-self: center;
align-items: center;
width: 100%;
max-width: 680px;
padding: 20px 24px;
display: flex;
}
.t360-dwt-fit-dwt-title {
letter-spacing: .05em;
white-space: nowrap;
font-size: 14px;
}
.t360-dwt-fit-dwt-copy {
color: #e4edf3;
font-size: 14px;
line-height: 1.5;
}
.about-clean {
color: #102332;
font-family: inherit;
line-height: 1.6;
}
.about-wrap {
width: min(1120px, 100% - 40px);
margin: auto;
}
.about-hero {
color: #fff;
background-color: #0b2638;
padding: 78px 0;
}
.about-kicker {
color: #0d6f9d;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 12px;
font-weight: 850;
}
.about-kicker-light {
color: #d8ed55;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 12px;
font-weight: 850;
}
.about-h1 {
margin: 14px 0 20px;
font-size: clamp(44px, 5.5vw, 66px);
line-height: 1.03;
}
.about-h2 {
margin: 12px 0 18px;
font-size: clamp(32px, 3.2vw, 43px);
line-height: 1.1;
}
.about-h2-light {
color: #fff;
margin: 12px 0 18px;
font-size: clamp(32px, 3.2vw, 43px);
line-height: 1.1;
}
.about-lead {
max-width: 820px;
}
.about-lead-light {
color: #c9d9e2;
max-width: 820px;
}
.about-section {
padding: 68px 0;
}
.about-soft {
background-color: #f2f7f9;
}
.about-dark {
color: #fff;
background-color: #0b2638;
}
.about-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 24px;
display: flex;
}
.about-btn {
color: #102332;
background-color: #fff;
border-radius: 8px;
padding: 14px 20px;
font-weight: 850;
text-decoration: none;
display: inline-flex;
}
.about-primary {
background-color: #d8ed55;
}
.about-proof {
border-top: 1px solid #d5e3ea;
border-bottom: 1px solid #d5e3ea;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 34px;
display: grid;
}
.about-stat {
padding: 20px;
}
.about-stat-number {
color: #0d6f9d;
font-size: 24px;
display: block;
}
.about-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 30px;
display: grid;
}
.about-grid-two {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
margin-top: 30px;
display: grid;
}
.about-card {
background-color: #fff;
border: 1px solid #d5e3ea;
border-radius: 10px;
padding: 24px;
}
.about-callout {
background-color: #edf6fa;
border-left: 4px solid #0878c9;
border-radius: 8px;
margin-top: 28px;
padding: 22px 24px;
}
.demo-clean {
color: #102332;
line-height: 1.6;
}
.demo-wrap {
width: min(1120px, 100% - 40px);
margin: auto;
}
.demo-hero {
color: #fff;
background-color: #0a2435;
padding: 72px 0;
}
.demo-grid-1 {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr .95fr;
align-items: start;
display: grid;
}
.demo-kicker {
color: #0d6f9d;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
}
.demo-kicker-light {
color: #d8ed55;
letter-spacing: .1em;
text-transform: uppercase;
font-size: 12px;
font-weight: 900;
}
.demo-h1 {
margin: 14px 0 20px;
font-size: clamp(42px, 5.5vw, 66px);
line-height: 1.02;
}
.demo-h2 {
margin: 12px 0 18px;
font-size: clamp(32px, 3.5vw, 46px);
line-height: 1.1;
}
.demo-lead {
color: #526674;
max-width: 800px;
margin-top: 0;
font-size: 18px;
line-height: 1.6;
}
.demo-lead-light {
color: #dce8ee;
max-width: 780px;
margin-top: 0;
font-size: 19px;
line-height: 1.6;
}
.demo-trust {
margin-top: 24px;
font-weight: 800;
}
.demo-wa {
color: #fff;
margin-top: 18px;
font-weight: 850;
display: inline-block;
}
.demo-formbox {
color: #102332;
background-color: #fff;
border-radius: 16px;
padding: 30px;
}
.demo-formtitle {
margin: 0 0 8px;
font-size: 30px;
}
.demo-input, .demo-input._w-input, .demo-input._w-select, .demo-input._w-input {
background-color: #fff;
border: 1px solid #bfcfd7;
border-radius: 8px;
width: 100%;
margin: 6px 0 14px;
padding: 12px;
display: block;
}
.demo-submit, .demo-submit._w-button {
color: #102332;
background-color: #d8ed55;
border-radius: 9px;
width: 100%;
padding: 15px;
font-size: 16px;
font-weight: 900;
}
.demo-privacy {
color: #617682;
font-size: 13px;
}
.demo-section {
padding: 68px 0;
}
.demo-soft {
background-color: #f3f7f9;
}
.demo-cards {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 28px;
display: grid;
}
.demo-card {
background-color: #fff;
border: 1px solid #dbe6ec;
border-radius: 12px;
padding: 24px;
}
.demo-card-title {
color: #102332;
margin-top: 0;
margin-bottom: 10px;
font-size: 22px;
font-weight: 800;
line-height: 1.2;
}
.demo-card-copy {
color: #526674;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
line-height: 1.55;
}
._w-input-parent._w-input {
background-color: #fff;
border: 1px solid #bfcfd7;
border-radius: 8px;
width: 100%;
margin: 6px 0 14px;
padding: 12px;
display: block;
}
.ie26-page {
color: #102332;
line-height: 1.6;
}
.ie26-wrap {
width: min(1180px, 100% - 40px);
margin: 0 auto;
}
.ie26-hero {
color: #fff;
background-color: #0a2435;
padding: 92px 0;
}
.ie26-h1 {
letter-spacing: -.035em;
max-width: 900px;
margin: 12px 0 20px;
font-size: clamp(40px, 5vw, 64px);
line-height: 1.06;
}
.ie26-h2 {
letter-spacing: -.03em;
max-width: 880px;
margin: 12px 0 20px;
font-size: clamp(34px, 4vw, 52px);
line-height: 1.08;
}
.ie26-h2white {
color: #fff;
letter-spacing: -.03em;
max-width: 880px;
margin: 12px 0 20px;
font-size: clamp(34px, 4vw, 52px);
line-height: 1.08;
}
.ie26-lead {
color: #d9e6ec;
max-width: 800px;
font-size: 20px;
}
.ie26-kicker {
color: #d8ed55;
letter-spacing: .13em;
margin: 0;
font-size: 12px;
font-weight: 900;
}
.ie26-kickerblue {
color: #1470af;
letter-spacing: .13em;
margin: 0;
font-size: 12px;
font-weight: 900;
}
.ie26-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 28px;
display: flex;
}
.ie26-actionscenter {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
justify-content: center;
margin-top: 28px;
display: flex;
}
.ie26-primary {
color: #102332;
background-color: #d8ed55;
border-radius: 9px;
justify-content: center;
align-items: center;
padding: 14px 20px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.ie26-secondary {
color: #102332;
background-color: #fff;
border-radius: 9px;
justify-content: center;
align-items: center;
padding: 14px 20px;
font-weight: 900;
text-decoration: none;
display: inline-flex;
}
.ie26-pills {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 28px;
display: flex;
}
.ie26-pill {
border: 1px solid #476579;
border-radius: 999px;
padding: 8px 13px;
font-size: 13px;
font-weight: 800;
}
.ie26-section {
padding: 82px 0;
}
.ie26-soft {
background-color: #eef5f7;
padding: 82px 0;
}
.ie26-dark {
color: #fff;
background-color: #0a2435;
padding: 82px 0;
}
.ie26-grid3 {
grid-row-gap: 0;
grid-column-gap: 0;
border-top: 1px solid #d6e3e8;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 34px;
display: grid;
}
.ie26-grid4 {
grid-row-gap: 0;
grid-column-gap: 0;
border-top: 1px solid #315065;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 34px;
display: grid;
}
.ie26-card {
border-right: 1px solid #d6e3e8;
padding: 30px;
}
.ie26-cardlast {
padding: 30px;
}
.ie26-num {
color: #fff;
background-color: #1470af;
border-radius: 50%;
place-items: center;
width: 38px;
height: 38px;
display: grid;
}
.ie26-h3 {
margin: 16px 0 7px;
font-size: 21px;
}
.ie26-copy {
color: #536674;
}
.ie26-copywide {
color: #536674;
max-width: 800px;
}
.ie26-split {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
width: min(1180px, 100% - 40px);
margin: 0 auto;
display: grid;
}
.ie26-image {
border-radius: 16px;
width: 100%;
display: block;
}
.ie26-links {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin-top: 24px;
display: grid;
}
.ie26-sector {
color: #102332;
background-color: #fff;
border: 1px solid #d6e3e8;
border-left: 4px solid #1470af;
border-radius: 8px;
padding: 14px 16px;
font-weight: 800;
text-decoration: none;
}
.ie26-darkcard {
border-right: 1px solid #315065;
padding: 30px;
}
.ie26-darklast {
padding: 30px;
}
.ie26-h3white {
color: #fff;
margin: 16px 0 7px;
font-size: 21px;
}
.ie26-darkcopy {
color: #d4e2e9;
}
.ie26-funding {
color: #fff;
background-color: #1470af;
padding: 58px 0;
}
.ie26-fundgrid {
grid-column-gap: 40px;
grid-row-gap: 40px;
justify-content: space-between;
align-items: center;
width: min(1180px, 100% - 40px);
margin: 0 auto;
display: flex;
}
.ie26-faq {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 28px;
display: grid;
}
.ie26-detail {
background-color: #fff;
border: 1px solid #d7e3e8;
border-radius: 12px;
padding: 22px 24px;
}
.ie26-summary {
cursor: pointer;
font-weight: 850;
}
.ie26-final {
color: #fff;
text-align: center;
background-color: #071722;
padding: 88px 0;
}
.ie26-finalh {
color: #fff;
letter-spacing: -.03em;
max-width: 900px;
margin: 12px auto 20px;
font-size: clamp(34px, 4vw, 52px);
line-height: 1.08;
}
.ie26-finalp {
color: #c8d8e2;
max-width: 760px;
margin: 0 auto;
}
.t360pb-section {
box-sizing: border-box;
color: #fff;
background-color: #082d42;
width: 100%;
padding: 60px 24px 48px;
}
.t360pb-wrap {
max-width: 1320px;
margin: 0 auto;
}
.t360pb-eyebrow {
color: #58c8f0;
letter-spacing: .14em;
margin: 0 0 16px;
font-size: 15px;
font-weight: 800;
}
.t360pb-title {
color: #fff;
letter-spacing: -.03em;
max-width: 980px;
margin: 0;
font-size: clamp(38px, 4vw, 58px);
font-weight: 800;
line-height: 1.04;
}
.t360pb-intro {
color: #d7e4eb;
max-width: 900px;
margin: 20px 0 34px;
font-size: 20px;
line-height: 1.5;
}
.t360pb-grid {
border-top: 1px solid #ffffff2e;
border-left: 1px solid #ffffff2e;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
display: grid;
}
.t360pb-card {
box-sizing: border-box;
grid-column-gap: 28px;
grid-row-gap: 24px;
border-bottom: 1px solid #ffffff2e;
border-right: 1px solid #ffffff2e;
grid-template-rows: auto;
grid-template-columns: minmax(0, .82fr) minmax(165px, 1.18fr);
min-height: 320px;
padding: 22px;
display: grid;
}
.t360pb-copy {
flex-direction: column;
align-items: flex-start;
display: flex;
}
.t360pb-icon {
color: #56c8ef;
border: 2px solid #1ca8e0;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 52px;
height: 52px;
margin-bottom: 8px;
font-size: 22px;
line-height: 1;
display: flex;
}
.t360pb-no {
color: #58c8f0;
letter-spacing: .1em;
margin-bottom: 10px;
font-size: 14px;
font-weight: 800;
}
.t360pb-card-title {
color: #fff;
letter-spacing: -.02em;
margin: 0 0 12px;
font-size: 25px;
font-weight: 800;
line-height: 1.12;
}
.t360pb-card-text {
color: #d7e4eb;
margin: 0;
font-size: 15px;
line-height: 1.45;
}
.t360pb-media {
border-radius: 7px;
min-height: 300px;
overflow: hidden;
}
.t360pb-img {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 300px;
display: block;
}
.t360pb-cta {
grid-column-gap: 26px;
grid-row-gap: 26px;
background-color: #ffffff06;
border: 1px solid #58c8f07a;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: center;
margin-top: 24px;
padding: 16px 18px 16px 26px;
display: grid;
}
.t360pb-cta-copy {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
display: flex;
}
.t360pb-cta-mark {
color: #58c8f0;
background-color: #14a8e024;
border-radius: 50%;
flex: 0 0 48px;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
font-size: 25px;
font-weight: 800;
display: flex;
}
.t360pb-cta-title {
color: #fff;
margin-bottom: 3px;
font-size: 20px;
font-weight: 800;
line-height: 1.25;
display: block;
}
.t360pb-cta-text {
color: #d7e4eb;
font-size: 16px;
line-height: 1.4;
display: block;
}
.t360pb-button {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #062538;
background-color: #f3e51b;
border-radius: 8px;
justify-content: center;
align-items: center;
min-width: 280px;
padding: 18px 26px;
font-size: 18px;
font-weight: 800;
line-height: 1;
text-decoration: none;
transition: transform .2s, filter .2s;
display: inline-flex;
}
.t360pb-button-arrow {
font-size: 20px;
}
.t360-proof-v2 {
color: #082d43;
background-color: #f7f9fa;
padding: 76px 24px 64px;
font-family: inherit;
}
.t360-proof-v2__wrap {
grid-template-rows: auto;
grid-template-columns: 1.45fr 1fr;
max-width: 1280px;
margin: 0 auto;
display: grid;
position: relative;
overflow: hidden;
}
.t360-proof-v2__left {
border-right: 1px solid #cbdde6;
padding: 4px 64px 150px 28px;
position: relative;
}
.t360-proof-v2__kicker {
color: #0786bd;
letter-spacing: .08em;
margin-bottom: 28px;
font-size: 16px;
font-weight: 800;
line-height: 1.2;
}
.t360-proof-v2__title {
color: #082d43;
letter-spacing: -.035em;
max-width: 760px;
margin: 0 0 24px;
font-size: 52px;
line-height: 1.03;
}
.t360-proof-v2__intro {
color: #526b7a;
max-width: 760px;
margin: 0;
font-size: 20px;
line-height: 1.5;
}
.t360-proof-v2__scene {
opacity: .75;
background-image: linear-gradient(10deg, #dce5e9 0 12%, #0000 12% 18%, #e5ecef 18% 30%, #0000 30%);
height: 120px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.t360-proof-v2__stats {
padding: 0 28px 0 44px;
}
.t360-proof-v2__stat {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-bottom: 1px solid #cbdde6;
grid-template-rows: auto;
grid-template-columns: 70px 1fr;
align-items: center;
margin-bottom: 26px;
padding: 12px 0 28px;
display: grid;
}
.t360-proof-v2__stat--last {
margin-bottom: 0;
}
.t360-proof-v2__icon {
color: #0786bd;
background-color: #e2f1f8;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 66px;
height: 66px;
font-size: 30px;
font-weight: 700;
display: flex;
}
.t360-proof-v2__number {
color: #087fad;
letter-spacing: -.035em;
font-size: 58px;
font-weight: 800;
line-height: 1;
}
.t360-proof-v2__unit {
color: #082d43;
letter-spacing: 0;
margin-left: 8px;
font-size: 22px;
}
.t360-proof-v2__label {
color: #082d43;
font-size: 25px;
font-weight: 800;
line-height: 1.08;
}
.t360-proof-v2__statcopy {
color: #526b7a;
margin: 8px 0 0;
font-size: 17px;
line-height: 1.35;
}
.t360-proof-v2__footer {
color: #fff;
background-color: #082f46;
border-left: 5px solid #09a4dd;
border-radius: 4px;
grid-column: 1 / -1;
margin-top: 26px;
padding: 24px 34px;
font-size: 23px;
font-weight: 700;
}
.t360-proof-v3 {
color: #082d43;
background-color: #f7f9fb;
padding: 42px 24px 50px;
}
.t360-proof-v3__grid {
grid-template-rows: auto;
grid-template-columns: 1.45fr 1fr;
max-width: 1440px;
margin: 0 auto;
display: grid;
}
.t360-proof-v3__left {
border-right: 1px solid #c8dce7;
min-height: 560px;
padding: 16px 56px 0 34px;
position: relative;
overflow: hidden;
}
.t360-proof-v3__kicker-row {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
margin-bottom: 28px;
display: flex;
}
.t360-proof-v3__kicker {
color: #0787bd;
letter-spacing: .08em;
font-size: 16px;
font-weight: 800;
}
.t360-proof-v3__kicker-line {
background-color: #0787bd;
width: 84px;
height: 2px;
}
.t360-proof-v3__title {
color: #082d43;
letter-spacing: -.04em;
max-width: 820px;
margin: 0 0 26px;
font-size: 58px;
line-height: 1.02;
}
.t360-proof-v3__intro {
z-index: 2;
color: #526b7a;
max-width: 800px;
margin: 0;
font-size: 20px;
line-height: 1.48;
position: relative;
}
.t360-proof-v3__image-wrap {
height: 215px;
position: absolute;
bottom: 0;
left: 0;
right: 24px;
overflow: hidden;
}
.t360-proof-v3__image {
opacity: .28;
filter: saturate(.55) contrast(.92);
object-fit: cover;
object-position: center 58%;
width: 100%;
height: 100%;
}
.t360-proof-v3__image-fade {
background-image: linear-gradient(#f7f9fb 0%, #f7f9fbdb 22%, #f7f9fb33 68%, #f7f9fb0a 100%);
position: absolute;
inset: 0;
}
.t360-proof-v3__right {
padding: 6px 30px 0 48px;
}
.t360-proof-v3__stat {
grid-column-gap: 28px;
grid-row-gap: 28px;
border-bottom: 1px solid #c8dce7;
grid-template-rows: auto;
grid-template-columns: 86px 1fr;
align-items: center;
margin-bottom: 22px;
padding: 16px 0 30px;
display: grid;
}
.t360-proof-v3__stat--last {
margin-bottom: 0;
}
.t360-proof-v3__icon {
background-color: #e4f2f8;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 76px;
height: 76px;
display: flex;
}
.t360-proof-v3__svg {
fill: none;
stroke: #0787bd;
stroke-width: 1.7px;
stroke-linecap: round;
stroke-linejoin: round;
width: 40px;
height: 40px;
}
.t360-proof-v3__number {
color: #087fad;
letter-spacing: -.04em;
font-size: 66px;
font-weight: 800;
line-height: 1;
}
.t360-proof-v3__unit {
color: #082d43;
letter-spacing: 0;
margin-left: 10px;
font-size: 22px;
}
.t360-proof-v3__label {
color: #082d43;
font-size: 27px;
font-weight: 800;
line-height: 1.03;
}
.t360-proof-v3__statcopy {
color: #526b7a;
margin: 8px 0 0;
font-size: 18px;
line-height: 1.35;
}
.t360-proof-v3__footer {
color: #fff;
background-color: #082f46;
border-radius: 3px;
align-items: center;
max-width: 1440px;
min-height: 84px;
margin: 0 auto;
padding: 0 38px;
display: flex;
position: relative;
overflow: hidden;
}
.t360-proof-v3__footer-line {
background-color: #08a4df;
flex: none;
width: 108px;
height: 3px;
margin-right: 34px;
}
.t360-proof-v3__footer-text {
font-size: 27px;
font-weight: 700;
}
.t360-proof-v3__stripes {
grid-column-gap: 14px;
grid-row-gap: 14px;
width: 290px;
height: 100%;
display: flex;
position: absolute;
top: 0;
right: -20px;
transform: skewX(-38deg);
}
.t360-proof-v3__stripe {
background-color: #097fb547;
width: 42px;
height: 100%;
}
.t360-proof-v3-marker, .t360-proof-v3-marker2, .t360-proof-v3-marker3 {
display: none;
}
.t360-proof-final {
color: #082d43;
background-color: #f7f9fb;
padding: 28px 24px 30px;
font-family: inherit;
}
.t360-proof-final__wrap {
max-width: 1440px;
margin: 0 auto;
}
.t360-proof-final__top {
grid-template-rows: auto;
grid-template-columns: 1.45fr 1fr;
display: grid;
}
.t360-proof-final__left {
border-right: 1px solid #c8dce7;
min-height: 385px;
padding: 6px 42px 155px 24px;
position: relative;
overflow: hidden;
}
.t360-proof-final__kicker-row {
grid-column-gap: 22px;
grid-row-gap: 22px;
align-items: center;
margin-bottom: 18px;
display: flex;
}
.t360-proof-final__kicker {
color: #0787bd;
letter-spacing: .09em;
font-size: 16px;
font-weight: 800;
line-height: 1.2;
}
.t360-proof-final__kicker-line {
background-color: #0787bd;
width: 92px;
height: 2px;
}
.t360-proof-final__title {
color: #082d43;
letter-spacing: -.035em;
max-width: 760px;
margin: 0 0 14px;
font-size: 46px;
line-height: 1.04;
}
.t360-proof-final__intro {
z-index: 2;
color: #526b7a;
max-width: 760px;
margin: 0;
font-size: 18px;
line-height: 1.45;
position: relative;
}
.t360-proof-final__image-wrap {
height: 155px;
position: absolute;
bottom: 0;
left: 0;
right: 20px;
overflow: hidden;
}
.t360-proof-final__image {
object-fit: cover;
object-position: center 72%;
width: 100%;
height: 100%;
}
.t360-proof-final__fade {
opacity: .55;
background-image: linear-gradient(#f7f9fb 0%, #f7f9fbeb 24%, #f7f9fb8c 60%, #f7f9fb00 100%);
height: 62px;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.t360-proof-final__right {
padding: 0 18px 0 38px;
}
.t360-proof-final__stat {
grid-column-gap: 14px;
grid-row-gap: 14px;
border-bottom: 1px solid #c8dce7;
grid-template-rows: auto;
grid-template-columns: 72px 1fr;
align-items: center;
margin-bottom: 4px;
padding: 5px 0 8px;
display: grid;
}
.t360-proof-final__stat-last {
margin-bottom: 0;
}
.t360-proof-final__icon {
background-color: #e4f2f8;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 68px;
height: 68px;
display: flex;
}
.t360-proof-final__stat-body {
min-width: 0;
}
.t360-proof-final__metric-row {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
align-items: baseline;
display: flex;
}
.t360-proof-final__number {
color: #087fad;
letter-spacing: -.04em;
font-size: 56px;
font-weight: 800;
line-height: 1;
}
.t360-proof-final__unit {
color: #082d43;
font-size: 20px;
font-weight: 800;
line-height: 1;
}
.t360-proof-final__label {
color: #082d43;
font-size: 24px;
font-weight: 800;
line-height: 1.04;
}
.t360-proof-final__statcopy {
color: #526b7a;
margin: 5px 0 0;
font-size: 16px;
line-height: 1.32;
}
.t360-proof-final__footer {
color: #fff;
background-color: #082f46;
border-radius: 3px;
align-items: center;
min-height: 52px;
margin-top: 0;
padding: 0 30px;
display: flex;
position: relative;
overflow: hidden;
}
.t360-proof-final__footer-line {
background-color: #08a4df;
flex: none;
width: 88px;
height: 3px;
margin-right: 28px;
}
.t360-proof-final__footer-text {
z-index: 2;
font-size: 23px;
font-weight: 700;
position: relative;
}
.t360-proof-final__slash {
opacity: .85;
background-color: #0d5c7b;
width: 58px;
height: 132px;
position: absolute;
top: -22px;
transform: skewX(-34deg);
}
.t360-proof-final__slash-one {
right: 112px;
}
.t360-proof-final__slash-two {
background-color: #0b4865;
right: 63px;
}
.t360-proof-final__slash-three {
background-color: #083b55;
right: 14px;
}
.t360sys-section {
box-sizing: border-box;
color: #10283d;
background-color: #eef7fb;
width: 100%;
padding: 58px 24px 52px;
}
.t360sys-wrap {
max-width: 1240px;
margin: 0 auto;
}
.t360sys-kicker {
color: #118bd0;
text-align: center;
letter-spacing: .18em;
margin-bottom: 12px;
font-size: 15px;
font-weight: 800;
line-height: 1.2;
}
.t360sys-title {
color: #10283d;
text-align: center;
max-width: 1000px;
margin: 0 auto 10px;
font-size: 52px;
font-weight: 800;
line-height: 1.02;
}
.t360sys-intro {
color: #536875;
text-align: center;
max-width: 820px;
margin: 0 auto 34px;
font-size: 20px;
line-height: 1.45;
}
.t360sys-visual {
background-color: #fff;
border-radius: 10px;
overflow: hidden;
}
.t360sys-image {
width: 100%;
height: auto;
display: block;
}
.t360sys-copygrid {
grid-column-gap: 0;
grid-row-gap: 0;
border-top: 1px solid #d3e4ec;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 18px;
display: grid;
}
.t360sys-copycard {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
align-items: start;
padding: 24px 38px 22px;
display: grid;
}
.t360sys-copycard-right {
border-left: 1px solid #d3e4ec;
}
.t360sys-icon {
color: #0f4f7a;
background-color: #dff2fb;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
font-size: 30px;
display: flex;
}
.t360sys-label {
color: #118bd0;
letter-spacing: .12em;
margin-bottom: 8px;
font-size: 14px;
font-weight: 800;
line-height: 1.2;
}
.t360sys-cardtitle {
color: #10283d;
margin: 0 0 8px;
font-size: 30px;
font-weight: 800;
line-height: 1.1;
}
.t360sys-cardtext {
color: #536875;
margin: 0;
font-size: 17px;
line-height: 1.55;
}
.t360-benefits-final {
color: #071b3b;
background-color: #fff;
padding: 56px 24px;
}
.t360-benefits-final-wrap {
width: 100%;
max-width: 1280px;
margin: 0 auto;
}
.t360-benefits-final-head {
text-align: center;
max-width: 1050px;
margin: 0 auto 34px;
}
.t360-benefits-final-title {
color: #071b3b;
letter-spacing: -1.5px;
margin: 0 0 10px;
font-size: 52px;
font-weight: 800;
line-height: 1.04;
}
.t360-benefits-final-intro {
color: #334b68;
margin: 0;
font-size: 22px;
line-height: 1.4;
}
.t360-benefits-final-grid {
grid-column-gap: 34px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
display: grid;
}
.t360-benefits-final-card {
border-top: 1px solid #071b3b24;
margin: 0;
padding-top: 18px;
}
.t360-benefits-final-image {
aspect-ratio: 2;
object-fit: cover;
border-radius: 7px;
width: 100%;
height: 150px;
margin: 0 0 12px;
display: none;
}
.t360-benefits-final-card-title {
color: #071b3b;
letter-spacing: -.5px;
margin: 0 0 9px;
font-size: 24px;
font-weight: 800;
line-height: 1.12;
}
.t360-benefits-final-copy {
color: #405875;
max-width: 100%;
margin: 0;
font-size: 17px;
line-height: 1.5;
}
.t360-benefits-final-cta {
text-align: center;
margin-top: 34px;
}
.t360-benefits-final-button {
color: #071b3b;
background-color: #e5f72f;
border-radius: 999px;
padding: 15px 28px;
font-size: 18px;
font-weight: 800;
line-height: 1;
text-decoration: none;
display: inline-block;
}
.t360driver-v2 {
color: #10283d;
background-color: #fff;
padding: 0 0 64px;
overflow: hidden;
}
.t360driver-v2-hero {
grid-template-rows: auto;
grid-template-columns: 1fr 1.12fr;
max-width: 1240px;
min-height: 500px;
margin: 0 auto;
display: grid;
}
.t360driver-v2-copy {
flex-direction: column;
justify-content: center;
padding: 76px 48px 60px 20px;
display: flex;
}
.t360driver-v2-kicker {
color: #119bd1;
letter-spacing: .14em;
margin-bottom: 20px;
font-size: 15px;
font-weight: 800;
}
.t360driver-v2-title {
color: #0d2140;
letter-spacing: -.035em;
max-width: 620px;
margin: 0 0 24px;
font-size: 52px;
line-height: 1.03;
}
.t360driver-v2-lead {
color: #53677c;
max-width: 620px;
margin: 0;
font-size: 19px;
line-height: 1.55;
}
.t360driver-v2-photo {
min-height: 500px;
overflow: hidden;
}
.t360driver-v2-image {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
display: block;
}
.t360driver-v2-points {
border-top: 1px solid #dce8ef;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
max-width: 1240px;
margin: 0 auto;
padding-top: 36px;
display: grid;
}
.t360driver-v2-point {
border-left: 1px solid #dce8ef;
min-height: 220px;
padding: 0 24px;
}
.t360driver-v2-first {
padding-left: 20px;
}
.t360driver-v2-num {
color: #119bd1;
margin-bottom: 18px;
font-size: 22px;
font-weight: 800;
line-height: 1;
}
.t360driver-v2-pointtitle {
color: #0d2140;
letter-spacing: -.02em;
margin: 0 0 16px;
font-size: 22px;
line-height: 1.13;
}
.t360driver-v2-pointcopy {
color: #5a6e82;
margin: 0;
font-size: 16px;
line-height: 1.5;
}
.cd27-page {
color: #173149;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 1.5;
}
.cd27-wrap {
max-width: 1360px;
margin: auto;
padding: 0 48px;
font-family: Arial, Helvetica, sans-serif;
}
.cd27-wrap.cd27-hero-layout {
grid-column-gap: 72px;
grid-row-gap: 40px;
grid-template-columns: 1.08fr .92fr;
align-items: center;
display: grid;
}
.cd27-wrap.cd27-split-feature {
grid-column-gap: 88px;
grid-row-gap: 36px;
grid-template-columns: 1.05fr .95fr;
align-items: center;
display: grid;
}
.cd27-hero {
color: #fff;
background-color: #071d35;
padding: 104px 0;
}
.cd27-section {
padding: 118px 0;
}
.cd27-section.cd27-alt, .cd27-alt {
background-color: #f4f6f7;
}
.cd27-two {
grid-column-gap: 96px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: .92fr 1.08fr;
align-items: center;
display: grid;
}
.cd27-h1 {
letter-spacing: -1.5px;
max-width: 720px;
margin: 12px 0 22px;
font-size: 68px;
line-height: .99;
}
.cd27-h2 {
letter-spacing: -.6px;
margin: 8px 0 20px;
font-size: 46px;
line-height: 1.06;
}
.cd27-h3 {
margin: 0 0 10px;
font-size: 24px;
}
.cd27-white {
color: #fff;
}
.cd27-lead, .cd27-intro {
font-size: 20px;
line-height: 1.55;
}
.cd27-kicker {
color: #0b68b2;
letter-spacing: .12em;
font-size: 13px;
font-weight: 800;
}
.cd27-light {
color: #9fd7ff;
}
.cd27-actions {
grid-column-gap: 18px;
grid-row-gap: 18px;
align-items: center;
margin: 28px 0;
display: flex;
}
.cd27-btn {
color: #071d35;
background-color: #d8e61d;
border-radius: 5px;
padding: 15px 22px;
font-weight: 800;
text-decoration: none;
}
.cd27-wa {
color: #fff;
border: 1px solid #fff;
border-radius: 4px;
padding: 14px 20px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.cd27-points {
font-size: 14px;
font-weight: 700;
}
.cd27-img {
object-fit: cover;
background-color: #dfe5e8;
border-radius: 4px;
width: 100%;
height: 560px;
display: block;
}
.cd27-hero-img {
height: 640px;
}
.cd27-flow {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
align-items: center;
margin: 38px 0;
display: grid;
}
.cd27-flowbox {
background-color: #f4f6f7;
border-top: 4px solid #0b68b2;
min-height: 110px;
padding: 22px;
}
.cd27-flowarrow {
font-size: 28px;
}
.cd27-callout {
color: #fff;
background-color: #071d35;
border-radius: 7px;
max-width: 760px;
padding: 28px 32px;
}
.cd27-definition {
border-top: 1px solid #d7dde2;
border-bottom: 1px solid #d7dde2;
margin-top: 32px;
padding: 22px 0;
line-height: 1.6;
}
.cd27-enquiry {
color: #173149;
background-color: #0000;
padding: 0;
}
.cd27-formgrid {
grid-column-gap: 72px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: .88fr 1.12fr;
align-items: center;
display: grid;
}
.cd27-form {
grid-column-gap: 12px;
grid-row-gap: 14px;
background-color: #fff;
border-radius: 4px;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 24px;
font-family: inherit;
display: grid;
box-shadow: 0 8px 22px #071d350f;
}
.cd27-form._w-form {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.cd27-input {
box-sizing: border-box;
color: #173149;
background-color: #fff;
border: 1px solid #d4dbe0;
border-radius: 3px;
width: 100%;
min-height: 52px;
padding: 12px 13px;
font-family: inherit;
font-size: 16px;
}
.cd27-input._w-input {
box-sizing: border-box;
border: 1px solid #d4dbe0;
border-radius: 4px;
width: 100%;
padding: 14px;
font-size: 16px;
}
.cd27-select {
box-sizing: border-box;
color: #173149;
background-color: #fff;
border: 1px solid #d4dbe0;
border-radius: 3px;
grid-column: 1 / -1;
width: 100%;
min-height: 50px;
padding: 12px 14px;
font-family: inherit;
font-size: 15px;
}
.cd27-select._w-select {
box-sizing: border-box;
border: 1px solid #d4dbe0;
border-radius: 4px;
grid-column: 1 / -1;
width: 100%;
padding: 14px;
font-size: 16px;
}
.cd27-submit {
color: #071d35;
cursor: pointer;
background-color: #ffd52f;
border-radius: 4px;
grid-column: 1 / -1;
min-height: 54px;
margin-top: 4px;
padding: 13px 22px;
font-family: inherit;
font-size: 16px;
font-weight: 800;
}
.cd27-submit._w-button {
color: #071d35;
cursor: pointer;
cursor: pointer;
background-color: #d8e61d;
border-radius: 5px;
grid-column: 1 / -1;
padding: 15px 22px;
font-weight: 800;
}
.cd27-small {
font-size: 14px;
}
.cd27-inline {
margin-top: 24px;
font-weight: 700;
line-height: 1.8;
}
.cd27-arrowline {
color: #0b68b2;
margin-top: 30px;
font-weight: 700;
}
.cd27-band {
color: #fff;
text-align: center;
background-color: #071d35;
padding: 104px 0;
}
.cd27-bandcopy {
max-width: 820px;
margin: 0 auto 12px;
font-size: 20px;
line-height: 1.55;
}
.cd27-yellow {
color: #071d35;
background-color: #f2e63a;
margin: 24px 0;
padding: 18px 20px;
font-weight: 800;
}
.cd27-proof {
background-color: #f4f6f7;
padding: 110px 0;
}
.cd27-stats {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #ccd5dc;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin: 30px 0;
display: grid;
}
.cd27-stat {
background-color: #fff;
padding: 32px;
font-size: 16px;
}
.cd27-case {
background-color: #fff;
border-left: 8px solid #0b68b2;
padding: 48px 52px;
}
.cd27-textlink {
color: #0b68b2;
font-weight: 800;
}
.cd27-reg {
grid-column-gap: 64px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.cd27-regbox {
background-color: #fff;
border-top: 4px solid #0b68b2;
padding: 38px;
}
.cd27-faq {
border-top: 1px solid #d7dde2;
margin-top: 28px;
}
.cd27-faqitem {
border-bottom: 1px solid #d7dde2;
padding: 18px 0;
}
.cd27-summary {
cursor: pointer;
font-size: 18px;
font-weight: 800;
}
._w-input {
box-sizing: border-box;
border: 1px solid #d4dbe0;
border-radius: 4px;
width: 100%;
padding: 14px;
font-size: 16px;
}
.rm27-enquiry {
color: #fff;
background-color: #071b2b;
padding: 58px 24px;
}
.rm27-wrap {
width: min(1180px, 100%);
margin: 0 auto;
}
.rm27-formgrid {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
display: grid;
}
.rm27-kicker {
color: #72d6c8;
letter-spacing: .12em;
margin: 0 0 10px;
font-size: 13px;
font-weight: 800;
}
.rm27-title {
color: #fff;
margin: 0 0 16px;
font-size: 44px;
line-height: 1.05;
}
.rm27-lead {
color: #d8e4ea;
max-width: 620px;
font-size: 19px;
line-height: 1.55;
}
.rm27-small {
color: #b9c9d1;
font-size: 14px;
}
.rm27-wa {
color: #6ee7a8;
font-weight: 800;
}
.rm27-form, .rm27-form._w-form {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #fff;
border-radius: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding: 24px;
display: grid;
}
.rm27-input, .rm27-input._w-input, .rm27-input._w-input-1 {
color: #12222f;
background-color: #fff;
border: 1px solid #cbd5dc;
border-radius: 7px;
width: 100%;
min-height: 52px;
padding: 12px 14px;
}
.rm27-hidden, .rm27-hidden._w-input {
display: none;
}
.rm27-submit, .rm27-submit._w-button {
color: #071b2b;
cursor: pointer;
background-color: #f0c928;
border-radius: 7px;
grid-column: 1 / -1;
min-height: 54px;
font-size: 16px;
font-weight: 900;
}
.rm27-note {
color: #5b6973;
grid-column: 1 / -1;
margin: 2px 0 0;
font-size: 14px;
}
.cd27-wa-inline {
color: #9fd7ff;
font-weight: 800;
text-decoration: none;
}
.cd27-hero-layout {
grid-column-gap: 72px;
grid-row-gap: 40px;
grid-template-columns: 1.08fr .92fr;
align-items: center;
display: grid;
}
.cd27-workflow-section {
background-color: #f4f6f7;
border-bottom: 1px solid #dfe4e8;
padding-top: 96px;
padding-bottom: 96px;
}
.cd27-split-feature {
grid-column-gap: 88px;
grid-row-gap: 36px;
grid-template-columns: 1.05fr .95fr;
align-items: center;
display: grid;
}
.cd27-invoice-section {
background-color: #f4f6f7;
padding-top: 96px;
padding-bottom: 96px;
}
.cd27-customer-section {
background-color: #fff;
padding-top: 104px;
padding-bottom: 104px;
}
.cd27-record-section {
background-color: #eef3f7;
padding-top: 104px;
padding-bottom: 104px;
}
.cd27-product-section {
background-color: #fff;
padding-top: 104px;
padding-bottom: 104px;
}
.cd27-proof-strong {
background-color: #f4f6f7;
padding-top: 104px;
padding-bottom: 104px;
}
.cd27-reg-section {
background-color: #fff;
padding-top: 104px;
padding-bottom: 104px;
}
.cd27-section-intro {
max-width: 820px;
margin-bottom: 44px;
}
.cd27-reg-intro {
grid-column: 1 / -1;
max-width: 820px;
margin-bottom: 4px;
}
.rm28-page {
color: #17364a;
background-color: #fff;
font-size: 16px;
line-height: 1.5;
}
.rm28-wrap {
width: calc(100% - 40px);
max-width: 1180px;
margin-left: auto;
margin-right: auto;
}
.rm28-section {
padding-top: 52px;
padding-bottom: 52px;
}
.rm28-alt {
background-color: #f4f7fa;
padding-top: 52px;
padding-bottom: 52px;
}
.rm28-kicker {
color: #0b7890;
letter-spacing: .12em;
margin-top: 0;
margin-bottom: 12px;
font-size: 13px;
font-weight: 800;
}
.rm28-kicker-light {
color: #9fe5f2;
letter-spacing: .12em;
margin-top: 0;
margin-bottom: 12px;
font-size: 13px;
font-weight: 800;
}
.rm28-h1 {
color: #fff;
letter-spacing: -.035em;
max-width: 620px;
margin-top: 0;
margin-bottom: 22px;
font-size: 50px;
line-height: 1.02;
}
.rm28-h2 {
color: #082f4b;
letter-spacing: -.025em;
max-width: 900px;
margin-top: 0;
margin-bottom: 18px;
font-size: 36px;
line-height: 1.08;
}
.rm28-white {
color: #fff;
}
.rm28-lead {
color: #e5eef4;
max-width: 800px;
font-size: 18px;
line-height: 1.45;
}
.rm28-intro {
color: #39515f;
max-width: 800px;
font-size: 20px;
}
.rm28-strong {
color: #fff;
max-width: 760px;
font-size: 17px;
font-weight: 800;
}
.rm28-hero {
color: #fff;
background-color: #062b46;
padding-top: 54px;
padding-bottom: 0;
}
.rm28-hero-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr);
align-items: stretch;
gap: 32px;
display: grid;
}
.rm28-hero-img {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 500px;
max-height: 620px;
display: block;
}
.rm28-actions {
grid-column-gap: 18px;
grid-row-gap: 18px;
flex-wrap: wrap;
align-items: center;
margin-top: 28px;
display: flex;
}
.rm28-btn {
color: #071d2b;
background-color: #ffd84d;
padding: 15px 22px;
font-weight: 900;
text-decoration: none;
display: inline-block;
}
.rm28-wa {
color: #0b5f8a;
font-weight: 800;
text-decoration: none;
}
.rm28-wa-light {
color: #fff;
font-weight: 800;
text-decoration: none;
}
.rm28-proof {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #d7e1e7;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 24px;
display: grid;
}
.rm28-proofitem {
background-color: #fff;
padding: 16px;
}
.rm28-questions {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
margin-top: 30px;
margin-bottom: 30px;
display: grid;
}
.rm28-question {
background-color: #f7f9fa;
border-top: 4px solid #0b7890;
padding: 24px;
font-size: 19px;
font-weight: 800;
}
.rm28-callout {
grid-column-gap: 22px;
grid-row-gap: 22px;
color: #fff;
background-color: #071d2b;
flex-wrap: wrap;
justify-content: space-between;
padding: 28px 30px;
display: flex;
}
.rm28-flow-section {
background-color: #edf4f8;
padding-top: 48px;
padding-bottom: 48px;
}
.rm28-flow {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
margin-top: 34px;
display: grid;
}
.rm28-flowitem {
background-color: #fff;
border-top: 4px solid #0b5f8a;
min-height: 180px;
padding: 18px;
}
.rm28-enquiry {
background-color: #062b46;
padding-top: 44px;
padding-bottom: 44px;
}
.rm28-formgrid {
grid-column-gap: 52px;
grid-row-gap: 52px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
align-items: start;
display: grid;
}
.rm28-formlead {
color: #dce9ed;
max-width: 620px;
font-size: 20px;
}
.rm28-formwa {
color: #dce9ed;
}
.rm28-form {
background-color: #fff;
padding: 24px;
}
.rm28-input, .rm28-input._w-input, .rm28-input._w-input-1 {
border: 1px solid #bac9cf;
border-radius: 0;
height: 50px;
margin-bottom: 12px;
font-size: 16px;
}
.rm28-submit, .rm28-submit._w-button {
color: #071d2b;
background-color: #ffd84d;
border-radius: 0;
width: 100%;
padding: 15px;
font-weight: 900;
}
.rm28-note {
color: #657985;
margin-top: 12px;
margin-bottom: 0;
font-size: 13px;
}
.rm28-split {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
margin-top: 32px;
display: grid;
}
.rm28-panel {
border: 1px solid #dbe4e8;
padding: 30px;
}
.rm28-panel-dark {
color: #fff;
background-color: #071d2b;
padding: 30px;
}
.rm28-path {
color: #0b5f8a;
font-weight: 800;
}
.rm28-product-img {
object-fit: contain;
background-color: #fff;
width: 100%;
max-height: 330px;
margin-top: 24px;
display: block;
}
.rm28-cards {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
margin-top: 30px;
display: grid;
}
.rm28-card {
background-color: #fff;
border-top: 4px solid #0b7890;
padding: 24px;
}
.rm28-feature-grid {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
align-items: center;
display: grid;
}
.rm28-feature-img {
object-fit: contain;
background-color: #eef3f4;
width: 100%;
max-height: 430px;
display: block;
}
.rm28-mini-flow {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-wrap: wrap;
margin-top: 24px;
margin-bottom: 24px;
display: flex;
}
.rm28-disclaimer {
background-color: #f4f7f8;
border-left: 4px solid #ffd84d;
padding: 14px 18px;
}
.rm28-dark {
color: #fff;
background-color: #071d2b;
padding-top: 78px;
padding-bottom: 78px;
}
.rm28-lightcopy {
color: #d7e5e9;
font-size: 19px;
}
.rm28-mini-flow-light {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
flex-wrap: wrap;
margin-top: 24px;
margin-bottom: 24px;
display: flex;
}
.rm28-small-light {
color: #c9dadd;
font-size: 14px;
}
.rm28-subhead {
color: #0b5f8a;
margin-top: -6px;
margin-bottom: 14px;
font-size: 24px;
font-weight: 800;
}
.rm28-system-flow {
grid-column-gap: 14px;
grid-row-gap: 14px;
text-align: center;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-top: 34px;
margin-bottom: 34px;
display: flex;
}
.rm28-definition {
background-color: #f4f7f8;
border-left: 4px solid #ffd84d;
padding: 14px 18px;
}
.rm28-benefits {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #cad8dd;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
margin-top: 30px;
display: grid;
}
.rm28-benefit {
background-color: #fff;
padding: 26px;
}
.rm28-trust {
color: #fff;
background-color: #071d2b;
padding-top: 78px;
padding-bottom: 78px;
}
.rm28-trustgrid {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #244858;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
margin-top: 34px;
display: grid;
}
.rm28-trustitem {
background-color: #0b2b3b;
padding: 26px;
}
.rm28-faq {
border-top: 1px solid #dbe4e8;
margin-top: 28px;
}
.rm28-faqitem {
border-bottom: 1px solid #dbe4e8;
padding-top: 16px;
padding-bottom: 16px;
}
.rm28-final {
color: #082f4b;
background-color: #f2e914;
padding-top: 42px;
padding-bottom: 42px;
}
.rm28-finalbox {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
align-items: center;
display: grid;
}
.rm28-finalnote {
font-weight: 800;
}
.rm28-label {
color: #203744;
margin-bottom: 6px;
font-size: 14px;
font-weight: 700;
display: block;
}
.rm28-main {
display: block;
}
.cdx-shell {
max-width: 1280px;
margin: 0 auto;
padding: 0 42px;
}
.cdx-hero {
color: #fff;
background-color: #071d35;
padding: 78px 0;
}
.cdx-hero-grid {
grid-column-gap: 58px;
grid-row-gap: 58px;
grid-template-rows: auto;
grid-template-columns: 1.02fr .98fr;
align-items: center;
display: grid;
}
.cdx-kicker {
color: #0b68b2;
letter-spacing: 1.7px;
margin: 0 0 14px;
font-size: 13px;
font-weight: 800;
line-height: 1.2;
}
.cdx-kicker-light {
color: #79bde7;
}
.cdx-h1 {
letter-spacing: -1.2px;
max-width: 690px;
margin: 0 0 24px;
font-size: 58px;
line-height: 1.02;
}
.cdx-lead {
color: #eef5fa;
max-width: 700px;
margin: 0 0 28px;
font-size: 20px;
line-height: 1.55;
}
.cdx-actions {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-wrap: wrap;
margin-bottom: 24px;
display: flex;
}
.cdx-btn {
color: #071d35;
background-color: #f2e63a;
border-radius: 4px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 22px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.cdx-wa {
color: #071d35;
background-color: #25d366;
border-radius: 4px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 22px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.cdx-proofline {
grid-column-gap: 22px;
grid-row-gap: 22px;
color: #d6e3ec;
flex-wrap: wrap;
font-size: 14px;
font-weight: 700;
display: flex;
}
.cdx-proofitem {
display: inline-block;
}
.cdx-hero-image {
object-fit: cover;
border-radius: 4px;
width: 100%;
height: 540px;
display: block;
}
.cdx-work {
background-color: #fff;
padding: 96px 0;
}
.cdx-narrow {
max-width: 850px;
}
.cdx-h2 {
color: #071d35;
letter-spacing: -.5px;
margin: 0 0 18px;
font-size: 42px;
line-height: 1.08;
}
.cdx-intro {
color: #2f3b45;
max-width: 850px;
font-size: 19px;
line-height: 1.65;
}
.cdx-flow {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
align-items: center;
margin: 42px 0 34px;
display: grid;
}
.cdx-flowbox {
background-color: #f4f6f7;
border-top: 4px solid #0b68b2;
flex-direction: column;
justify-content: center;
min-height: 118px;
padding: 24px 20px;
display: flex;
}
.cdx-flowtitle {
color: #071d35;
font-size: 19px;
}
.cdx-flowsmall {
color: #4b5963;
margin-top: 6px;
font-size: 14px;
line-height: 1.4;
}
.cdx-arrow {
color: #0b68b2;
font-size: 28px;
font-style: normal;
}
.cdx-work-bottom {
grid-column-gap: 50px;
grid-row-gap: 50px;
border-top: 1px solid #dfe4e8;
grid-template-rows: auto;
grid-template-columns: .9fr 1.1fr;
padding-top: 30px;
display: grid;
}
.cdx-h3 {
color: #071d35;
margin: 0;
font-size: 29px;
line-height: 1.15;
}
.cdx-body {
color: #2f3b45;
margin: 0;
font-size: 18px;
line-height: 1.65;
}
.cdx-feature {
background-color: #fff;
padding: 96px 0;
}
.cdx-feature-alt {
background-color: #f4f6f7;
}
.cdx-feature-office {
border-top: 1px solid #dfe4e8;
}
.cdx-split {
grid-column-gap: 72px;
grid-row-gap: 72px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
display: grid;
}
.cdx-split-reverse {
grid-template-rows: auto;
grid-template-columns: .95fr 1.05fr;
}
.cdx-copy {
max-width: 620px;
}
.cdx-wide-image {
object-fit: cover;
border-radius: 4px;
width: 100%;
height: 500px;
display: block;
}
.cdx-mini-flow {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr auto 1fr;
align-items: center;
margin: 28px 0;
display: grid;
}
.cdx-mini-box {
color: #071d35;
text-align: center;
background-color: #eef3f7;
border-top: 4px solid #0b68b2;
padding: 18px 12px;
font-size: 13px;
font-weight: 800;
}
.cdx-mini-arrow {
color: #0b68b2;
font-size: 24px;
}
.cdx-strongline {
color: #071d35;
margin: 24px 0 8px;
font-size: 20px;
font-weight: 800;
line-height: 1.45;
}
.cdx-small {
color: #52606a;
font-size: 15px;
line-height: 1.55;
}
.cdx-tagrow {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 26px;
display: flex;
}
.cdx-tag {
color: #24323c;
background-color: #fff;
border: 1px solid #d6dde3;
padding: 10px 13px;
font-size: 14px;
font-weight: 700;
display: inline-block;
}
.cdx-invoice {
background-color: #fff;
padding: 86px 0;
}
.cdx-invoice-head {
max-width: 820px;
}
.cdx-invoice-flow {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr auto 1fr;
align-items: center;
margin-top: 38px;
display: grid;
}
.cdx-invoice-step {
color: #071d35;
text-align: center;
background-color: #f8fafb;
border: 1px solid #cfd9e0;
border-top: 5px solid #0b68b2;
padding: 26px 18px;
font-size: 18px;
font-weight: 800;
}
.cdx-invoice-last {
background-color: #f2e63a;
border-color: #e2d600;
}
.cdx-invoice-arrow {
color: #0b68b2;
font-size: 30px;
}
.cdx-band {
color: #fff;
background-color: #071d35;
padding: 80px 0;
}
.cdx-band-inner {
text-align: center;
max-width: 980px;
}
.cdx-band-h2 {
letter-spacing: -.5px;
margin: 0 auto 18px;
font-size: 43px;
line-height: 1.08;
}
.cdx-band-copy {
color: #edf4f8;
max-width: 900px;
margin: 0 auto 18px;
font-size: 20px;
line-height: 1.6;
}
.cdx-band-strong {
color: #f2e63a;
font-size: 18px;
}
.cdx-question-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
margin: 28px 0;
display: grid;
}
.cdx-question {
grid-column-gap: 14px;
grid-row-gap: 14px;
border-bottom: 1px solid #dce3e8;
grid-template-rows: auto;
grid-template-columns: 160px 1fr;
padding: 13px 0;
display: grid;
}
.cdx-qtitle {
color: #071d35;
}
.cdx-qanswer {
color: #3b4953;
}
.cdx-yellow {
color: #071d35;
background-color: #f2e63a;
margin-top: 28px;
padding: 20px 22px;
font-size: 19px;
font-weight: 800;
line-height: 1.45;
}
.cdx-record {
background-color: #eef3f7;
padding: 96px 0;
}
.cdx-record-grid {
grid-column-gap: 68px;
grid-row-gap: 68px;
grid-template-rows: auto;
grid-template-columns: .9fr 1.1fr;
align-items: center;
display: grid;
}
.cdx-record-flow {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr;
display: grid;
}
.cdx-record-box {
background-color: #fff;
border-left: 5px solid #0b68b2;
padding: 24px;
}
.cdx-record-title {
color: #071d35;
font-size: 19px;
display: block;
}
.cdx-record-copy {
color: #52606a;
margin-top: 5px;
display: block;
}
.cdx-record-arrow {
color: #0b68b2;
text-align: center;
font-size: 28px;
}
.cdx-band-dispute {
background-color: #0a3157;
}
.cdx-product {
background-color: #fff;
padding: 96px 0;
}
.cdx-product-head {
max-width: 850px;
}
.cdx-cap-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 36px;
display: grid;
}
.cdx-cap {
color: #071d35;
background-color: #f4f6f7;
border-top: 4px solid #0b68b2;
padding: 20px 18px;
font-size: 16px;
font-weight: 800;
}
.cdx-proof {
background-color: #f4f6f7;
padding: 96px 0;
}
.cdx-proof-grid {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: 1.05fr .95fr;
align-items: center;
display: grid;
}
.cdx-proof-card {
color: #fff;
background-color: #071d35;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.cdx-proof-stat {
text-align: center;
border-right: 1px solid #21435f;
padding: 32px 18px;
font-size: 38px;
font-weight: 800;
line-height: 1;
}
.cdx-proof-label {
color: #c9d8e2;
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 8px;
font-size: 13px;
line-height: 1.2;
display: block;
}
.cdx-textlink {
color: #0b68b2;
margin-top: 20px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.cdx-compliance {
background-color: #fff;
padding: 96px 0;
}
.cdx-compliance-head {
max-width: 850px;
}
.cdx-reg-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 34px;
display: grid;
}
.cdx-reg-box {
background-color: #f5f7f8;
border-top: 5px solid #0b68b2;
padding: 34px 32px;
}
.cdx-reg-title {
color: #071d35;
margin: 0 0 14px;
font-size: 25px;
line-height: 1.2;
}
.cdx-faq {
background-color: #eef3f7;
padding: 96px 0;
}
.cdx-faq-head {
max-width: 760px;
}
.cdx-faq-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 36px;
display: grid;
}
.cdx-faq-item {
background-color: #fff;
border-left: 4px solid #0b68b2;
padding: 26px;
}
.cdx-faq-q {
color: #071d35;
margin: 0 0 10px;
font-size: 20px;
line-height: 1.3;
}
.cdx-faq-a {
color: #3f4e58;
margin: 0;
font-size: 16px;
line-height: 1.6;
}
.ag28-page {
color: #10243b;
background-color: #fff;
}
.ag28-wrap {
width: 92%;
max-width: 1180px;
margin: 0 auto;
}
.ag28-hero {
background-color: #071c31;
padding: 64px 0 0;
}
.ag28-hero-grid {
grid-column-gap: 52px;
grid-row-gap: 52px;
grid-template-rows: auto;
grid-template-columns: 1.02fr .98fr;
align-items: center;
display: grid;
}
.ag28-hero-copy {
padding: 26px 0 58px;
}
.ag28-kicker {
color: #0b6aa8;
letter-spacing: .11em;
text-transform: uppercase;
margin: 0 0 14px;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
}
.ag28-kicker-light {
color: #8bd5ff;
}
.ag28-h1 {
color: #fff;
letter-spacing: -.03em;
max-width: 720px;
margin: 0 0 24px;
font-size: 54px;
line-height: 1.02;
}
.ag28-lead {
color: #d9e6ef;
max-width: 720px;
margin: 0 0 28px;
font-size: 20px;
line-height: 1.55;
}
.ag28-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
display: flex;
}
.ag28-btn {
border-radius: 8px;
padding: 15px 22px;
font-size: 15px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.ag28-btn-yellow {
color: #0b1f34;
background-color: #f4d624;
}
.ag28-btn-outline {
color: #fff;
background-color: #0000;
border: 1px solid #6f879a;
}
.ag28-hero-media {
min-height: 470px;
}
.ag28-hero-img {
object-fit: cover;
border-radius: 14px 14px 0 0;
width: 100%;
height: 470px;
}
.ag28-stats {
background-color: #fff;
border-radius: 12px 12px 0 0;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
width: 92%;
max-width: 1180px;
margin: 0 auto;
display: grid;
box-shadow: 0 -8px 28px #00000024;
}
.ag28-stat {
border-right: 1px solid #e6edf2;
padding: 22px 24px;
}
.ag28-stat-strong {
color: #0d2842;
margin-bottom: 4px;
font-size: 19px;
display: block;
}
.ag28-stat-copy {
color: #607083;
font-size: 14px;
line-height: 1.4;
display: block;
}
.ag28-section {
padding: 84px 0;
}
.ag28-white {
background-color: #fff;
}
.ag28-grey {
background-color: #f4f7f9;
}
.ag28-navy {
background-color: #071c31;
}
.ag28-h2 {
color: #10243b;
letter-spacing: -.02em;
margin: 0 0 34px;
font-size: 42px;
line-height: 1.08;
}
.ag28-h2-light {
color: #fff;
}
.ag28-narrow {
max-width: 800px;
}
.ag28-three {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.ag28-pain {
background-color: #f7f9fb;
border: 1px solid #e2e8ee;
border-radius: 12px;
padding: 28px;
}
.ag28-pain-num {
color: #0b6aa8;
margin-bottom: 28px;
font-size: 14px;
font-weight: 800;
}
.ag28-h3 {
color: #10243b;
margin: 0 0 10px;
font-size: 22px;
line-height: 1.2;
}
.ag28-h3-big {
font-size: 26px;
}
.ag28-body {
color: #55677a;
margin: 0;
font-size: 17px;
line-height: 1.6;
}
.ag28-four {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.ag28-step {
background-color: #fff;
border: 1px solid #e3e9ef;
border-radius: 12px;
padding: 24px;
}
.ag28-step-no {
color: #fff;
background-color: #0b6aa8;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
margin-bottom: 22px;
font-weight: 800;
display: flex;
}
.ag28-form-band {
background-color: #0b5f96;
padding: 74px 0;
}
.ag28-form-grid {
grid-column-gap: 54px;
grid-row-gap: 54px;
grid-template-rows: auto;
grid-template-columns: 1fr .9fr;
align-items: start;
display: grid;
}
.ag28-form-copy {
color: #fff;
}
.ag28-lead-sm {
color: #dbeaf5;
margin: 0 0 22px;
font-size: 18px;
line-height: 1.6;
}
.ag28-list {
color: #fff;
margin: 20px 0 22px;
padding-left: 20px;
}
.ag28-li {
font-size: 17px;
line-height: 1.8;
}
.ag28-form-note {
color: #dbeaf5;
margin: 7px 0;
font-size: 14px;
line-height: 1.5;
}
.ag28-inline-light {
color: #fff;
font-weight: 800;
}
.ag28-form-slot {
background-color: #fff;
border-radius: 12px;
min-height: 285px;
padding: 26px;
}
.ag28-two {
grid-column-gap: 26px;
grid-row-gap: 26px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.ag28-feature-card {
background-color: #fff;
border: 1px solid #e1e7ed;
border-radius: 12px;
padding: 0 0 28px;
overflow: hidden;
}
.ag28-feature-img {
object-fit: cover;
width: 100%;
height: 290px;
margin-bottom: 24px;
}
.ag28-feature-kicker {
color: #0b6aa8;
letter-spacing: .11em;
text-transform: uppercase;
margin: 0 26px 14px;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
}
.ag28-feature-title {
color: #10243b;
margin: 0 26px 12px;
font-size: 26px;
line-height: 1.2;
}
.ag28-feature-body {
color: #55677a;
margin: 0 26px;
font-size: 17px;
line-height: 1.6;
}
.ag28-callout {
color: #18354f;
background-color: #eff6fb;
border-left: 4px solid #0b6aa8;
margin: 18px 26px 0;
padding: 15px 16px;
font-size: 16px;
line-height: 1.5;
}
.ag28-qtc-grid {
grid-column-gap: 46px;
grid-row-gap: 46px;
grid-template-rows: auto;
grid-template-columns: .9fr 1.1fr;
align-items: center;
display: grid;
}
.ag28-qtc-copy {
color: #fff;
}
.ag28-flow {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
align-items: stretch;
display: grid;
}
.ag28-flow-item {
background-color: #fff;
border-radius: 10px;
padding: 18px;
}
.ag28-flow-title {
color: #10243b;
margin-bottom: 8px;
font-size: 17px;
display: block;
}
.ag28-flow-copy {
color: #617184;
font-size: 14px;
line-height: 1.5;
display: block;
}
.ag28-arrow {
color: #f4d624;
align-items: center;
font-size: 28px;
font-weight: 800;
display: flex;
}
.ag28-proof-card {
background-color: #fff;
border: 1px solid #dfe6ec;
border-radius: 12px;
padding: 28px;
}
.ag28-logo-box {
align-items: center;
height: 70px;
margin-bottom: 18px;
display: flex;
}
.ag28-logo {
object-fit: contain;
max-width: 190px;
max-height: 58px;
}
.ag28-text-link {
color: #0b6aa8;
margin-top: 18px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.ag28-faq-grid {
grid-column-gap: 24px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.ag28-faq {
border-bottom: 1px solid #dce4ea;
padding: 0 0 14px;
}
.ag28-faq-q {
color: #10243b;
cursor: pointer;
padding: 10px 0;
font-size: 18px;
font-weight: 800;
line-height: 1.35;
}
.ag28-faq-a {
color: #5a6b7d;
margin: 8px 0 0;
font-size: 16px;
line-height: 1.6;
}
.ag28-final {
background-image: url("https://s3.amazonaws.com/webflow-prod-assets/6a90596391b69e3266a9a734/6a91f3fddd333ec3202d6ece_tipper360-aggregate-quarry.webp");
background-size: cover;
}
.ag28-final-overlay {
background-color: #071c31d1;
padding: 86px 0;
}
.ag28-final-inner {
max-width: 900px;
}
.ag28-final-title {
max-width: 760px;
}
.ag28-final-copy {
max-width: 650px;
}
.ag28-native-form, .ag28-native-form._w-form {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.ag28-label {
color: #17324b;
margin-top: 4px;
font-size: 14px;
font-weight: 800;
}
.ag28-input {
box-sizing: border-box;
color: #10243b;
background-color: #fff;
border: 1px solid #cdd8e1;
border-radius: 3px;
width: 100%;
padding: 15px 14px;
font-size: 16px;
}
.ag28-input._w-input, .ag28-input._w-input-1 {
box-sizing: border-box;
color: #10243b;
background-color: #fff;
border: 1px solid #cdd8e1;
border-radius: 7px;
width: 100%;
padding: 13px 14px;
font-size: 16px;
}
.ag28-submit {
color: #0b1f34;
cursor: pointer;
background-color: #f4d624;
border-radius: 4px;
margin-top: 10px;
padding: 16px;
font-size: 16px;
font-weight: 800;
}
.ag28-submit._w-button {
color: #0b1f34;
cursor: pointer;
background-color: #f4d624;
border-radius: 7px;
margin-top: 10px;
padding: 14px 16px;
font-size: 16px;
font-weight: 800;
}
.ag28-form-helper {
color: #6a7886;
margin: 4px 0 0;
font-size: 13px;
}
.ag28-status-wrap {
margin-top: 10px;
}
.ag28-success {
color: #174d2b;
background-color: #eaf7ef;
border-radius: 7px;
padding: 12px;
font-size: 14px;
display: none;
}
.ag28-error {
color: #7a2222;
background-color: #fff1f1;
border-radius: 7px;
padding: 12px;
font-size: 14px;
display: none;
}
.ag28-responsive-marker, .ag28-anchor {
display: none;
}
.ag28-end-spacer {
height: 0;
}
.cdm-top {
color: #0b2940;
font-family: inherit;
}
.cdm-hero {
background-color: #071d35;
background-image: linear-gradient(90deg, #04213efa 0%, #04213ee6 36%, #04213e85 57%, #04213e1a 78%, #04213e00 100%), url("https://s3.amazonaws.com/webflow-prod-assets/6a90596391b69e3266a9a734/6aa9643a79b88b8cd785d0b4_Tipper360_CandD_Hero_Wide.png");
background-size: cover;
grid-template-rows: auto;
grid-template-columns: none;
align-items: center;
min-height: 650px;
display: flex;
}
.cdm-hero-copy {
color: #fff;
flex-direction: column;
justify-content: center;
width: 58%;
max-width: 820px;
min-height: 650px;
padding: 70px 64px 58px max(42px, 50vw - 632px);
display: flex;
}
.cdm-kicker {
letter-spacing: .12em;
text-transform: uppercase;
font-size: 13px;
font-weight: 800;
}
.cdm-kicker-light {
color: #d8e9f3;
}
.cdm-hero-title {
color: #fff;
letter-spacing: -.045em;
max-width: 780px;
margin-top: 14px;
margin-bottom: 24px;
font-family: inherit;
font-size: clamp(48px, 5.5vw, 76px);
font-weight: 800;
line-height: 1.02;
}
.cdm-yellow-text {
color: #ffd52f;
}
.cdm-hero-lead {
color: #e5edf2;
max-width: 650px;
margin: 0 0 28px;
font-size: 19px;
line-height: 1.48;
}
.cdm-actions {
grid-column-gap: 14px;
grid-row-gap: 14px;
flex-wrap: wrap;
margin-bottom: 36px;
display: flex;
}
.cdm-btn-yellow {
color: #082d43;
background-color: #ffd52f;
border-radius: 4px;
padding: 14px 22px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.cdm-btn-whatsapp {
color: #fff;
background-color: #08aa67;
border-radius: 4px;
padding: 14px 22px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.cdm-hero-points {
grid-column-gap: 14px;
grid-row-gap: 14px;
border-top: 1px solid #ffffff38;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
max-width: 760px;
padding-top: 22px;
display: grid;
}
.cdm-hero-point {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
align-items: center;
font-size: 13px;
line-height: 1.25;
display: flex;
}
.cdm-hero-media {
height: 100%;
min-height: 0;
display: none;
}
.cdm-hero-img {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 650px;
display: block;
}
.cdm-workflow {
background-color: #fff;
padding: 76px 0 42px;
}
.cdm-shell {
max-width: 1360px;
margin: 0 auto;
padding: 0 48px;
}
.cdm-section-title {
color: #082d43;
letter-spacing: -.035em;
margin: 0 0 20px;
font-family: inherit;
font-size: 50px;
font-weight: 800;
line-height: 1.02;
}
.cdm-section-lead {
color: #42566a;
max-width: 980px;
margin: 0 0 34px;
font-size: 20px;
line-height: 1.5;
}
.cdm-steps {
grid-column-gap: 28px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.cdm-step {
position: relative;
}
.cdm-step-num {
color: #fff;
background-color: #0b5eb8;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-bottom: 12px;
font-size: 12px;
font-weight: 800;
display: flex;
}
.cdm-step-img {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 260px;
margin-bottom: 18px;
display: block;
}
.cdm-step-title {
color: #0a3157;
letter-spacing: .05em;
margin: 0 0 6px;
font-size: 14px;
font-weight: 800;
}
.cdm-step-copy {
color: #4e6073;
margin: 0;
font-size: 14px;
line-height: 1.45;
}
.cdm-repeat {
color: #0b5eb8;
text-align: center;
letter-spacing: .04em;
border-top: 2px solid #8fc2ea;
margin-top: 18px;
padding-top: 12px;
padding-bottom: 2px;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
display: none;
}
.ag28-build-marker {
display: none;
}
.ag28-zero {
height: 0;
}
.cdm-lead-shell {
clip-path: inset(0 -100vmax);
background-color: #0a3157;
max-width: 1180px;
margin: 0 auto;
padding: 54px 48px;
box-shadow: 0 0 0 100vmax #0a3157;
}
.cdm-lead-grid {
grid-column-gap: 72px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.12fr) minmax(380px, .88fr);
justify-content: stretch;
align-items: center;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.cdm-lead-left {
width: 100%;
box-shadow: none;
background-color: #0000;
border-top: 0 solid #0b5eb8;
padding: 0;
}
.cdm-lead-title {
color: #fff;
letter-spacing: -.035em;
max-width: 650px;
margin: 12px 0 20px;
font-family: inherit;
font-size: 46px;
font-weight: 800;
line-height: 1.06;
}
.cdm-lead-copy {
color: #d9e6ee;
max-width: 620px;
margin: 0 0 12px;
font-size: 19px;
line-height: 1.55;
}
.cdm-form-slot {
min-height: 80px;
}
.cdm-form-note {
color: #5c6d7c;
margin: 12px 0 0;
font-size: 13px;
line-height: 1.4;
}
.cdm-driver-photo {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 450px;
display: none;
}
.cdm-lead-benefits {
grid-column-gap: 24px;
grid-row-gap: 20px;
box-shadow: none;
background-color: #fff;
border: 1px solid #dce3e8;
border-radius: 6px;
flex-direction: column;
justify-content: center;
padding: 28px;
display: flex;
}
.cdm-benefit {
grid-column-gap: 13px;
grid-row-gap: 13px;
color: #0a3157;
align-items: flex-start;
font-family: inherit;
font-size: 17px;
font-weight: 700;
line-height: 1.35;
display: flex;
}
.rm30-page {
color: #062d4a;
background-color: #fff;
}
.rm30-wrap {
box-sizing: border-box;
width: 100%;
max-width: 1360px;
margin-left: auto;
margin-right: auto;
padding-left: 48px;
padding-right: 48px;
}
.rm30-hero {
color: #fff;
background-color: #062d4a;
}
.rm30-hero-grid {
grid-template-columns: 1.02fr .98fr;
min-height: 560px;
display: grid;
}
.rm30-hero-copy {
padding-top: 76px;
padding-bottom: 54px;
padding-right: 56px;
}
.rm30-hero-media {
min-height: 560px;
overflow: hidden;
}
.rm30-hero-image {
object-fit: cover;
width: 100%;
height: 560px;
}
.rm30-h1 {
color: #fff;
margin-bottom: 18px;
font-size: 48px;
font-weight: 800;
line-height: 1.02;
}
.rm30-h2 {
margin-bottom: 20px;
font-size: 30px;
font-weight: 800;
line-height: 1.08;
}
.rm30-eyebrow {
color: #1688d4;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 12px;
font-weight: 800;
}
.rm30-eyebrow-lime {
color: #d8f21f;
letter-spacing: 1.5px;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 12px;
font-weight: 800;
}
.rm30-actions {
flex-wrap: wrap;
gap: 12px;
margin-top: 20px;
margin-bottom: 20px;
display: flex;
}
.rm30-btn-primary {
color: #062d4a;
background-color: #d8f21f;
padding: 14px 20px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.rm30-btn-secondary {
color: #fff;
border: 1px solid #ffffffa6;
padding: 13px 20px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.rm30-proof {
grid-template-columns: repeat(4, 1fr);
gap: 18px;
margin-top: 22px;
display: grid;
}
.rm30-section-white {
background-color: #fff;
padding-top: 64px;
padding-bottom: 64px;
}
.rm30-section-soft {
background-color: #f2f7fa;
padding-top: 58px;
padding-bottom: 58px;
}
.rm30-section-dark {
color: #fff;
background-color: #062d4a;
padding-top: 46px;
padding-bottom: 46px;
}
.rm30-question-grid {
grid-template-columns: repeat(4, 1fr);
gap: 12px;
margin-top: 28px;
margin-bottom: 20px;
display: grid;
}
.rm30-card {
background-color: #f1f6f9;
min-height: 130px;
padding: 24px;
}
.rm30-center {
text-align: center;
}
.rm30-process-grid {
grid-template-columns: repeat(7, 1fr);
gap: 8px;
margin-top: 28px;
margin-bottom: 24px;
display: grid;
}
.rm30-step {
background-color: #fff;
border-top: 4px solid #0b75b6;
min-height: 150px;
padding: 16px;
}
.rm30-form-band {
grid-template-columns: 38% 62%;
align-items: center;
gap: 50px;
display: grid;
}
.rm30-form-panel {
background-color: #082841;
border-radius: 8px;
padding: 24px;
}
.rm30-two-grid {
grid-template-columns: 1fr 1fr;
gap: 22px;
display: grid;
}
.rm30-panel {
background-color: #f3f7f9;
padding: 26px;
}
.rm30-image-245 {
object-fit: cover;
width: 100%;
height: 245px;
margin-bottom: 16px;
}
.rm30-six-grid {
grid-template-columns: repeat(6, 1fr);
gap: 10px;
display: grid;
}
.rm30-feature-grid {
grid-template-columns: 1fr 1fr;
display: grid;
}
.rm30-feature {
padding: 28px;
}
.rm30-note {
background-color: #edf2f5;
padding: 10px;
font-size: 12px;
}
.rm30-benefit-grid {
grid-template-columns: repeat(4, 1fr);
gap: 12px;
display: grid;
}
.rm30-trust {
color: #fff;
background-color: #062d4a;
grid-template-columns: 48% 52%;
display: grid;
}
.rm30-trust-image {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 330px;
}
.rm30-trust-copy {
padding: 48px;
}
.cdm-core {
color: #0b2940;
font-family: inherit;
}
.cdm-driveroffice {
background-color: #eaf3f8;
border-top: 1px solid #d7e5eb;
padding: 54px 0 60px;
}
.cdm-driver-simple {
background-color: #fff;
padding: 76px 0;
}
.cdm-two {
grid-column-gap: 56px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1.22fr 1fr;
align-items: start;
display: grid;
}
.cdm-body {
color: #314b61;
margin: 0 0 22px;
font-size: 18px;
line-height: 1.55;
}
.cdm-checks {
grid-column-gap: 8px;
grid-row-gap: 4px;
color: #0a3157;
grid-template-rows: auto;
grid-template-columns: 1fr;
margin: 18px 0 0;
font-weight: 700;
display: grid;
}
.cdm-checks-two {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.cdm-offline {
color: #0a3157;
background-color: #e9f4fb;
border-radius: 0;
margin-top: 20px;
padding: 16px 18px;
font-weight: 700;
}
.cdm-system-img {
width: 100%;
height: 440px;
box-shadow: none;
object-fit: cover;
object-position: center center;
border-radius: 6px 6px 0 0;
display: block;
}
.cdm-dark-caption {
color: #fff;
background-color: #0a3157;
border-radius: 0 0 6px 6px;
padding: 22px 26px;
font-size: 22px;
font-weight: 800;
line-height: 1.3;
}
.cdm-photo {
object-fit: cover;
width: 100%;
height: 430px;
display: block;
}
.cdm-invoice {
background-color: #eef6fb;
padding: 60px 0;
}
.cdm-invoice-grid {
grid-column-gap: 58px;
grid-row-gap: 58px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.05fr;
align-items: center;
display: grid;
}
.cdm-strong {
color: #0a3157;
font-size: 17px;
font-weight: 800;
}
.cdm-process {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr auto 1fr;
align-items: center;
display: grid;
}
.cdm-process-box {
grid-column-gap: 3px;
grid-row-gap: 3px;
color: #0a3157;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.cdm-process-icon {
color: #fff;
background-color: #0b5eb8;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
margin-bottom: 8px;
font-size: 26px;
font-weight: 800;
display: flex;
}
.cdm-process-arrow {
color: #0b5eb8;
font-size: 28px;
}
.cdm-admin-band {
color: #fff;
background-color: #07345a;
padding: 42px 0;
}
.cdm-admin-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1.15fr .85fr;
align-items: center;
display: grid;
}
.cdm-band-title {
color: #fff;
letter-spacing: -.025em;
margin: 0 0 12px;
font-family: inherit;
font-size: 38px;
font-weight: 800;
line-height: 1.08;
}
.cdm-band-copy {
color: #e4edf4;
margin: 0;
font-size: 17px;
line-height: 1.5;
}
.cdm-band-list {
grid-column-gap: 9px;
grid-row-gap: 9px;
color: #fff;
font-size: 16px;
display: grid;
}
.cdm-customer {
background-color: #fff;
padding: 78px 0;
}
.cdm-customer-asks {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin: 22px 0;
display: grid;
}
.cdm-yellow-callout {
color: #082d43;
background-color: #ffd52f;
padding: 16px 18px;
font-weight: 800;
}
.cdm-record {
background-color: #eef5f8;
padding: 64px 0;
}
.cdm-record-grid {
grid-column-gap: 72px;
grid-row-gap: 54px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
display: grid;
}
.cdm-record-flow {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #0b5eb8;
flex-wrap: wrap;
align-items: center;
margin-top: 25px;
font-weight: 800;
display: flex;
}
.cdm-dispute {
color: #fff;
background-color: #062e53;
padding: 40px 0;
}
.cdm-dispute-grid {
grid-column-gap: 34px;
grid-row-gap: 34px;
grid-template-rows: auto;
grid-template-columns: 1.1fr .8fr .9fr;
align-items: center;
display: grid;
}
.cdm-dispute-copy {
color: #e6eef5;
margin: 0;
line-height: 1.5;
}
.cdm-more {
background-color: #fff;
padding: 70px 0;
}
.cdm-cap-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
margin-top: 28px;
display: grid;
}
.cdm-cap {
color: #0a3157;
text-align: center;
border: 1px solid #dbe5ed;
padding: 15px 12px;
font-size: 14px;
font-weight: 700;
}
.cdm-bottom {
color: #0b2940;
font-family: inherit;
}
.cdm-proof {
background-color: #f1f7fb;
padding: 62px 0;
}
.cdm-proof-grid {
grid-column-gap: 54px;
grid-row-gap: 54px;
grid-template-rows: auto;
grid-template-columns: 1.15fr .85fr;
align-items: center;
display: grid;
}
.cdm-proof-card {
color: #fff;
background-color: #0a3157;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.cdm-proof-number {
text-align: center;
padding: 24px 8px 2px;
font-family: inherit;
font-size: 48px;
font-weight: 800;
}
.cdm-proof-label {
color: #dbe7f0;
text-align: center;
padding: 0 8px 24px;
}
.cdm-text-link {
color: #0b5eb8;
font-weight: 800;
text-decoration: none;
}
.cdm-compliance {
background-color: #f7f9fa;
padding: 46px 0;
}
.cdm-reg-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 22px;
display: grid;
}
.cdm-reg-card {
box-shadow: none;
background-color: #fff;
border: 1px solid #dce6ed;
border-top: 4px solid #0b5eb8;
border-radius: 0;
padding: 24px;
}
.cdm-flag {
color: #0a3157;
margin-bottom: 12px;
font-weight: 800;
}
.cdm-reg-title {
color: #0a3157;
margin: 0 0 18px;
font-size: 27px;
line-height: 1.1;
}
.cdm-reg-list {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #365067;
margin-bottom: 20px;
display: grid;
}
.cdm-quick {
background-color: #fff;
padding: 24px 0 54px;
}
.cdm-quick-grid {
grid-column-gap: 22px;
grid-row-gap: 22px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.cdm-quick-card {
border-top: 1px solid #dbe5ed;
padding: 28px;
}
.cdm-quick-icon {
color: #0b5eb8;
margin-bottom: 10px;
font-size: 30px;
}
.cdm-quick-title {
color: #0a3157;
margin: 0 0 10px;
font-size: 21px;
line-height: 1.18;
}
.cdm-quick-copy {
color: #506477;
margin: 0;
line-height: 1.5;
}
.cdm-faq {
background-color: #eef5fa;
padding: 40px 0;
}
.cdm-faq-head {
max-width: 780px;
}
.cdm-faq-grid {
grid-column-gap: 8px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
max-width: 900px;
margin-top: 18px;
display: grid;
}
.cdm-faq-item {
grid-column-gap: 8px;
grid-row-gap: 6px;
background-color: #0000;
border: 1px #d7e3ec;
border-bottom: 1px solid #cbd9e3;
border-radius: 0;
flex-direction: column;
padding: 18px 4px;
display: flex;
}
.cdm-faq-q {
color: #0a3157;
font-family: inherit;
font-size: 18px;
font-weight: 800;
line-height: 1.35;
}
.cdm-faq-a {
color: #314b61;
font-size: 16px;
line-height: 1.55;
}
.cdm-final {
color: #fff;
background-color: #07345a;
background-image: linear-gradient(90deg, #052746fc 0%, #052746f0 44%, #0527469e 72%, #05274670 100%), url("https://s3.amazonaws.com/webflow-prod-assets/6a90596391b69e3266a9a734/6aa6f8a09d104f28eda25e16_tipper360-muck-away.jpg");
background-size: cover;
padding: 86px 0;
font-family: inherit;
}
.cdm-final-shell {
grid-column-gap: 72px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
align-items: center;
max-width: 1240px;
margin: 0 auto;
padding: 0 48px;
display: grid;
}
.cdm-final-title {
color: #fff;
letter-spacing: -.035em;
margin: 8px 0 16px;
font-family: inherit;
font-size: 48px;
font-weight: 800;
line-height: 1.04;
}
.cdm-final-text {
color: #e3edf3;
max-width: 620px;
margin: 0 0 24px;
font-size: 18px;
line-height: 1.5;
}
.cdm-final-form-slot {
background-color: #fffffff7;
border-radius: 6px;
min-height: 0;
padding: 30px 30px 26px;
box-shadow: 0 20px 46px #0003;
}
.rm30-final {
background-color: #d8f21f;
padding-top: 32px;
padding-bottom: 32px;
}
.rm30-faq-grid {
grid-template-columns: 1fr 1fr;
gap: 0 42px;
display: grid;
}
.rm30-faq-item {
border-bottom: 1px solid #d8e2e8;
padding-top: 16px;
padding-bottom: 16px;
}
.rm30-integration-panel {
color: #fff;
background-color: #0000;
border: 1px solid #ffffff59;
padding: 28px;
}
.rm30-feature-photo {
object-fit: cover;
width: 100%;
height: 270px;
margin-bottom: 18px;
}
.rm30-driver-panel {
background-color: #f4f8fa;
border-left: 4px solid #1688d4;
padding: 28px;
}
.rm30-cta-copy {
color: #062d4a;
font-size: 30px;
font-weight: 800;
line-height: 1.05;
}
.rm30-native-form {
grid-template-columns: 1fr 1fr;
gap: 12px 14px;
display: grid;
}
.rm30-native-label {
width: 1px;
height: 1px;
position: absolute;
overflow: hidden;
}
.rm30-native-input {
box-sizing: border-box;
color: #062d4a;
background-color: #fff;
border: 1px solid #d2dde5;
border-radius: 3px;
width: 100%;
height: 46px;
padding-left: 14px;
padding-right: 14px;
}
.rm30-native-submit {
color: #062d4a;
background-color: #d8f21f;
border: 0;
border-radius: 3px;
grid-column: 1 / -1;
height: 48px;
font-weight: 800;
}
.rm30-native-note {
color: #d5e1e9;
grid-column: 1 / -1;
margin-top: 4px;
font-size: 12px;
}
.agf-page {
color: #173149;
background-color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
line-height: 1.5;
}
.agf-wrap {
box-sizing: border-box;
width: 100%;
max-width: 1360px;
margin: auto;
padding-left: 48px;
padding-right: 48px;
}
.agf-eyebrow {
color: #fff;
letter-spacing: .08em;
margin-bottom: 0;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
}
.agf-eyebrow-light {
color: #075f96;
letter-spacing: .08em;
margin-bottom: 9px;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
}
.agf-h1 {
color: #fff;
letter-spacing: -.045em;
max-width: 780px;
margin: 14px 0 24px;
font-family: inherit;
font-size: clamp(48px, 5.5vw, 76px);
font-weight: 800;
line-height: 1.02;
}
.agf-h2 {
letter-spacing: -.025em;
max-width: 980px;
margin: 0 0 20px;
font-size: 48px;
font-weight: 800;
line-height: 1.08;
}
.agf-h3 {
margin: 0 0 10px;
font-size: 24px;
font-weight: 800;
line-height: 1.18;
}
.agf-lead {
color: #e5edf2;
max-width: 650px;
margin: 0;
font-size: 19px;
line-height: 1.48;
}
.agf-hero {
color: #fff;
background-color: #071d35;
background-image: linear-gradient(90deg, #04213efa 0%, #04213ee6 36%, #04213e85 57%, #04213e1a 78%, #04213e00 100%), url("https://s3.amazonaws.com/webflow-prod-assets/6a90596391b69e3266a9a734/6aad0f71dfd47b7e59f60c96_tipper360-aggregates-busy-quarry-operation.png");
background-size: cover;
align-items: center;
min-height: 650px;
display: flex;
}
.agf-hero-inner {
width: 100%;
min-height: 650px;
padding: 0;
position: relative;
}
.agf-hero-copy {
color: #fff;
flex-direction: column;
justify-content: center;
width: 58%;
max-width: 820px;
min-height: 650px;
margin-left: 0;
padding: 70px 64px 58px max(42px, 50vw - 632px);
display: flex;
}
.agf-actions {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-wrap: wrap;
margin-top: 28px;
display: flex;
}
.agf-btn-primary {
color: #082d43;
background-color: #ffd52f;
border-radius: 4px;
justify-content: center;
align-items: center;
min-height: 0;
padding: 14px 22px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.agf-btn-wa {
color: #fff;
background-color: #08aa67;
border: 0 solid #0f8d63;
border-radius: 4px;
justify-content: center;
align-items: center;
min-height: 0;
padding: 14px 22px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.agf-btn-dark {
color: #fff;
background-color: #051d2f80;
border: 1px solid #ffffffb3;
border-radius: 5px;
justify-content: center;
align-items: center;
min-height: 48px;
padding: 12px 22px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.agf-handnote {
color: #fff;
text-shadow: 0 2px 6px #00000059;
font-size: 25px;
font-style: italic;
font-weight: 700;
line-height: 1.15;
position: absolute;
bottom: 70px;
right: 6%;
transform: rotate(-4deg);
}
.agf-proofbar {
background-color: #fff;
border-bottom: 1px solid #d7e3ea;
padding-top: 0;
padding-bottom: 0;
}
.agf-proofgrid {
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
align-items: start;
padding: 24px 0;
display: grid;
}
.agf-proofitem {
box-sizing: border-box;
border-left: 1px solid #dde7ed;
height: 100%;
padding: 0 28px;
}
.agf-proof-first {
padding-left: 28px;
}
.agf-proofb {
color: #082f4e;
font-size: 24px;
font-weight: 800;
line-height: 1.05;
display: block;
}
.agf-proofs {
color: #52687a;
margin-top: 7px;
font-size: 14px;
line-height: 1.35;
display: block;
}
.agf-section {
padding: 88px 0;
}
.agf-problem {
background-color: #fff;
padding-top: 72px;
padding-bottom: 88px;
}
.agf-three {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.agf-problem-img {
object-fit: cover;
border-radius: 2px;
width: 100%;
height: 300px;
margin-bottom: 22px;
display: block;
}
.agf-small {
margin: 0;
font-size: 17px;
line-height: 1.55;
}
.agf-how {
background-color: #eef5fa;
padding-top: 82px;
padding-bottom: 88px;
}
.agf-four {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #0000;
border-top: 0 solid #b9cedb;
border-bottom: 0 solid #b9cedb;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
gap: 0;
margin-top: 38px;
display: grid;
position: relative;
}
.agf-step-img {
object-fit: cover;
border-radius: 0;
width: 100%;
height: 250px;
margin-bottom: 20px;
display: none;
}
.agf-step-title {
color: #0a3157;
letter-spacing: -.01em;
border-top: 3px solid #0875b9;
min-height: 0;
padding: 22px 22px 10px;
font-size: 18px;
font-weight: 800;
line-height: 1.25;
display: block;
}
.agf-step-text {
color: #42566a;
min-height: 0;
margin: 0;
padding: 8px 22px 24px;
font-size: 15px;
line-height: 1.5;
}
.agf-demo {
color: #fff;
background-color: #071d35;
padding: 76px 0;
}
.agf-demo-grid {
grid-column-gap: 72px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1.15fr .85fr;
align-items: center;
display: grid;
}
.agf-demo-h2 {
max-width: 620px;
margin: 0 0 22px;
font-size: 50px;
line-height: 1.02;
}
.agf-demo-p {
max-width: 620px;
margin: 0;
font-size: 18px;
line-height: 1.5;
}
.agf-demo-list {
margin-top: 24px;
font-size: 17px;
line-height: 1.9;
}
.agf-form-slot {
color: #0b3152;
background-color: #fff;
border-radius: 4px;
min-height: 0;
padding: 34px;
}
.agf-demo-figure {
margin: 0;
display: none;
position: relative;
overflow: hidden;
}
.agf-demo-img {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 320px;
display: block;
}
.agf-demo-caption {
text-align: right;
font-size: 22px;
font-style: italic;
font-weight: 700;
position: absolute;
bottom: 18px;
right: 20px;
}
.agf-system {
color: #fff;
background-color: #071d35;
padding-top: 76px;
padding-bottom: 78px;
}
.agf-two {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: stretch;
margin-top: 38px;
display: grid;
}
.agf-system-card {
color: #173149;
background-color: #fff;
border-radius: 2px;
height: 100%;
padding: 0;
overflow: hidden;
}
.agf-media-copy {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: 300px auto;
grid-template-columns: 1fr;
align-items: stretch;
height: 100%;
display: grid;
}
.agf-system-img {
object-fit: cover;
width: 100%;
height: 300px;
min-height: 300px;
display: block;
}
.agf-system-label {
color: #0875b9;
letter-spacing: .08em;
margin-top: 34px;
margin-left: 0;
margin-right: 0;
font-size: 13px;
font-weight: 800;
display: inline-block;
}
.agf-checks {
columns: 2;
column-gap: 28px;
margin: 18px 0 0;
font-size: 16px;
line-height: 1.9;
}
.agf-flow {
background-color: #f5fbfe;
}
.agf-flow-grid {
grid-column-gap: 46px;
grid-row-gap: 46px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr;
align-items: center;
display: grid;
}
.agf-flow-p {
margin: 0;
font-size: 15px;
line-height: 1.5;
}
.agf-flow-steps {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: space-between;
align-items: center;
display: flex;
}
.agf-flow-step {
text-align: center;
min-width: 90px;
font-size: 28px;
}
.agf-flow-label {
margin-top: 7px;
font-size: 12px;
display: block;
}
.agf-arrow {
font-size: 22px;
font-style: normal;
}
.agf-stories {
background-color: #fff;
padding-top: 82px;
padding-bottom: 88px;
}
.agf-storygrid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.agf-story {
grid-column-gap: 30px;
grid-row-gap: 22px;
background-color: #fff;
border: 1px solid #dce6eb;
border-radius: 2px;
grid-template-rows: auto;
grid-template-columns: 180px 1fr;
align-items: center;
padding: 38px;
display: grid;
}
.agf-logo {
object-fit: contain;
width: 100%;
height: 110px;
display: block;
}
.agf-story-p {
margin: 0 0 12px;
font-size: 16px;
line-height: 1.55;
}
.agf-story-link {
color: #0875b9;
font-weight: 800;
text-decoration: none;
}
.agf-faq {
background-color: #f6f8fa;
padding-top: 64px;
padding-bottom: 64px;
}
.agf-faqgrid {
grid-column-gap: 18px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
max-width: 960px;
display: grid;
}
.agf-faqitem {
background-color: #0000;
border: 0 solid #d7e1e7;
border-bottom-width: 1px;
border-radius: 0;
margin-bottom: 0;
padding: 2px 0;
}
.agf-faqq {
color: #173149;
cursor: pointer;
justify-content: space-between;
align-items: center;
min-height: 58px;
padding: 18px 42px 18px 0;
font-size: 18px;
font-weight: 700;
line-height: 1.35;
display: flex;
position: relative;
}
.agf-faqa {
margin: 0;
padding-bottom: 20px;
font-size: 16px;
line-height: 1.55;
}
.agf-last {
color: #fff;
background-image: linear-gradient(90deg, #05233afa 0%, #05233ae6 42%, #05233a61 68%, #05233a14 82%), url("https://s3.amazonaws.com/webflow-prod-assets/6a90596391b69e3266a9a734/6aa6875a4a03cba1e80a2181_Panoramic%20Quarry%20Aggregate%20Processing%20Site.png");
background-size: cover;
padding: 72px 0;
position: relative;
}
.agf-last-wrap {
box-sizing: border-box;
width: 100%;
max-width: 1360px;
margin: auto;
padding-left: 48px;
padding-right: 48px;
position: relative;
}
.agf-last-h2 {
max-width: 610px;
margin: 0 0 16px;
font-size: 40px;
line-height: 1.05;
}
.agf-last-p {
max-width: 540px;
margin: 0;
font-size: 16px;
}
.agf-last-note {
color: #fff;
text-shadow: 0 2px 6px #00000059;
font-size: 25px;
font-style: italic;
font-weight: 700;
line-height: 1.15;
position: absolute;
bottom: 0;
right: 3%;
transform: rotate(-4deg);
}
.rmf-hero {
color: #fff;
background-color: #062f4c;
}
.rmf-hero-inner {
grid-template-rows: auto;
grid-template-columns: 1.03fr .97fr;
min-height: 560px;
display: grid;
}
.rmf-hero-copy {
padding: 66px 7vw 42px max(24px, 50vw - 590px);
}
.rmf-hero-img {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 560px;
display: block;
}
.rmf-eyebrow-light {
color: #eef014;
letter-spacing: .09em;
margin-bottom: 10px;
font-size: 12px;
font-weight: 800;
}
.rmf-h1 {
letter-spacing: -.035em;
margin: 0 0 18px;
font-size: 52px;
line-height: .98;
}
.rmf-lead-light {
color: #fff;
margin: 0 0 14px;
font-size: 16px;
line-height: 1.45;
}
.rmf-bold-light {
color: #fff;
margin: 0;
font-size: 16px;
font-weight: 800;
line-height: 1.4;
}
.rmf-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 24px;
display: flex;
}
.rmf-btn-primary {
color: #092b46;
background-color: #f3ef18;
border-radius: 4px;
padding: 13px 20px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.rmf-btn-wa {
color: #fff;
border: 2px solid #1cbd7a;
border-radius: 4px;
padding: 11px 20px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.rmf-proofline {
border-top: 1px solid #ffffff40;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 32px;
display: grid;
}
.rmf-proofitem {
padding: 15px 12px 0 0;
}
.rmf-proofb {
font-size: 14px;
display: block;
}
.rmf-proofs {
letter-spacing: .08em;
margin-top: 4px;
font-size: 9px;
display: block;
}
.rmf-section {
padding: 56px 0;
}
.rmf-wrap {
width: calc(100% - 48px);
max-width: 1180px;
margin: auto;
}
.rmf-eyebrow {
color: #0875b9;
letter-spacing: .08em;
margin-bottom: 9px;
font-size: 12px;
font-weight: 800;
}
.rmf-h2 {
color: #0a3151;
letter-spacing: -.025em;
margin: 0 0 20px;
font-size: 38px;
line-height: 1.04;
}
.rmf-h3 {
color: #0a3151;
margin: 0 0 7px;
font-size: 18px;
line-height: 1.16;
}
.rmf-text {
color: #193c57;
margin: 0;
font-size: 15px;
line-height: 1.5;
}
.rmf-challenge {
background-color: #fff;
}
.rmf-challenge-grid {
grid-column-gap: 42px;
grid-row-gap: 42px;
grid-template-rows: auto;
grid-template-columns: 1.45fr .75fr;
align-items: start;
display: grid;
}
.rmf-questiongrid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 24px;
display: grid;
}
.rmf-question {
background-color: #edf7fc;
min-height: 130px;
padding: 17px;
}
.rmf-question-b {
color: #0a3151;
margin-bottom: 8px;
font-size: 14px;
display: block;
}
.rmf-question-p {
color: #36566d;
margin: 0;
font-size: 13px;
line-height: 1.4;
}
.rmf-form-card {
z-index: 2;
color: #fff;
background-color: #082f4e;
margin-top: -115px;
padding: 24px;
position: relative;
}
.rmf-form-h2 {
margin: 0 0 12px;
font-size: 30px;
line-height: 1.04;
}
.rmf-form-p {
margin: 0 0 14px;
font-size: 14px;
line-height: 1.45;
}
.rmf-form-slot {
color: #0a3151;
background-color: #fff;
padding: 15px;
}
.rmf-process {
background-color: #eef8fd;
}
.rmf-process-grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: repeat(7, 1fr);
margin-top: 24px;
display: grid;
}
.rmf-process-step {
background-color: #fff;
border-top: 3px solid #0d84c6;
min-height: 135px;
padding: 13px;
}
.rmf-step-no {
color: #0875b9;
font-size: 11px;
font-weight: 800;
}
.rmf-step-title {
color: #0a3151;
margin-top: 6px;
font-size: 14px;
line-height: 1.2;
display: block;
}
.rmf-step-p {
color: #48677d;
margin: 7px 0 0;
font-size: 12px;
line-height: 1.35;
}
.rmf-driver-office {
background-color: #fff;
}
.rmf-two {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.rmf-panel {
background-color: #eef8fd;
padding: 20px;
}
.rmf-panel-img {
object-fit: cover;
width: 100%;
height: 245px;
margin-bottom: 16px;
display: block;
}
.rmf-label {
color: #0875b9;
letter-spacing: .06em;
font-size: 11px;
font-weight: 800;
}
.rmf-checks {
color: #25465f;
margin: 10px 0 0;
font-size: 14px;
line-height: 1.7;
}
.rmf-built {
background-color: #eef8fd;
}
.rmf-six {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 24px;
display: grid;
}
.rmf-feature {
background-color: #fff;
border-top: 3px solid #0d84c6;
min-height: 140px;
padding: 18px;
}
.rmf-icon {
color: #0875b9;
margin-bottom: 10px;
font-size: 24px;
}
.rmf-feature-title {
color: #0a3151;
font-size: 16px;
display: block;
}
.rmf-feature-p {
color: #48677d;
margin: 7px 0 0;
font-size: 13px;
line-height: 1.45;
}
.rmf-waterwait {
background-color: #fff;
}
.rmf-featuregrid {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.rmf-featureblock {
background-color: #f3f9fc;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.rmf-featurecopy {
padding: 26px;
}
.rmf-featureimg {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 300px;
display: block;
}
.rmf-integration {
color: #fff;
background-color: #062f4c;
}
.rmf-integration-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1.1fr .9fr;
align-items: center;
display: grid;
}
.rmf-h2-light {
color: #fff;
margin: 0 0 16px;
font-size: 38px;
line-height: 1.04;
}
.rmf-integration-flow {
text-align: center;
grid-template-rows: auto;
grid-template-columns: 1fr 45px 1fr;
align-items: center;
display: grid;
}
.rmf-flowbox {
color: #0a3151;
background-color: #fff;
padding: 20px;
font-weight: 800;
}
.rmf-flowarrow {
font-size: 26px;
}
.rmf-changes {
background-color: #fff;
}
.rmf-changegrid {
grid-column-gap: 1px;
grid-row-gap: 1px;
background-color: #dce7ed;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.rmf-change {
background-color: #fff;
min-height: 145px;
padding: 20px;
}
.rmf-trust {
color: #fff;
background-color: #062f4c;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.rmf-trust-img {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 360px;
display: block;
}
.rmf-trust-copy {
padding: 52px 7vw 45px 50px;
}
.rmf-trustproof {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 24px;
display: grid;
}
.rmf-trustitem {
border-top: 1px solid #ffffff4d;
padding-top: 12px;
}
.rmf-faq {
background-color: #fff;
}
.rmf-faqgrid {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.rmf-faqitem {
border-bottom: 1px solid #d5e1e8;
margin-bottom: 10px;
padding: 0 0 9px;
}
.rmf-faqq {
color: #0a3151;
padding: 9px 0;
font-weight: 800;
}
.rmf-faqa {
color: #45647a;
margin: 0 0 10px;
font-size: 14px;
line-height: 1.5;
}
.rmf-final {
background-color: #f3ef18;
padding: 52px 0;
}
.rmf-final-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1.2fr .8fr;
align-items: center;
display: grid;
}
.rmf-final-h2 {
color: #082f4e;
margin: 0 0 12px;
font-size: 40px;
line-height: 1.02;
}
.rmf-final-p {
color: #173c57;
margin: 0;
font-size: 16px;
}
.rmf-final-actions {
text-align: right;
}
.rmf-final-btn {
color: #fff;
background-color: #082f4e;
border-radius: 4px;
padding: 14px 22px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.ap30-form-panel {
background-color: #fff;
border-radius: 6px;
width: 100%;
padding: 24px;
}
.ap30-label {
color: #0b2740;
margin-bottom: 6px;
font-size: 13px;
font-weight: 700;
display: block;
}
.ap30-input, .ap30-input._w-input, .ap30-input._w-input-1 {
background-color: #fff;
border: 1px solid #cbd6df;
border-radius: 3px;
width: 100%;
min-height: 46px;
margin-bottom: 14px;
padding: 10px 12px;
}
.ap30-submit, .ap30-submit._w-button {
color: #09243b;
background-color: #d7f000;
border-radius: 3px;
padding: 12px 18px;
font-weight: 800;
display: inline-block;
}
.ap30-form-note {
color: #496276;
margin-top: 10px;
font-size: 12px;
line-height: 1.45;
}
._w-input-1-parent._w-input-1 {
background-color: #fff;
border: 1px solid #cbd6df;
border-radius: 3px;
width: 100%;
min-height: 46px;
margin-bottom: 14px;
padding: 10px 12px;
}
.rm31-page {
color: #082f4e;
background-color: #fff;
min-height: 100%;
overflow-x: hidden;
}
.rm31-wrap {
width: 100%;
max-width: 1360px;
margin: auto;
padding-left: 48px;
padding-right: 48px;
}
.rm31-center {
text-align: center;
}
.rm31-hero {
color: #fff;
background-color: #062f4c;
}
.rm31-hero-inner {
grid-template-rows: auto;
grid-template-columns: 52% 48%;
min-height: 620px;
display: grid;
}
.rm31-hero-copy {
max-width: 760px;
padding: 64px 54px 58px max(42px, 50vw - 632px);
}
.rm31-hero-media {
min-height: 620px;
overflow: hidden;
}
.rm31-hero-img {
object-fit: cover;
object-position: center center;
width: 100%;
height: 620px;
display: block;
}
.rm31-eyebrow-lime {
color: #eef014;
letter-spacing: .09em;
margin-bottom: 9px;
font-size: 12px;
font-weight: 800;
}
.rm31-h1 {
color: #fff;
letter-spacing: -.045em;
max-width: 720px;
margin: 0 0 24px;
font-size: clamp(48px, 5vw, 72px);
font-weight: 800;
line-height: 1.02;
}
.rm31-hero-lead {
max-width: 650px;
margin: 0 0 18px;
font-size: 19px;
line-height: 1.48;
}
.rm31-hero-proof {
max-width: 520px;
margin: 0;
font-size: 12px;
line-height: 1.45;
}
.rm31-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin: 19px 0 22px;
display: flex;
}
.rm31-btn-primary {
color: #082f4e;
background-color: #eef014;
border-radius: 4px;
padding: 13px 18px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.rm31-btn-wa {
color: #fff;
border: 2px solid #1cbd7a;
border-radius: 4px;
padding: 11px 18px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.rm31-proofrow {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-top: 1px solid #ffffff47;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
padding-top: 18px;
display: grid;
}
.rm31-proofitem {
font-size: 12px;
font-weight: 800;
line-height: 1.15;
}
.rm31-challenge {
background-color: #fff;
padding: 72px 0;
}
.rm31-h2 {
color: #082f4e;
letter-spacing: -.035em;
margin: 0 0 24px;
font-size: 50px;
font-weight: 800;
line-height: 1.02;
}
.rm31-question-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.rm31-question {
text-align: center;
background-color: #f0f6f9;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 86px;
padding: 12px;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
display: flex;
}
.rm31-lineicon {
color: #0b75b6;
margin-bottom: 8px;
font-size: 26px;
line-height: 1;
}
.rm31-challenge-note {
margin: 14px 0 0;
font-size: 13px;
line-height: 1.4;
}
.rm31-process {
background-color: #eef6fb;
padding: 70px 0;
}
.rm31-kicker {
color: #0b75b6;
letter-spacing: .08em;
margin-bottom: 7px;
font-size: 11px;
font-weight: 800;
}
.rm31-process-grid {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(6, 1fr);
margin-top: 20px;
display: grid;
}
.rm31-process-step {
text-align: left;
background-color: #0000;
min-height: 0;
padding: 0;
}
.rm31-step-img {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 210px;
}
.rm31-step-title {
color: #082f4e;
margin-top: 10px;
font-size: 14px;
font-weight: 800;
line-height: 1.25;
}
.rm31-step-copy {
color: #48677d;
margin: 6px 0 0;
font-size: 14px;
line-height: 1.5;
}
.rm31-process-note {
text-align: center;
margin: 12px 0 0;
font-size: 12px;
font-weight: 800;
}
.rm31-form-bg {
background-color: #071d35;
padding: 42px 0;
}
.rm31-form-card {
grid-column-gap: 54px;
grid-row-gap: 18px;
max-width: 1180px;
box-shadow: none;
color: #fff;
background-color: #0000;
border-radius: 6px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.08fr) minmax(380px, .72fr);
align-items: center;
margin-left: auto;
margin-right: auto;
padding: 28px 0;
display: grid;
}
.rm31-form-title {
color: #fff;
max-width: 560px;
margin: 0 0 14px;
font-size: 32px;
line-height: 1.08;
}
.rm31-form-copytext {
max-width: 600px;
margin: 0;
font-size: 15px;
line-height: 1.5;
}
.rm31-form-right {
color: #082f4e;
background-color: #fff;
border-radius: 4px;
grid-template-rows: auto;
grid-template-columns: 1fr auto;
align-items: end;
column-gap: 16px;
padding: 22px 24px 20px;
display: block;
}
.rm31-form-wa {
color: #087a3f;
background-color: #e9f8ef;
border-radius: 3px;
margin-top: 12px;
padding: 9px 12px;
font-size: 16px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.rm31-form-micro {
color: #536a7a;
grid-column: 1 / -1;
margin: 10px 0 0;
font-size: 12px;
line-height: 1.4;
}
.rm31-driver-office {
background-color: #fff;
padding: 72px 0;
}
.rm31-do-grid {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.rm31-do-card {
background-color: #f5f7f8;
border-top: 4px solid #0b5eb8;
border-left: 0;
border-radius: 0;
padding: 30px;
}
.rm31-do-head {
color: #0b75b6;
font-size: 12px;
font-weight: 800;
}
.rm31-do-title {
margin: 2px 0 10px;
font-size: 14px;
}
.rm31-do-body {
grid-column-gap: 16px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 140px 1fr 125px;
align-items: start;
display: grid;
}
.rm31-phone-img {
object-fit: contain;
width: 130px;
height: 220px;
}
.rm31-do-list {
font-size: 12px;
line-height: 1.55;
}
.rm31-check-list {
font-size: 11px;
line-height: 1.9;
}
.rm31-office-grid {
grid-column-gap: 18px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 64% 36%;
align-items: center;
display: grid;
}
.rm31-office-img {
object-fit: contain;
background-color: #fff;
width: 100%;
height: 220px;
}
.rm31-office-checks {
font-size: 11px;
line-height: 1.8;
}
.rm31-office-note {
background-color: #dff2fb;
margin-top: 10px;
padding: 11px 14px;
font-size: 11px;
}
.rm31-capabilities {
background-color: #f3f8fc;
padding: 56px 0;
}
.rm31-h3-center {
color: #082f4e;
text-align: center;
margin: 0 0 14px;
font-size: 20px;
line-height: 1.1;
}
.rm31-cap-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.rm31-cap {
box-shadow: none;
background-color: #fff;
border: 1px solid #dbe5ed;
min-height: 0;
padding: 24px;
}
.rm31-cap-copy {
color: #48677d;
margin: 7px 0 0;
font-size: 12px;
line-height: 1.45;
}
.rm31-waterwait {
background-color: #fff;
overflow-x: hidden;
}
.rm31-waterwait-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
max-width: 1360px;
margin: auto;
display: grid;
}
.rm31-feature-card {
background-color: #fff;
border-right: 1px solid #e0e7eb;
display: block;
}
.rm31-feature-img {
object-fit: cover;
width: 100%;
height: 390px;
min-height: 390px;
}
.rm31-feature-copy {
padding: 44px;
}
.rm31-feature-title {
color: #082f4e;
margin: 0 0 10px;
font-size: 30px;
line-height: 1.1;
}
.rm31-feature-p {
color: #36566d;
font-size: 16px;
line-height: 1.55;
}
.rm31-mini-flow {
color: #0b75b6;
margin: 16px 0 10px;
font-size: 11px;
font-weight: 800;
line-height: 1.7;
}
.rm31-small {
font-size: 10px;
}
.rm31-disclaimer {
color: #4b6475;
background-color: #eef3f6;
padding: 8px 9px;
font-size: 9px;
line-height: 1.35;
}
.rm31-integration {
color: #fff;
background-color: #062f4c;
padding: 58px 0;
}
.rm31-integration-grid {
grid-column-gap: 54px;
grid-row-gap: 42px;
grid-template-rows: auto;
grid-template-columns: 42% 58%;
align-items: center;
display: grid;
}
.rm31-integration-flow {
grid-column-gap: 16px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 150px 24px 1fr;
align-items: center;
display: grid;
}
.rm31-batch-card {
color: #eef014;
text-align: center;
background-color: #0000;
border: 1px #ffffff59;
padding: 0 0 10px;
font-size: 11px;
font-weight: 800;
}
.rm31-batch-img {
object-fit: cover;
border-radius: 3px;
width: 100%;
height: 112px;
margin-bottom: 8px;
}
.rm31-flow-arrow {
text-align: center;
font-size: 28px;
}
.rm31-tip-card {
color: #eef014;
text-align: center;
background-color: #ffffff0a;
border: 1px solid #ffffff47;
padding: 18px;
font-size: 18px;
font-weight: 800;
}
.rm31-flow-icons {
color: #fff;
margin-top: 12px;
font-size: 25px;
}
.rm31-int-title {
color: #fff;
margin: 0 0 12px;
font-size: 28px;
line-height: 1.05;
}
.rm31-int-p {
margin: 0 0 10px;
font-size: 13px;
line-height: 1.4;
}
.rm31-benefits {
background-color: #fff;
padding: 60px 0;
}
.rm31-benefit-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #0000;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.rm31-benefit {
background-color: #fff;
border: 1px solid #dbe5ed;
min-height: 170px;
padding: 26px;
}
.rm31-benefit-copy {
color: #48677d;
font-size: 14px;
line-height: 1.5;
}
.rm31-trust {
color: #fff;
background-color: #0b3b5a;
grid-template-rows: auto;
grid-template-columns: 40% 60%;
min-height: 380px;
display: grid;
}
.rm31-trust-img {
object-fit: cover;
width: 100%;
height: 380px;
display: block;
}
.rm31-trust-copy {
padding: 52px 6vw 50px 50px;
}
.rm31-trust-title {
color: #fff;
max-width: 620px;
margin: 0;
font-size: 40px;
line-height: 1.08;
}
.rm31-trust-p {
font-size: 17px;
line-height: 1.5;
}
.rm31-trust-stats {
grid-column-gap: 30px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 38px;
display: grid;
}
.rm31-trust-stat {
font-size: 22px;
font-weight: 800;
line-height: 1.25;
}
.rm31-faq {
background-color: #eef5fa;
padding: 44px 0;
}
.rm31-faq-title {
color: #082f4e;
max-width: 780px;
margin: 0 0 28px;
font-size: 38px;
line-height: 1.08;
}
.rm31-faq-grid {
grid-column-gap: 0px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr;
max-width: 900px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.rm31-faq-item {
border-width: 0 0 1px;
border-bottom-style: solid;
border-bottom-color: #cbd9e2;
min-height: 42px;
margin-bottom: 0;
padding: 18px 0;
}
.rm31-faq-answer {
color: #48677d;
margin: 10px 0 2px;
font-size: 14px;
line-height: 1.55;
display: none;
}
.rm31-final {
color: #fff;
background-color: #0a3157;
padding: 64px 0;
}
.rm31-final-grid {
grid-column-gap: 64px;
grid-row-gap: 38px;
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
align-items: center;
max-width: 1240px;
display: grid;
}
.rm31-final-title {
color: #fff;
max-width: 650px;
margin: 0;
font-size: 48px;
font-weight: 800;
line-height: 1.06;
}
.rm31-final-copy {
color: #e3edf3;
margin: 0 0 12px;
font-size: 17px;
font-weight: 400;
line-height: 1.5;
}
.rm31-final-actions {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
align-items: center;
display: flex;
}
.rm31-final-primary {
color: #082d43;
background-color: #ffd52f;
border-radius: 3px;
padding: 14px 22px;
font-size: 14px;
font-weight: 800;
text-decoration: none;
}
.rm31-final-wa {
color: #fff;
border: 2px solid #08aa67;
border-radius: 3px;
padding: 12px 20px;
font-size: 14px;
font-weight: 800;
text-decoration: none;
}
.rm31-native-form {
grid-column-gap: 10px;
grid-row-gap: 10px;
background-color: #0000;
grid-template-rows: auto auto auto auto auto;
grid-template-columns: 1fr 1fr;
gap: 8px 6px;
width: 100%;
padding: 0;
display: grid;
}
.rm31-native-label {
color: #fff;
margin-bottom: 2px;
font-size: 10px;
font-weight: 700;
}
.rm31-native-input {
box-sizing: border-box;
color: #082f4e;
background-color: #fff;
border: 1px solid #c8d7df;
border-radius: 2px;
width: 100%;
height: 38px;
padding-left: 10px;
padding-right: 10px;
}
.rm31-native-submit {
color: #082f4e;
background-color: #eef014;
border: 0;
border-radius: 2px;
grid-column: 1 / -1;
width: 100%;
height: 48px;
min-height: 48px;
margin-top: 6px;
font-size: 14px;
font-weight: 800;
}
.rm31-native-note {
color: #d9e6ed;
grid-column: 1 / -1;
margin-top: 6px;
margin-bottom: 0;
font-size: 10px;
line-height: 1.45;
}
.rm31-ln {
color: #082f4e;
grid-area: auto / 1;
margin-bottom: 2px;
font-size: 12px;
font-weight: 700;
}
.rm31-in {
color: #082f4e;
background-color: #fff;
border: 1px solid #c8d7df;
grid-area: auto / 1;
width: 100%;
height: 46px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.rm31-lc {
color: #082f4e;
grid-area: auto / 1;
margin-bottom: 2px;
font-size: 12px;
font-weight: 700;
}
.rm31-ic {
color: #082f4e;
background-color: #fff;
border: 1px solid #c8d7df;
grid-area: auto / 1;
width: 100%;
height: 46px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.rm31-lp {
color: #082f4e;
grid-area: auto / 1;
margin-bottom: 2px;
font-size: 12px;
font-weight: 700;
}
.rm31-ip {
color: #082f4e;
background-color: #fff;
border: 1px solid #c8d7df;
grid-area: auto / 1;
width: 100%;
height: 46px;
margin-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.ap31-page {
color: #0b2444;
background-color: #fff;
font-family: inherit;
}
.ap31-wrap {
width: auto;
max-width: 1360px;
margin: 0 auto;
padding-left: 48px;
padding-right: 48px;
}
.ap31-section {
padding: 96px 0;
}
.ap31-section-grey {
background-color: #f4f6f7;
padding: 96px 0;
}
.ap31-section-grey.ap31-bridge-section {
padding-top: 58px;
padding-bottom: 52px;
}
.ap31-section-green {
background-color: #eef5fa;
padding: 96px 0;
}
.ap31-section-navy {
background-color: #07345a;
padding: 76px 0;
}
.ap31-section-history {
background-color: #062e53;
padding: 76px 0;
}
.ap31-kicker {
color: #0b68b2;
letter-spacing: .12em;
text-transform: uppercase;
margin: 0 0 10px;
font-size: 13px;
font-weight: 800;
}
.ap31-kicker-light {
color: #d9f13a;
letter-spacing: .08em;
margin: 0 0 10px;
font-size: 13px;
font-weight: 800;
}
.ap31-title {
color: #082d43;
letter-spacing: -.035em;
margin: 0 0 18px;
font-size: 50px;
font-weight: 800;
line-height: 1.02;
}
.ap31-title.ap31-bridge-title {
max-width: 900px;
font-size: 40px;
line-height: 1.06;
}
.ap31-title-light {
color: #fff;
letter-spacing: -.025em;
margin: 0 0 18px;
font-size: 44px;
line-height: 1.05;
}
.ap31-body {
color: #40566b;
font-size: 18px;
line-height: 1.55;
}
.ap31-intro {
color: #42566a;
max-width: 800px;
font-size: 20px;
line-height: 1.5;
}
.ap31-hero {
background-color: #071d35;
align-items: center;
min-height: 650px;
display: flex;
position: relative;
overflow: hidden;
}
.ap31-hero-img {
object-fit: cover;
object-position: center;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.ap31-hero-shade {
background-image: linear-gradient(90deg, #04213efa 0%, #04213ee6 36%, #04213e85 57%, #04213e1a 78%, #04213e00 100%);
position: absolute;
inset: 0;
}
.ap31-hero-inner {
z-index: 2;
width: 100%;
max-width: none;
padding-left: max(42px, 50vw - 632px);
padding-right: 48px;
position: relative;
transform: none;
}
.ap31-hero-inner.ap31-hero-left {
max-width: 1500px;
padding-left: 64px;
padding-right: 48px;
}
.ap31-hero-copy {
width: 58%;
max-width: 820px;
margin-left: 0;
margin-right: auto;
}
.ap31-eyebrow {
color: #fff;
letter-spacing: .08em;
margin: 0 0 16px;
font-size: 14px;
font-weight: 800;
}
.ap31-hero-title {
color: #fff;
letter-spacing: -.045em;
max-width: 780px;
margin: 0 0 24px;
font-size: clamp(48px, 5.5vw, 76px);
font-weight: 800;
line-height: 1.02;
}
.ap31-hero-lead {
color: #e5edf2;
max-width: 650px;
margin-bottom: 28px;
font-size: 19px;
line-height: 1.48;
}
.ap31-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-top: 28px;
display: flex;
}
.ap31-btn-yellow {
color: #082d43;
background-color: #ffd52f;
border-radius: 4px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 24px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.ap31-btn-outline {
color: #fff;
background-color: #061e3847;
border: 1px solid #fffc;
border-radius: 4px;
justify-content: center;
align-items: center;
min-height: 52px;
padding: 0 24px;
font-weight: 800;
text-decoration: none;
display: inline-flex;
}
.ap31-chips {
grid-column-gap: 22px;
grid-row-gap: 22px;
flex-wrap: wrap;
margin-top: 32px;
display: flex;
}
.ap31-chip {
color: #fff;
font-size: 14px;
font-weight: 700;
}
.ap31-problem-grid {
grid-column-gap: 54px;
grid-row-gap: 54px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.55fr) minmax(340px, .75fr);
align-items: start;
display: grid;
}
.ap31-who {
color: #0b2444;
font-size: 17px;
font-weight: 700;
line-height: 1.5;
}
.ap31-benefit-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
margin-top: 30px;
display: grid;
}
.ap31-benefit {
border-top: 1px solid #d9e3ea;
padding: 20px;
}
.ap31-icon {
color: #0b5eb8;
background-color: #e9f4fb;
border-radius: 50%;
place-items: center;
width: 42px;
height: 42px;
margin-bottom: 14px;
font-size: 20px;
font-weight: 900;
display: grid;
}
.ap31-card-title {
color: #0b2444;
margin: 0 0 8px;
font-size: 19px;
line-height: 1.18;
}
.ap31-card-copy {
color: #3c526a;
margin: 0;
font-size: 15px;
line-height: 1.5;
}
.ap31-form-card {
background-color: #f3f7f9;
border-top: 4px solid #0b5eb8;
padding: 30px;
}
.ap31-form-title {
color: #0b2444;
margin: 0 0 16px;
font-size: 30px;
font-weight: 800;
line-height: 1.08;
}
.ap31-form-copy {
color: #3c526a;
margin-bottom: 22px;
font-size: 17px;
line-height: 1.5;
}
.ap31-form-mount {
margin-top: 22px;
}
.ap31-whatsapp {
color: #087a57;
margin-top: 15px;
font-weight: 700;
text-decoration: none;
display: block;
}
.ap31-steps {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(5, 1fr);
margin-top: 38px;
display: grid;
}
.ap31-step {
background-color: #fff;
border-top: 3px solid #0a2343;
padding: 24px 20px;
}
.ap31-step-num {
color: #fff;
background-color: #0b5eb8;
border-radius: 50%;
place-items: center;
width: 34px;
height: 34px;
margin-bottom: 18px;
display: grid;
}
.ap31-split {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
display: grid;
}
.ap31-light-copy {
color: #fff;
font-size: 17px;
line-height: 1.55;
}
.ap31-checks {
grid-column-gap: 12px;
grid-row-gap: 12px;
margin: 28px 0 0;
padding: 0;
list-style: none;
display: grid;
}
.ap31-check {
color: #fff;
font-size: 16px;
}
.ap31-role-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.ap31-role {
background-color: #fff;
border-top: 3px solid #0b5eb8;
min-height: 0;
padding: 24px 26px;
}
.ap31-role-label {
color: #0b5eb8;
letter-spacing: .1em;
margin-bottom: 12px;
font-size: 13px;
font-weight: 800;
}
.ap31-role-title {
color: #0b2444;
margin: 0 0 14px;
font-size: 24px;
line-height: 1.15;
}
.ap31-role-copy {
color: #43586f;
font-size: 15px;
line-height: 1.55;
}
.ap31-record-proof {
background-color: #f3f6f7;
padding: 24px;
}
.ap31-proof-img {
object-fit: contain;
width: 100%;
max-height: 520px;
}
.ap31-searchline {
color: #0b2444;
font-size: 17px;
font-weight: 800;
}
.ap31-record-grid {
grid-column-gap: 22px;
grid-row-gap: 10px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin: 28px 0;
display: grid;
}
.ap31-record-item {
color: #30475f;
font-size: 16px;
}
.ap31-textlink {
color: #0b5eb8;
text-underline-offset: 4px;
margin-top: 12px;
font-weight: 800;
text-decoration: underline;
display: inline-block;
}
.ap31-case-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1.05fr 1fr;
align-items: center;
display: grid;
}
.ap31-case-img {
object-fit: cover;
width: 100%;
height: 500px;
}
.ap31-stats {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin: 28px 0;
display: grid;
}
.ap31-stat {
border-left: 3px solid #0b5eb8;
padding-left: 16px;
}
.ap31-stat-num {
color: #0a2343;
font-size: 38px;
line-height: 1;
display: block;
}
.ap31-stat-label {
color: #52657a;
font-weight: 700;
}
.ap31-quote {
background-color: #fff;
border-left: 4px solid #0b5eb8;
margin: 26px 0;
padding: 22px 26px;
font-size: 20px;
font-weight: 700;
line-height: 1.45;
}
.ap31-small {
color: #68788a;
font-size: 13px;
}
.ap31-reg-grid {
grid-column-gap: 80px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
align-items: start;
display: grid;
}
.ap31-reg-points {
grid-column-gap: 16px;
grid-row-gap: 0;
background-color: #fff;
border-top: 4px solid #0b5eb8;
padding: 10px 30px;
display: grid;
box-shadow: 0 10px 30px #082d4312;
}
.ap31-reg-point {
color: #40566b;
border-bottom: 1px solid #d9e3ea;
padding: 26px 0;
font-size: 17px;
line-height: 1.5;
}
.ap31-change-grid {
grid-column-gap: 34px;
grid-row-gap: 0;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 36px;
display: grid;
}
.ap31-change-card {
border-top: 1px solid #d9e3ea;
padding: 24px 0;
}
.ap31-history-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1.1fr .9fr;
align-items: center;
display: grid;
}
.ap31-history-facts {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 30px;
display: grid;
}
.ap31-history-fact {
color: #d8e2ea;
}
.ap31-history-img {
object-fit: cover;
width: 100%;
height: 380px;
}
.ap31-faq-grid {
grid-column-gap: 48px;
grid-row-gap: 0px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 34px;
display: grid;
}
.ap31-faq-item {
border-top: 1px solid #d7e1e7;
padding: 22px 0;
}
.ap31-faq-q {
color: #082d43;
cursor: pointer;
margin-bottom: 9px;
font-size: 19px;
font-weight: 700;
line-height: 1.3;
}
.ap31-faq-a {
color: #40566b;
margin: 8px 0 0;
font-size: 16px;
line-height: 1.55;
display: block;
}
.ap31-final {
background-color: #07345a;
padding: 72px 0;
}
.ap31-final-inner {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: space-between;
align-items: center;
display: flex;
}
.ap31-evidence-card {
background-color: #f3f6f7;
border-top: 5px solid #0a2343;
padding: 34px;
}
.ap31-evidence-kicker {
color: #087a57;
letter-spacing: .08em;
margin: 0 0 18px;
font-size: 12px;
font-weight: 800;
}
.ap31-evidence-row {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-top: 1px solid #d7e1e7;
grid-template-rows: auto;
grid-template-columns: 130px 1fr;
padding: 16px 0;
display: grid;
}
.ap31-evidence-label {
color: #68788a;
font-size: 14px;
}
.ap31-evidence-value {
color: #0b2444;
font-size: 17px;
}
.ap31-evidence-note {
color: #0b2444;
margin: 24px 0 0;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
}
.rm31-faq-question {
color: #0a3151;
cursor: pointer;
justify-content: space-between;
align-items: center;
min-height: 38px;
padding-top: 8px;
padding-bottom: 8px;
padding-right: 32px;
font-size: 16px;
font-weight: 700;
line-height: 1.4;
display: flex;
}
.rm31-fl1 {
color: #fff;
grid-area: 1 / 1;
margin-bottom: 2px;
font-size: 11px;
font-weight: 700;
}
.rm31-fi1 {
box-sizing: border-box;
color: #082f4e;
background-color: #fff;
border: 1px solid #c8d7df;
border-radius: 2px;
grid-area: 2 / 1;
width: 100%;
height: 38px;
padding-left: 10px;
padding-right: 10px;
}
.rm31-fl2 {
color: #fff;
grid-area: 1 / 2;
margin-bottom: 2px;
font-size: 11px;
font-weight: 700;
}
.rm31-fi2 {
box-sizing: border-box;
color: #082f4e;
background-color: #fff;
border: 1px solid #c8d7df;
border-radius: 2px;
grid-area: 2 / 2;
width: 100%;
height: 38px;
padding-left: 10px;
padding-right: 10px;
}
.rm31-fl3 {
color: #fff;
grid-area: 3 / 1 / auto / -1;
margin-bottom: 2px;
font-size: 11px;
font-weight: 700;
}
.rm31-fi3 {
box-sizing: border-box;
color: #082f4e;
background-color: #fff;
border: 1px solid #c8d7df;
border-radius: 2px;
grid-area: 4 / 1 / auto / -1;
width: 100%;
height: 38px;
padding-left: 10px;
padding-right: 10px;
}
.rm31-fl4 {
color: #fff;
grid-area: 3 / 2;
margin-bottom: 2px;
font-size: 11px;
font-weight: 700;
}
.rm31-fi4, .rm31-fi4._w-input {
box-sizing: border-box;
color: #082f4e;
background-color: #fff;
border: 1px solid #c8d7df;
border-radius: 2px;
grid-area: 4 / 2;
width: 100%;
height: 38px;
padding-left: 10px;
padding-right: 10px;
}
.rm31-final-note {
font-size: 9px;
font-weight: 700;
}
.cdm-v3-outcomes {
color: #10273d;
background-color: #eef3f5;
padding: 54px 48px 56px;
}
.cdm-v3-shell {
max-width: 1240px;
margin: 0 auto;
}
.cdm-v3-intro {
grid-column-gap: 56px;
grid-template-rows: auto;
grid-template-columns: 1.2fr .8fr;
align-items: end;
column-gap: 48px;
margin-bottom: 38px;
display: grid;
}
.cdm-v3-kicker {
color: #1686a0;
letter-spacing: .11em;
margin-bottom: 12px;
font-size: 13px;
font-weight: 800;
}
.cdm-v3-title {
color: #082d43;
letter-spacing: -.03em;
margin: 0;
font-size: 46px;
font-weight: 800;
line-height: 1.04;
}
.cdm-v3-lead {
color: #314b61;
margin: 2px 0 0;
font-size: 18px;
line-height: 1.55;
}
.cdm-v3-grid {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.cdm-v3-card {
min-height: 0;
box-shadow: none;
background-color: #fff;
border: 0 solid #dce4e8;
border-left: 3px solid #0b5eb8;
border-radius: 2px;
padding: 24px;
}
.cdm-v3-num {
color: #1686a0;
margin-bottom: 14px;
font-size: 11px;
font-weight: 800;
display: block;
}
.cdm-v3-card-title {
color: #082d43;
margin: 0 0 9px;
font-size: 20px;
font-weight: 800;
line-height: 1.18;
}
.cdm-v3-card-copy {
color: #314b61;
margin: 0;
font-size: 15px;
line-height: 1.5;
}
.cdm-v3-existing {
color: #fff;
background-color: #10273d;
padding: 48px;
}
.cdm-v3-existing-inner {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.15fr;
align-items: center;
max-width: 1144px;
margin: 0 auto;
display: grid;
}
.cdm-v3-existing-title {
color: #0a3157;
margin: 0;
font-size: 30px;
line-height: 1.15;
}
.cdm-v3-existing-copy {
color: #314b61;
max-width: 800px;
margin: 0;
font-size: 18px;
line-height: 1.55;
}
.cdm-v3-day {
color: #10273d;
background-color: #fff;
padding: 0 48px 56px;
}
.cdm-v3-day-inner {
border: 1px solid #dce4e8;
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
max-width: 1144px;
margin: 0 auto;
display: grid;
overflow: hidden;
}
.cdm-v3-day-col {
border-right: 1px solid #dce4e8;
padding: 30px 34px;
}
.cdm-v3-day-label {
color: #1686a0;
letter-spacing: .1em;
margin-bottom: 15px;
font-size: 12px;
font-weight: 800;
}
.cdm-v3-day-list {
font-size: 19px;
font-weight: 700;
line-height: 1.65;
}
.cdm-v3-day-meta {
color: #60717e;
margin-top: 15px;
font-size: 14px;
line-height: 1.5;
}
.cdm-v3-day-foot {
color: #60717e;
text-align: center;
letter-spacing: .06em;
max-width: 1180px;
margin: 12px auto 0;
font-size: 12px;
font-weight: 800;
}
.cdm-v3-workflow-photo {
border-radius: 10px;
width: 100%;
margin: 28px 0 30px;
overflow: hidden;
}
.cdm-v3-workflow-photo-img {
object-fit: cover;
object-position: center;
width: 100%;
height: 360px;
display: block;
}
.cdm-v3-day-photo {
border-radius: 10px;
max-width: 1144px;
margin: 0 auto 34px;
overflow: hidden;
}
.cdm-v3-day-photo-img {
object-fit: cover;
object-position: center;
width: 100%;
height: 330px;
display: block;
}
.cdm-v3-day-photo-1, .cdm-step-img-1, .cdm-v3-workflow-photo-helper {
display: none;
}
.cdm-v3-existing-photo {
border-radius: 10px;
max-width: 1144px;
margin: 0 auto 34px;
overflow: hidden;
}
.cdm-v3-existing-photo-img {
object-fit: cover;
object-position: center;
width: 100%;
height: 300px;
display: block;
}
.cdm-v3-existing-photo-1 {
display: none;
}
.cdm-v3-workflow-photo-img-1 {
height: clamp(240px, 30vw, 360px);
}
.cdm-v3-day-top-spacer {
display: none;
}
.cdm-v3-workflow-photo-1 {
max-width: 1144px;
margin-left: auto;
margin-right: auto;
}
.cdm-v3-workflow-marker {
display: none;
}
.cdm-v3-workflow-photo-1-2 {
box-shadow: 0 10px 30px #04213e1a;
}
.cdm-v3-workflow-accessibility-helper, .cdm-v3-workflow-final-helper, .cdm-v3-no-caption, .cdm-v3-workflow-finish-helper, .cdm-v3-workflow-width-helper, .cdm-v3-workflow-fit-helper, .cdm-v3-workflow-complete-marker, .cdm-v3-workflow-last-pass, .cdm-v3-workflow-responsive, .cdm-v3-workflow-final, .cdm-v3-workflow-lock, .cdm-v3-workflow-done, .cdm-v3-workflow-end, .cdm-v3-workflow-close, .cdm-v3-workflow-stop, .cdm-v3-workflow-noop {
display: none;
}
.cdm-v3-field-office-photo {
border-radius: 12px;
max-width: 1144px;
margin: 0 auto 36px;
overflow: hidden;
}
.cdm-v3-field-office-photo-img {
object-fit: cover;
width: 100%;
height: auto;
display: block;
}
.cdm-v3-hidden {
display: none;
}
.cdm-v3-next {
background-color: #f5f7f8;
border: 1px solid #dce3e8;
border-radius: 10px;
align-self: start;
padding: 30px 30px 26px;
}
.cdm-v3-next-kicker {
color: #176d8d;
letter-spacing: .12em;
margin-bottom: 22px;
font-size: 12px;
font-weight: 800;
}
.cdm-v3-next-step {
border-bottom: 1px solid #dce3e8;
margin-bottom: 18px;
padding-bottom: 18px;
}
.cdm-v3-next-title {
color: #0b2945;
margin-bottom: 6px;
font-size: 17px;
line-height: 1.35;
display: block;
}
.cdm-v3-next-copy {
color: #52616d;
margin: 0;
font-size: 15px;
line-height: 1.55;
}
.cdm-v3-next-time {
color: #0b2945;
padding-top: 2px;
font-size: 14px;
font-weight: 700;
}
.cdm-v3-form-reassure {
grid-column-gap: 18px;
grid-row-gap: 8px;
color: #536573;
flex-wrap: wrap;
margin-top: 14px;
font-size: 13px;
font-weight: 700;
display: flex;
}
.cdm-v3-form-reassure-item {
display: inline-block;
}
.cdm-form-wrapper-clean {
width: 100%;
display: block;
}
.cdm-form-reassurance {
grid-column-gap: 18px;
grid-row-gap: 10px;
grid-template-columns: repeat(3, 1fr);
max-width: 650px;
margin-top: 30px;
margin-bottom: 14px;
display: grid;
}
.cdm-form-reassurance-item {
color: #fff;
text-align: center;
border-bottom: 1px solid #ffffff59;
margin-top: 0;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
font-size: 15px;
font-weight: 700;
line-height: 1.45;
}
.agf-flow-photo {
object-fit: cover;
border-radius: 6px;
width: 100%;
height: 300px;
margin-top: 26px;
display: block;
}
.agf-journey-new {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(4, minmax(0, 1fr));
margin-top: 34px;
display: grid;
position: relative;
}
.agf-journey-line {
z-index: 0;
background-color: #b9d4e5;
height: 2px;
position: absolute;
top: 31px;
left: 7%;
right: 7%;
}
.agf-journey-card {
z-index: 1;
background-color: #fff;
border: 1px solid #cbdde8;
border-radius: 8px;
min-height: 190px;
padding: 20px 18px 22px;
position: relative;
box-shadow: 0 4px 14px #082b440f;
}
.agf-journey-num {
color: #fff;
background-color: #073b5c;
border: 6px solid #edf8fd;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 62px;
height: 62px;
margin-bottom: 20px;
font-size: 18px;
font-weight: 800;
display: flex;
}
.agf-journey-title {
color: #062d49;
margin-bottom: 9px;
font-size: 19px;
font-weight: 800;
line-height: 1.15;
}
.agf-journey-copy {
color: #344f61;
font-size: 14px;
line-height: 1.5;
}
.t360sys-photo-pair {
grid-column-gap: 0;
grid-row-gap: 0;
grid-template-rows: auto;
grid-template-columns: 1fr;
width: 100%;
max-width: 1080px;
margin-left: auto;
margin-right: auto;
display: grid;
position: relative;
overflow: hidden;
}
.t360sys-photo-pair-img {
object-fit: contain;
width: 100%;
height: auto;
display: block;
}
.cdm-v3-outcomes-1 {
background-color: #f5f7f8;
padding: 72px 24px;
}
.cdm-v3-shell-1 {
max-width: 1180px;
margin: 0 auto;
}
.cdm-v3-intro-1 {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: end;
margin-bottom: 36px;
display: grid;
}
.cdm-v3-kicker-1 {
letter-spacing: .08em;
margin-bottom: 10px;
font-size: 13px;
font-weight: 700;
}
.cdm-v3-title-1 {
margin: 0;
font-size: 40px;
line-height: 1.08;
}
.cdm-v3-lead-1 {
margin: 0;
font-size: 18px;
line-height: 1.55;
}
.cdm-v3-grid-1 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.cdm-v3-card-1 {
background-color: #fff;
border: 1px solid #dfe4e7;
padding: 26px;
}
.cdm-v3-num-1 {
font-size: 13px;
font-weight: 700;
}
.cdm-v3-card-title-1 {
margin: 14px 0 8px;
font-size: 22px;
}
.cdm-v3-card-copy-1 {
margin: 0;
line-height: 1.5;
}
.cdm-v3-existing-1 {
padding: 64px 24px;
}
.cdm-v3-existing-inner-1 {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
max-width: 1180px;
margin: 0 auto;
display: grid;
}
.cdm-v3-existing-title-1 {
margin: 0;
font-size: 36px;
line-height: 1.12;
}
.cdm-v3-existing-copy-1 {
margin: 0;
font-size: 18px;
line-height: 1.6;
}
.t360-proof-cards {
color: #0b2d43;
background-color: #071f30;
padding: 44px 24px 42px;
}
.t360-proof-cards__wrap {
max-width: 1240px;
margin: 0 auto;
}
.t360-proof-cards__kicker {
color: #45bce8;
letter-spacing: 1.5px;
margin-bottom: 12px;
font-size: 13px;
font-weight: 800;
}
.t360-proof-cards__title {
color: #fff;
letter-spacing: -.7px;
max-width: 980px;
margin: 0 0 26px;
font-size: 36px;
font-weight: 800;
line-height: 1.08;
}
.t360-proof-cards__grid {
grid-column-gap: 0px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, minmax(0, 1fr));
column-gap: 0;
display: grid;
}
.t360-proof-cards__card {
min-height: 0;
box-shadow: none;
background-color: #0000;
border: 0 solid #d8e5ec;
border-right: 1px solid #7ec7e552;
border-radius: 0;
padding: 6px 24px 10px;
}
.t360-proof-cards__metric, .t360-proof-cards__heading {
color: #29aee4;
white-space: nowrap;
margin-bottom: 7px;
font-size: 32px;
font-weight: 800;
line-height: 1.05;
}
.t360-proof-cards__copy {
color: #d9e7ee;
max-width: 340px;
margin: 0;
font-size: 16px;
line-height: 1.45;
}
.t360-final-cta-v2 {
color: #fff;
background-color: #062b42;
padding: 72px 24px 68px;
}
.t360-final-cta-v2__wrap {
text-align: center;
max-width: 980px;
margin: 0 auto;
}
.t360-final-cta-v2__eyebrow {
color: #43b9e9;
letter-spacing: 1.5px;
margin-bottom: 16px;
font-size: 13px;
font-weight: 800;
line-height: 1.2;
}
.t360-final-cta-v2__title {
color: #fff;
letter-spacing: -1.4px;
max-width: 900px;
margin: 0 auto 20px;
font-size: 52px;
font-weight: 800;
line-height: 1.04;
}
.t360-final-cta-v2__copy {
color: #d7e5ed;
max-width: 820px;
margin: 0 auto 30px;
font-size: 19px;
line-height: 1.5;
}
.t360-final-cta-v2__button {
color: #062b42;
letter-spacing: .4px;
background-color: #f4c72c;
border-radius: 7px;
padding: 18px 28px;
font-size: 15px;
font-weight: 800;
line-height: 1;
text-decoration: none;
display: inline-block;
}
.t360-final-cta-v2__reassure {
color: #b9ceda;
margin-top: 20px;
font-size: 14px;
line-height: 1.4;
}
.t360-final-cta-v2__form {
color: #fff;
margin-top: 13px;
font-size: 14px;
line-height: 1.4;
text-decoration: underline;
display: inline-block;
}
.cdm-form-label {
color: #082d43;
margin-bottom: -6px;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
display: block;
}
.cdm-owner {
background-color: #eef5fa;
padding-top: 64px;
padding-bottom: 64px;
}
.cdm-owner-grid {
grid-column-gap: 48px;
grid-template-columns: 1fr 1fr;
align-items: center;
display: grid;
}
.cdm-owner-media {
background-color: #dce6ed;
min-height: 420px;
}
.cdm-owner-copy {
max-width: 590px;
}
.cdm-owner-points {
grid-row-gap: 0px;
color: #173149;
margin-top: 28px;
font-size: 15px;
line-height: 1.45;
display: grid;
}
.cdm-owner-close {
color: #0b5eb8;
margin-top: 24px;
margin-bottom: 0;
font-size: 26px;
font-weight: 800;
line-height: 1.1;
}
.t360-loads-question {
color: #0b2d43;
background-color: #f3f8fb;
padding: 72px 24px;
}
.t360-loads-question-wrap {
grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
align-items: center;
column-gap: 56px;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.t360-loads-question-copy {
max-width: 560px;
}
.t360-loads-question-kicker {
color: #0089c9;
letter-spacing: 1.5px;
margin-bottom: 14px;
font-size: 13px;
font-weight: 800;
line-height: 1.2;
}
.t360-loads-question-title {
color: #0b2d43;
letter-spacing: -1.3px;
margin-top: 0;
margin-bottom: 20px;
font-size: 48px;
font-weight: 800;
line-height: 1.05;
}
.t360-loads-question-intro {
color: #38576a;
margin-bottom: 24px;
font-size: 18px;
line-height: 1.55;
}
.t360-loads-question-list {
row-gap: 10px;
margin-bottom: 24px;
display: grid;
}
.t360-loads-question-item {
color: #0b2d43;
border-left: 3px solid #0089c9;
padding-left: 18px;
font-size: 17px;
font-weight: 700;
line-height: 1.4;
}
.t360-loads-question-close {
color: #0b2d43;
margin-top: 0;
margin-bottom: 0;
font-size: 22px;
font-weight: 800;
line-height: 1.25;
}
.t360-loads-question-visual {
border-radius: 10px;
overflow: hidden;
box-shadow: 0 12px 32px #062b421f;
}
.t360-loads-question-image {
width: 100%;
height: auto;
display: block;
}
.t360-proof-cards__movement {
color: #fff;
background-color: #0000;
border-top: 1px solid #7ec7e540;
border-left: 0 solid #29aee4;
border-radius: 0;
width: 100%;
margin: 22px 0 0;
padding: 13px 0 0;
font-size: 16px;
font-weight: 500;
line-height: 1.4;
}
.cdm-owner-image {
object-fit: cover;
border-radius: 4px;
width: 100%;
max-width: none;
height: 560px;
margin: 0;
display: block;
}
.t360-proofstories-v2 {
color: #0b2d43;
background-color: #eef7fb;
padding: 72px 24px;
}
.t360-proofstories-v2-wrap {
max-width: 1240px;
margin: 0 auto;
}
.t360-proofstories-v2-head {
max-width: 780px;
margin-bottom: 34px;
}
.t360-proofstories-v2-kicker {
color: #0089c9;
letter-spacing: 1.5px;
margin-bottom: 12px;
font-size: 13px;
font-weight: 800;
}
.t360-proofstories-v2-title {
letter-spacing: -1.2px;
margin: 0 0 14px;
font-size: 46px;
font-weight: 800;
line-height: 1.05;
}
.t360-proofstories-v2-intro {
color: #38576a;
margin: 0;
font-size: 18px;
line-height: 1.5;
}
.t360-proofstories-v2-feature {
background-color: #fff;
border: 1px solid #d8e5ec;
border-radius: 10px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr);
margin-bottom: 22px;
display: grid;
overflow: hidden;
}
.t360-proofstories-v2-dark {
color: #fff;
background-color: #062b42;
border-color: #062b42;
}
.t360-proofstories-v2-imagewrap {
min-height: 330px;
overflow: hidden;
}
.t360-proofstories-v2-image {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.t360-proofstories-v2-copy {
align-self: center;
padding: 38px 40px;
}
.t360-proofstories-v2-label {
color: #0089c9;
letter-spacing: 1.3px;
margin-bottom: 10px;
font-size: 12px;
font-weight: 800;
}
.t360-proofstories-v2-labeldark {
color: #43b9e9;
letter-spacing: 1.3px;
margin-bottom: 10px;
font-size: 12px;
font-weight: 800;
}
.t360-proofstories-v2-h3 {
letter-spacing: -.5px;
margin: 0 0 15px;
font-size: 30px;
font-weight: 800;
line-height: 1.1;
}
.t360-proofstories-v2-body {
color: #38576a;
margin: 0 0 18px;
font-size: 17px;
line-height: 1.5;
}
.t360-proofstories-v2-bodydark {
color: #d7e5ed;
margin: 0 0 18px;
font-size: 17px;
line-height: 1.5;
}
.t360-proofstories-v2-quote {
border-left: 3px solid #43b9e9;
margin: 20px 0;
padding-left: 18px;
font-size: 21px;
font-weight: 800;
line-height: 1.35;
}
.t360-proofstories-v2-quoteauthor {
color: #b9ceda;
margin-top: 9px;
font-size: 13px;
font-weight: 600;
display: block;
}
.t360-proofstories-v2-link {
color: #007db8;
font-size: 14px;
font-weight: 800;
text-decoration: none;
}
.t360-proofstories-v2-linkdark {
color: #fff;
font-size: 14px;
font-weight: 800;
text-decoration: underline;
}
.t360-proofstories-v2-secondary {
grid-column-gap: 28px;
grid-row-gap: 28px;
background-color: #fff;
border-top: 3px solid #0089c9;
justify-content: space-between;
align-items: end;
margin-top: 22px;
padding: 24px 28px;
display: flex;
}
.t360-proofstories-v2-secondarytitle {
margin: 0 0 8px;
font-size: 21px;
font-weight: 800;
line-height: 1.2;
}
.t360-proofstories-v2-secondarybody {
color: #38576a;
max-width: 720px;
margin: 0;
font-size: 15px;
line-height: 1.45;
}
.t360-proofstories-v2-dwt {
color: #007db8;
margin-top: 22px;
font-size: 13px;
font-weight: 700;
display: inline-block;
}
.cdm-form-panel {
background-color: #fff;
border: 1px solid #c5d8e4;
border-radius: 6px;
min-height: 0;
padding: 36px 36px 30px;
box-shadow: 0 20px 46px #082d4326;
}
.cdm-owner-shell {
grid-column-gap: 64px;
grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
align-items: center;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.cdm-owner-point {
box-shadow: none;
background-color: #0000;
border-top: 1px solid #b9cbd6;
border-radius: 0;
padding: 19px 0;
}
.cdm-owner-chapter {
color: #10273d;
background-color: #fff;
padding: 48px 48px 44px;
}
.cdm-customer-chapter {
color: #10273d;
background-color: #fff;
padding: 54px 48px;
}
.cdm-customer-inner {
grid-row-gap: 18px;
color: #263f55;
grid-template-columns: 1fr;
max-width: 1180px;
margin-left: auto;
margin-right: auto;
display: grid;
}
.cdm-docket-chapter {
color: #fff;
background-color: #10273d;
padding: 62px 48px 64px;
}
.cdm-docket-inner {
max-width: 1080px;
margin-left: auto;
margin-right: auto;
display: block;
}
.cdm-compliance-title-final {
color: #082d43;
letter-spacing: -.025em;
max-width: 780px;
margin-top: 8px;
margin-bottom: 28px;
font-size: 38px;
font-weight: 800;
line-height: 1.08;
}
.cdm-docket-process {
grid-column-gap: 12px;
grid-template-columns: 1fr auto 1.45fr auto 1fr auto 1fr auto 1.35fr;
justify-content: space-between;
align-items: stretch;
gap: 12px;
margin-top: 30px;
display: flex;
}
.cdm-docket-process-step {
color: #fff;
text-align: center;
background-color: #ffffff1c;
border-top: 1px #ffffff4d;
border-bottom: 1px #ffffff4d;
border-radius: 2px;
flex: 1 1 0;
justify-content: center;
align-items: center;
min-width: 0;
min-height: 68px;
padding: 14px;
font-size: 14px;
font-weight: 800;
line-height: 1.25;
display: flex;
}
.cdm-docket-process-arrow {
color: #ffd52f;
text-align: center;
flex: 0 0 24px;
justify-content: center;
align-items: center;
font-size: 20px;
font-weight: 800;
display: flex;
}
.cdm-benefits-close {
color: #082d43;
border-top: 1px solid #c8d5dc;
margin-top: 28px;
padding-top: 22px;
font-size: 22px;
font-weight: 800;
line-height: 1.3;
}
.rm32-shell {
max-width: 1360px;
margin: 0 auto;
padding: 0 48px;
}
.rm32-section {
padding: 88px 0;
}
.rm32-soft {
background-color: #eef5fa;
}
.rm32-kicker {
color: #0b5eb8;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 14px;
font-size: 13px;
font-weight: 800;
}
.rm32-h2 {
color: #082d43;
letter-spacing: -.035em;
margin: 0 0 28px;
font-size: 50px;
font-weight: 800;
line-height: 1.04;
}
.rm32-lead {
color: #314454;
max-width: 820px;
font-size: 20px;
line-height: 1.55;
}
.rm32-questions {
grid-column-gap: 32px;
grid-row-gap: 0px;
background-color: #0000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 48px;
display: grid;
}
.rm32-q {
color: #082d43;
background-color: #fff;
padding: 28px;
font-size: 25px;
font-weight: 750;
}
.rm32-callout {
color: #0b5eb8;
max-width: 900px;
margin: 36px 0 0;
font-size: 24px;
font-weight: 700;
line-height: 1.4;
}
.rm32-four {
grid-column-gap: 36px;
grid-row-gap: 0px;
background-color: #0000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 42px;
display: grid;
}
.rm32-item {
background-color: #eef5fa;
padding: 28px 34px;
}
.rm32-item-title {
color: #082d43;
margin: 0 0 10px;
font-size: 22px;
}
.rm32-item-copy {
color: #415464;
margin: 0;
font-size: 16px;
line-height: 1.55;
}
.rm32-story {
background-color: #eef5fa;
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
min-height: 620px;
display: grid;
}
.rm32-story-img {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 620px;
}
.rm32-story-copy {
flex-direction: column;
justify-content: center;
padding: 76px 5vw;
display: flex;
}
.rm32-story-title {
color: #082d43;
letter-spacing: -.035em;
margin: 0 0 22px;
font-size: 50px;
line-height: 1.05;
}
.rm32-story-sub {
color: #0b5eb8;
margin: 28px 0 10px;
font-size: 25px;
line-height: 1.15;
}
.rm32-story-p {
color: #3d5261;
margin: 0;
font-size: 17px;
line-height: 1.58;
}
.rm32-flow {
grid-template-rows: auto;
grid-template-columns: 1fr 64px 1fr;
align-items: stretch;
margin-top: 46px;
display: grid;
}
.rm32-flowbox {
background-color: #f7f9fa;
border-top: 3px solid #0b5eb8;
padding: 38px;
}
.rm32-flow-title {
color: #082d43;
margin: 0 0 18px;
font-size: 25px;
}
.rm32-flow-list {
color: #344b5a;
margin: 0;
padding-left: 20px;
font-size: 17px;
line-height: 1.75;
}
.rm32-arrow {
color: #0b5eb8;
justify-content: center;
align-items: center;
font-size: 38px;
display: flex;
}
.rm32-benefits {
grid-column-gap: 38px;
grid-row-gap: 0px;
background-color: #0000;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 40px;
display: grid;
}
.rm32-benefit {
background-color: #eef5fa;
padding: 28px 32px;
}
.rm32-benefit-title {
color: #082d43;
margin: 0 0 8px;
font-size: 22px;
}
.rm32-benefit-copy {
color: #405463;
margin: 0;
font-size: 16px;
line-height: 1.55;
}
.rm32-office {
background-color: #eef5fa;
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
align-items: stretch;
display: grid;
}
.rm32-office-img {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 580px;
}
.rm32-office-copy {
padding: 72px 5vw;
}
.rm32-questions-copy {
color: #405463;
margin: 25px 0;
font-size: 20px;
line-height: 1.65;
}
.rm32-payoff {
color: #0b5eb8;
margin-top: 28px;
font-size: 29px;
font-weight: 800;
line-height: 1.15;
}
.cdm-customer-subhead {
color: #082d43;
margin-top: 22px;
margin-bottom: 7px;
font-size: 22px;
font-weight: 800;
line-height: 1.2;
}
.cdm-customer-detail {
color: #314b61;
max-width: 760px;
margin-bottom: 20px;
font-size: 17px;
line-height: 1.5;
}
.cdm-customer-close {
color: #082d43;
border-top: 1px solid #c8d5dc;
max-width: 760px;
margin-top: 22px;
padding-top: 18px;
font-size: 21px;
font-weight: 800;
line-height: 1.35;
}
.cdm-record-close {
color: #0a3157;
margin-top: 20px;
font-size: 20px;
font-weight: 800;
line-height: 1.35;
}
.cdm-compliance-intro {
color: #314b61;
max-width: 760px;
margin-top: 10px;
margin-bottom: 24px;
font-size: 17px;
line-height: 1.55;
}
.cdm-customer-proof {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-rows: auto;
grid-template-columns: repeat(3, 1fr);
margin-top: 18px;
display: grid;
}
.cdm-customer-proof-item {
background-color: #eef7fb;
border-left: 3px solid #1686a0;
padding: 20px 22px;
}
.cdm-customer-proof-title {
color: #082d43;
margin-bottom: 7px;
font-size: 18px;
line-height: 1.25;
display: block;
}
.cdm-customer-proof-copy {
color: #314b61;
font-size: 15px;
line-height: 1.5;
display: block;
}
.agf-system-copy {
padding: 0 36px 36px;
}
.cdm-docket-title {
color: #fff;
margin-top: 8px;
margin-bottom: 14px;
font-size: 34px;
font-weight: 800;
line-height: 1.12;
}
.cdm-docket-copy {
color: #d9e6ee;
max-width: 850px;
font-size: 17px;
line-height: 1.55;
}
.agf-section-intro {
color: #42566a;
max-width: 860px;
margin-top: 18px;
margin-bottom: 36px;
font-size: 18px;
line-height: 1.55;
}
.agf-faq-title {
color: #173149;
letter-spacing: -.025em;
max-width: 850px;
margin-top: 12px;
margin-bottom: 30px;
font-size: 46px;
font-weight: 800;
line-height: 1.08;
}
.agf-stories-title {
color: #173149;
letter-spacing: -.025em;
max-width: 850px;
margin-top: 12px;
margin-bottom: 34px;
font-size: 46px;
font-weight: 800;
line-height: 1.08;
}
.rm40-wrap {
max-width: 1360px;
margin: 0 auto;
padding: 0 48px;
}
.rm40-journey {
background-color: #fff;
padding: 76px 0;
}
.rm40-kicker {
color: #0b5eb8;
letter-spacing: .13em;
margin-bottom: 18px;
font-size: 13px;
font-weight: 800;
}
.rm40-title {
color: #082d43;
letter-spacing: -.035em;
max-width: 760px;
margin: 0 0 14px;
font-size: 46px;
font-weight: 800;
line-height: 1.04;
}
.rm40-title-small {
color: #082d43;
letter-spacing: -.03em;
max-width: 760px;
margin: 0 0 18px;
font-size: 46px;
font-weight: 800;
line-height: 1.04;
}
.rm40-steps {
border-top: 1px solid #cbd9e3;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
display: grid;
}
.rm40-step {
border-right: 1px solid #d9e2e8;
padding: 30px 28px 10px 0;
}
.rm40-num {
color: #0b5eb8;
margin-bottom: 32px;
font-size: 14px;
font-weight: 800;
}
.rm40-step-title {
color: #082d43;
margin: 0 0 12px;
font-size: 23px;
line-height: 1.15;
}
.rm40-copy {
color: #405463;
margin: 0;
font-size: 17px;
line-height: 1.6;
}
.rm40-recognition {
background-color: #eaf3f8;
padding: 64px 0;
}
.rm40-kicker-light {
color: #0b5eb8;
letter-spacing: .13em;
margin-bottom: 18px;
font-size: 13px;
font-weight: 800;
}
.rm40-title-light {
color: #082d43;
letter-spacing: -.035em;
max-width: 760px;
margin: 0 0 14px;
font-size: 46px;
font-weight: 800;
line-height: 1.04;
}
.rm40-questions {
border-top: 1px solid #cbd9e3;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 24px;
display: grid;
}
.rm40-question {
color: #0a3157;
border-bottom: 1px solid #cbd9e3;
margin: 0;
padding: 24px 20px 24px 0;
font-size: 18px;
font-weight: 800;
line-height: 1.35;
}
.rm40-statement {
color: #0a3157;
max-width: 900px;
margin: 24px 0 0;
font-size: 20px;
font-weight: 700;
line-height: 1.45;
}
.rm40-early {
background-color: #fff;
padding: 64px 48px;
}
.rm40-early-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1.35fr .65fr;
align-items: center;
max-width: 1240px;
margin: 0 auto;
display: grid;
}
.rm40-lead {
color: #405463;
margin: 0;
font-size: 19px;
line-height: 1.55;
}
.rm40-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.rm40-primary {
color: #fff;
text-align: center;
background-color: #0b5eb8;
padding: 17px 22px;
font-weight: 800;
text-decoration: none;
display: block;
}
.rm40-wa {
color: #082d43;
text-align: center;
background-color: #25d366;
padding: 17px 22px;
font-weight: 800;
text-decoration: none;
display: block;
}
.rm40-site {
background-color: #eef5f8;
grid-template-rows: auto;
grid-template-columns: 1.08fr .92fr;
display: grid;
}
.rm40-site-img {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 560px;
}
.rm40-site-copy {
flex-direction: column;
justify-content: center;
padding: 64px 6vw;
display: flex;
}
.rm40-sub {
color: #082d43;
margin: 24px 0 10px;
font-size: 25px;
line-height: 1.2;
}
.rm40-emphasis {
color: #082d43;
border-top: 2px solid #0b5eb8;
margin: 30px 0 0;
padding-top: 25px;
font-size: 20px;
font-weight: 800;
line-height: 1.5;
}
.rm40-capture {
background-color: #fff;
padding: 76px 0;
}
.rm40-capture-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 70px 1fr;
align-items: stretch;
margin-top: 44px;
display: grid;
}
.rm40-capture-col {
background-color: #0000;
border-top: 2px solid #0b5eb8;
padding: 24px 4px 8px;
}
.rm40-label {
color: #0b5eb8;
letter-spacing: .1em;
margin-bottom: 20px;
font-size: 14px;
font-weight: 800;
}
.rm40-row {
color: #253f50;
border-bottom: 1px solid #d7e2e9;
margin: 0;
padding: 12px 0;
font-size: 16px;
}
.rm40-flowmark {
color: #0b5eb8;
justify-content: center;
align-items: center;
font-size: 34px;
display: flex;
}
.rm40-outcomes {
background-color: #eaf3f8;
padding: 64px 0;
}
.rm40-outcome-grid {
grid-column-gap: 46px;
grid-row-gap: 0;
border-top: 1px solid #cbd9e3;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
display: grid;
}
.rm40-outcome {
border-bottom: 1px solid #cbd9e3;
padding: 28px 0;
}
.rm40-outcome-title {
color: #0a3157;
margin: 0 0 8px;
font-size: 20px;
}
.rm40-outcome-copy {
color: #314b61;
margin: 0;
font-size: 16px;
line-height: 1.55;
}
.rm40-people {
background-color: #eaf3f8;
grid-template-rows: auto;
grid-template-columns: .92fr 1.08fr;
display: grid;
}
.rm40-people-copy {
flex-direction: column;
justify-content: center;
padding: 64px 6vw;
display: flex;
}
.rm40-office-img {
object-fit: cover;
width: 100%;
height: 100%;
min-height: 520px;
}
.rm40-office-band {
background-color: #fff;
padding: 64px 0;
}
.rm40-office-questions {
border-top: 1px solid #cbd9e3;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 24px;
display: grid;
}
.rm40-office-question {
color: #0a3157;
border-bottom: 1px solid #cbd9e3;
padding: 22px 20px 22px 0;
font-size: 18px;
font-weight: 800;
line-height: 1.4;
}
.rm40-support {
background-color: #eef5f8;
padding: 64px 48px;
}
.rm40-support-grid {
grid-column-gap: 70px;
grid-row-gap: 70px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
max-width: 1240px;
margin: 0 auto;
display: grid;
}
.rm40-support-title {
color: #082d43;
margin: 0 0 20px;
font-size: 31px;
line-height: 1.1;
}
.rm40-tags {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 28px;
display: flex;
}
.rm40-tag {
color: #234354;
border: 1px solid #bfd0dc;
padding: 9px 12px;
font-size: 14px;
font-weight: 700;
}
.rm40-system {
border-left: 1px solid #cbd9e3;
padding-left: 54px;
}
.rm40-copy-gap {
color: #405463;
margin: 18px 0 0;
font-size: 17px;
line-height: 1.6;
}
.agf-cap-section {
color: #fff;
background-color: #071d35;
padding-top: 68px;
padding-bottom: 68px;
}
.agf-cap-intro {
color: #d8e4ed;
max-width: 780px;
margin-top: 18px;
margin-bottom: 32px;
font-size: 18px;
line-height: 1.55;
}
.agf-cap-title {
color: #fff;
letter-spacing: -.025em;
max-width: 900px;
margin-top: 12px;
font-size: 44px;
font-weight: 800;
line-height: 1.08;
}
.agf-cap-grid {
background-color: #0000;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0;
display: grid;
}
.agf-cap-item {
background-color: #0000;
border-top: 1px solid #31506b;
padding: 18px 20px 18px 0;
}
.agf-cap-h3 {
color: #fff;
margin-bottom: 10px;
font-size: 21px;
font-weight: 800;
line-height: 1.2;
}
.agf-cap-p {
color: #d8e4ed;
margin-bottom: 0;
font-size: 16px;
line-height: 1.55;
}
.agf-retrieval {
background-color: #f4f7f9;
padding-top: 76px;
padding-bottom: 80px;
}
.agf-retrieval-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 32px;
margin-top: 40px;
display: grid;
}
.agf-retrieval-item {
border-top: 3px solid #0875b9;
padding-top: 24px;
}
.agf-maturity {
background-color: #eef4f7;
padding-top: 66px;
padding-bottom: 68px;
}
.agf-maturity-grid {
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 28px;
margin-top: 38px;
display: grid;
}
.agf-maturity-item {
border-top: 2px solid #d9e2e8;
padding-top: 22px;
}
.agf-job-choice {
background-color: #fff;
border-top: 1px solid #b8cedd;
border-bottom: 1px solid #b8cedd;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
margin-top: 32px;
margin-bottom: 52px;
padding: 26px 28px;
display: grid;
}
.agf-bulk-callout {
color: #fff;
background-color: #082f4e;
margin-top: 48px;
padding: 32px 36px;
}
.agf-bulk-h3 {
color: #fff;
margin-bottom: 12px;
font-size: 27px;
font-weight: 800;
line-height: 1.18;
}
.agf-bulk-p {
color: #dce7ee;
max-width: 900px;
margin-bottom: 0;
font-size: 17px;
line-height: 1.55;
}
.rm50-shell {
max-width: 1360px;
margin: 0 auto;
padding: 0 48px;
}
.rm50-workflow {
background-color: #fff;
padding: 64px 0 56px;
}
.rm50-recognition {
background-color: #eaf3f8;
padding: 64px 0;
}
.rm50-site {
background-color: #eef5f8;
padding: 84px 0;
}
.rm50-capture {
background-color: #fff;
padding: 58px 0;
}
.rm50-outcomes {
background-color: #eef3f5;
padding: 44px 0;
}
.rm50-kicker {
color: #0b5eb8;
letter-spacing: .13em;
margin-bottom: 18px;
font-size: 13px;
font-weight: 800;
}
.rm50-h2 {
color: #082d43;
letter-spacing: -.035em;
max-width: 760px;
margin: 0 0 14px;
font-size: 46px;
font-weight: 800;
line-height: 1.04;
}
.rm50-lead {
color: #314b61;
max-width: 760px;
margin: 0 0 32px;
font-size: 18px;
line-height: 1.55;
}
.rm50-steps {
grid-column-gap: 0px;
grid-row-gap: 0px;
background-color: #f3f7f9;
border-top: 1px solid #d7e2e9;
border-bottom: 1px solid #d7e2e9;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 30px;
display: grid;
}
.rm50-step {
background-color: #f3f7f9;
border-top: 4px solid #0b5eb8;
min-height: 170px;
padding: 22px 22px 24px;
}
.rm50-num {
color: #0b5eb8;
letter-spacing: .1em;
font-size: 13px;
font-weight: 800;
}
.rm50-h3 {
color: #0a3157;
margin: 10px 0 8px;
font-size: 20px;
line-height: 1.3;
}
.rm50-p {
color: #314b61;
margin: 0;
font-size: 16px;
line-height: 1.55;
}
.rm50-questions {
border-top: 1px solid #cbd9e3;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin-top: 28px;
display: grid;
}
.rm50-question {
color: #0a3157;
border-bottom: 1px solid #cbd9e3;
margin: 0;
padding: 20px 20px 20px 0;
font-size: 18px;
font-weight: 800;
line-height: 1.35;
}
.rm50-close {
color: #0a3157;
max-width: 900px;
margin: 24px 0 0;
font-size: 20px;
font-weight: 800;
line-height: 1.4;
}
.rm50-two {
grid-column-gap: 48px;
grid-row-gap: 36px;
grid-template-rows: auto;
grid-template-columns: 1.15fr .85fr;
align-items: center;
display: grid;
}
.rm50-photo {
object-fit: cover;
width: 100%;
height: 420px;
display: block;
}
.rm50-rule {
border-bottom: 1px solid #cbd9e3;
padding: 18px 0;
}
.rm50-capture-grid {
grid-column-gap: 0px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 126px 1fr;
align-items: stretch;
margin-top: 30px;
display: grid;
}
.rm50-capture-col {
background-color: #f3f7f9;
border-top: 0 solid #0b5eb8;
padding: 26px 30px;
}
.rm50-caphead {
color: #0b5eb8;
letter-spacing: .06em;
margin: 0 0 14px;
font-size: 16px;
font-weight: 800;
}
.rm50-row {
color: #253f50;
border-bottom: 1px solid #cbd9e3;
margin: 0;
padding: 10px 0;
font-size: 16px;
font-weight: 650;
}
.rm50-arrow {
color: #fff;
text-align: center;
letter-spacing: .05em;
background-color: #0b5eb8;
justify-content: center;
align-items: center;
padding-left: 12px;
padding-right: 12px;
font-size: 13px;
font-weight: 800;
line-height: 1.3;
display: flex;
}
.rm50-outcome-grid {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-top: 0 solid #cbd9e3;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
margin-top: 22px;
display: grid;
}
.rm50-outcome {
background-color: #fff;
border-bottom: 1px solid #cbd9e3;
border-left: 4px solid #0b5eb8;
align-items: center;
min-height: 96px;
padding: 28px 24px 28px 18px;
display: flex;
}
.rm50-people {
background-color: #eaf3f8;
padding: 58px 0;
}
.rm50-office {
background-color: #fff;
padding: 56px 0;
}
.rm50-support {
color: #082d43;
background-color: #eaf3f8;
padding: 34px 0 36px;
}
.rm50-support-title {
color: #082d43;
max-width: 720px;
margin: 0 0 10px;
font-size: 26px;
font-weight: 800;
line-height: 1.15;
}
.rm50-support-p {
color: #345365;
max-width: 900px;
margin: 0;
font-size: 15px;
line-height: 1.5;
}
.rm50-tags {
grid-column-gap: 18px;
grid-row-gap: 10px;
flex-wrap: wrap;
margin-top: 18px;
display: flex;
}
.rm50-tag {
color: #0b5eb8;
border: 0 solid #6d8799;
border-radius: 3px;
padding: 4px 0;
font-size: 14px;
font-weight: 800;
}
.rm50-topgap {
margin-top: 16px;
}
.agf-cap-photo {
object-fit: cover;
object-position: center center;
border-radius: 2px;
width: 100%;
height: 380px;
margin-top: 28px;
margin-bottom: 28px;
display: block;
}
.agf-retrieval-photo {
object-fit: cover;
object-position: center center;
border-radius: 2px;
width: 100%;
height: 400px;
margin-top: 30px;
margin-bottom: 34px;
display: block;
}
.rm50-hero {
background-color: #071d35;
align-items: center;
min-height: 650px;
display: flex;
position: relative;
overflow: hidden;
}
.rm50-hero-copy {
z-index: 1;
color: #fff;
background-color: #0000;
flex-direction: column;
justify-content: center;
width: 58%;
max-width: 820px;
min-height: 650px;
padding: 70px 64px 58px max(42px, 50vw - 632px);
display: flex;
position: relative;
}
.rm50-hero-kicker {
color: #fff;
letter-spacing: .13em;
margin-bottom: 14px;
font-size: 13px;
font-weight: 800;
}
.rm50-hero-title {
color: #fff;
letter-spacing: -.045em;
max-width: 780px;
margin: 14px 0 24px;
font-size: clamp(48px, 5.5vw, 76px);
font-weight: 800;
line-height: 1.02;
}
.rm50-hero-lead {
color: #e5edf2;
max-width: 650px;
margin: 0 0 28px;
font-size: 19px;
line-height: 1.48;
}
.rm50-hero-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
margin-bottom: 20px;
display: flex;
}
.rm50-hero-primary {
color: #082d43;
background-color: #f4d000;
padding: 14px 20px;
font-size: 14px;
font-weight: 800;
text-decoration: none;
}
.rm50-hero-wa {
color: #fff;
border: 1px solid #ffffff80;
padding: 13px 18px;
font-size: 14px;
font-weight: 800;
text-decoration: none;
}
.rm50-hero-proof {
grid-column-gap: 10px;
grid-row-gap: 14px;
border-top: 1px solid #ffffff38;
grid-template-rows: auto;
grid-template-columns: repeat(4, 1fr);
max-width: 760px;
padding-top: 14px;
display: grid;
}
.rm50-proof {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #fff;
flex-direction: column;
font-size: 12px;
line-height: 1.25;
display: flex;
}
.rm50-proof-strong {
font-size: 14px;
}
.rm50-proof-span {
color: #dce7ed;
}
.cdm-flow-arrow {
z-index: 1;
background-color: #0b5eb8;
height: 2px;
position: absolute;
top: 14px;
left: 48px;
right: 8px;
}
.cdm-flow-arrow-head {
border-top: 5px solid #0000;
border-bottom: 5px solid #0000;
border-left: 8px solid #0b5eb8;
width: 0;
height: 0;
position: absolute;
top: -4px;
right: -1px;
}
.cdm-flow-return {
width: 75%;
height: 48px;
margin: 6px 0 0 25%;
position: relative;
}
.cdm-flow-return-left {
border-left: 2px dashed #0b5eb8;
width: 2px;
height: 30px;
position: absolute;
top: 0;
left: 0;
}
.cdm-flow-return-bottom {
border-top: 2px dashed #0b5eb8;
height: 2px;
position: absolute;
top: 28px;
left: 0;
right: 0;
}
.cdm-flow-return-right {
border-right: 2px dashed #0b5eb8;
width: 2px;
height: 30px;
position: absolute;
top: 0;
right: 0;
}
.cdm-flow-return-label {
color: #0b5eb8;
letter-spacing: .04em;
white-space: nowrap;
background-color: #e7f3fb;
border-radius: 999px;
padding: 4px 14px;
font-size: 12px;
font-weight: 800;
line-height: 1.2;
position: absolute;
top: -14px;
left: 50%;
transform: translateX(-50%);
}
.cdm-driveroffice-grid {
grid-column-gap: 56px;
grid-row-gap: 0;
grid-template-columns: minmax(0, 1.22fr) minmax(0, 1fr);
align-items: start;
width: 100%;
max-width: 1360px;
margin: 0 auto;
padding: 0 48px;
display: grid;
}
.cdm-driveroffice-image {
width: 100%;
height: 420px;
max-height: 420px;
box-shadow: none;
object-fit: cover;
object-position: center center;
border-radius: 6px 6px 0 0;
display: block;
}
.cdm-driveroffice-caption {
color: #fff;
background-color: #0a3157;
border-radius: 0 0 6px 6px;
margin-top: 0;
padding: 20px 24px;
font-size: 21px;
font-weight: 800;
line-height: 1.28;
}
.cdm-driveroffice-checks {
color: #0a3157;
grid-row-gap: 0;
grid-template-columns: 1fr;
margin-top: 18px;
margin-bottom: 0;
font-weight: 700;
display: grid;
}
.rm50-hero-1 {
position: relative;
overflow: hidden;
}
.rm50-hero-overlay {
pointer-events: none;
background-image: linear-gradient(90deg, #04213efa 0%, #04213ee6 36%, #04213e85 57%, #04213e1a 78%, #04213e00 100%);
position: absolute;
inset: 0;
}
.rm50-hero-copy-1 {
z-index: 1;
position: relative;
}
.cdm-driveroffice-visual-v2 {
align-self: start;
width: 100%;
}
.cdm-driveroffice-photo-frame-v2 {
border-radius: 6px 6px 0 0;
width: 100%;
height: 420px;
max-height: 420px;
overflow: hidden;
}
.cdm-driveroffice-photo-v2 {
object-fit: cover;
object-position: center center;
width: 100%;
height: 100%;
display: block;
}
.cdm-driveroffice-caption-v2 {
color: #fff;
background-color: #0a3157;
border-radius: 0 0 6px 6px;
margin-top: 0;
padding: 20px 24px;
font-size: 21px;
font-weight: 800;
line-height: 1.28;
}
.hiw101 {
color: #132238;
background-color: #fff;
font-family: Arial, sans-serif;
}
.hiw101-wrap {
width: min(1180px, 100% - 48px);
margin-left: auto;
margin-right: auto;
}
.hiw101-hero {
background-color: #10263f;
background-image: linear-gradient(90deg, #10263f 0%, #10263ffa 29%, #10263fd1 43%, #10263f47 58%, #10263f00 72%), url("https://s3.amazonaws.com/webflow-prod-assets/6a90596391b69e3266a9a734/6ab183c01c8b246d51ac3ad1_howitworkshero.png");
background-repeat: no-repeat;
background-size: cover;
min-height: 500px;
padding-top: 58px;
padding-bottom: 58px;
overflow: hidden;
}
.hiw101-hero-grid {
grid-template-columns: 1.1fr .9fr;
align-items: center;
gap: 56px;
display: grid;
}
.hiw101-hero-img {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 340px;
display: none;
}
.hiw101-kicker {
color: #52b7dc;
letter-spacing: 1.4px;
text-transform: uppercase;
margin-bottom: 14px;
font-size: 13px;
font-weight: 700;
}
.hiw101-h1 {
color: #fff;
max-width: 620px;
margin-top: 0;
margin-bottom: 18px;
font-size: 46px;
line-height: 1.06;
}
.hiw101-lead {
color: #e7eef5;
max-width: 620px;
margin-top: 0;
margin-bottom: 14px;
font-size: 18px;
line-height: 1.55;
}
.hiw101-reassure {
color: #fff;
margin-bottom: 26px;
font-size: 15px;
font-weight: 700;
}
.hiw101-actions {
flex-wrap: wrap;
align-items: center;
gap: 18px;
display: flex;
}
.hiw101-btn {
color: #062238;
background-color: #20d36b;
border-radius: 5px;
padding: 14px 22px;
font-weight: 800;
text-decoration: none;
display: inline-block;
}
.hiw101-link {
color: #fff;
font-weight: 700;
text-decoration: none;
}
.hiw101-section {
padding-top: 76px;
padding-bottom: 76px;
}
.hiw101-soft {
background-color: #f3f6f8;
}
.hiw101-h2 {
color: #10263f;
margin-top: 0;
margin-bottom: 18px;
font-size: 38px;
line-height: 1.12;
}
.hiw101-copy {
color: #435268;
font-size: 18px;
line-height: 1.65;
}
.hiw101-two {
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 64px;
display: grid;
}
.hiw101-img {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 390px;
}
.hiw101-flow {
border-top: 3px solid #1c93bd;
grid-template-columns: repeat(6, 1fr);
gap: 0;
margin-top: 36px;
display: grid;
}
.hiw101-step {
border-right: 1px solid #d9e0e5;
padding: 22px 14px 10px 0;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
}
.hiw101-points {
grid-template-columns: repeat(3, 1fr);
gap: 18px;
margin-top: 26px;
display: grid;
}
.hiw101-point {
border-top: 2px solid #1c93bd;
padding-top: 16px;
font-size: 16px;
font-weight: 700;
}
.hiw101-band {
color: #fff;
background-color: #10263f;
padding-top: 48px;
padding-bottom: 48px;
}
.hiw101-band-grid {
text-align: center;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
display: grid;
}
.hiw101-stat {
color: #fff;
font-size: 25px;
font-weight: 800;
}
.hiw101-cta {
background-color: #f3c541;
padding-top: 64px;
padding-bottom: 64px;
}
.hiw101-cta-h {
color: #10263f;
margin-top: 0;
margin-bottom: 12px;
font-size: 40px;
}
.hiw101-hero-wrap {
box-sizing: border-box;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.hiw101-hero-content {
grid-template-columns: minmax(0, 650px);
align-items: center;
gap: 0;
width: 100%;
display: grid;
}
.hiw101-journey {
background-color: #fff;
padding-top: 64px;
padding-bottom: 68px;
}
.hiw101-journey-wrap {
box-sizing: border-box;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.hiw101-journey-intro {
color: #526174;
max-width: 760px;
margin-bottom: 34px;
font-size: 18px;
line-height: 1.5;
}
.hiw101-journey-flow {
border-top: 3px solid #20a9d6;
grid-template-columns: repeat(6, minmax(0, 1fr));
gap: 0;
margin-top: 28px;
display: grid;
}
.hiw101-journey-step {
border-right: 1px solid #dce4e9;
padding: 22px 20px 14px 0;
}
.hiw101-journey-num {
color: #20a9d6;
margin-bottom: 10px;
font-size: 13px;
font-weight: 800;
display: block;
}
.hiw101-journey-title {
color: #10263f;
margin-bottom: 9px;
font-size: 15px;
font-weight: 700;
line-height: 1.2;
display: block;
}
.hiw101-journey-copy {
color: #526174;
font-size: 15px;
line-height: 1.45;
display: block;
}
.hiw101-driver {
background-color: #fff;
padding-top: 72px;
padding-bottom: 72px;
}
.hiw101-driver-grid {
box-sizing: border-box;
grid-template-columns: .85fr .9fr .55fr;
align-items: center;
gap: 30px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
display: grid;
}
.hiw101-driver-benefits {
box-sizing: border-box;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 0;
max-width: 1200px;
margin-top: 34px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
display: grid;
}
.hiw101-driver-benefit {
border-top: 2px solid #20a9d6;
padding-top: 16px;
padding-bottom: 10px;
padding-right: 20px;
}
.hiw101-driver-num {
display: none !important;
}
.hiw101-office {
background-color: #f3f6f8;
padding-top: 72px;
padding-bottom: 72px;
}
.hiw101-office-grid {
box-sizing: border-box;
grid-template-columns: .9fr 1.1fr;
align-items: center;
gap: 56px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
display: grid;
}
.hiw101-driver-app {
object-fit: contain;
justify-self: center;
width: 100%;
max-width: 260px;
max-height: 420px;
display: block;
}
.hiw102-section {
background-color: #fff;
padding-top: 72px;
padding-bottom: 72px;
}
.hiw102-soft {
background-color: #f3f6f8;
padding-top: 72px;
padding-bottom: 72px;
}
.hiw102-dark {
color: #10263f;
background-color: #e8f0f4;
padding-top: 64px;
padding-bottom: 64px;
}
.hiw102-wrap {
box-sizing: border-box;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
}
.hiw102-kicker {
color: #0789cf;
letter-spacing: 1.2px;
text-transform: uppercase;
margin-bottom: 12px;
font-size: 13px;
font-weight: 700;
}
.hiw102-h2, .hiw102-h2-light {
color: #10263f;
margin-top: 0;
margin-bottom: 18px;
font-size: 38px;
font-weight: 700;
line-height: 1.12;
}
.hiw102-lead {
color: #405267;
max-width: 780px;
margin-bottom: 32px;
font-size: 18px;
line-height: 1.6;
}
.hiw102-lead-light {
color: #29495f;
max-width: 800px;
margin-bottom: 32px;
font-size: 18px;
line-height: 1.6;
}
.hiw102-flow {
grid-template-columns: 1fr 1fr;
gap: 28px 52px;
margin-top: 30px;
display: grid;
}
.hiw102-step {
border-top: 3px solid #20a9d6;
padding-top: 18px;
}
.hiw102-step-title {
color: #10263f;
margin-bottom: 8px;
font-size: 19px;
font-weight: 700;
line-height: 1.25;
}
.hiw102-copy {
color: #405267;
font-size: 16px;
line-height: 1.55;
}
.hiw102-groups {
grid-template-columns: repeat(3, 1fr);
gap: 34px;
margin-top: 18px;
display: grid;
}
.hiw102-group {
border-top: 3px solid #20a9d6;
padding-top: 18px;
}
.hiw102-group-title {
color: #fff;
margin-bottom: 16px;
font-size: 19px;
font-weight: 700;
line-height: 1.25;
}
.hiw102-group-copy {
color: #e8eef4;
font-size: 15px;
line-height: 1.65;
}
.hiw102-archive {
color: #10263f;
margin-top: 28px;
margin-bottom: 24px;
font-size: 21px;
font-weight: 700;
line-height: 1.5;
}
.hiw102-payoff {
color: #10263f;
margin-top: 24px;
font-size: 28px;
font-weight: 700;
line-height: 1.2;
}
.hiw102-sustain {
grid-template-columns: 1.15fr .85fr;
align-items: center;
gap: 52px;
display: grid;
}
.hiw102-note {
color: #405267;
border-left: 4px solid #b7d334;
padding-left: 20px;
font-size: 16px;
line-height: 1.6;
}
.hiw102-work {
grid-template-columns: 1fr 1fr;
align-items: center;
gap: 44px;
display: grid;
}
.hiw102-img {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 360px;
}
.hiw102-links {
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-top: 26px;
display: grid;
}
.hiw102-sector {
color: #10263f;
border-bottom: 1px solid #cbd5df;
padding-top: 12px;
padding-bottom: 12px;
font-size: 16px;
font-weight: 700;
text-decoration: none;
}
.hiw102-actions {
flex-wrap: wrap;
align-items: center;
gap: 16px;
margin-top: 28px;
display: flex;
}
.hiw102-primary {
color: #10263f;
background-color: #20d36b;
border-radius: 4px;
padding: 14px 22px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.hiw102-secondary {
color: #fff;
padding: 14px 6px;
font-weight: 700;
text-decoration: none;
display: inline-block;
}
.hiw102-small {
color: #38536a;
margin-top: 18px;
font-size: 15px;
line-height: 1.5;
}
.hiw103-split {
background-color: #eef5f8;
padding-top: 76px;
padding-bottom: 76px;
}
.hiw103-grid {
grid-template-columns: 1fr 1fr;
gap: 28px;
margin-top: 34px;
display: grid;
}
.hiw103-panel {
background-color: #fff;
border-top: 4px solid #20a9d6;
overflow: hidden;
}
.hiw103-photo {
object-fit: cover;
width: 100%;
height: 260px;
}
.hiw103-panel-body {
padding: 26px;
}
.hiw103-panel-h {
color: #10263f;
margin-top: 0;
margin-bottom: 12px;
font-size: 26px;
font-weight: 700;
line-height: 1.15;
}
.hiw103-list {
color: #405267;
font-size: 15px;
line-height: 1.7;
}
.hiw103-complete {
background-color: #fff;
padding-top: 52px;
padding-bottom: 52px;
}
.hiw103-complete-grid {
grid-template-columns: .95fr 1.05fr;
align-items: center;
gap: 62px;
display: grid;
}
.hiw103-complete-img {
object-fit: cover;
border-radius: 6px;
width: 100%;
height: 390px;
}
.hiw103-evidence {
color: #10263f;
letter-spacing: .15px;
border-top: 1px solid #20a9d6;
border-bottom: 0;
margin-top: 22px;
margin-bottom: 14px;
padding-top: 14px;
padding-bottom: 14px;
font-size: 12px;
font-weight: 600;
line-height: 1.45;
}
.hiw103-strip {
background-color: #e8f0f4;
padding-top: 44px;
padding-bottom: 44px;
}
.hiw103-stripflow {
color: #10263f;
justify-content: space-between;
align-items: center;
gap: 14px;
max-width: 1100px;
margin-top: 22px;
font-size: 16px;
font-weight: 600;
line-height: 1.7;
display: block;
}
.hiw103-proof {
background-color: #10263f;
padding-top: 38px;
padding-bottom: 38px;
}
.hiw103-proofgrid {
grid-column-gap: 44px;
grid-template-columns: repeat(3, 1fr);
align-items: center;
gap: 30px;
display: grid;
}
.hiw103-proofnum {
color: #20a9d6;
margin-bottom: 6px;
font-size: 28px;
font-weight: 700;
line-height: 1.1;
}
.hiw103-proofcopy {
color: #e8eef4;
font-size: 14px;
line-height: 1.45;
}
.hiw104-system {
border-top: 1px solid #20a9d6;
border-bottom: 1px solid #20a9d6;
grid-template-columns: 1fr 52px 1fr 52px 1fr;
align-items: center;
gap: 14px;
margin-top: 22px;
margin-bottom: 16px;
padding-top: 22px;
padding-bottom: 22px;
display: grid;
}
.hiw104-node {
text-align: center;
padding: 8px 12px;
}
.hiw104-node-title {
color: #fff;
letter-spacing: .3px;
font-size: 22px;
font-weight: 700;
line-height: 1.15;
}
.hiw104-node-copy {
color: #dbe7ef;
margin-top: 7px;
font-size: 16px;
line-height: 1.4;
}
.hiw104-arrow {
color: #20a9d6;
text-align: center;
font-size: 34px;
font-weight: 700;
line-height: 1;
}
.hiw104-system-payoff {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 26px;
font-size: 17px;
font-weight: 700;
line-height: 1.45;
}
.hiw104-cap {
border-bottom: 1px solid #ffffff1f;
margin-top: 0;
margin-bottom: 16px;
padding-bottom: 13px;
}
.hiw104-cap-title {
color: #fff;
margin-bottom: 4px;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
}
.hiw104-cap-copy {
color: #dbe7ef;
font-size: 14px;
line-height: 1.45;
}
.rm50-hero-image {
object-fit: cover;
object-position: 58% center;
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.rm50-water {
background-color: #fff;
}
.rm50-water-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(360px, .9fr);
align-items: center;
padding-top: 68px;
padding-bottom: 68px;
display: grid;
}
.rm50-water-image {
object-fit: cover;
object-position: center;
width: 100%;
height: 420px;
}
.rm50-signature {
background-color: #eef5fa;
padding: 68px 0;
}
.rm50-event-flow {
grid-column-gap: 16px;
grid-row-gap: 16px;
color: #0a3157;
letter-spacing: .04em;
border-top: 1px solid #b9ccd8;
border-bottom: 1px solid #b9ccd8;
align-items: center;
margin-top: 30px;
padding: 22px 0;
font-size: 15px;
font-weight: 800;
display: flex;
}
.rm50-flow-arrow {
color: #2c6f9e;
}
.rm50-signature-close {
color: #0a3157;
max-width: 760px;
margin: 26px 0 0;
font-size: 21px;
font-weight: 800;
line-height: 1.35;
}
.rm50-existing {
color: #082d43;
background-color: #f3f7f9;
padding: 26px 0 28px;
}
.rm50-existing-inner {
max-width: 1360px;
}
.rm50-existing-copy {
max-width: 860px;
}
.rm50-existing-title {
color: #082d43;
margin: 6px 0 8px;
font-size: 26px;
font-weight: 800;
line-height: 1.15;
}
.rm50-existing-p {
color: #40576a;
max-width: 760px;
margin: 0;
font-size: 17px;
line-height: 1.5;
}
.rm50-faq {
color: #082d43;
background-color: #eef5fa;
padding: 64px 0;
}
.rm50-faq-head {
max-width: 760px;
margin-bottom: 30px;
}
.rm50-faq-title {
color: #082d43;
margin: 8px 0 10px;
font-size: 40px;
font-weight: 800;
line-height: 1.08;
}
.rm50-faq-intro {
color: #40576a;
margin: 0;
font-size: 17px;
line-height: 1.5;
}
.rm50-faq-list {
grid-template-rows: auto;
grid-template-columns: 1fr;
display: grid;
}
.rm50-faq-row {
border-bottom: 1px solid #cbd9e2;
padding: 20px 0;
}
.rm50-faq-q {
color: #082d43;
margin-bottom: 7px;
font-size: 18px;
line-height: 1.35;
display: block;
}
.rm50-faq-a {
color: #40576a;
max-width: 900px;
font-size: 16px;
line-height: 1.55;
display: block;
}
.ap31-uk-dwt {
border-top: 1px solid #cbdbe4;
margin-top: 34px;
padding-top: 28px;
}
.ap31-dwt-timeline {
grid-column-gap: 12px;
grid-row-gap: 12px;
grid-template-columns: repeat(3, minmax(0, 1fr));
margin-top: 22px;
margin-bottom: 18px;
display: grid;
}
.ap31-dwt-step {
background-color: #fff;
border-top: 3px solid #0b5eb8;
padding: 18px 16px 16px;
}
.ap31-dwt-date {
color: #0b5eb8;
letter-spacing: .04em;
margin-bottom: 8px;
font-size: 14px;
font-weight: 800;
}
.ap31-dwt-place {
color: #082d43;
margin-bottom: 8px;
font-size: 17px;
font-weight: 800;
line-height: 1.2;
}
.ap31-dwt-note {
color: #40566b;
background-color: #e6f1f7;
margin-top: 14px;
margin-bottom: 18px;
padding: 14px 16px;
font-size: 14px;
line-height: 1.5;
}
.rm50-officeops {
color: #082d43;
background-color: #f3f7f9;
padding: 64px 0;
}
.rm50-officeops-grid {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
align-items: start;
display: grid;
}
.rm50-officeops-title {
color: #082d43;
letter-spacing: -.025em;
max-width: 650px;
margin: 8px 0 16px;
font-size: 40px;
font-weight: 800;
line-height: 1.08;
}
.rm50-officeops-p {
color: #40576a;
max-width: 680px;
margin: 0;
font-size: 17px;
line-height: 1.55;
}
.rm50-officeops-points {
border-top: 1px solid #cbd9e2;
}
.rm50-officeops-point {
grid-column-gap: 20px;
grid-row-gap: 20px;
border-bottom: 1px solid #cbd9e2;
grid-template-rows: auto;
grid-template-columns: 145px 1fr;
padding: 17px 0;
display: grid;
}
.rm50-officeops-key {
color: #082d43;
font-size: 16px;
}
.rm50-officeops-val {
color: #40576a;
font-size: 16px;
line-height: 1.45;
}
.hiw105-section {
color: #fff;
background-color: #10263f;
padding-top: 58px;
padding-bottom: 58px;
}
.hiw105-wrap {
width: calc(100% - 80px);
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.hiw105-kicker {
color: #20a9d6;
letter-spacing: 1.4px;
margin-bottom: 16px;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
}
.hiw105-h2 {
color: #fff;
margin-top: 0;
margin-bottom: 18px;
font-size: 46px;
font-weight: 700;
line-height: 1.08;
}
.hiw105-lead {
color: #dbe7ef;
max-width: 1000px;
margin-bottom: 30px;
font-size: 18px;
line-height: 1.5;
}
.hiw105-flow {
grid-template-columns: 1fr 44px 1fr 44px 1fr;
align-items: center;
gap: 16px;
display: grid;
}
.hiw105-stage {
border-top: 2px solid #20a9d6;
flex-direction: column;
justify-content: flex-start;
min-height: 220px;
padding-top: 18px;
padding-bottom: 14px;
display: flex;
}
.hiw105-label {
color: #fff;
letter-spacing: .5px;
margin-bottom: 12px;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
}
.hiw105-title {
color: #fff;
margin-bottom: 12px;
font-size: 27px;
font-weight: 700;
line-height: 1.15;
}
.hiw105-copy {
color: #dbe7ef;
margin-bottom: 16px;
font-size: 16px;
line-height: 1.45;
}
.hiw105-micro {
color: #20a9d6;
border-top: 1px solid #ffffff29;
margin-top: auto;
padding-top: 12px;
font-size: 13px;
font-weight: 700;
line-height: 1.35;
}
.hiw105-arrow {
color: #20a9d6;
text-align: center;
font-size: 34px;
font-weight: 700;
line-height: 1;
}
.hiw105-band {
background-color: #0000;
border-top: 1px solid #20a9d68c;
grid-template-columns: .8fr 1.2fr;
align-items: center;
gap: 48px;
margin-top: 28px;
padding: 22px 28px;
display: block;
}
.hiw105-band-title {
color: #fff;
text-align: center;
font-size: 23px;
font-weight: 700;
line-height: 1.25;
}
.hiw105-band-copy {
color: #dbe7ef;
margin-bottom: 12px;
font-size: 16px;
line-height: 1.5;
display: none;
}
.hiw105-band-list {
color: #20a9d6;
letter-spacing: .4px;
font-size: 14px;
font-weight: 700;
line-height: 1.4;
display: none;
}
.t360sys-depth {
border-top: 1px solid #0a2e4624;
flex-direction: column;
align-items: center;
gap: 24px;
margin-top: 36px;
padding-top: 30px;
padding-bottom: 18px;
display: flex;
}
.t360sys-depthline {
color: #29495f;
text-align: center;
max-width: 1000px;
padding-left: 20px;
padding-right: 20px;
font-size: 17px;
font-weight: 600;
line-height: 1.7;
}
.t360sys-depthlink {
color: #fff;
text-align: center;
background-color: #0785cf;
border-radius: 999px;
min-width: 250px;
padding: 15px 30px;
font-size: 16px;
font-weight: 700;
line-height: 1.2;
text-decoration: none;
display: inline-block;
}
.hiw106-section {
color: #fff;
background-color: #10263f;
padding-top: 64px;
padding-bottom: 64px;
}
.hiw106-wrap {
width: calc(100% - 80px);
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.hiw106-kicker {
color: #20a9d6;
letter-spacing: 1.4px;
margin-bottom: 14px;
font-size: 14px;
font-weight: 700;
}
.hiw106-h2 {
color: #fff;
max-width: 850px;
margin: 0 0 16px;
font-size: 42px;
font-weight: 700;
line-height: 1.08;
}
.hiw106-lead {
color: #dbe7ef;
max-width: 850px;
margin-bottom: 0;
font-size: 18px;
line-height: 1.55;
}
.hiw106-grid {
grid-template-columns: 1fr 1fr;
gap: 0;
display: grid;
}
.hiw106-card {
background-color: #0000;
border-top: 1px solid #20a9d66b;
grid-template-columns: 40px 1fr;
gap: 14px;
padding: 22px 0;
display: grid;
}
.hiw106-icon {
color: #20a9d6;
border: 0;
border-radius: 0;
justify-content: flex-start;
align-items: center;
width: 34px;
height: 34px;
font-size: 17px;
font-weight: 700;
display: flex;
}
.hiw106-card-kicker {
color: #20a9d6;
letter-spacing: .8px;
margin-bottom: 6px;
font-size: 12px;
font-weight: 700;
}
.hiw106-card-title {
color: #fff;
margin-bottom: 7px;
font-size: 21px;
font-weight: 700;
line-height: 1.2;
}
.hiw106-card-copy {
color: #dbe7ef;
margin-bottom: 0;
font-size: 15px;
line-height: 1.45;
}
.hiw106-tags {
color: #fff;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
display: none;
}
.hiw106-payoff {
border-top: 1px solid #20a9d68c;
justify-content: space-between;
align-items: baseline;
gap: 30px;
margin-top: 8px;
padding-top: 18px;
display: block;
}
.hiw106-payoff-title {
color: #fff;
text-align: left;
font-size: 20px;
font-weight: 700;
line-height: 1.25;
}
.hiw106-payoff-list {
color: #20a9d6;
text-align: right;
font-size: 13px;
font-weight: 700;
line-height: 1.4;
display: none;
}
.rm50-realjobs {
color: #fff;
background-color: #0b3b5a;
padding: 30px 0;
}
.rm50-realjobs-inner {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-rows: auto;
grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr);
align-items: center;
display: grid;
}
.rm50-realjobs-kicker {
color: #d7f21f;
letter-spacing: .08em;
font-size: 14px;
font-weight: 800;
line-height: 1.25;
}
.rm50-realjobs-copy {
color: #fff;
max-width: 820px;
margin: 0;
font-size: 18px;
line-height: 1.45;
}
.cdm-change-day {
background-color: #f3f8fa;
padding: 44px 34px 48px;
}
.cdm-change-day-intro {
max-width: 900px;
margin-bottom: 24px;
}
.cdm-change-day-title {
color: #082d43;
max-width: 720px;
margin: 8px 0 12px;
font-size: 38px;
font-weight: 800;
line-height: 1.08;
}
.cdm-change-day-grid {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-columns: repeat(3, 1fr);
display: grid;
}
.cdm-change-day-card {
background-color: #fff;
border-left: 3px solid #0b5eb8;
padding: 20px;
}
.rm50-capture-payoff {
color: #082d43;
max-width: 760px;
margin: 20px 0 0;
font-size: 17px;
font-weight: 700;
line-height: 1.45;
}
.t360sys-screen-soften {
pointer-events: none;
position: absolute;
inset: 0%;
}
.t360sys-screen-soften-phone {
-webkit-backdrop-filter: blur(2.5px);
backdrop-filter: blur(2.5px);
background-color: #e2eef461;
border-radius: 8px;
width: 8%;
height: 30%;
display: none;
position: absolute;
top: 48%;
left: 23%;
transform: rotate(-4deg);
}
.t360sys-screen-soften-office {
-webkit-backdrop-filter: blur(3px);
backdrop-filter: blur(3px);
background-color: #e2eef447;
border-radius: 5px;
width: 26%;
height: 39%;
display: none;
position: absolute;
top: 26%;
left: 59%;
}
.t360sys-capchips {
grid-column-gap: 12px;
grid-row-gap: 10px;
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.t360sys-capchip {
color: #29495f;
background-color: #0000;
border: 0 solid #0a2e4624;
border-radius: 999px;
align-items: center;
padding: 3px 5px;
font-size: 14px;
font-weight: 600;
line-height: 1.25;
display: inline-flex;
}
.rm50-start-routes {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
margin: 24px 0 22px;
display: grid;
}
.rm50-start-route {
background-color: #fff;
border-top: 4px solid #0b5eb8;
padding: 18px 20px;
}
.rm50-start-label {
color: #0b5eb8;
letter-spacing: .06em;
margin-bottom: 10px;
font-size: 13px;
font-weight: 800;
}
.rm50-start-flow {
color: #18384c;
font-size: 15px;
font-weight: 700;
line-height: 1.5;
}
.hiw107-kicker {
color: #0087a8;
letter-spacing: 1.2px;
margin-bottom: 12px;
font-size: 13px;
font-weight: 700;
line-height: 1.2;
}
.hiw107-evidence-label {
color: #0087a8;
letter-spacing: .9px;
margin-top: 22px;
margin-bottom: 8px;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
}
.hiw107-flow {
border-top: 1px solid #20a9d6;
grid-template-columns: 1fr auto 1fr auto 1fr;
align-items: center;
gap: 12px;
margin-top: 24px;
padding-top: 15px;
display: grid;
}
.hiw107-flow-step {
color: #10263f;
text-align: center;
font-size: 12px;
font-weight: 700;
line-height: 1.3;
}
.hiw107-flow-arrow {
color: #20a9d6;
font-size: 20px;
font-weight: 700;
line-height: 1;
}
.cdm-subcontractor-band {
background-color: #f5f8fa;
border-top: 1px solid #d7e5eb;
border-bottom: 1px solid #d7e5eb;
padding: 42px 48px;
}
.hiw108-grid {
border-top: 1px solid #20a9d68c;
grid-template-columns: 1fr 1fr;
gap: 72px;
margin-top: 38px;
padding-top: 34px;
display: grid;
}
.hiw108-col {
min-width: 0;
}
.hiw108-col-label {
color: #20a9d6;
letter-spacing: 1.4px;
margin-bottom: 12px;
font-size: 15px;
font-weight: 700;
}
.hiw108-col-title {
color: #fff;
margin-bottom: 16px;
font-size: 29px;
font-weight: 700;
line-height: 1.15;
}
.hiw108-step {
border-bottom: 1px solid #ffffff1f;
grid-template-columns: 1fr;
align-items: start;
gap: 0;
padding: 14px 0;
display: grid;
}
.hiw108-num {
color: #20a9d6;
font-size: 13px;
font-weight: 700;
line-height: 1.5;
display: none;
}
.hiw108-step-text {
color: #fff;
font-size: 17px;
font-weight: 600;
line-height: 1.4;
}
.hiw108-note {
color: #b9ddeb;
margin-top: 18px;
font-size: 15px;
font-weight: 600;
line-height: 1.45;
}
.rm31-demo-prompts {
grid-column-gap: 10px;
grid-row-gap: 10px;
max-width: 520px;
margin-top: 24px;
display: grid;
}
.rm31-demo-prompt {
color: #fff;
border-bottom: 1px solid #34516b;
padding: 10px 0;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
}
.rm31-demo-note {
color: #b9ccda;
margin-top: 4px;
font-size: 13px;
line-height: 1.4;
}
.rm31-form-panel-title {
color: #082f4e;
margin-bottom: 16px;
font-size: 18px;
font-weight: 800;
line-height: 1.2;
}
.hpdo-section-1-2 {
box-sizing: border-box;
color: #10283d;
background-color: #eef7fb;
width: 100%;
padding: 64px 24px 58px;
}
.hpdo-wrap-1-2 {
max-width: 1240px;
margin: 0 auto;
}
.hpdo-head {
text-align: center;
max-width: 900px;
margin: 0 auto 34px;
}
.hpdo-kicker-1-2 {
color: #0789cf;
letter-spacing: 1.8px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 800;
}
.hpdo-title-1-2 {
letter-spacing: -1.3px;
margin: 0 0 14px;
font-size: 48px;
font-weight: 800;
line-height: 1.04;
}
.hpdo-intro-1-2 {
color: #38536a;
max-width: 780px;
margin: 0 auto;
font-size: 20px;
line-height: 1.45;
}
.hpdo-visual {
grid-column-gap: 0;
grid-row-gap: 0;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 126px minmax(0, 1fr);
align-items: stretch;
display: block;
}
.hpdo-photo {
background-color: #dcebf2;
min-height: 0;
overflow: hidden;
}
.hpdo-photo-left {
border-radius: 14px;
}
.hpdo-photo-right {
border-radius: 0 14px 14px 0;
display: none;
}
.hpdo-img {
object-fit: contain;
width: 100%;
height: auto;
min-height: 0;
display: block;
}
.hpdo-bridge {
grid-column-gap: 18px;
grid-row-gap: 18px;
background-color: #17384b;
border-top: 0 solid #10283d14;
border-bottom: 0 solid #10283d14;
flex-direction: column;
justify-content: center;
padding: 18px 8px;
display: none;
}
.hpdo-flow {
grid-column-gap: 5px;
grid-row-gap: 5px;
color: #fff;
text-align: center;
letter-spacing: .2px;
flex-direction: column;
align-items: center;
font-size: 14px;
font-weight: 800;
line-height: 1.15;
display: flex;
}
.hpdo-arrow-1 {
color: #0789cf;
font-size: 27px;
line-height: 1;
}
.hpdo-flow-back {
color: #fff;
}
.hpdo-copy-1 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
padding: 30px 38px 0;
display: grid;
}
.hpdo-copycol {
max-width: 500px;
}
.hpdo-copycol-right {
justify-self: end;
}
.hpdo-label-1-2 {
color: #0789cf;
letter-spacing: 1.4px;
margin-bottom: 7px;
font-size: 13px;
font-weight: 800;
}
.hpdo-h3 {
margin: 0 0 8px;
font-size: 25px;
font-weight: 800;
line-height: 1.15;
}
.hpdo-body {
color: #38536a;
margin: 0;
font-size: 17px;
line-height: 1.5;
}
.hpdo-proof {
color: #17384b;
text-align: center;
border-top: 1px solid #10283d1f;
margin: 34px auto 0;
padding-top: 22px;
font-size: 18px;
font-weight: 700;
line-height: 1.6;
}
.hpdo-link-1-2 {
color: #087fc0;
width: max-content;
margin: 18px auto 0;
font-size: 16px;
font-weight: 800;
text-decoration: none;
display: block;
}
.hiw105-journey {
background-color: #fff;
padding-top: 72px;
padding-bottom: 76px;
}
.hiw105-intro {
color: #43546d;
max-width: 760px;
margin-top: 0;
margin-bottom: 42px;
font-size: 20px;
line-height: 1.5;
}
.hiw105-grid {
grid-template-columns: 1fr 1.35fr 1fr;
align-items: start;
gap: 32px;
display: grid;
}
.hiw105-image {
object-fit: cover;
border-radius: 6px;
width: 100%;
height: 210px;
margin-bottom: 22px;
display: block;
}
.hiw105-stage-mid {
margin-top: -16px;
}
.hiw105-image-mid {
height: 242px;
}
.hiw105-num {
color: #13b7e7;
letter-spacing: 1px;
margin-bottom: 8px;
font-size: 15px;
font-weight: 700;
}
.hiw105-proof {
color: #0b2746;
letter-spacing: .3px;
text-transform: uppercase;
border-top: 1px solid #19b5df;
padding-top: 14px;
font-size: 13px;
font-weight: 700;
line-height: 1.45;
}
.hiw105-flowline {
background-color: #19b5df;
height: 3px;
margin-top: 34px;
position: relative;
}
.hiw105-payoff {
color: #0b2746;
text-align: center;
margin-top: 18px;
font-size: 20px;
font-weight: 700;
}
.hiw106-journey {
background-color: #fff;
padding-top: 72px;
padding-bottom: 76px;
}
.hiw106-intro {
color: #43546d;
max-width: 800px;
margin-top: 0;
margin-bottom: 42px;
font-size: 20px;
line-height: 1.5;
}
.hiw106-stage {
min-width: 0;
position: relative;
}
.hiw106-stage-mid {
margin-top: -16px;
}
.hiw106-image {
object-fit: cover;
border-radius: 6px;
width: 100%;
height: 210px;
margin-bottom: 22px;
display: block;
}
.hiw106-image-mid {
height: 242px;
}
.hiw106-num {
color: #13b7e7;
letter-spacing: 1px;
margin-bottom: 8px;
font-size: 15px;
font-weight: 700;
}
.hiw106-label {
color: #0087a8;
letter-spacing: 1.2px;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 14px;
font-weight: 700;
}
.hiw106-title {
color: #0b2746;
margin-top: 0;
margin-bottom: 12px;
font-size: 26px;
line-height: 1.16;
}
.hiw106-copy {
color: #43546d;
margin-top: 0;
margin-bottom: 16px;
font-size: 17px;
line-height: 1.5;
}
.hiw106-proof {
color: #0b2746;
letter-spacing: .3px;
text-transform: uppercase;
border-top: 1px solid #19b5df;
padding-top: 14px;
font-size: 13px;
font-weight: 700;
line-height: 1.45;
}
.hiw106-flowline {
background-color: #19b5df;
height: 3px;
margin-top: 34px;
}
.t360-hiw-journey-v2-section {
background-color: #fff;
padding-top: 72px;
padding-bottom: 76px;
}
.t360-hiw-journey-v2-wrap {
width: calc(100% - 64px);
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.t360-hiw-journey-v2-kicker {
color: #0087a8;
letter-spacing: 1.6px;
text-transform: uppercase;
margin-bottom: 14px;
font-size: 14px;
font-weight: 700;
}
.t360-hiw-journey-v2-h2 {
color: #073344;
max-width: 820px;
margin-top: 0;
margin-bottom: 16px;
font-size: 48px;
line-height: 1.08;
}
.t360-hiw-journey-v2-intro {
color: #43546d;
max-width: 800px;
margin-top: 0;
margin-bottom: 42px;
font-size: 20px;
line-height: 1.5;
}
.t360-hiw-journey-v2-grid {
grid-template-columns: 1fr 1.35fr 1fr;
align-items: start;
gap: 32px;
display: grid;
}
.t360-hiw-journey-v2-stage {
min-width: 0;
}
.t360-hiw-journey-v2-stage-mid {
margin-top: -16px;
}
.t360-hiw-journey-v2-image {
object-fit: cover;
border-radius: 6px;
width: 100%;
height: 210px;
margin-bottom: 22px;
display: block;
}
.t360-hiw-journey-v2-image-mid {
height: 242px;
}
.t360-hiw-journey-v2-num {
color: #13b7e7;
letter-spacing: 1px;
margin-bottom: 8px;
font-size: 15px;
font-weight: 700;
}
.t360-hiw-journey-v2-label {
color: #0087a8;
letter-spacing: 1.2px;
text-transform: uppercase;
margin-bottom: 10px;
font-size: 14px;
font-weight: 700;
}
.t360-hiw-journey-v2-title {
color: #0b2746;
margin-top: 0;
margin-bottom: 12px;
font-size: 26px;
line-height: 1.16;
}
.t360-hiw-journey-v2-copy {
color: #43546d;
margin-top: 0;
margin-bottom: 16px;
font-size: 17px;
line-height: 1.5;
}
.t360-hiw-journey-v2-proof {
color: #0b2746;
letter-spacing: .3px;
text-transform: uppercase;
border-top: 1px solid #19b5df;
padding-top: 14px;
font-size: 13px;
font-weight: 700;
line-height: 1.45;
}
.t360-hiw-journey-v2-line {
background-color: #19b5df;
height: 3px;
margin-top: 34px;
}
.t360-hiw-journey-v2-payoff {
color: #0b2746;
text-align: center;
margin-top: 18px;
font-size: 20px;
font-weight: 700;
}
.jv2-sec {
background-color: #fff;
padding-top: 72px;
padding-bottom: 76px;
}
.jv2-wrap {
width: calc(100% - 64px);
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.jv2-kick {
color: #0087a8;
letter-spacing: 1.6px;
margin-bottom: 14px;
font-size: 14px;
font-weight: 700;
}
.jv2-h2 {
color: #073344;
max-width: 820px;
margin-top: 0;
margin-bottom: 16px;
font-size: 48px;
line-height: 1.08;
}
.jv2-intro {
color: #43546d;
max-width: 800px;
margin-top: 0;
margin-bottom: 42px;
font-size: 20px;
line-height: 1.5;
}
.jv2-grid {
grid-template-columns: 1fr 1.35fr 1fr;
align-items: start;
gap: 32px;
display: grid;
}
.jv2-stage {
min-width: 0;
}
.jv2-mid {
min-width: 0;
margin-top: -16px;
}
.jv2-img {
object-fit: cover;
border-radius: 6px;
width: 100%;
height: 210px;
margin-bottom: 22px;
display: block;
}
.jv2-imgmid {
object-fit: cover;
border-radius: 6px;
width: 100%;
height: 242px;
margin-bottom: 22px;
display: block;
}
.jv2-num {
color: #13b7e7;
letter-spacing: 1px;
margin-bottom: 8px;
font-size: 15px;
font-weight: 700;
}
.jv2-label {
color: #0087a8;
letter-spacing: 1.2px;
margin-bottom: 10px;
font-size: 14px;
font-weight: 700;
}
.jv2-title {
color: #0b2746;
margin-top: 0;
margin-bottom: 12px;
font-size: 26px;
line-height: 1.16;
}
.jv2-copy {
color: #43546d;
margin-top: 0;
margin-bottom: 16px;
font-size: 17px;
line-height: 1.5;
}
.jv2-proof {
color: #0b2746;
border-top: 1px solid #19b5df;
padding-top: 14px;
font-size: 13px;
font-weight: 700;
line-height: 1.45;
}
.jv2-line {
background-color: #19b5df;
height: 3px;
margin-top: 34px;
}
.jv2-pay {
color: #0b2746;
text-align: center;
margin-top: 18px;
font-size: 20px;
font-weight: 700;
}
.rm50-connect {
background-color: #f3f7f9;
padding: 68px 0 64px;
}
.rm50-connect-shell {
width: min(1180px, 92vw);
margin: 0 auto;
}
.rm50-connect-title {
color: #082d43;
max-width: 820px;
margin: 10px 0 30px;
font-size: clamp(38px, 4vw, 58px);
font-weight: 800;
line-height: 1.05;
}
.rm50-connect-grid {
background-color: #fff;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) 128px minmax(0, 1fr);
align-items: stretch;
display: grid;
}
.rm50-connect-side {
background-color: #fff;
min-width: 0;
}
.rm50-connect-image {
object-fit: cover;
width: 100%;
height: 270px;
display: block;
}
.rm50-connect-copy {
padding: 24px 28px 28px;
}
.rm50-connect-label {
color: #0b62b9;
letter-spacing: .06em;
font-size: 17px;
font-weight: 800;
line-height: 1.2;
}
.rm50-connect-points {
color: #082d43;
margin-top: 14px;
font-size: 19px;
font-weight: 700;
line-height: 1.3;
}
.rm50-connect-point {
border-bottom: 1px solid #d4e0e7;
padding: 11px 0;
}
.rm50-connect-live {
color: #fff;
text-align: center;
background-color: #0b62b9;
justify-content: center;
align-items: center;
padding: 20px 10px;
font-size: 17px;
font-weight: 800;
line-height: 1.2;
display: flex;
}
.rm50-connect-payoff {
color: #082d43;
max-width: 900px;
margin: 26px 0 0;
font-size: 20px;
font-weight: 700;
line-height: 1.45;
}
.t360-dwt-muck-flow {
text-align: center;
background-color: #0c2538;
border-radius: 12px;
margin-top: 32px;
padding: 38px 42px;
}
.t360-dwt-muck-flow-label {
color: #b8db2f;
letter-spacing: 1.5px;
margin-bottom: 16px;
font-size: 14px;
font-weight: 700;
}
.t360-dwt-muck-flow-title {
color: #fff;
margin-top: 0;
margin-bottom: 14px;
font-size: 25px;
font-weight: 700;
line-height: 1.4;
}
.t360-dwt-muck-flow-copy {
color: #dbe6ed;
margin-bottom: 0;
font-size: 18px;
line-height: 1.55;
}
.simplejob-sec {
background-color: #fff;
padding-top: 62px;
padding-bottom: 66px;
}
.simplejob-wrap {
width: calc(100% - 80px);
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.simplejob-kicker {
color: #0087a8;
letter-spacing: 1.5px;
margin-bottom: 12px;
font-size: 14px;
font-weight: 700;
}
.simplejob-h2 {
color: #073344;
margin-top: 0;
margin-bottom: 34px;
font-size: 46px;
line-height: 1.08;
}
.simplejob-grid {
grid-template-columns: 1fr auto 1fr auto 1fr;
align-items: center;
gap: 28px;
display: grid;
}
.simplejob-step {
border-top: 3px solid #18b6df;
min-width: 0;
padding-top: 20px;
}
.simplejob-num {
color: #18b6df;
margin-bottom: 8px;
font-size: 18px;
font-weight: 700;
}
.simplejob-title {
color: #073344;
margin-top: 0;
margin-bottom: 8px;
font-size: 27px;
line-height: 1.15;
}
.simplejob-copy {
color: #34475f;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
line-height: 1.45;
}
.simplejob-arrow {
color: #18b6df;
font-size: 34px;
font-weight: 700;
}
.simplejob-pay {
color: #0b2746;
border-top: 1px solid #d8e2e8;
margin-top: 34px;
padding-top: 24px;
font-size: 21px;
font-weight: 700;
line-height: 1.4;
}
.lower-pod-sec {
background-color: #fff;
padding-top: 58px;
padding-bottom: 58px;
}
.lower-pod-h {
color: #082a49;
max-width: 820px;
margin-top: 0;
margin-bottom: 18px;
font-size: 38px;
line-height: 1.1;
}
.lower-pod-lead {
color: #405269;
max-width: 850px;
margin-bottom: 10px;
font-size: 20px;
line-height: 1.5;
}
.lower-pod-flow {
color: #082a49;
letter-spacing: .2px;
border-top: 2px solid #19b5df;
border-bottom: 2px solid #19b5df;
margin-top: 24px;
margin-bottom: 24px;
padding-top: 13px;
padding-bottom: 13px;
font-size: 16px;
font-weight: 700;
display: inline-block;
}
.lower-pod-pay {
color: #082a49;
margin-top: 24px;
margin-bottom: 0;
font-size: 24px;
line-height: 1.3;
}
.lower-evidence-sec {
background-color: #fff;
padding-top: 54px;
padding-bottom: 54px;
}
.lower-evidence-grid {
grid-template-columns: 1fr;
gap: 10px;
max-width: 920px;
display: grid;
}
.lower-evidence-h {
color: #082a49;
max-width: 760px;
margin-top: 0;
margin-bottom: 14px;
font-size: 36px;
line-height: 1.12;
}
.lower-evidence-lead {
color: #405269;
max-width: 850px;
margin-bottom: 8px;
font-size: 17px;
line-height: 1.55;
}
.lower-evidence-note {
color: #586779;
border-left: 3px solid #b6d82c;
max-width: 850px;
margin-top: 6px;
padding-left: 16px;
font-size: 14px;
line-height: 1.5;
}
.lower-work-sec {
background-color: #f2f5f7;
padding-top: 64px;
padding-bottom: 68px;
}
.lower-work-one {
display: block;
}
.lower-work-h {
color: #082a49;
max-width: 760px;
margin-top: 0;
margin-bottom: 14px;
font-size: 40px;
line-height: 1.1;
}
.lower-work-lead {
color: #405269;
max-width: 760px;
margin-bottom: 30px;
font-size: 18px;
line-height: 1.5;
}
.lower-sector-grid {
grid-template-columns: 1fr 1fr;
gap: 0 38px;
max-width: 1050px;
display: grid;
}
.lower-sector {
border-top: 1px solid #c8d5dd;
padding-top: 18px;
padding-bottom: 18px;
display: block;
}
.lower-sector-title {
color: #082a49;
margin-bottom: 5px;
font-size: 18px;
font-weight: 700;
}
.lower-sector-copy {
color: #506176;
font-size: 15px;
line-height: 1.45;
}
.lower-day-sec {
color: #fff;
background-color: #10263f;
padding-top: 34px;
padding-bottom: 36px;
}
.lower-day-h {
color: #fff;
margin-top: 0;
margin-bottom: 14px;
font-size: 27px;
line-height: 1.2;
}
.lower-day-flow {
color: #fff;
max-width: 1180px;
font-size: 16px;
font-weight: 600;
line-height: 1.7;
}
.hiw108-simplegrid {
border-top: 1px solid #20a9d68c;
grid-template-columns: 1fr 1fr 1fr;
gap: 34px;
margin-top: 34px;
padding-top: 30px;
display: grid;
}
.hiw108-simpleitem {
padding-right: 18px;
}
.hiw108-simpletitle {
color: #20a9d6;
letter-spacing: 1px;
margin-bottom: 10px;
font-size: 16px;
font-weight: 800;
line-height: 1.2;
}
.hiw108-simplecopy {
color: #fff;
margin-bottom: 0;
font-size: 18px;
font-weight: 600;
line-height: 1.45;
}
.hiw108-supportline {
color: #b9ddeb;
border-top: 1px solid #ffffff24;
grid-column: 1 / 4;
margin-top: 30px;
padding-top: 18px;
font-size: 16px;
font-weight: 700;
line-height: 1.5;
}
.muck-dwt-help {
background-color: #f4f8fb;
padding: 72px 0;
}
.muck-dwt-help-grid {
grid-column-gap: 56px;
grid-row-gap: 56px;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1.1fr) minmax(360px, .9fr);
align-items: center;
display: grid;
}
.muck-dwt-help-points {
grid-column-gap: 14px;
grid-row-gap: 14px;
margin: 28px 0;
display: grid;
}
.muck-dwt-help-point {
background-color: #fff;
border: 1px solid #dce6eb;
border-radius: 10px;
padding: 18px 20px;
}
.muck-dwt-help-strong {
color: #102f44;
margin-bottom: 5px;
font-size: 18px;
display: block;
}
.muck-dwt-help-span {
color: #344c5c;
line-height: 1.55;
display: block;
}
.muck-dwt-help-img {
border-radius: 12px;
width: 100%;
height: auto;
display: block;
}
.hiw-yesterday-grid {
grid-template-columns: .9fr 1.1fr;
align-items: center;
gap: 56px;
display: grid;
}
.hiw-yesterday-title {
color: #fff;
margin-top: 8px;
margin-bottom: 24px;
font-size: 48px;
font-weight: 800;
line-height: 1.05;
}
.hiw-yesterday-lines {
color: #fff;
font-size: 21px;
font-weight: 700;
line-height: 1.65;
}
.hiw-yesterday-payoff {
color: #20a9d6;
margin-top: 26px;
font-size: 25px;
font-weight: 800;
line-height: 1.3;
}
.hiw-yesterday-img {
object-fit: cover;
border-radius: 14px;
width: 100%;
max-height: 520px;
}
.hiw-four-grid {
grid-template-columns: repeat(4, 1fr);
gap: 28px;
margin-top: 34px;
margin-bottom: 32px;
display: grid;
}
.hiw-four-item {
border-top: 2px solid #20a9d6;
padding-top: 20px;
}
.hiw-four-num {
color: #0789cf;
letter-spacing: 1px;
margin-bottom: 10px;
font-size: 15px;
font-weight: 800;
}
.hiw-four-title {
color: #10263f;
margin-top: 0;
margin-bottom: 10px;
font-size: 23px;
font-weight: 800;
line-height: 1.15;
}
.hiw-four-copy {
color: #38536a;
margin-bottom: 0;
font-size: 17px;
line-height: 1.5;
}
.hiw-capacity-sec {
background-color: #e8f0f4;
padding-top: 86px;
padding-bottom: 86px;
}
.hiw-capacity-grid {
grid-template-columns: 1.05fr .95fr;
align-items: center;
gap: 58px;
display: grid;
}
.hiw-capacity-title {
color: #10263f;
margin-top: 8px;
margin-bottom: 20px;
font-size: 46px;
font-weight: 800;
line-height: 1.08;
}
.hiw-capacity-copy {
color: #29495f;
font-size: 19px;
font-weight: 600;
line-height: 1.65;
}
.hiw-capacity-payoff {
color: #10263f;
margin-top: 24px;
font-size: 23px;
font-weight: 800;
line-height: 1.35;
}
.hiw-capacity-img {
object-fit: cover;
border-radius: 14px;
width: 100%;
min-height: 390px;
max-height: 470px;
}
.hiw-depth-sec {
background-color: #f4f7f9;
padding-top: 58px;
padding-bottom: 58px;
}
.hiw-depth-intro {
max-width: none;
margin-bottom: 24px;
}
.hiw-depth-title {
color: #10263f;
margin-top: 8px;
margin-bottom: 14px;
font-size: 39px;
font-weight: 800;
line-height: 1.06;
}
.hiw-depth-lead {
color: #38536a;
max-width: 780px;
font-size: 18px;
line-height: 1.5;
}
.hiw-depth-grid {
grid-template-columns: 1fr 1fr;
gap: 12px;
margin-top: 0;
display: grid;
}
.hiw-depth-item {
background-color: #0000;
border-top: 2px solid #20a9d6;
border-radius: 0;
padding: 20px 12px 18px 0;
}
.hiw-depth-item-title {
color: #10263f;
margin-top: 0;
margin-bottom: 8px;
font-size: 19px;
font-weight: 800;
line-height: 1.16;
}
.hiw-depth-item-copy {
color: #38536a;
margin-bottom: 0;
font-size: 16px;
line-height: 1.48;
}
.hiw-depth-payoff {
color: #10263f;
margin-top: 22px;
font-size: 25px;
font-weight: 800;
line-height: 1.2;
}
.hiw-depth-note {
color: #38536a;
max-width: 900px;
margin-top: 22px;
font-size: 18px;
font-weight: 600;
line-height: 1.55;
}
.hiw-yesterday-evidence {
color: #fff;
letter-spacing: .3px;
margin-top: 18px;
font-size: 15px;
font-weight: 700;
line-height: 1.6;
}
.hp-latest {
background-color: #f4f7f8;
padding-top: 64px;
padding-bottom: 64px;
}
.hp-latest-wrap {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.hp-latest-head {
justify-content: space-between;
align-items: center;
gap: 24px;
margin-bottom: 10px;
display: flex;
}
.hp-latest-title {
margin-top: 0;
margin-bottom: 8px;
}
.hp-latest-intro {
max-width: 650px;
margin-bottom: 0;
font-size: 17px;
line-height: 1.55;
}
.hp-latest-view {
color: #075985;
white-space: nowrap;
font-weight: 600;
text-decoration: none;
}
.hp-latest-list {
grid-template-columns: repeat(3, 1fr);
gap: 22px;
margin-top: 30px;
display: grid;
}
.hp-latest-card {
color: #062744;
background-color: #fff;
border-radius: 8px;
height: 100%;
padding: 28px 28px 26px;
text-decoration: none;
display: block;
}
.hp-latest-card-title {
color: #062744;
margin-top: 0;
margin-bottom: 12px;
font-size: 21px;
line-height: 1.28;
}
.hp-latest-card-summary {
color: #334b5c;
margin-bottom: 18px;
font-size: 16px;
line-height: 1.5;
}
.hp-latest-read {
color: #075985;
font-size: 15px;
font-weight: 600;
}
.muck-dwt-handoff {
background-color: #fff;
border: 0 solid #dce6eb;
border-radius: 0;
margin-top: 30px;
padding: 30px 0 8px;
}
.muck-dwt-handoff-label {
color: #0873b9;
letter-spacing: 1px;
margin-bottom: 8px;
font-size: 12px;
font-weight: 700;
}
.muck-dwt-handoff-title {
color: #0b3047;
margin-top: 0;
margin-bottom: 24px;
font-size: 28px;
line-height: 1.15;
}
.muck-dwt-handoff-flow {
grid-column-gap: 16px;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
gap: 10px;
display: grid;
}
.muck-dwt-handoff-step {
background-color: #f7fafc;
border: 1px solid #dce6eb;
border-radius: 8px;
height: 100%;
padding: 22px;
}
.muck-dwt-handoff-arrow {
color: #0873b9;
font-size: 34px;
font-weight: 700;
display: none;
}
.muck-dwt-handoff-no {
color: #0873b9;
margin-bottom: 8px;
font-size: 12px;
font-weight: 700;
}
.muck-dwt-handoff-final {
background-color: #eef9f1;
border-color: #7bc993;
}
.muck-dwt-handoff-note {
color: #526b79;
margin-top: 16px;
margin-bottom: 0;
font-size: 13px;
line-height: 1.5;
}
.hiw-depth-image {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: auto;
max-height: 400px;
margin-top: 0;
margin-bottom: 0;
display: block;
}
.hiw-depth-layout {
grid-template-columns: .9fr 1.1fr;
align-items: center;
column-gap: 48px;
display: grid;
}
.hiw-depth-left {
min-width: 0;
}
.t360-proofstories-v2-moyglare {
background-color: #fff;
border-radius: 8px;
grid-template-columns: 58% 42%;
min-height: 360px;
margin-top: 14px;
display: grid;
overflow: hidden;
}
.t360-proofstories-v2-moy-imagewrap {
min-height: 360px;
overflow: hidden;
}
.t360-proofstories-v2-moy-image {
object-fit: cover;
width: 100%;
height: 100%;
display: block;
}
.t360-proofstories-v2-moy-copy {
flex-direction: column;
justify-content: center;
padding: 36px 34px;
display: flex;
}
.t360-proofstories-v2-moy-title {
color: #062744;
margin-top: 8px;
margin-bottom: 12px;
font-size: 24px;
line-height: 1.2;
}
.t360-proofstories-v2-moy-body {
color: #334b5c;
margin-bottom: 18px;
font-size: 16px;
line-height: 1.5;
}
.candd-dwt-visual-break {
padding-top: 22px;
padding-bottom: 54px;
}
.candd-dwt-visual-wrap {
max-width: 1120px;
}
.candd-dwt-visual-img {
border-radius: 10px;
width: 100%;
height: auto;
display: block;
}
.planings-dwt-proof {
background-color: #fff;
padding-top: 64px;
padding-bottom: 64px;
}
.planings-dwt-proof-grid {
grid-column-gap: 56px;
grid-template-columns: 1.4fr .6fr;
align-items: center;
display: grid;
}
.planings-dwt-proof-stats {
grid-column-gap: 16px;
grid-template-columns: 1fr 1fr;
display: grid;
}
.planings-dwt-proof-stat {
background-color: #f4f8fb;
border-radius: 8px;
padding: 22px;
}
.planings-dwt-proof-num {
color: #0b3047;
font-size: 32px;
font-weight: 700;
line-height: 1.05;
}
.planings-dwt-proof-label {
color: #344c5c;
margin-top: 6px;
font-size: 13px;
line-height: 1.4;
}
@media screen and (max-width: 991px) {
.demo-grid {
grid-template-columns: 1fr;
}
.t360-fw-container.t360-fw-header-row {
min-height: 72px;
}
.t360-fw-brand {
flex-basis: 145px;
width: 145px;
}
.t360-fw-logo {
width: 145px;
height: 52px;
}
.t360-fw-desktop, .t360-fw-demo {
display: none;
}
.t360-fw-mobile {
display: block;
}
.t360-fw-footer-grid {
grid-template-columns: 1fr 1fr;
}
.t360-fw-footer-bottom {
display: block;
}
.t360-fw-legal {
margin-top: 8px;
}
.t360-fw-footer-brand {
grid-column: 1 / -1;
}
.hp-proof-grid {
grid-template-columns: 1fr;
}
.nh-photo-grid {
grid-template-columns: 1fr 1fr;
}
.hp6-productgrid {
grid-row-gap: 48px;
grid-template-columns: 1fr;
}
.hp6-driver {
border-bottom: 1px solid #d9e5eb;
padding-right: 0;
}
.hp6-office {
border-left-width: 0;
padding-left: 0;
}
.th7-wrap.th7-centre.hp-proof-confidence-wrap {
grid-template-columns: .72fr 1.28fr;
align-items: center;
column-gap: 40px;
}
.th7-wrap.th7-faq {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.th7-wrap.hp-final-wrap {
grid-template-columns: 1fr;
column-gap: 0;
}
.th7-section.hp-proof-confidence.hp-rhythm-proof {
padding-top: 76px;
padding-bottom: 80px;
}
.th7-kicker.hp-proof-confidence-kicker {
max-width: 100%;
min-height: 205px;
margin-bottom: 10px;
font-size: 34px;
}
.th7-kicker.hp-proof-confidence-kicker.hp-proof-anchor-type {
font-size: 34px;
line-height: 1.08;
}
.th7-h2.hp-proof-confidence-title {
grid-area: 1 / 2 / 2 / 3;
font-size: 34px;
}
.th7-intro.th7-centred-copy.hp-proof-confidence-intro {
grid-column: 2 / 3;
margin-bottom: 16px;
font-size: 17px;
}
.th7-actions.hp-final-actions {
grid-area: auto / 1 / auto / 2;
max-width: 420px;
margin-top: 14px;
}
.th7-trust-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.th7-trust-grid.hp-proof-confidence-grid {
grid-column: 1 / 2;
grid-template-columns: repeat(2, 1fr);
gap: 14px;
}
.th7-trust-grid.hp-proof-confidence-grid.hp-proof-editorial-grid {
grid-column: 1 / 3;
grid-template-columns: repeat(2, 1fr);
gap: 0;
margin-top: 16px;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-confidence-featured.hp-proof-feature, .th7-stat.hp-proof-confidence-stat.hp-proof-support {
border-bottom: 1px solid #d7e5ed;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-support.hp-proof-support-wide {
border-bottom: 0;
border-right: 0;
grid-column: auto;
min-height: 0;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-support.hp-proof-third {
border-bottom: 0;
border-right: 1px solid #d7e5ed;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-support.hp-proof-second {
border-bottom: 1px solid #d7e5ed;
border-right: 0;
}
.th7-stat-big.hp-proof-confidence-big {
font-size: 21px;
line-height: 1.22;
}
.th7-four {
grid-template-columns: repeat(2, 1fr);
}
.th7-four.hp-benefit-air.hp-benefit-editorial-grid {
grid-template-columns: repeat(2, 1fr);
gap: 0;
}
.th7-three {
grid-template-columns: 1fr;
}
.th7-three.hp-story-editorial.hp-story-editorial-v2 {
grid-template-columns: repeat(3, 1fr);
gap: 14px;
}
.th7-split, .th7-journey {
grid-template-columns: 1fr;
}
.th7-journey.hp-process-air.hp-process-editorial {
grid-template-columns: 1fr;
gap: 0;
}
.th7-step {
border-top: 4px solid #0878c9;
border-bottom: 1px #d8e1e8;
border-right-width: 0;
min-height: auto;
}
.th7-step.hp-process-step-card {
border-bottom: 1px solid #d7e5ed;
border-right: 0;
grid-column: auto;
}
.th7-step.hp-process-step-card.hp-process-step-wide {
grid-column: auto;
min-height: 0;
}
.th7-step.hp-process-step-card.hp-process-step-wide.hp-process-last {
border-bottom: 0;
}
.th7-dark-card.hp-benefit-card.hp-benefit-secondary.hp-benefit-last {
border-bottom: 0;
border-right: 0;
}
.hp6-flow {
grid-template-columns: 1fr 1fr;
}
.hpdo-section {
padding-top: 76px;
padding-bottom: 80px;
}
.hpdo-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.hpdo-grid.hpdo-grid-art {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 32px;
}
.hpdo-driver-visual {
min-height: 330px;
}
.hpdo-driver-photo {
height: 330px;
}
.hpdo-link {
min-height: auto;
padding-top: 12px;
padding-bottom: 12px;
}
.hpdo-link.hpdo-link-art {
padding-top: 18px;
padding-bottom: 18px;
}
.hpdo-arrow {
margin-bottom: 8px;
transform: rotate(90deg);
}
.hpdo-office-visual2 {
min-height: 330px;
}
.hpdo-office-photo2 {
height: 330px;
}
.hp-proof-body {
max-width: none;
}
.hp-business-grid {
grid-template-columns: 1fr 1fr;
}
.hp-demo-wrap {
grid-template-columns: 1fr 1fr;
gap: 38px;
padding: 38px 34px;
}
.hp-demo-title {
font-size: 35px;
}
.cd26-wrap.cd26-hero-grid {
grid-template-columns: 1fr 1fr;
gap: 34px;
}
.cd26-h1 {
font-size: 42px;
}
.cd26-h2 {
font-size: 36px;
}
.cd26-reality-grid {
gap: 36px;
}
.cd26-product-grid {
gap: 30px;
}
.cd26-h2-light {
font-size: 36px;
}
.cd26-experience-grid, .cd26-story-grid {
gap: 38px;
}
.cd26-demo-box {
gap: 34px;
padding: 38px 34px;
}
.cd26-demo-title {
font-size: 33px;
}
.sec {
padding-top: 54px;
padding-bottom: 54px;
}
.sech2 {
font-size: 36px;
line-height: 1.12;
}
.case2-sec {
padding-top: 54px;
padding-bottom: 54px;
}
.case2-h2 {
font-size: 36px;
line-height: 1.12;
}
.moy2-sec {
padding-top: 54px;
padding-bottom: 54px;
}
.moy2-h2 {
font-size: 36px;
line-height: 1.12;
}
.how-demo-wrap {
grid-template-columns: 1fr 1fr;
gap: 38px;
padding: 38px 34px;
}
.how-demo-title {
font-size: 33px;
}
.hero2 {
background-image: none;
}
.hero-image-css-patch {
aspect-ratio: 16 / 9;
background-color: #0a2435;
background-image: url("https://s3.amazonaws.com/webflow-prod-assets/6a90596391b69e3266a9a734/6a91f3fc12dbba1ab303b014_tipper360-driver-quarry-app.webp");
background-repeat: no-repeat;
background-size: cover;
display: block;
}
.dhero-approved {
border-bottom-right-radius: 36px;
border-bottom-left-radius: 36px;
max-width: 100%;
min-height: 470px;
margin-bottom: 42px;
}
.dhero-bg {
background-size: cover;
}
.dhero-shade {
background-image: linear-gradient(90deg, #042232d1 0%, #05263694 42%, #0526361f 68%, #05263600 82%);
}
.dhero-content {
width: 58%;
padding-top: 48px;
padding-bottom: 38px;
padding-left: 28px;
}
.dhero-title {
font-size: 40px;
}
.drfix-wrap.drfix-grid {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.drfix-wrap.drfix-ctawrap {
grid-row-gap: 22px;
grid-template-columns: 1fr;
}
.drfix-h2 {
font-size: 32px;
}
.drfix-steps {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.drfix-compare {
grid-template-columns: 1fr;
}
.drfix-retrievegrid {
grid-row-gap: 12px;
grid-template-columns: 1fr;
}
.drfix-arrow {
text-align: center;
transform: rotate(90deg);
}
.drfix-proofgrid, .drfix-setupgrid {
grid-template-columns: 1fr;
}
.drfix-ctaactions {
justify-content: flex-start;
}
.t360-dwt-split-1 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-columns: 1fr 1fr;
}
.drfinal-flowstep {
flex-basis: 100%;
min-height: auto;
}
.drfinal-arrow {
text-align: center;
width: 100%;
transform: rotate(90deg);
}
.t360-dwt-product-proof {
grid-column: 1 / 3;
grid-template-columns: 1fr 1fr;
gap: 16px;
margin-top: 0;
}
.t360-dwt-hero-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.t360-dwt-hero-media, .t360-dwt-hero-img {
min-height: 340px;
}
.t360-dwt-record-flow {
grid-template-columns: 1fr 1fr 1fr;
gap: 14px;
}
.t360-dwt-record-arrow {
display: none;
}
.about-proof {
grid-template-columns: 1fr 1fr;
}
.about-grid, .about-grid-two {
grid-template-columns: 1fr;
}
.demo-grid-1 {
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.demo-cards {
grid-template-columns: 1fr;
}
.ie26-grid4 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
}
.ie26-split {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ie26-fundgrid {
flex-direction: column;
align-items: flex-start;
}
.t360pb-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.t360pb-card {
grid-template-columns: 1fr;
}
.t360pb-media, .t360pb-img {
min-height: 230px;
}
.t360-proof-v3__grid {
grid-template-columns: 1fr;
}
.t360-proof-v3__left {
border-bottom: 1px solid #c8dce7;
border-right: 0;
min-height: auto;
padding: 8px 20px 240px;
}
.t360-proof-v3__title {
font-size: 46px;
}
.t360-proof-v3__right {
padding: 34px 20px 0;
}
.t360-proof-v3__footer {
margin-top: 0;
}
.t360-proof-final__top {
grid-template-columns: 1fr;
}
.t360-proof-final__left {
border-bottom: 1px solid #c8dce7;
border-right: 0;
min-height: auto;
padding: 8px 20px 240px;
}
.t360-proof-final__title {
font-size: 46px;
}
.t360-proof-final__right {
padding: 34px 20px 0;
}
.t360sys-section {
padding: 56px 20px 48px;
}
.t360sys-title {
font-size: 42px;
}
.t360sys-intro {
margin-bottom: 28px;
font-size: 18px;
}
.t360sys-copycard {
grid-template-columns: 1fr;
gap: 0;
padding: 22px 26px;
}
.t360sys-icon {
width: 54px;
height: 54px;
font-size: 25px;
}
.t360sys-cardtitle {
font-size: 25px;
}
.t360-benefits-final-title {
font-size: 42px;
}
.t360-benefits-final-grid {
grid-column-gap: 18px;
grid-row-gap: 28px;
grid-template-columns: 1fr 1fr;
}
.cd27-wrap.cd27-hero-layout, .cd27-wrap.cd27-split-feature {
grid-column-gap: 44px;
grid-template-columns: 1fr 1fr;
}
.cd27-two {
grid-column-gap: 48px;
grid-row-gap: 48px;
grid-template-columns: 1fr 1fr;
}
.cd27-h1 {
font-size: 50px;
line-height: 1.02;
}
.cd27-h2 {
font-size: 36px;
}
.cd27-flow {
grid-column-gap: 8px;
grid-row-gap: 12px;
grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
}
.cd27-formgrid {
grid-column-gap: 48px;
grid-row-gap: 36px;
grid-template-columns: .9fr 1.1fr;
}
.cd27-stats {
grid-template-columns: repeat(3, 1fr);
}
.cd27-reg {
grid-column-gap: 32px;
grid-template-columns: 1fr 1fr;
}
.cd27-hero-layout, .cd27-split-feature {
grid-column-gap: 44px;
grid-template-columns: 1fr 1fr;
}
.cdx-hero-grid {
grid-row-gap: 34px;
grid-template-columns: 1fr;
}
.ag28-hero-grid {
grid-template-columns: 1fr;
}
.ag28-h1 {
font-size: 46px;
}
.ag28-hero-media {
min-height: 0;
}
.ag28-hero-img {
height: 360px;
}
.ag28-stats {
grid-template-columns: 1fr 1fr;
}
.ag28-h2 {
font-size: 36px;
}
.ag28-three {
grid-template-columns: 1fr;
}
.ag28-four {
grid-template-columns: 1fr 1fr;
}
.ag28-form-grid, .ag28-two, .ag28-qtc-grid, .ag28-flow {
grid-template-columns: 1fr;
}
.ag28-arrow {
justify-content: center;
transform: rotate(90deg);
}
.ag28-faq-grid {
grid-template-columns: 1fr;
}
.cdm-section-title {
font-size: 46px;
}
.cdm-lead-grid {
grid-column-gap: 0px;
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.rm30-wrap {
padding-left: 32px;
padding-right: 32px;
}
.rm30-hero-grid {
grid-template-columns: 1fr;
}
.rm30-hero-copy {
padding-right: 0;
}
.rm30-hero-image {
height: 380px;
}
.rm30-proof, .rm30-question-grid, .rm30-process-grid {
grid-template-columns: repeat(2, 1fr);
}
.rm30-form-band, .rm30-two-grid {
grid-template-columns: 1fr;
}
.rm30-six-grid {
grid-template-columns: repeat(3, 1fr);
}
.rm30-feature-grid {
grid-template-columns: 1fr;
}
.rm30-benefit-grid {
grid-template-columns: repeat(2, 1fr);
}
.rm30-trust {
grid-template-columns: 1fr;
}
.cdm-driveroffice {
padding-top: 60px;
padding-bottom: 60px;
}
.cdm-two {
grid-row-gap: 36px;
grid-template-columns: 1fr;
}
.cdm-system-img {
height: 420px;
}
.cdm-record-grid {
grid-row-gap: 34px;
grid-template-columns: 1fr;
}
.cdm-final-shell {
grid-row-gap: 36px;
grid-template-columns: 1fr;
padding-left: 28px;
padding-right: 28px;
}
.agf-wrap {
padding-left: 28px;
padding-right: 28px;
}
.agf-h1 {
font-size: 56px;
line-height: 1.02;
}
.agf-h2 {
font-size: 34px;
line-height: 1.08;
}
.agf-hero {
min-height: 600px;
}
.agf-hero-inner {
min-height: 600px;
padding-top: 0;
padding-bottom: 0;
}
.agf-hero-copy {
width: 72%;
max-width: 700px;
min-height: 600px;
margin-left: 0;
margin-right: 0;
padding: 58px 40px 50px 32px;
}
.agf-handnote {
display: none;
}
.agf-proofgrid {
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr;
}
.agf-three {
grid-column-gap: 24px;
grid-row-gap: 28px;
grid-template-columns: repeat(2, 1fr);
}
.agf-demo-grid {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.agf-demo-h2 {
font-size: 36px;
line-height: 1.06;
}
.agf-two {
grid-template-columns: 1fr;
}
.agf-flow-grid {
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.agf-flow-steps {
grid-column-gap: 18px;
grid-row-gap: 18px;
grid-template-columns: 1fr 1fr;
display: grid;
}
.agf-storygrid {
grid-template-columns: 1fr;
}
.agf-faqgrid {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.agf-last-wrap {
padding-left: 28px;
padding-right: 28px;
}
.agf-last-h2 {
font-size: 36px;
}
.agf-last-note {
display: none;
}
.rm31-hero-inner {
grid-template-columns: 1fr;
min-height: 0;
}
.rm31-hero-copy {
padding: 34px 32px 28px;
}
.rm31-hero-media {
min-height: 0;
}
.rm31-hero-img {
height: 300px;
}
.rm31-proofrow, .rm31-question-grid {
grid-template-columns: repeat(2, 1fr);
}
.rm31-process-grid {
grid-template-columns: repeat(3, 1fr);
}
.rm31-form-card {
grid-row-gap: 26px;
grid-template-columns: 1fr;
padding: 20px 28px;
}
.rm31-form-right {
grid-template-columns: 1fr;
}
.rm31-do-grid {
grid-template-columns: 1fr 1fr;
}
.rm31-cap-grid {
grid-template-columns: repeat(3, 1fr);
}
.rm31-waterwait-grid, .rm31-integration-grid {
grid-template-columns: 1fr;
}
.rm31-benefit-grid {
grid-template-columns: repeat(2, 1fr);
}
.rm31-trust {
grid-template-columns: 1fr;
}
.rm31-trust-img {
height: 300px;
}
.rm31-trust-copy {
padding: 40px 6vw 42px;
}
.rm31-faq-grid, .rm31-final-grid {
grid-template-columns: 1fr;
}
.rm31-native-form {
grid-template-columns: 1fr 1fr;
}
.ap31-title {
font-size: 46px;
}
.ap31-title-light {
font-size: 38px;
}
.ap31-hero-title {
font-size: 54px;
}
.ap31-problem-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ap31-form-card {
order: -1;
}
.ap31-steps {
grid-template-rows: auto;
grid-template-columns: repeat(2, 1fr);
}
.ap31-split, .ap31-case-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ap31-reg-grid {
grid-row-gap: 42px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ap31-history-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ap31-final-inner {
display: grid;
}
.cdm-v3-outcomes {
padding-left: 28px;
padding-right: 28px;
}
.cdm-v3-intro {
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.cdm-v3-grid {
grid-template-columns: repeat(2, 1fr);
}
.cdm-form-reassurance {
grid-template-columns: 1fr;
}
.t360sys-photo-pair-img {
object-fit: contain;
height: auto;
}
.t360-proof-cards__grid {
grid-template-columns: 1fr;
row-gap: 24px;
}
.t360-proof-cards__card {
border-bottom: 1px solid #7ec7e540;
border-right-width: 0;
padding: 24px 0;
}
.t360-proof-cards__metric {
white-space: normal;
font-size: 40px;
}
.t360-proof-cards__heading {
white-space: normal;
font-size: 38px;
}
.t360-loads-question-wrap {
grid-template-columns: 1fr;
row-gap: 36px;
}
.t360-loads-question-copy {
max-width: 720px;
}
.t360-loads-question-title {
font-size: 40px;
}
.cdm-owner-image {
height: 380px;
}
.t360-proofstories-v2-title {
font-size: 40px;
}
.t360-proofstories-v2-feature {
grid-template-columns: 1fr;
}
.t360-proofstories-v2-imagewrap {
min-height: 300px;
}
.t360-proofstories-v2-secondary {
display: block;
}
.cdm-owner-shell {
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.cdm-owner-chapter {
padding: 56px 28px 36px;
}
.cdm-customer-chapter, .cdm-docket-chapter {
padding: 54px 28px;
}
.rm32-shell {
padding-left: 28px;
padding-right: 28px;
}
.rm32-section {
padding-top: 58px;
padding-bottom: 58px;
}
.rm32-h2 {
font-size: 40px;
line-height: 1.08;
}
.rm32-questions, .rm32-four {
grid-template-columns: 1fr;
}
.rm32-story {
grid-template-columns: 1fr;
min-height: 0;
}
.rm32-story-img {
height: 390px;
min-height: 390px;
}
.rm32-flow {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.rm32-benefits, .rm32-office, .cdm-customer-proof {
grid-template-columns: 1fr;
}
.rm40-wrap {
padding-left: 28px;
padding-right: 28px;
}
.rm40-steps {
grid-template-columns: 1fr 1fr;
}
.rm40-early-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.rm40-site {
grid-template-columns: 1fr;
}
.rm40-capture-grid {
grid-row-gap: 14px;
grid-template-columns: 1fr;
}
.rm40-people {
grid-template-columns: 1fr;
}
.rm40-support-grid {
grid-template-columns: 1fr;
gap: 42px;
}
.rm40-system {
border-top: 1px solid #cbd9e3;
border-left-width: 0;
padding-top: 38px;
padding-left: 0;
}
.rm50-shell {
padding-left: 28px;
padding-right: 28px;
}
.rm50-steps {
grid-template-columns: 1fr 1fr;
}
.rm50-two {
grid-row-gap: 36px;
grid-template-columns: 1fr;
}
.rm50-capture-grid {
grid-row-gap: 0px;
grid-template-columns: 1fr;
}
.rm50-arrow {
min-height: 54px;
padding-top: 12px;
padding-bottom: 12px;
}
.rm50-outcome-grid {
grid-template-columns: 1fr 1fr;
}
.cdm-flow-arrow {
display: none;
}
.cdm-flow-return {
width: 100%;
height: auto;
margin-top: 12px;
margin-left: 0;
}
.cdm-flow-return-left, .cdm-flow-return-bottom, .cdm-flow-return-right {
display: none;
}
.cdm-flow-return-label {
white-space: normal;
display: inline-block;
position: static;
transform: none;
}
.cdm-driveroffice-grid {
grid-row-gap: 36px;
grid-template-columns: 1fr;
padding-left: 32px;
padding-right: 32px;
}
.cdm-driveroffice-image, .cdm-driveroffice-photo-frame-v2 {
height: 380px;
max-height: 380px;
}
.hiw101-hero {
background-image: none;
min-height: 0;
padding-top: 48px;
padding-bottom: 44px;
}
.hiw101-hero-img {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 340px;
display: block;
}
.hiw101-hero-wrap {
padding-left: 24px;
padding-right: 24px;
}
.hiw101-hero-content {
grid-template-columns: 1fr;
row-gap: 32px;
}
.hiw101-journey-flow {
grid-template-columns: repeat(3, minmax(0, 1fr));
row-gap: 24px;
}
.hiw101-journey-copy {
font-size: 16px;
line-height: 1.5;
}
.hiw101-driver-grid {
grid-template-columns: 1fr 1fr;
row-gap: 28px;
}
.hiw101-driver-benefits {
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 18px;
}
.hiw101-office-grid {
grid-template-columns: 1fr;
row-gap: 32px;
}
.hiw102-flow {
grid-template-columns: 1fr;
}
.hiw102-groups {
grid-template-columns: 1fr;
gap: 24px;
}
.hiw102-sustain, .hiw102-work, .hiw103-grid, .hiw103-complete-grid {
grid-template-columns: 1fr;
}
.hiw104-system {
grid-template-columns: 1fr;
gap: 8px;
padding-top: 20px;
padding-bottom: 20px;
}
.hiw104-arrow {
text-align: center;
font-size: 28px;
transform: rotate(90deg);
}
.rm50-water-grid {
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.rm50-officeops-grid {
grid-row-gap: 36px;
grid-template-columns: 1fr;
}
.hiw105-wrap {
width: calc(100% - 48px);
}
.hiw105-h2 {
font-size: 38px;
}
.hiw105-flow {
grid-template-columns: 1fr;
gap: 10px;
}
.hiw105-stage {
min-height: 0;
padding-top: 22px;
padding-bottom: 22px;
}
.hiw105-arrow {
margin-top: 2px;
margin-bottom: 2px;
font-size: 30px;
transform: rotate(90deg);
}
.hiw105-band {
grid-template-columns: 1fr;
gap: 18px;
margin-top: 30px;
padding: 26px;
}
.hiw106-wrap {
width: calc(100% - 48px);
}
.hiw106-h2 {
font-size: 34px;
}
.hiw106-grid {
column-gap: 0;
}
.hiw106-payoff {
display: block;
}
.hiw106-payoff-list {
text-align: left;
margin-top: 12px;
}
.cdm-change-day-grid {
grid-template-columns: 1fr;
}
.hiw107-flow {
grid-template-columns: 1fr;
gap: 6px;
}
.hiw107-flow-step {
text-align: left;
}
.hiw107-flow-arrow {
text-align: center;
transform: rotate(90deg);
}
.cdm-subcontractor-band {
padding: 38px 28px;
}
.hiw108-grid {
grid-template-columns: 1fr;
gap: 34px;
}
.hiw105-grid {
grid-template-columns: 1fr;
gap: 36px;
}
.hiw105-image {
height: 300px;
}
.hiw105-stage-mid {
margin-top: 0;
}
.hiw105-image-mid {
height: 300px;
}
.hiw106-stage-mid {
margin-top: 0;
}
.hiw106-image, .hiw106-image-mid {
height: 300px;
}
.t360-hiw-journey-v2-grid {
grid-template-columns: 1fr;
gap: 38px;
}
.t360-hiw-journey-v2-stage-mid {
margin-top: 0;
}
.t360-hiw-journey-v2-image, .t360-hiw-journey-v2-image-mid {
height: 300px;
}
.jv2-grid {
grid-template-columns: 1fr;
gap: 38px;
}
.jv2-mid {
margin-top: 0;
}
.jv2-img, .jv2-imgmid {
height: 300px;
}
.rm50-connect {
padding: 52px 0;
}
.rm50-connect-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.rm50-connect-image {
height: 300px;
}
.rm50-connect-live {
min-height: 64px;
}
.simplejob-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.simplejob-arrow {
display: none;
}
.lower-pod-h {
font-size: 32px;
}
.hiw108-simplegrid {
grid-template-columns: 1fr;
gap: 24px;
}
.hiw108-supportline {
grid-column: auto;
margin-top: 4px;
}
.muck-dwt-help {
padding-top: 56px;
padding-bottom: 56px;
}
.muck-dwt-help-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.hiw-yesterday-grid {
grid-template-columns: 1fr;
gap: 32px;
}
.hiw-yesterday-title {
font-size: 38px;
}
.hiw-four-grid {
grid-template-columns: 1fr 1fr;
}
.hiw-capacity-grid {
grid-template-columns: 1fr;
gap: 34px;
}
.hiw-capacity-title {
font-size: 38px;
}
.hiw-depth-title {
font-size: 34px;
}
.hiw-depth-grid {
grid-template-columns: 1fr;
}
.hp-latest-list {
grid-template-columns: 1fr 1fr;
}
.muck-dwt-handoff-flow {
grid-template-columns: 1fr;
gap: 12px;
}
.muck-dwt-handoff-arrow {
display: none;
}
.hiw-depth-layout {
grid-template-columns: 1fr;
row-gap: 30px;
}
.t360-proofstories-v2-moyglare {
grid-template-columns: 1fr;
}
.t360-proofstories-v2-moy-imagewrap {
min-height: 280px;
max-height: 360px;
}
.planings-dwt-proof-grid {
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 767px) {
.blog-links {
display: none;
}
.blog-wa {
margin-left: auto;
}
.article-shell {
padding-top: 48px;
}
.t360-fw-container {
width: calc(100% - 30px);
}
.t360-fw-footer-grid {
grid-template-columns: 1fr;
}
.t360-fw-legal {
grid-template-columns: 1fr 1fr;
display: grid;
}
.t360-fw-regions {
display: block;
}
.t360-fw-region-link {
text-align: center;
margin: 8px;
display: block;
}
.t360-fw-footer-brand {
grid-column: auto;
}
.hp-proof-section {
padding-top: 58px;
padding-bottom: 58px;
}
.hp-proof-title {
font-size: 38px;
}
.nh-photo-grid {
grid-template-columns: 1fr;
}
.nh-photo-img {
height: 240px;
}
.v4-sectorimg {
height: 200px;
}
.hp6-driverimg {
max-width: 100%;
height: auto;
}
.hp6-officeimg {
height: auto;
}
.th7-wrap.th7-centre.hp-proof-confidence-wrap {
display: block;
}
.th7-wrap.th7-faq {
grid-template-columns: 1fr;
gap: 24px 0;
}
.th7-wrap.hp-grant-wrap {
padding: 24px 22px;
display: block;
}
.th7-wrap.hp-final-wrap {
grid-template-columns: 1fr;
gap: 22px 0;
padding: 30px 24px;
display: grid;
}
.th7-section.th7-soft.hp-rhythm-sectors {
padding-top: 64px;
padding-bottom: 72px;
}
.th7-section.th7-soft.hp-rhythm-stories {
padding-top: 68px;
padding-bottom: 72px;
}
.th7-section.th7-navy.hp-rhythm-benefits {
border-top: 0;
padding-top: 68px;
padding-bottom: 72px;
}
.th7-section.hp-proof-confidence {
padding-top: 54px;
padding-bottom: 58px;
}
.th7-section.hp-proof-confidence.hp-rhythm-proof {
border-bottom: 1px solid #d3e5ee;
padding-top: 64px;
padding-bottom: 68px;
}
.th7-section.hp-rhythm-process {
padding-top: 72px;
padding-bottom: 76px;
}
.th7-section.hp-rhythm-faq {
padding-top: 62px;
padding-bottom: 66px;
}
.th7-kicker.hp-proof-confidence-kicker {
width: 100%;
max-width: 100%;
min-height: 0;
margin-bottom: 28px;
padding: 26px;
font-size: 32px;
line-height: 1.08;
}
.th7-kicker.hp-proof-confidence-kicker.hp-proof-anchor-type {
font-size: 32px;
line-height: 1.08;
}
.th7-h2.hp-proof-confidence-title {
max-width: none;
margin-bottom: 18px;
font-size: 30px;
line-height: 1.14;
}
.th7-h2.hp-final-title {
font-size: 33px;
line-height: 1.12;
}
.th7-intro.th7-centred-copy.hp-proof-confidence-intro {
max-width: none;
margin-bottom: 30px;
font-size: 17px;
line-height: 1.55;
}
.th7-trust-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.th7-trust-grid.hp-proof-confidence-grid {
grid-template-columns: 1fr;
gap: 12px;
margin-top: 24px;
}
.th7-trust-grid.hp-proof-confidence-grid.hp-proof-editorial-grid {
border-bottom: 1px solid #d7e5ed;
grid-template-columns: 1fr;
gap: 0;
margin-top: 0;
}
.th7-stat.hp-proof-confidence-stat {
min-height: auto;
padding: 24px 22px;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-confidence-featured.hp-proof-feature {
border-bottom: 1px solid #d7e5ed;
border-right: 0;
grid-row: auto;
min-height: 0;
padding: 22px;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-support {
border-bottom: 1px solid #d7e5ed;
border-right: 0;
min-height: 0;
padding: 22px;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-support.hp-proof-support-wide {
border-bottom: 0;
border-right: 0;
grid-column: auto;
}
.th7-stat.hp-proof-confidence-stat.hp-proof-support.hp-proof-third, .th7-stat.hp-proof-confidence-stat.hp-proof-support.hp-proof-second {
border-bottom: 1px solid #d7e5ed;
border-right: 0;
}
.th7-stat-big.hp-proof-confidence-big {
max-width: none;
margin-bottom: 10px;
font-size: 21px;
line-height: 1.22;
}
.th7-four {
grid-template-columns: 1fr;
}
.th7-four.hp-sector-air, .th7-four.hp-benefit-air {
gap: 16px;
margin-top: 30px;
}
.th7-four.hp-benefit-air.hp-benefit-editorial-grid {
grid-template-columns: 1fr;
gap: 0;
}
.th7-three.hp-story-editorial {
gap: 18px;
}
.th7-three.hp-story-editorial.hp-story-editorial-v2 {
grid-template-columns: 1fr;
gap: 14px;
}
.th7-card {
padding: 20px;
}
.th7-card.th7-proof-card.hp-story-feature {
min-height: 0;
padding: 28px 24px;
}
.th7-card.th7-proof-card.hp-story-secondary {
min-height: 0;
padding: 26px 24px;
}
.th7-journey.hp-process-air {
margin-top: 30px;
}
.th7-journey.hp-process-air.hp-process-editorial {
grid-template-columns: 1fr;
gap: 0;
}
.th7-step.hp-process-step-card {
border-bottom: 1px solid #d7e5ed;
border-right: 0;
grid-column: auto;
min-height: 0;
padding: 26px 4px;
}
.th7-step.hp-process-step-card.hp-process-step-wide {
grid-column: auto;
min-height: 0;
}
.th7-step.hp-process-step-card.hp-process-step-wide.hp-process-last {
border-bottom: 0;
}
.th7-dark-card.hp-benefit-card {
min-height: auto;
padding: 22px 20px;
}
.th7-dark-card.hp-benefit-card.hp-benefit-primary, .th7-dark-card.hp-benefit-card.hp-benefit-secondary {
border-bottom: 1px solid #315064;
border-right: 0;
min-height: 0;
padding: 24px 4px;
}
.th7-dark-card.hp-benefit-card.hp-benefit-secondary.hp-benefit-last {
border-bottom: 0;
}
.th7-more.hp-grant-link {
margin-top: 12px;
padding-left: 0;
padding-right: 0;
display: inline-block;
}
.th7-detail.hp-faq-detail {
margin-bottom: 0;
padding: 17px 2px;
}
.th7-summary.hp-faq-summary {
padding-right: 24px;
font-size: 17px;
line-height: 1.4;
}
.th7-grant.hp-rhythm-grant {
padding-top: 26px;
padding-bottom: 26px;
}
.th7-final {
padding-top: 48px;
padding-bottom: 48px;
}
.th7-final.hp-rhythm-final {
padding-top: 68px;
padding-bottom: 72px;
}
.hp6-flow {
grid-template-columns: 1fr;
}
.hp6-flowstep {
border-bottom: 1px solid #d9e5eb;
border-right-width: 0;
}
.hpdo-section {
padding-top: 56px;
padding-bottom: 60px;
}
.hpdo-section.hp-rhythm-driver {
padding-top: 76px;
padding-bottom: 82px;
}
.hpdo-title {
font-size: 36px;
}
.hpdo-intro {
margin-bottom: 38px;
font-size: 17px;
}
.hpdo-grid.hpdo-grid-art {
grid-template-rows: auto;
grid-template-columns: 1fr;
gap: 30px 20px;
}
.hpdo-panel {
padding: 22px 20px;
}
.hpdo-panel.hpdo-office-panel.hpdo-office-panel-art, .hpdo-panel.hpdo-panel-art {
padding: 0;
}
.hpdo-driver-visual {
min-height: 280px;
margin-bottom: 42px;
}
.hpdo-driver-photo {
height: 280px;
}
.hpdo-points {
grid-template-columns: 1fr;
gap: 0;
margin-top: 28px;
}
.hpdo-link.hpdo-link-art {
grid-area: auto / 1 / auto / 2;
min-height: 0;
margin-top: 0;
margin-bottom: 0;
padding-top: 22px;
padding-bottom: 22px;
}
.hpdo-link-strong {
font-size: 18px;
line-height: 1.4;
}
.hpdo-office-photo {
height: 240px;
}
.hpdo-office-points {
grid-template-columns: 1fr;
gap: 0;
margin-top: 28px;
}
.hpdo-phone-left {
width: 42%;
max-height: 190px;
bottom: -20px;
left: 16px;
}
.hpdo-office-visual2 {
min-height: 280px;
}
.hpdo-office-photo2 {
height: 280px;
}
.hpdo-office-monitor2 {
width: 66%;
height: 62%;
top: 9%;
right: 2%;
}
.hp-faq-list {
border-radius: 8px;
padding: 0;
}
.nh-approved-subhead {
margin-top: 18px;
margin-bottom: 16px;
font-size: 22px;
line-height: 1.25;
}
.hp-proof-body {
max-width: none;
font-size: 16px;
line-height: 1.5;
}
.hp-business-benefits {
padding: 62px 20px 66px;
}
.hp-business-title {
font-size: 32px;
line-height: 1.14;
}
.hp-business-intro {
margin-bottom: 32px;
font-size: 17px;
}
.hp-business-grid {
grid-template-columns: 1fr;
}
.hp-business-item {
border-bottom: 1px solid #ffffff2e;
border-right: 0;
padding: 26px 4px;
}
.hp-how-bridge {
padding: 50px 20px 54px;
}
.hp-how-bridge-wrap {
grid-template-columns: 1fr;
gap: 30px;
}
.hp-how-bridge-title {
font-size: 27px;
line-height: 1.18;
}
.hp-demo-final {
padding: 56px 20px 60px;
}
.hp-demo-wrap {
grid-template-columns: 1fr;
gap: 30px;
padding: 30px 24px 32px;
}
.hp-demo-title {
font-size: 31px;
line-height: 1.14;
}
.hp-demo-intro {
margin-top: 17px;
margin-bottom: 22px;
font-size: 17px;
}
.hp-demo-reassure {
grid-template-columns: 1fr;
margin-bottom: 28px;
display: grid;
}
.hp-demo-reassure-item {
border-bottom: 1px solid #d7e5ed;
border-right: 0;
margin-right: 0;
padding: 11px 0;
}
.hp-demo-reassure-last {
padding-top: 11px;
padding-bottom: 11px;
}
.hp-demo-preview {
grid-template-columns: 1fr;
}
.hp-demo-preview-item, .hp-demo-preview-mid {
border-bottom: 1px solid #d7e5ed;
border-right: 0;
padding: 18px 0;
}
.hp-demo-preview-last {
padding: 18px 0;
}
.hp-demo-convert {
padding-left: 0;
}
.hp-demo-screen {
max-width: 100%;
margin-bottom: 22px;
}
.hp-demo-wa {
width: 100%;
padding-top: 17px;
padding-bottom: 17px;
}
.cd26-wrap {
width: calc(100% - 40px);
}
.cd26-wrap.cd26-hero-grid {
grid-template-columns: 1fr;
gap: 36px;
}
.cd26-wrap.cd26-records-grid {
grid-template-columns: 1fr;
gap: 34px;
}
.cd26-hero {
padding-top: 58px;
padding-bottom: 64px;
}
.cd26-h1 {
font-size: 38px;
line-height: 1.08;
}
.cd26-hero-visual {
min-height: 330px;
}
.cd26-hero-photo {
height: 330px;
}
.cd26-hero-ui {
width: 66%;
bottom: -18px;
right: 0%;
}
.cd26-proof-grid {
grid-template-columns: 1fr;
}
.cd26-proof-item {
border-bottom: 1px solid #d8e4ea;
border-right: 0;
padding-top: 18px;
padding-bottom: 18px;
padding-right: 0;
}
.cd26-proof-last {
padding-top: 18px;
padding-bottom: 18px;
padding-left: 0;
}
.cd26-h2 {
font-size: 31px;
}
.cd26-reality-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.cd26-reality-image {
height: 330px;
min-height: 330px;
}
.cd26-product-grid {
grid-template-columns: 1fr;
gap: 34px;
}
.cd26-driver-visual, .cd26-driver-photo, .cd26-office-visual, .cd26-office-photo {
height: 300px;
}
.cd26-bridge {
grid-column: 1 / 2;
}
.cd26-midcta {
grid-template-columns: 1fr;
padding: 24px 22px;
display: grid;
}
.cd26-h2-light {
font-size: 31px;
}
.cd26-outcome-grid {
grid-template-columns: 1fr;
}
.cd26-experience-grid {
grid-template-columns: 1fr;
gap: 38px;
}
.cd26-experience-visual {
min-height: 340px;
}
.cd26-experience-photo {
height: 340px;
}
.cd26-story-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.cd26-story-image {
height: 320px;
}
.cd26-cap-grid {
grid-template-columns: 1fr;
}
.cd26-cap-row {
grid-template-columns: 1fr;
gap: 6px;
}
.cd26-demo-box {
grid-template-columns: 1fr;
gap: 30px;
padding: 30px 24px 32px;
}
.cd26-demo-title {
font-size: 30px;
}
.cd26-demo-points {
grid-template-columns: 1fr;
display: grid;
}
.cd26-demo-point {
border-bottom: 1px solid #d7e5ed;
border-right: 0;
margin-right: 0;
}
.mw.intro-1-2-3-4-5-6-7 {
grid-column-gap: 0px;
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.tag {
letter-spacing: .1em;
font-size: 11px;
}
.sec {
padding-top: 44px;
padding-bottom: 44px;
}
.sech2 {
font-size: 32px;
line-height: 1.14;
}
.case2-kicker {
letter-spacing: .1em;
font-size: 11px;
}
.case2-sec {
padding-top: 44px;
padding-bottom: 44px;
}
.case2-split {
grid-column-gap: 0px;
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.case2-h2 {
font-size: 32px;
line-height: 1.14;
}
.moy2-kicker {
letter-spacing: .1em;
font-size: 11px;
}
.moy2-sec {
padding-top: 44px;
padding-bottom: 44px;
}
.moy2-split {
grid-column-gap: 0px;
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.moy2-h2 {
font-size: 32px;
line-height: 1.14;
}
.how-demo-final {
padding: 56px 20px 60px;
}
.how-demo-wrap {
grid-template-columns: 1fr;
gap: 30px;
padding: 30px 24px 32px;
}
.how-demo-title {
font-size: 30px;
}
.how-demo-points {
grid-template-columns: 1fr;
display: grid;
}
.how-demo-point {
border-bottom: 1px solid #d7e5ed;
border-right: 0;
margin-right: 0;
}
.how-demo-wa {
width: 100%;
}
.dhero-approved {
border-bottom-right-radius: 30px;
border-bottom-left-radius: 30px;
min-height: 620px;
margin-bottom: 34px;
}
.dhero-bg {
background-size: cover;
}
.dhero-shade {
background-image: linear-gradient(#042232fa 0%, #042232f0 42%, #0422329e 64%, #04223214 100%);
}
.dhero-content {
width: 100%;
padding: 34px 24px 210px;
}
.dhero-title {
font-size: 36px;
}
.dhero-proof {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
}
.dhero-actions {
flex-direction: column;
align-items: stretch;
}
.dhero-primary, .dhero-secondary {
text-align: center;
width: 100%;
}
.drfix-section {
padding: 42px 18px;
}
.drfix-h2 {
font-size: 28px;
line-height: 1.12;
}
.drfix-lead {
font-size: 16px;
}
.drfix-steps {
grid-template-columns: 1fr;
}
.drfix-dark {
padding: 46px 18px;
}
.drfix-retrieve, .drfix-proof {
padding: 42px 18px;
}
.drfix-setup {
padding: 46px 18px;
}
.drfix-cta {
padding: 40px 18px;
}
.drfix-ctah {
font-size: 29px;
}
.drfix-ctaactions {
grid-template-columns: 1fr;
width: 100%;
display: grid;
}
.drfix-ctaprimary, .drfix-ctasecondary {
text-align: center;
width: 100%;
}
.t360-dwt-timeline {
border-top-width: 3px;
grid-template-columns: 1fr;
}
.t360-dwt-time {
border-bottom: 1px solid #d8e5ea;
border-right-width: 0;
padding: 24px 20px;
}
.t360-dwt-split-1 {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.drfinal-chip, .drfinal-recordchip {
width: 100%;
}
.t360-dwt-product-proof {
grid-column: auto;
grid-template-columns: 1fr;
gap: 16px;
margin-top: 8px;
}
.t360-dwt-hero-grid {
grid-template-columns: 1fr;
gap: 28px;
}
.t360-dwt-hero-media {
border-radius: 10px;
min-height: 250px;
}
.t360-dwt-hero-img {
min-height: 250px;
}
.hw10-wrap {
width: calc(100% - 32px);
}
.hw10-section {
padding-top: 56px;
padding-bottom: 56px;
}
.t360-dwt-record-flow, .t360-dwt-fit-visual {
grid-template-columns: 1fr;
}
.t360-dwt-fit-dwt {
grid-column: auto;
gap: 7px;
display: grid;
}
.t360-dwt-fit-dwt-title {
white-space: normal;
}
.about-proof {
grid-template-columns: 1fr;
}
.demo-hero {
padding-top: 48px;
padding-bottom: 48px;
}
.demo-formbox {
padding: 24px 20px;
}
.demo-section {
padding-top: 48px;
padding-bottom: 48px;
}
.ie26-wrap {
width: calc(100% - 30px);
}
.ie26-hero {
padding: 58px 0;
}
.ie26-lead {
font-size: 17px;
}
.ie26-actions, .ie26-actionscenter {
flex-direction: column;
align-items: stretch;
}
.ie26-section, .ie26-soft, .ie26-dark {
padding: 58px 0;
}
.ie26-grid3, .ie26-grid4 {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ie26-card {
border-bottom: 1px solid #d6e3e8;
padding: 24px 0;
}
.ie26-cardlast {
padding: 24px 0;
}
.ie26-split {
width: calc(100% - 30px);
}
.ie26-darkcard {
border-bottom: 1px solid #315065;
padding: 24px 0;
}
.ie26-darklast {
padding: 24px 0;
}
.ie26-funding {
padding: 48px 0;
}
.ie26-fundgrid {
width: calc(100% - 30px);
}
.ie26-faq {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ie26-final {
padding: 58px 0;
}
.t360pb-section {
padding: 54px 18px 40px;
}
.t360pb-title {
font-size: 38px;
}
.t360pb-intro {
margin-bottom: 28px;
font-size: 18px;
}
.t360pb-grid {
grid-template-columns: 1fr;
}
.t360pb-card {
min-height: 0;
padding: 24px 20px;
}
.t360pb-card-title {
font-size: 24px;
}
.t360pb-cta {
grid-template-columns: 1fr;
padding: 20px;
}
.t360pb-button {
box-sizing: border-box;
width: 100%;
min-width: 0;
}
.t360-proof-v3 {
padding: 34px 16px 38px;
}
.t360-proof-v3__left {
padding: 4px 4px 190px;
}
.t360-proof-v3__title {
font-size: 36px;
line-height: 1.06;
}
.t360-proof-v3__intro {
font-size: 18px;
}
.t360-proof-v3__image-wrap {
height: 165px;
right: 0;
}
.t360-proof-v3__right {
padding: 26px 4px 0;
}
.t360-proof-v3__stat {
grid-template-columns: 58px 1fr;
gap: 16px;
margin-bottom: 18px;
padding: 10px 0 22px;
}
.t360-proof-v3__icon {
width: 56px;
height: 56px;
}
.t360-proof-v3__number {
font-size: 46px;
}
.t360-proof-v3__unit {
margin-left: 6px;
font-size: 17px;
}
.t360-proof-v3__label {
font-size: 22px;
}
.t360-proof-v3__footer {
min-height: auto;
padding: 18px 20px;
}
.t360-proof-v3__footer-line {
width: 48px;
margin-right: 16px;
}
.t360-proof-v3__footer-text {
font-size: 19px;
}
.t360-proof-final {
padding: 38px 16px 42px;
}
.t360-proof-final__left {
padding: 4px 4px 190px;
}
.t360-proof-final__title {
font-size: 36px;
line-height: 1.06;
}
.t360-proof-final__intro {
font-size: 18px;
}
.t360-proof-final__image-wrap {
height: 165px;
right: 0;
}
.t360-proof-final__right {
padding: 26px 4px 0;
}
.t360-proof-final__stat {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-columns: 58px 1fr;
margin-bottom: 18px;
padding: 10px 0 22px;
}
.t360-proof-final__icon {
width: 56px;
height: 56px;
}
.t360-proof-final__number {
font-size: 46px;
}
.t360-proof-final__unit {
font-size: 17px;
}
.t360-proof-final__label {
font-size: 22px;
}
.t360-proof-final__footer {
min-height: auto;
padding: 18px 20px;
}
.t360-proof-final__footer-line {
width: 48px;
margin-right: 16px;
}
.t360-proof-final__footer-text {
font-size: 19px;
}
.t360sys-section {
padding: 44px 16px 40px;
}
.t360sys-title {
font-size: 34px;
line-height: 1.06;
}
.t360sys-intro {
margin-bottom: 22px;
font-size: 17px;
}
.t360sys-copygrid {
grid-template-columns: 1fr;
margin-top: 14px;
}
.t360sys-copycard {
grid-template-columns: 1fr;
padding: 22px 0;
}
.t360sys-copycard-right {
border-top: 1px solid #d3e4ec;
border-left-width: 0;
}
.t360sys-icon {
width: 46px;
height: 46px;
font-size: 22px;
}
.t360sys-cardtitle {
font-size: 24px;
}
.t360sys-cardtext {
font-size: 16px;
}
.t360-benefits-final-title {
letter-spacing: -1px;
font-size: 36px;
}
.t360-benefits-final-grid {
grid-row-gap: 26px;
grid-template-columns: 1fr;
}
.cd27-wrap {
padding-left: 22px;
padding-right: 22px;
}
.cd27-wrap.cd27-hero-layout, .cd27-wrap.cd27-split-feature {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.cd27-hero {
padding-top: 58px;
padding-bottom: 58px;
}
.cd27-section {
padding-top: 72px;
padding-bottom: 72px;
}
.cd27-two {
grid-row-gap: 34px;
grid-template-columns: 1fr;
}
.cd27-h1 {
letter-spacing: -.8px;
font-size: 42px;
line-height: 1.04;
}
.cd27-h2 {
font-size: 32px;
line-height: 1.1;
}
.cd27-actions {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-wrap: wrap;
}
.cd27-img {
height: 360px;
}
.cd27-hero-img {
height: 380px;
}
.cd27-flow {
grid-row-gap: 10px;
grid-template-columns: 1fr;
}
.cd27-enquiry {
padding-top: 56px;
padding-bottom: 56px;
}
.cd27-formgrid {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.cd27-form {
grid-template-columns: 1fr;
padding: 18px;
}
.cd27-band {
padding-top: 58px;
padding-bottom: 58px;
}
.cd27-proof {
padding-top: 72px;
padding-bottom: 72px;
}
.cd27-stats, .cd27-reg {
grid-template-columns: 1fr;
}
.cd27-hero-layout {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.cd27-workflow-section {
padding-top: 68px;
padding-bottom: 68px;
}
.cd27-split-feature {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.cd27-invoice-section {
padding-top: 68px;
padding-bottom: 68px;
}
.cd27-customer-section, .cd27-record-section, .cd27-product-section, .cd27-proof-strong, .cd27-reg-section {
padding-top: 72px;
padding-bottom: 72px;
}
.rm28-section, .rm28-alt {
padding-top: 52px;
padding-bottom: 52px;
}
.rm28-h1 {
font-size: 38px;
line-height: 1.05;
}
.rm28-h2 {
font-size: 32px;
}
.rm28-hero {
padding-top: 48px;
padding-bottom: 44px;
}
.rm28-hero-grid {
grid-template-columns: 1fr;
gap: 22px;
}
.rm28-hero-img {
min-height: 280px;
max-height: 360px;
}
.rm28-flow-section {
padding-top: 52px;
padding-bottom: 52px;
}
.rm28-flow {
grid-column-gap: 10px;
grid-row-gap: 10px;
grid-template-columns: 1fr;
}
.rm28-flowitem {
min-height: 0;
}
.rm28-enquiry {
padding-top: 52px;
padding-bottom: 52px;
}
.rm28-formgrid {
grid-template-columns: 1fr;
gap: 30px;
}
.rm28-split {
grid-template-columns: 1fr;
}
.rm28-feature-grid {
grid-template-columns: 1fr;
gap: 28px;
}
.rm28-dark, .rm28-trust, .rm28-final {
padding-top: 52px;
padding-bottom: 52px;
}
.rm28-finalbox {
grid-template-columns: 1fr;
gap: 24px;
}
.cdx-shell {
padding-left: 20px;
padding-right: 20px;
}
.cdx-h1 {
font-size: 40px;
line-height: 1.04;
}
.cdx-hero-image {
height: 340px;
}
.cdx-h2 {
font-size: 32px;
}
.cdx-flow {
grid-row-gap: 10px;
grid-template-columns: 1fr;
}
.cdx-work-bottom {
grid-row-gap: 18px;
grid-template-columns: 1fr;
}
.cdx-split {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.cdx-wide-image {
height: 340px;
}
.cdx-mini-flow, .cdx-invoice-flow {
grid-row-gap: 8px;
grid-template-columns: 1fr;
}
.cdx-band-h2 {
font-size: 33px;
}
.cdx-record-grid {
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.cdx-cap-grid {
grid-template-columns: 1fr 1fr;
}
.cdx-proof-grid {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.cdx-reg-grid, .cdx-faq-grid {
grid-template-columns: 1fr;
}
.ag28-hero {
padding-top: 38px;
}
.ag28-hero-copy {
padding-bottom: 38px;
}
.ag28-h1 {
font-size: 38px;
}
.ag28-lead {
font-size: 18px;
}
.ag28-btn {
box-sizing: border-box;
text-align: center;
width: 100%;
}
.ag28-hero-img {
height: 280px;
}
.ag28-stats {
grid-template-columns: 1fr;
}
.ag28-stat {
border-bottom: 1px solid #e6edf2;
border-right-width: 0;
}
.ag28-section {
padding-top: 62px;
padding-bottom: 62px;
}
.ag28-h2 {
font-size: 32px;
}
.ag28-four {
grid-template-columns: 1fr;
}
.ag28-form-band {
padding-top: 58px;
padding-bottom: 58px;
}
.ag28-feature-img {
height: 230px;
}
.cdm-hero {
background-image: linear-gradient(90deg, #04213ef0 0%, #04213ecc 58%, #04213e7a 100%), url("https://s3.amazonaws.com/webflow-prod-assets/6a90596391b69e3266a9a734/6aa9643a79b88b8cd785d0b4_Tipper360_CandD_Hero_Wide.png");
background-size: cover;
grid-template-columns: 1fr;
min-height: 560px;
display: flex;
}
.cdm-hero-copy {
background-color: #04213e94;
width: 100%;
max-width: none;
min-height: 560px;
padding: 48px 22px 44px;
}
.cdm-hero-title {
font-size: 42px;
line-height: 1.02;
}
.cdm-hero-points {
grid-template-columns: 1fr;
}
.cdm-hero-media {
min-height: 330px;
}
.cdm-hero-img {
height: 330px;
min-height: 330px;
}
.cdm-workflow {
padding-bottom: 34px;
}
.cdm-shell {
padding-left: 22px;
padding-right: 22px;
}
.cdm-section-title {
font-size: 36px;
line-height: 1.06;
}
.cdm-steps {
grid-column-gap: 22px;
grid-row-gap: 26px;
grid-template-columns: 1fr 1fr;
}
.cdm-step-img {
height: 210px;
}
.cdm-lead-shell {
padding: 38px 22px;
}
.cdm-lead-grid {
grid-row-gap: 24px;
grid-template-columns: 1fr;
justify-content: stretch;
}
.cdm-lead-left {
padding: 24px 20px;
}
.cdm-lead-benefits {
padding: 22px;
}
.rm30-wrap {
padding-left: 22px;
padding-right: 22px;
}
.rm30-h1 {
font-size: 38px;
}
.rm30-section-white, .rm30-section-soft {
padding-top: 46px;
padding-bottom: 46px;
}
.rm30-section-dark {
padding-top: 42px;
padding-bottom: 42px;
}
.rm30-question-grid, .rm30-process-grid {
grid-template-columns: 1fr;
}
.rm30-six-grid, .rm30-benefit-grid {
grid-template-columns: 1fr 1fr;
}
.cdm-two {
grid-row-gap: 30px;
grid-template-columns: 1fr;
}
.cdm-checks-two {
grid-template-columns: 1fr;
}
.cdm-system-img {
height: 300px;
}
.cdm-invoice-grid {
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.cdm-process {
grid-row-gap: 10px;
grid-template-columns: 1fr;
}
.cdm-admin-grid {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.cdm-record-grid {
grid-column-gap: 28px;
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.cdm-dispute-grid {
grid-row-gap: 22px;
grid-template-columns: 1fr;
}
.cdm-cap-grid {
grid-template-columns: 1fr 1fr;
}
.cdm-proof-grid {
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.cdm-reg-grid, .cdm-quick-grid, .cdm-faq-grid {
grid-template-columns: 1fr;
}
.cdm-final {
padding-top: 60px;
padding-bottom: 60px;
}
.cdm-final-shell {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-columns: 1fr;
padding-left: 22px;
padding-right: 22px;
}
.cdm-final-title {
font-size: 36px;
line-height: 1.06;
}
.rm30-faq-grid {
grid-template-columns: 1fr;
gap: 0;
}
.rm30-feature-photo {
height: 220px;
}
.rm30-native-form {
grid-template-columns: 1fr;
}
.agf-wrap {
width: calc(100% - 32px);
padding-left: 18px;
padding-right: 18px;
}
.agf-h1 {
font-size: 44px;
line-height: 1.02;
}
.agf-h2 {
font-size: 30px;
}
.agf-lead {
font-size: 17px;
line-height: 1.5;
}
.agf-hero {
background-image: linear-gradient(90deg, #04213efa 0%, #04213ef0 55%, #04213ead 100%), url("https://s3.amazonaws.com/webflow-prod-assets/6a90596391b69e3266a9a734/6aad0f71dfd47b7e59f60c96_tipper360-aggregates-busy-quarry-operation.png");
min-height: 0;
}
.agf-hero-inner {
min-height: 0;
}
.agf-hero-copy {
width: 100%;
max-width: 100%;
min-height: 0;
margin-left: 0;
margin-right: 0;
padding: 52px 20px 48px;
}
.agf-actions {
flex-direction: column;
}
.agf-btn-primary, .agf-btn-wa, .agf-btn-dark {
box-sizing: border-box;
width: 100%;
}
.agf-proofgrid {
grid-template-columns: 1fr;
}
.agf-section {
padding-top: 44px;
padding-bottom: 44px;
}
.agf-problem {
padding-top: 52px;
padding-bottom: 58px;
}
.agf-three {
grid-row-gap: 32px;
grid-template-columns: 1fr;
}
.agf-problem-img {
height: 220px;
}
.agf-how {
padding-top: 56px;
padding-bottom: 60px;
}
.agf-four {
grid-template-columns: 1fr;
}
.agf-step-title {
min-height: 0;
padding-top: 22px;
font-size: 17px;
}
.agf-step-text {
min-height: 0;
padding-bottom: 24px;
}
.agf-demo {
padding-top: 52px;
padding-bottom: 52px;
}
.agf-demo-grid {
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.agf-demo-h2 {
font-size: 31px;
}
.agf-form-slot {
padding: 24px 20px;
}
.agf-system {
padding-top: 60px;
padding-bottom: 64px;
}
.agf-media-copy {
grid-template-rows: 220px auto;
grid-template-columns: 1fr;
}
.agf-system-img {
height: 220px;
min-height: 220px;
}
.agf-system-label {
margin-left: 0;
margin-right: 0;
}
.agf-checks {
columns: 1;
margin-left: 0;
margin-right: 0;
}
.agf-story {
grid-template-columns: 1fr;
padding: 24px 20px;
}
.agf-faq {
padding-top: 48px;
padding-bottom: 48px;
}
.agf-last-wrap {
padding-left: 18px;
padding-right: 18px;
}
.agf-last-h2 {
font-size: 31px;
}
.rm31-wrap {
width: 100%;
padding-left: 22px;
padding-right: 22px;
}
.rm31-hero-copy {
padding: 30px 20px 28px;
}
.rm31-h1 {
font-size: 34px;
line-height: 1.02;
}
.rm31-hero-proof {
font-size: 13px;
}
.rm31-challenge {
padding-top: 30px;
padding-bottom: 30px;
}
.rm31-question-grid {
grid-template-columns: 1fr 1fr;
}
.rm31-question {
min-height: 92px;
}
.rm31-process {
padding-top: 28px;
padding-bottom: 30px;
}
.rm31-process-grid {
grid-row-gap: 22px;
grid-template-columns: 1fr 1fr;
}
.rm31-step-img {
height: 110px;
}
.rm31-form-bg {
padding-top: 34px;
padding-bottom: 34px;
}
.rm31-form-card {
grid-row-gap: 18px;
grid-template-columns: 1fr;
padding: 22px;
}
.rm31-form-title {
font-size: 28px;
}
.rm31-driver-office {
padding-top: 34px;
padding-bottom: 34px;
}
.rm31-do-grid {
grid-template-columns: 1fr;
}
.rm31-do-body {
grid-row-gap: 16px;
grid-template-columns: 1fr;
}
.rm31-phone-img {
width: 100%;
height: 320px;
}
.rm31-office-grid {
grid-template-columns: 1fr;
}
.rm31-capabilities {
padding-top: 24px;
padding-bottom: 26px;
}
.rm31-cap-grid {
grid-template-columns: 1fr 1fr;
}
.rm31-cap {
min-height: 110px;
padding: 14px;
}
.rm31-waterwait-grid {
grid-template-columns: 1fr;
}
.rm31-feature-copy {
padding: 28px 24px;
}
.rm31-feature-title {
font-size: 22px;
}
.rm31-integration {
padding-top: 28px;
padding-bottom: 28px;
}
.rm31-integration-grid {
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.rm31-benefit-grid {
grid-template-columns: 1fr;
}
.rm31-benefit {
min-height: 0;
}
.rm31-trust {
grid-template-columns: 1fr;
}
.rm31-trust-img {
height: 220px;
}
.rm31-trust-copy {
padding: 24px 20px;
}
.rm31-trust-stats {
grid-column-gap: 8px;
grid-template-columns: repeat(3, 1fr);
}
.rm31-trust-stat {
font-size: 16px;
}
.rm31-faq-title {
font-size: 20px;
}
.rm31-faq-grid {
grid-template-columns: 1fr;
}
.rm31-final {
padding-top: 24px;
padding-bottom: 24px;
}
.rm31-final-grid {
grid-row-gap: 18px;
grid-template-columns: 1fr;
}
.rm31-final-title {
font-size: 26px;
}
.rm31-final-actions {
flex-direction: column;
align-items: stretch;
width: 100%;
display: flex;
}
.rm31-native-form {
grid-template-columns: 1fr;
row-gap: 5px;
}
.rm31-native-submit {
grid-area: 9 / 1;
}
.rm31-native-note {
grid-area: 10 / 1;
}
.ap31-wrap {
width: auto;
padding-left: 22px;
padding-right: 22px;
}
.ap31-section, .ap31-section-grey, .ap31-section-green, .ap31-section-navy, .ap31-section-history {
padding: 58px 0;
}
.ap31-title {
font-size: 36px;
line-height: 1.06;
}
.ap31-title.ap31-bridge-title {
font-size: 34px;
}
.ap31-title-light {
font-size: 33px;
}
.ap31-hero {
align-items: flex-end;
min-height: 640px;
padding: 62px 0 52px;
}
.ap31-hero-img {
object-position: 58%center;
}
.ap31-hero-shade {
background-image: linear-gradient(#051c3661 0%, #051c36e0 50%, #051c36fa 100%);
}
.ap31-hero-title {
font-size: 42px;
line-height: 1.02;
}
.ap31-benefit-grid, .ap31-steps, .ap31-role-grid, .ap31-record-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ap31-case-img {
height: 330px;
}
.ap31-change-grid, .ap31-history-facts {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ap31-history-img {
height: 320px;
}
.ap31-faq-grid {
grid-template-rows: auto;
grid-template-columns: 1fr;
margin-top: 24px;
}
.ap31-faq-q {
font-size: 18px;
}
.rm31-faq-question {
font-size: 13px;
}
.rm31-fl1 {
grid-area: 1 / 1;
}
.rm31-fi1 {
grid-area: 2 / 1;
}
.rm31-fl2 {
grid-area: 3 / 1;
}
.rm31-fi2 {
grid-area: 4 / 1;
}
.rm31-fl3 {
grid-area: 5 / 1;
}
.rm31-fi3 {
grid-area: 6 / 1;
}
.rm31-fl4 {
grid-area: 7 / 1;
}
.rm31-fi4, .rm31-fi4._w-input {
grid-area: 8 / 1;
}
.cdm-v3-outcomes {
padding: 58px 22px;
}
.cdm-v3-intro {
grid-row-gap: 18px;
grid-template-columns: 1fr;
column-gap: 0;
}
.cdm-v3-title {
font-size: 34px;
}
.cdm-v3-grid {
grid-template-columns: 1fr;
}
.cdm-v3-existing {
padding-left: 22px;
padding-right: 22px;
}
.cdm-v3-existing-inner {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.cdm-v3-day {
padding-left: 22px;
padding-right: 22px;
}
.cdm-v3-day-inner {
grid-template-columns: 1fr;
}
.cdm-form-reassurance {
grid-row-gap: 8px;
grid-template-columns: 1fr;
}
.t360sys-photo-pair {
grid-template-columns: 1fr;
}
.t360sys-photo-pair-img {
object-fit: contain;
height: auto;
}
.t360-proof-cards {
padding-top: 52px;
padding-bottom: 52px;
}
.t360-proof-cards__title {
margin-bottom: 28px;
font-size: 34px;
}
.t360-proof-cards__card {
border-bottom: 1px solid #7ec7e540;
border-right-width: 0;
padding: 22px 0;
}
.t360-proof-cards__metric {
font-size: 40px;
}
.t360-proof-cards__heading {
font-size: 36px;
}
.cdm-owner {
padding-top: 44px;
padding-bottom: 44px;
}
.cdm-owner-grid {
grid-row-gap: 28px;
grid-template-columns: 1fr;
}
.cdm-owner-media {
min-height: 280px;
}
.t360-loads-question {
padding: 52px 20px;
}
.t360-loads-question-title {
letter-spacing: -.8px;
font-size: 34px;
}
.t360-loads-question-intro {
font-size: 17px;
}
.t360-loads-question-item {
font-size: 16px;
}
.t360-proof-cards__movement {
margin-top: 30px;
margin-left: 0;
padding: 20px;
font-size: 18px;
}
.cdm-owner-image {
border-radius: 6px;
height: 300px;
margin-bottom: 0;
}
.t360-proofstories-v2-title {
font-size: 34px;
line-height: 1.08;
}
.t360-proofstories-v2-feature {
grid-template-columns: 1fr;
}
.t360-proofstories-v2-imagewrap {
min-height: 230px;
}
.t360-proofstories-v2-copy {
padding: 28px 24px;
}
.t360-proofstories-v2-h3 {
font-size: 26px;
}
.t360-proofstories-v2-secondary {
display: block;
}
.cdm-docket-process {
grid-row-gap: 8px;
grid-template-columns: 1fr;
gap: 8px;
display: grid;
}
.agf-system-copy {
padding-bottom: 28px;
padding-left: 24px;
padding-right: 24px;
}
.cdm-docket-title {
font-size: 28px;
}
.agf-section-intro {
margin-bottom: 28px;
font-size: 17px;
}
.agf-faq-title {
margin-bottom: 24px;
font-size: 34px;
}
.agf-stories-title {
margin-bottom: 26px;
font-size: 34px;
}
.agf-cap-grid {
grid-template-columns: 1fr;
column-gap: 0;
}
.agf-retrieval {
padding-top: 58px;
padding-bottom: 62px;
}
.agf-retrieval-grid {
grid-template-columns: 1fr;
gap: 24px;
}
.agf-maturity {
padding-top: 58px;
padding-bottom: 62px;
}
.agf-maturity-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.agf-job-choice {
grid-template-columns: 1fr;
gap: 20px;
padding: 22px 20px;
}
.agf-bulk-callout {
margin-top: 34px;
padding: 26px 22px;
}
.agf-cap-photo {
height: 240px;
margin-top: 26px;
margin-bottom: 28px;
}
.agf-retrieval-photo {
height: 250px;
margin-top: 24px;
margin-bottom: 30px;
}
.rm50-hero {
min-height: 560px;
}
.rm50-hero-copy {
width: 100%;
max-width: none;
min-height: 560px;
padding: 48px 22px 44px;
}
.rm50-hero-title {
font-size: 42px;
line-height: 1.02;
}
.cdm-driveroffice-grid {
padding-left: 20px;
padding-right: 20px;
}
.cdm-driveroffice-image {
height: 290px;
max-height: 290px;
}
.rm50-hero-overlay {
background-image: linear-gradient(90deg, #04213ef0 0%, #04213ecc 58%, #04213e7a 100%);
}
.cdm-driveroffice-photo-frame-v2 {
height: 290px;
max-height: 290px;
}
.hiw101-hero {
padding-top: 42px;
padding-bottom: 42px;
}
.hiw101-hero-img {
height: 260px;
}
.hiw101-h1 {
font-size: 38px;
}
.hiw101-journey-flow {
border-top: 0;
grid-template-columns: 1fr;
row-gap: 0;
}
.hiw101-journey-step {
border-top: 2px solid #20a9d6;
border-right: 0;
padding-top: 16px;
padding-bottom: 16px;
}
.hiw101-driver-grid, .hiw101-driver-benefits {
grid-template-columns: 1fr;
}
.hiw102-wrap {
padding-left: 20px;
padding-right: 20px;
}
.hiw102-h2, .hiw102-h2-light {
font-size: 31px;
}
.hiw102-img {
height: 260px;
}
.hiw102-links {
grid-template-columns: 1fr;
}
.hiw103-photo {
height: 220px;
}
.hiw103-complete-img {
height: 280px;
}
.hiw103-stripflow {
line-height: 2;
display: block;
}
.hiw103-proofgrid {
grid-template-columns: 1fr;
gap: 20px;
}
.hiw104-node-title {
font-size: 20px;
}
.hiw104-system-payoff {
text-align: left;
font-size: 16px;
}
.ap31-uk-dwt {
margin-top: 26px;
padding-top: 24px;
}
.ap31-dwt-timeline {
grid-template-columns: 1fr;
}
.hiw105-section {
padding-top: 52px;
padding-bottom: 52px;
}
.hiw105-wrap {
width: calc(100% - 32px);
}
.hiw105-lead {
margin-bottom: 30px;
font-size: 17px;
}
.hiw105-title {
font-size: 26px;
}
.hiw105-copy {
font-size: 16px;
}
.hiw105-band-title {
font-size: 24px;
}
.hiw106-section {
padding-top: 44px;
padding-bottom: 40px;
}
.hiw106-wrap {
width: calc(100% - 32px);
}
.hiw106-lead {
margin-bottom: 28px;
font-size: 17px;
}
.hiw106-card {
grid-template-columns: 32px 1fr;
gap: 10px;
padding: 18px 0;
}
.hiw106-icon {
width: 28px;
height: 28px;
font-size: 15px;
}
.hiw106-card-title {
font-size: 20px;
}
.rm50-realjobs-inner {
grid-row-gap: 12px;
grid-template-columns: 1fr;
}
.cdm-change-day {
padding: 38px 20px 42px;
}
.cdm-change-day-title {
font-size: 32px;
}
.rm50-start-routes {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.hiw108-col-title {
font-size: 23px;
}
.hiw108-step-text {
font-size: 15px;
}
.hiw105-image, .hiw106-image {
height: 230px;
}
.t360-hiw-journey-v2-wrap {
width: calc(100% - 32px);
}
.t360-hiw-journey-v2-h2 {
font-size: 36px;
}
.t360-hiw-journey-v2-image {
height: 230px;
}
.jv2-wrap {
width: calc(100% - 32px);
}
.jv2-h2 {
font-size: 36px;
}
.jv2-img {
height: 230px;
}
.simplejob-wrap {
width: calc(100% - 32px);
}
.simplejob-h2 {
margin-bottom: 28px;
font-size: 35px;
}
.simplejob-title {
font-size: 24px;
}
.lower-pod-h {
font-size: 32px;
}
.lower-evidence-h {
font-size: 30px;
}
.lower-work-h {
font-size: 32px;
}
.lower-sector-grid {
grid-template-columns: 1fr;
}
.muck-dwt-help {
padding-top: 44px;
padding-bottom: 44px;
}
.muck-dwt-help-point {
padding: 16px;
}
.muck-dwt-help-media {
order: -1;
}
.hiw-four-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.hp-latest {
padding-top: 48px;
padding-bottom: 48px;
}
.hp-latest-head {
display: block;
}
.hp-latest-view {
margin-top: 12px;
display: inline-block;
}
.hp-latest-list {
grid-template-columns: 1fr;
}
.muck-dwt-handoff {
margin-top: 26px;
padding: 20px;
}
.muck-dwt-handoff-title {
font-size: 23px;
}
.t360-proofstories-v2-moy-copy {
padding: 26px 24px;
}
.t360-proofstories-v2-moy-title {
font-size: 23px;
}
.planings-dwt-proof {
padding-top: 44px;
padding-bottom: 44px;
}
.planings-dwt-proof-stats {
grid-row-gap: 12px;
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 479px) {
.th7-section.hp-proof-confidence.hp-rhythm-proof {
padding-top: 54px;
padding-bottom: 58px;
}
.th7-kicker.hp-proof-confidence-kicker {
width: 100%;
max-width: 100%;
min-height: 0;
padding: 24px 22px;
}
.th7-kicker.hp-proof-confidence-kicker.hp-proof-anchor-type {
font-size: 30px;
line-height: 1.08;
}
.th7-h2.hp-proof-confidence-title {
font-size: 27px;
line-height: 1.16;
}
.th7-intro.th7-centred-copy.hp-proof-confidence-intro {
font-size: 16px;
line-height: 1.55;
}
.th7-stat-big.hp-proof-confidence-big {
font-size: 20px;
line-height: 1.22;
}
.hp-proof-body {
font-size: 15px;
line-height: 1.5;
}
.sech2, .case2-h2, .moy2-h2 {
font-size: 30px;
line-height: 1.14;
}
.dhero-approved {
border-bottom-right-radius: 24px;
border-bottom-left-radius: 24px;
min-height: 700px;
}
.dhero-content {
padding: 30px 18px 245px;
}
.dhero-title {
font-size: 34px;
}
.drfix-h2 {
font-size: 26px;
}
.drfix-ctah {
font-size: 27px;
}
.t360pb-title {
font-size: 34px;
}
.t360pb-grid {
grid-template-columns: 1fr;
}
.t360-proof-v3__kicker-line {
width: 44px;
}
.t360-proof-v3__title {
font-size: 31px;
}
.t360-proof-final__kicker-line {
width: 44px;
}
.t360-proof-final__title {
font-size: 31px;
}
.t360sys-title {
font-size: 30px;
}
.t360-benefits-final-title {
font-size: 32px;
}
.t360-benefits-final-grid {
grid-row-gap: 20px;
grid-template-columns: 1fr;
}
.cd27-wrap {
padding-left: 18px;
padding-right: 18px;
}
.cd27-two {
grid-row-gap: 26px;
grid-template-columns: 1fr;
}
.cd27-h1 {
font-size: 36px;
line-height: 1.05;
}
.cd27-h2 {
font-size: 29px;
line-height: 1.1;
}
.cd27-img {
height: 300px;
}
.cd27-hero-img {
height: 320px;
}
.cd27-flow, .cd27-formgrid {
grid-template-columns: 1fr;
}
.cd27-form {
grid-template-columns: 1fr;
padding: 18px;
}
.cd27-stats, .cd27-reg {
grid-template-columns: 1fr;
}
.rm28-h1 {
font-size: 36px;
}
.rm28-h2 {
font-size: 29px;
}
.rm28-hero-img {
min-height: 240px;
max-height: 320px;
}
.cdx-proof-card {
grid-template-columns: 1fr;
}
.cdm-section-title {
font-size: 31px;
}
.rm30-h1 {
font-size: 34px;
}
.rm30-six-grid, .rm30-benefit-grid {
grid-template-columns: 1fr;
}
.cdm-final-title {
font-size: 31px;
}
.rm31-process-grid {
grid-row-gap: 24px;
grid-template-columns: 1fr;
}
.rm31-form-bg {
padding-top: 30px;
padding-bottom: 30px;
}
.rm31-form-right {
padding: 20px 18px;
}
.rm31-feature-copy {
padding: 24px 20px;
}
.rm31-integration-flow {
grid-row-gap: 14px;
grid-template-columns: 1fr;
}
.rm31-trust-title {
font-size: 32px;
}
.rm31-trust-stats {
grid-row-gap: 18px;
grid-template-columns: 1fr;
margin-top: 28px;
}
.rm31-faq-title {
font-size: 25px;
line-height: 1.15;
}
.rm31-final-title {
font-size: 31px;
line-height: 1.1;
}
.ap31-wrap {
width: auto;
padding-left: 18px;
padding-right: 18px;
}
.ap31-title {
font-size: 31px;
}
.ap31-title-light {
font-size: 30px;
}
.ap31-hero-title {
font-size: 36px;
}
.ap31-hero-lead {
font-size: 17px;
}
.ap31-btn-yellow, .ap31-btn-outline {
width: 100%;
}
.ap31-form-card {
padding: 24px 18px;
}
.ap31-stats {
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.ap31-reg-points {
padding-left: 18px;
padding-right: 18px;
}
.ap31-evidence-card {
padding: 24px 18px;
}
.ap31-evidence-row {
grid-column-gap: 4px;
grid-row-gap: 4px;
grid-template-rows: auto;
grid-template-columns: 1fr;
}
.cdm-form-reassurance {
grid-row-gap: 8px;
grid-template-columns: 1fr;
}
.t360-proof-cards__title {
margin-bottom: 24px;
font-size: 30px;
}
.t360-proof-cards__metric, .t360-proof-cards__heading {
font-size: 28px;
}
.t360-loads-question-title {
font-size: 31px;
}
.t360-proofstories-v2-title {
font-size: 32px;
}
.t360-proofstories-v2-feature {
grid-template-columns: 1fr;
}
.t360-proofstories-v2-imagewrap {
min-height: 210px;
}
.t360-proofstories-v2-copy {
padding: 24px 20px;
}
.rm32-shell {
padding-left: 20px;
padding-right: 20px;
}
.rm32-section {
padding-top: 46px;
padding-bottom: 46px;
}
.rm32-h2 {
margin-bottom: 20px;
font-size: 34px;
line-height: 1.08;
}
.rm32-story-img {
height: 280px;
min-height: 280px;
}
.rm32-story-copy {
padding: 40px 20px;
}
.rm32-story-title {
font-size: 34px;
line-height: 1.08;
}
.rm32-office-img {
height: 280px;
min-height: 280px;
}
.rm32-office-copy {
padding: 38px 20px;
}
.rm40-wrap {
padding-left: 20px;
padding-right: 20px;
}
.rm40-title {
font-size: 31px;
line-height: 1.08;
}
.rm40-title-small {
font-size: 31px;
}
.rm40-steps {
grid-template-columns: 1fr;
}
.rm40-title-light {
font-size: 31px;
line-height: 1.08;
}
.rm40-questions {
grid-template-columns: 1fr;
}
.rm40-early {
padding-left: 20px;
padding-right: 20px;
}
.rm40-site-img {
height: 300px;
min-height: 300px;
}
.rm40-site-copy {
padding: 46px 20px;
}
.rm40-outcome-grid {
grid-template-columns: 1fr;
}
.rm40-people-copy {
padding: 48px 20px;
}
.rm40-office-img {
height: 300px;
min-height: 300px;
}
.rm40-office-questions {
grid-template-columns: 1fr;
}
.rm40-support, .rm50-shell {
padding-left: 20px;
padding-right: 20px;
}
.rm50-h2 {
font-size: 31px;
}
.rm50-steps, .rm50-questions {
grid-template-columns: 1fr;
}
.rm50-photo {
height: 300px;
}
.rm50-outcome-grid {
grid-template-columns: 1fr;
}
.rm50-support {
padding-top: 28px;
padding-bottom: 30px;
}
.rm50-support-title {
font-size: 24px;
}
.rm50-hero-title {
font-size: 36px;
line-height: 1.04;
}
.rm50-hero-proof {
grid-template-columns: 1fr 1fr;
}
.rm50-hero-overlay {
background-image: linear-gradient(90deg, #04213ef0 0%, #04213ed1 62%, #04213e9e 100%);
}
.rm50-hero-image {
object-position: 66% center;
}
.rm50-water-image {
height: 300px;
}
.rm50-signature {
padding-top: 48px;
padding-bottom: 48px;
}
.rm50-event-flow {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-wrap: wrap;
}
.rm50-existing {
padding-top: 36px;
padding-bottom: 36px;
}
.rm50-existing-title {
font-size: 27px;
}
.rm50-officeops {
padding-top: 46px;
padding-bottom: 46px;
}
.rm50-officeops-title {
font-size: 30px;
}
.rm50-officeops-point {
grid-row-gap: 6px;
grid-template-columns: 1fr;
}
.t360sys-depth {
gap: 20px;
margin-top: 28px;
padding-top: 24px;
padding-bottom: 14px;
}
.t360sys-depthline {
padding-left: 8px;
padding-right: 8px;
font-size: 15px;
line-height: 1.8;
}
.t360sys-depthlink {
text-align: center;
width: 100%;
min-width: 0;
padding-top: 14px;
padding-bottom: 14px;
font-size: 15px;
}
.rm50-realjobs {
padding-top: 24px;
padding-bottom: 24px;
}
.t360sys-capchips {
gap: 8px;
}
.t360sys-capchip {
padding: 2px 3px;
font-size: 13px;
}
.rm50-connect {
padding: 42px 0;
}
.rm50-connect-title {
font-size: 36px;
}
.rm50-connect-image {
height: 230px;
}
.rm50-connect-copy {
padding: 20px;
}
.rm50-connect-points, .rm50-connect-payoff {
font-size: 18px;
}
}