html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif;
}
body {
margin: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
audio, canvas, progress, video {
vertical-align: baseline;
display: inline-block;
}
audio:not([controls]) {
height: 0;
display: none;
}
[hidden], template {
display: none;
}
a {
background-color: #0000;
}
a:active, a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b, strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub, sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code, kbd, pre, samp {
font-family: monospace;
font-size: 1em;
}
button, input, optgroup, select, textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button, select {
text-transform: none;
}
button, html input[type="button"], input[type="reset"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled], html input[disabled] {
cursor: default;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"], input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td, th {
padding: 0;
}
@font-face {
font-family: webflow-icons;
src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==") format("truetype");
font-weight: normal;
font-style: normal;
}
[class^="w-icon-"], [class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: normal;
line-height: 1;
font-family: webflow-icons !important;
}
.w-icon-slider-right:before {
content: "";
}
.w-icon-slider-left:before {
content: "";
}
.w-icon-nav-menu:before {
content: "";
}
.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
content: "";
}
.w-icon-file-upload-remove:before {
content: "";
}
.w-icon-file-upload-icon:before {
content: "";
}
* {
box-sizing: border-box;
}
html {
height: 100%;
}
body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px;
}
img {
vertical-align: middle;
max-width: 100%;
display: inline-block;
}
html.w-mod-touch * {
background-attachment: scroll !important;
}
.w-block {
display: block;
}
.w-inline-block {
max-width: 100%;
display: inline-block;
}
.w-clearfix:before, .w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-clearfix:after {
clear: both;
}
.w-hidden {
display: none;
}
.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block;
}
input.w-button {
-webkit-appearance: button;
}
html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important;
}
.w-code-block {
margin: unset;
}
pre.w-code-block code {
all: inherit;
}
.w-optimization {
display: contents;
}
.w-webflow-badge, .w-webflow-badge > img {
box-sizing: unset;
width: unset;
height: unset;
max-height: unset;
max-width: unset;
min-height: unset;
min-width: unset;
margin: unset;
padding: unset;
float: unset;
clear: unset;
border: unset;
border-radius: unset;
background: unset;
background-image: unset;
background-position: unset;
background-size: unset;
background-repeat: unset;
background-origin: unset;
background-clip: unset;
background-attachment: unset;
background-color: unset;
box-shadow: unset;
transform: unset;
direction: unset;
font-family: unset;
font-weight: unset;
color: unset;
font-size: unset;
line-height: unset;
font-style: unset;
font-variant: unset;
text-align: unset;
letter-spacing: unset;
-webkit-text-decoration: unset;
text-decoration: unset;
text-indent: unset;
text-transform: unset;
list-style-type: unset;
text-shadow: unset;
vertical-align: unset;
cursor: unset;
white-space: unset;
word-break: unset;
word-spacing: unset;
word-wrap: unset;
transition: unset;
}
.w-webflow-badge {
white-space: nowrap;
cursor: pointer;
box-shadow: 0 0 0 1px #0000001a, 0 1px 3px #0000001a;
visibility: visible !important;
opacity: 1 !important;
z-index: 2147483647 !important;
color: #aaadb0 !important;
overflow: unset !important;
background-color: #fff !important;
border-radius: 3px !important;
width: auto !important;
height: auto !important;
margin: 0 !important;
padding: 6px !important;
font-size: 12px !important;
line-height: 14px !important;
text-decoration: none !important;
display: inline-block !important;
position: fixed !important;
inset: auto 12px 12px auto !important;
transform: none !important;
}
.w-webflow-badge > img {
position: unset;
visibility: unset !important;
opacity: 1 !important;
vertical-align: middle !important;
display: inline-block !important;
}
h1, h2, h3, h4, h5, h6 {
margin-bottom: 10px;
font-weight: bold;
}
h1 {
margin-top: 20px;
font-size: 38px;
line-height: 44px;
}
h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
}
h3 {
margin-top: 20px;
font-size: 24px;
line-height: 30px;
}
h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}
h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}
h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px;
}
p {
margin-top: 0;
margin-bottom: 10px;
}
blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px;
}
figure {
margin: 0 0 10px;
}
figcaption {
text-align: center;
margin-top: 5px;
}
ul, ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
}
.w-list-unstyled {
padding-left: 0;
list-style: none;
}
.w-embed:before, .w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-embed:after {
clear: both;
}
.w-video {
width: 100%;
padding: 0;
position: relative;
}
.w-video iframe, .w-video object, .w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button, [type="button"], [type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0;
}
.w-form {
margin: 0 0 15px;
}
.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none;
}
.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none;
}
label {
margin-bottom: 5px;
font-weight: bold;
display: block;
}
.w-input, .w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block;
}
.w-input::placeholder, .w-select::placeholder {
color: #999;
}
.w-input:focus, .w-select:focus {
border-color: #3898ec;
outline: 0;
}
.w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
cursor: not-allowed;
}
.w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee;
}
textarea.w-input, textarea.w-select {
height: auto;
}
.w-select {
background-color: #f3f3f3;
}
.w-select[multiple] {
height: auto;
}
.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: normal;
display: inline-block;
}
.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-radio:before, .w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-radio:after {
clear: both;
}
.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal;
}
.w-file-upload {
margin-bottom: 10px;
display: block;
}
.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden;
}
.w-file-upload-default, .w-file-upload-uploading, .w-file-upload-success {
color: #333;
display: inline-block;
}
.w-file-upload-error {
margin-top: 10px;
display: block;
}
.w-file-upload-default.w-hidden, .w-file-upload-uploading.w-hidden, .w-file-upload-error.w-hidden, .w-file-upload-success.w-hidden {
display: none;
}
.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: flex;
}
.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex;
}
.w-file-upload-file-name {
font-size: 14px;
font-weight: normal;
display: block;
}
.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block;
}
.w-icon-file-upload-remove {
margin: auto;
font-size: 10px;
}
.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block;
}
.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block;
}
.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: normal;
display: inline-block;
}
.w-icon-file-upload-icon, .w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block;
}
.w-icon-file-upload-uploading {
height: 20px;
}
.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.w-container:before, .w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-container:after {
clear: both;
}
.w-container .w-row {
margin-left: -10px;
margin-right: -10px;
}
.w-row:before, .w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-row:after {
clear: both;
}
.w-row .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative;
}
.w-col .w-col {
padding-left: 0;
padding-right: 0;
}
.w-col-1 {
width: 8.33333%;
}
.w-col-2 {
width: 16.6667%;
}
.w-col-3 {
width: 25%;
}
.w-col-4 {
width: 33.3333%;
}
.w-col-5 {
width: 41.6667%;
}
.w-col-6 {
width: 50%;
}
.w-col-7 {
width: 58.3333%;
}
.w-col-8 {
width: 66.6667%;
}
.w-col-9 {
width: 75%;
}
.w-col-10 {
width: 83.3333%;
}
.w-col-11 {
width: 91.6667%;
}
.w-col-12 {
width: 100%;
}
.w-hidden-main {
display: none !important;
}
@media screen and (max-width: 991px) {
.w-container {
max-width: 728px;
}
.w-hidden-main {
display: inherit !important;
}
.w-hidden-medium {
display: none !important;
}
.w-col-medium-1 {
width: 8.33333%;
}
.w-col-medium-2 {
width: 16.6667%;
}
.w-col-medium-3 {
width: 25%;
}
.w-col-medium-4 {
width: 33.3333%;
}
.w-col-medium-5 {
width: 41.6667%;
}
.w-col-medium-6 {
width: 50%;
}
.w-col-medium-7 {
width: 58.3333%;
}
.w-col-medium-8 {
width: 66.6667%;
}
.w-col-medium-9 {
width: 75%;
}
.w-col-medium-10 {
width: 83.3333%;
}
.w-col-medium-11 {
width: 91.6667%;
}
.w-col-medium-12 {
width: 100%;
}
.w-col-stack {
width: 100%;
left: auto;
right: auto;
}
}
@media screen and (max-width: 767px) {
.w-hidden-main, .w-hidden-medium {
display: inherit !important;
}
.w-hidden-small {
display: none !important;
}
.w-row, .w-container .w-row {
margin-left: 0;
margin-right: 0;
}
.w-col {
width: 100%;
left: auto;
right: auto;
}
.w-col-small-1 {
width: 8.33333%;
}
.w-col-small-2 {
width: 16.6667%;
}
.w-col-small-3 {
width: 25%;
}
.w-col-small-4 {
width: 33.3333%;
}
.w-col-small-5 {
width: 41.6667%;
}
.w-col-small-6 {
width: 50%;
}
.w-col-small-7 {
width: 58.3333%;
}
.w-col-small-8 {
width: 66.6667%;
}
.w-col-small-9 {
width: 75%;
}
.w-col-small-10 {
width: 83.3333%;
}
.w-col-small-11 {
width: 91.6667%;
}
.w-col-small-12 {
width: 100%;
}
}
@media screen and (max-width: 479px) {
.w-container {
max-width: none;
}
.w-hidden-main, .w-hidden-medium, .w-hidden-small {
display: inherit !important;
}
.w-hidden-tiny {
display: none !important;
}
.w-col {
width: 100%;
}
.w-col-tiny-1 {
width: 8.33333%;
}
.w-col-tiny-2 {
width: 16.6667%;
}
.w-col-tiny-3 {
width: 25%;
}
.w-col-tiny-4 {
width: 33.3333%;
}
.w-col-tiny-5 {
width: 41.6667%;
}
.w-col-tiny-6 {
width: 50%;
}
.w-col-tiny-7 {
width: 58.3333%;
}
.w-col-tiny-8 {
width: 66.6667%;
}
.w-col-tiny-9 {
width: 75%;
}
.w-col-tiny-10 {
width: 83.3333%;
}
.w-col-tiny-11 {
width: 91.6667%;
}
.w-col-tiny-12 {
width: 100%;
}
}
.w-widget {
position: relative;
}
.w-widget-map {
width: 100%;
height: 400px;
}
.w-widget-map label {
width: auto;
display: inline;
}
.w-widget-map img {
max-width: inherit;
}
.w-widget-map .gm-style-iw {
text-align: center;
}
.w-widget-map .gm-style-iw > button {
display: none !important;
}
.w-widget-twitter {
overflow: hidden;
}
.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative;
}
.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: serif;
font-size: 15px;
line-height: 12px;
position: relative;
}
.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative;
}
.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px;
}
.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px;
}
.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px;
}
.w-widget-twitter-count-shim:not(.w--vertical):before, .w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0;
}
.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #75869600 #5d6c7b #75869600 #75869600;
margin-top: -4px;
margin-left: -9px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px;
}
.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px;
}
.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px;
}
.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px;
}
.w-widget-twitter-count-shim.w--vertical:before, .w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%;
}
.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #75869600 #75869600;
margin-left: -5px;
}
.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px;
}
.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px;
}
.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px;
}
.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden;
}
.w-background-video > video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%;
}
.w-background-video > video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important;
}
.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em;
}
.w-background-video--control > [hidden] {
display: none !important;
}
.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative;
}
.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden;
}
.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative;
}
.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0;
}
.w-slider-nav.w-round > div {
border-radius: 100%;
}
.w-slider-nav.w-num > div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em;
}
.w-slider-nav.w-shadow > div {
box-shadow: 0 0 3px #3336;
}
.w-slider-nav-invert {
color: #fff;
}
.w-slider-nav-invert > div {
background-color: #2226;
}
.w-slider-nav-invert > div.w-active {
background-color: #222;
}
.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative;
}
.w-slider-dot.w-active {
background-color: #fff;
}
.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff;
}
.w-slider-dot:focus.w-active {
box-shadow: none;
}
.w-slider-arrow-left, .w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden;
}
.w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
position: absolute;
}
.w-slider-arrow-left:focus, .w-slider-arrow-right:focus {
outline: 0;
}
.w-slider-arrow-left {
z-index: 3;
right: auto;
}
.w-slider-arrow-right {
z-index: 4;
left: auto;
}
.w-icon-slider-left, .w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0;
}
.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.w-slider-force-show {
display: block !important;
}
.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative;
}
.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative;
}
.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block;
}
.w-dropdown-toggle:focus {
outline: 0;
}
.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
}
.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute;
}
.w-dropdown-list.w--open {
display: block;
}
.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block;
}
.w-dropdown-link.w--current {
color: #0082f3;
}
.w-dropdown-link:focus {
outline: 0;
}
@media screen and (max-width: 767px) {
.w-nav-brand {
padding-left: 10px;
}
}
.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: transparent;
background: #000000e6;
outline: 0;
font-family: Helvetica Neue, Helvetica, Ubuntu, Segoe UI, Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0);
}
.w-lightbox-backdrop, .w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto;
}
.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden;
}
.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute;
}
.w-lightbox-view:before {
content: "";
height: 100vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 86vh;
}
.w-lightbox-frame, .w-lightbox-view:before {
vertical-align: middle;
display: inline-block;
}
.w-lightbox-figure {
margin: 0;
position: relative;
}
.w-lightbox-group .w-lightbox-figure {
cursor: pointer;
}
.w-lightbox-img {
width: auto;
max-width: none;
height: auto;
}
.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block;
}
.w-lightbox-group .w-lightbox-image {
max-height: 86vh;
}
.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
}
.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0;
}
.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0;
}
.w-lightbox-left {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==");
display: none;
bottom: 0;
left: 0;
}
.w-lightbox-right {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+");
display: none;
bottom: 0;
right: 0;
}
.w-lightbox-close {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=");
background-size: 18px;
height: 2.6em;
right: 0;
}
.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden;
}
.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
}
.w-lightbox-active {
opacity: .3;
}
.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden;
}
.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0;
}
.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%);
}
.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%);
}
.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%;
}
.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px;
}
.w-lightbox-hide {
display: none;
}
.w-lightbox-noscroll {
overflow: hidden;
}
@media (min-width: 768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh;
}
.w-lightbox-view, .w-lightbox-view:before {
height: 96vh;
}
.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
height: 84vh;
}
.w-lightbox-image {
max-width: 96vw;
max-height: 96vh;
}
.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh;
}
.w-lightbox-left, .w-lightbox-right {
opacity: .5;
display: block;
}
.w-lightbox-close {
opacity: .8;
}
.w-lightbox-control:hover {
opacity: 1;
}
}
.w-lightbox-inactive, .w-lightbox-inactive:hover {
opacity: 0;
}
.w-richtext:before, .w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-richtext:after {
clear: both;
}
.w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after {
white-space: initial;
}
.w-richtext ol, .w-richtext ul {
overflow: hidden;
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after, .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7;
}
.w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after {
content: "";
display: none;
position: absolute;
inset: 0;
}
.w-richtext figure {
max-width: 60%;
position: relative;
}
.w-richtext figure > div:before {
cursor: default !important;
}
.w-richtext figure img {
width: 100%;
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6;
}
.w-richtext figure div {
color: #0000;
font-size: 0;
}
.w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] {
display: table;
}
.w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div {
display: inline-block;
}
.w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption {
caption-side: bottom;
display: table-caption;
}
.w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0;
}
.w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div {
width: 100%;
}
.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto;
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div {
max-width: 100%;
}
.w-richtext figure.w-richtext-align-normal {
clear: both;
}
.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.w-richtext figure.w-richtext-align-fullwidth > div {
padding-bottom: inherit;
display: inline-block;
}
.w-richtext figure.w-richtext-align-fullwidth > figcaption {
display: block;
}
.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px;
}
.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px;
}
.w-nav {
z-index: 1000;
background: #ddd;
position: relative;
}
.w-nav:before, .w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-nav:after {
clear: both;
}
.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative;
}
.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-nav-link.w--current {
color: #0082f3;
}
.w-nav-menu {
float: right;
position: relative;
}
[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important;
}
.w--nav-link-open {
display: block;
position: relative;
}
.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden;
}
.w-nav-overlay [data-nav-menu-open] {
top: 0;
}
.w-nav[data-animation="over-left"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] [data-nav-menu-open] {
z-index: 1;
top: 0;
right: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay {
width: auto;
}
.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto;
}
.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative;
}
.w-nav-button:focus {
outline: 0;
}
.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8;
}
.w-nav[data-collapse="all"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="all"] .w-nav-button, .w--nav-dropdown-open, .w--nav-dropdown-toggle-open {
display: block;
}
.w--nav-dropdown-list-open {
position: static;
}
@media screen and (max-width: 991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="medium"] .w-nav-button {
display: block;
}
}
@media screen and (max-width: 767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="small"] .w-nav-button {
display: block;
}
.w-nav-brand {
padding-left: 10px;
}
}
@media screen and (max-width: 479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none;
}
.w-nav[data-collapse="tiny"] .w-nav-button {
display: block;
}
}
.w-tabs {
position: relative;
}
.w-tabs:before, .w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-tabs:after {
clear: both;
}
.w-tab-menu {
position: relative;
}
.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative;
}
.w-tab-link.w--current {
background-color: #c8c8c8;
}
.w-tab-link:focus {
outline: 0;
}
.w-tab-content {
display: block;
position: relative;
overflow: hidden;
}
.w-tab-pane {
display: none;
position: relative;
}
.w--tab-active {
display: block;
}
@media screen and (max-width: 479px) {
.w-tab-link {
display: block;
}
}
.w-ix-emptyfix:after {
content: "";
}
@keyframes spin {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.w-dyn-empty {
background-color: #ddd;
padding: 10px;
}
.w-dyn-hide, .w-dyn-bind-empty, .w-condition-invisible {
display: none !important;
}
.wf-layout-layout {
display: grid;
}
:root {
--_ux---color\: white;
--gainsboro\: #dfdfdf;
--sea-green\: #000;
--dark-sea-green\: #90c396;
--gray\: #909090;
--honeydew\: #dae4d8;
--h2\: Cabin, sans-serif;
--white-smoke\: #ececec;
--_variable-collection---blue--6: #00153e;
--_variable-collection---neutral--3: #b4b4b4;
--gray1\: #5d5d5d;
--_colors---blue--blue\: #0084ff;
--_variable-collection---neutral--4: #909090;
--text-white\: #fff;
--_variable-collection---color: #00256f;
--_variable-collection---blue--5: #00256f;
--texthero\: #5d5d5d;
--_variable-collection---neutral--0: #fff;
--_variable-collection---neutral--5: #5d5d5d;
--_colors---blue--2\: #edf6ff;
--_variable-collection---neutral--6: #0d0d0d;
--main-description\: 1rem;
--main-heading\: 4rem;
--_colors---blue--1\: #dceeff;
--heading\: #0d0d0d;
--text\: #5d5d5d;
--_variable-collection---blue--3: #0084ff;
--_variable-collection---neutral--1: #fafafa;
--_variable-collection---blue--1: #dceeff;
--_variable-collection---blue--0: #edf6ff;
--heading-main\: Cabin, sans-serif;
--_colors---dark-blue\: #2432b0;
--orange\: #f46e00;
--_variable-collection---orange--3: #f46e00;
--_variable-collection---orange--1: #fff9f5;
--_apps---colors--primary-foreground: #080e16;
--heasing-2\: Cabin, sans-serif;
--subheading\: #5d5d5d;
--_ux---heading-2\: 14px;
--heading-2\: 400;
--_variable-collection---neutral--2: #e7e7e7;
--_variable-collection---orange--2: #fba700;
--_apps---typography--heading-font: Cabin, sans-serif;
--_apps---typography--body-font: Cabin, sans-serif;
--_apps---typography--button-font: Cabin, sans-serif;
--_apps---sizes--radius: 20px;
--_apps---colors--background: #fff;
--_apps---colors--foreground: #0d0d0d;
--_apps---colors--card: #fff;
--_apps---colors--card-foreground: #060606;
--_apps---colors--popover: #f2f2f2;
--_apps---colors--popover-foreground: #060606;
--_apps---colors--primary: #0084ff;
--_apps---colors--secondary: #d6f8ff;
--_apps---colors--secondary-foreground: #090e13;
--_apps---colors--muted: #f8f8f8;
--_apps---colors--muted-foreground: #7d797a;
--_apps---colors--accent: #e4e4e4;
--_apps---colors--accent-foreground: #0d0d0d;
--_apps---colors--destructive: #d74843;
--_apps---colors--border: #e7e7e7;
--_apps---colors--input: #eaeaea;
--_apps---colors--ring: #3e88e2;
--_apps---charts--chart-1: #0084ff;
--_apps---charts--chart-2: #64a8fe;
--_apps---charts--chart-3: #0071f9;
--_apps---charts--chart-4: #0067cb;
--_apps---charts--chart-5: #0047af;
--_apps---sidebar--sidebar: #f8f8f8;
--_apps---sidebar--sidebar-foreground: #060606;
--_apps---sidebar--sidebar-primary: #0084ff;
--_apps---sidebar--sidebar-primary-foreground: #080e16;
--_apps---sidebar--sidebar-accent: #e4e4e4;
--_variable-collection---blue--2: #02beff;
--_apps---sidebar--sidebar-accent-foreground: #0d0d0d;
--_apps---sidebar--sidebar-border: #e7e7e7;
--_apps---sidebar--sidebar-ring: #3e88e2;
--_apps---colors--background-dark: #030303;
--_apps---colors--foreground-dark: #f8f8f8;
--_apps---colors--card-dark: #141414;
--_apps---colors--card-foreground-dark: #f8f8f8;
--_apps---colors--popover-dark: #141414;
--_apps---colors--popover-foreground-dark: #f8f8f8;
--_apps---colors--primary-dark: #0084ff;
--_apps---colors--primary-foreground-dark: #080e16;
--_apps---colors--secondary-dark: #001141;
--_apps---colors--secondary-foreground-dark: #f4f9ff;
--_apps---colors--muted-dark: #010101;
--_apps---colors--muted-foreground-dark: #868686;
--_apps---colors--accent-dark: #292929;
--_apps---colors--accent-foreground-dark: #f8f8f8;
--_apps---colors--destructive-dark: #e5554f;
--_apps---colors--border-dark: #e7e7e7;
--_apps---colors--input-dark: #fff;
--_apps---colors--ring-dark: #509af5;
--_apps---charts--chart-1-dark: #0084ff;
--_apps---charts--chart-2-dark: #73b8ff;
--_apps---charts--chart-3-dark: #0061e7;
--_apps---charts--chart-4-dark: #57a7ff;
--_apps---charts--chart-5-dark: #0056c0;
--_apps---sidebar--sidebar-dark: #070707;
--_apps---sidebar--sidebar-foreground-dark: #f8f8f8;
--_apps---sidebar--sidebar-primary-dark: #0084ff;
--_apps---sidebar--sidebar-primary-foreground-dark: #080e16;
--_apps---sidebar--sidebar-accent-dark: #292929;
--_apps---sidebar--sidebar-accent-foreground-dark: #f8f8f8;
--_apps---sidebar--sidebar-border-dark: #fff;
--_apps---sidebar--sidebar-ring-dark: #509af5;
}
.w-form-formrecaptcha {
margin-bottom: 8px;
}
.w-checkbox {
margin-bottom: 5px;
padding-left: 20px;
display: block;
}
.w-checkbox:before {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox:after {
content: " ";
clear: both;
grid-area: 1 / 1 / 2 / 2;
display: table;
}
.w-checkbox-input {
float: left;
margin: 4px 0 0 -20px;
line-height: normal;
}
.w-checkbox-input--inputType-custom {
border: 1px solid #ccc;
border-radius: 2px;
width: 12px;
height: 12px;
}
.w-checkbox-input--inputType-custom.w--redirected-checked {
background-color: #3898ec;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-color: #3898ec;
}
.w-checkbox-input--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-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;
}
.w-form-formradioinput--inputType-custom {
border: 1px solid #ccc;
border-radius: 50%;
width: 12px;
height: 12px;
}
.w-form-formradioinput--inputType-custom.w--redirected-focus {
box-shadow: 0 0 3px 1px #3898ec;
}
.w-form-formradioinput--inputType-custom.w--redirected-checked {
border-width: 4px;
border-color: #3898ec;
}
.w-pagination-wrapper {
flex-wrap: wrap;
justify-content: center;
display: flex;
}
.w-pagination-previous {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-previous-icon {
margin-right: 4px;
}
.w-pagination-next {
color: #333;
background-color: #fafafa;
border: 1px solid #ccc;
border-radius: 2px;
margin-left: 10px;
margin-right: 10px;
padding: 9px 20px;
font-size: 14px;
display: block;
}
.w-pagination-next-icon {
margin-left: 4px;
}
.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex;
}
.w-commerce-commercecheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercelayoutcontainer {
justify-content: center;
align-items: flex-start;
display: flex;
}
.w-commerce-commercelayoutmain {
flex: 0 800px;
margin-right: 20px;
}
.w-commerce-commercecartapplepaybutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
align-items: center;
height: 38px;
min-height: 30px;
margin-bottom: 8px;
padding: 0;
text-decoration: none;
display: flex;
}
.w-commerce-commercecartapplepayicon {
width: 100%;
height: 50%;
min-height: 20px;
}
.w-commerce-commercecartquickcheckoutbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
background-color: #000;
border-width: 0;
border-radius: 2px;
justify-content: center;
align-items: center;
height: 38px;
margin-bottom: 8px;
padding: 0 15px;
text-decoration: none;
display: flex;
}
.w-commerce-commercequickcheckoutgoogleicon, .w-commerce-commercequickcheckoutmicrosofticon {
margin-right: 8px;
display: block;
}
.w-commerce-commercecheckoutcustomerinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutblockcontent {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 20px;
}
.w-commerce-commercecheckoutlabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutemailinput {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutemailinput::placeholder {
color: #999;
}
.w-commerce-commercecheckoutemailinput:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingaddresswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutrow {
margin-left: -8px;
margin-right: -8px;
display: flex;
}
.w-commerce-commercecheckoutcolumn {
flex: 1;
padding-left: 8px;
padding-right: 8px;
}
.w-commerce-commercecheckoutshippingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutshippingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutshippingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutshippingmethodswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutshippingmethodslist {
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
}
.w-commerce-commercecheckoutshippingmethoditem {
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
flex-direction: row;
align-items: baseline;
margin-bottom: 0;
padding: 16px;
font-weight: 400;
display: flex;
}
.w-commerce-commercecheckoutshippingmethoddescriptionblock {
flex-direction: column;
flex-grow: 1;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.w-commerce-commerceboldtextblock {
font-weight: 700;
}
.w-commerce-commercecheckoutshippingmethodsemptystate {
text-align: center;
background-color: #fff;
border-bottom: 1px solid #e6e6e6;
border-left: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
padding: 64px 16px;
}
.w-commerce-commercecheckoutpaymentinfowrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutcardnumber {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardnumber::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardnumber:focus, .w-commerce-commercecheckoutcardnumber.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardexpirationdate {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardexpirationdate::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardexpirationdate:focus, .w-commerce-commercecheckoutcardexpirationdate.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutcardsecuritycode {
-webkit-appearance: none;
appearance: none;
cursor: text;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutcardsecuritycode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutcardsecuritycode:focus, .w-commerce-commercecheckoutcardsecuritycode.-wfp-focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingaddresstogglewrapper {
flex-direction: row;
display: flex;
}
.w-commerce-commercecheckoutbillingaddresstogglecheckbox {
margin-top: 4px;
}
.w-commerce-commercecheckoutbillingaddresstogglelabel {
margin-left: 8px;
font-weight: 400;
}
.w-commerce-commercecheckoutbillingaddresswrapper {
margin-top: 16px;
margin-bottom: 20px;
}
.w-commerce-commercecheckoutbillingfullname {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingfullname::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingfullname:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddress {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddress::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddress:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstreetaddressoptional:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcity {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcity::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcity:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingstateprovince {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingstateprovince::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingstateprovince:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingzippostalcode {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 16px;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingzippostalcode::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingzippostalcode:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutbillingcountryselector {
-webkit-appearance: none;
appearance: none;
background-color: #fafafa;
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
height: 38px;
margin-bottom: 0;
padding: 8px 12px;
line-height: 20px;
display: block;
}
.w-commerce-commercecheckoutbillingcountryselector::placeholder {
color: #999;
}
.w-commerce-commercecheckoutbillingcountryselector:focus {
border-color: #3898ec;
outline-style: none;
}
.w-commerce-commercecheckoutorderitemswrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryblockheader {
background-color: #fff;
border: 1px solid #e6e6e6;
justify-content: space-between;
align-items: baseline;
padding: 4px 20px;
display: flex;
}
.w-commerce-commercecheckoutorderitemslist {
margin-bottom: -20px;
}
.w-commerce-commercecheckoutorderitem {
margin-bottom: 20px;
display: flex;
}
.w-commerce-commercecartitemimage {
width: 60px;
height: 0%;
}
.w-commerce-commercecheckoutorderitemdescriptionwrapper {
flex-grow: 1;
margin-left: 16px;
margin-right: 16px;
}
.w-commerce-commercecheckoutorderitemquantitywrapper {
white-space: pre-wrap;
display: flex;
}
.w-commerce-commercecheckoutorderitemoptionlist {
margin-bottom: 0;
padding-left: 0;
text-decoration: none;
list-style-type: none;
}
.w-commerce-commercelayoutsidebar {
flex: 0 0 320px;
position: sticky;
top: 20px;
}
.w-commerce-commercecheckoutordersummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummarylineitem, .w-commerce-commercecheckoutordersummaryextraitemslistitem {
flex-direction: row;
justify-content: space-between;
margin-bottom: 8px;
display: flex;
}
.w-commerce-commercecheckoutsummarytotal {
font-weight: 700;
}
.w-commerce-commercecheckoutplaceorderbutton {
color: #fff;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
text-align: center;
background-color: #3898ec;
border-width: 0;
border-radius: 3px;
align-items: center;
margin-bottom: 20px;
padding: 9px 15px;
text-decoration: none;
display: block;
}
.w-commerce-commercecheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commercepaypalcheckoutformcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutcustomerinfosummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercecheckoutsummaryitem, .w-commerce-commercecheckoutsummarylabel {
margin-bottom: 8px;
}
.w-commerce-commercecheckoutsummaryflexboxdiv {
flex-direction: row;
justify-content: flex-start;
display: flex;
}
.w-commerce-commercecheckoutsummarytextspacingondiv {
margin-right: .33em;
}
.w-commerce-commercecheckoutpaymentsummarywrapper {
margin-bottom: 20px;
}
.w-commerce-commercepaypalcheckouterrorstate {
background-color: #ffdede;
margin-top: 16px;
margin-bottom: 16px;
padding: 10px 16px;
}
.w-commerce-commerceorderconfirmationcontainer {
background-color: #f5f5f5;
width: 100%;
min-height: 100vh;
padding: 20px;
}
.w-commerce-commercecheckoutshippingsummarywrapper {
margin-bottom: 20px;
}
@media screen and (max-width: 991px) {
.w-layout-blockcontainer {
max-width: 728px;
}
}
@media screen and (max-width: 767px) {
.w-layout-blockcontainer {
max-width: none;
}
.w-commerce-commercelayoutcontainer {
flex-direction: column;
align-items: stretch;
}
.w-commerce-commercelayoutmain {
flex-basis: auto;
margin-right: 0;
}
.w-commerce-commercelayoutsidebar {
flex-basis: auto;
}
}
@media screen and (max-width: 479px) {
.w-commerce-commercecheckoutemailinput, .w-commerce-commercecheckoutshippingfullname, .w-commerce-commercecheckoutshippingstreetaddress, .w-commerce-commercecheckoutshippingstreetaddressoptional {
font-size: 16px;
}
.w-commerce-commercecheckoutrow {
flex-direction: column;
}
.w-commerce-commercecheckoutshippingcity, .w-commerce-commercecheckoutshippingstateprovince, .w-commerce-commercecheckoutshippingzippostalcode, .w-commerce-commercecheckoutshippingcountryselector, .w-commerce-commercecheckoutcardnumber, .w-commerce-commercecheckoutcardexpirationdate, .w-commerce-commercecheckoutcardsecuritycode, .w-commerce-commercecheckoutbillingfullname, .w-commerce-commercecheckoutbillingstreetaddress, .w-commerce-commercecheckoutbillingstreetaddressoptional, .w-commerce-commercecheckoutbillingcity, .w-commerce-commercecheckoutbillingstateprovince, .w-commerce-commercecheckoutbillingzippostalcode, .w-commerce-commercecheckoutbillingcountryselector {
font-size: 16px;
}
}
body {
color: #000;
border-radius: 100px;
font-family: Open Sans, sans-serif;
font-size: 1rem;
line-height: 1.5;
}
h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 4rem;
font-weight: 700;
line-height: 1.1;
}
h2 {
margin-top: 0;
margin-bottom: 0;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
h3 {
margin-top: 0;
margin-bottom: 0;
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
h4 {
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
h5 {
margin-top: 0;
margin-bottom: 0;
font-size: .875rem;
font-weight: 700;
line-height: 1.5;
}
h6 {
margin-top: 0;
margin-bottom: 0;
font-size: .75rem;
font-weight: 700;
line-height: 1.5;
}
.page-wrapper {
display: flex;
overflow: hidden;
}
.padding-0 {
padding: 0;
}
.padding-tiny {
padding: .125rem;
}
.padding-xxsmall {
padding: .25rem;
}
.padding-xsmall {
padding: .5rem;
}
.padding-small {
padding: 1rem;
}
.padding-medium {
padding: 2rem;
}
.padding-large {
padding: 3rem;
}
.padding-xlarge {
padding: 4rem;
}
.padding-xxlarge {
padding: 5rem;
}
.padding-huge {
padding: 6rem;
}
.padding-xhuge {
padding: 8rem;
}
.padding-xxhuge {
padding: 12rem;
}
.padding-top, .padding-top.padding-medium {
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.padding-bottom, .padding-bottom.padding-xxlarge {
padding-top: 0;
padding-left: 0;
padding-right: 0;
}
.padding-left {
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.padding-right {
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.padding-vertical {
padding-left: 0;
padding-right: 0;
}
.padding-vertical.padding-xlarge {
background-color: #fff;
}
.padding-vertical.padding-xxlarge {
padding-left: 0;
padding-right: 0;
}
.padding-horizontal {
padding-top: 0;
padding-bottom: 0;
}
.margin-0 {
margin: 0;
}
.margin-tiny {
margin: .125rem;
}
.margin-xxsmall {
margin: .25rem;
}
.margin-xsmall {
margin: .5rem;
}
.margin-small {
margin: 1rem;
}
.margin-medium {
margin: 2rem;
}
.margin-large {
margin: 3rem;
}
.margin-xlarge {
margin: 4rem;
}
.margin-xxlarge {
margin: 5rem;
}
.margin-huge {
margin: 6rem;
}
.margin-xhuge {
margin: 8rem;
}
.margin-xxhuge {
margin: 12rem;
}
.margin-top {
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
}
.margin-bottom, .margin-bottom.margin-small, .margin-bottom.margin-large, .margin-bottom.margin-xsmall, .margin-bottom.margin-xxlarge, .margin-bottom.margin-small {
margin-top: 0;
margin-left: 0;
margin-right: 0;
}
.margin-left {
margin-top: 0;
margin-bottom: 0;
margin-right: 0;
}
.margin-right {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
}
.margin-vertical {
margin-left: 0;
margin-right: 0;
}
.margin-horizontal {
margin-top: 0;
margin-bottom: 0;
}
.hide {
display: none;
}
.main-wrapper {
display: flex;
}
.filter_wrapper {
background-color: #f6f7f1;
}
.page-padding {
padding-left: 3rem;
padding-right: 3rem;
}
.container {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.filter_grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: .4fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.filter_column {
border: 1px solid var(--_ux---color\);
background-color: #fff;
width: 320px;
}
.filter_block {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border: 1px solid #0000;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.filter_block-header {
z-index: 10;
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: #fafafa;
border-radius: 20px;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
padding: 1rem 1.5rem;
display: grid;
position: relative;
inset: 0% 0% auto;
}
.filter_block-header.another.uy {
background-color: #fafafa00;
}
.filter_block-header.hhh {
background-color: #d4cece;
}
.filter_block-header.top-level {
cursor: pointer;
}
.filter-block-label {
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.4;
}
.filter_options {
max-height: 45rem;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
position: relative;
overflow: auto;
}
.checkbox_field {
cursor: pointer;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 0;
font-size: 1rem;
font-weight: 400;
display: flex;
}
.checkbox_input {
border: 2px solid var(--gainsboro\);
width: 1.25rem;
height: 1.25rem;
margin-top: 0;
margin-left: 0;
margin-right: .75rem;
}
.checkbox_input.w--redirected-checked {
border-color: var(--sea-green\);
background-color: var(--sea-green\);
background-size: .6rem;
box-shadow: 1px 1px 3px #0000;
}
.checkbox_input.w--redirected-focus {
border-color: var(--dark-sea-green\);
box-shadow: none;
}
.checkbox_label {
margin-right: .25rem;
font-family: Cabin, sans-serif;
font-size: 12px;
}
.filter_header {
grid-column-gap: 80px;
grid-row-gap: 80px;
border: 1px none var(--honeydew\);
background-color: #fff;
flex-direction: row;
justify-content: flex-end;
align-items: center;
min-height: 4.5rem;
padding: .5rem 1rem;
display: flex;
}
.filter_content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content_card {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
border: 1px none var(--honeydew\);
color: #000;
background-color: #fff;
border-radius: 20px;
grid-template-rows: auto;
grid-template-columns: 1.55fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
width: 388px;
text-decoration: none;
display: grid;
box-shadow: 0 2px 9px #0003;
}
.content_card-image {
border-radius: 20px;
width: 348px;
height: 215px;
margin-top: 21px;
}
.content_collection-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content_card-block {
grid-column-gap: .75rem;
grid-row-gap: .5rem;
border: 0 #0000;
grid-template-rows: auto auto;
grid-template-columns: 4fr;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
padding: 1.5rem 1.5rem 0 .75rem;
display: grid;
}
.content_card-title {
font-family: Cabin, sans-serif;
font-size: 1.2rem;
}
.content_card-price {
font-family: Cabin, sans-serif;
font-size: 20px;
font-weight: 600;
}
.rangeslider_track {
background-color: #ececec;
border-radius: 999rem;
width: 96%;
height: .25rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.rangeslider_fill {
background-color: var(--dark-sea-green\);
width: 20%;
height: 100%;
position: absolute;
}
.rangeslider_handle {
z-index: 1;
background-color: var(--dark-sea-green\);
cursor: grab;
border-radius: 999rem;
flex: none;
width: 1rem;
height: 1rem;
position: absolute;
}
.rangeslider_handle:focus {
background-color: var(--sea-green\);
}
.rangeslider_input {
display: none;
}
.dropdown {
margin-left: 0;
margin-right: 0;
}
.filter_sort-by {
border: 1px solid var(--honeydew\);
border-radius: 100px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 150px;
min-width: 150px;
height: 50px;
padding: .5rem 4rem .5rem 1.2rem;
display: flex;
}
.dropdown_icon {
margin-right: 1.2rem;
font-size: 1rem;
}
.dropdown_list.w--open {
background-color: #fff;
}
.sort_field {
color: #000;
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 1rem 2rem 1rem 1.5rem;
text-decoration: none;
display: flex;
}
.sort_field.w--current {
color: var(--sea-green\);
background-color: #f4f9f4;
}
.content_card-info {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.content_card-info-block {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: .5fr;
grid-auto-columns: 1fr;
place-items: center start;
display: grid;
}
.content_card-info-text {
background-color: #dae4d800;
width: 100%;
padding: .5rem 1rem;
font-size: 0;
}
.content_card-header {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.content_card-info-label {
font-size: 0;
font-weight: 500;
}
.content_card-date {
color: var(--sea-green\);
}
.filter_tags-wrapper {
flex-flow: wrap;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: start;
align-items: center;
margin-right: 1rem;
display: flex;
}
.filter_tags-text {
color: #8f8f8f;
margin-right: 1rem;
}
.filter_tag {
background-color: var(--sea-green\);
color: var(--white-smoke\);
border-radius: 0;
margin-top: .5rem;
margin-bottom: .5rem;
margin-right: .5rem;
padding: .5rem 2.5rem .5rem 1rem;
font-size: .85rem;
font-weight: 500;
position: relative;
}
.filter_tag-remove {
opacity: .5;
filter: invert();
cursor: pointer;
border-radius: 999rem;
flex-direction: column;
width: 1.5rem;
margin-top: .4rem;
margin-right: .5rem;
padding: .25rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.filter_empty {
border: 1px solid var(--gainsboro\);
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2rem;
display: flex;
}
.filter_empty-icon {
width: 5rem;
margin-bottom: .5rem;
}
.radio_field {
cursor: pointer;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-top: .5rem;
padding-bottom: .5rem;
padding-left: 0;
font-size: 1rem;
font-weight: 400;
display: flex;
}
.radio_label {
margin-bottom: 0;
margin-right: .5rem;
}
.radio_button {
border: 2px solid var(--gainsboro\);
width: 1.25rem;
height: 1.25rem;
margin-top: 0;
margin-left: 0;
margin-right: .75rem;
}
.radio_button.w--redirected-checked {
border-color: var(--sea-green\);
background-color: var(--sea-green\);
background-image: none;
box-shadow: 1px 1px 3px #0000;
}
.radio_button.w--redirected-focus {
border-color: var(--dark-sea-green\);
box-shadow: none;
}
.filter_search-field {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/685d70377efe0b854aeac7e6_search_24dp_999999_FILL0_wght400_GRAD0_opsz24.svg");
background-position: 24px;
background-repeat: no-repeat;
background-size: 1.5rem;
border: 1px solid #e7e7e7;
border-radius: 100px;
width: 500px;
height: 50px;
min-height: 2rem;
margin-bottom: 0;
padding: 1rem 1.5rem 1rem 4rem;
font-size: 1rem;
}
.nav_component {
background-color: #000;
padding-top: 1.25rem;
padding-bottom: 1.25rem;
}
.nav_logo {
width: 10rem;
}
.nav_container {
flex-direction: row;
justify-content: flex-start;
align-items: center;
max-width: 86rem;
margin-left: auto;
margin-right: auto;
padding-left: 3rem;
padding-right: 3rem;
display: flex;
}
.nav_menu {
flex-direction: row;
justify-content: center;
align-items: center;
margin-left: auto;
display: flex;
}
.footer_component {
border-top: 1px solid var(--honeydew\);
background-color: #000;
align-items: flex-start;
}
.footer_wrapper {
text-align: left;
flex-direction: row;
justify-content: center;
align-items: center;
display: flex;
}
.footer_logo {
width: 10rem;
}
.text-color-green {
color: var(--sea-green\);
}
.pagination_wrapper {
align-items: stretch;
min-height: 3rem;
margin-top: 2rem;
}
.pagination_next, .pagination_previous {
border-color: var(--honeydew\);
color: var(--sea-green\);
background-color: #fff;
margin-left: 0;
margin-right: 0;
padding: .75rem 1rem;
font-weight: 500;
}
.pagination_page-design {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
margin-left: 1rem;
margin-right: 1rem;
display: grid;
}
.pagination_page-button {
border: 1px solid var(--honeydew\);
color: #757575;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 3rem;
text-decoration: none;
display: flex;
}
.pagination_page-button.w--current {
border-color: var(--sea-green\);
background-color: var(--sea-green\);
opacity: 1;
color: #fff;
cursor: not-allowed;
}
.fs-cmsload_page-dots {
justify-content: center;
align-items: center;
width: 3rem;
font-size: 1.2rem;
display: flex;
}
.option-results {
color: var(--sea-green\);
display: none;
}
.filter_reset {
border-bottom: 1px solid var(--honeydew\);
color: #6e6e6e;
padding-bottom: .2rem;
font-family: Cabin, sans-serif;
font-size: 12px;
text-decoration: none;
}
.fs-cmsfilter_highlight {
background-color: var(--sea-green\);
color: #fff;
}
.filter_reset-all {
border-bottom: 1px solid var(--sea-green\);
padding-bottom: .2rem;
text-decoration: none;
}
.filter_reset-all.text-color-green {
color: var(--sea-green\);
}
.filter_results-text {
width: 150px;
font-size: 12px;
font-weight: 400;
}
.filter_select {
cursor: pointer;
border: 1px #000;
min-height: 3.6rem;
margin-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem;
}
.rangeslider_wrapper {
align-items: center;
padding: 21px;
display: block;
position: relative;
}
.range_values {
flex-direction: row;
justify-content: space-between;
align-items: center;
margin-top: .5rem;
display: flex;
}
.content_card-list-wrapper {
width: 100%;
}
.nav_brand {
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding-left: 0;
display: flex;
}
.nav_link {
grid-column-gap: .5rem;
grid-row-gap: 1rem;
color: var(--gainsboro\);
border-radius: .25rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: center;
align-items: center;
padding: .75rem 1rem;
font-weight: 400;
text-decoration: none;
display: grid;
}
.nav_link:hover {
background-color: #242424;
}
.nav_link.is-cta {
color: #fff;
background-color: #5c2aff;
border-radius: .25rem;
margin-left: 1rem;
}
.nav_link.is-cta:hover {
background-color: #303030;
}
.footer_logo-link {
color: #000;
text-decoration: none;
}
.footer_learn {
color: #000;
background-color: #fff;
border-radius: .25rem;
flex-direction: row;
justify-content: center;
align-items: center;
padding: .75rem 1.5rem .75rem 1.25rem;
font-size: 1.2rem;
font-weight: 600;
text-decoration: none;
display: flex;
}
.footer_learn:hover {
background-color: var(--white-smoke\);
}
.text-link {
border-bottom: 1px solid var(--dark-sea-green\);
color: var(--sea-green\);
text-decoration: none;
display: inline-block;
}
.nav_link-icon {
opacity: .4;
width: 1.5rem;
}
.nav_link-icon.is-inverted {
filter: invert();
}
.footer_learn-icon {
margin-right: .75rem;
}
.text-align-right {
text-align: right;
}
.overflow-scroll {
overflow: scroll;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.show-mobile-portrait {
display: none;
}
.text-size-medium {
font-size: 1.25rem;
}
.show {
display: block;
}
.text-size-large {
font-size: 1.5rem;
}
.text-color-grey {
color: gray;
}
.icon-1x1-medium {
width: 3rem;
height: 3rem;
}
.button-secondary {
border: .125rem solid var(--dark-sea-green\);
color: var(--sea-green\);
text-align: center;
background-color: #0000;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
font-weight: 600;
}
.background-color-white {
background-color: #fff;
}
.heading-large {
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.text-weight-bold {
font-weight: 700;
}
.text-style-quote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: .75rem 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
.form-radio-icon {
width: .875rem;
height: .875rem;
margin-top: 0;
margin-left: 0;
margin-right: .5rem;
}
.form-radio-icon.w--redirected-checked {
border-width: .25rem;
width: .875rem;
height: .875rem;
}
.form-radio-icon.w--redirected-focus {
width: .875rem;
height: .875rem;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.fs-styleguide_row {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: start;
display: grid;
}
.fs-styleguide_row.is-for-social-icons {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.text-size-tiny {
font-size: .75rem;
}
.icon-1x1-large {
width: 4rem;
height: 4rem;
}
.text-style-nowrap {
white-space: nowrap;
}
.max-width-large {
width: 100%;
max-width: 48rem;
}
.button {
background-color: var(--sea-green\);
color: #fff;
text-align: center;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
font-weight: 600;
}
.background-color-black {
color: #f5f5f5;
background-color: #000;
}
.text-style-muted {
opacity: .6;
}
.layer {
justify-content: center;
align-items: center;
position: absolute;
inset: 0%;
}
.overflow-auto {
overflow: auto;
}
.form-message-success {
padding: 1.25rem;
}
.max-width-xsmall {
width: 100%;
max-width: 16rem;
}
.fs-styleguide_section-type {
background-color: var(--sea-green\);
color: #fff;
text-align: center;
letter-spacing: 1px;
text-transform: uppercase;
padding: 1.25rem;
font-size: 1rem;
font-weight: 600;
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.background-color-grey {
background-color: #a8c1d833;
}
.text-size-small {
font-size: .875rem;
}
.text-color-black {
color: #000;
}
.fs-styleguide_page-header {
border-bottom: 2px solid #e6e6e6;
margin-bottom: 2rem;
padding-top: 5rem;
padding-bottom: 5rem;
}
.heading-xlarge {
font-size: 4rem;
font-weight: 700;
line-height: 1.1;
}
.form-message-error {
margin-top: .75rem;
padding: .75rem;
}
.text-weight-light {
font-weight: 300;
}
.text-style-link {
text-decoration: underline;
}
.global-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.max-width-xxlarge {
width: 100%;
max-width: 80rem;
}
.icon-1x1-small {
width: 2rem;
height: 2rem;
}
.icon-medium {
height: 3rem;
}
.icon-large {
height: 4rem;
}
.button-text {
color: var(--sea-green\);
text-align: center;
background-color: #0000;
justify-content: center;
align-items: center;
padding: .75rem 1.25rem;
font-weight: 600;
}
.text-align-center {
text-align: center;
}
.align-center {
margin-left: auto;
margin-right: auto;
}
.text-weight-xbold {
font-weight: 800;
}
.form-checkbox-icon {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
}
.form-checkbox-icon.w--redirected-checked {
border-color: var(--sea-green\);
background-color: var(--sea-green\);
background-size: 90%;
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
}
.form-checkbox-icon.w--redirected-focus {
border-radius: .125rem;
width: .875rem;
height: .875rem;
margin: 0 .5rem 0 0;
box-shadow: 0 0 .25rem 0 #3898ec;
}
.heading-medium {
font-size: 2rem;
font-weight: 700;
line-height: 1.2;
}
.max-width-medium {
width: 100%;
max-width: 32rem;
}
.fs-styleguide_section {
grid-column-gap: 4rem;
grid-row-gap: 2.5rem;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
padding-top: 2rem;
padding-bottom: 2rem;
display: grid;
}
.icon-small {
height: 2rem;
}
.show-mobile-landscape {
display: none;
}
.text-weight-semibold {
font-weight: 600;
}
.form-input {
background-color: #0000;
min-height: 3rem;
margin-bottom: .75rem;
padding: .5rem 1rem;
}
.form-input.is-text-area {
min-height: 8rem;
padding-top: .75rem;
}
.text-weight-normal {
font-weight: 400;
}
.text-style-strikethrough {
text-decoration: line-through;
}
.fs-styleguide_version-details {
z-index: 5;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 500;
}
.text-weight-medium {
font-weight: 500;
}
.fs-styleguide_color-sample {
background-color: #f5f5f5;
margin-top: .5rem;
padding: 5rem;
}
.max-width-xlarge {
width: 100%;
max-width: 64rem;
}
.z-1 {
z-index: 1;
position: relative;
}
.heading-xsmall {
font-size: .875rem;
font-weight: 700;
line-height: 1.5;
}
.show-tablet {
display: none;
}
.text-align-left {
text-align: left;
}
.form-wrapper {
margin-bottom: 0;
}
.form-radio {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.text-size-regular {
font-size: 1rem;
}
.fs-styleguide_classes {
display: none;
}
.max-width-small {
width: 100%;
max-width: 20rem;
}
.z-2 {
z-index: 2;
position: relative;
}
.heading-small {
font-family: Cabin, sans-serif;
font-size: 15px;
font-weight: 600;
line-height: 1.4;
}
.max-width-full {
width: 100%;
max-width: none;
}
.text-style-italic {
font-style: italic;
}
.container-small {
justify-content: center;
align-items: flex-start;
width: 700px;
max-width: none;
margin-left: auto;
margin-right: auto;
display: flex;
}
.fs-styleguide_3-col {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.overflow-hidden {
overflow: hidden;
}
.max-width-xxsmall {
width: 100%;
max-width: 12rem;
}
.fs-styleguide_2-col {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
justify-content: start;
display: grid;
}
.fs-styleguide_background-spacer {
height: 5rem;
}
.fs-styleguide_1-col {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fs-styleguide_1-col.gap-medium {
grid-row-gap: 2.5rem;
}
.text-style-allcaps {
text-transform: uppercase;
}
.spacing-clean {
margin: 0;
padding: 0;
}
.form-checkbox {
flex-direction: row;
align-items: center;
margin-bottom: .5rem;
padding-left: 0;
display: flex;
}
.filter_form-wrapper {
margin-bottom: 0;
}
.nav_header {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: space-between;
align-items: center;
margin-bottom: 2rem;
display: grid;
}
.text-color-white {
color: #fff;
}
.footer_finsweet {
grid-column-gap: .6rem;
grid-row-gap: .6rem;
color: #a1a1a1;
grid-template-rows: auto;
grid-template-columns: auto auto auto auto;
grid-auto-columns: 1fr;
align-content: center;
align-items: center;
margin-left: 2rem;
font-size: 1rem;
text-decoration: none;
display: grid;
}
.footer_finsweet:hover {
opacity: .8;
}
.footer_finsweet-icon {
width: 3.25rem;
}
.footer_finsweet-logo {
width: 6rem;
display: block;
position: relative;
top: .2rem;
}
.footer_content {
background-color: #181818;
padding-top: 4rem;
padding-bottom: 4rem;
}
.footer_video {
background-color: #000;
padding-top: 4rem;
padding-bottom: 4rem;
}
.footer_video-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: center;
place-items: center;
display: grid;
}
.footer_video-icon {
width: 2rem;
margin-top: -3rem;
}
.footer_video-block {
max-width: 30rem;
}
.footer_video-links {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border-top: 1px solid #1f1f1f;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: center;
place-items: center;
max-width: 80rem;
margin-top: 3rem;
padding-top: 3rem;
display: grid;
}
.nav_logo-text {
color: #b9fd00;
margin-left: .75rem;
}
.collection-item {
width: 388px;
}
.body {
background-color: #fff;
}
.hero-heading-left {
grid-column-gap: 80px;
background-color: #00256f;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686e3d9de1a13c3115615c91_Hero%20Heading%20Left.png");
background-position: 0 0;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 480px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-2 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 320px;
text-decoration: none;
display: flex;
}
.column {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 320px;
text-decoration: none;
display: flex;
}
.content-style {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri {
color: #e7e7e7;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.features-list {
grid-column-gap: 80px;
grid-row-gap: 40px;
background-color: #fff;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 140px 24px 80px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-3 {
grid-column-gap: 80px;
background-color: var(--_variable-collection---blue--6);
border-radius: 20px;
flex: 1;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 480px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.card {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #00256f;
border-radius: 20px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: .5fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
place-items: center stretch;
width: 150%;
height: 480px;
text-decoration: none;
display: none;
overflow: hidden;
}
.column-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 80%;
height: 480px;
padding-left: 40px;
padding-right: 40px;
text-decoration: none;
display: flex;
position: relative;
}
.content-style-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-2 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-2 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000003926 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-3 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.title-style {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text {
opacity: .5;
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: line-through;
}
.description {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.eyebrow-heading {
grid-column-gap: 4px;
background-color: #fafafa4d;
border-radius: 40px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.pregnancy {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.user-search-fill {
object-fit: cover;
overflow: hidden;
}
.text-2 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 32px;
text-decoration: none;
display: flex;
}
.button-label {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.image {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 480px;
max-width: 480px;
height: 400px;
text-decoration: none;
display: flex;
position: absolute;
top: 40px;
left: 680px;
overflow: hidden;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-3 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-4 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
._1k-people-booked-this-test-0 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
._1k-people-booked-this-test-1 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-2 {
color: #1236ff;
text-align: center;
background-color: #fff;
width: 100px;
margin-top: -50px;
font-family: Cabin, sans-serif;
font-size: .75rem;
}
.nav_container-4 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 1280px;
text-decoration: none;
display: flex;
}
.logo-3 {
object-fit: cover;
width: 100px;
margin-left: 40px;
}
.nav_content-2 {
grid-column-gap: 48px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 75.4125px;
text-decoration: none;
display: flex;
position: fixed;
}
.text-167 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-167:hover {
color: #3346f8;
}
.search-line {
object-fit: cover;
overflow: hidden;
}
.navigation-bar {
background-color: #fff;
justify-content: center;
align-items: center;
width: 100%;
height: 77px;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
position: fixed;
overflow: hidden;
}
.text-168 {
color: #5d5d5d;
text-align: left;
margin-top: 0;
margin-bottom: 0;
margin-right: 21px;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.nav_link-2 {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 12px;
font-size: 12px;
text-decoration: none;
display: flex;
}
.nav_link-2:hover {
color: #3346f8;
}
.nav_link-2:active, .nav_link-2:focus {
color: #000;
}
.nav_link-2:visited {
color: #3346f8;
}
.nav_link-2.w--current:focus {
color: #000;
}
.navbar-button-3 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 150px;
height: 50px;
padding: 8px 16px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.padding-global-5 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: flex;
}
.nav_brand-2 {
justify-content: flex-start;
align-items: flex-start;
width: 100px;
text-decoration: none;
display: flex;
}
.navbar-link-13 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
height: 75px;
padding: 24px 12px 24px 0;
text-decoration: none;
display: flex;
}
.nav_link-wrapper-2 {
grid-column-gap: 16px;
text-align: center;
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
margin-left: 100px;
margin-right: auto;
text-decoration: none;
display: flex;
}
.nav_menu-2 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.input-placeholder {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-label-12 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.form-style {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
font-size: 14px;
text-decoration: none;
display: none;
}
.section-title-7 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-163 {
color: #fff;
text-align: center;
width: 70%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-4 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.newsletter-form {
grid-row-gap: 64px;
background-color: #151d68;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-164 {
opacity: .7;
color: #fafafa;
text-align: center;
width: 110%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-162 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.input-field {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 100px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 240px;
height: 40px;
padding: 8px 12px;
text-decoration: none;
display: flex;
}
.button-style-15 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 200px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-15.button-style-10.an {
width: 120px;
}
.button-style-15.button-style-10.an:hover {
background-color: #2432b0;
}
.form-wrapper-2 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 400px;
text-decoration: none;
display: flex;
}
.logo-2 {
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
text-decoration: none;
display: flex;
}
.zxa-b-wrap-1-2 {
flex-direction: row;
align-items: stretch;
display: flex;
}
.footer-links-3 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
text-decoration: none;
display: flex;
}
.genetech {
object-fit: cover;
}
.zxa-b-decor-2 {
align-items: center;
display: flex;
}
.group-1000003797 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 32.3585px;
height: 32.4px;
text-decoration: none;
display: flex;
}
.column-3 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 320px;
text-decoration: none;
display: flex;
}
.columns-8 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.zxa-wrap-2-2 {
border-top: 1px solid #343741;
justify-content: center;
align-items: center;
width: 1000px;
margin-left: auto;
margin-right: auto;
padding-top: 3em;
display: flex;
}
.main-logo {
grid-column-gap: 5.4px;
justify-content: flex-start;
align-items: center;
width: 105.096px;
height: 36px;
text-decoration: none;
display: flex;
}
.link-style {
color: #fafafa;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.link-style:hover {
text-decoration: underline;
}
.link-style.w--current:hover {
word-break: normal;
text-decoration: underline;
}
.zxa-b-link-1-2 {
color: #c8c8c8;
font-family: Cabin, sans-serif;
font-size: 14px;
line-height: 1.3em;
text-decoration: none;
}
.zxa-b-link-1-2:hover {
color: #fff;
text-decoration: underline;
}
.zxa-b-link-1-2.fhfh:hover {
color: var(--_variable-collection---neutral--3);
text-decoration: none;
}
.footer {
grid-row-gap: 80px;
background-color: #0d0d0d;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 616px;
padding: 80px 24px;
font-family: Cabin, sans-serif;
text-decoration: none;
display: flex;
overflow: hidden;
}
.copyright {
grid-column-gap: 32px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 960px;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.zxa-b-decor-1 {
background-color: #c8c8c8;
width: .1em;
height: 1.1em;
margin-left: 2em;
margin-right: 2em;
padding-bottom: 0;
}
.zxa-b-decor-1.one {
display: block;
}
.logo-wrapper {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.small-columns-2 {
grid-column-gap: 40px;
text-align: left;
justify-content: flex-end;
align-items: flex-start;
width: 40%;
max-width: none;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.zxa-a-wrap-1-2 {
align-items: center;
display: flex;
}
.zxa-a-decor-1 {
margin-right: 1em;
}
.footer-links {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 178.667px;
text-decoration: none;
display: flex;
}
.logo-container {
grid-row-gap: 7.2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.zxa-a-icon-1 {
object-fit: cover;
height: 1.5em;
}
.pricing-h1 {
text-align: center;
}
.pricing-h1.faq-h2 {
margin-bottom: 50px;
font-family: Cabin, sans-serif;
font-size: 2rem;
}
.faq-plus-wrap {
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
margin-right: 25px;
display: flex;
position: relative;
}
.faq-answer-text {
text-align: left;
margin-bottom: 30px;
margin-left: 10px;
font-family: Cabin, sans-serif;
font-size: 16px;
}
.faq-answer-text.jhjh {
text-align: center;
text-align: center;
text-align: center;
text-align: center;
text-align: center;
text-align: center;
font-family: Cabin, sans-serif;
}
.faq-question {
cursor: pointer;
align-items: center;
height: 90px;
font-size: 22px;
font-weight: 800;
display: flex;
}
.faq-q-text {
margin-left: 10px;
font-family: Cabin, sans-serif;
}
.faq {
z-index: 2;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
display: block;
position: relative;
}
.faq.faq-container {
background-color: #fff;
border-radius: 5px;
width: 1200px;
max-width: 1000px;
margin-top: 40px;
margin-bottom: 40px;
padding-top: 60px;
padding-bottom: 80px;
}
.faq-answer {
border-bottom: 1px solid #2d3e501f;
padding-left: 45px;
overflow: hidden;
}
.faq-plus-l {
background-color: #3346f8;
border-radius: 3px;
width: 5px;
height: 100%;
position: absolute;
}
.faq-plus {
background-color: #3346f8;
border-radius: 3px;
width: 100%;
height: 5px;
}
.text-block {
padding-bottom: 18px;
font-family: Cabin, sans-serif;
}
.features-list-2 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: auto;
height: auto;
padding: 60px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-4 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 320px;
height: 297px;
text-decoration: none;
display: flex;
}
.content-style-4 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-5 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.intro {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-2 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-style-3 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-9 {
grid-column-gap: 24px;
border: 1px solid #e7e7e7;
border-radius: 20px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 297px;
padding: 24px;
font-family: Cabin, sans-serif;
text-decoration: none;
display: flex;
}
.intro-2 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 720px;
text-decoration: none;
display: flex;
}
.title-style-4 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.card-2 {
grid-column-gap: 16px;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 348px;
padding: 16px;
text-decoration: none;
display: flex;
}
.icon {
object-fit: cover;
border-radius: 100px;
width: 75px;
overflow: hidden;
}
.content-style-6 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-169 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-170 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-5 {
grid-row-gap: 40px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 80px 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-7 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.faq-2 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us {
color: #5d5d5d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-2 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-16 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-13 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.list {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-5 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.ivf-success-the-role-of-geneandro-and-genefemina {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.subtract-line {
object-fit: cover;
overflow: hidden;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-2 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5488 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 960px;
height: 1px;
text-decoration: none;
display: flex;
}
.testimonial-stack {
grid-column-gap: 16px;
grid-row-gap: 80px;
background-color: #00153e;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-6 {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.card-3 {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
overflow: hidden;
}
.image-wrapper {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-2 {
background-image: linear-gradient(#0006, #0006), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/685ce773fcc390d2f4a05f06_Image.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
min-height: 480px;
text-decoration: none;
display: flex;
}
.play-circle-fill {
object-fit: cover;
position: absolute;
top: 0;
left: 1080px;
overflow: hidden;
}
.button-style-4 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.title-section-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 30px;
text-decoration: none;
display: flex;
}
.unlocking-deep-genomic-insights-transforming-lives-2 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.actions-3 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-9 {
text-align: center;
}
.button-label-3 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-3 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(80.55deg, #2432b0 0%, #3346f8 44%, #62f2f2 100%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-10 {
color: #5d5d5d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-label-4 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-stack {
grid-row-gap: 80px;
background-image: linear-gradient(#fff 0%, #fff0 100%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/683d3d8be0c4f789591df8a7_Hero-Stack.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 800px;
min-height: 800px;
padding: 64px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.small-container-4 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.button-style-3 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.icon-4 {
background-color: #62f2f2;
border-radius: 100px;
overflow: hidden;
}
.content-wrapper-2 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.button-label-5 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.card-4 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.icon-3 {
background-color: #59dcdc;
border-radius: 100px;
overflow: hidden;
}
.text-12 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-5 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.small-container-5 {
grid-row-gap: 24px;
background-color: #0d1240;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
padding: 64px;
text-decoration: none;
display: flex;
}
.title-style-6 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.aboutt {
grid-column-gap: 80px;
background-color: #0d1240;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-11 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.test-tube-line-2 {
object-fit: cover;
width: 30px;
height: 30px;
overflow: hidden;
}
.frame-1000003878 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-9 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-8 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5497 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 580px;
height: 1px;
text-decoration: none;
display: flex;
}
.title-2 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.52deg, #2432b0 0%, #3346f8 44%, #62f2f2 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.content-style-10 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.description-11 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.card-5 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 440px;
height: 144px;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.servicess {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-2 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.description-10 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-5 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-6 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.title-3 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-style-8 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-label-6 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.image-3 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.description-12 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-9 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.button-style-7 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 115px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.description-13 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.content-style-11 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-4 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-15 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-style-9 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.eyebrow-heading-2 {
grid-column-gap: 4px;
background-color: #fafafa;
border-radius: 40px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.text-14 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-16 {
color: #5d5d5d;
text-align: center;
letter-spacing: .02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.button-label-7 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.tests {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.arrow-right-line {
object-fit: cover;
overflow: hidden;
}
.arrow-right-line:hover {
color: #2432b0;
}
.title-style-10 {
grid-column-gap: 8px;
justify-content: flex-end;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card1-2 {
grid-row-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 960px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.action-2 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.tags-2 {
grid-column-gap: 8px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-3 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-12 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 160px;
text-decoration: none;
display: flex;
}
.description-16 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.small-container-6 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.section-title-2 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-15 {
color: #b4b4b4;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: line-through;
}
.text-13 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-14 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.agri-research {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-label-8 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-13 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.title-5 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.content-style-14 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.description-17 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-8 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.card-6 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 440px;
height: 144px;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.column-6 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-12 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.image-4 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.description-19 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-7 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.image-wrapper-2 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-3 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.name {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.name.texr5 {
font-size: 15px;
}
.animal-genomics-0 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.63deg, #2432b0 0%, #3346f8 44%, #62f2f2 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.info {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.image-5 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.button-style-9 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-9 {
color: #3346f8;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.action-3 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.description-20 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.animal-genomics-1 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.columns-3 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.animal-genomics {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-18 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.pricing-items-2 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.card2 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 960px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.description-24 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.button-style-10 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 115px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.header-style-5 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5499 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 712px;
height: 1px;
text-decoration: none;
display: flex;
}
.button-label-10 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-21 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.content-style-15 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-20 {
color: #b4b4b4;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: line-through;
}
.content-style-16 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 160px;
text-decoration: none;
display: flex;
}
.frame-1000003925 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-13 {
grid-column-gap: 8px;
justify-content: flex-end;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-22 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-21 {
color: #5d5d5d;
text-align: center;
letter-spacing: .02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.image-6 {
object-fit: cover;
border-radius: 8px;
width: 184px;
height: 184px;
overflow: hidden;
}
.title-style-14 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.small-container-7 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.description-23 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-19 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.section-title-8 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.header-style-6 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.padding-global.padding-section-medium {
margin-top: 50px;
}
.f-paragraph-small {
text-align: justify;
letter-spacing: -.01em;
margin-bottom: 0;
padding-top: 0;
font-size: 5px;
line-height: 1.2;
}
.section-title-5 {
grid-column-gap: 20px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-4 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.slider-card_bottom {
z-index: 1;
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-top: 0;
display: flex;
position: relative;
}
.slider-card_bottom._2 {
justify-content: center;
align-items: center;
margin-top: 0;
}
.testimonial-4 {
width: 100%;
max-width: 92rem;
margin-left: auto;
margin-right: auto;
padding: 80px 2.5rem 6px;
}
.author-5 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
height: 50px;
margin-top: 41px;
text-decoration: none;
display: flex;
}
.slider-card {
color: #054638;
background-color: #60eea300;
border-radius: 1rem;
flex-direction: column;
justify-content: center;
align-items: center;
width: 320px;
height: 100px;
min-height: 20rem;
margin-left: auto;
margin-right: auto;
padding: 0 0;
display: flex;
position: relative;
}
.slider_mask {
width: 25%;
overflow: visible;
}
.info-12 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.slider_navigation {
height: 1.75rem;
font-size: .5rem;
display: flex;
inset: auto auto .25rem 0%;
}
.text-155 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.page-wrapper-2 {
padding-top: 50px;
}
.image-26 {
object-fit: cover;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.text-154 {
color: #000;
text-align: right;
width: 100%;
margin-top: -3px;
margin-bottom: 0;
font-size: 11px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.slider_slide {
width: 20rem;
margin-right: 1rem;
}
.container-medium-2 {
width: 100%;
max-width: 50rem;
margin-left: auto;
margin-right: auto;
}
.container-large-2 {
width: 100%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
}
.f-testimonial-card {
color: #160042;
background-color: #fff;
border-radius: 0;
width: 350px;
height: 252.4px;
padding: 32px;
box-shadow: 23px 23px 64px -16px #393b6a0f;
}
.f-testimonial-card.card1-3 {
box-shadow: none;
background-color: #f0f0f0;
background-image: linear-gradient(#edf6ff, #fff);
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 320px;
height: 328px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navbar-main {
z-index: 2000;
color: #fff;
background-color: #054638;
font-weight: 600;
position: absolute;
inset: 0% 0% auto;
}
.icon-1x1-xsmall {
color: #0084ff;
flex: none;
justify-content: center;
align-items: center;
width: .875rem;
min-width: .875rem;
max-width: .875rem;
height: .875rem;
min-height: .875rem;
max-height: .875rem;
display: flex;
}
.text-153 {
color: #000;
text-align: right;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.slider {
background-color: #0000;
height: auto;
margin-top: 40px;
margin-bottom: 40px;
padding-top: 0;
padding-bottom: 4rem;
position: relative;
}
.slider-card_top {
width: 100%;
}
.f-text-weight-medium {
font-weight: 500;
}
.f-text-weight-medium.cc1 {
color: #000;
text-align: left;
width: 270px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
display: flex;
}
.slider_arrow {
color: #054638;
background-color: #60eea300;
border: 1px solid #17354a;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 2.5rem;
height: 2.5rem;
margin-top: -35px;
margin-right: 0;
padding-left: 0;
transition: all .6s;
display: flex;
position: absolute;
inset: 0% 0% auto;
}
.slider_arrow:hover {
background-color: #19f580;
border-color: #ced2d9;
}
.slider_arrow.lllll {
background-color: #edf6ff;
border-color: #dceeff;
margin-top: 350px;
margin-right: 505px;
}
.slider_arrow.left {
background-color: #fff;
border: 1px solid #495899;
margin-top: -35px;
margin-right: 80px;
transition-timing-function: cubic-bezier(.6, .6, 0, 1);
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.slider_arrow.left.lllll {
background-color: #edf6ff;
border-color: #dceeff;
margin-top: 350px;
margin-right: 563px;
}
.f-margin-bottom-32 {
margin-bottom: 32px;
}
.slide-2 {
margin-left: 113px;
}
.container-8 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-5 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-5.kkkkkkkkkkk {
text-align: left;
}
.slider-card-2 {
color: #054638;
background-color: #60eea300;
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 360px;
height: 100%;
min-height: 20rem;
padding: 0;
display: flex;
position: relative;
}
.page-wrapper-3 {
padding-top: 50px;
}
.container-custom-1-2 {
width: 100%;
max-width: 92rem;
margin-left: auto;
margin-right: auto;
padding: 4rem 2.5rem 6rem;
}
.section-title-6 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.slider_slide-2 {
width: 22.5rem;
margin-right: 1rem;
}
.description-25 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.slider-2 {
background-color: #0000;
height: auto;
margin-top: -15px;
padding-top: 63px;
padding-bottom: 5rem;
position: relative;
}
.text-159 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-28 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.button-style-14 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.container-9 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.description-26 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.section-title-9 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-161 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.action-5 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-11 {
color: #3346f8;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.text-160 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-29 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.team-rectangles-2 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 0 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-79 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-79:hover {
color: #3346f8;
}
.nav_link-3 {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 12px;
font-size: 12px;
text-decoration: none;
display: flex;
}
.nav_link-3:hover {
color: #3346f8;
}
.padding-global-6 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: flex;
}
.nav_brand-3 {
justify-content: flex-start;
align-items: flex-start;
width: 100px;
text-decoration: none;
display: flex;
}
.text-166 {
color: #5d5d5d;
text-align: left;
margin-top: 0;
margin-bottom: 0;
margin-right: 21px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-87 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-87.button-1 {
width: 125px;
}
.column-57 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.container-41 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-33 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-6 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-9 {
grid-column-gap: 80px;
background-image: linear-gradient(225.54deg, #fff0 0%, #fff 100%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/684035380bd9bcc695888897_Hero-Heading-Left.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-copy-goes-here-be-awesome-12 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(42.93deg, #2432b0, #3346f8 44%, #62f2f2);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.container-42 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-13 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.container-43 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-59 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-7 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-58 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-wrapper-6 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.hero-heading-left-10 {
grid-row-gap: 80px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.image-33 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.container-45 {
background-color: #0d1240;
flex-flow: column;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: 600px;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.title-copy-goes-here-be-awesome-15 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 950px;
margin-top: 0;
margin-bottom: 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-15.des {
text-align: center;
padding-top: 15px;
padding-bottom: 10px;
font-size: 15px;
}
.name-5 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.country {
letter-spacing: 1px;
align-items: center;
display: flex;
}
.tabs__content {
justify-content: center;
align-items: center;
width: 500px;
display: flex;
}
.info-16 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 30px;
padding: 0 24px;
text-decoration: none;
display: flex;
}
.tabs__menu {
width: 350px;
margin: -32px auto;
}
.image-wrapper-8 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 310px;
text-decoration: none;
display: flex;
}
.style--mono {
color: #fff;
justify-content: flex-start;
align-self: auto;
align-items: center;
font-family: Cabin, sans-serif;
font-size: 15px;
line-height: 1;
display: flex;
}
.tabs__pane {
align-self: center;
width: 500px;
padding-top: 20px;
}
.description-48 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-35 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 400px;
height: 250px;
text-decoration: none;
display: flex;
}
.tabs-2 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
place-items: center stretch;
width: 1000px;
height: 450px;
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 60px;
display: flex;
}
.tabs-link__title {
align-items: flex-start;
}
.card-30 {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 400px;
height: 400px;
display: flex;
overflow: hidden;
}
.tabs__link {
color: #fff;
cursor: pointer;
background-color: #0000;
border-radius: 4px;
justify-content: flex-start;
align-items: center;
height: 32px;
margin-bottom: 15px;
padding: 5px;
transition: background-color .2s;
display: flex;
}
.tabs__link:visited {
background-color: #0000;
}
.tabs__link.w--current {
background-color: #007cee;
border-left: 4px solid #fff;
border-radius: 0;
width: 516px;
height: 32px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
padding: 5px;
display: flex;
}
.tabs__link.w--current:hover {
background-color: #007ced3d;
}
.text-253 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-254 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-36 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.description-49 {
color: #909090;
text-align: justify;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.section-title-14 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.container-46 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.columns-12 {
grid-column-gap: 50px;
justify-content: flex-start;
align-items: flex-start;
width: 1000px;
text-decoration: none;
display: flex;
}
.columns-13 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.section-title-15 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 530px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
}
.publications {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.image-37 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.genetech-is-a-pioneer-in-fertility-genetics-and-genomics-offering-services-to-fertility-clinics-sinc {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.genetech-is-a-pioneer-in-fertility-genetics-and-genomics-offering-services-to-fertility-clinics-sinc.tytyy {
text-align: center;
width: 120%;
}
.description-50 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-style-19 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.container-47 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.publications-2 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-heading-left-11 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-48 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-61 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-11 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-38 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-62 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-16 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-9 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.faq-3 {
z-index: 2;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
display: block;
position: relative;
}
.faq-3.faq-container {
background-color: #fff;
border-radius: 5px;
width: 1200px;
max-width: 1000px;
margin-top: 40px;
margin-bottom: 40px;
padding-top: 60px;
padding-bottom: 80px;
}
.content-style-19 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-49 {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.button-style-88 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 150px;
height: 40px;
padding: 8px 10px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-10 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-255 {
text-align: center;
}
.hero-heading-left-12 {
grid-column-gap: 80px;
background-image: linear-gradient(225.54deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686b72df0010afbdb81174d0_Hero%20Heading%20Left.png");
justify-content: center;
align-items: flex-start;
width: 1070px;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000003901 {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.hero-heading-left-2 {
grid-row-gap: 80px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.error-warning-line {
object-fit: cover;
overflow: hidden;
}
.text-256 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-11 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-3 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-63 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.section-style {
grid-row-gap: 8px;
border-radius: 56px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.list-3 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-17 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-30 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-64 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.small-container-8 {
grid-row-gap: 40px;
background-color: #0d1240;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
padding-top: 64px;
padding-bottom: 64px;
text-decoration: none;
display: flex;
}
.title-style-20 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.content-style-21 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card-31 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 200px;
text-decoration: none;
display: flex;
}
.icon-5 {
object-fit: cover;
border-radius: 100px;
overflow: hidden;
}
.content-style-20 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5484 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 393px;
height: 1px;
text-decoration: none;
display: flex;
}
.testimonial-stack-2 {
grid-column-gap: 80px;
background-color: #0d1240;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-172 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-257 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000003927 {
grid-column-gap: 40px;
grid-row-gap: 60px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-27 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-171 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.section-style-2 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.content-style-23 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-box-1 {
grid-row-gap: 80px;
background-color: #fafafa;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/682b267fd80f08fe838a91b4_Hero-Heading-Left.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 742px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-89 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 150px;
height: 40px;
padding: 8px 10px;
text-decoration: none;
display: flex;
}
.button-style-89.kkk {
width: 120px;
padding-left: 10px;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-12 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-50 {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 20px;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-3 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.column-7 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
text-decoration: none;
display: flex;
}
.section-style-3 {
grid-row-gap: 8px;
border-radius: 56px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-173 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-90 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 150px;
height: 40px;
padding: 8px 10px;
text-decoration: none;
display: flex;
}
.button-style-90.kkkk {
width: 120px;
padding-left: 10px;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-13 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-24 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-174 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-8 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
text-decoration: none;
display: flex;
}
.container-51 {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 20px;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-4 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-box-2 {
grid-row-gap: 80px;
background-color: #fafafa;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/682b26984bf02999662f472a_Hero-Heading-Left.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
min-height: 742px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.section-style-5 {
grid-row-gap: 8px;
border-radius: 56px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-4 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.description-28 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-9 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-175 {
color: #3346f8;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-25 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.feature {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.title-style-15 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.frame-1000003912 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.features-list-3 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-14 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.frame-1000003904 {
grid-row-gap: 8px;
background-color: #ebedfe;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 45px;
height: 40px;
text-decoration: none;
display: flex;
}
.description-29 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-10 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.feature-2 {
grid-column-gap: 16px;
border: 1px solid #e7e7e7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.text-176 {
color: #3346f8;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-31 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.features-list-4 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-11 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.title-style-16 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.columns-10 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.frame-1000003930 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-30 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-26 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.faq-4 {
z-index: 2;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
display: block;
position: relative;
}
.faq-4.faq-container {
background-color: #fff0;
border-radius: 5px;
width: 1200px;
max-width: 1000px;
margin-top: 40px;
margin-bottom: 40px;
padding-top: 60px;
padding-bottom: 80px;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-14 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-37 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-8 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(25.07deg, #2432b0, #3346f8 44%, #62f2f2);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.content-style-30 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.hero-heading-left-6 {
grid-column-gap: 80px;
background-image: linear-gradient(225.54deg, #fff0 0%, #fff 100%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/684018831f8cb1a12114e747_Hero-Heading-Left.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-label-18 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-7 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-54 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-38 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.image-wrapper-5 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-53 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.button-style-85 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.image-32 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.description-46 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-28 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.title-style-18 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-250 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-251 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000003932 {
grid-column-gap: 32px;
grid-row-gap: 80px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.icon-6 {
object-fit: cover;
border-radius: 100px;
overflow: hidden;
}
.testimonial-stack-3 {
grid-column-gap: 80px;
background-color: #0d1240;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.small-container-9 {
grid-row-gap: 40px;
background-color: #0d1240;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
padding: 64px;
text-decoration: none;
display: flex;
}
.content-style-31 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-5 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-11 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.container-39 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.hero-heading-left-8 {
grid-row-gap: 56px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-40 {
grid-column-gap: 80px;
background-color: #0d1240;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
padding: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-1 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-wrapper-12 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-55 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.column-56 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-0 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(80.46deg, #3346f8 0%, #33e0ff 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-39 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.button-style-91 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-91.button-1 {
width: 120px;
}
.text-258 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.card3-3 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 440px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px 3px #0000000a;
}
.tabs-3 {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
width: 1000px;
height: 600px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 60px;
display: flex;
}
.header-style-41 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.price-3 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.services1 {
flex-flow: column;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
max-width: none;
height: 800px;
padding-top: 220px;
padding-bottom: 100px;
display: flex;
}
.text-span {
font-size: 12px;
}
.description-53 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tabs__menu-2 {
width: 350px;
margin: -262px -24px -32px 25px;
}
._15000---20002 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000003933 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-35 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-54 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-65 {
grid-column-gap: 20px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 500px;
margin-bottom: 140px;
margin-left: 0;
padding-top: 20px;
padding-bottom: 20px;
text-decoration: none;
display: flex;
}
.title-style-21 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5501 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 400px;
height: 1px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-18 {
color: #060505;
text-align: center;
letter-spacing: -.02em;
width: 950px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-18.des {
color: #06050599;
text-align: center;
font-family: Cabin, sans-serif;
font-size: 15px;
}
.header-style-42 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tabs__link-2 {
color: #fff;
cursor: pointer;
background-color: #0000;
border-radius: 4px;
justify-content: flex-start;
align-items: center;
height: 60px;
margin-bottom: 15px;
padding: 5px;
transition: background-color .2s;
display: flex;
}
.tabs__link-2:visited {
background-color: #0000;
}
.tabs__link-2.w--current {
background-color: #f46e000a;
border-left: 4px solid #f46e00;
border-radius: 0;
width: 516px;
height: 60px;
margin-bottom: 15px;
padding: 5px;
display: flex;
}
.tabs__link-2.w--current:hover {
background-color: #f46e000a;
}
.h3 {
letter-spacing: 0;
text-transform: none;
margin-bottom: 20px;
font-size: 2.2rem;
font-weight: 500;
line-height: 1.2;
}
.h3.mb-0 {
text-align: left;
color: #000;
text-align: left;
text-align: left;
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
display: flex;
}
.action-7 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.container-52 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-6 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-6.kkkkkkkkkkk {
text-align: left;
}
.slider-card-3 {
color: #054638;
background-color: #60eea300;
border-radius: 1rem;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 360px;
height: 100%;
min-height: 20rem;
padding: 0;
display: flex;
position: relative;
}
.description-55 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-259 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-40 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.container-53 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-7 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-7.kkkkkkkkkkk {
text-align: left;
}
.description-56 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-260 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-41 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.container-54 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-8 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-8.kkkkkkkkkkk {
text-align: left;
}
.description-57 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-261 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-42 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.faq-5 {
z-index: 2;
width: 100%;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-left: 5vw;
padding-right: 5vw;
display: block;
position: relative;
}
.faq-5.faq-container {
background-color: #fff;
border-radius: 5px;
width: 1200px;
max-width: 1000px;
margin-top: 40px;
margin-bottom: 40px;
padding-top: 60px;
padding-bottom: 80px;
display: none;
}
.container-10 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.hero-heading-left-3 {
grid-column-gap: 80px;
background-image: linear-gradient(245.73deg, #fff0 0%, #fff 100%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/683ebd205ff87fd73f9f00c6_Hero-Heading-Left.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-copy-goes-here-be-awesome-5 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(25.07deg, #2432b0, #3346f8 44%, #62f2f2);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.content-style-27, .column-14 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.hero-heading-left-4 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-11 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-13 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-4 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-31 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.button-style-92 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-92.button-1 {
width: 120px;
}
.text-262 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.tabs-4 {
grid-column-gap: 64px;
grid-row-gap: 64px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
width: 1000px;
height: 600px;
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 60px;
display: flex;
}
.header-style-43 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.country-2 {
letter-spacing: 1px;
align-items: center;
display: flex;
}
.description-58 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000003934 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-36 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-59 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-66 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-22 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-19 {
color: #060505;
text-align: center;
letter-spacing: -.02em;
width: 950px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-19.des {
color: #06050599;
text-align: center;
font-family: Cabin, sans-serif;
font-size: 15px;
}
.header-style-44 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.action-8 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.right-arrow {
background-color: #edf6ff;
border: 2px solid #dceeff;
border-radius: 100px;
width: 45px;
height: 45px;
margin-top: 360px;
margin-left: 0;
margin-right: 370px;
padding-top: 0;
font-size: 14px;
transition: all .2s;
top: 17px;
right: -17px;
}
.right-arrow:hover {
transform: translate(2px);
}
.container-55 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.testimonial-card {
justify-content: center;
align-items: center;
height: 500px;
display: none;
box-shadow: 17px 88px 60px -100px #4f5e782e, 11px 0 20px -9px #4f5e781a;
}
.column-wrap {
display: flex;
}
.text-263 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-15 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.slide-nav {
background-color: #fff;
border-radius: 500px;
max-width: 150px;
display: none;
top: 575.901px;
box-shadow: 1px 1px 3px #0000000d;
}
.icon-10 {
color: #0084ff;
}
.horizontal-fixed-height {
min-height: 100px;
}
.title-copy-goes-here-be-awesome-20 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.column-67 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.slider-horizontal {
background-color: #0000;
width: 100%;
height: 100%;
}
.mask-horizontal {
overflow: visible;
}
.left-arrow {
background-color: #edf6ff;
border: 1px solid #dceeff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
margin-top: 360px;
margin-left: 695px;
margin-right: 0;
padding: 10px;
font-size: 14px;
transition: all .2s;
display: flex;
top: 17px;
left: -17px;
}
.left-arrow:hover {
transform: translate(-2px);
}
.icon-9 {
color: #0084ff;
}
.image-43 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
max-width: none;
height: 480px;
text-decoration: none;
display: flex;
}
.testimonial-image-wrap {
justify-content: center;
align-items: center;
width: 40%;
height: 350px;
display: flex;
position: relative;
overflow: hidden;
}
.horizontal-content-block {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 60%;
padding: 20px 75px;
display: flex;
}
.testimonial-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.testimonial-section {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: auto;
padding: 60px 3%;
display: flex;
overflow: hidden;
}
.button-style-93 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.container-56 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-9 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-60 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-264 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-44 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.container-57 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-10 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-61 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-265 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-45 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.container-58 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-11 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-62 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-266 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-46 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-12 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-63 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-267 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-47 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.container-59 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.hero-heading-left-13 {
grid-column-gap: 80px;
background-image: linear-gradient(245.73deg, #fff0 0%, #fff 100%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/683ebd205ff87fd73f9f00c6_Hero-Heading-Left.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-copy-goes-here-be-awesome-21 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(25.07deg, #2432b0, #3346f8 44%, #62f2f2);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.content-style-37, .column-68 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.hero-heading-left-14 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-60 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-69 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-13 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-48 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.action-9 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.description-64 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-13 {
color: var(--_variable-collection---neutral--4);
text-align: center;
width: 900px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-65 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-46 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card3-4 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.features-list-5 {
grid-row-gap: 40px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-268 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-269 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000004083 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.columns-15 {
grid-column-gap: 24px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.content-style-44 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-25 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-96 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-96.button-1 {
width: 120px;
}
.section-title-18 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.description-66 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5503 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 428px;
height: 1px;
text-decoration: none;
display: flex;
}
.column-85 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-61 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.text-270 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-16 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-16 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-22 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.column-86 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-49 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.button-style-97 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.column-87 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-67 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-16 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.rectangle-5504 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 1px;
height: 382px;
text-decoration: none;
display: flex;
position: absolute;
top: 41px;
left: 36px;
}
.feature-3 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.title-style-26 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.features-list-6 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000004086 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-88 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.frame-1000004084 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
}
.text-271 {
color: #3346f8;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-17 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.frame-1000004085 {
grid-row-gap: 8px;
background-color: #ebedfe;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
text-decoration: none;
display: flex;
}
.content-style-45 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-14 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-272 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-50 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-15 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-273 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-51 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-16 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-274 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-52 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-17 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-275 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-53 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.hero-heading-left-5 {
grid-column-gap: 80px;
background-image: linear-gradient(234.52deg, #fff0 0%, #fff 100%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/683ed196e149bc6401a895ca_Hero-Heading-Left.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-copy-goes-here-be-awesome-7 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(72.44deg, #2432b0, #3346f8 44%, #62f2f2);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.container-36 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-50 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-28, .column-89 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.hero-heading-left-15 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-62 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-90 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-14 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-54 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.title-style-17 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000003931 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.section-title-13 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.header-style-40 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-29 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-44 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-18 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-249 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-83 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.rectangle-5500 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 428px;
height: 1px;
text-decoration: none;
display: flex;
}
.description-43 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-248 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.action-6 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.columns-11 {
grid-column-gap: 24px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.description-45 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.icon-7, .icon-8 {
color: #000;
}
.text-276 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.container-63 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.column-91 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-17 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-98 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.image-55 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-23 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.actions-17 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-19 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-277 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-56 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-20 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-278 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-57 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-21 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-279 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-58 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.actions-18 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.hero-heading-left-16 {
grid-column-gap: 80px;
background-image: linear-gradient(234.52deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686cbfa47c4f5a486446e209_Hero%20Heading%20Left.png");
background-position: 0 0, 50% 0;
background-size: auto, cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: 800px;
min-height: 800px;
margin-top: 80px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-copy-goes-here-be-awesome-24 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(72.44deg, #2432b0, #3346f8 44%, #62f2f2);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.content-style-39 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-64 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-70 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.hero-heading-left-17 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-65 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-73 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-16 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-59 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-74 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-26 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.actions-19 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.container-66 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-75 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-60 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-wrapper-17 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.hero-heading-left-18 {
grid-row-gap: 56px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-copy-goes-here-be-awesome-27 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.column-76 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-40 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.small-container-10 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.content-style-41 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 160px;
text-decoration: none;
display: flex;
}
.description-68 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-280 {
color: #b4b4b4;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: line-through;
}
.section-title-16 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.description-69 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-47 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-70 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-281 {
color: #5d5d5d;
text-align: center;
letter-spacing: .02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000003936 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-71 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-282 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-283 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-style-27 {
grid-column-gap: 8px;
justify-content: flex-end;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5502 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 712px;
height: 1px;
text-decoration: none;
display: flex;
}
.list-4 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-28 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.image-61 {
object-fit: cover;
border-radius: 8px;
overflow: hidden;
}
.title-6 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(87.02deg, #2432b0 0%, #3346f8 44%, #62f2f2 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.content-style-42 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.column-77 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 197px;
display: flex;
}
.description-72 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004076 {
grid-column-gap: 80px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.intro-9 {
grid-row-gap: 16px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.column-78 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 434px;
text-decoration: none;
display: flex;
}
.features-list-7 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.title-7 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-style-24 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.image-62 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.description-73 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-18 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.description-74 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.content-style-43 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.card-34 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 440px;
height: 144px;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.container-67 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.image-63 {
background-color: #121111;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/685d806eb2469ceec529f8f9_slide-img.jpg");
background-position: 0 0;
background-size: auto;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.section-title-17 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-284 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-wrapper-18 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-28 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.stories {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 640px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-79 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.frame-1000004082 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.container-68 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.team-rectangles-6 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 80px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-80 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-22 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-19 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-64 {
background-color: #232020;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/685d806eb2469ceec529f8f9_slide-img.jpg");
background-position: 0 0;
background-size: auto;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.stories-2 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-69 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-81 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-70 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.image-wrapper-20 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-65 {
background-color: #000;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/685d806eb2469ceec529f8f9_slide-img.jpg");
background-position: 0 0;
background-size: auto;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-84 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-23 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-285 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-66 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-24 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-286 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-67 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-25 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-287 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-68 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.content-style-46 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-69 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.container-71 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-29 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(61.56deg, #2432b0, #3346f8 44%, #62f2f2);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.column-92 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 640px;
text-decoration: none;
display: flex;
}
.image-wrapper-21 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.hero-heading-left-19 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.title-copy-goes-here-be-awesome-30 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-288 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-289 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.team-rectangles-4 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.container-72 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.frame-1000004087 {
grid-column-gap: 40px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-32 {
grid-row-gap: 24px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 460px;
padding: 24px;
text-decoration: none;
display: flex;
}
.icon-11 {
object-fit: cover;
border-radius: 100px;
overflow: hidden;
}
.container-73 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-31 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.image-70 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-93 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.hero-heading-left-20 {
grid-row-gap: 80px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.content-style-38 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-32 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 56px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-wrapper-22 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.actions-20 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.team-rectangles-5 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.container-74 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.frame-1000003935 {
grid-column-gap: 40px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-33 {
grid-row-gap: 24px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 460px;
padding: 24px;
text-decoration: none;
display: flex;
}
.icon-12 {
object-fit: cover;
border-radius: 100px;
overflow: hidden;
}
.text-290 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-291 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-47 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-75 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-33 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(57.77deg, #2432b0, #3346f8 44%, #62f2f2);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-heading-left-21 {
grid-column-gap: 80px;
background-image: linear-gradient(234.52deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/685e3ea5354b80343ad1f133_GettyImages-1389862392.webp");
background-position: 0 0, 100%;
background-size: auto, contain;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-94 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.actions-21 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.image-wrapper-23 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-71 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/685e3ec02377869aa6e2296d_Cat.webp");
background-position: 50%;
background-size: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-95 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-34 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-heading-left-22 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-76 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.button-style-99 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-99.button-1 {
width: 120px;
}
.text-292 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.card3-5 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 440px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.description-75 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-52 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004088 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-48 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-76 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-96 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 400px;
text-decoration: none;
display: flex;
}
.title-style-29 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5505 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 400px;
height: 1px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-35 {
color: #060505;
text-align: center;
letter-spacing: -.02em;
width: 950px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-35.des {
color: #06050599;
text-align: center;
font-family: Cabin, sans-serif;
font-size: 15px;
}
.header-style-48 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tabs__link-3 {
color: #fff;
cursor: pointer;
background-color: #0000;
border-radius: 4px;
justify-content: flex-start;
align-items: center;
height: 32px;
margin-bottom: 15px;
padding: 5px;
transition: background-color .2s;
display: flex;
}
.tabs__link-3:visited {
background-color: #0000;
}
.tabs__link-3.w--current {
background-color: #fff9f5;
border-left: 4px solid #f46e00;
border-radius: 0;
width: 516px;
height: 50px;
margin-bottom: 15px;
padding: 5px;
display: flex;
}
.tabs__link-3.w--current:hover, .tabs__link-3.w--current:active {
background-color: #fff9f5;
}
.tabs__link-3.w--current:visited {
border-left-color: #f46e00;
}
.action-10 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.frame-1000004089 {
grid-row-gap: 8px;
background-color: #ebedfe;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
text-decoration: none;
display: flex;
}
.column-97 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.column-98 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.intro-11 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-30 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.features-list-8 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-293 {
color: #3346f8;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-49 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.rectangle-5506 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 1px;
height: 382px;
text-decoration: none;
display: flex;
position: absolute;
top: 41px;
left: 36px;
}
.feature-5 {
grid-column-gap: 16px;
border: 1px solid #e7e7e7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.frame-1000004090 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.columns-19 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.description-77 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004081 {
grid-row-gap: 10px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 120px;
text-decoration: none;
display: flex;
}
.container-77 {
grid-column-gap: 80px;
background-color: #0d1240;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 1000px;
padding: 40px 120px;
text-decoration: none;
display: flex;
}
.column-99 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-36 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-23 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-24 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-72 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
height: 480px;
text-decoration: none;
display: flex;
}
.frame-1000004091 {
grid-row-gap: 10px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 40px 120px;
text-decoration: none;
display: flex;
}
.container-78 {
grid-column-gap: 80px;
background-color: #0d1240;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 1000px;
padding: 40px 120px;
text-decoration: none;
display: flex;
}
.column-100 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 400px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-37 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-24 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-25 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-73 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 300px;
max-width: none;
height: 300px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-26 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-294 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-74 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-27 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-295 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-75 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-28 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-296 {
color: #000;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-76 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 360px;
height: 240px;
text-decoration: none;
display: flex;
}
.intro_grid {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
display: flex;
}
.intro_video-wrap {
background-color: #f3f3f3;
border-radius: .6rem;
padding: 1rem;
display: none;
}
.section_top-bar {
border: 1px solid #0000;
}
.tab-pane-tab-5 {
margin-top: 3rem;
}
.container-79 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
}
.page-wrapper-4 {
padding-top: 50px;
}
.tabs_link {
color: #727272;
text-align: center;
background-color: #ddd0;
border-bottom: 3px solid #eee;
flex: 1;
font-weight: 600;
}
.tabs_link.w--current {
color: #000;
background-color: #ddd0;
border-bottom-color: #2d62ff;
}
.tabs_menu {
justify-content: space-between;
align-items: center;
display: flex;
}
.tab-pane-tab-5-4 {
padding-top: 3rem;
padding-bottom: 3rem;
}
.cta-button {
position: absolute;
inset: 20px 20px auto auto;
}
.tabs_gif {
object-fit: cover;
border: 2px solid #eee;
border-radius: 2rem;
width: 1118.18px;
max-width: 100%;
height: 35rem;
margin-left: auto;
margin-right: auto;
padding-top: 0;
display: block;
box-shadow: -9px 10px 20px #0003;
}
.tabs_inner {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1.75fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
place-items: center;
margin-left: auto;
margin-right: auto;
padding-top: 3rem;
padding-bottom: 3rem;
display: flex;
}
.intro_video {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/685e42cc354b80343ad449a8_openlivesite.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: .6rem;
overflow: hidden;
}
.team-rectangles-8 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 80px 120px 128px 0;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-297 {
color: #000;
letter-spacing: -.02em;
width: 95%;
margin-top: 0;
margin-bottom: 3rem;
font-family: Cabin, sans-serif;
font-size: 35px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-297.texthead {
width: 100%;
margin-bottom: 3rem;
}
.section-title-20 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 1118.18px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
}
.section_intro {
min-height: 100svh;
}
.tab-pane-tab-4 {
width: 1242px;
padding-top: 3rem;
padding-bottom: 3rem;
}
.container-large-3 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.hero-stack-2 {
grid-row-gap: 20px;
background-image: linear-gradient(88.1deg, #fff, #fff0), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686b72df0010afbdb81174d0_Hero%20Heading%20Left.png");
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 729px;
min-height: 729px;
padding: 64px 120px;
display: flex;
overflow: hidden;
}
.small-container {
grid-row-gap: 40px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.title-section {
grid-row-gap: 36px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-50 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-299 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-22 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-100 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 24px;
text-decoration: none;
display: flex;
}
.button-label-19 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-101 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-20 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.h1t {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 55px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-1 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 55px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.testimonial-stack-4 {
grid-column-gap: 80px;
background-color: #00256f;
background-image: linear-gradient(#00256f, #00256f00), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68637f90de41c8f1ef2dffe0_Wireframe%20-%2015.jpg");
background-position: 0 0, 50%;
background-size: auto, cover;
border: 1px solid #000;
justify-content: center;
align-items: flex-start;
width: 100%;
min-height: 684px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.small-container-11 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
padding: 0 64px;
text-decoration: none;
display: flex;
}
.content-wrapper {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-51 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-31 {
color: var(--text-white\);
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-78 {
color: var(--text-white\);
text-align: center;
width: 120%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-102 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-102.button-1.know-more {
width: 110px;
}
.button-label-21 {
color: var(--text-white\);
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.rectangle-5491 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 580px;
height: 1px;
text-decoration: none;
display: flex;
}
.frame-1000004092 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-35 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.icon-13 {
background-color: #dceeff;
border-radius: 100px;
overflow: hidden;
}
.test-tube-line {
object-fit: cover;
width: 20px;
display: block;
overflow: hidden;
}
.content-style-52 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-300 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-301 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.small-container-12 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
padding: 64px;
text-decoration: none;
display: flex;
}
.content-style-53 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-32 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-79 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-103 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-103.button-1.lm2 {
width: 110px;
}
.button-style-103.button-1.lm2:hover {
background-color: var(--_variable-collection---color);
}
.button-label-22 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.rectangle-5507 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 580px;
height: 1px;
text-decoration: none;
display: flex;
}
.frame-1000004093 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-36 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.icon-14 {
background-color: #dceeff;
border-radius: 100px;
overflow: hidden;
}
.content-style-54 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-302 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-303 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.team-rectangles {
grid-row-gap: 80px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px 128px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-80 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.section-title {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-29 {
color: #5d5d5d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-81 {
grid-column-gap: 22px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1280px;
height: 78px;
padding-left: 28px;
padding-right: 28px;
display: flex;
}
.metric-item {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: 240px;
max-width: none;
text-decoration: none;
display: flex;
}
.icon-wrap {
flex-direction: column;
justify-content: center;
align-items: center;
width: 55px;
height: 48px;
padding-top: 0;
text-decoration: none;
display: flex;
}
.featured-icon {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
width: 45px;
height: 60px;
}
.zap {
object-fit: cover;
overflow: hidden;
}
.content-style-55 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number-and-text {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number {
color: #0084ff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-305 {
color: #5d5d5d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.number-2 {
color: #2470e8;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.healthcare-genomics-0 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.6deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.healthcare-genomics-1 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.63deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.healthcare-genomics-2 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.features-list-9 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-20 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-101 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 440px;
text-decoration: none;
display: flex;
}
.content-style-56 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-12 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-80 {
color: var(--_variable-collection---neutral--4);
width: 408px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-104 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 24px;
text-decoration: none;
display: flex;
}
.button-style-104.button-1.lm {
width: 150px;
}
.button-style-104.button-1.lm:hover {
background-color: var(--_variable-collection---blue--5);
}
.button-label-23 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.card-37 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 440px;
height: auto;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.card-37:hover {
box-shadow: 20px 8px 24px #0000000a;
}
.card-37.cardstyler {
box-shadow: 0 -3px 24px -20px #0000004f;
}
.card-37.cardstyler:hover {
box-shadow: -5px 11px 24px -18px #00000080;
}
.card-37.card000 {
box-shadow: none;
}
.image-77 {
object-fit: cover;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68ecfc45af3c140067d817df_Fertility%20Genomics.jpeg.jpg");
background-position: 0 0;
background-size: auto;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.content-style-57 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.title-style-33 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-81 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-82 {
color: var(--texthero\);
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-82 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6863afdfaad73af468350af9_Banner%20-%20Mobile.png"), linear-gradient(#00000080, #00000080);
background-position: 50%, 0 0;
background-size: cover, auto;
border-radius: 20px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
min-height: 228px;
padding: 40px 60px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-49 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-6 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
text-decoration: none;
display: flex;
}
.text-306 {
color: #fff;
letter-spacing: -.02em;
width: 360px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000004097 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000003905 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-307 {
color: #fff;
width: 520px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-105 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-24 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-0 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90.14deg, #f17720 0%, #f4bd57 52%, #00a7e1 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-1 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.team-rectangles-9 {
grid-row-gap: 64px;
background-color: var(--_variable-collection---neutral--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
font-family: Cabin, sans-serif;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000004101 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.container-83 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.section-title-21 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
font-family: Cabin, sans-serif;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-30 {
color: var(--_variable-collection---neutral--5);
text-align: center;
width: 700px;
margin-top: 0;
margin-bottom: 20px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-84 {
grid-column-gap: 22px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1280px;
height: 78px;
padding-left: 28px;
padding-right: 28px;
display: flex;
}
.featured-icon-2 {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
}
.content-style-58 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number-3 {
color: #0084ff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.number-4 {
color: #2470e8;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.agri-genomics-0 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.agri-genomics-1 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90.12deg, #f17720 22%, #f4bd57 74%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.features-list-10 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-21 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-102 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
}
.content-style-59 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-13 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-83 {
color: var(--texthero\);
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-label-25 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.cardstyler {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 440px;
height: 144px;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.cardstyler:hover {
box-shadow: -5px 11px 24px -18px #00000080;
}
.image-78 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.content-style-60 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.title-style-34 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-84 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-85 {
color: var(--texthero\);
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-8 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-9 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f17720 0%, #f4bd57 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.team-rectangles-10 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-85 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.section-title-22 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-31 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-22 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card4-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-wrapper-26 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-79 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-17 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-6 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-86 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.action {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-106 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-26 {
color: #155eef;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.animal-genomics-2 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.animal-genomics-3 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f18027 0%, #f4bd58 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.frame-1000004012 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000003986 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 393px;
padding: 72px 32px 36px;
text-decoration: none;
display: flex;
}
.frame-1000003985 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 292px;
text-decoration: none;
display: flex;
}
.text-309 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-310 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-107 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-27 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000003982 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5508 {
object-fit: cover;
border-radius: 10px;
}
.frame-1000003987 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 393px;
padding: 36px 32px;
text-decoration: none;
display: flex;
}
.text-311 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-108 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-28 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000003994 {
grid-row-gap: 16px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 392px;
padding: 36px 32px;
text-decoration: none;
display: flex;
}
.frame-1000003993 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 326px;
text-decoration: none;
display: flex;
}
.text-312 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-313 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000003992 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000003989 {
grid-column-gap: 22px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card-39 {
grid-row-gap: 8px;
background-color: #fff;
border: 1px solid #e7e7e7;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 153px;
text-decoration: none;
display: flex;
}
.icon-15 {
object-fit: cover;
border-radius: 100px;
overflow: hidden;
}
.content-style-61 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-314 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-315 {
opacity: .6;
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.handled-more-than-100000-infertility-cases-since-1998 {
opacity: .6;
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000003995 {
grid-row-gap: 28px;
background-color: #e7e7e7;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 393px;
padding-top: 36px;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: flex;
}
.text-316 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000003996 {
grid-row-gap: 16px;
background-color: #e7e7e7;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 393px;
padding: 36px 32px;
text-decoration: none;
display: flex;
}
.frame-1000004102 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 292px;
text-decoration: none;
display: flex;
}
.text-317 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-style: italic;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.frame-1000004006 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 394px;
padding: 36px 32px;
text-decoration: none;
display: flex;
}
.frame-1000004004 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.group-1 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 329px;
height: 40px;
text-decoration: none;
display: flex;
}
.frame-1000004002 {
grid-column-gap: 5px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 302px;
height: 109px;
text-decoration: none;
display: flex;
}
.frame-1000003997 {
background-color: #fafafa;
border-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 12px;
text-decoration: none;
display: flex;
}
.text-318 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000003998 {
background-color: #e7e7e7;
border-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 12px;
text-decoration: none;
display: flex;
}
.frame-1000004005 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 320px;
text-decoration: none;
display: flex;
}
.nav-link {
display: none;
overflow: auto;
}
.frame-1000003877 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-40 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.icon-16 {
background-color: #fba700;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
margin-left: auto;
margin-right: auto;
display: flex;
overflow: hidden;
}
.content-style-62 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-319 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-320 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.icon-17 {
background-color: #fba700;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 30px;
height: 30px;
display: flex;
overflow: hidden;
}
.logo-4 {
object-fit: cover;
width: 100px;
margin-left: 40px;
}
.nav_content-3 {
grid-column-gap: 48px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 75.4125px;
text-decoration: none;
display: flex;
position: fixed;
}
.text-321 {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-321:hover {
color: #3346f8;
}
.text-322 {
color: #5d5d5d;
text-align: left;
margin-top: 0;
margin-bottom: 0;
margin-right: 21px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.nav_link-4 {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: 12px;
font-size: 12px;
text-decoration: none;
display: flex;
}
.nav_link-4:hover {
color: #3346f8;
}
.navbar-button-4 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 150px;
height: 50px;
padding: 8px 16px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.padding-global-7 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: flex;
}
.nav_brand-4 {
justify-content: flex-start;
align-items: flex-start;
width: 100px;
text-decoration: none;
display: flex;
}
.section-title-23 {
grid-column-gap: 20px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-32 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.slider-card-4 {
color: #054638;
background-color: #60eea300;
border-radius: 1rem;
flex-direction: column;
justify-content: center;
align-items: center;
width: 320px;
height: 100px;
min-height: 20rem;
margin-left: auto;
margin-right: auto;
padding: 0 0;
display: flex;
position: relative;
}
.info-18 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-323 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.page-wrapper-5 {
padding-top: 50px;
}
.image-80 {
object-fit: cover;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.text-324 {
color: #000;
text-align: right;
width: 100%;
margin-top: -3px;
margin-bottom: 0;
font-size: 11px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.slider_slide-3 {
width: 20rem;
margin-right: 1rem;
}
.text-325 {
color: #000;
text-align: right;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 13px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.slider-3 {
background-color: #0000;
height: auto;
margin-top: 40px;
margin-bottom: 40px;
padding-top: 0;
padding-bottom: 4rem;
position: relative;
}
.hero-heading-left-23 {
grid-column-gap: 80px;
background-image: linear-gradient(266.19deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68a5b423f699d22ad52ea3eb_hbjb.png");
background-size: auto, cover;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
min-height: 800px;
margin-top: 80px;
padding: 80px 24px;
display: none;
overflow: hidden;
}
.container-86 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-103 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-63 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-25 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-23 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-109 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-109.button-1 {
width: 150px;
}
.button-label-29 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-39 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(73.69deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-40 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(25.07deg, #2432b0 0%, #3346f8 44%, #62f2f2 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-41 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-heading-left-24 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
font-family: Cabin, sans-serif;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-87 {
grid-column-gap: 80px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-104 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-27 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-81 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-105 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-42 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.actions-24 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-110 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-110:hover {
background-color: var(--_colors---blue--2\);
border-style: none;
}
.button-label-30 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.features-list-11 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-23 {
grid-column-gap: 80px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-106 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-64 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-14 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-87 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.feature-6 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.frame-1000004103 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 45px;
height: 40px;
text-decoration: none;
display: flex;
}
.text-326 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004104 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-88 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-10 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-11 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(77.2deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.wireframe---14 {
grid-row-gap: 10px;
background-color: #00256f;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68a59e2938c07df4baae7a4b_Wireframe%20-%2014.png");
background-position: 0 0;
background-size: auto;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
height: 800px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.digitale-de-ud98m9ohnmc-unsplash-1 {
background-image: linear-gradient(179.93deg, #00256f 0%, #00256f80 94%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/686247e1af9862a2096843e1_Hero-Heading-Left.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
min-height: 1018.36px;
}
.small-container-13 {
grid-row-gap: 40px;
flex-flow: column;
order: -1;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding: 64px;
text-decoration: none;
display: flex;
position: static;
top: 80px;
left: 0;
}
.content-wrapper-3 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-65 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-35 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-89 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004105 {
grid-column-gap: 32px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-41 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-66 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-327 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.features-list-12 {
grid-row-gap: 80px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-24 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-107 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-67 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-15 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-90 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-111 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-31 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.card-42 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 440px;
height: 144px;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-82 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.content-style-68 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.title-style-36 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-91 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-92 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-12 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(85.58deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-13 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.frame-1000004131 {
grid-row-gap: 24px;
background-image: linear-gradient(-82.06deg, #fff0 3%, #fff 74%), none;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 393px;
min-height: 503px;
padding: 160px 32px;
text-decoration: none;
display: none;
}
.frame-1000004130 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 233px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-26 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-112 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-32 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.fertility-genomics-0 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(79.95deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.fertility-genomics-1 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004132 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 393px;
padding: 40px 32px;
text-decoration: none;
display: none;
}
.column-108 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 179px;
display: flex;
}
.content-style-69 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 322px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-43 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-27 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-25 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-113 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-33 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-109 {
grid-column-gap: 5.78571px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 277.56px;
display: flex;
}
.image-wrapper-28 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 277.56px;
text-decoration: none;
display: flex;
}
.image-83 {
object-fit: cover;
border-radius: 11.5714px;
justify-content: center;
align-items: center;
width: 100%;
height: 277.56px;
text-decoration: none;
display: flex;
}
.frame-1000004133 {
grid-row-gap: 24px;
background-color: #00256f;
background-image: linear-gradient(-.4deg, #00256f66, #00256f), none;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 393px;
min-height: 998px;
padding: 40px 32px;
text-decoration: none;
display: none;
}
.content-style-70 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-37 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-93 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004134 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 789px;
display: flex;
}
.card-43 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
text-decoration: none;
display: flex;
}
.content-style-71 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-329 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-330 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-72 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-331 {
opacity: .6;
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-332 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-333 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000004135 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 393px;
padding: 40px 32px;
text-decoration: none;
display: flex;
}
.column-110 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 200px;
display: flex;
}
.content-style-73 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-28 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-26 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-114 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-34 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.column-111 {
grid-column-gap: 5.875px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 282px;
display: flex;
}
.image-wrapper-29 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 282px;
text-decoration: none;
display: flex;
}
.image-84 {
object-fit: cover;
border-radius: 11.75px;
justify-content: center;
align-items: center;
width: 100%;
height: 282px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-45 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-46 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.container-88 {
grid-row-gap: 24px;
background-color: #011b65;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/68624d1db8717c4ccb534301_Frame-1000004133.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 329px;
min-height: 424px;
padding: 40px 20px;
text-decoration: none;
display: flex;
}
.column-112 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-74 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 295px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-47 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-29 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-27 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-115 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-35 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.column-113 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 296px;
height: 127px;
text-decoration: none;
display: flex;
}
.image-wrapper-30 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 297px;
height: 140px;
text-decoration: none;
display: flex;
}
.image-85 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
text-decoration: none;
display: flex;
}
.frame-1000004136 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 393px;
padding: 40px 32px;
text-decoration: none;
display: none;
}
.column-114 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 200px;
display: flex;
}
.content-style-75 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-30 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-28 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-116 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-36 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-89 {
grid-row-gap: 24px;
background-color: #011b65;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/68624d1db8717c4ccb534301_Frame-1000004133.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 329px;
min-height: 424px;
padding: 40px 20px;
text-decoration: none;
display: flex;
}
.column-115 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-76 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 295px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-49 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-31 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-29 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.column-116 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 296px;
height: 127px;
text-decoration: none;
display: flex;
}
.image-86 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-50 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-51 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.section-2 {
padding-top: 8rem;
padding-bottom: 8rem;
position: relative;
}
.section-2.cc-full-center {
flex-direction: column;
justify-content: center;
min-height: 100vh;
display: flex;
}
.dev-tabs_list-btn-icon {
width: 14px;
height: 20px;
line-height: 1;
display: none;
}
.dev-tabs_list {
width: 280px;
margin-top: 48px;
margin-bottom: 0;
padding-left: 0;
}
.dev-tabs_tab {
position: absolute;
inset: 0% 0% auto;
}
.page-wrapper-6 {
color: #fff;
background-color: #1d1c1a;
display: none;
position: relative;
}
.dev-tabs_menu {
z-index: 1;
background-color: #212121;
border-radius: 12px;
width: 280px;
padding: 4px;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.dev-tabs_content {
height: 100%;
position: absolute;
inset: 0% 0% auto;
}
.dev-tabs_list-btn {
color: #737373;
background-color: #0000;
border-radius: 8px;
justify-content: space-between;
align-items: center;
padding: 1em;
font-size: 1rem;
font-weight: 600;
line-height: 1.5;
display: flex;
}
.dev-tabs_list-btn:hover {
color: #fff;
}
.dev-tabs_list-btn.cc-active {
color: #fff;
background-color: #d14424;
}
.dev-tabs_menu-link {
color: #737373;
text-align: center;
background-color: #0000;
border-radius: 8px;
flex: 1;
padding: .4em 2.2em;
font-size: 1rem;
line-height: 1;
}
.dev-tabs_menu-link:hover {
color: #fff;
}
.dev-tabs_menu-link.w--current {
color: #fff;
background-color: #505050;
}
.container-90 {
width: 90%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.dev-tabs_list-content {
background-color: #1c1c1c;
border-radius: 10px;
max-width: 600px;
display: none;
position: absolute;
inset: 0% 0% auto auto;
overflow: hidden;
}
.dev-tabs_list-content.cc-active {
width: 100%;
display: block;
}
.u-img-cover {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.dev-tabs_img-aspect {
border-radius: 12px;
padding-top: 80%;
position: relative;
}
.dev-tabs {
max-width: 1060px;
min-height: 480px;
margin-left: auto;
margin-right: auto;
}
.dev-tabs_list-item {
margin-bottom: 0;
}
.frame-1000004141 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: flex;
}
.intro-16 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-38 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-94 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004140 {
grid-column-gap: 8px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004142 {
grid-column-gap: 10px;
background-color: #fff9f5;
border: 1px solid #f46e00;
border-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 10px;
text-decoration: none;
display: flex;
}
.text-334 {
color: #f46e00;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004137 {
grid-column-gap: 10px;
border: .5px solid #909090;
border-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 10px;
text-decoration: none;
display: flex;
}
.text-335 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.card3 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000004143 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 290px;
text-decoration: none;
display: flex;
}
.header-style-50 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 282px;
text-decoration: none;
display: flex;
}
.content-style-77 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-39 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-95 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-96 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-97 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5496 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 290px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-51 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 294px;
text-decoration: none;
display: flex;
}
.price {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 182px;
text-decoration: none;
display: flex;
}
.text-336 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20000 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-11 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-117 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-37 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.team-rectangles-11 {
grid-row-gap: 64px;
background-color: var(--_variable-collection---neutral--0);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-91 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.frame-1000004099 {
grid-row-gap: 14px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.section-title-24 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-33 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-25 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card4-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-wrapper-31 {
grid-row-gap: 10px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6876368b9724ac7dc0292be3_Image.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 468px;
height: 240px;
display: flex;
overflow: hidden;
}
.image-wrapper-31:hover {
background-size: 550px;
}
.image-wrapper-31.ff {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6876368b304d7921271ca9cb_Image%20Wrapper.png");
width: 468px;
}
.image-87 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-19 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-7 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-98 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.action-12 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-118 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-38 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.collaborate-with-us-0 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(80.81deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.collaborate-with-us-1 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.team-rectangles-12 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-92 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.text-338 {
color: #e0dede;
text-align: left;
font-family: Cabin, sans-serif;
}
.gene {
color: var(--_variable-collection---neutral--5);
text-align: center;
width: 700px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-26 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-wrapper-32 {
grid-row-gap: 10px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68763618b7c300bc9ab06310_Image.png");
background-position: 50%;
background-repeat: repeat;
background-size: 500px;
background-attachment: scroll;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-wrapper-32:hover {
background-size: 550px;
}
.image-wrapper-32.gh {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6876361835ad5b66718d6381_ggg.png");
}
.image-88 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 466px;
max-width: none;
height: 240px;
text-decoration: none;
display: flex;
}
.image-88:hover {
filter: none;
}
.name-8 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-99 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.action-13 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-119 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.buttontext {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.buttontext:hover {
color: #2432b0;
}
.animal-genomics-4 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.animal-genomics-5 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f18027 0%, #f4bd58 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.collection-item-8 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.image-89 {
display: block;
}
.heading-7.texthead1 {
font-size: 14px;
text-decoration: none;
}
.contact-page-header {
background-color: #fff;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 813.935px;
margin-bottom: 86px;
text-decoration: none;
display: flex;
}
.section-style-7 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 720px;
height: 500px;
margin-top: 200px;
padding-top: 96px;
padding-bottom: 96px;
text-decoration: none;
display: flex;
}
.container-93 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-items: flex-start;
width: 500px;
margin-bottom: 0;
margin-left: 40px;
margin-right: 40px;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: flex;
}
.content-style-78 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 512px;
text-decoration: none;
display: flex;
}
.heading-and-supporting-text {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-79 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 20px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-52 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.14deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-32 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.form-style-2 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.form-fields {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 526px;
text-decoration: none;
display: flex;
}
.input-field-base {
grid-row-gap: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.label-style {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 14px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
}
.frame-1000003805 {
grid-column-gap: 6px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: 458px;
text-decoration: none;
display: flex;
}
.input {
grid-column-gap: 8px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 260px;
padding: 12px 16px;
text-decoration: none;
display: flex;
overflow: hidden;
box-shadow: 0 1px 2px #1018280d;
}
.content-style-80 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-339 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
}
.input-2 {
grid-column-gap: 8px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 458px;
padding: 12px 16px;
text-decoration: none;
display: flex;
overflow: hidden;
box-shadow: 0 1px 2px #1018280d;
}
.textarea-input-field {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 154px;
display: flex;
}
.input-with-label {
grid-row-gap: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 154px;
display: flex;
}
.input-3 {
grid-column-gap: 8px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 458px;
height: 128px;
padding: 10px 14px;
text-decoration: none;
display: flex;
overflow: hidden;
box-shadow: 0 1px 2px #1018280d;
}
.actions-30 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 45px;
display: flex;
}
.button-style-120 {
border-radius: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-base {
grid-column-gap: 8px;
background-color: #0084ff;
border: 1px solid #0084ff;
border-radius: 820px;
justify-content: center;
align-items: center;
width: 436px;
padding: 12px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
box-shadow: 0 1px 2px #1018280d;
}
.button-base.button-1 {
width: 436px;
}
.text-340 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.image-90 {
object-fit: cover;
max-width: none;
height: 600px;
margin-top: 200px;
margin-right: 40px;
}
.hero-heading-left-25 {
grid-row-gap: 80px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-94 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-117 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-33 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.image-91 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
display: flex;
}
.column-118 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-53 {
flex-flow: column;
display: flex;
}
.list-5 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004144 {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-8 {
grid-row-gap: 8px;
border-radius: 56px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-341 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004145 {
grid-column-gap: 40px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.section-style-9 {
grid-row-gap: 8px;
border-radius: 56px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 260px;
text-decoration: none;
display: flex;
}
.container-95 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-33 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-34 {
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-92 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-54 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-55 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
display: flex;
}
.testimonial-stack-5 {
grid-row-gap: 80px;
background-color: #00256f;
background-image: linear-gradient(#00256f, #00256f00), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686b73a541f6d623e5ba2584_Testimonial%20Stack.png");
background-size: auto, cover;
border: 1px solid #0d0d0d;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 1637px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.small-container-14 {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
padding-top: 64px;
padding-bottom: 64px;
text-decoration: none;
display: flex;
}
.content-wrapper-4 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-81 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-40 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-100 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-82 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5509 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 393px;
height: 1px;
text-decoration: none;
display: flex;
}
.text-342 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000004146 {
grid-column-gap: 40px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-44 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 200px;
text-decoration: none;
display: flex;
}
.pregnancy-sperms-2-streamline-ux-duotone {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-83 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-343 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-344 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004100 {
grid-column-gap: 36px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.section-style-10 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 620px;
text-decoration: none;
display: flex;
}
.container-96 {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 500px;
height: 596px;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.column-119 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 565px;
max-width: 565px;
padding-left: 40px;
padding-right: 40px;
text-decoration: none;
display: flex;
}
.content-style-84 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-56 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.13deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-34 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.list-6 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004147 {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-11 {
grid-row-gap: 8px;
border-radius: 56px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-345 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-121 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-121.button-1 {
width: 110px;
}
.button-label-40 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.section-style-12 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.container-97 {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 565px;
max-width: 500px;
height: 596px;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-57 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(87.3deg, #00256f, #0084ff 53%, #02beff);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.actions-31 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.hero-heading-left-26 {
grid-column-gap: 80px;
background-image: linear-gradient(264.9deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686baf14c253a79eed7042c1_Hero%20Heading%20Left.png");
background-position: 0 0, 50% 100%;
background-attachment: scroll, fixed;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
min-height: 800px;
padding: 80px 24px;
display: flex;
overflow: hidden;
}
.container-98 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-120 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-85 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-58 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(74.1deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-35 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-32 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-122 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-41 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-27 {
grid-column-gap: 80px;
background-image: linear-gradient(225.54deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686b90d0c77980f709ad2c6a_Hero%20Heading%20Left.png");
background-position: 0 0, 50% 200%;
background-size: auto, cover;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
min-height: 800px;
margin-top: 80px;
padding: 80px 24px;
font-family: Cabin, sans-serif;
display: none;
overflow: hidden;
}
.container-99 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-121 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-86 {
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-86.aboutuswrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: auto;
}
.title-copy-goes-here-be-awesome-59 {
justify-content: center;
align-items: center;
font-family: Cabin, sans-serif;
font-size: 4.1rem;
font-weight: 500;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-36 {
color: #5d5d5d;
font-family: Cabin, sans-serif;
font-size: var(--main-description\);
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-33 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-123 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-123.button-1 {
width: 160px;
}
.button-label-42 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-60 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-61 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(25.07deg, #2432b0 0%, #3346f8 44%, #62f2f2 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-62 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-62.kkbk {
font-size: var(--main-heading\);
margin-bottom: 0;
}
.hero-heading-left-28 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
font-family: Cabin, sans-serif;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-100 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
font-family: Cabin, sans-serif;
text-decoration: none;
display: flex;
}
.column-122 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-35 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-93 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 450px;
text-decoration: none;
display: flex;
}
.column-123 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-63 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-37 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-34 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-124 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-124:hover {
background-color: var(--_colors---blue--2\);
border-width: 0;
}
.button-label-43 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.wireframe---13 {
grid-row-gap: 10px;
background-color: #00256f;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/692428c9d1117926c2be690c_Wireframe%20-%2015.png");
background-position: 0 0;
background-size: auto;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 800px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.wireframe---13.loko {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68637f90de41c8f1ef2dffe0_Wireframe%20-%2015.jpg");
background-position: 50%;
}
.digitale-de-ud98m9ohnmc-unsplash-2 {
background-image: linear-gradient(179.94deg, #00256f 0%, #00256f80 94%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/68637e1e7b52d13e329e9abb_digitale-de-uD98M9OhNmc-unsplash-1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
min-height: 1018.36px;
}
.small-container-15 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
max-width: 960px;
margin-left: auto;
margin-right: auto;
padding: 0 64px;
text-decoration: none;
display: flex;
position: absolute;
inset: 0%;
}
.content-wrapper-5 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-87 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-41 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-101 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004148 {
grid-column-gap: 40px;
grid-row-gap: 60px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-45 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-3 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-88 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-346 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-347 {
opacity: .6;
color: var(--text-white\);
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-29 {
grid-row-gap: 56px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 60px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-101 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-124 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-36 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-94 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-125 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-64 {
flex-flow: column;
display: flex;
}
.title-copy-goes-here-be-awesome-64.blh {
flex-flow: row;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-38 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-35 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-125 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-125.button-1 {
width: 110px;
}
.button-style-125.button-1:hover {
background-color: var(--_variable-collection---blue--5);
}
.button-label-44 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.container-102 {
grid-column-gap: 80px;
background-color: #011b65;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6863803bdee2ed332daa9fb8_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
min-height: 560px;
padding: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-65 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 35px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-39 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-66 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 35px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-66.blh {
width: 230px;
font-size: 24px;
}
.title-copy-goes-here-be-awesome-67 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 35px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-67.blh {
font-size: 24px;
}
.team-rectangles-13 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-103 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68ad75197c8b3d30c84997b2_Container.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
min-height: 228px;
padding: 40px 60px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-52 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-13 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
text-decoration: none;
display: flex;
}
.header-style-53 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-348 {
color: #fff;
letter-spacing: -.02em;
width: 80%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000004149 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 500px;
text-decoration: none;
display: flex;
}
.frame-1000004150 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-349 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-126 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-126:hover {
background-color: var(--_colors---blue--2\);
}
.button-label-45 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-section---mobile {
grid-row-gap: 24px;
background-image: linear-gradient(#fff0 3%, #fff 74%), none;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 160px 24px 40px;
text-decoration: none;
display: none;
}
.frame-1000004161 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000004162 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-40 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-127 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-46 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.sample-title-0 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.sample-title-1 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004163 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-126 {
grid-column-gap: 5.78571px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 277.56px;
display: flex;
}
.image-wrapper-37 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 277.56px;
text-decoration: none;
display: flex;
}
.image-95 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 308px;
height: 100%;
text-decoration: none;
display: flex;
}
.column-127 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 197px;
display: flex;
}
.content-style-89 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-68 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-41 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-36 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-128 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-47 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004164 {
grid-row-gap: 24px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 358px;
min-height: 998px;
padding: 40px 32px;
text-decoration: none;
display: none;
}
.content-style-90 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-42 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-102 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004165 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 789px;
display: flex;
}
.card-46 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-4 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
text-decoration: none;
display: flex;
}
.content-style-91 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-350 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-351 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-92 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-352 {
opacity: .6;
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-353 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-354 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000004178 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.frame-1000004167 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 294px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-128 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 218px;
display: flex;
}
.content-style-93 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-42 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-37 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-129 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-48 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000004166 {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding-bottom: 40px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.container-104 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/68639d0c25337673ccfa2001_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 410px;
padding: 20px;
text-decoration: none;
display: flex;
}
.column-129 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
text-decoration: none;
display: flex;
}
.image-wrapper-38 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.image-96 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
}
.column-130 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-94 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 295px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-70 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-43 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-38 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-71 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-72 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.page-wrapper-7 {
color: #fff;
background-color: #1d1c1a;
position: relative;
}
.dev-tabs_menu-2 {
z-index: 1;
background-color: #212121;
border-radius: 12px;
width: 280px;
padding: 4px;
display: flex;
position: absolute;
inset: 0% auto auto 0%;
}
.dev-tabs_menu-link-2 {
color: #737373;
text-align: center;
background-color: #0000;
border-radius: 8px;
flex: 1;
padding: .4em 2.2em;
font-size: 1rem;
line-height: 1;
}
.dev-tabs_menu-link-2:hover {
color: #fff;
}
.dev-tabs_menu-link-2.w--current {
color: #fff;
background-color: #505050;
}
.container-105 {
width: 90%;
max-width: 90rem;
margin-left: auto;
margin-right: auto;
display: block;
}
.test-card---mobile {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000004179 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-54 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-95 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-43 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-103 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-104 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-105 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5510 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-55 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 294px;
text-decoration: none;
display: flex;
}
.price-4 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-355 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20003 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-14 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-130 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-49 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000004180 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.banner---mobile {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/685e56e5e40623f9635f35d8_Container.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
min-height: 308px;
padding: 24px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-56 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.section-style-14 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 270px;
text-decoration: none;
display: flex;
}
.header-style-57 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 277px;
text-decoration: none;
display: flex;
}
.text-356 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000004181 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004182 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 258px;
text-decoration: none;
display: flex;
}
.text-357 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-label-50 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.footer---mobile {
grid-column-gap: 24px;
background-color: #0d0d0d;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
padding: 40px 32px;
text-decoration: none;
display: flex;
}
.icon-wrapper {
background-color: #f5e5ff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 105px;
height: 105px;
padding: 11px;
display: flex;
overflow: hidden;
}
.modal-detail {
color: #151c34;
white-space: nowrap;
font-weight: 600;
}
.modal-content {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 30px 38px 65px;
display: flex;
}
.slide-navigation {
color: #151c34;
font-size: 10px;
bottom: 10px;
}
.close {
opacity: .5;
transition: opacity .2s;
}
.close:hover {
opacity: 1;
}
.modal-slider {
background-color: #0000;
height: 100%;
}
.modal-header {
border-bottom: 1px solid #151c341a;
justify-content: space-between;
align-items: center;
min-height: 55px;
padding-left: 25px;
padding-right: 25px;
display: flex;
}
.slider-right {
opacity: .5;
color: #151c34;
justify-content: center;
align-items: center;
padding: 4px 15px;
font-size: 15px;
font-weight: 600;
text-decoration: none;
display: flex;
}
.slider-right:hover {
opacity: 1;
}
.modal-element {
background-color: #fff;
border-radius: 20px;
width: 100%;
max-width: 430px;
}
.left-arrow-2 {
display: none;
}
.modal-slide {
color: #151c34;
}
.paragraph-standard {
color: #151c34cc;
font-size: 16px;
line-height: 1.5;
}
.icon-18 {
width: 70px;
}
.module-header-left {
width: 50%;
height: 100%;
display: flex;
}
.module-header-right {
justify-content: flex-end;
width: 50%;
display: flex;
}
.right-arrow-2 {
display: none;
}
.modal-overlay {
z-index: 999;
background-color: #151c34e6;
justify-content: center;
align-items: center;
padding-left: 3%;
padding-right: 3%;
display: flex;
position: fixed;
inset: 0%;
}
.swiper-button {
background-color: #36e1bc80;
border: 1px solid #36e1bc;
border-radius: 50%;
flex-flow: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
transition: background-color .4s ease-in-out;
display: flex;
}
.swiper-button:hover {
background-color: #36e1bc;
}
.swiper-button.swiper-btn-prev-1 {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
cursor: pointer;
width: 48px;
height: 48px;
}
.swiper-button.swiper-btn-prev-1:hover {
background-color: var(--_colors---blue--1\);
}
.swiper-button.swiper-btn-next-1 {
border-width: 1px;
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
cursor: pointer;
width: 48px;
height: 48px;
}
.swiper-button.swiper-btn-next-1:hover {
background-color: var(--_colors---blue--1\);
}
.swiper-button.swiper-btn-prev-1, .swiper-button.swiper-btn-next-1 {
cursor: pointer;
}
.swiper-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: stretch;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
overflow: visible;
}
.content-home-blog-slider {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
overflow: visible;
}
.blog-slider-wrapper {
grid-column-gap: 64px;
grid-row-gap: 64px;
flex-flow: column;
width: 100%;
display: flex;
overflow: visible;
}
.swiper-arrrows-wrapper {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
justify-content: flex-start;
align-items: center;
display: flex;
}
.main-container {
width: 100%;
max-width: 77.5rem;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.home-blog-slider {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.home-blog-slider.kk {
display: none;
}
.swiper-navigation-wrapper {
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.padding {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.padding.section-padding-medium {
grid-column-gap: 64px;
grid-row-gap: 64px;
flex-flow: column;
width: 100%;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
display: flex;
overflow: visible;
}
.padding.section-padding-medium.vudeisojwdwkjjdd, .padding.section-padding-medium.customer-story {
display: none;
}
.padding.section-padding-medium {
width: 100%;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
}
.swiper-slide {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
width: 33.3333%;
margin-right: 10px;
text-decoration: none;
display: block;
overflow: hidden;
}
.swiper {
width: 100%;
overflow: hidden;
}
.swiper.is-swiper-portfolio {
order: 0;
height: 100%;
overflow: visible;
}
.swiper-btn-icon {
color: var(--_colors---blue--blue\);
justify-content: center;
align-items: center;
width: 12px;
height: 30px;
font-family: Cabin, sans-serif;
display: flex;
}
.blog-title {
color: var(--heading\);
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 20px;
line-height: 1.2;
}
.blog-thumbnail-image {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
overflow: clip;
}
.read-more-link {
color: #195675;
font-weight: 400;
text-decoration: none;
transition: opacity .4s ease-in-out;
}
.read-more-link:hover {
opacity: .8;
}
.blog-summary-wrapper {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-right: 2rem;
text-decoration: none;
display: flex;
}
.blog-category-item-wrapper {
grid-column-gap: .5rem;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.swiper-slide-wrapper {
z-index: 2;
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
border-width: 1px;
border-color: #7799da66;
border-radius: .75rem;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
margin-right: 4px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.blog-text-wrapper {
grid-row-gap: 1.25rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.blog-image-wrapper {
aspect-ratio: 3 / 2;
opacity: 1;
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.portfolio-summary-text {
opacity: .9;
color: var(--_variable-collection---neutral--4);
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.blog-categoruy-item-wrapper {
grid-column-gap: .625rem;
background-color: #36e1bc40;
border: .0625rem solid #36e1bc80;
border-radius: .75rem;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding: .5rem 1rem;
text-decoration: none;
display: flex;
}
.blog-title-link {
color: #195675;
text-decoration: none;
transition: opacity .4s ease-in-out;
}
.blog-title-link:hover {
opacity: .8;
}
.team-slider_cms_list.swiper-wrapper {
display: flex;
}
.team-slider_cms_item.swiper-slide {
padding-left: calc(var(--site--gutter) * .5);
padding-right: calc(var(--site--gutter) * .5);
flex: none;
width: 33.3333%;
height: auto;
}
.team-slider_bullet_wrap {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: flex-start;
align-items: center;
display: flex;
width: auto !important;
}
.container-106 {
flex-flow: column;
justify-content: center;
width: 100%;
max-width: 70rem;
min-height: 100svh;
margin-left: auto;
margin-right: auto;
padding: 6rem 1.5rem;
display: flex;
position: relative;
}
.team-slider_component {
container-type: inline-size;
}
.team-slider_layout {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: wrap;
place-content: center space-between;
align-items: center;
margin-top: 2rem;
display: flex;
}
.team-slider_draggable_handle {
cursor: grab;
background-color: currentColor;
border-radius: 100vw;
width: 30%;
height: 100%;
}
.team-slider_cms_wrap.swiper {
margin-left: calc(var(--site--gutter) * -.5);
margin-right: calc(var(--site--gutter) * -.5);
overflow: visible;
}
.team-slider_btn_layout {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.section-3 {
overflow: clip;
}
.team-slider_bullet_item {
aspect-ratio: 1;
background-color: #eee0;
border-style: solid;
border-width: .09rem;
border-radius: 100vw;
width: 1rem;
min-width: 0;
padding: 0;
}
.team-slider_bullet_item.is-active {
background-color: currentColor;
}
.team-slider_draggable_wrap {
border-style: solid;
border-width: .09rem;
border-radius: 100vw;
width: 14rem;
min-width: 0;
max-width: 100%;
height: 1rem;
}
.team-slider_btn_element.swiper-button-disabled {
opacity: .5;
pointer-events: none;
}
.hero-section---mobile-2 {
grid-row-gap: 24px;
background-image: linear-gradient(#fff0 3%, #fff 74%), none;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 160px 24px 40px;
text-decoration: none;
display: none;
}
.frame-1000004183 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000004184 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-44 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-131 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-51 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.sample-title-2 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.sample-title-3 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.tab-pane-tab-1 {
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-bottom: 1rem;
overflow: visible;
}
.tabs-menu {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #0c2954;
justify-content: space-between;
max-width: none;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-xlarge {
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
}
.dropdown-toggle {
color: #fff;
background-color: #0c2954;
border-radius: .3125rem;
padding: 1rem 2.5rem 1rem 1.25rem;
display: none;
}
.tab-pane_img-wrapper {
aspect-ratio: 16 / 9;
border-radius: .3125rem;
max-width: none;
margin-left: auto;
margin-right: auto;
overflow: visible;
box-shadow: 0 5px 9px #0c29543d;
}
.padding-global-8 {
padding-left: 5%;
padding-right: 5%;
}
.section_instructions {
background-color: #e8eff9;
width: 100%;
}
.padding-section-large {
width: 700px;
padding-top: 0;
padding-bottom: 7rem;
}
.tabs {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.dropdown-2 {
color: #fff;
width: 50%;
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
}
.dropdown-link {
padding: .625rem 1.25rem;
}
.tab-link {
opacity: .5;
color: #0c2954;
text-align: center;
background-color: #0c295400;
border: 1px #0c2954;
border-bottom: .0625rem solid #0c295400;
border-radius: 0;
flex: 1;
padding: 1rem 2rem;
}
.tab-link.w--current {
opacity: 1;
background-color: #0c295400;
border-bottom-color: #0c2954;
}
.img-full-cover {
width: 1000px;
max-width: 1000px;
height: 100px;
}
.dropdown-list {
color: #0c2954;
background-color: #e8eff9;
border: .0625rem solid #0c2954;
border-top-style: none;
border-bottom-right-radius: .3125rem;
border-bottom-left-radius: .3125rem;
top: 3.75rem;
}
.tabs_component {
flex-direction: column;
align-items: center;
display: flex;
}
.section_hero {
background-color: #fff;
width: 100%;
max-width: none;
}
.tab-link-2 {
color: #888282;
background-color: #0000;
border: 2px solid #0000;
border-radius: 20px;
margin-bottom: 5px;
font-size: 17px;
font-weight: 400;
}
.tab-link-2:hover {
background-color: #eee;
}
.tab-link-2.w--current {
color: #7c7c7c;
background-color: #fff;
border: 2px dotted #5c5c5c;
order: -1;
font-weight: 700;
}
.tabs-content-3 {
padding-left: 54px;
padding-right: 54px;
}
.tabs-menu-3 {
z-index: 10;
background-color: #f7f7f7;
border-radius: 20px;
flex-direction: column;
flex: none;
align-self: flex-start;
width: 70%;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: auto 0%;
overflow: hidden;
box-shadow: 14px 14px 20px -18px #0000004f;
}
.text-block-4 {
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 30px;
}
.icon-19 {
opacity: 0;
display: block;
}
.tab-pane-tab-2 {
background-color: #0000;
}
.tab-dropdown-wrap {
flex: 1;
align-self: stretch;
width: 100%;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
display: none;
}
.dropdown-tab {
justify-content: space-between;
display: flex;
}
.tab-content {
background-color: #6f4dc5;
border: 1px solid #d3d3d3;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
margin-top: 74px;
display: flex;
}
.tab-content._1 {
background-color: #f05d5d;
}
.tab-content._3 {
background-color: #ce8013;
}
.tab-content._2 {
background-color: #199110;
}
.text-block-27 {
justify-content: space-between;
display: flex;
}
.category-tabs {
flex: 1;
display: flex;
}
.category-tabs.mobile {
border-top: 1px solid #ebebeb;
flex-direction: column;
align-items: center;
max-width: 700px;
margin-left: auto;
margin-right: auto;
padding-top: 60px;
display: block;
}
.frame-1000004185 {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 151px;
padding-left: 24px;
padding-right: 24px;
display: none;
}
.intro-17 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-44 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-106 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004186 {
grid-column-gap: 8px;
flex-wrap: wrap;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000004187 {
grid-column-gap: 10px;
border: 1px undefined undefined;
background-color: #fff9f5;
border-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 10px;
text-decoration: none;
display: flex;
}
.text-358 {
color: #f46e00;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004188 {
grid-column-gap: 10px;
border: .5px solid #909090;
border-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 10px;
text-decoration: none;
display: flex;
}
.text-359 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.fb-paragraph-x-small {
color: #11023b;
font-size: 12px;
font-weight: 400;
line-height: 16px;
}
.fb-modal-header {
color: #11023b;
letter-spacing: -.04em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(#11023b, #431274);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 500;
line-height: 28px;
}
.fb-modal-title {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.fb-banner-button {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #36364a;
white-space: nowrap;
background-color: #fff;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 24px;
padding: 2px 8px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-decoration: none;
transition: box-shadow .3s;
display: flex;
box-shadow: 0 2px 6px #122b690a, 0 1px 2px #122b6914, 0 0 0 1px #122b6914;
}
.fb-banner-button:hover {
box-shadow: 0 2px 6px #122b691f, 0 1px 2px #122b691f, 0 0 0 1px #122b6914;
}
.fb-modal-button {
color: #6c6f89;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 6px 10px;
transition: color .2s, background-color .2s;
display: flex;
}
.fb-modal-button:hover {
color: #262556;
background-color: #f8f9fb;
}
.fb-navigation {
z-index: 2;
background-color: #fff;
border-bottom: 1px solid #122b6914;
align-items: center;
height: 82px;
padding: 24px;
display: flex;
position: relative;
overflow: visible;
}
.slider-nav-inactive {
box-shadow: none;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
background-color: #fff;
border: 1px solid #d2cdcd;
border-radius: 100%;
width: 12px;
height: 12px;
padding: 0;
}
.fb-navigation-buttons {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.fb-paragraph-regular {
color: #262556;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.fb-paragraph-regular.fb-text-color-normal {
color: #6c6f89;
}
.fb-button-secondary {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #36364a;
white-space: nowrap;
background-color: #fff;
border-radius: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 6px 12px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
transition: box-shadow .3s;
display: flex;
box-shadow: 0 2px 6px #122b690a, 0 1px 2px #122b6914, 0 0 0 1px #122b6914;
}
.fb-button-secondary:hover {
box-shadow: 0 2px 6px #122b691f, 0 1px 2px #122b691f, 0 0 0 1px #122b6914;
}
.fb-button-secondary.fb-width-full {
width: 100%;
}
.fb-dropdown-menu {
background-color: #fff;
border: 1px solid #122b6914;
border-radius: 12px;
min-width: 208px;
padding: 4px;
}
.fb-button-dropdown {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #36364a;
white-space: nowrap;
background-color: #fff;
border-radius: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 6px 6px 6px 14px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
transition: box-shadow .3s;
display: flex;
box-shadow: 0 2px 6px #122b690a, 0 1px 2px #122b6914, 0 0 0 1px #122b6914;
}
.fb-button-dropdown:hover {
box-shadow: 0 2px 6px #122b691f, 0 1px 2px #122b691f, 0 0 0 1px #122b6914;
}
.slider-author-wrapper {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: center;
align-items: flex-end;
font-family: Cabin, sans-serif;
display: flex;
}
.fb-modal-button-block {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: center;
align-items: center;
display: flex;
}
.slider-icon {
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
display: flex;
}
.fb-footer-content {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.fb-wing-left {
pointer-events: none;
cursor: none;
width: 400px;
position: absolute;
inset: auto auto auto 0%;
transform: rotate(0);
}
.fb-wing-right {
pointer-events: none;
cursor: none;
width: 400px;
position: absolute;
inset: auto -4px auto auto;
}
.fb-navigation-line {
background-color: #122b6914;
width: 1px;
height: 20px;
}
.fb-dropdown-link {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #36364a;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
padding: 8px 10px;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.fb-dropdown-link:hover {
background-color: #f8f9fb;
}
.fb-modal-grid {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto auto auto auto;
grid-template-columns: 1fr;
}
.fb-footer-licence {
color: #262556;
background-color: #1e37820a;
border-radius: 4px;
padding: 2px 6px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-decoration: none;
}
.fb-logo-link {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
text-decoration: none;
display: flex;
}
.slider-avatar {
width: 48px;
}
.fb-code-block {
border-radius: 6px;
overflow: hidden;
}
.slider-testimonial {
background-color: #ddd0;
height: auto;
}
.fb-modal {
z-index: 99;
background-color: #0e042966;
justify-content: center;
align-items: center;
display: none;
position: absolute;
inset: 0%;
}
.slider-arrow-icon {
color: var(--_variable-collection---blue--3);
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.image-cover {
object-fit: cover;
border-radius: 20px;
width: 229px;
height: 100%;
}
.fb-modal-wrapper {
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686631bed5136afe26bfa269_Modal%20Background.png"), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686631bed5136afe26bfa263_Modal%20Dot.png"), linear-gradient(153deg, #f0f6ff, #f3f0ff);
background-position: 100% 100%, 50%, 0 0;
background-repeat: no-repeat, no-repeat, repeat;
background-size: contain, contain, auto;
border: 3px solid #fff;
border-radius: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 476px;
display: flex;
}
.fb-logo {
width: 120px;
}
.fb-booster-page {
flex-flow: column;
min-height: 100vh;
display: flex;
position: relative;
}
.fb-button-primary {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #fff;
white-space: nowrap;
background-color: #6f5cff;
border-radius: 8px;
justify-content: center;
align-items: center;
height: 32px;
padding: 6px 12px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
transition: color .3s ease-out, background-color .3s ease-out;
display: flex;
position: relative;
overflow: hidden;
box-shadow: inset 0 4px 12px #9b8eff4d, inset 0 1px #9b8eff99, 0 -1px 1px #5b29ffcc, 0 0 0 1px #6e5bff;
}
.fb-button-primary:hover {
background-color: #7f6fff;
}
.fb-button-primary:active {
background-color: #705cfa;
}
.fb-button-primary.fb-width-full {
background-color: #6f5cff;
width: 100%;
}
.fb-footer-container {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1320px;
display: flex;
}
.fb-text-link {
color: #11023b;
font-weight: 600;
text-decoration: none;
}
.left-arrow-hidden {
display: none;
}
.slider-nav {
z-index: 2;
justify-content: center;
align-items: center;
column-gap: 8px;
padding: 16px;
display: flex;
}
.fb-modal-bottom {
justify-content: center;
align-items: center;
width: 100%;
padding-top: 12px;
padding-bottom: 12px;
display: flex;
}
.fb-modal-icon {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #fff;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
box-shadow: inset 0 -1.5px 2px #13276c0a, inset 0 -3px .5px #13276d0a, 0 2px 6px #1412690a, 0 1px 2px #14126914, 0 0 0 1px #14126914;
}
.fb-booster {
background-color: var(--_variable-collection---neutral--1);
flex: auto;
justify-content: center;
align-items: center;
width: 100%;
padding: 60px 3%;
display: none;
}
.testimonial-name {
color: #000;
font-weight: 500;
line-height: 24px;
}
.slider-arrow-right {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #fff;
white-space: nowrap;
background-color: #000;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
padding: 4px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
display: flex;
}
.fb-icon-small {
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.slider-nav-active {
background-color: var(--_variable-collection---blue--3);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
border-radius: 100%;
width: 12px;
height: 12px;
padding: 0;
box-shadow: inset 0 4.8px 14.4px #9b8eff4d, inset 0 1.2px #9b8eff99, 0 1.2px 1.2px #5b29ffcc, 0 0 0 1.2px #ff5805;
}
.fb-modal-close {
color: #6c6f89;
border-radius: 8px;
margin-top: 8px;
margin-right: 8px;
padding: 8px;
transition: color .3s, background-color .3s;
position: absolute;
inset: 0% 0% auto auto;
}
.fb-modal-close:hover {
color: #36364a;
background-color: #fff;
}
.slider-grid {
grid-template-rows: auto;
grid-template-columns: 1.5fr 1.2fr;
}
.slide-nav-hidden {
display: none;
}
.fb-navigation-container {
grid-column-gap: 16px;
justify-content: space-between;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.fb-navigation-name {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
margin-left: 8px;
display: flex;
}
.slider-image {
height: 100%;
overflow: hidden;
}
.fb-divider {
background-color: #09114621;
border-radius: 99px;
width: 4px;
height: 4px;
}
.slider-control-row {
justify-content: space-between;
align-items: center;
margin-top: 16px;
display: flex;
}
.fb-modal-feature {
grid-column-gap: 12px;
grid-row-gap: 12px;
justify-content: flex-start;
align-items: center;
padding: 12px 8px;
display: flex;
}
.fb-modal-card {
border-radius: 20px;
padding: 20px 40px 24px;
position: relative;
overflow: hidden;
}
.slider-wrapper {
width: 100%;
max-width: 1100px;
margin-left: auto;
margin-right: auto;
}
.fb-banner {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #11023b;
background-image: linear-gradient(190deg, #f0f6ff, #f3f0ff);
justify-content: center;
align-items: center;
padding: 10px 3%;
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.slider-card-5 {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: #fff;
flex-flow: column;
width: 584.4px;
height: 100%;
padding: 32px;
display: flex;
overflow: visible;
}
.testimonial-author {
color: #5a5a60;
letter-spacing: .08px;
}
.fb-modal-fade {
z-index: 0;
pointer-events: none;
background-image: linear-gradient(354deg, #fff, #fff0 54%, #fff0);
min-height: 80%;
position: absolute;
inset: auto 0% 0%;
}
.slider-pararagraph {
color: #000;
letter-spacing: -.2px;
margin-bottom: 0;
font-size: 20px;
line-height: 32px;
}
.fb-navigation-content {
grid-column-gap: 16px;
grid-row-gap: 16px;
align-items: center;
display: flex;
}
.fb-booster-name {
color: #262556;
background-color: #1e37820a;
border-radius: 4px;
justify-content: center;
align-items: center;
padding: 4px 6px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
display: flex;
}
.fb-dropdown-list {
background-color: #ddd0;
}
.fb-dropdown-list.w--open {
padding-top: 8px;
right: 0;
}
.slider-arrow-left {
grid-column-gap: 6px;
grid-row-gap: 6px;
border: 2px solid var(--_variable-collection---blue--1);
background-color: var(--_variable-collection---blue--0);
color: #000;
white-space: nowrap;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
padding: 4px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
display: flex;
}
.right-arrow-hidden {
display: none;
}
.slide {
height: auto;
}
.fb-paragraph-small {
color: #262556;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.slider-button-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: center;
align-items: flex-start;
display: none;
}
.slider-button-wrapper.grdgdbty {
display: flex;
}
.fb-dropdown-report {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #36364a;
text-align: center;
background-color: #1e37820a;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-top: 6px;
padding: 8px 8px 8px 10px;
font-weight: 500;
text-decoration: none;
display: flex;
}
.fb-modal-content {
z-index: 2;
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.fb-icon-regular {
justify-content: center;
align-items: center;
display: flex;
}
.fb-dropdown {
z-index: 0;
}
.fb-navigation-back {
grid-column-gap: 6px;
grid-row-gap: 6px;
color: #9a9eac;
white-space: nowrap;
background-color: #fff;
border-radius: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
padding: 6px;
transition: color .2s, box-shadow .3s;
display: flex;
box-shadow: 0 2px 6px #122b690a, 0 1px 2px #122b6914, 0 0 0 1px #122b6914;
}
.fb-navigation-back:hover {
color: #262556;
box-shadow: 0 2px 6px #122b691f, 0 1px 2px #122b691f, 0 0 0 1px #122b6914;
}
.fb-footer {
grid-column-gap: 8px;
grid-row-gap: 8px;
border-top: 1px solid #122b6914;
justify-content: center;
align-items: center;
padding: 10px 2px 10px 20px;
display: flex;
}
.slider1 {
background-color: #0000;
width: 100%;
height: auto;
}
.padding-section-large-2 {
padding-top: 8rem;
padding-bottom: 8rem;
}
.slider_nav {
grid-column-gap: .75rem;
justify-content: center;
align-items: center;
margin-bottom: 2rem;
display: flex;
position: static;
}
.slider1_content {
grid-row-gap: 2rem;
background-color: #fff;
border: 1px solid #2323221a;
border-radius: 1rem;
flex-direction: column;
align-items: flex-start;
width: 100%;
max-width: 49.125rem;
margin-left: auto;
margin-right: auto;
padding: 3.5rem;
display: flex;
}
.slider1_slide {
height: auto;
}
.max-width-4-columns {
width: 100%;
max-width: 50rem;
}
.testimonial_details {
grid-row-gap: .25rem;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.content_component {
grid-row-gap: 5rem;
flex-direction: column;
align-items: center;
display: flex;
}
.heading_component {
grid-row-gap: 2rem;
text-align: center;
flex-direction: column;
align-items: center;
display: flex;
}
.testimonial_image {
object-fit: cover;
border-radius: 100vw;
width: 5rem;
height: 5rem;
}
.slider1_mask {
height: auto;
}
.main-wrapper-2 {
display: none;
overflow: hidden;
}
.container-large-4 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.heading-style-h5 {
font-size: 1.25rem;
font-weight: 600;
line-height: 1.5;
}
.tag_component {
color: #232322;
background-color: #e4fd5b;
border-radius: 100vw;
padding: .75rem 2rem;
transition: background-color .2s;
}
.heading-style-h4 {
font-size: 1.5rem;
font-weight: 600;
line-height: 1.4;
}
.slider1_arrow-wrapper {
color: #232322;
background-color: #e4fd5b;
border-radius: 100vw;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
transition: color .2s, background-color .2s;
display: flex;
}
.slider1_arrow-wrapper:hover {
color: #fff;
background-color: #232322;
}
.slide-3 {
height: auto;
}
.icon-1x1-medium-2 {
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.icon-1x1-medium-2.is-right {
transform: rotate(180deg);
}
.testimonial_person {
grid-column-gap: 2rem;
align-items: center;
display: flex;
}
.footer---mobile-2 {
grid-column-gap: 24px;
background-color: #0d0d0d;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
padding: 40px 32px;
text-decoration: none;
display: none;
}
.frame-1000004153 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 305px;
text-decoration: none;
display: flex;
}
.columns-27 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 285px;
height: 368px;
text-decoration: none;
display: flex;
}
.column-131 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 320px;
text-decoration: none;
display: flex;
}
.logo-wrapper-2 {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.logo {
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
text-decoration: none;
display: flex;
}
.logo-container-2 {
grid-row-gap: 7.2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.main-logo-2 {
grid-column-gap: 5.4px;
justify-content: flex-start;
align-items: center;
width: 105.096px;
height: 36px;
text-decoration: none;
display: flex;
}
.group-1000003798 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 32.3585px;
height: 32.4px;
text-decoration: none;
display: flex;
}
.genetech-2 {
object-fit: cover;
}
.small-columns {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 305px;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.footer-links-4 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 114px;
height: 304px;
text-decoration: none;
display: flex;
}
.link-style-2 {
color: #fafafa;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.link-style-3 {
color: #fafafa;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.footer-links-5 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 178.667px;
height: 208px;
text-decoration: none;
display: flex;
}
.header-style-58 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 24px;
display: flex;
}
.frame-1000004152 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-59 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004189 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.nav-bar---mobile {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 359px;
padding: 8px 24px;
text-decoration: none;
display: none;
}
.layer_1 {
object-fit: cover;
overflow: hidden;
}
.dehaze {
grid-row-gap: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
padding: 5px 3px;
text-decoration: none;
display: flex;
}
.dehaze-2 {
object-fit: cover;
}
.hero-section---mobile-3 {
grid-row-gap: 24px;
background-image: linear-gradient(#fff0 3%, #fff 74%), none;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 160px 24px 40px;
text-decoration: none;
display: none;
}
.frame-1000004190 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004191 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004198 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-45 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004203 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-132 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.phone-fill {
object-fit: cover;
overflow: hidden;
}
.text-360 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-133 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-52 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.sample-title-4 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.sample-title-5 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(75.6deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004196 {
grid-row-gap: 32px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 360px;
min-height: 473px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.content-style-96 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-45 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-107 {
color: #e7e7e7;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.group-10 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 180px;
text-decoration: none;
display: flex;
}
.button-style-134 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-53 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004168 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 466px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-132 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 119px;
display: flex;
}
.content-style-97 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-46 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004204 {
grid-column-gap: 12px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.metric-item-2 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 148px;
text-decoration: none;
display: flex;
}
.icon-wrap-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 4px;
text-decoration: none;
display: flex;
}
.featured-icon-3 {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
}
.download-cloud-02 {
object-fit: cover;
overflow: hidden;
}
.content-style-98 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number-and-text-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number-5 {
color: #0084ff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.text-361 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.metric-item-3 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 148px;
text-decoration: none;
display: flex;
}
.content-style-99 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-74 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-75 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004205 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000004206 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.column-133 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-100 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-47 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.column-134 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 516px;
text-decoration: none;
display: flex;
}
.card-47 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 16px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-97 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex;
}
.content-style-101 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 172px;
text-decoration: none;
display: flex;
}
.title-style-46 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-108 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.card-48 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 8px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000004197 {
grid-column-gap: 11px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-135 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-54 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-136 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-136:hover {
background-color: var(--_variable-collection---color);
}
.text-362 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-77 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.03deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-78 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-79 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004207 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.banner---mobile-2 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/685e56e5e40623f9635f35d8_Container.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
min-height: 308px;
padding: 24px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-60 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.section-style-15 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 270px;
text-decoration: none;
display: flex;
}
.header-style-61 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 277px;
text-decoration: none;
display: flex;
}
.text-363 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000004208 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004209 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 258px;
text-decoration: none;
display: flex;
}
.text-364 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-137 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-55 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004192 {
grid-row-gap: 40px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-135 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-102 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-48 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004210 {
grid-column-gap: 12px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.metric-item-4 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 148px;
text-decoration: none;
display: flex;
}
.icon-wrap-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 4px;
text-decoration: none;
display: flex;
}
.featured-icon-4 {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
}
.content-style-103 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number-and-text-3 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number-6 {
color: #0084ff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.text-365 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.metric-item-5 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 148px;
text-decoration: none;
display: flex;
}
.metric-item-6 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 148px;
text-decoration: none;
display: flex;
}
.content-style-104 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-81 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-82 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004193 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000004211 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.column-136 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-105 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-49 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-138 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-56 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-137 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 250px;
text-decoration: none;
display: flex;
}
.card-49 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 8px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-98 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex;
}
.content-style-106 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 172px;
text-decoration: none;
display: flex;
}
.title-style-47 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-109 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-84 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(68.2deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-85 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004194 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000004212 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.column-138 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-107 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-50 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.card4-4 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 272px;
text-decoration: none;
display: flex;
}
.image-wrapper-39 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 166px;
display: flex;
overflow: hidden;
}
.image-99 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 166px;
text-decoration: none;
display: flex;
}
.info-20 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.name-9 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-110 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-15 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-139 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-57 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-40 {
grid-row-gap: 10px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 166px;
display: flex;
overflow: hidden;
}
.title-copy-goes-here-be-awesome-87 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-88 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004213 {
grid-row-gap: 32px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 360px;
min-height: 473px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.content-style-108 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-48 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-111 {
color: #e7e7e7;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.group-1000003799 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 180px;
text-decoration: none;
display: flex;
}
.button-style-140 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-58 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-section---mobile-4 {
grid-row-gap: 24px;
background-image: linear-gradient(#fff0 3%, #fff 74%), none;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 160px 24px 40px;
text-decoration: none;
display: none;
}
.frame-1000004214 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004215 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004216 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-51 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004217 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-141 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-366 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-142 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-59 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.sample-title-6 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.sample-title-7 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(75.6deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.u-text-bg-green {
color: #fff;
background-color: #125a66;
border-radius: .5rem;
padding: .1rem 1rem;
display: inline-block;
transform: rotate(4deg);
}
.page-wrap {
margin-top: 40px;
margin-bottom: 40px;
}
.u-container-l {
max-width: 100rem;
}
.u-container-l.is-tb-x2 {
width: 1100px;
}
.slider01_slide {
width: 360px;
margin-right: 2rem;
}
.default-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.title-wrap {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
align-items: flex-start;
display: flex;
}
.title-wrap.u-max-w--72 {
justify-content: flex-start;
align-items: center;
margin-top: 40px;
margin-bottom: 40px;
}
.text-size-medium-2 {
font-family: Cabin, sans-serif;
font-size: 14px;
}
.slider01_mask {
width: 33.33%;
overflow: visible;
}
.custom-styles {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.testimonial20_arrow-icon {
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.testimonial20_arrow-icon:hover {
color: var(--_colors---blue--blue\);
}
.testimonial-card_stars-wrap {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
display: flex;
}
.slider_arrow-3 {
border: 2px solid #585858;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: background-color .3s ease-out;
display: flex;
inset: auto 0% 0% auto;
}
.slider_arrow-3:hover {
background-color: #d5d1c9;
}
.slider_arrow-3.is-left {
right: 4rem;
}
.slider_arrow-3.is-left.arrow1 {
inset: auto 0% 0%;
}
.slider_arrow-3.arrow1.right {
inset: auto -14% 0% 0%;
}
.slider01_comp {
background-color: #0000;
height: auto;
padding-bottom: 5rem;
position: relative;
}
.section-4 {
padding-top: 80px;
padding-bottom: 80px;
overflow: hidden;
}
.testimonial-card_content-top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
display: flex;
}
.testimonial-person_item {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: left;
align-items: center;
margin-top: auto;
display: flex;
}
.section_inner {
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.u-txt-semibold {
font-family: Cabin, sans-serif;
font-size: 20px;
font-weight: 600;
}
.testimonial-person_img {
object-fit: cover;
border-radius: 100%;
width: 3rem;
min-width: 3rem;
height: 3rem;
min-height: 3rem;
}
.slider_pagination {
height: 1.75rem;
font-size: .5rem;
display: none;
inset: auto auto 0% 0%;
}
.testimonial-card_star {
width: 1.25rem;
height: 1.25rem;
}
.testimonial-card1_item {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: #49432800;
border-radius: 1.5rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 1rem;
display: flex;
}
.collection-list-wrapper-4 {
display: none;
}
.text-size-medium-3 {
font-family: Cabin, sans-serif;
font-size: 1.125rem;
}
.image-101 {
border-radius: 20px;
width: 360px;
height: 240px;
}
.publications-section_mobile {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.group-8 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 91px;
text-decoration: none;
display: flex;
}
.frame-1000004175 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 586.236px;
text-decoration: none;
display: flex;
}
.frame-1000004172 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 389px;
display: flex;
}
.card4-5 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 282px;
text-decoration: none;
display: flex;
}
.image-wrapper-41 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-103 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-21 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-10 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-112 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000004218 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 586.236px;
text-decoration: none;
display: flex;
}
.frame-1000004219 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 389px;
display: flex;
}
.card4-6 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 282px;
text-decoration: none;
display: flex;
}
.image-wrapper-42 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-104 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-22 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-11 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-113 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000004220 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-139 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-43 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-105 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.frame-1000004221 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004222 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-367 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.48deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-52 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-143 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-60 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.navbar-no-shadow-container {
z-index: 20;
background-color: #0000;
background-image: linear-gradient(#fff, #fff);
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
padding: 20px;
position: fixed;
}
.container-regular {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-2 {
color: #909090;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
}
.nav-link-2:hover {
color: #0d0d0d;
}
.nav-link-2:focus-visible, .nav-link-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle {
letter-spacing: .25px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle:focus-visible, .nav-dropdown-toggle[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon {
margin-right: 10px;
}
.nav-dropdown-list {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link:focus-visible, .nav-dropdown-link[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.mobile-margin-top-10 {
width: 250px;
height: 38px;
}
.nav-button-wrapper {
margin-left: 120px;
}
.button-primary {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary:hover {
color: #fff;
background-color: #32343a;
}
.button-primary:active {
background-color: #43464d;
}
.search-button, .field-label {
display: none;
}
.search-input {
border-radius: 100px;
width: 130px;
margin-bottom: 0;
}
.hero-heading-left-30 {
grid-column-gap: 80px;
background-image: linear-gradient(267.72deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686cb157c6d038337a5a9e98_Hero%20Heading%20Left.png");
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: 800px;
min-height: 800px;
padding: 40px 24px 80px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-107 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-140 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-109 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-89 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.89deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-53 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-39 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-144 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-61 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-31 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-108 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-141 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-44 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-106 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-142 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-90 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-54 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.features-list-13 {
grid-row-gap: 40px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.features-list-13.hidden {
display: none;
}
.section-title-25 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-368 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-35 {
color: var(--_variable-collection---neutral--4);
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-28 {
grid-column-gap: 24px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-143 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card3-6 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000004223 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-62 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-110 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-49 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-114 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-115 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-116 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5511 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 428px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-63 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.price-5 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-369 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000---20004 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-16 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-145 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-145.button-1 {
width: 120px;
}
.button-label-62 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.list-item {
grid-column-gap: 5px;
grid-row-gap: 5px;
justify-content: center;
align-items: center;
display: flex;
}
.search {
height: 38px;
}
.hero-heading-left-32 {
grid-column-gap: 80px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68d657997ab1f9af5b327a34_ffdfd.png");
background-position: 0 0;
background-size: auto;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
min-height: 800px;
margin-top: 80px;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.container-109 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
height: 640px;
text-decoration: none;
display: flex;
}
.column-144 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
margin-left: 40px;
text-decoration: none;
display: flex;
}
.content-style-111 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-91 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.89deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-55 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-40 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-146 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-146.button-1 {
width: auto;
}
.button-style-146.button-1:hover {
background-color: var(--_variable-collection---color);
}
.button-label-63 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-33 {
grid-row-gap: 80px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-110 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-145 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-92 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-56 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-146 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-45 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-107 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.container-111 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.slider01_slide-2 {
width: 100%;
margin-right: 2rem;
}
.slider01_mask-2 {
width: 33.33%;
overflow: visible;
}
.arrow1 {
border: 2px solid #585858;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: background-color .3s ease-out;
display: flex;
inset: auto 0% 0% auto;
}
.arrow1:hover {
background-color: #d5d1c9;
}
.arrow1.is-left {
right: 4rem;
}
.arrow1.is-left:hover {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
}
.slider01_comp-2 {
background-color: #0000;
height: auto;
padding-bottom: 5rem;
position: relative;
}
.section-5 {
padding-top: 80px;
padding-bottom: 80px;
display: flex;
overflow: hidden;
}
.testimonial-person_item-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: left;
align-items: center;
margin-top: auto;
display: flex;
}
.section_inner-2 {
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.u-txt-semibold-2 {
font-weight: 600;
}
.testimonial-card1_item-2 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: #49432800;
border-radius: 1.5rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 265px;
margin-right: 20px;
padding: 2rem;
display: flex;
}
.page-wrap-3 {
display: flex;
}
.testimonial-card1_item-3 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: #49432829;
background-image: linear-gradient(#edf6ff, #fff);
border-radius: 1.5rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 2rem;
display: flex;
}
.collection-list-7 {
display: none;
}
.hero-heading-left-34 {
grid-column-gap: 80px;
background-image: linear-gradient(88.08deg, #fff0 0%, #fff 100%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/686b72a794c44021b489cf40_Hero-Heading-Left.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-112 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-57 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-41 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-147 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-64 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-93 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-94 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.frame-2 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.features-list-14 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 0 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-29 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-148 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-113 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-18 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-117 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.feature-7 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.frame-1000004224 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 45px;
height: 40px;
text-decoration: none;
display: flex;
}
.text-370 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004225 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-118 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.features-list-15 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 0 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-30 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-149 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.rectangle-5495 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 1px;
height: 382px;
text-decoration: none;
display: flex;
position: absolute;
top: 41px;
left: 35.6484px;
}
.feature-8 {
grid-column-gap: 16px;
border: 1px solid #e7e7e7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.title-14 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-15 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-heading-left-35 {
grid-column-gap: 80px;
background-image: linear-gradient(88.08deg, #fff0, #fff), none;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-114 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-58 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-42 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-148 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-65 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-95 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-96 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-stack-3 {
grid-row-gap: 10px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.group-1000003800, .group-1000003801 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1839.36px;
height: 813px;
text-decoration: none;
display: flex;
}
.hero-stack-4 {
grid-row-gap: 10px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.group-1000003802 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1839.36px;
height: 813px;
text-decoration: none;
display: flex;
}
.hero-heading-left-36 {
grid-column-gap: 80px;
background-image: linear-gradient(266.19deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686b72df0010afbdb81174d0_Hero%20Heading%20Left.png");
background-position: 0 0, 50% 0;
background-size: auto, cover;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
min-height: 800px;
margin-top: 70px;
padding: 80px 24px;
display: flex;
overflow: hidden;
}
.hero-heading-left-36.main {
color: var(--texthero\);
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/690a0593cb69e55a865ca80b_Wireframe%20-%2040.svg"), linear-gradient(266.19deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68ac16eec4612d060dc2b2f9_rgrg.png");
background-position: 0 0, 0 0, 50% 0;
background-size: auto, auto, cover;
max-width: 100%;
display: none;
}
.container-114 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 95%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-151 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-115 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-97 {
flex-flow: column;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-59 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-43 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-149 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-66 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-98 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(73.69deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-99 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(25.07deg, #2432b0, #3346f8 44%, #62f2f2);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-100 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.small-container-16 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.title-section-3 {
grid-row-gap: 36px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-116 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 900px;
text-decoration: none;
display: flex;
}
.text-371 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-371.text6 {
color: var(--_variable-collection---neutral--6);
font-size: var(--main-description\);
text-align: left;
}
.actions-44 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-1 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 150px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-1:hover {
background-color: #2432b0;
}
.button-label-67 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-l {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-l:hover {
background-color: #edf6ff;
border-color: #edf6ff;
}
.button-label-68 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-0 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-0.ot {
font-family: var(--heading-main\);
}
.unlocking-deep-genomic-insights-transforming-lives-0.ot.headingmain {
color: #000;
font-size: var(--main-heading\);
}
.unlocking-deep-genomic-insights-transforming-lives-0.ot.headingmain.headingwrapper {
color: #fff;
}
.unlocking-deep-genomic-insights-transforming-lives-4 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.08deg, #f46e00, #fba700 64%, #010101 101%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-4.animated-text-gradient {
text-transform: capitalize;
background-image: linear-gradient(45deg, #f46e00 5%, #fba700 20%, #fff200 30%, #fba700 40% 50%, #fba700 60% 70%, #fba700 80%, #f46e00 95%);
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
}
.unlocking-deep-genomic-insights-transforming-lives-4.animated-text-gradient.gggh {
font-size: 4rem;
}
.unlocking-deep-genomic-insights-transforming-lives-4.animated-text-gradient.om {
font-family: var(--heading-main\);
text-transform: lowercase;
}
.unlocking-deep-genomic-insights-transforming-lives-4.animated-text-gradient.om.headingmain {
font-size: var(--main-heading\);
}
.column-152 {
grid-row-gap: 13px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
padding-top: 175px;
padding-bottom: 175px;
text-decoration: none;
display: flex;
}
.content-style-117 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-60 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-45 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-152 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-152.button-1 {
width: 160px;
padding-left: 10px;
padding-right: 10px;
}
.button-style-152.button-1:hover {
background-color: var(--_variable-collection---blue--5);
}
.button-label-69 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-102 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-103 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-heading-left-37 {
grid-column-gap: 80px;
background-image: linear-gradient(169.41deg, #fff0, #fff), none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 40px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.frame-1000004226 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000004227 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-61 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-153 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-70 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.about-gfa-0 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.about-gfa-1 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(70.71deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.faq---mobile {
grid-row-gap: 40px;
background-color: #fff;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 360px;
padding: 24px 32px 40px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-153 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-118 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-119 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.list-7 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-51 {
grid-column-gap: 13px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.emotion-unhappy-fill {
object-fit: cover;
overflow: hidden;
}
.text-372 {
color: #00256f;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5489 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 296px;
height: 1px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-105 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(57.23deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-106 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004170 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-154 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-46 {
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-108 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.faq---mobile-2 {
grid-row-gap: 40px;
background-color: #fff;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 360px;
padding: 24px 32px 40px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-155 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-120 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-121 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.list-8 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-52 {
grid-column-gap: 13px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.emotion-unhappy-fill-2 {
object-fit: cover;
overflow: hidden;
}
.text-373 {
color: #00256f;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5512 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 296px;
height: 1px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-108 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.94deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-109 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004228 {
grid-column-gap: 10px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
min-height: 1551px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000004229 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-122 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-53 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-119 {
color: #fafafa;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-123 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 18px;
display: flex;
}
.rectangle-5513 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 69px;
height: 1px;
text-decoration: none;
display: flex;
}
.text-374 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000004230 {
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004159 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 313px;
text-decoration: none;
display: flex;
}
.card-50 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 148px;
text-decoration: none;
display: flex;
}
.pregnancy-sperms-2-streamline-ux-duotone-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-124 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.text-375 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-376 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 10px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.card-51 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 148px;
text-decoration: none;
display: flex;
}
.content-style-125 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004160 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-126 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004231 {
grid-row-gap: 24px;
background-color: #fff;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 32px 24px;
text-decoration: none;
display: flex;
}
.column-156 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004232 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-110 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-62 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-154 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-71 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-111 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.63deg, #00256f 0%, #0084ff 47%, #1dc5ff 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004233 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.banner---mobilevariant2 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/685e56e5e40623f9635f35d8_Container.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 98px;
padding: 24px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-64 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.frame-9 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-16 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 120px;
text-decoration: none;
display: flex;
}
.header-style-65 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 277px;
text-decoration: none;
display: flex;
}
.text-377 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000004234 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 116px;
height: 50px;
text-decoration: none;
display: flex;
}
.button-style-155 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-72 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-38 {
grid-column-gap: 80px;
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e8b5158e68e342234826cc_Fertility%20Genomics.png");
background-position: 50%;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: 800px;
min-height: 800px;
margin-top: 80px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.hero-heading-left-38.mother01 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e8b2e75ce686382f5f80b0_Mother%20and%20Child.png");
}
.hero-heading-left-38.about-us01 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/691b0c16a58a79fea973fa04_Hero%20Heading%20Left.svg");
}
.hero-heading-left-38.about-us01.herohead {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/690a0593cb69e55a865ca80b_Wireframe%20-%2040.svg");
}
.hero-heading-left-38.about-us01.herohead.yuyu {
display: none;
}
.hero-heading-left-38.geneticcounsellingwrap {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68a5b423f699d22ad52ea3eb_hbjb.png");
}
.hero-heading-left-38.animalwrapper {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e8ba3d1f486e1e40217071_Animal%20genomics.png");
}
.hero-heading-left-38.personalwrap01 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e8ba343433a63c2a61d719_Personal%20Genomics.png");
}
.hero-heading-left-38.companionwrap01 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e8ba3cb4ac164c6bab45df_Companion.png");
}
.hero-heading-left-38.agriwrap01 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68f7a412870197169e3017f3_dvff.png");
background-size: cover;
margin-top: 58px;
}
.hero-heading-left-38.agriwrap01.wrap0005 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e8ba32b2146ef14b9b4a94_Agri%20Genomics.png");
}
.hero-heading-left-38.specialitywrap01 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/691c2861b61019ffa27a78e5_Export%20this%20as%20PNG.png");
}
.hero-heading-left-38.partnerswrap01 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e8ba3507502ea3bada4e78_Partners.png");
}
.hero-heading-left-38.investorwrap01 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/691c33f2fb6c6ea8ec4e9d29_Export.png");
}
.hero-heading-left-38.investorswrap01 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e8ba37bccb80b0a761cedb_Investirs.png");
}
.container-115 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1300px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-157 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-157.blah {
flex: 1;
}
.column-157.blah.bb, .column-157.blah.kkkkkk {
justify-content: center;
align-items: flex-start;
}
.content-style-127 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-63 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-46 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-156 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-156.button-1 {
width: 170px;
}
.button-label-73 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-113 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(70.89deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-114 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-heading-left-39 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-116 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-158 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-47 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-109 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-159 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-115 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-64 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-40 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-117 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-160 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-48 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-110 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-161 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-116 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-65 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.right-arrow-3 {
background-color: #007bfc;
border-radius: 100px;
width: 45px;
height: 45px;
margin-top: 360px;
margin-right: 320px;
font-size: 14px;
transition: all .2s;
top: 17px;
right: -17px;
}
.right-arrow-3:hover {
transform: translate(2px);
}
.container-118 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.testimonial-card-2 {
height: 100%;
display: flex;
box-shadow: 17px 88px 60px -100px #4f5e782e, 11px 0 20px -9px #4f5e781a;
}
.text-378 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-66 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.slide-nav-2 {
background-color: #fff;
border-radius: 500px;
max-width: 150px;
display: none;
top: 575.901px;
box-shadow: 1px 1px 3px #0000000d;
}
.title-copy-goes-here-be-awesome-117 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.column-162 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.slider-horizontal-2 {
background-color: #0000;
width: 100%;
height: 100%;
}
.left-arrow-3 {
background-color: #007bfc;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
margin-top: 360px;
margin-left: 622px;
padding: 10px;
font-size: 14px;
transition: all .2s;
display: flex;
top: 17px;
left: -17px;
}
.left-arrow-3:hover {
transform: translate(-2px);
}
.image-111 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.testimonial-image-wrap-2 {
justify-content: center;
align-items: center;
width: 40%;
height: 350px;
display: flex;
position: relative;
overflow: hidden;
}
.horizontal-content-block-2 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 60%;
padding: 20px 75px;
display: flex;
}
.testimonial-image-2 {
object-fit: cover;
width: 100%;
height: 100%;
}
.testimonial-section-2 {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 850px;
padding: 120px 3%;
display: flex;
overflow: hidden;
}
.button-style-157 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.hero-heading-left-41 {
grid-column-gap: 80px;
background-color: #fff;
background-image: linear-gradient(182.53deg, #fff0, #fff), none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 40px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.frame-1000004235 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000004236 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-67 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-158 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-74 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.mother-and-child-genomics-0 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(76.39deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.mother-and-child-genomics-1 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004237 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-163 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-49 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-112 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-164 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 197px;
display: flex;
}
.content-style-128 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-118 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-68 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-47 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-159 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-75 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-42 {
grid-column-gap: 80px;
background-image: linear-gradient(264.9deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686baf14c253a79eed7042c1_Hero%20Heading%20Left.png");
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
min-height: 800px;
padding: 0 24px 80px;
display: flex;
overflow: hidden;
}
.container-119 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-165 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-129 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-119 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(74.1deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-69 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-48 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-160 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-76 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-43 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-120 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-166 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-50 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-113 {
object-fit: cover;
border-radius: 20px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 100%;
text-decoration: none;
display: flex;
}
.column-167 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-120 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-70 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-49 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-161 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-161:hover {
background-color: var(--_colors---blue--2\);
border-style: none;
}
.button-label-77 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.wireframe---15 {
grid-row-gap: 10px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686b73a541f6d623e5ba2584_Testimonial%20Stack.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
height: 700px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.digitale-de-ud98m9ohnmc-unsplash-3 {
background-image: linear-gradient(179.94deg, #00256f 0%, #00256f80 94%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/68637e1e7b52d13e329e9abb_digitale-de-uD98M9OhNmc-unsplash-1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
min-height: 1018.36px;
}
.container-121 {
grid-column-gap: 80px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
height: 480px;
text-decoration: none;
display: flex;
position: absolute;
top: 80px;
left: 120px;
}
.column-168 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-51 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.minimal-gene {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
display: flex;
}
.column-169 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-121 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-71 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-50 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-162 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-78 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.wireframe---16 {
grid-row-gap: 10px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686b73a541f6d623e5ba2584_Testimonial%20Stack.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
height: 800px;
min-height: 800px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.digitale-de-ud98m9ohnmc-unsplash-4 {
background-image: linear-gradient(179.94deg, #00256f 0%, #00256f80 94%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/68637e1e7b52d13e329e9abb_digitale-de-uD98M9OhNmc-unsplash-1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
min-height: 1018.36px;
}
.container-122 {
grid-column-gap: 80px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1000px;
text-decoration: none;
display: flex;
position: absolute;
top: 80px;
left: 120px;
}
.column-170 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-52 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-171 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-122 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-72 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-51 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-163 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-163.button-1 {
width: 110px;
}
.button-label-79 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-44 {
grid-column-gap: 80px;
background-image: linear-gradient(#fff0, #fff), none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 40px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.frame-1000004238 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000004239 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-73 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-164 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-80 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.personal-genomics-0 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.8deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.personal-genomics-1 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004240 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-172 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-53 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-114 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-173 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 197px;
display: flex;
}
.content-style-130 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-123 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-74 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-52 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-165 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-81 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004241 {
grid-row-gap: 24px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
min-height: 678.429px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-174 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-54 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.minimal-gene-2 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
display: flex;
}
.content-style-131 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-54 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-120 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-166 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-82 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000004332 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.frame-1000004333 {
grid-row-gap: 10px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.banner---mobilevariant2-2 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/685e56e5e40623f9635f35d8_Container.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 98px;
padding: 24px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-66 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.frame-1000004334 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-17 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 120px;
text-decoration: none;
display: flex;
}
.header-style-67 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 277px;
text-decoration: none;
display: flex;
}
.text-379 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000004335 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 116px;
height: 50px;
text-decoration: none;
display: flex;
}
.button-style-167 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-83 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004336 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-175 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-132 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-75 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004337 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.feature-9 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000004338 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
text-decoration: none;
display: flex;
}
.text-380 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004339 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004340 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-125 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(76.2deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-126 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.hero-heading-left-45 {
grid-column-gap: 80px;
background-image: linear-gradient(264.9deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686baf14c253a79eed7042c1_Hero%20Heading%20Left.png");
background-position: 0 0, 50%;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
min-height: 800px;
margin-top: 80px;
padding: 80px 24px;
display: none;
overflow: hidden;
}
.container-123 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-176 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
margin-left: 0;
text-decoration: none;
display: flex;
}
.content-style-133 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-127 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(74.1deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-76 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-53 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-168 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-168.button-1 {
width: 170px;
}
.button-label-84 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-46 {
grid-column-gap: 80px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686cb157c6d038337a5a9e98_Hero%20Heading%20Left.png");
background-position: 50% 0;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 800px;
min-height: 800px;
padding: 40px 24px 80px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-124 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-177 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-134 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-128 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.89deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-77 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-54 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-169 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-85 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-47 {
grid-column-gap: 80px;
background-image: linear-gradient(180.22deg, #fff0, #fff), none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 40px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.frame-1000004341 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000004342 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-78 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-170 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-86 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.speciality-genomics-0 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.8deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.speciality-genomics-1 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004343 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-178 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-55 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-115 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-179 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 197px;
display: flex;
}
.content-style-135 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-129 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-79 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-55 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-171 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-87 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-48 {
grid-column-gap: 80px;
background-image: linear-gradient(267.72deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686cb157c6d038337a5a9e98_Hero%20Heading%20Left.png");
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: 800px;
min-height: 800px;
margin-top: 80px;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.container-125 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
}
.column-180 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-136 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-130 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.89deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-80 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-56 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-172 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-172.button-1 {
width: 136px;
}
.button-style-172.button-1:hover {
background-color: var(--_variable-collection---blue--5);
}
.button-label-88 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000004344 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.banner---mobilevariant2-3 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/685e56e5e40623f9635f35d8_Container.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 98px;
padding: 24px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-68 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.frame-1000004345 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-18 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 120px;
text-decoration: none;
display: flex;
}
.header-style-69 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 277px;
text-decoration: none;
display: flex;
}
.text-381 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000004346 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 116px;
height: 50px;
text-decoration: none;
display: flex;
}
.button-style-173 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-89 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-49 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-126 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-181 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-56 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-116 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-182 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-131 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-81 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.team-rectangles-14 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.hero-heading-left-50 {
grid-row-gap: 56px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-127 {
grid-column-gap: 80px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-183 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-132 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-82 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-57 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 52px;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-174 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-90 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.column-184 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-57 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-117 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.pricing-items {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.small-container-17 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.section-title-26 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-382 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-383 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-52 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 960px;
margin-bottom: 10px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #00000014, 0 4px 4px #00000014;
}
.image-118 {
object-fit: cover;
border-radius: 8px;
width: 184px;
height: 150px;
overflow: hidden;
}
.frame-1000004347 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-70 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-137 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-55 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-121 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-122 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-123 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-138 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 160px;
text-decoration: none;
display: flex;
}
.title-style-56 {
grid-column-gap: 8px;
justify-content: flex-end;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-124 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-384 {
color: #b4b4b4;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: line-through;
}
.rectangle-5514 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 712px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-71 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tags {
grid-column-gap: 8px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.eyebrow-heading-3 {
grid-column-gap: 4px;
background-color: #fafafa;
border-radius: 40px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.text-385 {
color: #5d5d5d;
text-align: center;
letter-spacing: .02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.action-17 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.pricing-items-3 {
grid-column-gap: 80px;
grid-row-gap: 40px;
background-color: #fafafa;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.small-container-18 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.section-title-27 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-386 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-387 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.list-9 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-53 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 960px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #00000014, 0 4px 4px #00000014;
}
.image-119 {
object-fit: cover;
border-radius: 8px;
overflow: hidden;
}
.frame-1000004348 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-72 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-139 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-57 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-125 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-126 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-127 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-140 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 160px;
text-decoration: none;
display: flex;
}
.title-style-58 {
grid-column-gap: 8px;
justify-content: flex-end;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-128 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-388 {
color: #b4b4b4;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: line-through;
}
.rectangle-5515 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 712px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-73 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tags-3 {
grid-column-gap: 8px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.eyebrow-heading-4 {
grid-column-gap: 4px;
background-color: #fafafa;
border-radius: 40px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.text-389 {
color: #5d5d5d;
text-align: center;
letter-spacing: .02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.action-18 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-175 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-91 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.features-list-16 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-31 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-185 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 197px;
display: flex;
}
.content-style-141 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-19 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-59 {
display: flex;
}
.description-129 {
color: #909090;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-176 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-176.button-1 {
width: 110px;
}
.button-label-92 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000004349 {
grid-column-gap: 80px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.column-186 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 434px;
text-decoration: none;
display: flex;
}
.card-54 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 440px;
height: 144px;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-120 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.content-style-142 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.title-style-60 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-130 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-131 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-16 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(87.02deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-17 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.collection-list-wrapper-5 {
display: none;
}
.hero-heading-left-51 {
grid-column-gap: 80px;
background-image: linear-gradient(#fff0, #fff), none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 40px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.frame-1000004350 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000004351 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-83 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-177 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-93 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.animal-genomics-7 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.8deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.animal-genomics-8 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004352 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-187 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-58 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-121 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-188 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 123px;
display: flex;
}
.content-style-143 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-133 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-84 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004353 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-189 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-59 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-122 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-190 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 197px;
display: flex;
}
.content-style-144 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-134 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-85 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-58 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-178 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-94 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000004354 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.section-title-28 {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 360px;
height: 109px;
text-decoration: none;
display: flex;
}
.frame-1000004355 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-390 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-391 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004356 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.test-card---mobile-2 {
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
max-width: 312px;
height: 365px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-60 {
grid-row-gap: 8.04124px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 168px;
display: flex;
overflow: hidden;
}
.image-123 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 168px;
text-decoration: none;
display: flex;
}
.frame-1000004357 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-74 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-145 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-61 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-132 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-133 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-134 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5516 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-75 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.price-6 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-392 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20005 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-19 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-179 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-95 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000004358 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000004359 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.column-191 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-146 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.group-15 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 110px;
text-decoration: none;
display: flex;
}
.column-192 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 516px;
text-decoration: none;
display: flex;
}
.card-55 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 16px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-124 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex;
}
.content-style-147 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 172px;
text-decoration: none;
display: flex;
}
.title-style-62 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-135 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-136 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.card-56 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 8px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.title-copy-goes-here-be-awesome-136 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(78.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-137 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004360 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.banner---mobile-3 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/685e56e5e40623f9635f35d8_Container.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
min-height: 308px;
padding: 24px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-76 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.section-style-19 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 270px;
text-decoration: none;
display: flex;
}
.header-style-77 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 277px;
text-decoration: none;
display: flex;
}
.text-393 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000004361 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004362 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 258px;
text-decoration: none;
display: flex;
}
.text-394 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-180 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-96 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004169 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
height: 2000px;
text-decoration: none;
display: none;
}
.nav-bar---mobile-2 {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 359px;
padding: 8px 24px;
text-decoration: none;
display: flex;
}
.dehaze-3 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
padding: 5px 3px;
text-decoration: none;
display: flex;
}
.dehaze-4 {
object-fit: cover;
}
.frame-1000004363 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 485px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-193 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-61 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-125 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.frame-1000004364 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000004365 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.first-last-name {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.8deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-86 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004366 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000004367 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 648px;
display: flex;
}
.card-57 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.cell-streamline-ux-duotone {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
text-decoration: none;
display: flex;
}
.content-style-148 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-395 {
color: #0d0d0d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-396 {
opacity: .6;
color: #909090;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-149 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-397 {
opacity: .6;
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004368 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 568px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-194 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 197px;
display: flex;
}
.title-copy-goes-here-be-awesome-138 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-87 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-59 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-181 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.book-counselling {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.newsletter-form---mobile {
grid-row-gap: 64px;
background-color: #00256f;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
padding: 40px 32px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-128 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.section-title-29 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-398 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-399 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.form-style-3 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 304px;
text-decoration: none;
display: flex;
}
.input-field-2 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 100px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 280px;
height: 40px;
padding: 8px 12px;
text-decoration: none;
display: flex;
}
.input-placeholder-2 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-400 {
opacity: .7;
color: #fafafa;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.footer---mobile-3 {
grid-column-gap: 24px;
background-color: #0d0d0d;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
padding: 40px 32px;
text-decoration: none;
display: flex;
}
.frame-1000004369 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 305px;
text-decoration: none;
display: flex;
}
.columns-32 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 285px;
height: 368px;
text-decoration: none;
display: flex;
}
.column-195 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 320px;
text-decoration: none;
display: flex;
}
.logo-wrapper-3 {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.logo-5 {
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
text-decoration: none;
display: flex;
}
.logo-container-3 {
grid-row-gap: 7.2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.main-logo-3 {
grid-column-gap: 5.4px;
justify-content: flex-start;
align-items: center;
width: 105.096px;
height: 36px;
text-decoration: none;
display: flex;
}
.group-1000003803 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 32.3585px;
height: 32.4px;
text-decoration: none;
display: flex;
}
.small-columns-3 {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 305px;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.footer-links-6 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 114px;
height: 304px;
text-decoration: none;
display: flex;
}
.link-style-4 {
color: #fafafa;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.link-style-5 {
color: #fafafa;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.footer-links-7 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 178.667px;
height: 208px;
text-decoration: none;
display: flex;
}
.header-style-78 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 24px;
display: flex;
}
.frame-1000004370 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-79 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004371 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.header-style-80 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-401 {
color: #fafafa;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004372 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000004373 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 648px;
display: flex;
}
.card-58 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.cell-streamline-ux-duotone-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
text-decoration: none;
display: flex;
}
.content-style-150 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-402 {
color: #0d0d0d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-403 {
opacity: .6;
color: #909090;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-151 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-404 {
opacity: .6;
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004374 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.hero-heading-left-52 {
grid-column-gap: 80px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686ccfc786603ef8748b6971_Hero%20Heading%20Left.png");
background-position: 0 0;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-129 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-196 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-152 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-139 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(74.1deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-88 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-60 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-182 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-182.button-1 {
width: 170px;
}
.button-label-97 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-53 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-130 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-197 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-62 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-126 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-140 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.frame-1000004375 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.team-rectangles-15 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 80px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-131 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.section-title-30 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-405 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-36 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.stories-3 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: 640px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-132 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.stories-4 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-133 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-141 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.stories-5 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-134 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.column-198 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-63 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-127 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-199 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-142 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-89 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-54 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-135 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-200 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-153 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-143 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.89deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-144 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-90 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-201 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-64 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-128 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.frame-1000006884 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.team-rectangles-16 {
grid-row-gap: 70px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-136 {
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.frame-1000006885 {
grid-column-gap: 40px;
grid-row-gap: 30px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-59 {
grid-row-gap: 24px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 460px;
padding: 24px;
text-decoration: none;
display: flex;
}
.icon-22 {
object-fit: cover;
border-radius: 100px;
overflow: hidden;
}
.content-style-154 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-406 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-407 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-55 {
grid-row-gap: 80px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-137 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-202 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-65 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-129 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-203 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.content-style-155 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-145 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 56px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-146 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-91 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-61 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-183 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-98 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.team-rectangles-17 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000006886 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 485px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-204 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-66 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-130 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.frame-1000006887 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000006888 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.first-last-name-2 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.8deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-92 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006889 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000006890 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 648px;
display: flex;
}
.card-60 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.cell-streamline-ux-duotone-3 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
text-decoration: none;
display: flex;
}
.content-style-156 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-408 {
color: #0d0d0d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-409 {
opacity: .6;
color: #909090;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-157 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-410 {
opacity: .6;
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000006891 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 568px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-205 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-67 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-131 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-206 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 197px;
display: flex;
}
.content-style-158 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-147 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-93 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-62 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-184 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.book-counselling-2 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006892 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000006893 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 648px;
display: flex;
}
.card-61 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.cell-streamline-ux-duotone-4 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
text-decoration: none;
display: flex;
}
.content-style-159 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-411 {
color: #0d0d0d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-412 {
opacity: .6;
color: #909090;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-160 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-413 {
opacity: .6;
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000006894 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding: 120px 323px;
text-decoration: none;
display: flex;
}
.frame-1000006895 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006896 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-414 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-415 {
color: #5d5d5d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000006897 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-416 {
color: #5d5d5d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-417 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006898 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006899 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5820 {
object-fit: cover;
}
.frame-1000006900 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 64px 323px 120px;
text-decoration: none;
display: flex;
}
.frame-1000006901 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 800px;
text-decoration: none;
display: flex;
}
.frame-1000006902 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 800px;
text-decoration: none;
display: flex;
}
.frame-1000006903 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-418 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 800px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-419 {
color: #5d5d5d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
display: none;
}
.frame-1000006904 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-420 {
color: #5d5d5d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-421 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006905 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006906 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5821 {
object-fit: cover;
}
.navbar-no-shadow-container-2 {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.container-regular-2 {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-2 {
justify-content: space-between;
align-items: center;
display: flex;
}
.nav-menu-2 {
justify-content: space-between;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-3 {
color: #1a1b1f;
letter-spacing: .25px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-family: Cabin, sans-serif;
font-size: 12px;
line-height: 20px;
text-decoration: none;
}
.nav-link-3:hover {
color: #1a1b1fbf;
}
.nav-link-3:focus-visible, .nav-link-3[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-2 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-2 {
letter-spacing: .25px;
padding: 5px 15px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-2:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-2:focus-visible, .nav-dropdown-toggle-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-2 {
color: #909090;
margin-right: 10px;
}
.nav-dropdown-icon-2:hover {
color: #0d0d0d;
}
.nav-dropdown-list-2 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-2.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide.w--open {
box-shadow: 0 2px 5px #0003;
}
.nav-dropdown-link-2 {
padding-top: 5px;
padding-bottom: 5px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 400;
}
.nav-dropdown-link-2:focus-visible, .nav-dropdown-link-2[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper-2 {
margin-left: 120px;
}
.button-primary-2 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-2:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-2:active {
background-color: #43464d;
}
.search-button-2, .field-label-2 {
display: none;
}
.search-input-2 {
border-radius: 100px;
width: 130px;
}
.text-block-28 {
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
}
.page-wrapper-8 {
overflow: hidden;
}
.filter_reset-all-2 {
border-bottom: 1px solid #00256f;
padding-bottom: .2rem;
text-decoration: none;
}
.filter_reset-all-2.text-color-green-2 {
color: #00256f;
}
.filter_column-2 {
background-color: #fff;
border: 1px solid #dfdfdf;
border-bottom-style: none;
width: 320px;
}
.filter_empty-2 {
background-color: #fff;
border: 1px solid #dfdfdf;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 2rem;
display: flex;
}
.filter_sort-by-2 {
border: 1px solid #dae4d8;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-width: 12rem;
padding: .5rem 4rem .5rem 1.2rem;
display: flex;
}
.text-color-green-2 {
color: #00256f;
}
.filter_reset-2 {
color: #6e6e6e;
border-bottom: 1px solid #dae4d8;
padding-bottom: .2rem;
text-decoration: none;
}
.fs-cmsfilter_highlight-2 {
color: #fff;
background-color: #00256f;
}
.footer_component-2 {
background-color: #000;
border-top: 1px solid #dae4d8;
align-items: flex-start;
}
.filter_header-2 {
background-color: #fff;
border: 1px solid #dae4d8;
flex-direction: row;
justify-content: flex-end;
align-items: center;
min-height: 4.5rem;
padding: .5rem 1rem;
display: flex;
}
.filter_block-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #dfdfdf;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.filter_form-wrapper-2 {
margin-bottom: 0;
}
.main-wrapper-3 {
width: 700px;
}
.collection-item-9 {
width: 388px;
}
.sort_field-2 {
color: #000;
cursor: pointer;
border-bottom: 1px solid #e6e6e6;
border-right: 1px solid #e6e6e6;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 1rem 2rem 1rem 1.5rem;
text-decoration: none;
display: flex;
}
.sort_field-2.w--current {
color: #00256f;
background-color: #f4f9f4;
}
.heading-small-2 {
font-size: 15px;
font-weight: 600;
line-height: 1.4;
}
.container-138 {
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.jut-container-1 {
width: 700px;
max-width: none;
margin-left: auto;
margin-right: auto;
}
.jut-wrap-1 {
justify-content: center;
align-items: stretch;
width: 700px;
display: flex;
}
.jut-form-1 {
flex-flow: column;
display: flex;
}
.jut-button-1 {
background-color: #026cff;
border-radius: .2em;
padding: .7em 1em;
font-size: 1.5em;
line-height: 1.3em;
display: block;
}
.jut-button-1:hover {
background-color: #026cffc7;
}
.jut-section-1 {
justify-content: center;
align-items: flex-start;
width: 1280px;
margin-top: 71px;
padding: 5em;
font-size: 1vw;
display: flex;
}
.jut-heading-1 {
color: #000;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 3.3em;
font-weight: 400;
line-height: 1.2em;
}
.jut-text-1 {
color: #000;
text-align: center;
margin-top: 1.5em;
margin-bottom: 2.5em;
font-size: 1.6em;
line-height: 1.6em;
}
.jut-wrap-2 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 700px;
padding-top: 0;
display: flex;
}
.jut-imput-1 {
color: #949f9c;
border: 1.7px solid #e8e6e7;
border-radius: 100px;
height: 3.5em;
margin-bottom: 1em;
padding: 1em;
font-size: 1.1em;
line-height: 1.3em;
}
.heading-and-supporting-text-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-161 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-148 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.23deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-94 {
color: var(--_variable-collection---neutral--5);
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 101px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rl_navbar1_button {
color: #fff;
text-align: center;
background-color: #0c2954;
border: 1px solid #000;
border-radius: .3125rem;
padding: .5rem 1.25rem;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.footer_logo-link-2 {
padding-left: 0;
}
.error-message {
margin-top: 1.5rem;
padding: .875rem 1rem;
}
.form_checkbox-label {
margin-bottom: 0;
}
.nav_link-5 {
color: #0c2954;
text-align: center;
margin-right: 1.5rem;
padding: 0;
font-size: 1rem;
text-decoration: none;
}
.nav_link-5.last {
margin-right: 0;
}
.footer_bottom-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: center;
display: grid;
}
.navbar_menu-buttons {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-left: 1rem;
display: flex;
}
.form_field-label {
margin-bottom: .5rem;
font-family: Cabin, sans-serif;
font-weight: 400;
}
.form_field-label.is-other {
margin-top: .5rem;
}
.navbar_menu {
align-items: center;
display: flex;
position: static;
}
.form_input {
color: #0c2954;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 20px;
width: 100%;
max-width: none;
height: auto;
min-height: 2.75rem;
margin-bottom: 0;
padding: .5rem .75rem;
font-size: 1rem;
line-height: 1.6;
}
.form_input:focus {
border-color: #000;
}
.form_input::placeholder {
color: #0009;
}
.form_input.is-select-input {
background-image: none;
justify-content: center;
align-items: center;
margin-right: 0;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
overflow: hidden;
}
.form_input.is-text-area {
border-radius: 20px;
height: auto;
min-height: 11.25rem;
padding-top: .75rem;
padding-bottom: .75rem;
overflow: auto;
}
.form_field-2col {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.footer_link {
text-align: center;
font-size: 1rem;
font-weight: 400;
text-decoration: none;
}
.container-large-5 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.footer_social-list {
grid-column-gap: .75rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: space-between;
place-items: center;
display: flex;
}
.navbar_component {
background-color: #fff;
border-bottom: 1px #000;
align-items: center;
width: 100%;
height: auto;
min-height: 4.5rem;
padding-left: 5%;
padding-right: 5%;
display: flex;
position: relative;
}
.contact_form {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
display: grid;
}
.padding-global-9 {
justify-content: center;
align-items: flex-start;
width: 700px;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.footer_top-wrapper {
grid-column-gap: 4vw;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr .25fr;
justify-content: space-between;
align-items: center;
}
.navbar1_menu-button {
padding: 0;
}
.form_field-wrapper {
position: relative;
}
.success-message {
background-color: #eee;
padding: 1.5rem;
}
.footer_credit-text {
font-size: .875rem;
}
.social-icon {
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
}
.section_footer {
background-color: #fff;
}
.image-full-contain {
opacity: 1;
object-fit: contain;
width: 100%;
height: 100%;
display: block;
position: relative;
}
.other-reason-field {
opacity: 0;
height: 0;
transition: opacity .675s, transform .675s;
transform: translate(0, .625rem);
}
.footer_link-list {
grid-column-gap: 1.5rem;
grid-row-gap: 0px;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
justify-content: center;
justify-items: start;
display: grid;
}
.footer_social-icon {
aspect-ratio: 1;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1.5rem;
font-size: 14px;
text-decoration: none;
display: flex;
}
.text-style-link-2 {
color: var(--_variable-collection---blue--3);
font-family: Cabin, sans-serif;
text-decoration: underline;
}
.error-text {
color: #e23939;
}
.contact_component {
flex-direction: column;
align-items: stretch;
margin-bottom: 0;
}
.form_checkbox {
align-items: center;
margin-bottom: 0;
padding-left: 1.25rem;
display: flex;
}
.button-3 {
border: 1px solid var(--_ux---color\);
background-color: var(--_colors---blue--blue\);
color: #fff;
text-align: center;
border-radius: 100px;
padding: .75rem 1.5rem;
text-decoration: none;
}
.button-3:hover {
background-color: var(--_colors---dark-blue\);
}
.navbar_container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 96rem;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navbar_logo-link {
padding-left: 0;
}
.footer_legal-link {
font-size: .875rem;
text-decoration: underline;
}
.success-text {
font-weight: 600;
}
.footer_line-divider {
background-color: #0c2954;
width: 100%;
height: 1px;
}
.form_checkbox-icon {
cursor: pointer;
border: 1px solid #0c2954;
border-radius: 0;
width: 1.125rem;
min-width: 1.125rem;
height: 1.125rem;
min-height: 1.125rem;
margin-top: 0;
margin-left: -1.25rem;
margin-right: .5rem;
transition: all .2s;
}
.form_checkbox-icon.w--redirected-checked {
box-shadow: none;
background-color: #0c2954;
border-width: 1px;
border-color: #000;
}
.form_checkbox-icon.w--redirected-focus {
box-shadow: none;
border-color: #000;
}
.body-2 {
flex-flow: column;
justify-content: center;
align-items: center;
font-family: Cabin, sans-serif;
display: flex;
}
.action-20 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
margin-top: -50px;
text-decoration: none;
display: flex;
}
.button-style-185 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-99 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-2 {
object-fit: cover;
overflow: hidden;
}
.frame-1000006907 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: none;
}
.hero-heading-left-56 {
grid-column-gap: 80px;
background-image: linear-gradient(#fff0 0%, #fff 100%);
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 600px;
padding: 40px 24px;
display: flex;
overflow: hidden;
}
.frame-1000006908 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000006909 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-422 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(80.69deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-95 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-186 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-100 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006910 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 495px;
padding: 40px 24px;
display: flex;
}
.column-207 {
grid-column-gap: 10px;
border-radius: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-68 {
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/682ad7bed2ec624a759e261d_Rectangle-5505.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
min-height: 267.429px;
text-decoration: none;
display: flex;
}
.image-132 {
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-208 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-149 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-96 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-69 {
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/682ad7bed2ec624a759e261d_Rectangle-5505.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
min-height: 267.429px;
text-decoration: none;
display: flex;
}
.frame-1000006911 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: none;
}
.frame-1000006912 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 495px;
padding: 40px 24px;
display: flex;
}
.column-209 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-70 {
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/682ad7bed2ec624a759e261d_Rectangle-5505.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
min-height: 267.429px;
text-decoration: none;
display: flex;
}
.image-133 {
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-210 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-162 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-150 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-97 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004260 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-151 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-98 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004259 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-wrapper-71 {
grid-row-gap: 8.04124px;
border-radius: 16.0825px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 193px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.image-134 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 193px;
text-decoration: none;
display: flex;
}
.info-23 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 16px;
text-decoration: none;
display: flex;
}
.name-12 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-137 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004279 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.column-211 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.frame-1000004264 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.frame-1000004262 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 148px;
text-decoration: none;
display: flex;
}
.rectangle-5813 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 148px;
height: 148px;
text-decoration: none;
display: flex;
}
.frame-1000004261 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 71px;
text-decoration: none;
display: flex;
}
.text-423 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-424 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-425 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.div-block-2 {
display: none;
}
.frame-1000006913 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.hero-heading-left-57 {
grid-column-gap: 80px;
background-image: linear-gradient(231.07deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686e55eeeca353cbec0f9bb7_Hero%20Heading%20Left.png");
background-position: 0 0, 50% 100%;
background-size: auto, cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.container-139 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-212 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-163 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-152 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.89deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-99 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-63 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-187 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-187.button-1 {
width: 120px;
}
.button-style-187.button-1:hover {
background-color: var(--_variable-collection---blue--5);
}
.button-label-101 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.wireframe---4 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
padding: 80px 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000006914 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-wrapper-6 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-164 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-138 {
color: #0d0d0d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004094 {
grid-column-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card-62 {
grid-column-gap: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 588px;
padding: 16px;
text-decoration: none;
display: flex;
}
.graphics {
background-color: #e7e7e7;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
border-radius: 24px;
width: 200px;
height: 144px;
display: flex;
overflow: hidden;
}
.content-style-165 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 16px;
text-decoration: none;
display: flex;
}
.name-13 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-139 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-58 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-140 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-213 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.frame-1000004095 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.metric-item-7 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: 240px;
max-width: 264px;
text-decoration: none;
display: flex;
}
.icon-wrap-4 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 4px;
text-decoration: none;
display: flex;
}
.featured-icon-5 {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
}
.content-style-166 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number-and-text-4 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number-7 {
color: #0084ff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 48px;
font-size: 48px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
}
.text-426 {
color: #5d5d5d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.column-214 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-72 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-135 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.title-18 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.28deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-19 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-153 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.21deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-154 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.wireframe---17 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
padding: 80px 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000006915 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-wrapper-7 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-167 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-140 {
color: #0d0d0d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006916 {
grid-column-gap: 24px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-168 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-11 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 16px;
text-decoration: none;
display: flex;
}
.name-14 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-141 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-20 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.28deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-21 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.wireframe---18 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
padding: 80px 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000006917 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-wrapper-8 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-169 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-142 {
color: #0d0d0d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006918 {
grid-column-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006919 {
grid-column-gap: 24px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.content-style-170 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-143 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-22 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.28deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-23 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.wireframe---19 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1440px;
margin-top: 40px;
margin-bottom: 40px;
padding: 80px 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000006920 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-wrapper-9 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-171 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-144 {
color: #0d0d0d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006921 {
grid-column-gap: 24px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006922 {
grid-column-gap: 24px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.frame-1000006923 {
grid-column-gap: 20px;
grid-row-gap: 25px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 900px;
text-decoration: none;
display: flex;
}
.card-63 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: center;
width: 500px;
max-width: none;
padding: 16px;
text-decoration: none;
display: flex;
}
.content-style-172 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-145 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-24 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.28deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-25 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-heading-left-59 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-141 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-215 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.content-style-173 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-100 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006924 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.metric-item-8 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: 240px;
max-width: 264px;
text-decoration: none;
display: flex;
}
.icon-wrap-5 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 60px;
padding-top: 4px;
text-decoration: none;
display: flex;
}
.featured-icon-6 {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
}
.content-style-174 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number-and-text-5 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number-8 {
color: #0084ff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 48px;
font-size: 45px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
}
.text-427 {
color: #5d5d5d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.column-216 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-73 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-136 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-156 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.21deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-157 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.features-list-17 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-33 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1146px;
text-decoration: none;
display: flex;
}
.column-217 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-175 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-20 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-146 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-188 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-188.button-1 {
width: 110px;
}
.button-label-102 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.card-64 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 440px;
height: 144px;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-137 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.content-style-176 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.title-style-64 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-147 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-148 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-26 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.64deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-27 {
color: #0d1240;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.features-list-18 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-34 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1146px;
text-decoration: none;
display: flex;
}
.column-218 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-177 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-21 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-149 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-189 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-103 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.card-65 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 440px;
height: 144px;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-138 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.content-style-178 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.title-style-66 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-150 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-151 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-28 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.64deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-29 {
color: #0d1240;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-heading-left-60 {
grid-column-gap: 80px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686e5c430d3726cb39780d6c_Hero%20Heading%20Left.png"), linear-gradient(88.92deg, #fff0, #fff);
background-position: 0 0, 0 0;
background-size: cover, auto;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.container-142 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-219 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-179 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-158 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.18deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-101 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-64 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-190 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-190:hover {
background-color: var(--_variable-collection---blue--5);
}
.button-label-104 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.metrics-section {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 96px 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-143 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: flex-start;
width: 1000px;
max-width: none;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: flex;
}
.content-style-180 {
grid-column-gap: 16px;
grid-row-gap: 32px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: block;
}
.heading-and-supporting-text-3 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-self: flex-start;
align-items: flex-start;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.heading-12 {
align-self: center;
display: flex;
}
.supporting-text {
color: #475467;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.content-style-181 {
grid-column-gap: 32px;
grid-row-gap: 16px;
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 568px;
text-decoration: none;
display: grid;
}
.metric-item-9 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
min-width: 240px;
max-width: 264px;
text-decoration: none;
display: flex;
}
.icon-wrap-6 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 4px;
text-decoration: none;
display: flex;
}
.featured-icon-7 {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
width: 40px;
}
.content-style-182 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.number-9 {
color: #0084ff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
}
.features-list-19 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-35 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 900px;
max-width: none;
text-decoration: none;
display: flex;
}
.column-220 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-183 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-22 {
grid-row-gap: 16px;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-152 {
color: #909090;
text-align: left;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-191 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-105 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.card-66 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 440px;
height: 144px;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-139 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.content-style-184 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.title-style-67 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-153 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-154 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.team-rectangles-18 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-221 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 197px;
display: flex;
}
.description-155 {
color: #909090;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-144 {
grid-row-gap: 80px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.frame-1000006925 {
grid-column-gap: 40px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-67 {
grid-row-gap: 24px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 460px;
padding: 24px;
text-decoration: none;
display: flex;
}
.icon-23 {
object-fit: cover;
border-radius: 100px;
overflow: hidden;
}
.text-428 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-nunc-vulputate-libero-et-velit-interdum {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.heading-0 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.heading-1 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.35deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-30 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.64deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-31 {
color: #0d1240;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-32 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-33 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(87.52deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.frame-1000006926 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.hero-heading-left-61 {
grid-column-gap: 80px;
background-image: linear-gradient(#fff0 0%, #fff 100%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/6867ba4b8b3ccadd952ff405_Hero-Heading-Left.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 40px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000006927 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000006928 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-429 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(76.39deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-102 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-192 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-106 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006929 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-222 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-74 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-140 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-223 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 144px;
display: flex;
}
.title-copy-goes-here-be-awesome-159 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-103 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000006930 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
padding: 24px;
text-decoration: none;
display: flex;
}
.frame-1000006931 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.column-224 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-185 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-160 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-104 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.price-7 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.description-156 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-21 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.rectangle-5822 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-81 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 294px;
text-decoration: none;
display: flex;
}
.content-style-186 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-193 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.description-157 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.frame-1000006932 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.text-block-29 {
justify-content: space-between;
display: flex;
}
.text-430 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.title-style-68 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.arrow-right-line-3 {
object-fit: cover;
overflow: hidden;
}
.arrow-right-line-3:hover {
color: #2432b0;
}
.description-158 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-label-107 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006933 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.frame-1000006934 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-225 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-187 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-105 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000006935 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.feature-10 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000006936 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
text-decoration: none;
display: flex;
}
.text-431 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006937 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006938 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/68639cbf0067a70d0c9c7ba4_Frame-1000004133.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
min-height: 620.429px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.image-141 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.content-style-188 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-69 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.description-159 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006939 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.banner---mobile-4 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/685e56e5e40623f9635f35d8_Container.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
min-height: 308px;
padding: 24px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-82 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.section-style-20 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 270px;
text-decoration: none;
display: flex;
}
.header-style-83 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 277px;
text-decoration: none;
display: flex;
}
.text-432 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000006940 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006941 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 258px;
text-decoration: none;
display: flex;
}
.text-433 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-194 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-108 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-162 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-163 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(85.55deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.hero-heading-left-62 {
grid-column-gap: 80px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686e87b37564524569afb7d2_Hero%20Heading%20Left.png"), linear-gradient(256.22deg, #fff0, #fff);
background-position: 0 0, 0 0;
background-size: cover, auto;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
margin-top: 80px;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.container-145 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-226 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-189 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-164 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.89deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-106 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-65 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-195 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-195.button-1 {
width: 110px;
}
.button-label-109 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006942 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.hero-heading-left-63 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-146 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-227 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-75 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-142 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-228 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-165 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-107 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-64 {
grid-row-gap: 80px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-147 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-229 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-166 {
flex-flow: column;
display: flex;
}
.hero-heading-left-65 {
grid-row-gap: 56px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-148 {
grid-column-gap: 80px;
background-color: #00153e;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
padding: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-167 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-108 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-66 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-196 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-196.button-1 {
width: 110px;
}
.button-label-110 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-168 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.84deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-168.kklkl {
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
}
.title-copy-goes-here-be-awesome-169 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.frame-1000006943 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.pricing-items-4 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.small-container-19 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.section-title-31 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-434 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-435 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-36 {
grid-column-gap: 24px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-230 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-68 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000006944 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-84 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-190 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-70 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-160 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-161 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-162 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5823 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 428px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-85 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.price-8 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-436 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000---20006 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-22 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-197 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-111 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-66 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-149 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-231 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.content-style-191 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-170 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-109 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-232 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-76 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-143 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.hero-heading-left-67 {
grid-column-gap: 80px;
background-image: linear-gradient(#fff0, #fff), none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 600px;
min-height: 600px;
padding: 40px 24px;
display: none;
overflow: hidden;
}
.frame-1000006945 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000006946 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-437 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(80.69deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-110 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-198 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-112 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006947 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: none;
}
.frame-1000006948 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 568px;
padding: 40px 24px;
display: flex;
}
.column-233 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-77 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-144 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-234 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 197px;
display: flex;
}
.content-style-192 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-171 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-111 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-67 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-199 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-113 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006949 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.image-wrapper-78 {
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-145 {
background-color: #edf6ff;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-235 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.group-13 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
height: 425px;
text-decoration: none;
display: flex;
}
.frame-1000006950 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: none;
}
.frame-1000006951 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 495px;
padding: 40px 24px;
display: flex;
}
.column-236 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-79 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-146 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-237 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 123px;
display: flex;
}
.content-style-193 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-172 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-112 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000006952 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.banner---mobile-5 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/685e56e5e40623f9635f35d8_Container.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
min-height: 308px;
padding: 24px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-86 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.section-style-21 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 270px;
text-decoration: none;
display: flex;
}
.header-style-87 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 277px;
text-decoration: none;
display: flex;
}
.text-438 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000006953 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006954 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 258px;
text-decoration: none;
display: flex;
}
.text-439 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-200 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-114 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.contact-page-header-2 {
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-section {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-150 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1280px;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: flex;
}
.content-style-194 {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-and-supporting-text-4 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 768px;
text-decoration: none;
display: flex;
}
.heading-and-subheading {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-13 {
color: #101828;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.supporting-text-2 {
color: #475467;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.section-style-22 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-bottom: 96px;
text-decoration: none;
display: flex;
}
.container-151 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1280px;
padding-left: 32px;
padding-right: 32px;
text-decoration: none;
display: flex;
}
.content-style-195 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.form-style-4 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 480px;
text-decoration: none;
display: flex;
}
.form-fields-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.row {
grid-column-gap: 32px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.input-field-3 {
grid-row-gap: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.label-style-2 {
color: #344054;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.input-4 {
grid-column-gap: 8px;
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 10px 14px;
text-decoration: none;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.content-style-196 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-440 {
color: #667085;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.label-style-3 {
color: #344054;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.input-5 {
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
box-shadow: 0 1px 2px #1018280d;
}
.dropdown-3 {
flex: 0 auto;
justify-content: space-between;
align-items: center;
height: 44px;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 14px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.dropdown-text {
color: #344054;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.chevron-down {
object-fit: cover;
overflow: hidden;
}
.text-input {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 10px 14px 10px 12px;
text-decoration: none;
display: flex;
}
.textarea-input-field-2 {
grid-row-gap: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 160px;
display: flex;
}
.input-with-label-2 {
grid-row-gap: 6px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 160px;
text-decoration: none;
display: flex;
}
.input-6 {
grid-column-gap: 8px;
background-color: #fff;
border: 1px solid #d0d5dd;
border-radius: 8px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 133px;
padding: 12px 14px;
text-decoration: none;
display: flex;
overflow: hidden;
box-shadow: 0 1px 2px #1018280d;
}
.text-441 {
color: #667085;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.checkbox {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.input-7 {
flex: 0 auto;
justify-content: center;
align-items: center;
padding-top: 2px;
text-decoration: none;
display: flex;
}
.checkbox-base {
border: 1px solid #d0d5dd;
border-radius: 6px;
overflow: hidden;
}
.text-and-supporting-text {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-442 {
color: #475467;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.actions-68 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006955 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-69 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.icon-24 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
background-color: #dceeff;
border-radius: 100px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-right: 10px;
display: flex;
overflow: hidden;
}
.content-style-197 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-443 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-444 {
opacity: .6;
color: #000;
text-align: left;
width: 120px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-444._225 {
color: #fff;
width: 90px;
}
.text-444._2258, .text-444._2259 {
color: #fff;
width: 110px;
}
.text-444._1-1 {
font-size: 14px;
}
.wireframe---5 {
grid-row-gap: 120px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
padding: 80px 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000006956 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-wrapper-10 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-198 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-71 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.28deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.description-163 {
color: #0d0d0d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-201 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-115 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006957 {
grid-column-gap: 24px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card-70 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
padding: 16px;
text-decoration: none;
display: flex;
}
.graphics-2 {
background-color: #e7e7e7;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
min-height: 144px;
overflow: hidden;
}
.content-style-199 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-14 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 16px;
text-decoration: none;
display: flex;
}
.name-15 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-164 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.graphics-3, .graphics-4 {
background-color: #e7e7e7;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
min-height: 144px;
overflow: hidden;
}
.graphics-5 {
background-color: #e7e7e7;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 12px;
min-height: 144px;
overflow: hidden;
}
.graphics-6, .graphics-7, .graphics-8, .graphics-9, .graphics-10, .graphics-11 {
background-color: #e7e7e7;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
min-height: 144px;
overflow: hidden;
}
.wireframe---20 {
grid-row-gap: 120px;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 80px 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000006958 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-wrapper-11 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-200 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-72 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.28deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.description-165 {
color: #0d0d0d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-202 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-116 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006959 {
grid-column-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 1000px;
text-decoration: none;
display: flex;
}
.graphics-12 {
background-color: #e7e7e7;
border-radius: 20px;
overflow: hidden;
}
.content-style-201 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-15 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 16px;
text-decoration: none;
display: flex;
}
.name-16 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-166 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.graphics-13 {
background-color: #e7e7e7;
border-radius: 12px;
overflow: hidden;
}
.wireframe---21 {
grid-row-gap: 120px;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1440px;
padding: 80px 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000006960 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-wrapper-12 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-202 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-73 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.28deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.description-167 {
color: #0d0d0d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-203 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-117 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006961 {
grid-column-gap: 24px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 900px;
text-decoration: none;
display: flex;
}
.frame-1000006962 {
grid-row-gap: 56px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006963 {
grid-column-gap: 24px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006964 {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.graphics-14 {
background-color: #e7e7e7;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686f9ca8e9aaaaedc2d7cd8c_9.png");
background-position: 0 0;
background-size: auto;
border-radius: 20px;
width: 200px;
height: 144px;
overflow: hidden;
}
.graphics-14.g1 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686f9ca85cbed41827bd4bd4_1.png");
background-position: 0 0;
background-size: auto;
}
.graphics-14.g2 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686f9ca8b344fca339cf7591_2.png");
}
.graphics-14.g3 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686f9ca83fbf98c51d2894c0_3.png");
}
.graphics-14.g4 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686f9ca850173937dabdc99d_4.png");
}
.graphics-14.g5 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686f9ca89f0dfff8d21b30d3_5.png");
}
.graphics-14.g6 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686f9ca81b885539344b853d_6.png");
}
.graphics-14.g7 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686f9ca8fe3216a9513f2878_7.png");
}
.graphics-14.g8 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686f9ca831e5b6cb8c42fb2b_8.png");
}
.graphics-14.g10 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686f9ca81d5495112eb261eb_Graphics.png");
}
.content-style-203 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-16 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 0;
text-decoration: none;
display: flex;
}
.name-17 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-168 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.graphics-15 {
background-color: #e7e7e7;
border-radius: 12px;
overflow: hidden;
}
.frame-1000006965 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.testimonial-card-3 {
box-shadow: none;
background-image: linear-gradient(#fff, #fff);
justify-content: center;
align-items: center;
height: 500px;
display: flex;
}
.slider-horizontal-3 {
background-color: #0000;
width: 100%;
height: 100%;
}
.image-148 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-self: center;
align-items: center;
width: 106%;
max-width: none;
height: 400px;
text-decoration: none;
display: flex;
}
.container-152 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.slide-nav-3 {
color: #000;
background-color: #000;
border: 1px solid #000;
border-radius: 500px;
max-width: 150px;
display: none;
top: 0;
box-shadow: 1px 1px 3px #0000000d;
}
.text-445 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.testimonial-section-3 {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 600px;
padding: 80px 3%;
display: none;
overflow: hidden;
}
.testimonial-section-3.another-test {
display: flex;
}
.testimonial-section-3.speciality-genomics-slider, .testimonial-section-3.agrigenomics-slider, .testimonial-section-3.slidergeneticcounselling {
background-image: linear-gradient(#fafafa, #fafafa);
display: flex;
}
.testimonial-image-wrap-3 {
justify-content: center;
align-items: center;
width: 120%;
height: 400px;
display: flex;
position: relative;
overflow: hidden;
}
.testimonial-image-3 {
object-fit: cover;
width: 100%;
height: 100%;
}
.horizontal-content-block-3 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 20px 75px;
display: flex;
}
.title-copy-goes-here-be-awesome-173 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.right-arrow-4 {
background-color: #edf6ff;
border: 2px solid #dceeff;
border-radius: 100px;
width: 45px;
height: 45px;
margin-top: 355px;
margin-left: 0;
margin-right: 370px;
padding-top: 0;
font-size: 14px;
transition: all .2s;
top: 17px;
right: -17px;
}
.right-arrow-4:hover {
transform: translate(2px);
}
.right-arrow-4.kk {
margin-top: 366px;
margin-right: 550px;
display: flex;
}
.right-arrow-4.kk:hover {
background-color: var(--_colors---blue--1\);
}
.column-238 {
grid-row-gap: 15px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.left-arrow-4 {
background-color: #edf6ff;
border: 1px solid #dceeff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
margin-top: 365px;
margin-left: 502px;
margin-right: 0;
padding: 10px;
font-size: 14px;
transition: all .2s;
display: flex;
top: 17px;
left: -17px;
overflow: visible;
}
.left-arrow-4:hover {
background-color: var(--_colors---blue--1\);
transform: translate(-2px);
}
.button-style-204 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.hero-heading-left-68 {
grid-column-gap: 0px;
background-image: linear-gradient(247.49deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/687499445001139fbf7ebd20_Hero%20Heading%20Left.png");
background-size: auto, cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-153 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-239 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-204 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-174 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.89deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-113 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-69 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-205 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-118 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006966 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
}
.hero-heading-left-69 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-154 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-240 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-80 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-149 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-241 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-175 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-114 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-70 {
grid-row-gap: 56px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-155 {
grid-column-gap: 80px;
background-color: #00153e;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
padding: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-176 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-115 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.team-rectangles-19 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 1206px;
padding: 80px 24px;
display: flex;
overflow: hidden;
}
.container-156 {
grid-row-gap: 30px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.section-title-32 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-446 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-37 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-37 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-71 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-wrapper-81 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-150 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-24 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-18 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-169 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.action-23 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.columns-38 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-170 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006967 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.hero-heading-left-71 {
grid-column-gap: 80px;
background-image: linear-gradient(#fff0 0%, #fff 100%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/682b2636e5fae73c2f77abe3_Image.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 40px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000006968 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000006969 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-447 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.8deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-116 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-206 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-119 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006970 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-242 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-82 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-151 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-243 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 144px;
display: flex;
}
.title-copy-goes-here-be-awesome-177 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-117 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000006971 {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding-bottom: 40px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.container-157 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/68639d0c25337673ccfa2001_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 385px;
padding: 20px;
text-decoration: none;
display: flex;
}
.column-244 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
text-decoration: none;
display: flex;
}
.image-wrapper-83 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 273px;
text-decoration: none;
display: flex;
}
.image-152 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
}
.title-copy-goes-here-be-awesome-178 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-118 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-70 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.features-list-20 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 60px 24px 0;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-39 {
grid-column-gap: 40px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1240px;
margin-top: 80px;
font-family: Cabin, sans-serif;
text-decoration: none;
display: flex;
}
.column-245 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 40px;
text-decoration: none;
display: flex;
}
.content-style-205 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 0;
padding-bottom: 0;
text-decoration: none;
display: flex;
}
.intro-23 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-74 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: inherit;
background-clip: border-box;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.description-171 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-246 {
grid-column-gap: 24px;
grid-row-gap: 16px;
flex-flow: row;
justify-content: center;
align-items: center;
width: 100%;
max-width: 800px;
text-decoration: none;
display: flex;
}
._222 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 450px;
height: 166.8px;
min-height: 166.8px;
padding: 16px;
text-decoration: none;
display: flex;
box-shadow: 0 1px 5px #0000000a;
}
._222:hover {
box-shadow: none;
}
.content-style-206 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100.2px;
text-decoration: none;
display: flex;
}
.title-style-75 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-172 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-173 {
color: #5d5d5d;
width: auto;
height: 63px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006972 {
grid-row-gap: 16px;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 20px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.frame-1000006973 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-448 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(85.64deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-119 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-207 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-120 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-8 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 294.865px;
text-decoration: none;
display: flex;
}
.text-449 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.group-6 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 289.714px;
height: 72px;
text-decoration: none;
display: flex;
}
.frame-1000006860 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 84px;
text-decoration: none;
display: flex;
}
.frame-1000006974 {
grid-row-gap: 5px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.frame-1000006975 {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 306px;
text-decoration: none;
display: flex;
}
.text-450 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.button-style-208 {
grid-column-gap: 4px;
justify-content: center;
align-items: center;
width: 39.1223px;
height: 20px;
text-decoration: none;
display: flex;
}
.button-label-121 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006977 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.group-1000003804 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 54px;
text-decoration: none;
display: flex;
}
.frame-1000004251 {
grid-column-gap: 10px;
grid-row-gap: 16px;
flex: 0 auto;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: center;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000004249 {
grid-row-gap: 16px;
background-color: #00256f;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 20px;
text-decoration: none;
display: flex;
}
.frame-1000004248 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5812 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 272px;
height: 190px;
text-decoration: none;
display: flex;
}
.frame-1000004247 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004246 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000004244 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-451 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.text-452 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004245 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 182px;
text-decoration: none;
display: flex;
}
.content-style-207 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.title-style-76 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-453 {
opacity: .5;
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: line-through;
}
.description-174 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.eyebrow-heading-5 {
grid-column-gap: 4px;
background-color: #fafafa4d;
border-radius: 40px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.pregnancy-2 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000006978 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-454 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-209 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-122 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000004255 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000004252 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-455 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.text-456 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004254 {
grid-row-gap: 13px;
border: .5px solid #b4b4b4;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 20px 16px;
text-decoration: none;
display: flex;
}
.title-of-the-section-comes-here {
color: #000;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000004253 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-73 {
grid-column-gap: 16px;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.icon-26 {
object-fit: cover;
border-radius: 85.7143px;
overflow: hidden;
}
.content-style-208 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 148px;
text-decoration: none;
display: flex;
}
.text-457 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-458 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-209 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 176px;
text-decoration: none;
display: flex;
}
.frame-1000004256 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-210 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.text-459 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-460 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-210 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-123 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-stack-5 {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: var(--_variable-collection---neutral--0);
border-bottom: 1px #e4ebf3;
flex-flow: column;
align-items: center;
padding: 80px 30px;
display: flex;
position: relative;
}
.container-158 {
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
}
.hero-wrapper-two {
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: center;
max-width: none;
margin-left: auto;
margin-right: auto;
display: flex;
}
.margin-bottom-24px {
margin-bottom: 24px;
}
.button-primary-3 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-3:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-3:active {
background-color: #43464d;
}
.hero-image {
width: 100%;
margin-top: 50px;
}
.test-card---mobile-3 {
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
max-width: 312px;
height: 365px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-84 {
grid-row-gap: 8.04124px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 168px;
display: flex;
overflow: hidden;
}
.image-153 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 168px;
text-decoration: none;
display: flex;
}
.frame-1000006979 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-88 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-211 {
grid-row-gap: 8px;
text-align: left;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-77 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-175 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-176 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-177 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5824 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-89 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 294px;
text-decoration: none;
display: flex;
}
.price-9 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-461 {
color: #0d0d0d;
text-align: left;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20007 {
color: #b4b4b4;
text-align: left;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-24 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-211 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-124 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-74 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000006980 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-90 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-212 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-78 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-178 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-179 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-180 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5825 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 428px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-91 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.price-10 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-462 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000---20008 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-25 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-212 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-125 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.code-embed {
height: 606.4px;
}
.frame-1000006981 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.hero-heading-left-72 {
grid-column-gap: 80px;
background-image: linear-gradient(#fff0 0%, #fff 100%), url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/6874dea56ced9521eec4ad15_Hero-Heading-Left.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 40px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000006982 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000006983 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-120 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-213 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-126 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006984 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-247 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-85 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-154 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-248 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 197px;
display: flex;
}
.title-copy-goes-here-be-awesome-179 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-121 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-71 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-214 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-127 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006985 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-249 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006986 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.feature-11 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000006987 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
text-decoration: none;
display: flex;
}
.text-464 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000006988 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.genetic-counselling-0 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.8deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.genetic-counselling-1 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-180 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.82deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.frame-1000006989 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.frame-1000006990 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/68639cbf0067a70d0c9c7ba4_Frame-1000004133.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
min-height: 998px;
padding: 40px 32px;
text-decoration: none;
display: flex;
}
.content-style-213 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-79 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-181 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000006991 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 789px;
display: flex;
}
.card-75 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-5 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
text-decoration: none;
display: flex;
}
.content-style-214 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-465 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-466 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-215 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-467 {
opacity: .6;
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-468 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-469 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000006992 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.frame-1000006993 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.column-250 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-216 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-122 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.column-251 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 516px;
text-decoration: none;
display: flex;
}
.card-76 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 16px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-155 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex;
}
.content-style-217 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 172px;
text-decoration: none;
display: flex;
}
.title-style-80 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-182 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.card-77 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 8px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000006994 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.banner---mobile-6 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/6822ff237378f45454c3a32b/685e56e5e40623f9635f35d8_Container.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
min-height: 308px;
padding: 24px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-92 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.section-style-23 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 270px;
text-decoration: none;
display: flex;
}
.header-style-93 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 277px;
text-decoration: none;
display: flex;
}
.text-470 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000006995 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000006996 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 258px;
text-decoration: none;
display: flex;
}
.text-471 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-215 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-128 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-182 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(78.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-183 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-184 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.counterup {
margin-bottom: 0;
font-size: 4em;
line-height: 1;
}
.numbers_component {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: center;
align-items: center;
display: flex;
}
.numbers_component._22222 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
width: 544px;
}
.numbers_item {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 180px;
min-width: auto;
display: flex;
}
.numbers_item.lll {
width: 120px;
}
.numbers_number {
color: #0084ff;
width: 60px;
font-family: Cabin, sans-serif;
font-size: 3rem;
font-weight: 600;
}
.numbers_number.pp, .numbers_number.pp0, .numbers_number.pp1 {
color: var(--text-white\);
text-align: center;
width: 160px;
font-size: 2rem;
}
.numbers_number.yj {
width: 160px;
}
.numbers_descriptor {
color: #dfe6e7;
}
.numbers_divider {
background-color: #ffffff1a;
width: 1px;
height: 2.5rem;
}
.animated-text-gradient {
color: #fff;
text-align: center;
text-transform: uppercase;
background-image: linear-gradient(45deg, #fff200 5%, #ff2929 20%, #fff200 30%, #ff2929 40%, #fff200 50%, #ff2929 60%, #fff200 70%, #ff2929 80%, #fff200 95%);
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: 130px;
font-weight: 700;
line-height: 1;
}
.navbar-no-shadow-container-3 {
z-index: 5;
background-color: #0000;
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
.container-regular-3 {
width: 100%;
max-width: 1260px;
min-height: 30px;
margin-left: auto;
margin-right: auto;
}
.navbar-wrapper-3 {
justify-content: space-between;
align-items: center;
height: 55px;
display: flex;
}
.nav-menu-3 {
justify-content: center;
align-items: center;
margin-bottom: 0;
padding-bottom: 0;
padding-left: 0;
display: flex;
}
.nav-link-4 {
color: var(--sea-green\);
letter-spacing: .25px;
width: 120px;
height: 24.2222px;
margin-left: 5px;
margin-right: 5px;
padding: 5px 10px;
font-family: Cabin, sans-serif;
font-size: 12px;
line-height: 20px;
text-decoration: none;
}
.nav-link-4:hover {
color: #1a1b1fbf;
}
.nav-link-4:focus-visible, .nav-link-4[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 4px;
outline: 2px solid #0050bd;
}
.nav-dropdown-3 {
margin-left: 5px;
margin-right: 5px;
}
.nav-dropdown-toggle-3 {
letter-spacing: .25px;
height: 24.2222px;
padding: 5px 30px 5px 10px;
font-size: 14px;
line-height: 20px;
}
.nav-dropdown-toggle-3:hover {
color: #1a1b1fbf;
}
.nav-dropdown-toggle-3:focus-visible, .nav-dropdown-toggle-3[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-dropdown-icon-3 {
color: var(--sea-green\);
margin-right: 10px;
}
.nav-dropdown-list-3 {
background-color: #fff;
border-radius: 12px;
}
.nav-dropdown-list-3.w--open {
padding-top: 10px;
padding-bottom: 10px;
}
.nav-dropdown-link-3 {
padding-top: 5px;
padding-bottom: 5px;
font-size: 14px;
}
.nav-dropdown-link-3:focus-visible, .nav-dropdown-link-3[data-wf-focus-visible] {
outline-offset: 0px;
color: #0050bd;
border-radius: 5px;
outline: 2px solid #0050bd;
}
.nav-button-wrapper-3 {
margin-left: 120px;
}
.button-primary-4 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-4:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-4:active {
background-color: #43464d;
}
.search-button-3, .field-label-3 {
display: none;
}
.search-input-3 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68778d26d97e22d3333952e0_Input%20field.png");
background-position: 50%;
background-size: cover;
border-radius: 20px;
height: 40px;
margin-bottom: 0;
}
.search-input-3.hjg {
width: auto;
font-family: Cabin, sans-serif;
}
.search-2 {
width: 300px;
height: 40px;
}
.image-156 {
height: 40px;
}
.text-block-32 {
color: var(--sea-green\);
font-family: Cabin, sans-serif;
font-size: 12px;
}
.c-img-thumbnail {
z-index: 5;
cursor: pointer;
border-radius: 10px;
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.c-img-thumb-overlay {
z-index: 6;
background-color: #13131399;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: absolute;
}
._w-img-thumb-overlay {
text-align: center;
padding: 20px;
position: relative;
}
.img-thumb-overlay-icon {
height: 35px;
margin-bottom: 20px;
}
.img-thumbnail {
z-index: 5;
border-radius: 10px;
max-width: 500px;
max-height: 500px;
position: relative;
box-shadow: 0 0 15px #000000a6;
}
.image-wrapper-86 {
align-self: flex-start;
width: 100%;
position: relative;
overflow: hidden;
}
.image-wrapper-86.cc-4x3 {
aspect-ratio: 4 / 3;
border-radius: 20px;
width: 468px;
height: 240px;
}
.image-157 {
object-fit: cover;
width: 100%;
height: 100%;
}
.image-157:hover {
transform: scale(1.2);
}
.image-157.is-hover-scale {
width: 468px;
max-width: none;
height: 240px;
transition: transform 1s cubic-bezier(.25, .46, .45, .94);
}
.image-157.is-hover-scale:hover {
transform: scale(1.1);
}
.search-input-4 {
border-radius: 5px;
max-width: 400px;
padding-left: 40px;
}
.searchbar {
opacity: 1;
color: #4f5c65;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68778ab4c97c068d23c711e7_search%20(4).svg");
background-position: 2%;
background-repeat: no-repeat;
background-size: 25px;
border: 2px solid #d8d6d673;
border-radius: 6px;
width: 300px;
height: 40px;
margin-left: 0;
padding-top: 13px;
padding-left: 75px;
font-family: Montserrat, sans-serif;
font-size: 17px;
font-weight: 400;
transition: all .35s;
position: sticky;
top: auto;
box-shadow: 0 20px 10px -10px #2d50390f;
}
.searchbar:hover {
border-color: #d8d6d6;
box-shadow: 0 20px 10px -10px #2d50390f, 0 0 3px #2d503c1f, 0 0 0 2px #f5f8fa;
}
.searchbar:active {
border-color: #f5f5f5;
box-shadow: 0 20px 20px -3px #2d503908, 0 0 3px #2d503c21, 0 0 0 2px #f5f8fa;
}
.searchbar:focus {
border-width: 1px;
border-color: #0000;
box-shadow: 0 20px 10px -10px #2d3e500f, 0 0 20px #d1d1d1, 0 0 0 2px #f5f8fa;
}
.searchbar::placeholder {
color: #4f5c6580;
}
.column-252 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 197px;
display: flex;
}
.content-style-218 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-123 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-72 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-216 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-129 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-186 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(72.3deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-187 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.frame-1000006997 {
grid-row-gap: 5px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.frame-1000006998 {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 306px;
text-decoration: none;
display: flex;
}
.text-472 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.button-style-217 {
grid-column-gap: 4px;
justify-content: center;
align-items: center;
width: 39.1223px;
height: 20px;
text-decoration: none;
display: flex;
}
.button-label-130 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000006999 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.group-1000003805 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 54px;
text-decoration: none;
display: flex;
}
.frame-1000007000 {
grid-column-gap: 11px;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.button-style-218 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-131 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.tabs-content-4 {
grid-column-gap: 0em;
grid-row-gap: 0em;
display: flex;
}
.card-78 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
text-decoration: none;
display: flex;
}
.image-wrapper-87 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-158 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-25 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-19 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-183 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007001 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.text-473 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.group-1000003806 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 289.714px;
height: 72px;
text-decoration: none;
display: flex;
}
.frame-1000007002 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
}
.features-list-21 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-40 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-253 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-219 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-24 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-81 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.description-184 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.feature-12 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.frame-1000007003 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50px;
height: 40px;
text-decoration: none;
display: flex;
}
.text-474 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007004 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-185 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-41 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-254 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.rectangle-5826 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 1px;
height: 382px;
text-decoration: none;
display: flex;
position: absolute;
top: 41px;
left: 36px;
}
.feature-13 {
grid-column-gap: 16px;
border: 1px solid #e7e7e7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.card-79 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
text-decoration: none;
display: flex;
}
.image-wrapper-88 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-160 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-26 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-20 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-186 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-80 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
text-decoration: none;
display: flex;
}
.image-wrapper-89 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-161 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-27 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-21 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-187 {
color: #909090;
width: 100%;
min-height: 100px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-81 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
text-decoration: none;
display: flex;
}
.image-wrapper-90 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-162 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-28 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-22 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-188 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-82 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
text-decoration: none;
display: flex;
}
.image-wrapper-91 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-163 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-29 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-23 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-189 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-220 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-189 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-190 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-190.animated-text-gradient {
background-image: linear-gradient(45deg, #f46e00 5%, #fba700 20%, #fff200 30%, #fba700 40%, #fff200 50%, #fba700 60%, #fff200 70%, #fba700 80% 86%, #f46e00 95%);
font-family: Cabin, sans-serif;
font-size: 65px;
font-weight: 500;
}
.title-copy-goes-here-be-awesome-190.animated-text-gradient.hyjyjjy {
text-transform: capitalize;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-124 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.name-28 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.tabs__pane-2 {
align-self: center;
width: 560px;
padding-top: 20px;
}
.tabs__link-4 {
color: #fff;
cursor: pointer;
background-color: #0000;
border-bottom: 1px solid #5d5d5d;
border-radius: 0;
justify-content: flex-start;
align-items: center;
height: 80px;
margin-bottom: 0;
padding: 5px;
transition: background-color .2s;
display: flex;
}
.tabs__link-4:visited {
background-color: #0000;
}
.tabs__link-4.w--current {
background-color: #007cee;
border-bottom: 1px solid #fff3;
border-left: 4px solid #fff;
border-radius: 0;
width: 516px;
height: 80px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding: 5px;
display: flex;
}
.tabs__link-4.w--current:hover {
background-color: #007ced3d;
}
.container-159 {
background-color: #00256f;
flex-flow: column;
justify-content: center;
align-self: center;
align-items: center;
width: 100%;
height: 800px;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.container-159.debdd {
background-color: #0000;
background-image: linear-gradient(#00000080, #00000080);
}
.tabs-5 {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-self: center;
place-items: center stretch;
width: 1100px;
height: 600px;
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.name-25 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-194 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-167, .image-164 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 310px;
text-decoration: none;
display: flex;
}
.image-wrapper-96 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 310px;
text-decoration: none;
display: flex;
}
.name-26 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.image-166 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 310px;
text-decoration: none;
display: flex;
}
.name-24 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.image-168 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 310px;
text-decoration: none;
display: flex;
}
.style--mono-2 {
color: #fff;
justify-content: flex-start;
align-self: auto;
align-items: center;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1;
text-decoration: none;
display: flex;
}
.style--mono-2.kk {
color: var(--white-smoke\);
}
.image-wrapper-93 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 310px;
text-decoration: none;
display: flex;
}
.card-83 {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 560px;
height: 480px;
display: flex;
overflow: hidden;
}
.title-copy-goes-here-be-awesome-191 {
color: var(--text-white\);
text-align: center;
letter-spacing: -.02em;
width: 950px;
margin-top: 0;
margin-bottom: 0;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-191.des {
color: var(--text-white\);
text-align: center;
padding-top: 15px;
padding-bottom: 10px;
font-family: Cabin, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 150%;
}
.info-30 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.card-86 {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 560px;
height: 480px;
display: flex;
overflow: hidden;
}
.image-wrapper-95 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 310px;
text-decoration: none;
display: flex;
}
.info-32 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: auto;
height: 170px;
margin-bottom: 10px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.description-196 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-92 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 310px;
text-decoration: none;
display: flex;
}
.card-87 {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 560px;
height: 480px;
display: flex;
overflow: hidden;
}
.description-195 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.tabs__content-2 {
justify-content: center;
align-items: center;
width: 560px;
margin-right: 20px;
display: flex;
}
.name-27 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.country-3 {
letter-spacing: 1px;
align-items: center;
display: flex;
}
.description-192 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-165 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 310px;
text-decoration: none;
display: flex;
}
.description-193 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-85, .card-84 {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 560px;
height: 480px;
display: flex;
overflow: hidden;
}
.image-wrapper-94 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 310px;
text-decoration: none;
display: flex;
}
.tabs__menu-3 {
width: 350px;
margin: -32px auto;
}
.section-title-33 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 530px;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
}
.content-style-221 {
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 560px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-192 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.container-160 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.stories-6 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.unlocking-deep-genomic-insights-transforming-lives-5 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.08deg, #f46e00, #fba700 64%, #010101 101%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-5.animated-text-gradient {
text-transform: capitalize;
background-image: linear-gradient(45deg, #f46e00 5%, #fba700 20%, #fff200 30%, #fba700 40% 50%, #fba700 60% 70%, #fba700 80%, #f46e00 95%);
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
}
.container-161 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.frame-1000007005 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.stories-7 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: 640px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-255 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.actions-73 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.content-style-222 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-title-34 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.container-162 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.container-163 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.column-256 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-193 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-heading-left-73 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.text-475 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-38 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-164 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-194 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-heading-left-74 {
grid-column-gap: 80px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686ccfc786603ef8748b6971_Hero%20Heading%20Left.png");
background-position: 0 0;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.button-label-132 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.image-169 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.text-476 {
text-align: left;
width: 900px;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-125 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-219 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-219.button-1 {
width: 160px;
padding-left: 10px;
padding-right: 10px;
}
.frame-1000007006 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.tabs__pane-3 {
align-self: center;
width: 560px;
padding-top: 20px;
}
.description-197 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-style-82 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card3-7 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 440px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px 3px #0000000a;
}
.description-198 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5827 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 400px;
height: 1px;
text-decoration: none;
display: flex;
}
.button-label-133 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007007 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-220 {
grid-column-gap: 4px;
background-color: #3346f8;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-220.button-1 {
background-color: #0084ff;
width: 120px;
}
.button-style-220.button-1:hover {
background-color: #2432b0;
}
.header-style-94 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
._15000---20009 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.tabs__menu-4 {
width: 350px;
margin: -262px -24px -32px 25px;
}
.column-257 {
grid-column-gap: 20px;
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 500px;
margin-bottom: 140px;
margin-left: 0;
padding-top: 20px;
padding-bottom: 20px;
text-decoration: none;
display: flex;
}
.price-11 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-477 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-223 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.country-4 {
letter-spacing: 1px;
align-items: center;
display: flex;
}
.tabs-6 {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: center stretch;
width: 1000px;
height: 600px;
margin-top: 100px;
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 60px;
display: flex;
}
.description-199 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-span-18 {
font-size: 12px;
}
.arrow-right-line-4 {
object-fit: cover;
overflow: hidden;
}
.arrow-right-line-4:hover {
color: #2432b0;
}
.action-26 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.description-190 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.feature-14 {
grid-column-gap: 16px;
border: 1px #e7e7e7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.column-258 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.title-35 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.52deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-478 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007008 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 45px;
height: 40px;
text-decoration: none;
display: flex;
}
.title-34 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.columns-42 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.frame-1000007009 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-224 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-197 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-198 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-198.animated-text-gradient {
text-transform: capitalize;
background-image: linear-gradient(45deg, #f46e00 5%, #fba700 20%, #fff200 30%, #fba700 40%, #fff200 50%, #fba700 60%, #fff200 70%, #fba700 80% 86%, #f46e00 95%);
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-126 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-199 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.list-10 {
font-family: Cabin, sans-serif;
}
.list-11 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-479 {
color: #5d5d5d;
width: 196px;
margin-top: 0;
margin-bottom: 10px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-201 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.div-block-4 {
display: flex;
}
.list-item-2 {
margin-bottom: 10px;
}
.section-style-24 {
grid-row-gap: 13.66px;
border-radius: 95.62px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 443.95px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-202 {
flex-flow: column;
font-size: 2rem;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-127 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-203 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-204 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
display: flex;
}
.description-200 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 40px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.testimonial-stack-6 {
grid-row-gap: 80px;
background-color: #00256f;
background-image: linear-gradient(#00256f, #00256f00), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686b73a541f6d623e5ba2584_Testimonial%20Stack.png");
background-size: auto, cover;
border: 1px solid #0d0d0d;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.section-style-25, .section-style-26 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 620px;
text-decoration: none;
display: flex;
}
.button-label-134 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-165 {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 565px;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.content-style-225 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 40px;
text-decoration: none;
display: flex;
}
.list-12 {
font-family: Cabin, sans-serif;
}
.section-style-27 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.frame-1000007010 {
grid-column-gap: 36px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.title-style-84 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.container-166 {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 565px;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.text-480 {
color: #5d5d5d;
width: 196px;
margin-top: 0;
margin-bottom: 10px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007011 {
grid-column-gap: 40px;
grid-row-gap: 64px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-259 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 565px;
padding-left: 40px;
padding-right: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-205 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.13deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.list-14 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-221 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-481 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-226 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.div-block-5 {
display: flex;
}
.title-copy-goes-here-be-awesome-206 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(87.3deg, #00256f, #0084ff 53%, #02beff);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.card-88 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 200px;
text-decoration: none;
display: flex;
}
.content-style-227 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-128 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-228 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 960px;
text-decoration: none;
display: flex;
}
.rectangle-5828 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 393px;
height: 1px;
text-decoration: none;
display: flex;
}
.text-482 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.list-item-3 {
margin-bottom: 10px;
}
.actions-74 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.small-container-20 {
grid-column-gap: 60px;
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
padding-top: 64px;
padding-bottom: 64px;
text-decoration: none;
display: flex;
}
.frame-1000007012 {
grid-column-gap: 36px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.text-483 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.test-card---desktop {
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 388px;
height: 454px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-97 {
grid-row-gap: 8.04124px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 215.269px;
display: flex;
overflow: hidden;
}
.image-170 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 215.269px;
text-decoration: none;
display: flex;
}
.frame-1000007013 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-95 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-229 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-85 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-201 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-202 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-203 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5829 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 348px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-96 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.price-12 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-484 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000---20010 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.action-27 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 52px;
text-decoration: none;
display: flex;
}
.button-style-222 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-135 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-5 {
object-fit: cover;
overflow: hidden;
}
.frame-1000007014 {
grid-column-gap: 24px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card-89 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 588px;
padding: 16px;
text-decoration: none;
display: flex;
}
.graphics-16 {
background-color: #e7e7e7;
border-radius: 24px;
overflow: hidden;
}
.content-style-230 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.heading-17 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 16px;
text-decoration: none;
display: flex;
}
.name-29 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-204 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-260 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-231 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-25 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-205 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-223 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-136 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-36 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.64deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-37 {
color: #0d1240;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.collection-list-wrapper-8 {
display: none;
}
.paragraph-top {
color: var(--text\);
text-align: center;
letter-spacing: -.27px;
width: 640px;
max-width: 650px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
font-family: Cabin, sans-serif;
font-size: 18px;
line-height: 26px;
}
.page-title {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
width: 960px;
max-width: 960px;
margin: 100px auto 10px;
display: flex;
}
.animation {
width: 60px;
height: 60px;
}
.question-title {
color: #0b1033;
font-size: 16px;
line-height: 24px;
}
.faq-question-wrap {
border-bottom: 1px solid #e7e7e7;
margin-bottom: 35px;
}
.silent-link {
color: #637178;
text-decoration: none;
}
.faq-content {
margin-top: -2px;
overflow: hidden;
}
.faq-wrap-2 {
flex-direction: column;
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.faq-text-details {
color: #637178;
text-align: center;
letter-spacing: -.27px;
margin-top: 15px;
font-size: 18px;
font-weight: 500;
line-height: 26px;
}
.paragraph {
color: #445567;
letter-spacing: -.25px;
margin-bottom: 0;
margin-left: 25px;
margin-right: 25px;
padding-top: 42px;
padding-bottom: 42px;
font-size: 16px;
line-height: 28px;
}
.heading-large-2 {
color: var(--_variable-collection---neutral--6);
text-align: center;
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 8px;
font-family: Cabin, sans-serif;
font-size: 45px;
font-weight: 600;
line-height: 72px;
}
.faq-section {
min-height: 600px;
padding: 140px 5% 120px;
position: relative;
}
.faq-question-bar {
box-shadow: none;
background-color: #fff;
border-radius: 8px;
justify-content: space-between;
align-items: center;
padding: 10px 25px;
text-decoration: none;
display: flex;
}
.highlight {
color: #784fe0;
}
.accordion-item {
color: #fff;
}
.accordion-item-content {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: column;
justify-content: space-between;
display: flex;
overflow: hidden;
}
.accordion-item-title {
border-bottom: 1px solid #404040;
justify-content: space-between;
align-items: center;
padding-bottom: 2rem;
display: flex;
}
.section-6 {
grid-column-gap: 7.5rem;
grid-row-gap: 7.5rem;
flex-direction: column;
padding-top: 7.5rem;
padding-bottom: 7.5rem;
display: flex;
}
.section-6.section-component {
z-index: 2;
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: #000;
justify-content: center;
align-items: center;
min-height: 100vh;
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
position: relative;
}
.accordion-item-content-details {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-bottom: 1px solid #404040;
padding-top: 2rem;
padding-bottom: 2rem;
}
.accordion-item-icon {
width: 1.25rem;
max-height: 1.25rem;
transform: rotate(-45deg);
}
.paragraph-light {
opacity: .6;
}
.container-167 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.accordion-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
width: 100%;
display: flex;
}
.display-xs {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 600;
line-height: 1em;
}
.display-m {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: 1.75rem;
font-weight: 600;
line-height: 1em;
}
.list-item-6 {
display: flex;
}
.section_content-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.dropdown-toggle-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-transform: uppercase;
white-space: normal;
color: inherit;
justify-content: space-between;
width: 100%;
padding: 1.25rem;
font-weight: 500;
display: flex;
}
.section-7 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
justify-content: center;
align-items: center;
font-family: Cabin, sans-serif;
display: flex;
overflow: hidden;
}
.dropdown-list-content-wrapper {
padding: 1.25rem;
}
.dropdown-4 {
border-bottom: 1px solid #0003;
width: 100%;
}
.dropdown-list-2 {
background-color: #ddd0;
display: block;
position: static;
overflow: hidden;
}
.main-container-2 {
justify-content: center;
align-items: center;
max-width: 90rem;
padding: 0 4rem 6rem;
display: flex;
}
.list-16 {
width: 660px;
min-width: auto;
margin-bottom: 0;
margin-left: auto;
padding-left: 0;
list-style-type: none;
}
.dropdown-icon {
color: var(--_variable-collection---neutral--3);
width: 1rem;
display: flex;
}
.text-block-61 {
text-transform: capitalize;
font-family: Cabin, sans-serif;
font-weight: 600;
}
.paragraph-2, .paragraph-3 {
color: var(--text\);
font-family: Cabin, sans-serif;
}
.paragraph-4 {
color: var(--_variable-collection---neutral--5);
font-family: Cabin, sans-serif;
}
.text-block-62, .text-block-63 {
text-transform: capitalize;
font-family: Cabin, sans-serif;
font-weight: 600;
}
.frame-1000007015 {
grid-row-gap: 14px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.testimonial-text {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-485 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-39 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-39.gghthth {
width: 110%;
}
.frame-1000007016 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
}
.frame-1000004068 {
grid-column-gap: 47px;
justify-content: center;
align-items: center;
width: 100%;
padding: 80px 120px;
text-decoration: none;
display: flex;
}
.rectangle-5521 {
object-fit: cover;
border-radius: 16px;
}
.frame-1000004067 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 588px;
text-decoration: none;
display: flex;
}
.frame-1000004066 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-486 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(85.14deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-487 {
color: #5d5d5d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.button-style-224 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-137 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.text-488 {
color: #5d5d5d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004071 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 80px 120px;
text-decoration: none;
display: flex;
}
.text-489 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.columns-43 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-90 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 274px;
text-decoration: none;
display: flex;
}
.image-wrapper-98 {
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
text-decoration: none;
display: flex;
}
.image-171 {
border-radius: 1000px;
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
text-decoration: none;
display: flex;
}
.content-style-232 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.info-33 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.first-name-last-name {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-490 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-172 {
border-radius: 592.593px;
justify-content: center;
align-items: center;
width: 160px;
height: 160px;
text-decoration: none;
display: flex;
}
.card-91 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
text-decoration: none;
display: flex;
}
.image-wrapper-99 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-173 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-34 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-30 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-206 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-block-64 {
margin-bottom: 0;
}
.collection-list-wrapper-10 {
margin-bottom: 80px;
}
.link-block-8, .link-block-8.w--current {
text-decoration: none;
}
.div-block-6 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-bottom: 80px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.collection-list-wrapper-11 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.card-92 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 350px;
max-width: 384px;
text-decoration: none;
display: flex;
}
.image-wrapper-100 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-174 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-35 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 300px;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-31 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-207 {
color: #909090;
width: 100%;
height: 84px;
min-height: auto;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.collection-item-12 {
justify-content: center;
align-items: center;
width: 372.712px;
height: 414.4px;
margin-bottom: 10px;
padding-left: 0;
padding-right: 0;
display: flex;
}
.frame-1000007017 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
}
.frame-1000007018 {
grid-column-gap: 47px;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 100px;
padding: 80px 120px;
text-decoration: none;
display: flex;
}
.rectangle-5830 {
object-fit: cover;
border-radius: 16px;
}
.frame-1000007019 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 588px;
text-decoration: none;
display: flex;
}
.frame-1000007020 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-491 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(85.14deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-492 {
color: #5d5d5d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.button-style-225 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-138 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.text-493 {
color: #5d5d5d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000004070 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 80px 120px;
text-decoration: none;
display: flex;
}
.text-494 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.columns-44 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-93 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 274px;
text-decoration: none;
display: flex;
}
.image-wrapper-101 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.image-175 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
border-radius: 1000px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 270px;
height: 270px;
text-decoration: none;
display: flex;
}
.content-style-233 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.info-36 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.first-name-last-name-2 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-495 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.small-container-21 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 1162px;
max-width: 1440px;
padding: 80px 120px;
text-decoration: none;
display: flex;
}
.title-section-4 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-234 {
grid-row-gap: 52px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-496 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 56px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-176 {
background-image: linear-gradient(#0000, #000), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/688851fa9d8710af846ef0c5_NE4-2.jpg");
background-size: auto, cover;
border-radius: 30px;
width: 1150px;
min-height: 576px;
display: flex;
}
.frame-1000007021 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 1100px;
max-width: 1150px;
height: 600px;
margin-bottom: 20px;
text-decoration: none;
display: flex;
}
.text-497 {
color: #fff;
letter-spacing: -.02em;
width: 1000px;
margin: 0 20px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-498 {
color: #fff;
width: 1000px;
margin: 0 20px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-177 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/688851fa9d8710af846ef0c5_NE4-2.jpg");
background-position: 0 0;
background-size: auto;
}
.image-178 {
grid-row-gap: 10px;
background-image: linear-gradient(#0000 0%, #000 100%), url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68887a9f52ec4ae9320d9b5d_Image.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 30px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 663px;
min-height: 663px;
padding: 36px;
display: flex;
}
.frame-1000007022 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1005px;
text-decoration: none;
display: flex;
}
.text-499 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-500 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.small-container-22 {
grid-row-gap: 40px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
}
.image-179 {
grid-row-gap: 10px;
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg"), linear-gradient(#0000, #000);
background-position: 0 0, 0 0;
background-size: auto, auto;
background-attachment: scroll, scroll;
border-radius: 30px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 663px;
min-height: 663px;
padding: 36px;
display: flex;
}
.frame-1000007023 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1005px;
text-decoration: none;
display: flex;
}
.text-501 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-502 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-style {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
padding: 120px 323px;
text-decoration: none;
display: flex;
}
.frame-1000007024 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 60px;
text-decoration: none;
display: flex;
}
.frame-1000007025 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-503 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-504 {
color: #5d5d5d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007026 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-505 {
color: #5d5d5d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-506 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-container {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-line-1 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5831 {
object-fit: cover;
}
.nav_link-6 {
color: #0c2954;
text-align: center;
margin-right: 1.5rem;
padding: 0;
font-size: 1rem;
text-decoration: none;
}
.social-icon-2 {
width: 1.5rem;
height: 1.5rem;
}
.global-styles-2 {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.tabs-menu-4 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #0c2954;
justify-content: space-between;
width: 100%;
max-width: none;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-small-2 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.footer_link-2 {
color: #0c2954;
text-align: center;
font-size: 1rem;
font-weight: 400;
text-decoration: none;
}
.container-large-6 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.footer_social-icon-2 {
align-items: center;
font-size: 14px;
text-decoration: none;
display: flex;
}
.footer_line-divider-2 {
background-color: #000;
width: 100%;
height: 1px;
}
.padding-global-10 {
justify-content: center;
align-items: center;
width: 99.9997%;
max-width: none;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.main-wrapper-4 {
width: 100%;
}
.padding-section-large-3 {
padding-top: 2rem;
padding-bottom: 7rem;
}
.dropdown-5 {
color: #fff;
width: 50%;
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
}
.tab-link-3 {
opacity: .5;
color: #0c2954;
text-align: center;
background-color: #0c295400;
border: 1px #0c2954;
border-bottom: .0625rem solid #0c295400;
border-radius: 0;
flex: 1;
padding: 1rem 2rem;
font-family: Cabin, sans-serif;
}
.tab-link-3.w--current {
border-bottom-width: 2px;
border-bottom-color: var(--_variable-collection---blue--3);
opacity: 1;
background-color: #0c295400;
}
.tab-link-3.kk {
display: none;
}
.footer_logo-link-3 {
padding-left: 0;
}
.page-wrapper-10 {
display: flex;
}
.footer_social-list-2 {
grid-column-gap: .75rem;
grid-row-gap: 0rem;
white-space: normal;
grid-template-rows: auto;
grid-template-columns: max-content;
grid-auto-columns: max-content;
grid-auto-flow: column;
place-items: start;
display: grid;
}
.text-block-65 {
color: var(--_variable-collection---neutral--6);
font-family: Cabin, sans-serif;
font-size: 15px;
}
.text-block-66, .text-block-67 {
color: var(--_variable-collection---neutral--5);
font-family: Cabin, sans-serif;
font-size: 15px;
}
.text-block-68, .text-block-69 {
color: var(--_variable-collection---neutral--5);
font-size: 15px;
}
.div-block-7 {
width: auto;
margin-bottom: 100px;
}
.frame-1000007027 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
height: auto;
text-decoration: none;
display: flex;
}
.card-94 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 95%;
height: auto;
text-decoration: none;
display: flex;
}
.image-wrapper-102 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 59%;
display: flex;
overflow: hidden;
}
.image-180 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 384px;
height: 240px;
text-decoration: none;
display: flex;
}
.info-37 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 149.2px;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-32 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.blog-description {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.collection-item-14 {
height: auto;
}
.video-3 {
border-radius: 20px;
width: 353px;
}
.div-block-8 {
border-radius: 20px;
display: flex;
overflow: hidden;
}
.tab-pane-tab-6 {
width: 1118.18px;
}
.small-container-23 {
grid-row-gap: 40px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
}
.image-181 {
grid-row-gap: 10px;
background-image: linear-gradient(#0000 0%, #000 100%), url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68887a9f52ec4ae9320d9b5d_Image.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 30px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 663px;
min-height: 663px;
padding: 36px;
display: flex;
}
.frame-1000007028 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1005px;
text-decoration: none;
display: flex;
}
.text-507 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-508 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-182 {
grid-row-gap: 10px;
background-image: linear-gradient(#0000 0%, #000 100%), url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68887a9f52ec4ae9320d9b5d_Image.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 30px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 663px;
min-height: 663px;
padding: 36px;
display: flex;
}
.frame-1000007029 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1005px;
text-decoration: none;
display: flex;
}
.text-509 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-510 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.team-slider {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.container-169 {
width: 100%;
max-width: 940px;
margin-left: auto;
margin-right: auto;
}
.centered-heading {
text-align: center;
margin-bottom: 16px;
}
.centered-subheading {
text-align: center;
max-width: 530px;
margin-left: auto;
margin-right: auto;
}
.team-slider-wrapper {
background-color: #0000;
height: auto;
margin-top: 50px;
}
.team-slide-wrapper {
width: 30%;
margin-right: 5%;
}
.team-block {
background-color: #fff;
padding-bottom: 24px;
}
.team-member-image-two {
margin-bottom: 18px;
}
.team-block-info {
flex-direction: column;
align-items: flex-start;
padding-left: 24px;
padding-right: 24px;
display: flex;
}
.team-member-name-two {
margin-bottom: 12px;
font-weight: 600;
}
.team-member-text {
margin-bottom: 20px;
}
.text-link-arrow {
color: #1a1b1f;
justify-content: flex-start;
align-items: center;
font-size: 14px;
line-height: 20px;
text-decoration: none;
display: flex;
}
.arrow-embed {
margin-left: 2px;
display: flex;
}
.team-slider-arrow {
display: none;
}
.team-slider-nav {
margin-top: 24px;
font-size: 10px;
position: static;
bottom: -60px;
}
.gallery-scroll {
background-color: #f5f7fa;
border-bottom: 1px solid #e4ebf3;
padding: 80px 30px;
position: relative;
}
.gallery-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.gallery-sticky {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: sticky;
top: 80px;
}
.gallery-link {
color: #1a1b1f;
margin-bottom: 35px;
font-size: 24px;
line-height: 32px;
text-decoration: none;
}
.gallery-link:hover {
color: #1a1b1fcc;
}
.gallery-link.w--current {
font-weight: 600;
}
.gallery-grid {
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.gallery-image-wrapper {
position: relative;
}
.gallery-image {
width: 100%;
}
.gallery-image-text {
color: #f5f7fa;
margin-bottom: 0;
position: absolute;
bottom: 16px;
left: 16px;
right: 16px;
}
.footer-subscribe {
border-bottom: 1px solid #e4ebf3;
padding: 50px 30px 40px;
position: relative;
}
.footer-form-two {
background-color: #f5f7fa;
margin-bottom: 40px;
padding: 64px;
}
.footer-form-container-two {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-form-title {
font-size: 24px;
line-height: 32px;
}
.footer-form-block-two {
justify-content: flex-end;
align-items: center;
display: flex;
position: relative;
}
.footer-form-input {
border: 1px #000;
border-radius: 100px;
width: 300px;
height: 40px;
margin-bottom: 0;
padding: 12px 180px 12px 20px;
font-family: Cabin, sans-serif;
font-size: 12px;
}
.footer-form-input::placeholder {
color: #1a1b1fcc;
}
.button-primary-5 {
color: #fff;
letter-spacing: 2px;
text-transform: uppercase;
background-color: #1a1b1f;
padding: 12px 25px;
font-size: 12px;
line-height: 20px;
transition: all .2s;
}
.button-primary-5:hover {
color: #fff;
background-color: #32343a;
}
.button-primary-5:active {
background-color: #43464d;
}
.button-primary-5.footer-form-button {
padding: 8px 18px;
position: absolute;
right: 8px;
}
.footer-wrapper-three {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-block-three {
justify-content: flex-start;
align-items: center;
margin-left: -20px;
margin-right: -20px;
display: flex;
}
.footer-link-three {
color: #1a1b1f;
margin-left: 20px;
margin-right: 20px;
text-decoration: none;
}
.footer-link-three:hover {
color: #1a1b1fbf;
}
.footer-social-block-three {
justify-content: flex-start;
align-items: center;
margin-left: -32px;
display: flex;
}
.footer-social-link-three {
margin-left: 32px;
}
.footer-divider-two {
background-color: #e4ebf3;
width: 100%;
height: 1px;
margin-top: 40px;
margin-bottom: 40px;
}
.footer-bottom {
justify-content: space-between;
align-items: center;
display: flex;
}
.footer-copyright {
color: #3a4554;
}
.footer-legal-block {
justify-content: flex-start;
align-items: center;
display: flex;
}
.footer-legal-link {
color: #3a4554;
margin-left: 24px;
}
.footer-legal-link:hover {
color: #3a4554;
}
.tab-pane-tab-1-2 {
width: 1152px;
margin-bottom: 0;
padding-bottom: 1rem;
overflow: visible;
}
.social-icon-3 {
width: 1.5rem;
height: 1.5rem;
}
.global-styles-3 {
display: block;
position: fixed;
inset: 0% auto auto 0%;
}
.tabs-menu-5 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #0c2954;
justify-content: space-between;
max-width: none;
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-small-3 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.footer_link-3 {
color: #0c2954;
text-align: center;
font-size: 1rem;
font-weight: 400;
text-decoration: none;
}
.dropdown-toggle-3 {
color: #fff;
background-color: #0c2954;
border-radius: .3125rem;
padding: 1rem 2.5rem 1rem 1.25rem;
display: block;
}
.container-large-7 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.footer_social-icon-3 {
align-items: center;
font-size: 14px;
text-decoration: none;
display: flex;
}
.tab-pane_img-wrapper-2 {
aspect-ratio: 16 / 9;
border-radius: .3125rem;
width: 1150px;
max-width: none;
margin-left: auto;
margin-right: auto;
overflow: visible;
box-shadow: 0 5px 9px #0c29543d;
}
.padding-global-11 {
padding-left: 5%;
padding-right: 5%;
}
.padding-section-large-4 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.tabs-7 {
width: 100%;
}
.dropdown-6 {
color: #fff;
width: 50%;
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
}
.tab-link-4 {
opacity: .5;
color: #0c2954;
text-align: center;
background-color: #0c295400;
border: 1px #0c2954;
border-bottom: .0625rem solid #0c295400;
border-radius: 0;
flex: 1;
padding: 1rem 2rem;
}
.tab-link-4.w--current {
opacity: 1;
background-color: #0c295400;
border-bottom-color: #0c2954;
}
.img-full-cover-2 {
width: 100%;
height: 100%;
}
.tabs_component-2 {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.section_hero-2 {
background-color: #fff;
width: 100%;
}
.card-95 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
text-decoration: none;
display: flex;
}
.image-wrapper-103 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-183 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-38 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-33 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.description-209 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.collection-item-15 {
margin-top: 60px;
}
.image-184 {
grid-row-gap: 10px;
background-image: linear-gradient(#0000, #000), url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
border-radius: 30px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 992px;
max-width: 1200px;
height: 663px;
min-height: 663px;
padding: 36px;
text-decoration: none;
display: flex;
}
.frame-1000007030 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1005px;
text-decoration: none;
display: flex;
}
.text-511 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-512 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-75 {
grid-column-gap: 80px;
background-image: linear-gradient(222.16deg, #fff0 0%, #fff 100%), url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/688b60ce3eb6be20d46aebf1_Hero-Heading-Left.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
min-height: 800px;
padding: 80px 24px;
display: flex;
overflow: hidden;
}
.container-170 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-261 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-235 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-129 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-75 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-226 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-139 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-208 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-209 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(25.07deg, #2432b0 0%, #3346f8 44%, #62f2f2 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-210 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-block-70 {
font-size: 0;
}
.checkbox-2 {
display: none;
}
.f-margin-bottom-16 {
margin-bottom: 16px;
}
.f-margin-bottom-12 {
margin-bottom: 12px;
}
.f-testimonial-right-a {
color: #fff;
background-color: #160042;
border: 1px solid #e4e6f1;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 6px;
transition: all .3s;
display: flex;
inset: -90px 0% auto auto;
}
.f-testimonial-right-a:hover {
color: #fff;
background-color: #160042;
border-color: #160042;
}
.f-testimonial-slide {
margin-right: 40px;
}
.f-container-regular {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-testimonial-slider-large {
background-color: #0000;
width: 100%;
height: auto;
margin-top: 48px;
}
.f-testimonial-star-wrapper {
grid-column-gap: 4px;
margin-bottom: 16px;
display: flex;
}
.f-h3-heading {
color: #160042;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
line-height: 1.2;
}
.f-testimonial-left-a {
color: #393b6a;
background-color: #0000;
border: 1px solid #e4e6f1;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 6px;
transition: all .3s;
display: flex;
inset: -90px 60px auto auto;
}
.f-testimonial-left-a:hover {
color: #fff;
background-color: #160042;
}
.f-testimonial-author {
grid-column-gap: 16px;
align-items: center;
text-decoration: none;
display: flex;
}
.f-testimonial-author:hover {
border-color: #0000;
box-shadow: 23px 23px 64px -16px #393b6a0f;
}
.f-paragraph-small-2 {
letter-spacing: -.01em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.f-slide-nav-hidden {
display: none;
bottom: -50px;
}
.f-margin-bottom-40 {
margin-bottom: 40px;
}
.f-testimonial-card-2 {
color: #160042;
background-color: #fff;
border-radius: 12px;
padding: 32px;
box-shadow: 23px 23px 64px -16px #393b6a0f;
}
.f-testimonial-slider-mask {
width: 350px;
overflow: visible;
}
.f-paragraph-regular {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.f-paragraph-regular.f-text-weight-medium {
font-family: Cabin, sans-serif;
font-weight: 500;
}
.f-testimonial-avatar-small {
background-color: #f3f5fb;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
display: flex;
position: relative;
overflow: hidden;
}
.f-testimonial-section {
background-color: #fff;
padding: 100px 5%;
display: flex;
position: relative;
overflow: hidden;
}
.f-icon-regular {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.f-heading-detail-small {
color: #6b7094;
letter-spacing: .08em;
text-transform: uppercase;
font-size: 14px;
font-weight: 700;
line-height: 24px;
}
.f-testimonial-background {
background-color: #f7f9fd;
width: 100%;
height: 30%;
position: absolute;
inset: auto 0% 0%;
}
.f-avatar-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.f-margin-bottom-41 {
margin-bottom: 16px;
}
.f-testimonial-l-arrow {
color: #393b6a;
background-color: #fff;
border: 1px solid #e4e6f1;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 6px;
transition: all .3s;
display: flex;
}
.f-testimonial-l-arrow:hover {
color: #fff;
background-color: #160042;
}
.f-testimonial-slider-regular {
background-color: #0000;
height: auto;
padding-left: 72px;
padding-right: 72px;
}
.f-margin-bottom-48 {
margin-bottom: 48px;
}
.f-paragraph-small-3 {
letter-spacing: -.01em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.f-container-large {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-testimonial-slider-grid-large {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.f-testimonial-r-arrow {
color: #fff;
background-color: #160042;
border: 1px solid #e4e6f1;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
padding: 6px;
transition: all .3s;
display: flex;
}
.f-testimonial-r-arrow:hover {
color: #fff;
background-color: #160042;
border-color: #160042;
}
.f-title-wrapper-center {
z-index: 5;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 580px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.f-section-regular {
padding: 72px 5%;
position: relative;
}
.f-testimonial-card-3 {
color: #160042;
background-color: #fff;
border-radius: 12px;
padding: 32px;
box-shadow: 23px 23px 64px -16px #393b6a0f;
}
.content-tabs-menu-column {
flex-flow: column;
padding: 12px 12px 126px;
display: flex;
}
.subheading-large {
color: #2b2b2b;
font-size: 18px;
font-weight: 500;
line-height: 1.75;
}
.subheading-large.text-color-secondary {
color: #454545;
}
.content-tabs-small {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1.2fr 1fr;
grid-auto-columns: 1fr;
justify-content: stretch;
display: grid;
}
.content-tab-pane {
width: 100%;
height: auto;
}
.h1-heading {
color: #2b2b2b;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 500;
line-height: 1.2;
}
.column-262 {
flex-flow: column;
display: flex;
}
.content-tab-button-image {
border-radius: 12px;
flex: none;
width: 96px;
position: relative;
overflow: hidden;
}
.content-tab-button-image.background-midas {
background-color: #deac4f;
}
.content-tab-button-image.background-olive {
background-color: #3b413a;
}
.content-tab-button-image.background-bronze {
background-color: #bf793b;
}
.paragraph-regular {
color: #454545;
margin-bottom: 0;
font-size: 14px;
line-height: 1.75;
}
.content-tab-details {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
flex: 1;
justify-content: space-between;
display: flex;
}
.subheading-regular {
color: #2b2b2b;
font-size: 16px;
font-weight: 500;
line-height: 1.75;
}
.subheading-regular.text-color-secondary {
color: #454545;
}
.icon-button-primary {
color: #fff;
background-color: #286efb;
border-radius: 32px;
flex: none;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
transition: background-color .3s;
display: flex;
}
.icon-button-primary:hover {
background-color: #1843dc;
}
.content-tab-image-wrapper {
border: 1px solid #e7e7e7;
border-radius: 16px;
height: auto;
overflow: hidden;
}
.paragraph-small {
color: var(--_variable-collection---neutral--6);
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
line-height: 1.75;
}
.paragraph-small.text-color-tertiary {
color: #6d6d6d;
}
.paragraph-small.at2 {
color: var(--_variable-collection---neutral--1);
}
.paragraph-x-large {
color: #454545;
margin-bottom: 0;
font-size: 20px;
line-height: 1.75;
}
.icon-x-small {
color: var(--_variable-collection---blue--6);
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.content-tab-wrapper {
position: relative;
}
.background {
z-index: 0;
pointer-events: none;
justify-content: center;
align-items: flex-start;
display: flex;
position: absolute;
inset: 0%;
overflow: hidden;
}
.container-regular-4 {
z-index: 2;
width: 100%;
max-width: 996px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.title-center-small {
z-index: 2;
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 558px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.section-large {
background-color: #f6f6f6;
padding: 96px 5%;
position: relative;
}
.section-large.background-light {
background-color: #fff;
}
.background-marble {
z-index: 0;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6891d0169dd9b35467aa8aae_Marble%20Texture.webp");
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.content-tab-button {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #454545;
background-color: #0000;
border: .5px solid #0000;
border-bottom: 1px solid #e7e7e7;
border-radius: 0;
justify-content: space-between;
align-items: center;
height: 100px;
padding: 12px 16px;
transition: none;
display: flex;
}
.content-tab-button.w--current {
border-color: #e7e7e7 #e7e7e7 #e7e7e7 var(--orange\);
background-color: #f46e000a;
border-top-style: none;
border-top-width: 1px;
border-bottom-style: solid;
border-left-width: 2px;
border-right-style: none;
border-radius: 0;
align-items: center;
}
.content-tab-date {
color: #454545;
letter-spacing: -.08px;
font-size: 14px;
line-height: 20px;
}
.content-browse-link {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-top: 1px solid #e7e7e7;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: calc(50% - 32px);
padding-top: 12px;
text-decoration: none;
display: flex;
position: absolute;
bottom: 12px;
right: 12px;
}
.overline {
letter-spacing: .08em;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 16px;
}
.testimonial-card-e {
text-align: center;
background-color: #fff;
flex-direction: column;
align-items: center;
padding: 0 24px;
transition: all .3s;
display: flex;
}
.span-red-500 {
color: #e56161;
}
.testimonial-slide-b {
margin-right: 24px;
}
.testimonal-quote {
color: #6173e5;
background-color: #eeeffc;
border-radius: 99px;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
margin-bottom: 56px;
display: flex;
}
.paragraph-large {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 1.8;
}
.paragraph-large.text-weight-bold {
white-space: normal;
font-weight: 700;
}
.h6-heading {
color: #000;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
line-height: 1.4;
}
.h6-heading.text-weight-medium {
font-weight: 500;
}
.section-regular {
padding: 80px 5%;
position: relative;
}
.caption-m {
color: #353b41;
font-size: 12px;
font-weight: 500;
line-height: 1.4;
}
.caption-m.text-color-gray-600 {
color: #6d767e;
}
.testimonial-slider-b {
background-color: #0000;
width: 100%;
max-width: 996px;
height: auto;
margin-left: auto;
margin-right: auto;
padding-left: 102px;
padding-right: 102px;
}
.hidden-element {
display: none;
}
.icon-regular {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.testimonial-star-wrapper {
grid-column-gap: 4px;
margin-bottom: 16px;
display: flex;
}
.testimonial-right-arrow-b {
color: #000;
background-color: #fff;
border: 1px solid #eaedf0;
border-radius: 99px;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
display: flex;
}
.icon-large-2 {
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.wrap-v-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.container-large-8 {
width: 100%;
max-width: 1240px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.testimonial-left-arrow-b {
color: #000;
background-color: #fff;
border: 1px solid #eaedf0;
border-radius: 99px;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
display: flex;
}
.title-wrapper {
z-index: 5;
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 454px;
margin-bottom: 72px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.h2-heading {
color: #000;
letter-spacing: -.04em;
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
line-height: 1.2;
}
.paragraph-small-2 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.paragraph-small-2.text-color-gray-600 {
color: #6d767e;
}
.customer-logo {
width: 44px;
}
.testimonial-customer-wrap {
flex-direction: column;
align-items: center;
margin-top: 56px;
display: flex;
}
.f-margin-bottom-49, .f-team-name-wrapper {
margin-bottom: 16px;
}
.f-team-title-wrapper-left {
max-width: 500px;
margin-bottom: 48px;
}
.f-paragraph-small-4 {
letter-spacing: -.01em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.f-paragraph-small-4.f-text-color-gray-500 {
color: #6b7094;
flex-flow: column;
font-family: Cabin, sans-serif;
display: flex;
}
.f-team-socials-wrapper {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
display: flex;
}
.f-margin-bottom-08 {
margin-bottom: 8px;
}
.f-team-social-divider {
background-color: #e4e6f1;
width: 1px;
height: 16px;
}
.f-image-cover {
vertical-align: top;
object-fit: cover;
border-radius: 20px;
width: 100%;
height: 400px;
margin-top: 10px;
margin-left: 10px;
}
.f-grid-two-column {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.f-team-social-row-right {
grid-column-gap: 8px;
justify-content: flex-end;
align-items: center;
margin-top: 24px;
display: flex;
}
.f-team-content-wrapper {
color: #160042;
margin-top: 24px;
}
.f-team-icon-link {
color: #160042;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
transition: color .3s;
display: flex;
}
.f-team-icon-link:hover {
color: #642eff;
}
.f-paragraph-large {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 18px;
line-height: 32px;
}
.f-paragraph-large.f-text-weight-bold {
font-weight: 700;
}
.f-team-image-large {
border-radius: 8px;
width: 100%;
height: 340px;
overflow: hidden;
}
.f-section-large {
background-color: #fafafa;
width: 100%;
padding: 92px 5%;
position: relative;
}
.f-team-large {
border-bottom: 1px solid #f3f5fb;
padding-bottom: 24px;
}
.f-team-image-square {
border-radius: 8px;
width: 100%;
height: 240px;
overflow: hidden;
}
.f-grid-four-column {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
}
.f-margin-bottom-50 {
margin-bottom: 48px;
}
.f-team-name-wrapper-small {
margin-top: 16px;
}
.f-team-small {
color: #160042;
text-decoration: none;
}
.f-team-company-span {
color: #160042;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.f-margin-bottom-51 {
margin-bottom: 16px;
}
.f-line-regular {
background-color: #e4e6f1;
height: 1px;
margin-top: 24px;
margin-bottom: 24px;
}
.f-margin-bottom-52 {
margin-bottom: 8px;
}
.f-team-regular {
text-decoration: none;
}
.f-grid-three-column {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.f-margin-bottom-53 {
margin-bottom: 12px;
}
.f-team-grid-column {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.f-team-image-small {
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 400px;
display: flex;
overflow: hidden;
}
.f-team-social-row {
justify-content: flex-start;
align-items: center;
margin-top: 40px;
display: flex;
}
.f-sub-heading-large {
color: #160042;
letter-spacing: -.02em;
font-size: 24px;
font-weight: 700;
line-height: 32px;
}
.f-team-social-grid {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.f-team-social-link {
color: #160042;
border: 1px solid #f3f5fb;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
transition: color .3s;
display: flex;
}
.f-team-social-link:hover {
color: #642eff;
}
.wrapper {
flex-direction: column;
justify-content: center;
width: 100%;
max-width: 1230px;
margin-left: auto;
margin-right: auto;
padding-left: 30px;
padding-right: 30px;
display: block;
top: 0;
left: 0;
right: 0;
}
.map {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: 125px;
border-radius: 6px;
overflow: hidden;
}
.margin-bottom-2 {
margin-bottom: 40px;
}
.text-area {
color: #096ad0;
background-color: #096ad00a;
border-style: none;
border-radius: 3px;
min-height: 140px;
margin-bottom: 20px;
padding-top: 16px;
padding-left: 16px;
}
.text-area::placeholder {
color: #096ad0;
}
.form-2 {
width: 100%;
}
.section-8 {
justify-content: center;
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 80px;
display: block;
position: relative;
overflow: hidden;
}
.row-2 {
flex-flow: wrap;
align-content: stretch;
align-items: stretch;
margin-left: -15px;
margin-right: -15px;
display: flex;
}
.paragraph-small-3 {
color: #096ad099;
font-size: 15px;
font-weight: 300;
}
.form-field {
color: #096ad0;
background-color: #096ad00a;
background-image: none;
border-style: none;
border-radius: 3px;
min-width: 200px;
margin-bottom: 20px;
padding: 26px 16px;
}
.form-field::placeholder {
color: #096ad0;
}
.side-image.map {
background-image: none;
justify-content: center;
align-items: center;
display: flex;
}
.col {
flex-flow: column;
flex: 0 auto;
align-items: flex-start;
padding-left: 15px;
padding-right: 15px;
display: flex;
position: relative;
}
.col.lg-6 {
flex: 0 auto;
align-items: flex-start;
width: 50%;
}
.col.lg-5 {
width: 41.66%;
}
.col.lg-5.align-vertically {
justify-content: center;
}
.col.lg-1 {
flex: 0 auto;
width: 8.33%;
}
.pin {
position: absolute;
}
.button-4 {
background-color: #096ad0;
border: 1px solid #096ad0;
border-radius: 40px;
padding: 10px 25px;
font-size: 16px;
font-weight: 300;
transition: all .2s;
box-shadow: 0 4px 11px #013a7554;
}
.button-4:hover {
color: #fff;
background-color: #096ad0;
border: 1px solid #096ad0;
transform: translate(0, -4px);
box-shadow: 0 6px 20px #013a7554;
}
.contact-form-container {
border-radius: 6px;
width: 100%;
}
.contact-form-container.card {
background-color: #fff;
border: 1px #096ad033;
height: 600px;
padding: 60px;
overflow: visible;
box-shadow: 10px 0 80px #1f2c3d1a;
}
.navigation {
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
background-color: #fff;
align-items: center;
width: 100%;
height: 88px;
min-height: 88px;
padding: 24px 5%;
display: none;
position: fixed;
inset: 0% 0% auto;
}
.navigation-button {
outline-offset: 0px;
color: #fff;
text-align: center;
letter-spacing: -.02em;
background-color: #160042;
border-radius: 48px;
outline: 2px solid #0000;
justify-content: center;
align-items: center;
min-width: 120px;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: all .2s;
display: flex;
}
.navigation-button:hover {
background-color: #282556;
}
.navigation-right {
grid-column-gap: 0px;
flex-flow: row;
order: 1;
justify-content: center;
align-items: flex-start;
width: 15%;
height: 40px;
display: flex;
}
.navigation-right.pknngjrf {
width: 100%;
}
.logo-6 {
width: 124px;
}
.navigation-button-secondary {
color: #160042;
text-align: center;
letter-spacing: -.02em;
background-color: #0000;
border: 1px solid #e4e6f1;
border-radius: 50px;
justify-content: center;
align-items: center;
min-width: 120px;
min-height: 48px;
padding: 12px 32px;
font-size: 14px;
font-weight: 500;
text-decoration: none;
transition: background-color .3s, border-color .2s;
display: flex;
}
.navigation-button-secondary:hover {
background-color: #f3f5fb;
border-color: #0000;
}
.navigation-container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navigation-link {
color: #160042;
letter-spacing: -.01em;
white-space: nowrap;
background-color: #0000;
border-radius: 50px;
padding: 12px 24px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: all .35s;
}
.navigation-link:hover {
color: #160042;
background-color: #f3f5fb;
}
.navigation-link.w--current {
color: #642eff;
}
.navigation-left {
flex-direction: row;
order: 1;
justify-content: center;
align-items: center;
width: 50%;
display: flex;
}
.slider01_slide-3 {
width: 365px;
margin-right: .2rem;
}
.text-size-medium-4 {
height: 200px;
font-family: Cabin, sans-serif;
font-size: 1rem;
}
.slider01_mask-3 {
width: 33.33%;
overflow: visible;
}
.testimonial20_arrow-icon-2 {
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.slider_arrow-4 {
border: 2px solid var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: background-color .3s ease-out;
display: flex;
inset: auto -7% 0% 0%;
}
.slider_arrow-4:hover {
background-color: var(--_colors---blue--1\);
}
.slider_arrow-4.is-left {
left: -7%;
right: 0;
}
.slider01_comp-3 {
background-color: #0000;
width: 100%;
height: auto;
padding-bottom: 6rem;
position: relative;
}
.section-9 {
justify-content: center;
align-items: center;
padding: 80px 0;
display: flex;
overflow: hidden;
}
.testimonial-person_item-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: left;
flex: 0 auto;
justify-content: space-around;
align-items: flex-start;
height: 100px;
margin-top: auto;
display: flex;
}
.section_inner-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
align-items: center;
width: 1100px;
display: flex;
overflow: hidden;
}
.u-txt-semibold-3 {
font-family: Cabin, sans-serif;
font-weight: 600;
}
.slider_pagination-2 {
height: 1.75rem;
font-size: .5rem;
display: none;
inset: auto auto 0% 0%;
}
.testimonial-card1_item-4 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #edf6ff;
background-image: linear-gradient(180deg, var(--_colors---blue--2\), white);
border-radius: 1.5rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 360px;
height: 500px;
padding: 2rem;
display: flex;
}
.btn-circle {
border-radius: 20px;
}
.icon-1x1-small-2 {
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
}
.features-tab-wrapper {
background-color: #fff;
border-radius: 40px;
padding: 20px;
overflow: hidden;
box-shadow: 0 5px 20px -10px #66607936;
}
.text-size-medium-5 {
font-size: 1.2rem;
}
.banner_small-height {
padding-top: 52%;
position: relative;
}
.heading-style-h6 {
font-size: 1.1rem;
font-weight: 700;
line-height: 1.5;
}
.feature-tab-menu {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
width: 20%;
padding: 0 20px 0 0;
display: flex;
}
.heading-style-h4-2 {
font-size: 1.25rem;
font-weight: 700;
line-height: 1.4;
}
.round_tab-menu {
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: stretch;
height: 3.5rem;
display: flex;
}
.function-content-wrapper {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
flex-direction: column;
display: flex;
position: relative;
}
.banner_large-height {
padding-top: 54.8%;
position: relative;
}
.banner-right {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-direction: column;
display: flex;
}
.bullet-wraper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-direction: column;
display: flex;
}
.full_img-cover {
z-index: 0;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.feature-tab-content {
flex: 1;
}
.header-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #0d1317;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 2.25rem;
display: flex;
}
.grid-3-2 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template: "."
/ 2fr 1fr;
grid-auto-rows: auto;
height: auto;
}
.arrow-tab {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-color: #f2f5fd;
border-radius: 100px;
flex-direction: row;
align-items: center;
height: 3.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.arrow-tab.w--current {
color: #3370ff;
background-color: #cedfff;
background-image: none;
font-weight: 700;
}
.tabs-wrapper {
margin-left: auto;
margin-right: auto;
}
.button-icon {
color: #3370ff;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.feature_content-detail {
grid-column-gap: 2.5rem;
grid-row-gap: 2.5rem;
background-color: #f2f5fd;
border-radius: 28px;
justify-content: space-between;
padding: 3rem;
display: flex;
}
.slider-tab {
max-width: 80rem;
margin-top: 2.25rem;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.button-5 {
color: #fff;
text-align: center;
background-color: #3370ff;
border-radius: .5rem;
justify-content: center;
align-items: center;
padding: .75rem 1.5rem;
font-weight: 600;
transition: border-color .25s, background-color .25s;
}
.button-5:hover {
background-color: #000cb8;
}
.banner_icon-wrapper {
background-color: #fff0;
border-radius: 8px;
justify-content: center;
align-items: center;
width: 5.4rem;
height: 5.4rem;
margin-bottom: .5rem;
display: flex;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.button-icon-arrow {
flex-direction: column;
justify-content: center;
align-items: center;
height: 1rem;
margin-left: .6rem;
display: flex;
}
.banner_small {
border-radius: 12px;
width: 100%;
overflow: hidden;
}
.feature-left {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
align-items: flex-start;
width: 58%;
display: flex;
}
.subheader-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
align-items: stretch;
display: flex;
}
.badge {
color: #3370ff;
text-align: center;
flex: none;
width: 2rem;
height: 2rem;
font-weight: 700;
}
.heading-style-h2 {
font-size: 2.5rem;
font-weight: 700;
line-height: 1.2;
}
.bullet-wrapper-detail {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-direction: row;
align-items: flex-start;
display: flex;
}
.banner_large {
border-radius: 12px;
width: 100%;
overflow: hidden;
}
.text-weight-medium-2 {
font-weight: 600;
}
.function-icon {
width: 4.5rem;
height: 4.5rem;
}
.banner-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
color: #5b5b5b;
text-align: center;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 1rem 1rem 1.5rem;
text-decoration: none;
display: flex;
}
.banner-wrapper.is-purple {
background-color: #d3d5fd;
}
.banner-wrapper.is-pink {
background-color: #ffdbef;
}
.banner-wrapper.is-green {
text-align: center;
background-color: #c8fdc2;
}
.banner-wrapper.is-orange {
background-color: #ffebce;
}
.banner-wrapper.is-lightblue {
background-color: #dffffc;
}
.banner-wrapper.is-blue {
background-color: #cedfff;
}
.feature-tab-detail {
justify-content: space-around;
align-items: stretch;
display: flex;
}
.bullet-img-wrapper {
border-radius: 12px;
width: 20rem;
position: relative;
overflow: hidden;
}
.round-tab {
background-color: #fff0;
border-radius: 50px;
justify-content: center;
align-items: center;
margin-left: 12px;
margin-right: 12px;
padding: 0 20px;
line-height: 20px;
display: flex;
}
.round-tab:hover {
background-color: #fff;
}
.round-tab.w--current {
color: #000;
background-color: #fff;
box-shadow: 4px 4px 14px #5d6ec70a;
}
.bullet-content {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: column;
width: 100%;
display: flex;
}
.grid-six-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: 1fr 1fr 1fr;
height: 30rem;
}
.icon-1x1-small-3 {
justify-content: center;
align-items: center;
width: 1.25rem;
height: 1.25rem;
}
.text-size-medium-6 {
font-size: 1.2rem;
}
.text-weight-medium-3 {
font-weight: 600;
}
.card-96 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 392px;
height: 264px;
margin-bottom: 20px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007031 {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 224px;
display: flex;
}
.header-style-97 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-236 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-87 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-210 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-211 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-212 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007045 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5832 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 352px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-98 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.price-13 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007046 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.timer-line {
object-fit: cover;
width: 16px;
height: 16px;
overflow: hidden;
}
.text-513 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000---20011 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-28 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-227 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 110px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-140 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.collection-item-16 {
width: 392px;
}
.collection-list-14 {
margin-left: auto;
margin-right: auto;
display: block;
}
.collection-list-15 {
width: 790px;
display: block;
}
.collection-list-wrapper-14 {
width: 961.925px;
}
.frame-1000007039 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-211 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-212 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-76 {
grid-column-gap: 80px;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68944544e4bc4341bacf3f40_Hero-Heading-Left.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 480px;
min-height: 480px;
padding: 80px 24px;
display: flex;
overflow: hidden;
}
.container-171 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 320px;
text-decoration: none;
display: flex;
}
.column-263 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 320px;
text-decoration: none;
display: flex;
}
.content-style-237 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-213 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-130 {
color: #e7e7e7;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.collection-item-17 {
width: 392px;
}
.filter_content-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex;
}
.fs-checkbox-5_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.fs-checkbox-5_dot {
z-index: 2;
background-color: #a1a1a1;
border-radius: 999rem;
flex: none;
width: 1rem;
height: 1rem;
display: block;
position: relative;
}
.filter_list-wrapper.hjgj {
display: none;
}
.filter_form-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: .375rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding: .5rem;
display: grid;
}
.filter_form-2.helper {
width: 300px;
}
.radio_button-2 {
border: 2px solid #4c4c4c;
border-radius: 999rem;
width: 1.25rem;
height: 1.25rem;
margin-top: .125rem;
margin-left: 0;
margin-right: .75rem;
}
.radio_button-2.w--redirected-checked {
outline-offset: -1px;
background-color: #b9fd3b80;
background-image: none;
border-width: 4px;
border-color: #242424;
outline: 2px solid #b9fd3b;
box-shadow: 1px 1px 3px #0000;
}
.radio_button-2.w--redirected-focus {
box-shadow: none;
}
.radio_button-2.w--redirected-focus-visible {
outline-offset: 3px;
outline: 2px solid #b9fd3b;
}
.filter_results {
background-color: #fff;
border: 1px #909090;
border-radius: .25rem;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
min-height: 4.5rem;
padding: 1rem;
display: flex;
}
.filter_empty_icon {
color: var(--gray\);
width: 4rem;
line-height: 0;
}
.filter_form_block {
width: 18rem;
margin-bottom: 0;
}
.filter_tags_item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #a1a1a1;
background-color: #414141;
border-radius: .25rem;
justify-content: flex-start;
align-items: center;
margin-top: .5rem;
margin-bottom: .5rem;
margin-right: .5rem;
padding: .5rem 2.5rem .5rem 1rem;
font-size: .85rem;
font-weight: 500;
display: flex;
position: relative;
}
.filter_tags_item:hover {
background-color: #4c4c4c;
}
.filter_search {
color: #b9fd3b;
background-color: #242424;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6894b26628161baa6b9a736d_search-icon-white.svg");
background-position: 16px 52%;
background-repeat: no-repeat;
background-size: 1.5rem;
border: 1px #000;
min-height: 4rem;
margin-bottom: 0;
padding: 1rem 1.5rem 1rem 3.25rem;
font-size: 1rem;
}
.filter_search.helper {
color: var(--text\);
background-color: #fff;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6895e215acc315d553c02771_search_24dp_909090_FILL0_wght400_GRAD0_opsz24.svg");
background-position: 95%;
border-style: solid;
border-color: #909090;
border-radius: 100px;
width: 100%;
height: 80%;
min-height: 40px;
padding-left: 1.5rem;
font-family: Cabin, sans-serif;
}
.filter_dropdown_list.w--open {
background-color: #414141;
border-radius: .25rem;
margin-top: .25rem;
}
.fs-checkbox-5_button {
border-radius: 999rem;
width: 85%;
height: 85%;
margin-top: 0;
margin-left: 0;
display: block;
position: absolute;
inset: auto;
}
.fs-checkbox-5_button:focus-visible, .fs-checkbox-5_button[data-wf-focus-visible] {
outline-offset: 4px;
outline: 2px solid #9b9b9b;
}
.filter_dropdown {
margin-left: 0;
margin-right: 0;
}
.filter_dropdown.helper {
height: 40px;
}
.filter_list {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
display: flex;
position: relative;
}
.filter_list.is-1-col {
grid-template-columns: 1fr;
}
.filter_list.headi {
display: none;
}
.filter_dropdown_link {
color: #a1a1a1;
cursor: pointer;
border-bottom: 1px solid #242424;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 1rem 2rem 1rem 1.5rem;
text-decoration: none;
display: flex;
}
.filter_dropdown_link:hover {
background-color: #4c4c4c;
}
.filter_dropdown_link.w--current {
color: #828282;
background-color: #313131;
}
.rangeslider_fill-2 {
background-color: #b9fd3b;
width: 20%;
height: 100%;
position: absolute;
}
.fs-example_layout {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
background-color: #fff;
border-radius: .5rem;
grid-template-rows: auto;
grid-template-columns: .35fr 1fr;
grid-auto-columns: 1fr;
place-content: start center;
align-items: flex-start;
margin-top: 80px;
margin-bottom: 80px;
padding: 2rem;
display: flex;
}
.filter_dropdown_toggle {
border: 1px solid var(--gray\);
color: #000;
background-color: #fff;
border-radius: 100rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
min-width: 12rem;
height: 40px;
min-height: 40px;
padding: .5rem 4rem .5rem 1.2rem;
display: flex;
}
.filter_dropdown_toggle:hover {
background-color: #fff;
font-family: Cabin, sans-serif;
}
.radio_field-2 {
color: #b7b7b7;
cursor: pointer;
flex-direction: row;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding: .5rem;
font-size: 1rem;
font-weight: 400;
display: flex;
}
.radio_field-2:hover {
color: #e1e1e1;
}
.radio_field-2.is-list-emptyfacet {
opacity: .5;
}
.option-results-2 {
color: #6e30f7;
display: none;
}
.cms_list-item {
max-width: 40rem;
height: auto;
}
.filter_results_text {
font-family: Cabin, sans-serif;
font-size: .9375rem;
}
.filter_block-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #fff;
border-radius: .25rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
position: relative;
}
.filter_block-3.bghgh, .filter_block-3.dfdgffd {
display: none;
}
.filter_dropdown_icon {
margin-right: 1.2rem;
font-size: 1rem;
}
.rangeslider_track-2 {
background-color: #4c4c4c;
border-radius: 999rem;
width: 96%;
height: .25rem;
margin-left: auto;
margin-right: auto;
position: relative;
}
.filter_tags_remove {
cursor: pointer;
border-radius: 999rem;
flex-direction: column;
width: 1.4rem;
margin-top: .4rem;
margin-right: .5rem;
padding: .325rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.rangeslider_wrapper-2 {
align-items: center;
padding: 1rem 1.5rem;
display: block;
position: relative;
}
.filter_results_span {
color: #a1a1a1;
text-align: center;
background-color: #111;
border-radius: .25rem;
min-width: 1.5rem;
margin-left: .5rem;
margin-right: .5rem;
padding-left: .25rem;
padding-right: .25rem;
display: inline-block;
}
.filter_results_span.helper {
color: var(--_colors---blue--blue\);
background-color: #dceeff00;
}
.radio_color {
border-radius: .25rem;
width: 1.25rem;
height: 1.25rem;
margin-top: .125rem;
margin-right: .5rem;
}
.radio_color.is-gray {
background-color: #8d8c8c;
background-image: linear-gradient(#0000001f, #ffffff1f);
}
.radio_color.is-black {
background-color: #000;
margin-right: .5rem;
}
.radio_color.is-cream {
background-color: #ffe198;
background-image: linear-gradient(#0000001f, #ffffff1f);
}
.radio_color.is-green {
background-color: #43a247;
background-image: linear-gradient(#0000001f, #ffffff1f);
}
.radio_color.is-white {
background-color: #fff;
}
.radio_color.red {
background-color: #e05058;
background-image: linear-gradient(#0000001f, #ffffff1f);
}
.radio_color.is-yellow {
background-color: #f0c435;
background-image: linear-gradient(#0000001f, #ffffff26);
}
.filter_grid-2 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: auto 1fr;
grid-auto-columns: 1fr;
align-items: start;
display: grid;
}
.filter_tags_text {
text-transform: capitalize;
}
.filter_layout {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 120rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.filter_tags {
flex-flow: wrap;
flex: 1;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
place-content: center start;
align-items: center;
min-height: 3.625rem;
display: none;
}
.filter_select-2 {
color: #fff;
cursor: pointer;
background-color: #414141;
border: 1px #000;
border-radius: .25rem;
min-height: 3.6rem;
margin-bottom: 0;
padding-left: 1rem;
padding-right: 1rem;
font-size: 1rem;
}
.filter_block_title {
color: var(--sea-green\);
font-size: 1.125rem;
font-weight: 600;
text-decoration: none;
}
.filter_block_title.w--current {
font-family: Cabin, sans-serif;
}
.filter_block_title.w--current:hover {
color: var(--_variable-collection---blue--3);
font-family: Cabin, sans-serif;
}
.fs-checkbox-5_label {
width: auto;
margin-bottom: 0;
font-weight: 500;
display: none;
position: absolute;
inset: 0% auto auto 0%;
}
.filter_clear-all {
color: #a1a1a1;
text-align: center;
background-color: #414141;
border-radius: .25rem;
padding: .75rem 1rem;
text-decoration: none;
}
.filter_clear-all:hover {
background-color: #4c4c4c;
}
.filter_clear-all.helper {
border: 1px solid var(--gray\);
color: var(--_variable-collection---neutral--5);
background-color: #fff;
font-family: Cabin, sans-serif;
display: none;
}
.filter_clear-all.helper:hover {
background-color: var(--_variable-collection---blue--5);
color: var(--_variable-collection---neutral--1);
font-family: Cabin, sans-serif;
}
.cms_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.cms_list.helper {
position: relative;
}
.filter_block_header {
z-index: 10;
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: auto auto;
grid-auto-columns: 1fr;
place-content: center space-between;
align-items: center;
padding: 0 1rem 1rem;
display: flex;
position: relative;
}
.filter_clear {
color: #a1a1a1;
background-color: #414141;
border-radius: .25rem;
justify-content: center;
align-items: center;
height: 100%;
padding: .25rem .75rem;
font-size: .875rem;
text-decoration: none;
display: flex;
}
.filter_clear:hover {
background-color: #4c4c4c;
}
.filter_clear.helper {
margin-left: 25px;
}
.filter_empty-3 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #b7b7b7;
text-align: center;
background-color: #242424;
border-radius: .375rem;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 12rem;
padding: 3rem;
display: flex;
}
.filter_empty-3.helper {
border: 1px solid var(--gray\);
color: #fff;
background-color: #fff;
font-family: Cabin, sans-serif;
}
.filter_results_wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: var(--_variable-collection---neutral--5);
flex-flow: row;
justify-content: flex-start;
align-items: center;
font-family: Cabin, sans-serif;
display: flex;
}
.fs-checkbox-5_wrapper {
cursor: pointer;
border-radius: 999rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
width: 2.5rem;
margin-bottom: 0;
padding: .25rem;
display: flex;
position: relative;
}
.fs-checkbox-5_mask {
z-index: 1;
opacity: 1;
background-color: #4c4c4c;
border-radius: 999rem;
position: absolute;
inset: 0%;
}
.filter_tags_label {
color: #8f8f8f;
margin-right: 1rem;
}
.filter_item {
justify-content: flex-start;
align-items: center;
display: flex;
}
.rangeslider_handle-2 {
z-index: 1;
cursor: grab;
background-color: #b9fd3b;
border-radius: 999rem;
flex: none;
width: 1rem;
height: 1rem;
position: absolute;
}
.rangeslider_handle-2:focus {
background-color: #b9fd3b;
width: 1.2rem;
height: 1.2rem;
}
.filter_facet-count {
margin-left: auto;
font-size: .875rem;
}
.card-97 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
height: 264px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007047 {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 224px;
display: flex;
}
.header-style-99 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-238 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-88 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.plain-text {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-214 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-215 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007048 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5833 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 352px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-100 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.price-14 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007049 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-514 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000---20012 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-29 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-228 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 110px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-228:hover {
background-color: var(--_variable-collection---color);
}
.button-label-141 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.text-block-71 {
font-size: 10px;
display: none;
}
.text-block-71.kk {
display: flex;
}
.radio-button {
margin-left: 0;
display: none;
}
.radio-button.w--redirected-checked {
color: var(--_colors---blue--blue\);
font-family: Cabin, sans-serif;
}
.radio-button-field {
margin-right: 20px;
padding-left: 0;
}
.radio-button-label {
font-family: Cabin, sans-serif;
}
.radio-button-label.label {
font-size: 1.1rem;
font-weight: 700;
}
.radio-button-label.label:hover {
color: var(--_variable-collection---blue--3);
}
.frame-1000007050 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-bottom: 0;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-214 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-215 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.label1.label2.label3.label4 {
font-family: Cabin, sans-serif;
font-weight: 400;
}
.label1.label2.label3.label4:hover, .label1.label2.label3.label4:focus {
color: var(--_colors---blue--blue\);
}
.label1.label2.label3.label4.lll {
font-weight: 500;
}
.label1.label2.label3.label4.kkkk {
font-size: 1.1rem;
font-weight: 700;
}
.pagination {
flex-flow: row;
align-items: center;
margin-top: 60px;
}
.collection-list-wrapper-15 {
display: flex;
}
.div-block-9 {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.hero-heading-left-77 {
grid-column-gap: 80px;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68944544e4bc4341bacf3f40_Hero-Heading-Left.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 480px;
min-height: 480px;
padding: 80px 24px;
display: flex;
overflow: hidden;
}
.container-172 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 320px;
margin-top: 0;
text-decoration: none;
display: flex;
}
.column-264 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 320px;
text-decoration: none;
display: flex;
}
.content-style-239 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-216 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-131 {
color: #e7e7e7;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.radio.my-radio {
padding-right: 20px;
}
.radio.my-radio:lang(en) {
color: var(--sea-green\);
}
.radio.filter-category.hhh {
padding-left: 0;
}
.text-block-72 {
color: var(--sea-green\);
}
.text-span-19 {
color: var(--_colors---blue--blue\);
}
.column-large {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-direction: column;
align-items: center;
display: flex;
}
.h1-heading-2 {
color: var(--white-smoke\);
letter-spacing: -1.5px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 72px;
}
.section-regular-2 {
padding: 82px 5%;
position: relative;
}
.section-regular-2.background-gray-100 {
background-color: #151d68;
justify-content: center;
align-items: center;
height: 431px;
display: flex;
}
.overline-regular {
letter-spacing: 1.28px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.form-success-message {
color: #0b2811;
background-color: #e3f8e7;
border-radius: 8px;
padding: 14px 18px;
}
.column-x-large {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-direction: column;
display: flex;
}
.column-x-large.column-center {
align-items: center;
}
.container-small-4 {
width: 100%;
max-width: 858px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-large-9 {
width: 100%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.column-gigantic {
grid-column-gap: 30px;
grid-row-gap: 30px;
flex-direction: column;
display: flex;
}
.form-error-message {
color: #7d1c33;
text-align: center;
background-color: #fde7e7;
border-radius: 8px;
padding: 12px 16px;
}
.subheading-large-2 {
color: #030711;
letter-spacing: -.32px;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
line-height: 32px;
}
.subheading-large-2.text-color-gray-600 {
color: #4b5563;
}
.paragraph-x-small {
color: var(--white-smoke\);
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
}
.cta-form {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
display: flex;
}
.cta-footnote {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: var(--_variable-collection---neutral--0);
text-align: left;
justify-content: flex-start;
align-items: center;
padding-left: 12px;
padding-right: 12px;
display: flex;
}
.cta-block {
color: #000;
text-align: center;
background-color: #151d68;
border-radius: 24px;
justify-content: center;
align-items: center;
height: 400px;
padding: 80px 5%;
display: flex;
}
.button-primary-6 {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: var(--_ux---color\);
letter-spacing: -.2px;
white-space: nowrap;
background-color: #3346f8;
border-radius: 44px;
justify-content: center;
align-items: center;
height: 48px;
padding: 8px 24px;
font-size: 16px;
font-weight: 500;
line-height: 32px;
text-decoration: none;
transition: color .3s, background-color .3s;
display: inline-flex;
}
.button-primary-6:hover {
color: #fff;
background-color: #913b8b;
}
.icon-small-2 {
color: #fff;
border: 1px solid #fff;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.form-text-field-rounded {
color: #030711;
border: 1px solid #e5e7eb;
border-radius: 99px;
height: 48px;
margin-bottom: 0;
padding: 8px 16px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 32px;
}
.form-text-field-rounded:hover {
border-color: #d1d5db;
}
.form-text-field-rounded:focus {
border-color: #9ca3b0;
}
.column-x-small {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.cta-form-block {
width: 100%;
max-width: 520px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
}
.radio-button-field-2 {
padding-left: 20px;
padding-right: 20px;
}
.radio-button-field-2.kkk {
font-family: Cabin, sans-serif;
font-size: 1.2rem;
font-weight: 500;
}
.div-block-10 {
grid-column-gap: 25px;
grid-row-gap: 25px;
flex-flow: column;
display: flex;
}
.frame-1000007051 {
grid-column-gap: 40px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.card-98 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 133px;
text-decoration: none;
display: flex;
}
.icon-28 {
background-color: #dceeff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
overflow: hidden;
}
.content-style-240 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-515 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-516 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007052 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 133px;
text-decoration: none;
display: flex;
}
.plant-streamline-phosphor-regular {
object-fit: cover;
width: 20px;
overflow: hidden;
}
.content-style-241 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 56px;
display: flex;
}
.icon-29 {
grid-column-gap: 10px;
background-color: #dceeff;
border-radius: 100px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
width: 40px;
padding: 10px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.plant-streamline-phosphor-regular-2 {
object-fit: cover;
overflow: hidden;
}
.team-rectangles-20 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-173 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.section-title-36 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.our-commitment-to-advancing-human-health-through-groundbreaking-innovations-sets-the-benchmark-for-e {
color: #5d5d5d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007053 {
grid-column-gap: 64px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 936px;
height: 97px;
text-decoration: none;
display: flex;
}
.frame-1000007054 {
grid-column-gap: 20px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.icon-wrap-7 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 56px;
height: 56px;
padding-top: 4px;
text-decoration: none;
display: flex;
}
.featured-icon-8 {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
}
.test-tube-line-3 {
object-fit: cover;
overflow: hidden;
}
.content-style-242 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.number-and-text-6 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.number-10 {
color: #0084ff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 48px;
font-size: 48px;
font-weight: 600;
line-height: 60px;
text-decoration: none;
}
.text-518 {
color: #5d5d5d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007055 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 1px;
text-decoration: none;
display: flex;
}
.healthcare-genomics-3 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.39deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.healthcare-genomics-4 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.icon-wrap-8 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
padding-top: 4px;
text-decoration: none;
display: flex;
}
.featured-icon-9 {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
}
.medal-line {
object-fit: cover;
overflow: hidden;
}
.featured-icon-10 {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
}
.customer-service-line {
object-fit: cover;
overflow: hidden;
}
.featured-icon-11 {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
}
.microscope-line {
object-fit: cover;
overflow: hidden;
}
.featured-icon-12 {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
}
.plant-line {
object-fit: cover;
overflow: hidden;
}
.button-style-229 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-142 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-6 {
object-fit: cover;
overflow: hidden;
}
.button-style-230 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-143 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-7 {
object-fit: cover;
overflow: hidden;
}
.link-block-9 {
grid-column-gap: 5px;
grid-row-gap: 5px;
align-items: center;
display: flex;
}
.div-block-11 {
color: #e57676;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6899ce06f0a4b3aa049d3477_Vector.svg");
background-position: 0%;
background-repeat: repeat-x;
background-size: 20px 20px;
background-attachment: scroll;
width: 20px;
height: 20px;
}
.collection-list-16 {
display: none;
}
.h2-heading-2 {
color: #000;
letter-spacing: -.8px;
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
font-weight: 700;
line-height: 1.2;
}
.header-link-text {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
display: flex;
}
.header-illustrations-wrapper {
padding-bottom: 64px;
position: relative;
}
.link-arrow {
color: #ff443d;
overflow: hidden;
}
.caption-small {
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.caption-small.text-color-gray-900 {
color: var(--_variable-collection---neutral--0);
font-family: Cabin, sans-serif;
}
.section-regular-3 {
padding: 96px 5%;
}
.section-regular-3.background-gray-50 {
background-color: #f6f5f3;
}
.form-success-message-2 {
color: #449c46;
background-color: #f4fcf3;
border: 1px solid #daf5d6;
border-radius: 8px;
padding-top: 10px;
padding-bottom: 10px;
}
.container-x-small {
width: 100%;
max-width: 636px;
margin-left: auto;
margin-right: auto;
}
.header-links-grid {
z-index: 1;
grid-column-gap: 32px;
grid-row-gap: 24px;
text-align: left;
flex-flow: wrap;
grid-template: "."
"."
/ 1fr 1fr 1fr;
grid-auto-rows: 0;
grid-auto-flow: column dense;
justify-content: center;
align-self: center;
align-items: center;
width: 900px;
display: flex;
position: relative;
}
.header-links-grid.uytutyu {
flex-flow: wrap;
width: 800px;
}
.header-links-grid.lllllllllllllll {
width: 1100px;
}
.input-shortcut-embed {
display: none;
}
.header-illustration {
position: absolute;
inset: auto auto 0% 0%;
}
.header-illustration.right {
inset: auto 0% 0% auto;
}
.form-shortcut {
grid-column-gap: 4px;
grid-row-gap: 4px;
display: flex;
position: absolute;
inset: auto 12px auto auto;
}
.title-badge {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #ff443d;
flex-direction: row;
align-items: center;
font-size: 16px;
font-weight: 500;
line-height: 24px;
display: flex;
}
.icon-regular-2 {
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.icon-small-3 {
flex: none;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.icon-wrapper-small {
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.header-title-center {
grid-column-gap: 24px;
grid-row-gap: 24px;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
max-width: 630px;
margin-bottom: 48px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.form-error-message-2 {
color: #ff443d;
background-color: #fff7f5;
border: 1px solid #ffeae6;
border-radius: 8px;
padding: 10px 16px;
}
.header-link-title {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: center;
align-items: center;
display: flex;
}
.form-text-field-large {
color: #4d4d4c;
background-color: #f0edea;
border: 1px solid #d6d3d1;
border-radius: 96px;
min-height: 48px;
margin-bottom: 0;
padding: 12px 12px 12px 44px;
font-size: 16px;
line-height: 24px;
transition: border-color .2s;
}
.form-text-field-large:hover {
border-color: #a5a3a1;
}
.form-text-field-large:focus {
border-color: #ff443d;
}
.form-icon {
justify-content: center;
align-items: center;
padding: 2px;
display: flex;
position: absolute;
inset: auto auto auto 12px;
}
.form-shortcut-icon {
background-color: #fff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
box-shadow: 0 1px 1px #201f1f12, 0 2px 5px #0003, 0 1px 1px #201f1f0a, 0 2px 1px #201f1f03, 0 3px 2px #201f1f00;
}
.search-form-block {
width: 100%;
max-width: 400px;
margin-bottom: 0;
}
.form-icon-wrapper {
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
position: relative;
}
.header-link-card {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #000;
text-align: center;
background-color: #f0edea00;
border: 1px #fff;
border-radius: 16px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding: 24px 16px;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.header-link-card:hover {
background-color: #fff0;
}
.header-link-card.yjgyjy, .header-link-card.htdht, .header-link-card.fbfbf, .header-link-card.ggdgd, .header-link-card.v-b {
flex-flow: column;
}
.container-large-10 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.subheading-small {
color: #000;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 20px;
}
.tab-pane-tab-1-3 {
margin-bottom: 0;
padding-bottom: 1rem;
overflow: visible;
}
.container-small-5 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.footer_link-4 {
color: #0c2954;
text-align: center;
font-size: 1rem;
font-weight: 400;
text-decoration: none;
}
.dropdown-toggle-4 {
color: #fff;
background-color: #0c2954;
border-radius: .3125rem;
padding: 1rem 2.5rem 1rem 1.25rem;
display: none;
}
.container-large-11 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.footer_social-icon-4 {
align-items: center;
font-size: 14px;
text-decoration: none;
display: flex;
}
.tab-pane_img-wrapper-3 {
aspect-ratio: 16 / 9;
box-shadow: none;
border-radius: .3125rem;
width: auto;
max-width: none;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.padding-global-12 {
padding-left: 5%;
padding-right: 5%;
}
.padding-section-large-5 {
flex-flow: column;
padding-top: 7rem;
padding-bottom: 7rem;
display: flex;
}
.tabs-8 {
width: 100%;
}
.dropdown-7 {
color: #fff;
width: 50%;
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
}
.tab-link-5 {
opacity: .5;
color: #0c2954;
text-align: center;
background-color: #0c295400;
border: 1px #0c2954;
border-bottom: .0625rem solid #0c295400;
border-radius: 0;
flex: 1;
padding: 1rem 2rem;
}
.tab-link-5.w--current {
border-bottom-width: 2px;
border-bottom-color: var(--orange\);
opacity: 1;
background-color: #0c295400;
}
.img-full-cover-3 {
width: 100%;
height: 100%;
}
.tabs_component-3 {
flex-direction: column;
align-items: center;
display: flex;
}
.card-99 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 380px;
max-width: 380px;
height: 282.8px;
margin-bottom: 10px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007056 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-101 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-243 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-89 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-216 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-217 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-218 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5834 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 340px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-102 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.price-15 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007057 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-519 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000---20013 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-30 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-231 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-144 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.collection-item-18 {
padding-left: 0;
padding-right: 0;
}
.collection-list-17 {
width: auto;
}
.frame-1000007058 {
grid-row-gap: 14px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 812px;
text-decoration: none;
display: flex;
}
.section-title-37 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
margin-bottom: 60px;
text-decoration: none;
display: flex;
}
.text-520 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-521 {
color: #909090;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-265 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-132 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-218 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 32%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-218.kkkl {
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
}
.title-copy-goes-here-be-awesome-219 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.frame-1000007059 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 960px;
text-decoration: none;
display: flex;
}
.card-100 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 200px;
text-decoration: none;
display: flex;
}
.pregnancy-sperms-2-streamline-ux-duotone-3 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-244 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-522 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-523 {
opacity: .6;
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.card-101 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 200px;
text-decoration: none;
display: flex;
}
.pregnancy-sperms-4-streamline-ux-duotone {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.pregnancy-sperms-4-streamline-ux-duotone-2 {
object-fit: cover;
}
.content-style-245 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-524 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007060 {
overflow: hidden;
}
.frame-1000007061 {
object-fit: cover;
border-radius: 418.299px;
overflow: hidden;
}
.frame-1000007062 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1440px;
padding-top: 80px;
padding-bottom: 80px;
text-decoration: none;
display: flex;
}
.frame-1000007063 {
grid-column-gap: 60px;
grid-row-gap: 60px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1206px;
text-decoration: none;
display: flex;
}
.frame-1000007064 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-133 {
color: #909090;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007065 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 0;
padding-bottom: 0;
text-decoration: none;
display: flex;
}
.frame-1000007066 {
grid-column-gap: 75px;
justify-content: center;
align-items: center;
width: 90%;
text-decoration: none;
display: flex;
}
.section-style-28 {
grid-row-gap: 8px;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.container-174 {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 565px;
height: 623px;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.column-266 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 565px;
padding-left: 40px;
padding-right: 40px;
text-decoration: none;
display: flex;
}
.content-style-246 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-220 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.33deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-134 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.list-18 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007067 {
grid-column-gap: 40px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-29 {
grid-row-gap: 8px;
border-radius: 56px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-526 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-76 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-232 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-232:hover {
background-color: var(--_variable-collection---blue--5);
}
.button-label-145 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.section-style-30 {
grid-row-gap: 8px;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
height: 623px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.container-175 {
grid-column-gap: 80px;
background-color: #fff;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 565px;
height: 620px;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-221 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.84deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.genefemina-and-geneandro-at-a-glance-0 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.genefemina-and-geneandro-at-a-glance-1 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #0084ff 55%, #62f2f2 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.features-list-22 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-45 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-267 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-247 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-26 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-219 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.feature-15 {
grid-column-gap: 16px;
border: 1px #e7e7e7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.frame-1000007068 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50px;
height: 44px;
text-decoration: none;
display: flex;
}
.text-527 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007069 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-220 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-38 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-39 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.description-0 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.description-1 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.features-list-23 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-46 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-268 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-248 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-27 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-221 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.feature-16 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.frame-1000007070 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 45px;
height: 40px;
text-decoration: none;
display: flex;
}
.text-528 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007071 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.description-222 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007072 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-40 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-41 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.description-223 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.description-224 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007073 {
background-color: #edf6ff;
border-radius: 16px;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-135 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-233 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-233:hover {
background-color: var(--_variable-collection---blue--5);
}
.button-label-146 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-8 {
object-fit: cover;
overflow: hidden;
}
.card-102 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 960px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-185 {
object-fit: cover;
border-radius: 8px;
display: block;
overflow: hidden;
}
.frame-1000007074 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-103 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-249 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-92 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-225 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-226 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-227 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-250 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 160px;
text-decoration: none;
display: flex;
}
.title-style-93 {
grid-column-gap: 8px;
justify-content: flex-end;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-228 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-529 {
color: #b4b4b4;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: line-through;
}
.rectangle-5835 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 712px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-104 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.tags-4 {
grid-column-gap: 8px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.eyebrow-heading-6 {
grid-column-gap: 4px;
background-color: #fafafa;
border-radius: 40px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.text-530 {
color: #5d5d5d;
text-align: center;
letter-spacing: .02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.action-31 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-234 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-234:hover {
background-color: var(--_variable-collection---color);
}
.button-label-147 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-9 {
object-fit: cover;
overflow: hidden;
}
.arrow-right-line-9:hover {
color: #000;
}
.collection-item-19 {
margin-bottom: 10px;
}
.column-269 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.feature-17 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.frame-1000007075 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 50px;
height: 40px;
text-decoration: none;
display: flex;
}
.text-531 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007076 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-229 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-230 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.description-231 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.wireframe---22 {
grid-row-gap: 30px;
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1440px;
height: 817px;
padding: 80px 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.small-container-24 {
grid-row-gap: 60px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 1200px;
max-width: 1200px;
padding: 0 64px;
text-decoration: none;
display: flex;
}
.content-wrapper-13 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-251 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-94 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-232 {
color: var(--_variable-collection---neutral--5);
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007077 {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 996px;
text-decoration: none;
display: flex;
}
.card-103 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-6 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-252 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-532 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-533 {
opacity: .6;
color: var(--_variable-collection---neutral--5);
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007078 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 320px;
text-decoration: none;
display: flex;
}
.column-270 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.logo-wrapper-4 {
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.logo-7 {
justify-content: flex-start;
align-items: center;
width: 120px;
height: 40px;
text-decoration: none;
display: flex;
}
.logo-container-4 {
grid-row-gap: 7.2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.main-logo-4 {
grid-column-gap: 5.4px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6926b96ff768b55e3de765e6_Genetech%20new%20Logo.png");
background-position: 0 0;
background-size: cover;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 36px;
text-decoration: none;
display: flex;
}
.group-1000003807 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 32.3585px;
height: 32.4px;
text-decoration: none;
display: flex;
}
.genetech-3 {
object-fit: cover;
}
.footer-links-8 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 249px;
height: 127px;
text-decoration: none;
display: flex;
}
.link-style-7 {
color: #fafafa;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007079 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.rectangle-5836 {
object-fit: cover;
border-radius: 5px;
justify-content: center;
align-items: center;
width: 75px;
height: 30px;
text-decoration: none;
display: flex;
}
.small-container-25 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
padding: 64px;
text-decoration: none;
display: flex;
}
.content-wrapper-14 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-253 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-95 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-233 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007080 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 120%;
text-decoration: none;
display: flex;
}
.card-104 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-7 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-254 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-534 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-535 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.baby-hanging-toy-1-streamline-ux-duotone-2 {
object-fit: cover;
}
.test-card---desktop-2 {
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 388px;
height: 454px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-104 {
grid-row-gap: 8.04124px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 215.269px;
display: flex;
overflow: hidden;
}
.image-186 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 215.269px;
text-decoration: none;
display: flex;
}
.frame-1000007081 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-105 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-255 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-96 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-234 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-235 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 348px;
text-decoration: none;
display: flex;
}
.description-236 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-106 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.action-32 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-235 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-148 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.test-card---desktop-3 {
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 388px;
height: 454px;
margin-bottom: 10px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-105 {
grid-row-gap: 8.04124px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 215.269px;
display: flex;
overflow: hidden;
}
.spc2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 215.269px;
text-decoration: none;
display: flex;
}
.spc2.spc1.spc3.spc4.spc5.spc6 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/69147f6e7ddd38aa3fa5f1f2_Dermatology.png");
background-position: 0 0;
background-size: auto;
}
.spc2.spc1.spc3.spc4.spc5.spc6.kkkl {
width: 346px;
max-width: none;
}
.frame-1000007082 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 137.2px;
text-decoration: none;
display: flex;
}
.header-style-107 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-256 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 81.2px;
text-decoration: none;
display: flex;
}
.title-style-97 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-237 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-238 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 348px;
text-decoration: none;
display: flex;
}
.description-239 {
color: #5d5d5d;
height: 48px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-108 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 40px;
text-decoration: none;
display: flex;
}
.action-33 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-236 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-236:hover {
border-color: var(--_variable-collection---blue--0);
background-color: var(--_variable-collection---blue--0);
}
.button-label-149 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-237 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-150 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-238 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-151 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-239 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-239:hover {
background-color: var(--_variable-collection---color);
}
.button-label-152 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-78 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-176 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-271 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-106 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-188 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-272 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-222 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-136 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.test-card---desktop-4 {
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 380px;
height: 445px;
margin-bottom: 10px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-107 {
grid-row-gap: 8.04124px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 210.321px;
display: flex;
overflow: hidden;
}
.image-189 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 210.321px;
text-decoration: none;
display: flex;
}
.frame-1000007083 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-109 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-257 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-98 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-240 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-241 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-242 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5837 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 340px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-110 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.price-16 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007084 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-536 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000---20014 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-34 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-240 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 110px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-153 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.collection-item-20 {
width: 380px;
}
.collection-list-18 {
width: 1150px;
}
.hero-heading-left-79 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 0 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-177 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-273 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.content-style-258 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 386.4px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-223 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-137 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-274 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-108 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-190 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 386.4px;
text-decoration: none;
display: flex;
}
.container-178 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-275 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-224 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-138, .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-139 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-276 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-109 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.image-191 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
display: flex;
}
.container-179 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-277 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-110 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-192 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-278 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-225 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-140, .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-141 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-77 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-241 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-154 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-47 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-279 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-259 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-28 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-99 {
flex-flow: column;
display: flex;
}
.description-243 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.feature-18 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.frame-1000007085 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 45px;
height: 40px;
text-decoration: none;
display: flex;
}
.text-537 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007086 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-244 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-42 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-43 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(77.2deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-43.ggghh {
background-image: linear-gradient(to bottom, var(--_variable-collection---neutral--6), var(--_variable-collection---neutral--6));
}
.title-43.kkllh.llm {
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
}
.features-list-24 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-48 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 440px;
text-decoration: none;
display: flex;
}
.column-280 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-260 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-29 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-245 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-242 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-242:hover {
background-color: var(--_variable-collection---blue--5);
}
.button-label-155 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.column-281 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 558px;
text-decoration: none;
display: flex;
}
.feature-19 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 440px;
height: auto;
padding: 24px;
text-decoration: none;
display: flex;
}
.title-44 {
color: #fba401;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-45 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.list-19 {
color: var(--_variable-collection---neutral--5);
font-family: Cabin, sans-serif;
font-size: 14px;
}
.list-item-8 {
margin-bottom: 5px;
}
.list-item-9, .list-item-10 {
margin-bottom: 5px;
font-size: 14px;
}
.list-item-11, .list-item-12, .list-item-13, .list-item-14, .list-item-15, .list-item-16 {
margin-bottom: 5px;
}
.small-container-26 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-self: center;
align-items: center;
width: 100%;
max-width: 960px;
padding: 64px;
text-decoration: none;
display: flex;
position: absolute;
top: 80px;
left: 240px;
}
.content-wrapper-15 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-261 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-101 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-246 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007087 {
grid-column-gap: 32px;
grid-row-gap: 40px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-105 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-8 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-262 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-538 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.team-rectangles-21 {
grid-row-gap: 120px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000007088 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.frame-1000007089 {
grid-row-gap: 14px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.section-title-38 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-40 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-49 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1300px;
text-decoration: none;
display: flex;
}
.card-106 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-wrapper-111 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-193 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-39 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-34 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-247, .description-248 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-112 {
grid-row-gap: 10px;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68a59c0bc222b29275140a9c_Image-Wrapper.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
min-height: 240px;
display: flex;
overflow: hidden;
}
.container-180 {
grid-column-gap: 40px;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68a59c0b7798af57097b0852_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
min-height: 228px;
padding: 40px 60px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-111 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-31 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
text-decoration: none;
display: flex;
}
.header-style-112 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-540 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000007090 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000007091 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-541 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-243 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-156 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.our-genetic-counsellors-0 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.our-genetic-counsellors-1 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.63deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.divider-secondary {
border-top: 1px dashed #d8dbdf;
width: 100%;
}
.title-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 628px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.team-social-link {
color: #8d95a3;
background-color: #fff0;
border-radius: 8px;
flex: none;
padding: 8px;
transition: color .3s, background-color .3s;
}
.team-social-link:hover {
color: #25272c;
background-color: #fff;
}
.section-regular-4 {
background-color: #f7f8f8;
padding: 96px 5%;
position: relative;
}
.h1-heading-3 {
color: #25272c;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 600;
line-height: 1.2;
}
.badge-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px dashed #b5bbc4;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 8px 12px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
display: flex;
}
.text-color-brand {
color: #154ee0;
}
.team-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fafafa;
border: 1px #b5bbc4;
border-radius: 12px;
flex-flow: column;
padding: 16px;
display: flex;
}
.paragraph-regular-2 {
letter-spacing: -.12px;
font-size: 16px;
line-height: 28px;
}
.paragraph-regular-2.text-color-tertiary {
color: #8d95a3;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
}
.grid-four-column {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
display: grid;
}
.container-large-12 {
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
}
.subheading-large-3 {
color: #25272c;
letter-spacing: -.24px;
font-family: Cabin, sans-serif;
font-size: 20px;
font-weight: 500;
line-height: 24px;
}
.team-image {
box-shadow: none;
background-color: #fff;
border: 4px #fff;
border-radius: 8px;
overflow: hidden;
}
.column-282 {
grid-column-gap: 5px;
grid-row-gap: 5px;
flex-flow: column;
display: flex;
}
.row-x-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.wireframe---23 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
height: 659px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.digitale-de-ud98m9ohnmc-unsplash-5 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1440px;
height: 900px;
text-decoration: none;
display: flex;
}
.container-181 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1000px;
text-decoration: none;
display: flex;
position: absolute;
top: 80px;
left: 120px;
}
.column-283 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-113 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.minimal-gene-3 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
display: flex;
}
.column-284 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-226 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-142 {
color: var(--white-smoke\);
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.wrap-h-tiny {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: row;
display: flex;
}
.paragraph-regular-3 {
margin-bottom: 0;
font-size: 16px;
line-height: 28px;
}
.testimonial-author-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
display: flex;
}
.content-image {
object-fit: cover;
object-position: 50% 0%;
border-radius: 20px;
width: 100%;
height: 100%;
}
.h2-heading-3 {
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 56px;
font-weight: 600;
line-height: 72px;
}
.content-image-card {
background-color: #f6f7f9;
border: 1px solid #d5d9e2;
border-radius: 24px;
flex-direction: column;
justify-content: flex-end;
width: 100%;
max-width: 450px;
display: flex;
position: relative;
}
.text-color-orange {
color: #fe5b25;
}
.section-large-2 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686b73a541f6d623e5ba2584_Testimonial%20Stack.png");
background-position: 0 0;
background-size: auto;
padding: 120px 5%;
position: relative;
}
.overline-2 {
letter-spacing: .5px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 20px;
}
.content-testimonial {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #460906;
background-color: #fff2eb;
border: 1px solid #ffe7d6;
border-radius: 12px;
flex-direction: column;
padding: 24px;
display: flex;
}
.testimonial-avatar {
background-color: #fe5b25;
border-radius: 100%;
width: 24px;
height: 24px;
}
.paragraph-small-4 {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.paragraph-small-4.text-weight-semibold {
font-weight: 600;
}
.wrap-v-small-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
display: flex;
}
.content-image-background {
opacity: .1;
pointer-events: none;
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.container-regular-5 {
width: 100%;
max-width: 1062px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.content-grid {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
}
.content-wrapper-16 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.wrap-v-regular {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
display: flex;
}
.paragraph-x-large-2 {
letter-spacing: -.02em;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
line-height: 32px;
}
.paragraph-x-large-2.text-color-gray-800 {
color: var(--white-smoke\);
font-family: Cabin, sans-serif;
font-size: 45px;
}
.button-primary-rounded-large {
color: #fff;
background-color: #23272f;
border: 2px solid #23272f;
border-radius: 52px;
justify-content: center;
align-items: center;
padding: 12px 32px;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: box-shadow .3s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 0 12px -2px #fe5b2500, 0 0 12px -2px #a355f700, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}
.button-primary-rounded-large:hover {
box-shadow: 0 0 12px -2px #fe5b25, 0 0 12px -2px #a355f7, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}
.button-primary-rounded-large.w--current {
background-color: #344256;
border-color: #48566a;
}
.features-list-25 {
grid-column-gap: 10px;
background-color: #fff;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-50 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
margin-bottom: 40px;
text-decoration: none;
display: flex;
}
.frame-1000007093 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-285 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-263 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-30 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-102 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.description-249 {
color: #5d5d5d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-264 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5838 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 433px;
height: 1px;
text-decoration: none;
display: flex;
}
.text-542 {
color: #5d5d5d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007032 {
grid-column-gap: 20px;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 954px;
text-decoration: none;
display: flex;
}
.frame-1000007094 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 440px;
text-decoration: none;
display: flex;
}
.card-107 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 144px;
padding: 12px;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-194 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.content-style-265 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.title-style-103 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-250 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-251 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-266 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 18px;
display: flex;
}
.rectangle-5839 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 422px;
height: 1px;
text-decoration: none;
display: flex;
}
.frame-1000007095 {
grid-column-gap: 20px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card-108 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 440px;
max-width: 440px;
height: auto;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.rectangle-5840 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 387.5px;
height: 1px;
text-decoration: none;
display: flex;
}
.button-style-244 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-157 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-245 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-245:hover {
background-color: var(--_colors---dark-blue\);
}
.button-label-158 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-246 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-159 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.list-item-17 {
font-family: Cabin, sans-serif;
}
.image-195 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 400px;
display: flex;
}
.image-wrapper-114 {
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
min-height: 480px;
text-decoration: none;
display: flex;
}
.image-196 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-286 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-115 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-197 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-287 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-116 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-198 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-288 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.feature-20 {
grid-column-gap: 16px;
border: 1px solid #e7e7e7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.frame-1000007096 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
text-decoration: none;
display: flex;
}
.text-543 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007097 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-252 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-253 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.description-254 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-large-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.h3-heading {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 600;
line-height: 1.3;
}
.contact-character-info {
color: #717384;
justify-content: flex-end;
align-items: center;
padding: 8px 24px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
display: flex;
}
.paragraph-x-small-2 {
color: #9c9eab;
white-space: pre-wrap;
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 18px;
}
.subheading-regular-2 {
color: #dedfe3;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.subheading-regular-2.text-color-neutral-white {
color: #f5f5f5;
}
.text-color-blue {
color: #7e8ef1;
}
.contact-text-field {
color: #dedfe3;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 24px;
min-height: 40px;
margin-bottom: 0;
padding: 20px 24px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.contact-text-field:active {
border-color: #333647;
}
.contact-text-field:focus {
border-color: #45485f;
}
.contact-text-field::placeholder {
color: #717384;
}
.success-message-2 {
text-align: center;
background-color: #86c1a0;
border-radius: 99px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.contact-links-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
align-items: center;
margin-top: 64px;
}
.contact-submit-button {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
background-color: #5a6ded;
border-radius: 99px;
justify-content: center;
align-items: center;
width: 124px;
height: 40px;
padding: 20px 24px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.contact-submit-button:hover {
background-color: #7e8ef1;
}
.contact-icon {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.contact-form {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
display: flex;
}
.contact-header {
grid-column-gap: 44px;
grid-row-gap: 24px;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 128px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.contact-checkbox {
border: 0px none var(--gray\);
outline-color: var(--gray\);
outline-offset: 0px;
color: #fff;
border-radius: 0;
outline-width: 1px;
outline-style: solid;
flex: none;
width: 24px;
height: 24px;
margin-top: 0;
}
.contact-checkbox.w--redirected-checked {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68a83f907b9b3de8cf739dd1_Check.svg");
background-size: 16px;
}
.contact-field-label {
color: #000;
letter-spacing: .04em;
text-transform: uppercase;
margin-bottom: 0;
padding-left: 24px;
padding-right: 24px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 24px;
}
.section-large-3 {
background-color: #fff;
padding: 100px 5%;
font-family: Cabin, sans-serif;
}
.contact-checkbox-field {
grid-column-gap: 14px;
grid-row-gap: 14px;
align-items: center;
width: 100%;
margin-bottom: 0;
padding-left: 8px;
display: flex;
}
.error-message-2 {
text-align: center;
background-color: #ed5a5a;
border-radius: 99px;
padding: 20px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.contact-checkbox-span {
color: #7e8ef1;
text-decoration: underline;
}
.icon-regular-3 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.contact-checkbox-wrapper {
color: #717384;
align-items: center;
padding: 8px 24px;
display: flex;
}
.contact-card {
background-color: #fff;
border-radius: 32px;
padding: 32px 24px 24px;
display: none;
}
.contact-map {
width: 100%;
height: 100%;
}
.paragraph-regular-4 {
color: #9c9eab;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.button-outline {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #dedfe3;
text-align: center;
background-color: #0000;
border: 2px solid #333647;
border-radius: 50px;
justify-content: center;
align-items: center;
padding: 10px 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: color .3s, border-color .3s;
display: inline-flex;
}
.button-outline:hover {
color: #fff;
border-color: #fff;
}
.container-regular-6 {
width: 100%;
max-width: 1260px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.contact-map-wrapper {
background-color: #22242f;
border-radius: 0;
height: 600px;
min-height: 320px;
overflow: hidden;
}
.grid-contact-form {
grid-column-gap: 80px;
grid-row-gap: 80px;
grid-template-rows: auto;
grid-template-columns: .6fr .75fr;
width: 100%;
}
.contact-text-area-small {
color: #dedfe3;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 24px;
min-height: 120px;
margin-bottom: 0;
padding: 20px 24px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
}
.contact-text-area-small:active, .contact-text-area-small:focus {
border-color: #333647;
}
.contact-text-area-small::placeholder {
color: #717384;
}
.contact-icon-wrapper {
border: 2px solid #22242f;
border-radius: 99px;
flex: none;
justify-content: center;
align-items: center;
width: 56px;
height: 56px;
display: flex;
}
.contact-link {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #c8c9d0;
cursor: pointer;
background-color: #111218;
border-radius: 24px;
align-items: center;
width: 100%;
height: 100%;
padding: 32px;
display: flex;
}
.column-regular {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.content-style-267 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-227 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.89deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-143 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007033 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.hero-heading-left-80 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-182 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-289 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-117 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-199 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-290 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-228 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-144 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-81 {
grid-row-gap: 56px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-183 {
grid-column-gap: 80px;
background-color: #00153e;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
padding: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-229 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-145 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-51 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-291 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 320px;
height: 565px;
text-decoration: none;
display: flex;
}
.content-style-268 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-269 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.intro-31 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-104 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-style-105 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.action-35 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-247 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: none;
}
.button-label-160 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.columns-52 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 20px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
padding: 24px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.card-109 {
grid-column-gap: 16px;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 754px;
padding: 16px;
text-decoration: none;
display: flex;
}
.icon-wrap-9 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 56px;
height: 56px;
padding-top: 4px;
text-decoration: none;
display: flex;
}
.featured-icon-13 {
background-color: #dceeff;
border: 8px solid #edf6ff;
border-radius: 28px;
}
.content-style-270 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-544 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-110 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 754px;
padding: 16px;
text-decoration: none;
display: flex;
}
.text-545 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.breadcrumbs-wrapper {
grid-column-gap: .25rem;
justify-content: flex-start;
align-items: center;
width: 1200px;
margin-bottom: 0;
display: flex;
}
.breadcrumb-link {
color: #636363;
letter-spacing: 0;
text-transform: capitalize;
font-family: Cabin, sans-serif;
font-size: .8rem;
text-decoration: none;
transition: opacity .2s;
}
.breadcrumb-link:hover {
text-decoration: underline;
}
.breadcrumb-link.kk {
color: var(--_colors---blue--blue\);
letter-spacing: 0;
}
.breadcrumb-div {
color: #636363;
text-transform: uppercase;
font-size: .8rem;
}
.breadcrumb-text {
color: #313131;
letter-spacing: .1em;
text-transform: uppercase;
font-size: .8rem;
}
.vector {
object-fit: cover;
}
.div-block-12 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 1000px;
display: grid;
}
.breadcrumbs-wrapper-2 {
grid-column-gap: .25rem;
justify-content: center;
align-items: center;
width: 1000px;
margin-bottom: 0;
display: flex;
}
.breadcrumb-link-2 {
color: var(--_variable-collection---blue--3);
letter-spacing: 0;
text-transform: capitalize;
font-family: Cabin, sans-serif;
font-size: .8rem;
text-decoration: none;
transition: opacity .2s;
}
.breadcrumb-link-2:hover {
text-decoration: underline;
}
.breadcrumb-link-2.w--current {
letter-spacing: 0;
}
.breadcrumb-link-2.unlinked {
color: var(--_variable-collection---neutral--5);
letter-spacing: 0;
}
.div-block-13 {
flex-flow: column;
align-items: center;
padding-top: 160px;
display: flex;
}
.div-block-14 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.image-wrapper-118 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-200 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-292 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-230 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-146 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-147 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-148 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.column-293 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-119 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-201 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.container-184 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-294 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-120 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-202 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-295 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-231 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-149 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-248 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-248:hover {
background-color: var(--_variable-collection---color);
}
.button-label-161 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.team-rectangles-22 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-185 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.section-title-39 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-546 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-547 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-53 {
grid-column-gap: 24px;
justify-content: center;
align-items: center;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.card-111 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 284px;
text-decoration: none;
display: flex;
}
.image-wrapper-121 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 284px;
height: 240px;
display: flex;
overflow: hidden;
}
.image-203 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 284px;
max-width: none;
height: 240px;
text-decoration: none;
display: flex;
}
.info-40 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-35 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-255 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #909090;
text-align: center;
flex-flow: column;
justify-content: center;
align-items: center;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
display: flex;
}
.description-256 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-257 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.column-x-small-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.section-regular-5 {
background-color: #fff;
padding: 0 5%;
position: relative;
}
.team-card-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border: 1px #fff;
border-radius: 12px;
flex-flow: column;
padding: 16px;
display: flex;
}
.paragraph-regular-5 {
letter-spacing: -.12px;
font-size: 16px;
line-height: 28px;
}
.paragraph-regular-5.text-color-tertiary {
color: #8d95a3;
}
.subheading-large-4 {
color: #25272c;
letter-spacing: -.24px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
}
.team-image-2 {
box-shadow: none;
background-color: #fff;
border: 4px solid #fff;
border-radius: 8px;
overflow: hidden;
}
.column-296 {
flex-flow: column;
display: flex;
}
.hero-heading-left-82 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
margin-top: 80px;
padding: 80px 24px 60px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-186 {
grid-column-gap: 50px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: auto;
margin-top: 0;
text-decoration: none;
display: flex;
}
.column-297 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
text-decoration: none;
display: flex;
}
.image-wrapper-122 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
text-decoration: none;
display: flex;
}
.image-204 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 92.75%;
text-decoration: none;
display: flex;
}
.column-298 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
text-decoration: none;
display: flex;
}
.content-style-271 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
text-decoration: none;
display: flex;
}
.frame-1000007098 {
background-color: #edf6ff;
border-radius: 16px;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-150 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-151 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-233 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(74.1deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-234 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.hero-heading-left-83 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-187 {
grid-column-gap: 50px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 600px;
text-decoration: none;
display: flex;
}
.column-299 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-123 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
text-decoration: none;
display: flex;
}
.image-205 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-300 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.content-style-272 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007099 {
background-color: #edf6ff;
border-radius: 16px;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-152 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-153 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-236 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(74.1deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-237 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.subheading-large-5 {
color: var(--_variable-collection---orange--3);
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 1.75;
}
.subheading-large-5.text-color-secondary {
color: #454545;
}
.subheading-large-5.at {
color: var(--_variable-collection---blue--0);
}
.h1-heading-4 {
color: #2b2b2b;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 500;
line-height: 1.2;
}
.column-301 {
flex-flow: column;
display: flex;
}
.paragraph-x-large-3 {
color: #454545;
margin-bottom: 0;
font-size: 20px;
line-height: 1.75;
}
.container-regular-7 {
z-index: 2;
width: 100%;
max-width: 996px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.section-large-4 {
background-color: #f6f6f6;
padding: 96px 5%;
position: relative;
}
.section-large-4.background-light {
background-color: #fff;
}
.card-112 {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
display: flex;
overflow: hidden;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-124 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 213.989px;
text-decoration: none;
display: flex;
}
.image-206 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 213.989px;
text-decoration: none;
display: flex;
}
.info-41 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.frame-1000007100 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007101 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.name-36 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-258 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-tab-image {
border-radius: 24px;
width: 100%;
height: auto;
overflow: hidden;
}
.content-feature-icon {
padding: 4px;
}
.content-tab-progress {
background-color: #e7e7e7;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 4px;
display: flex;
}
.content-tab-browse-link {
grid-column-gap: 12px;
grid-row-gap: 12px;
border-top: 1px solid #e7e7e7;
flex-flow: row;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 400px;
padding-top: 12px;
text-decoration: none;
display: flex;
}
.content-tab-content {
max-width: 50%;
height: 500px;
position: absolute;
inset: 0% 0% 0% auto;
}
.content-features-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
border-top: 1px solid #e7e7e7;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
margin-top: 64px;
padding-top: 24px;
}
.content-tab-pane-2 {
width: 100%;
height: auto;
}
.content-tabs-wrapper {
width: 100%;
height: 450px;
display: flex;
position: relative;
}
.column-302 {
flex-flow: column;
display: flex;
}
.container-large-13 {
z-index: 1;
width: 99%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.column-x-small-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: flex;
}
.content-tabs-menu {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: flex-end;
width: 100%;
max-width: 400px;
display: flex;
}
.content-tabs-menu.content-gsdgvd {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.code-embed-2 {
display: none;
}
.content-tabs {
margin-top: 48px;
margin-bottom: 24px;
display: flex;
position: static;
}
.section-regular-6 {
background-color: #f6f6f6;
padding: 64px 5%;
position: relative;
}
.section-regular-6.background-light {
grid-column-gap: 45px;
grid-row-gap: 45px;
background-color: #fff;
flex-flow: column;
justify-content: center;
align-items: center;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.section-regular-6.background-light.hfbshf {
grid-column-gap: 50px;
grid-row-gap: 50px;
background-color: #00256f;
width: 100%;
}
.paragraph-x-large-4 {
color: #454545;
margin-bottom: 0;
font-size: 20px;
line-height: 1.75;
}
.h1-heading-5 {
color: #2b2b2b;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 500;
line-height: 1.2;
}
.content-tab-link-details {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #fafafa00;
border-radius: 12px;
justify-content: space-between;
width: 100%;
padding: 8px;
display: flex;
overflow: hidden;
}
.content-tab-link-details:hover {
background-color: #133386;
}
.content-tab-link-details:lang(en) {
color: var(--text\);
}
.content-tab-link-details.hover4:hover {
background-color: var(--_variable-collection---orange--1);
}
.content-tab-progress-bar {
background-color: var(--_variable-collection---orange--3);
border-radius: 16px;
width: 100%;
height: 100%;
}
.content-tab-progress-bar.progress1 {
background-color: var(--_variable-collection---orange--3);
}
.content-tab-link {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #49505b;
background-color: #fff0;
border-radius: 8px;
flex-flow: row;
width: 100%;
padding: 0;
transition: color .3s, box-shadow .3s, background-color .3s;
display: flex;
}
.content-tab-link:hover {
background-color: #133386;
}
.content-tab-link.w--current {
background-color: #0000;
background-image: linear-gradient(#133386, #133386);
height: 72px;
}
.content-tab-link.w--current:hover {
background-image: linear-gradient(#133386, #133386);
}
.content-tab-link.w--current:visited {
background-color: var(--_variable-collection---orange--1);
background-image: linear-gradient(to bottom, var(--_variable-collection---orange--1), var(--_variable-collection---orange--1));
color: #5075b0;
}
.content-tab-link.w--current:lang(en) {
color: #f46e00;
background-color: #f46e000a;
}
.content-tab-link.rtrt:hover {
background-color: var(--_variable-collection---orange--1);
}
.content-tab-link.rtrt.w--current {
background-image: linear-gradient(to bottom, var(--_variable-collection---orange--1), var(--_variable-collection---orange--1));
}
.content-tabs-left {
width: 400px;
max-width: 100%;
}
.content-tab-link-image {
filter: grayscale();
background-color: #f6f6f6;
border-radius: 16px;
flex: none;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
overflow: hidden;
}
.content-tab-progress-wrapper {
padding: 8px;
display: flex;
}
.row-2x-small {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.column-regular-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
justify-content: flex-start;
align-items: stretch;
display: flex;
}
.card-113 {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 570px;
height: 444.583px;
display: flex;
overflow: hidden;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-125 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 213.989px;
text-decoration: none;
display: flex;
}
.image-207 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 213.989px;
text-decoration: none;
display: flex;
}
.info-42 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 20px 24px;
text-decoration: none;
display: flex;
}
.frame-1000007102 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007103 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.name-37 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.description-259 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-188 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-303 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-126 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-208 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-304 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-238 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-154 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-189 {
grid-column-gap: 50px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 300px;
text-decoration: none;
display: flex;
}
.column-305 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 288px;
display: flex;
}
.image-wrapper-127 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 288px;
text-decoration: none;
display: flex;
}
.image-209 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
text-decoration: none;
display: flex;
}
.column-306 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 95%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-239 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-155 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.features-list-26 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 0 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-54 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-307 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 161px;
display: flex;
}
.content-style-273 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-32 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-260 {
color: #909090;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007104 {
grid-column-gap: 50px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.column-308 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 434px;
text-decoration: none;
display: flex;
}
.card-114 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 440px;
height: 144px;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-210 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.content-style-274 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.title-style-107 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-261 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-262 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-46 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(87.02deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-47 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.wireframe---24 {
grid-row-gap: 10px;
background-color: #00256fe6;
background-image: linear-gradient(.52deg, #00256f80 0%, #00256f 100%), url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68ac4f15696a1eacb2fe1285_Wireframe---13.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 830px;
min-height: 830px;
padding-left: 1px;
padding-right: 1px;
display: flex;
position: relative;
overflow: hidden;
}
.small-container-27 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
padding: 64px;
text-decoration: none;
display: flex;
position: absolute;
top: 80px;
left: 240px;
}
.content-wrapper-17 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-275 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-108 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-263 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007105 {
grid-column-gap: 32px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-115 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-9 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-276 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-548 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-549 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007106 {
grid-column-gap: 32px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 236px;
text-decoration: none;
display: flex;
}
.card-116 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-10 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-277 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-550 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007107 {
grid-column-gap: 32px;
grid-row-gap: 40px;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card-117 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-11 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-278 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-551 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007108 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.card-118 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.acheivement-1-streamline-ux-duotone {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-279 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-552 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-553 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.contact-bg-image {
height: 790px;
}
.marble-background {
z-index: 0;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6891d0169dd9b35467aa8aae_Marble%20Texture.webp");
background-position: 50%;
background-size: 1440px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.marble-background.marble-light {
opacity: .7;
}
.column-large-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.column-309 {
flex-flow: column;
display: flex;
}
.checkbox-3 {
border: 1px solid var(--_apps---colors--primary-foreground);
background-color: #fff;
border-radius: 0;
width: 16px;
height: 16px;
margin: 2px 10px 2px 2px;
}
.checkbox-3.w--redirected-checked {
background-color: #286efb;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68ac549762bd9f3b64599414_Checkbox%20Icon.svg");
background-position: 50%;
background-size: auto;
border-color: #286efb;
}
.row-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-link-brand {
color: #286efb;
font-weight: 500;
text-decoration: underline;
}
.contact-link-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
border: 1px solid #e7e7e7;
border-radius: 16px;
flex-flow: column;
padding: 24px;
display: flex;
}
.title-center {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 792px;
height: 200px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
display: flex;
}
.paragraph-regular-6 {
color: #454545;
font-size: 16px;
line-height: 1.5;
}
.form-text-field {
color: #2b2b2b;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 20px;
min-height: 48px;
margin-bottom: 0;
padding: 12px 16px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.form-text-field:focus {
border-color: #286efb;
}
.form-text-field::placeholder {
color: #6d6d6d;
}
.checkbox-label {
color: var(--_variable-collection---neutral--6);
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.5;
}
.form-text-area {
color: #2b2b2b;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 8px;
min-height: 124px;
margin-bottom: 0;
padding: 12px 16px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
}
.form-text-area:focus {
border-color: #286efb;
}
.form-text-area::placeholder {
color: #6d6d6d;
}
.section-large-5 {
background-color: #fff;
padding: 96px 3%;
position: relative;
}
.grid-two-column {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 3.25fr;
}
.paragraph-x-small-3 {
color: #454545;
margin-bottom: 0;
font-size: 12px;
line-height: 1.5;
}
.paragraph-x-small-3.text-color-tertiary {
color: #6d6d6d;
}
.background-2 {
z-index: 0;
pointer-events: none;
justify-content: center;
align-items: flex-start;
display: flex;
position: absolute;
inset: 0%;
}
.field-label-4 {
color: var(--_variable-collection---neutral--6);
margin-bottom: 4px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 1.5;
}
.field-label-4.text-color-red {
color: #f42a2a;
}
.contact-form-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #fff;
border-radius: 16px;
flex-flow: column;
padding: 24px;
display: flex;
}
.noise {
z-index: 3;
pointer-events: none;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68ac549762bd9f3b64599412_Noise%20Dark.png");
background-position: 0 0;
background-size: 120px;
position: absolute;
inset: 0%;
}
.container-small-6 {
z-index: 2;
width: 100%;
max-width: 792px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.badge-outline {
color: #454545;
letter-spacing: -.08px;
white-space: nowrap;
border: 1px solid #e7e7e7;
border-radius: 32px;
justify-content: center;
align-items: center;
padding: 6px 16px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
display: inline-block;
}
.contact-bg-image-wrapper {
z-index: 5;
justify-content: flex-start;
align-items: flex-start;
width: 1870px;
height: 395px;
padding-left: 32px;
display: flex;
position: absolute;
bottom: 0%;
}
.icon-brand {
color: #fff;
background-color: #286efb;
border-radius: 32px;
flex: none;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
display: flex;
}
.checkbox-field {
justify-content: flex-start;
align-items: center;
width: 744px;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.row-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.avatar-regular {
background-color: #f6f6f6;
border: 1px solid #e7e7e7;
border-radius: 32px;
flex: none;
justify-content: center;
align-items: center;
width: 48px;
height: 48px;
display: flex;
overflow: hidden;
}
.form-block-2 {
margin-bottom: 0;
}
.avatar-detail {
grid-column-gap: 12px;
grid-row-gap: 12px;
background-color: #fff;
border-radius: 8px;
flex: 1;
justify-content: space-between;
align-items: center;
padding: 8px 8px 8px 12px;
display: flex;
}
.subheading-large-6 {
color: #2b2b2b;
font-size: 18px;
font-weight: 500;
line-height: 1.5;
}
.button-primary-large {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--_variable-collection---blue--3);
color: #fff;
text-align: center;
white-space: nowrap;
border-radius: 99px;
justify-content: center;
align-items: center;
width: auto;
padding: 12px 24px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 1.25;
text-decoration: none;
transition: background-color .3s;
display: inline-flex;
}
.button-primary-large:hover {
background-color: var(--_variable-collection---color);
}
.subheading-x-small {
color: #2b2b2b;
font-size: 12px;
font-weight: 500;
}
.subheading-x-small.text-weight-semibold {
font-weight: 600;
}
.overlay-light {
z-index: 1;
background-image: radial-gradient(circle, #fff0 75%, #fff);
position: absolute;
inset: 0%;
}
.icon-outline {
color: #454545;
border: 1px solid #e7e7e7;
border-radius: 32px;
flex: none;
justify-content: center;
align-items: center;
padding: 8px;
display: flex;
}
.column-small {
grid-column-gap: 12px;
grid-row-gap: 12px;
text-align: left;
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.frame-1000007109 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.hero-heading-left-84 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-190 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-310 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-128 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-211 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-311 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-240 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-156 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-191 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.frame-1000007110 {
grid-column-gap: 32px;
flex-flow: wrap;
place-content: center space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card-119 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-12 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-280 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-554 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-555 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007111 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.card-120 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.note-search-streamline-ux-duotone {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-281 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-556 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-557 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.small-container-28 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
padding: 64px;
text-decoration: none;
display: flex;
}
.content-wrapper-18 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-282 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-109 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-264 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007112 {
grid-column-gap: 32px;
grid-row-gap: 40px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 120%;
text-decoration: none;
display: flex;
}
.card-121 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-13 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-283 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-558 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-559 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007113 {
grid-column-gap: 32px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.hero-heading-left-85 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-192 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-312 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-241 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-157 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-313 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-129 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-212 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.content-grid-03 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
max-width: 1100px;
}
.paragraph-5 {
opacity: .75;
font-size: 16px;
line-height: 22px;
}
.right-arrow-5 {
width: 15px;
height: 15px;
margin-top: 2px;
margin-left: 7px;
}
.button-wrapper {
align-items: center;
margin-top: 10px;
display: flex;
}
.button-wrapper:hover {
color: var(--_variable-collection---blue--6);
}
.heading-2 {
margin-top: 0;
font-size: 35px;
font-weight: 600;
line-height: 45px;
}
.content-card-03 {
border: 1px solid #dbdbdb;
padding: 20px;
transition: all .2s;
}
.content-card-03:hover {
box-shadow: 1px 1px 20px #00000012;
}
.content-wrap-left-03 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
padding-right: 40px;
display: flex;
}
.section-title-40 {
color: #3b2ae5;
text-transform: none;
margin-bottom: 10px;
font-size: 16px;
font-weight: 600;
line-height: 22px;
text-decoration: none;
}
.secondary-button {
color: var(--_variable-collection---blue--3);
align-items: center;
margin-left: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 22px;
text-decoration: none;
transition: all .2s;
display: flex;
}
.secondary-button:hover {
opacity: .8;
transform: translate(5px);
}
.secondary-button.no-left-margin {
margin-top: 20px;
margin-left: 0;
}
.secondary-button.secondar2:hover {
color: var(--_variable-collection---blue--3);
}
.icon-div {
background-color: #3b2ae5;
width: 65px;
height: 65px;
margin-bottom: 20px;
padding: 13px;
}
.icon-div.smaller {
width: 45px;
height: 45px;
padding: 8px;
}
.content-left-inner-03 {
border: 5px #000;
border-left: 5px solid #3b2ae5;
flex-direction: column;
align-items: flex-start;
padding-left: 40px;
display: flex;
}
.heading-3 {
margin-top: 0;
font-weight: 600;
}
.content-section-03 {
border-bottom: 1px solid #dbdbdb;
flex-direction: column;
align-items: center;
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
display: flex;
}
.content-section-inner-01 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1100px;
display: grid;
}
.button-6 {
text-transform: none;
background-color: #3b2ae5;
border-radius: 0;
padding: 13px 22px;
font-size: 16px;
font-weight: 600;
line-height: 22px;
transition: all .2s;
}
.button-6:hover {
opacity: .8;
}
.learnmorebutton {
font-family: Cabin, sans-serif;
}
.learnmorebutton:hover {
color: var(--_colors---blue--blue\);
}
.learnmorebutton-2 {
font-family: Cabin, sans-serif;
}
.learnmorebutton-2:hover {
color: #0084ff;
}
.text-block-78 {
color: var(--heading\);
font-family: Cabin, sans-serif;
}
.text-block-79 {
font-family: Cabin, sans-serif;
font-weight: 600;
}
.text-block-80, .text-block-81 {
font-family: Cabin, sans-serif;
}
.hero-heading-left-86 {
grid-row-gap: 80px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.container-193 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-314 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-130 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.image-213 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
display: flex;
}
.column-315 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007114 {
grid-column-gap: 40px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.frame-1000007115 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 260px;
text-decoration: none;
display: flex;
}
.section-style-32 {
grid-row-gap: 8px;
border-radius: 56px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 102px;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-with-best-facilities {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.section-style-33 {
grid-row-gap: 8px;
border-radius: 56px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-34 {
grid-row-gap: 8px;
border-radius: 56px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 66px;
display: flex;
}
.section-style-35 {
grid-row-gap: 8px;
border-radius: 56px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 260px;
text-decoration: none;
display: flex;
}
.container-194 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-158 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-131 {
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-214 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-243 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-244 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.f-margin-bottom-54 {
margin-bottom: 12px;
}
.f-team-grid-column-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
align-items: center;
}
.f-team-image-small-2 {
border-radius: 8px;
width: 100%;
height: 400px;
overflow: hidden;
}
.f-container-regular-2 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.f-image-cover-2 {
object-fit: cover;
width: 100%;
height: 100%;
}
.f-section-large-2 {
padding: 92px 5%;
display: none;
position: relative;
}
.button-style-249 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-249:hover {
color: #000;
}
.button-label-162 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-250 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-250:hover {
background-color: var(--_variable-collection---color);
}
.button-label-163 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-251 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-251:hover {
background-color: var(--_variable-collection---blue--5);
}
.button-label-164 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.column-x-small-4 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.team {
background-color: var(--_variable-collection---neutral--0);
padding: 80px 5%;
display: flex;
position: relative;
}
.h1-heading-6 {
color: #25272c;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 600;
line-height: 1.2;
}
.team-card-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border: 1px #b5bbc4;
border-radius: 12px;
flex-flow: column;
padding: 16px;
display: flex;
}
.paragraph-regular-7 {
letter-spacing: -.12px;
font-size: 16px;
line-height: 28px;
}
.paragraph-regular-7.text-color-tertiary {
color: var(--_variable-collection---neutral--4);
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
line-height: 130%;
}
.subheading-large-7 {
color: #25272c;
letter-spacing: -.24px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 24px;
}
.team-image-3 {
box-shadow: none;
background-color: #fff;
border: 4px #fff;
border-radius: 8px;
height: 200px;
overflow: hidden;
}
.column-316 {
flex-flow: column;
display: flex;
}
.section-title-41 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-41 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.our-genetic-counsellors-2 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.our-genetic-counsellors-3 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.63deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.button-style-252 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-165 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007116 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 824px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-245 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-159 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.code-embed-3 {
width: 992px;
height: 800px;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
display: block;
overflow: visible;
}
.header-image-wrapper {
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% 0% auto;
}
.button-outline-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #000;
text-align: center;
white-space: nowrap;
background-color: #fff;
border: 1px solid #e6e6e7;
justify-content: center;
align-items: center;
padding: 9px 23px;
font-size: 16px;
font-weight: 500;
line-height: 28px;
text-decoration: none;
display: inline-flex;
}
.paragraph-x-small-4 {
font-size: 12px;
line-height: 20px;
}
.navigation-menu {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.banner {
background-color: #ff5805;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68ada6b2fa01a28a9aedf3f7_Banner%20Asset.svg");
background-position: 100%;
background-repeat: no-repeat;
background-size: auto;
justify-content: center;
align-items: center;
height: 36px;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.icon-30 {
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.header-logos {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: space-between;
width: 100%;
padding: 8px 24px;
display: flex;
}
.paragraph-small-5 {
letter-spacing: -.08px;
font-size: 14px;
line-height: 24px;
}
.column-x-large-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-flow: column;
display: flex;
}
.column-x-large-2.column-center {
justify-content: flex-start;
align-items: center;
}
.navigation-left-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.overline-wrapper {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.h1-heading-7 {
color: #252527;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 64px;
font-weight: 500;
line-height: 1.2;
}
.button-secondary-small {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #fff;
text-align: center;
letter-spacing: -.08px;
white-space: nowrap;
background-color: #000;
justify-content: center;
align-items: center;
padding: 8px 20px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
display: inline-flex;
}
.header-section-2 {
height: 800px;
padding: 120px 5% 64px;
position: relative;
}
.navigation-container-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.header-image {
object-fit: cover;
width: 100%;
height: 100%;
}
.banner-block-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
justify-content: space-between;
align-items: center;
display: flex;
}
.column-large-4 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.column-large-4.column-center {
text-align: center;
justify-content: flex-start;
align-items: center;
}
.overline-regular-2 {
letter-spacing: .8px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
line-height: 20px;
}
.navigation-buttons {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.navigation-2 {
z-index: 999;
background-color: #fff;
border-bottom: 1px solid #e6e6e7;
padding: 16px 5%;
}
.max-width-regular {
width: 100%;
max-width: 588px;
}
.navigation-brand-divider {
background-color: #e6e6e7;
border-bottom: 1px solid #e6e6e7;
border-radius: 2px;
width: 1px;
height: 24px;
}
.header-buttons {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
max-width: 420px;
}
.navigation-right-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex: 1;
justify-content: flex-end;
align-items: center;
display: flex;
}
.text-color-brand-2 {
color: #ff5805;
}
.header-component {
background-color: #0c154c00;
background-image: none;
}
.section-wrapper {
position: relative;
}
.paragraph-x-large-5 {
font-size: 20px;
line-height: 32px;
}
.button-ghost-small {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #000;
letter-spacing: -.08px;
white-space: nowrap;
background-color: #fff0;
justify-content: center;
align-items: center;
padding: 8px 20px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
display: flex;
}
.banner-block {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #fff;
justify-content: flex-start;
align-items: center;
display: flex;
}
.container-large-14 {
z-index: 1;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.button-primary-7 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #ff5805;
justify-content: center;
align-items: center;
padding: 10px 24px;
font-size: 16px;
font-weight: 500;
line-height: 28px;
text-decoration: none;
display: inline-flex;
}
.header-content-small {
grid-column-gap: 160px;
grid-row-gap: 160px;
text-align: center;
flex-flow: column;
max-width: 55%;
display: flex;
}
.navigation-link-2 {
color: #434347;
margin-left: 0;
margin-right: 0;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.blog-slider-wrapper-2 {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
width: 100%;
display: flex;
overflow: visible;
}
.home-blog-slider-2 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
overflow: hidden;
}
.swiper-navigation-wrapper-2 {
text-align: center;
justify-content: center;
align-items: stretch;
width: 100%;
display: flex;
}
.swiper-slide-2 {
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-self: stretch;
align-items: flex-start;
width: 33.3333%;
text-decoration: none;
display: block;
overflow: hidden;
}
.swiper-btn-icon-2 {
color: #195675;
}
.blog-title-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 20px;
line-height: 1.2;
}
.blog-thumbnail-image-2 {
z-index: 1;
object-fit: cover;
width: 100%;
height: 100%;
position: relative;
}
.blog-summary-wrapper-2 {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-right: 2rem;
text-decoration: none;
display: flex;
}
.swiper-slide-wrapper-2 {
z-index: 2;
grid-column-gap: 1.25rem;
grid-row-gap: 1.25rem;
border-width: 1px;
border-color: #7799da66;
border-radius: .75rem;
flex-flow: column;
flex: none;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.blog-image-wrapper-2 {
aspect-ratio: 3 / 2;
opacity: 1;
border-radius: .75rem;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 0;
padding-left: 0;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden;
}
.portfolio-summary-text-2 {
opacity: .9;
color: #195675cc;
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
text-decoration: none;
}
.list-20 {
justify-content: flex-start;
align-items: center;
padding-left: 4vw;
padding-right: 4vw;
display: flex;
overflow: visible;
}
.arrow-wrapper {
justify-content: center;
align-items: center;
display: flex;
}
.slider-button {
margin-left: 4px;
margin-right: 4px;
}
.item {
background-image: none;
background-size: auto;
justify-content: center;
align-items: center;
width: 30vw;
min-width: 30vw;
height: auto;
margin-right: 1vw;
padding-left: 1vw;
padding-right: 1vw;
display: flex;
}
.heading-18 {
font-size: 1.6rem;
}
.slider-button-wrap {
justify-content: center;
padding: 15px 25px 15px 54px;
display: flex;
}
.slider-contain {
width: 100%;
overflow: hidden;
}
.section-10 {
background-color: #fff4dc;
justify-content: flex-start;
align-items: center;
min-height: 100vh;
display: flex;
}
.wrapper-2 {
overflow: hidden;
}
.card-122 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
text-decoration: none;
display: flex;
}
.image-wrapper-132 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-215 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-43 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-38 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-265 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.slider-list-wrapper {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.slider-list {
display: flex;
}
.card-123 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
text-decoration: none;
display: flex;
}
.image-wrapper-133 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-216 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-44 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-39 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-266 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.slider-item {
width: 380px;
display: block;
}
.f-margin-bottom-55 {
margin-bottom: 12px;
}
.f-testimonial-slider-cards {
background-color: #fff;
height: auto;
}
.f-h6-heading {
color: #160042;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
line-height: 1.5;
}
.f-testimonial-card-4 {
color: #160042;
background-color: #fff;
border-radius: 12px;
padding: 32px;
box-shadow: 23px 23px 64px -16px #393b6a0f;
}
.f-margin-bottom-56 {
margin-bottom: 32px;
}
.footer-2 {
background-color: #0a0c0a;
}
.tinyflow-slide__content__text {
color: #a4a3a0;
font-size: 1.5rem;
font-weight: 400;
}
.footer__nav__link {
color: #9d9e9d;
padding: 5px;
font-size: .875rem;
text-decoration: none;
transition: color .2s;
}
.footer__nav__link:hover, .footer__nav__link:focus-visible, .footer__nav__link[data-wf-focus-visible] {
color: #fff;
}
.tinyflow-slide {
align-items: center;
min-height: max(100vh, 53.125rem);
display: flex;
position: relative;
}
.footer__row {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.tinyflow-slide__background__overlay {
opacity: .2;
background-color: #0a0c0a;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.social-list__link {
color: #9d9e9d;
justify-content: center;
align-items: center;
padding: 5px;
font-size: 1.625rem;
line-height: 0;
transition: color .2s;
display: inline-flex;
position: relative;
}
.social-list__link:hover {
color: #0000;
}
.banner__bg {
z-index: -1;
}
.banner__bg.size-cover {
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.social-list {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.social-list__link__icon {
opacity: 0;
transition: opacity .2s;
position: absolute;
}
.tinyflow-slide__background {
z-index: -1;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
overflow: hidden;
}
.slider-custom-style {
display: none;
}
.tinyflow-slide__content__title {
color: #fff;
margin-bottom: 3rem;
font-size: 2.625rem;
font-weight: 400;
line-height: 1.4;
}
.hover-effect__content {
display: inline-block;
position: relative;
overflow: hidden;
}
.section-banner {
isolation: isolate;
background-color: #0a0c0a;
}
.tinyflow-slide__content {
max-width: 43.4375rem;
}
.footer__nav {
grid-column-gap: 15px;
grid-row-gap: 15px;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.hover-effect__text {
transition: transform .4s cubic-bezier(.22, 1, .36, 1);
}
.hover-effect__text.hover-effect__text--main {
position: relative;
}
.hover-effect__text.hover-effect__text--fake {
position: absolute;
inset: 0%;
transform: translate(0, 100%);
}
.tinyflow-slide__card {
flex: 1;
}
.tinyflow-slider__arrow {
z-index: 2;
color: #0a0c0a;
background-color: #f8ffe9;
border-style: none;
border-radius: 50rem;
justify-content: center;
align-items: center;
width: 3.5rem;
height: 3.5rem;
display: inline-flex;
position: absolute;
bottom: 20%;
}
.tinyflow-slider__arrow.tinyflow-slider__arrow--next {
transform: translate(4.8125rem);
}
.tinyflow-slide__background__element {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.tinyflow-slider__arrow__progress {
color: #01db86;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
transform: rotate(-90deg);
}
.swiper-2.is-player {
height: 100%;
}
.section-spacing {
padding-left: 30px;
padding-right: 30px;
}
.section-spacing.footer-2 {
padding-top: 4.875rem;
padding-bottom: 4.875rem;
}
.container-195, .container-196, .container-197 {
width: 100%;
max-width: 1290px;
margin-left: auto;
margin-right: auto;
}
.slider01_slide-4 {
width: 100%;
margin-right: 2rem;
}
.text-size-medium-7 {
font-size: 1.125rem;
}
.slider01_mask-4 {
width: 33.33%;
overflow: visible;
}
.testimonial20_arrow-icon-3 {
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.slider_arrow-5 {
border: 2px solid #585858;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: background-color .3s ease-out;
display: flex;
inset: auto 0% 0% auto;
}
.slider_arrow-5:hover {
background-color: #d5d1c9;
}
.slider_arrow-5.is-left {
right: 4rem;
}
.slider01_comp-4 {
background-color: #0000;
height: auto;
padding-bottom: 5rem;
position: relative;
}
.section-11 {
overflow: hidden;
}
.testimonial-person_item-4 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: left;
align-items: center;
margin-top: auto;
display: flex;
}
.section_inner-4 {
grid-row-gap: 0px;
flex-direction: column;
display: flex;
}
.u-txt-semibold-4 {
font-weight: 600;
}
.slider_pagination-3 {
height: 1.75rem;
font-size: .5rem;
inset: auto auto 0% 0%;
}
.testimonial-card1_item-5 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: #49432800;
border-radius: 1.5rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 0;
display: flex;
}
.card-124 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
text-decoration: none;
display: flex;
}
.image-wrapper-134 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-217 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-45 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-40 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-267 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.section-title-42 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 588px;
text-decoration: none;
display: flex;
}
.text-561 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-562 {
color: #5d5d5d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.slider01_slide-5 {
width: 100%;
margin-right: 2rem;
}
.slider01_mask-5 {
width: 33.33%;
overflow: visible;
}
.testimonial20_arrow-icon-4 {
color: #000;
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.slider_arrow-6 {
border: 2px solid #585858;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: background-color .3s ease-out;
display: flex;
inset: auto 0% 0% auto;
}
.slider_arrow-6:hover {
background-color: #d5d1c9;
}
.slider_arrow-6.is-left {
right: 4rem;
}
.slider01_comp-5 {
background-color: #0000;
height: auto;
padding-bottom: 5rem;
position: relative;
}
.section-12 {
overflow: hidden;
}
.testimonial-person_item-5 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: left;
align-items: center;
margin-top: auto;
display: flex;
}
.slider_pagination-4 {
height: 1.75rem;
font-size: .5rem;
inset: auto auto 0% 0%;
}
.testimonial-card1_item-6 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: #49432829;
border-radius: 1.5rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding: 2rem;
display: flex;
}
.nav-menu-4 {
grid-column-gap: 8px;
grid-row-gap: 8px;
align-items: center;
margin-left: 60px;
display: flex;
position: static;
}
.banner-wrapper-2 {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.nav-button-group {
grid-column-gap: 0px;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
display: flex;
}
.banner-2 {
color: #fff;
text-align: center;
background-color: #080808;
justify-content: center;
align-items: center;
min-height: 56px;
padding: 16px 5%;
display: flex;
}
.nav-icon-l {
padding: 8px;
}
.nav-dropdown-4 {
height: 100%;
position: static;
}
.nav-block {
position: fixed;
}
.icon-small-4 {
flex: none;
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
display: flex;
}
.nav-link-text {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 1.4;
}
.button-secondary-s {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #5167f6;
text-align: center;
letter-spacing: -.02em;
background-color: #fff;
border: 1px solid #cbd0f6;
border-radius: 99px;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 8px 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: all .5s cubic-bezier(.6, .6, 0, 1);
}
.button-secondary-s:hover {
background-color: #eceefe;
}
.button-secondary-s:active {
background-color: #d8ddfd;
}
.button-primary-s {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-align: center;
letter-spacing: -.02em;
background-color: #6173e5;
border-radius: 99px;
flex-direction: row;
flex: none;
justify-content: center;
align-items: center;
padding: 8px 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: background-color .5s cubic-bezier(.6, .6, 0, 1);
}
.button-primary-s:hover {
background-color: #8492eb;
}
.button-primary-s:active {
background-color: #8b99f9;
}
.nav-link-5 {
color: #080808;
letter-spacing: -.02em;
white-space: nowrap;
background-color: #0000;
border-radius: 0;
padding: 8px 16px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
transition: all .35s;
}
.nav-link-5:hover {
color: #6173e5;
background-color: #eeeffc00;
}
.nav-link-5.w--current {
color: #642eff;
}
.nav-link-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.navigation-3 {
z-index: 999;
background-color: #fff;
align-items: center;
width: 1242px;
min-height: 96px;
padding: 24px 5%;
display: flex;
}
.nav-toggle {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #080808;
letter-spacing: -.02em;
background-color: #9c9dae00;
border-radius: 32px;
justify-content: space-between;
align-items: center;
height: 100%;
padding: 8px 12px 8px 16px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: all .35s;
display: flex;
}
.nav-toggle:hover {
color: var(--_colors---dark-blue\);
background-color: #eeeffc00;
}
.nav-toggle.w--open {
color: #6173e5;
background-color: #eeeffc;
}
.span-yellow {
color: #e5cb61;
}
.nav-link-arrow-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
align-items: center;
display: flex;
}
.caption {
letter-spacing: -.02em;
font-size: 14px;
line-height: 1.8;
}
.nav-feature-icon {
background-color: #f8f9fa;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
display: flex;
}
.nav-list-dropdown {
z-index: 99;
}
.nav-list-dropdown.w--open {
background-color: #0000;
width: 100%;
min-width: auto;
max-width: 284px;
margin-left: auto;
margin-right: auto;
padding: 8px;
position: absolute;
top: 72px;
bottom: auto;
overflow: visible;
}
.icon-regular-4 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.nav-dropdown-base-a {
z-index: 99;
grid-column-gap: 24px;
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #eaedf0;
border-radius: 8px;
flex-direction: column;
margin-left: auto;
margin-right: auto;
padding: 24px;
display: flex;
box-shadow: 0 24px 64px #e0e0e07a;
}
.nav-dropdown-base-a.w--open {
background-color: #0000;
width: 100%;
min-width: auto;
padding: 24px 5%;
position: absolute;
inset: 90px auto auto 0;
overflow: hidden;
}
.nav-link-feature {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #000;
align-items: center;
text-decoration: none;
display: flex;
}
.nav-link-s {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #000;
align-items: center;
width: 100%;
text-decoration: none;
transition: color .3s;
display: flex;
}
.nav-link-s:hover {
color: #6173e5;
}
.nav-wrapper {
grid-column-gap: 62px;
align-items: center;
display: flex;
}
.nav-container {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.nav-line-break {
background-color: #eaedf0;
width: 100%;
height: 1px;
}
.paragraph-regular-8 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
line-height: 1.8;
}
.paragraph-regular-8.text-weight-bold {
font-weight: 700;
}
.paragraph-small-6 {
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 14px;
line-height: 1.8;
}
.text-block-82 {
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
}
.navigation-link-3 {
color: #000;
letter-spacing: -.25px;
background-color: #0000;
border-radius: 8px;
padding: 12px 10px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: color .3s, background-color .3s;
}
.navigation-link-3:hover {
color: #000;
background-color: #ffffff1f;
}
.navigation-link-3.w--current {
color: #642eff;
}
.dropdown-grid-bottom {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.navigation-right-3 {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.button-secondary-large {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #fff;
letter-spacing: -.25px;
background-color: #3d3d3da3;
border: 1px solid #ffffff14;
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: inline-flex;
position: relative;
}
.button-secondary-large:hover {
background-color: #ffffff1f;
border-color: #ffffff1f;
}
.button-secondary-large.w--current {
background-color: #344256;
border-color: #48566a;
}
.dropdown-grid-top {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.paragraph-x-small-5 {
letter-spacing: .04px;
font-size: 12px;
line-height: 16px;
}
.paragraph-x-small-5.text-color-gray-500 {
color: #ababab;
}
.paragraph-x-small-5.text-color-gray-300 {
color: #d1d1d1;
}
.navigation-button-wrapper {
grid-column-gap: 8px;
grid-row-gap: 8px;
display: flex;
}
.row-4 {
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.button-secondary-small-2 {
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: var(--_variable-collection---blue--3);
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #fff;
letter-spacing: -.25px;
border: 1px solid #ffffff14;
border-radius: 56px;
justify-content: center;
align-items: center;
padding: 9.5px 16px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
}
.button-secondary-small-2:hover {
background-color: var(--_variable-collection---color);
border-color: #ffffff1f;
}
.button-secondary-small-2.w--current {
background-color: var(--_variable-collection---blue--3);
border-style: none;
border-color: #48566a;
}
.dropdown-footnote {
grid-column-gap: 8px;
grid-row-gap: 16px;
background-color: #ffffff14;
border-radius: 8px;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding: 12px;
display: flex;
}
.row-tiny {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-direction: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.dropdown-footnote-left {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
align-items: center;
display: flex;
}
.column-x-small-5 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.icon-small-5 {
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
display: flex;
}
.dropdown-title-wrapper {
padding: 8px;
line-height: 18px;
}
.navigation-links {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: center;
align-items: center;
display: flex;
}
.paragraph-small-7 {
color: var(--_variable-collection---neutral--4);
letter-spacing: -.25px;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
line-height: 20px;
}
.paragraph-small-7.text-weight-medium {
font-weight: 500;
}
.button-ghost-large {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
color: #f0f0f0;
letter-spacing: -.25px;
background-color: #0000;
border: 1px solid #0000;
border-radius: 12px;
justify-content: center;
align-items: center;
padding: 12px 16px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .4s, color .4s;
display: inline-flex;
}
.button-ghost-large:hover {
background-color: #3d3d3da3;
border-color: #ffffff14;
}
.button-ghost-large.w--current {
background-color: #344256;
border-color: #48566a;
}
.banner-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
background-color: #000;
background-image: linear-gradient(#ffffff14, #ffffff14), radial-gradient(circle at 50% 100%, #ffffff12, #fff0 30%);
justify-content: center;
align-items: center;
height: 48px;
padding: 10px 32px;
display: flex;
position: relative;
}
.navigation-wrapper {
display: none;
}
.navigation-dropdown-toggle {
grid-column-gap: 2px;
grid-row-gap: 2px;
color: #f0f0f0;
letter-spacing: -.25px;
border-radius: 8px;
align-items: center;
padding: 12px 10px 12px 15px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .3s, color .3s;
display: flex;
}
.navigation-dropdown-toggle:hover {
color: #fff;
background-color: #ffffff1f;
}
.navigation-dropdown-toggle.w--current {
color: #642eff;
}
.navigation-dropdown-toggle.w--open {
background-color: #52525252;
}
.icon-regular-5 {
color: #050505;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.navigation-4 {
background-color: #fff;
padding: 16px 5%;
}
.dropdown-link-card {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--_variable-collection---neutral--0);
box-shadow: none;
color: #ababab;
background-image: none;
border-radius: 8px;
flex-direction: column;
align-items: flex-start;
padding: 16px;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.dropdown-link-card:hover {
background-color: #ffffff1f;
}
.container-large-15 {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.navigation-logo-2 {
width: 48px;
}
.dropdown-icon-link {
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #f0f0f0;
background-color: #3d3d3da3;
border: 1px solid #ffffff14;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
transition: color .3s, border-color .3s, background-color .3s;
display: flex;
}
.dropdown-icon-link:hover {
color: #fff;
background-color: #ffffff1f;
border-color: #ffffff3d;
}
.dropdown-icon-link.grouped {
margin-left: -8px;
}
.subheading-regular-3 {
color: #e3e3e3;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.navigation-row {
grid-column-gap: 9px;
grid-row-gap: 9px;
justify-content: space-between;
align-items: center;
display: flex;
}
.navigation-dropdown-list {
background-color: #0000;
padding-top: 32px;
overflow: hidden;
}
.badge-small {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(24px);
backdrop-filter: blur(24px);
color: #dacff7;
white-space: nowrap;
background-color: #36178ca3;
border: 1px solid #ffffff1f;
border-radius: 96px;
justify-content: center;
align-items: center;
height: 24px;
padding: 4px 8px;
font-size: 12px;
font-weight: 500;
line-height: 16px;
text-decoration: none;
display: flex;
}
.dropdown-card-regular {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--_variable-collection---neutral--1);
background-image: none;
border-radius: 16px;
flex-direction: column;
min-width: 686px;
padding: 8px;
display: flex;
overflow: hidden;
}
.navigation-left-3 {
grid-column-gap: 120px;
align-items: center;
display: flex;
}
.text-block-83 {
color: #000;
font-family: Cabin, sans-serif;
font-size: 14px;
}
.link-accent {
position: absolute;
inset: 14px 14px auto auto;
}
.navigation-link-4 {
color: #00104b;
border-radius: 8px;
align-items: center;
padding: 14px 20px;
text-decoration: none;
transition: all .35s;
display: flex;
position: relative;
overflow: hidden;
}
.navigation-link-4:hover {
color: #fff;
background-color: #865ddb;
}
.menu-subtext {
opacity: .5;
font-size: 16px;
line-height: 1.5;
}
.chevron {
margin-right: 5px;
}
.dropdown-list-3 {
min-width: 140px;
}
.dropdown-list-3.w--open {
background-color: #0000;
min-width: 650px;
padding-top: 39px;
left: -180px;
}
.nav-menu-5 {
color: #000;
align-items: center;
width: auto;
height: 100%;
margin-left: 100px;
display: flex;
position: static;
}
.navigation-grid {
grid-column-gap: 10px;
grid-row-gap: 10px;
width: 100%;
}
.navigation-link-primary {
color: #000;
margin-left: 0;
margin-right: 0;
padding-left: 16px;
padding-right: 16px;
font-size: 15px;
font-weight: 500;
transition: all .35s;
}
.navigation-link-primary:hover {
color: #865ddb;
}
.button-navigation {
background-color: #865ddb;
border-radius: 10px;
padding: 18px 20px;
transition: all .35s;
}
.menu-title {
margin-bottom: 4px;
font-size: 18px;
font-weight: 600;
}
.navigation-container-3 {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.logo-image {
width: 125px;
}
.navigation-5 {
background-color: #fff;
align-items: center;
height: 100px;
padding-left: 3%;
padding-right: 3%;
display: flex;
box-shadow: 38px 38px 74px #38327c0f;
}
.navigation-arrow {
z-index: 999;
width: 120px;
position: absolute;
inset: -33px auto auto 165px;
}
.dropdown-base-wrapper {
background-color: #f5f3fe;
border-radius: 20px;
flex-direction: column;
align-items: center;
display: flex;
position: relative;
box-shadow: 8px 39px 65px -10px #0000001a;
}
.dropdown-base-wrapper.w--open {
background-color: #fff;
border-radius: 15px;
min-width: 300px;
max-height: 100vh;
left: -97px;
box-shadow: 0 50px 25px -50px #20355a26, 8px 18px 60px 4px #00000021;
}
.navigation-menu-3 {
align-items: center;
display: flex;
}
.brand {
margin-right: 60px;
}
.dropdown-link-base {
align-items: flex-start;
width: 100%;
padding: 40px 30px 30px;
display: flex;
}
.dropdown-toggle-5 {
color: #000;
padding-left: 12px;
padding-right: 24px;
font-size: 15px;
font-weight: 500;
transition: all .2s;
}
.dropdown-toggle-5:hover {
color: #865ddb;
}
.dropdown-8 {
margin-left: 5px;
margin-right: 5px;
position: relative;
}
.frame-1000007117 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.hero-section---mobile-5 {
grid-row-gap: 24px;
background-image: linear-gradient(#fff0 3%, #fff 74%), url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68b6960c2ea3c0d8f4f1063b_Hero-Section---Mobile.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 160px 24px 40px;
text-decoration: none;
display: flex;
}
.frame-1000007118 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007119 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007120 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-160 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007121 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-253 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-564 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-254 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-166 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007122 {
grid-row-gap: 32px;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68b6960c30a8c9995d704753_Frame-1000004196.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 360px;
min-height: 703px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.content-style-284 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-110 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-268 {
color: #e7e7e7;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007123 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.card-125 {
grid-column-gap: 12px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #01319499;
border: 1px solid #0336a1;
border-radius: 26px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
padding: 8px 12px 8px 10px;
text-decoration: none;
display: flex;
}
.icon-31 {
background-color: #dceeff;
border-radius: 100px;
overflow: hidden;
}
.content-style-285 {
grid-column-gap: 84px;
justify-content: flex-start;
align-items: center;
width: 107px;
text-decoration: none;
display: flex;
}
.text-565 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-566 {
opacity: .6;
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.card-126 {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #01319499;
border: 1px solid #0336a1;
border-radius: 26px;
padding: 8px 12px 8px 10px;
}
.card-127 {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #01319499;
border: 1px solid #0336a1;
border-radius: 26px;
padding: 8px 13px 8px 10px;
}
.content-style-286 {
grid-column-gap: 84px;
justify-content: flex-start;
align-items: center;
width: 123px;
height: 24px;
text-decoration: none;
display: flex;
}
.unlocking-deep-genomic-insights-transforming-lives-6 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-7 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(75.6deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007124 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.hero-section---mobile-6 {
grid-row-gap: 24px;
background-image: linear-gradient(#fff0 3%, #fff 74%), none;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 160px 24px 40px;
text-decoration: none;
display: none;
}
.frame-1000007125 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.frame-1000007126 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-161 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-255 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-568 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007127 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-317 {
grid-column-gap: 5.78571px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 277.56px;
display: flex;
}
.image-wrapper-135 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 277.56px;
text-decoration: none;
display: flex;
}
.image-218 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 308px;
height: 100%;
text-decoration: none;
display: flex;
}
.column-318 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.actions-78 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-256 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-167 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.fertility-genomics-2 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.48deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.fertility-genomics-3 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-246 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(66.43deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-247 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007128 {
grid-row-gap: 24px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
min-height: 1016px;
padding: 40px 32px;
text-decoration: none;
display: none;
}
.content-style-287 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.title-style-111 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-269 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007129 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 789px;
display: flex;
}
.card-128 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-14 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
text-decoration: none;
display: flex;
}
.content-style-288 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-569 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-570 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-289 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-571 {
opacity: .6;
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-572 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-573 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007130 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.frame-1000007131 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-319 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-290 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-162 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-257 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-168 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007132 {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding-bottom: 40px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.container-198 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68b698051066bcaedfdd4c11_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 385px;
padding: 20px;
text-decoration: none;
display: flex;
}
.column-320 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 144px;
display: flex;
}
.image-wrapper-136 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 144px;
text-decoration: none;
display: flex;
}
.image-219 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 144px;
text-decoration: none;
display: flex;
}
.content-style-291 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-249 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-163 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-250 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-251 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-253 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-254 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.test-card---mobile-4 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 312px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007133 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 269px;
text-decoration: none;
display: flex;
}
.header-style-113 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-292 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-112 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-270 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-271 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-272 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5841 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 269px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-114 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.price-17 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 152px;
text-decoration: none;
display: flex;
}
.frame-1000007134 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-574 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20015 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-36 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-258 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-169 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.card-129 {
grid-column-gap: 12px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #013194;
border: 1px solid #0336a1;
border-radius: 26px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 4px 12px;
text-decoration: none;
display: flex;
}
.content-style-293 {
grid-column-gap: 84px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.text-575 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-576 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007135 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 280px;
text-decoration: none;
display: flex;
}
.frame-1000007135.kkkkk {
text-align: center;
max-width: none;
}
.text-577 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 35px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.button-style-259 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 20px;
text-decoration: none;
display: flex;
}
.button-style-259.phonebut, .button-style-259.testimon {
display: none;
}
.button-label-170 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
display: flex;
}
.button-label-170.hhhh.phonebut {
display: none;
}
.button-label-170.deskbut {
font-size: 14px;
}
.button-label-170.deskbut:hover {
color: var(--_variable-collection---color);
}
.hero-section---mobile-7 {
grid-row-gap: 24px;
background-image: linear-gradient(#fff0 3%, #fff 74%), none;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 160px 24px 40px;
text-decoration: none;
display: none;
}
.frame-1000007136 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007137 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007138 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-164 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007139 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-260 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-578 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-261 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-171 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.sample-title-9 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.sample-title-10 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(75.6deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.div-block-17 {
display: none;
}
.price-18 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 152px;
text-decoration: none;
display: flex;
}
.frame-1000007140 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-579 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20016 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007141 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.frame-1000007142 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-165 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-262 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-262:hover {
background-color: var(--_variable-collection---color);
}
.text-581 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.fertility-genomics-4 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.48deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.fertility-genomics-5 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.column-321 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-322 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-294 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.feature-21 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.sparkling-fill {
object-fit: cover;
overflow: hidden;
}
.frame-1000007143 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-273 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-274 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-275 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-79 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-263 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-172 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-256 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 38%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-257 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007144 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-323 {
grid-column-gap: 5.78571px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 277.56px;
display: flex;
}
.image-wrapper-137 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 277.56px;
text-decoration: none;
display: flex;
}
.image-220 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 308px;
height: 100%;
text-decoration: none;
display: flex;
}
.column-324 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-325 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-295 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: none;
}
.feature-22 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000007145 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-276 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-277 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-278 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-80 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-264 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-173 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-259 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 38%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-260 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.tick {
grid-column-gap: 6px;
object-fit: cover;
justify-content: flex-start;
align-items: center;
width: 85px;
text-decoration: none;
display: none;
}
.frame-1000007146 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.banner---mobilevariant2-4 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68b69be2b54db9f4d2197885_Banner---Mobile%2FVariant2.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 98px;
padding: 24px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-115 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.frame-1000007147 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-36 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 120px;
text-decoration: none;
display: flex;
}
.header-style-116 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 277px;
text-decoration: none;
display: flex;
}
.text-582 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000007148 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 116px;
height: 50px;
text-decoration: none;
display: flex;
}
.button-style-265 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-174 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-87 {
grid-column-gap: 80px;
background-image: linear-gradient(180.81deg, #fff0 0%, #fff 100%);
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 600px;
padding: 40px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000007149 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 311px;
text-decoration: none;
display: flex;
}
.frame-1000007150 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-166 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-266 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-583 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.about-gfa-2 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.about-gfa-3 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(72.35deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-167 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-88 {
grid-column-gap: 80px;
background-image: linear-gradient(180.81deg, #fff0, #fff);
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 600px;
padding: 40px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.frame-1000007151 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 311px;
text-decoration: none;
display: flex;
}
.frame-1000007152 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-168 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-267 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-267:hover {
background-color: var(--_variable-collection---color);
}
.text-584 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.about-gfa-4 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.about-gfa-5 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(72.35deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-169 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007153 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.faq---mobile-3 {
grid-row-gap: 40px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 360px;
padding: 24px 24px 40px;
text-decoration: none;
display: none;
overflow: hidden;
}
.column-326 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.kkllk {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-327 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.feature-23 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.dna-fill {
object-fit: cover;
overflow: hidden;
}
.frame-1000007154 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-279 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-280 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007155 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: none;
}
.column-328 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-138 {
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-221 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.faq---mobile-4 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 360px;
padding: 24px 24px 40px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-style-268 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-175 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-262 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(57.23deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-263 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-264 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.72deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007156 {
grid-column-gap: 10px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
min-height: 1357px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000007157 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-296 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-113 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-281 {
color: #fafafa;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-297 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 18px;
display: flex;
}
.rectangle-5842 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 69px;
height: 1px;
text-decoration: none;
display: flex;
}
.text-585 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007158 {
flex-wrap: wrap;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007159 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 313px;
text-decoration: none;
display: flex;
}
.card-130 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 148px;
text-decoration: none;
display: flex;
}
.pregnancy-sperms-2-streamline-ux-duotone-4 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-298 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.text-586 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-587 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 10px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.card-131 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 148px;
text-decoration: none;
display: flex;
}
.pregnancy-sperms-2-streamline-ux-duotone-5 {
object-fit: cover;
}
.content-style-299 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007160 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.pregnancy-sperms-4-streamline-ux-duotone-3 {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-300 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007161 {
overflow: hidden;
}
.frame-1000007162 {
object-fit: cover;
border-radius: 418.299px;
overflow: hidden;
}
.frame-1000007163 {
grid-row-gap: 32px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000007164 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.text-588 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-170 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007165 {
grid-row-gap: 24px;
background-color: #fff;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 32px 24px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.column-329 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007166 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-265 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.97deg, #00256f 0%, #0084ff 47%, #1dc5ff 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-size: 24px;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-171 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-269 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-176 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-266 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-size: 24px;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-172 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-267 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.97deg, #00256f 0%, #0084ff 47%, #1dc5ff 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-268 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007167 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000007168 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-330 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-301 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-173 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007169 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.feature-24 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000007170 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
text-decoration: none;
display: flex;
}
.text-589 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007171 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-282 {
color: #000;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-283 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-284 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.text-590 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-285 {
color: #000;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-270 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(71.57deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-271 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-286 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.background-video {
height: 900px;
}
.header-wrapper-2 {
border-top: 1px solid #aeb0b5;
justify-content: space-between;
align-items: flex-end;
margin-top: 60px;
margin-bottom: 60px;
padding-top: 20px;
display: flex;
}
.btn {
color: #fff;
background-color: #212121;
border: 1px solid #0000;
border-radius: 4px;
margin-top: 12px;
margin-right: 12px;
padding: 8px 18px;
text-decoration: none;
transition: box-shadow .3s ease-out, border-color .3s ease-out;
display: inline-block;
box-shadow: inset 0 0 #0000;
}
.btn:hover {
color: #fff;
box-shadow: inset 0 0 0 100px #00000026;
}
.btn.btn-primary {
background-color: #4253ff;
border-color: #0000;
}
.btn.btn-primary.cc-dropdown {
margin-top: 0;
padding: 12px 20px;
}
.btn.btn-primary.card-slider_nav-btn {
margin-top: 0;
margin-left: 12px;
margin-right: 0;
padding: 15px 20px;
}
.card-slider_nav {
flex-direction: row;
justify-content: space-between;
align-items: center;
display: flex;
}
.slick-slider.cms-slider {
margin-left: -12px;
margin-right: -12px;
display: flex;
}
.d-inline-block {
display: inline-block;
}
.section-13 {
padding-top: 7%;
padding-bottom: 7%;
position: relative;
overflow: hidden;
}
.dropdown-list-4 {
background-color: #fff;
border-radius: 4px;
overflow: hidden;
box-shadow: 0 3px 8px #00000047;
}
.dropdown-list-4.w--open {
background-color: #fff;
}
.header-wrapper_right {
flex: 1;
max-width: 600px;
}
.card-slider_nav-icon {
width: 10px;
height: 18px;
}
.mb-0 {
margin-bottom: 0;
}
.container-199 {
width: 90%;
max-width: 1300px;
margin-left: auto;
margin-right: auto;
display: block;
}
.header-wrapper_left {
margin-left: 20px;
display: flex;
}
.card-slider_item {
flex-direction: row;
flex: none;
align-self: stretch;
align-items: stretch;
width: 350px;
margin-left: 12px;
margin-right: 12px;
display: flex;
}
.btn-icon {
margin-left: 14px;
display: inline-block;
}
.test-card---mobile-5 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007172 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-117 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-302 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-114 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-287 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-288 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-289 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5843 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-118 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 294px;
text-decoration: none;
display: flex;
}
.price-19 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-591 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20017 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-37 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-270 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-177 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007173 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-331 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-139 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-222 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-332 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-333 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-303 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-272 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.feature-25 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000003913 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-290 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-291 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-81 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-271 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-178 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007174 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: none;
}
.frame-1000007175 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.intro-33 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-115 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-292 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007176 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: none;
}
.test-card---mobile-6 {
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
max-width: 312px;
height: 365px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-140 {
grid-row-gap: 8.04124px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 168px;
display: flex;
overflow: hidden;
}
.image-223 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 168px;
text-decoration: none;
display: flex;
}
.frame-1000007177 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-119 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-304 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-116 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-293 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-294 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-295 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5844 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-120 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.price-20 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-592 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20018 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-38 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-272 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-179 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007178 {
grid-column-gap: 11px;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.button-style-273 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-180 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007179 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-334 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-141 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.content-style-305 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-117 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-296 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-274 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-181 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007180 {
grid-row-gap: 24px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
min-height: 666.429px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-335 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-142 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.minimal-gene-4 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
display: flex;
}
.content-style-306 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-118 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-297 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-275 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-182 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007181 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000007182 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-336 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007183 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-307 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-174 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-276 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-183 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007184 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.feature-26 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000007185 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
text-decoration: none;
display: flex;
}
.text-593 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007186 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-298 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-299 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-300 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-301 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007187 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 70px;
display: flex;
}
.frame-1000007188 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
padding: 40px 32px 64px;
text-decoration: none;
display: none;
}
.content-style-308 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-119 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.frame-1000007189 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-132 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.diagnosis-robot-streamline-ux-duotone {
object-fit: cover;
}
.content-style-309 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-594 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-595 {
opacity: .6;
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.cell-streamline-ux-duotone-5 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
text-decoration: none;
display: flex;
}
.content-style-310 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-596 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-597 {
color: #000;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-274 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(71.57deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-275 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007190 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-337 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-143 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-224 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-338 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-339 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-311 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-276 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.feature-27 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.user-star-fill {
object-fit: cover;
overflow: hidden;
}
.frame-1000007191 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-302 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-303 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-82 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-277 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-184 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.test-card---mobile-7 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: center;
align-items: center;
width: auto;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007192 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.header-style-121 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-312 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-120 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-304 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-305 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.description-306 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5845 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-122 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.price-21 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-598 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20019 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-39 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-278 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-185 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.tab-link-6 {
color: #888282;
background-color: #0000;
border: 2px solid #0000;
border-radius: 20px;
margin-bottom: 5px;
font-size: 17px;
font-weight: 400;
}
.tab-link-6:hover {
background-color: #eee;
}
.tab-link-6.w--current {
color: #7c7c7c;
background-color: #fff;
border: 2px dotted #5c5c5c;
order: -1;
font-weight: 700;
}
.tabs-content-6 {
padding-left: 54px;
padding-right: 54px;
}
.tabs-menu-6 {
z-index: 10;
background-color: #f7f7f7;
border-radius: 20px;
flex-direction: column;
flex: none;
align-self: flex-start;
width: 70%;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: auto 0%;
overflow: hidden;
box-shadow: 14px 14px 20px -18px #0000004f;
}
.text-block-84 {
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 30px;
}
.icon-32 {
opacity: 0;
display: block;
}
.divvvvv {
background-image: linear-gradient(#ffffffe0, #ffffffe0), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68baa4723a8b738d236f0f23_testpattern.svg");
background-position: 0 0, 50% 0;
background-size: auto, contain;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
}
.tab-dropdown-wrap-2 {
flex: 1;
align-self: stretch;
width: 100%;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
display: block;
}
.dropdown-tab-2 {
justify-content: space-between;
display: flex;
}
.tab-content-2 {
background-color: #6f4dc5;
border: 1px solid #d3d3d3;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
margin-top: 74px;
display: flex;
}
.tab-content-2._1 {
background-color: #f05d5d;
height: auto;
}
.tab-content-2._3 {
background-color: #ce8013;
}
.tab-content-2._2 {
background-color: #199110;
}
.tab-content-2._1 {
background-color: #f05d5d;
}
.text-block-85 {
justify-content: space-between;
display: flex;
}
.tab-drop-heading {
color: #949494;
text-align: center;
border-bottom: 1px #d8d8d8;
margin-top: 142px;
margin-bottom: 0;
padding-bottom: 20px;
font-family: Open Sans, sans-serif;
}
.container-regular-8 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.title-wrapper-3 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 858px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.button-primary-rounded {
color: #fff;
background-color: #23272f;
border: 2px solid #23272f;
border-radius: 52px;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-size: 16px;
font-weight: 500;
text-decoration: none;
transition: box-shadow .3s;
display: flex;
position: relative;
overflow: hidden;
box-shadow: 0 0 12px -2px #fe5b2500, 0 0 12px -2px #a355f700, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}
.button-primary-rounded:hover {
box-shadow: 0 0 12px -2px #fe5b25, 0 0 12px -2px #a355f7, 0 0 4px 2px #23272e3d, inset 0 2px 2px #ffffff3d;
}
.button-primary-rounded.w--current {
background-color: #344256;
border-color: #48566a;
}
.paragraph-regular-bg {
margin-bottom: 0;
font-size: 16px;
line-height: 24px;
}
.paragraph-regular-bg.text-weight-bold {
font-family: Cabin, sans-serif;
font-weight: 700;
}
.faq-divider {
border-bottom: .5px solid var(--_variable-collection---neutral--5);
background-color: #d5d9e2;
width: 100%;
height: .5px;
}
.paragraph-small-8 {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.paragraph-small-8.text-color-gray-600 {
color: #525f75;
}
.faq-6 {
background-color: #f6f7f9;
border-radius: 8px;
width: 100%;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.faqs {
padding: 96px 5%;
position: relative;
}
.faqs.background-gray {
background-color: #f6f7f9;
}
.faq-border {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #f6f7f9;
border: .5px solid #d5d9e2;
border-radius: 12px;
flex-flow: column;
width: 100%;
max-width: 638px;
margin-left: auto;
margin-right: auto;
padding: 8px;
display: flex;
}
.faq-button {
justify-content: center;
align-items: center;
margin-top: 90px;
display: flex;
}
.button-text-2 {
z-index: 1;
position: relative;
}
.faq-content-2 {
background-color: #0000;
margin-top: -4px;
display: block;
position: relative;
}
.faq-tab {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.faq-title {
z-index: 2;
flex-flow: column;
width: 100%;
padding: 16px;
display: flex;
}
.button-background {
pointer-events: none;
object-fit: fill;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.faq-icon {
color: #23272f;
background-color: #edeff3;
border-radius: 99px;
flex: none;
justify-content: center;
align-items: center;
padding: 4px;
display: flex;
}
.faq-title-wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
white-space: pre-wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.frame-1000007193 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.hero-heading-left-89 {
grid-column-gap: 80px;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68be6ff9fa7b273358abc788_Hero-Heading-Left.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 40px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000007194 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000007195 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-175 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-279 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.book-counselling-3 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007196 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-340 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-144 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-225 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-341 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-342 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-277 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.feature-28 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000007197 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-307 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-308 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-83 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-280 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-186 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.companion-animal-genomics-0 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(76.39deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.companion-animal-genomics-1 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007198 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: none;
}
.frame-1000007199 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
padding: 24px;
text-decoration: none;
display: flex;
}
.frame-1000007200 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.column-343 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-313 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-176 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.faq---mobile-5 {
grid-row-gap: 40px;
background-color: #fff;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 360px;
padding: 24px 32px 40px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.content-style-314 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.list-21 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-121 {
grid-column-gap: 13px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-600 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5846 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 296px;
height: 1px;
text-decoration: none;
display: flex;
}
.frame-1000007201 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding-top: 40px;
padding-bottom: 40px;
text-decoration: none;
display: flex;
}
.frame-1000007202 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.intro-34 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007203 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.test-card---mobile-8 {
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
max-width: 312px;
height: 365px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-145 {
grid-row-gap: 8.04124px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 168px;
display: flex;
overflow: hidden;
}
.image-226 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 168px;
text-decoration: none;
display: flex;
}
.frame-1000007204 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-123 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-315 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-122 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-309 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-310 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-311 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5847 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-124 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.price-22 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-601 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20020 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-40 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-281 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-187 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007205 {
grid-column-gap: 11px;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.button-style-282 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-188 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-279 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-280 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 60%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-48 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 42%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.test-card---mobile-9 {
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
max-width: 312px;
height: 365px;
margin-bottom: 10px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-146 {
grid-row-gap: 8.04124px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 168px;
display: flex;
overflow: hidden;
}
.image-227 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 168px;
text-decoration: none;
display: flex;
}
.frame-1000007206 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-125 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-316 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-123 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-312 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-313 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-314 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5848 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-126 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.price-23 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 163px;
text-decoration: none;
display: flex;
}
.frame-1000007207 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-602 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000---20021 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-41 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-283 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-189 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-90 {
grid-column-gap: 80px;
background-image: linear-gradient(#17439b, #17439b), linear-gradient(180.5deg, #fff0 0%, #fff 100%);
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 600px;
padding: 40px 24px;
display: flex;
overflow: hidden;
}
.frame-1000007208 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000007209 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-603 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-177 {
color: #e7e7e7;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-284 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.book-counselling-4 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.dropdown-tab-3 {
justify-content: space-between;
display: flex;
}
.tabs-content-7 {
padding-left: 54px;
padding-right: 54px;
}
.tabs-menu-7 {
z-index: 10;
background-color: #f7f7f7;
border-radius: 20px;
flex-direction: column;
flex: none;
align-self: flex-start;
width: 70%;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: auto 0%;
overflow: hidden;
box-shadow: 14px 14px 20px -18px #0000004f;
}
.text-block-86 {
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 30px;
}
.icon-33 {
opacity: 0;
display: block;
}
.text-block-87 {
justify-content: space-between;
display: flex;
}
.div-block-21 {
background-image: linear-gradient(#ffffffe0, #ffffffe0), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68baa4723a8b738d236f0f23_testpattern.svg");
background-position: 0 0, 50% 0;
background-size: auto, contain;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
}
.tab-link-7 {
color: #888282;
background-color: #0000;
border: 2px solid #0000;
border-radius: 20px;
margin-bottom: 5px;
font-size: 17px;
font-weight: 400;
}
.tab-link-7:hover {
background-color: #eee;
}
.tab-link-7.w--current {
color: #7c7c7c;
background-color: #fff;
border: 2px dotted #5c5c5c;
order: -1;
font-weight: 700;
}
.test-card---mobile-10 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: auto;
height: 209px;
padding: 20px;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007210 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-127 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-317 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-124 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-315 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-316 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-317 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5849 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-128 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 294px;
text-decoration: none;
display: flex;
}
.price-24 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-604 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-285 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-190 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.test-card---mobile-11 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 312px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007211 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 269px;
text-decoration: none;
display: flex;
}
.header-style-129 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-318 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-125 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-318 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-319 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-320 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5850 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 269px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-130 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.price-25 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 152px;
text-decoration: none;
display: flex;
}
.frame-1000007212 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-605 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-286 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-191 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.tabs-9 {
width: 100%;
height: 100%;
overflow: hidden;
}
.button-style-287 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.tab-link-8 {
color: #888282;
background-color: #0000;
border: 2px solid #0000;
border-radius: 20px;
margin-bottom: 5px;
font-size: 17px;
font-weight: 400;
}
.tab-link-8:hover {
background-color: #eee;
}
.tab-link-8.w--current {
color: #7c7c7c;
background-color: #fff;
border: 2px dotted #5c5c5c;
order: -1;
font-weight: 700;
}
.tab-link-9 {
opacity: .3;
text-align: center;
background-color: #0000;
flex: none;
padding: 10px 5px 5px;
}
.tab-link-9.w--current {
opacity: 1;
background-color: #0000;
}
.tab-dropdown-wrap-3 {
flex: 1;
align-self: stretch;
width: 100%;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
display: none;
}
.button-label-192 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.image-228 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.tab-pane {
width: 100%;
height: 100%;
padding: 20px;
overflow: auto;
}
.tabs-wrap {
max-width: 400px;
max-height: 600px;
}
.frame-1000007213 {
grid-column-gap: 11px;
justify-content: center;
align-items: center;
width: 100%;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.wrap {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: flex;
position: relative;
}
.tabs-menu-8 {
z-index: 10;
background-color: #f7f7f7;
border-radius: 20px;
flex-direction: column;
flex: none;
align-self: flex-start;
width: 70%;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: auto 0%;
overflow: hidden;
box-shadow: 14px 14px 20px -18px #0000004f;
}
.dropdown-tab-4 {
justify-content: space-between;
display: flex;
}
.image-229 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex;
}
.tab-content-3 {
background-color: #6f4dc5;
border: 1px solid #d3d3d3;
justify-content: center;
align-items: center;
width: 100%;
height: 500px;
margin-top: 74px;
display: flex;
}
.tab-content-3._1 {
background-color: #f05d5d;
}
.tab-content-3._3 {
background-color: #ce8013;
}
.tabs-menu-9 {
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
width: 100%;
display: flex;
overflow: auto;
box-shadow: 0 1px 3px #0000001a;
}
.text-block-89 {
justify-content: space-between;
display: flex;
}
.tab-icon {
border-radius: 100px;
width: 60px;
height: 60px;
margin-bottom: 5px;
}
.tiny-cont {
text-align: center;
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
padding: 40px 20px;
position: absolute;
inset: auto 0% 0%;
}
.filters_expand_wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.filters_results_text {
max-width: 8.75em;
}
.filters_block {
border-bottom: 1px solid #d1d1d1;
padding: 1rem;
}
.filters_block.is-expand-close {
justify-content: center;
align-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
display: none;
}
.filters_block.is-disclaimer {
color: #707070;
border-bottom-style: none;
font-size: .75rem;
}
.filters_block.is-search {
padding-top: .625rem;
padding-bottom: .625rem;
}
.filters_block.is-expand-open {
border-bottom-style: none;
justify-content: flex-start;
align-items: center;
padding-bottom: 0;
display: none;
}
.listing_collection_list {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 1fr;
grid-template-rows: subgrid;
flex-flow: row;
grid-row: span 5;
display: grid;
}
.listing_collection {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.filters_expand_backdrop {
z-index: 7777;
background-color: #141414a6;
position: fixed;
inset: 0%;
}
.text-padding-bottom {
padding-bottom: .0625em;
}
.form_component {
margin: 0;
}
.filters_active_tags_item_clear {
pointer-events: auto;
cursor: pointer;
background-color: #0000;
justify-content: center;
align-items: center;
width: 1.125rem;
height: 1.125rem;
padding: 0;
display: flex;
position: relative;
}
.filters_active_tags_item_clear:focus-visible, .filters_active_tags_item_clear[data-wf-focus-visible] {
outline-color: var(--border-color--border-available) !important;
outline-offset: 1px !important;
outline-width: 2px !important;
outline-style: solid !important;
}
.filters_expand_button_open {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
background-color: #f5f5f5;
border: 1px solid #d1d1d1;
flex: auto;
justify-content: space-between;
align-items: center;
max-width: 12rem;
padding: .625rem .875rem;
transition: all .25s;
display: none;
}
.filters_expand_button_open:hover {
background-color: #ebebeb;
}
.filters_expand_button_open:focus-visible, .filters_expand_button_open[data-wf-focus-visible] {
outline-offset: 1px;
outline: 2px solid #67c23a;
}
.listing_grid_main {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
grid-column: span 3;
display: flex;
position: relative;
}
.filters_search {
align-items: center;
display: flex;
}
.padding-global-13 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.show-mobile-portrait-2 {
display: none;
}
.listing_grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
grid-auto-columns: 1fr;
display: grid;
}
.filters_sort_dropdown_item {
background-color: #f5f5f5;
border-bottom: 1px solid #d1d1d1;
border-left: 1px solid #d1d1d1;
border-right: 1px solid #d1d1d1;
flex-flow: column;
padding: .625rem .875rem;
transition: all .25s linear;
display: flex;
}
.filters_sort_dropdown_item:hover {
background-color: #ebebeb;
}
.listing_filters_side {
border: 1px solid #d1d1d1;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.form_range_values {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
margin-top: .5rem;
display: flex;
}
.filters_expand_button_close {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
background-color: #f5f5f5;
border: 1px solid #d1d1d1;
justify-content: space-between;
align-items: center;
padding: .625rem .875rem;
transition: all .25s linear;
display: flex;
}
.filters_expand_button_close:hover {
background-color: #ebebeb;
}
.filters_expand_button_close:focus-visible, .filters_expand_button_close[data-wf-focus-visible] {
outline-offset: 1px;
outline: 2px solid #67c23a;
}
.filters_list {
margin-top: 1rem;
}
.filters_sort_toggle {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
border: 1px solid #d1d1d1;
justify-content: space-between;
align-items: center;
padding: .625rem .875rem;
transition: all .25s linear;
display: flex;
}
.filters_sort_toggle:hover {
background-color: #ebebeb;
}
.filters_sort_toggle:focus-visible, .filters_sort_toggle[data-wf-focus-visible] {
border-color: #141414;
outline-color: var(--border-color--border-available) !important;
outline-offset: 1px !important;
outline-width: 2px !important;
outline-style: solid !important;
}
.listing_empty {
text-align: center;
background-color: #f5f5f5;
border: 1px solid #d1d1d1;
padding: 1rem 1.5rem;
}
.form_wrapper {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.filters_search_input {
color: #141414;
background-color: #f5f5f5;
border-style: none;
margin-bottom: .0625em;
padding: .625rem .875rem;
font-size: 1rem;
}
.filters_search_input::placeholder {
color: #707070;
}
.filters_active_tags_item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
pointer-events: none;
background-color: #f5f5f5;
border: 1px solid #d1d1d1;
justify-content: flex-start;
align-items: center;
padding: .625rem .875rem;
transition: all .25s linear;
display: flex;
}
.filters_active_tags_item:hover {
background-color: #ebebeb;
}
.footer_wrapper-2 {
grid-column-gap: 2rem;
grid-row-gap: 0rem;
color: #707070;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.form_range_handle {
cursor: pointer;
background-color: #f5f5f5;
border: 1px solid #141414;
border-radius: 50%;
width: 1.125rem;
height: 1.125rem;
position: absolute;
}
.form_range_handle:focus-visible, .form_range_handle[data-wf-focus-visible] {
outline-color: var(--border-color--border-available) !important;
outline-offset: 1px !important;
outline-width: 2px !important;
outline-style: solid !important;
}
.filters_active {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
flex: 1;
justify-content: flex-start;
align-items: center;
display: flex;
}
.filters_clear {
text-underline-offset: .25em;
flex: none;
text-decoration: underline;
text-decoration-thickness: 1px;
transition-property: all;
transition-duration: .25s;
transition-timing-function: ease;
}
.filters_clear:hover {
text-underline-offset: .375em;
}
.filters_sort {
flex: 1;
max-width: 12rem;
margin-left: 0;
margin-right: 0;
}
.scroll-anchor {
width: 0;
height: 0;
position: absolute;
top: -3rem;
}
.form_range_input {
display: none;
}
.filters_block_header {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.filters_block_header.is-toggle {
align-items: center;
}
.filters_toggle_box {
will-change: background-color, background-position;
background-color: #ebebeb;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68becd6c8e36acb95530ed1e_circle.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 50%;
border-color: #141414;
border-radius: 2.75rem;
width: 2.75rem;
height: 1.375rem;
margin: 0;
transition-property: all;
transition-duration: .25s;
transition-timing-function: ease;
}
.filters_toggle_box.w--redirected-checked {
background-color: #67c23aa3;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68becd6c8e36acb95530ed1e_circle.svg");
background-position: 100%;
background-size: 50%;
border-color: #141414;
}
.filters_toggle_box.w--redirected-focus {
box-shadow: none;
}
.filters_toggle_box.w--redirected-focus-visible {
outline-offset: 1px;
outline: 2px solid #67c23a;
}
.footer_info {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
display: flex;
}
.form_range_wrapper {
padding: .5625rem;
}
.container-large-16 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.filters_list_wrapper {
grid-column-gap: .375rem;
grid-row-gap: .375rem;
flex-flow: column;
display: flex;
}
.listing_collection_list_item {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-template-rows: inherit;
grid-row: inherit;
align-items: start;
display: grid;
}
.filters_active_tags {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-flow: wrap;
display: flex;
}
.form_range_track {
background-color: #d1d1d1;
height: 2px;
position: relative;
}
.listing_empty_text {
padding-top: .625rem;
padding-bottom: .625rem;
}
.listing_filters_main {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
border: 1px solid #d1d1d1;
justify-content: flex-end;
align-items: center;
padding: 1rem;
display: flex;
}
.icon-1x1-small-4 {
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.filters_fieldset {
flex-flow: column-reverse;
display: flex;
}
.filters_results {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.filters_list_empty {
background-color: #f5f5f5;
border: 1px solid #d1d1d1;
padding: .625rem .875rem;
}
.filters_range {
margin-top: 1rem;
}
.filters_toggle {
cursor: pointer;
flex: none;
margin: 0;
padding: 0;
}
.form_range_fill {
background-color: #141414;
width: 35%;
height: 100%;
position: absolute;
}
.padding-global-14 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.show-mobile-portrait-3 {
display: none;
}
.footer_wrapper-3 {
grid-column-gap: 2rem;
grid-row-gap: 0rem;
color: #707070;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.container-large-17 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.icon-1x1-small-5 {
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.test-card---mobile-12 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 209px;
padding: 20px;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007214 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-131 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-319 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-126 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-321 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-322 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-323 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5851 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-132 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 294px;
text-decoration: none;
display: flex;
}
.price-26 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-606 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20022 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-42 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-288 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-193 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.form_component-2 {
margin: 0;
}
.padding-global-15 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.form_wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
}
.footer_wrapper-4 {
grid-column-gap: 2rem;
grid-row-gap: 0rem;
color: #707070;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.container-large-18 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.icon-1x1-small-6 {
flex: none;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.filters_expand_button_open-2 {
grid-column-gap: .875rem;
grid-row-gap: .875rem;
background-color: #f5f5f5;
border: 1px solid #d1d1d1;
flex: auto;
justify-content: space-between;
align-items: center;
max-width: 12rem;
padding: .625rem .875rem;
transition: all .25s;
display: none;
}
.filters_expand_button_open-2:hover {
background-color: #ebebeb;
}
.filters_expand_button_open-2:focus-visible, .filters_expand_button_open-2[data-wf-focus-visible] {
outline-offset: 1px;
outline: 2px solid #67c23a;
}
.filters_expand_wrapper-2 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.test-card---mobile-13 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 209px;
padding: 20px;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007215 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-133 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-320 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-127 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-324 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-325 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-326 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5852 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-134 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 294px;
text-decoration: none;
display: flex;
}
.price-27 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-607 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20023 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-43 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-289 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-194 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.text-block-90 {
display: none;
}
.filters_expand_wrapper-3 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.form_component-3 {
margin: 0;
}
.padding-global-16 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.footer_wrapper-5 {
grid-column-gap: 2rem;
grid-row-gap: 0rem;
color: #707070;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.container-large-19 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.hero-heading-left-91 {
grid-column-gap: 80px;
background-image: linear-gradient(175.55deg, #fff0 0%, #fff 100%);
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 600px;
padding: 40px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000007216 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007217 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-178 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-290 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-290:hover {
background-color: var(--_variable-collection---color);
}
.text-609 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.genetic-counselling-2 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.48deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.genetic-counselling-3 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007218 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-344 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-147 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-230 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-345 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-346 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-321 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-281 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.feature-29 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000007219 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-327 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-328 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-84 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-291 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-195 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007220 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-347 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-322 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-179 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007221 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.feature-30 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000007222 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 32px;
height: 32px;
text-decoration: none;
display: flex;
}
.text-610 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007223 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-329 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-330 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007224 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 40px;
text-decoration: none;
display: flex;
}
.description-331 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-332 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-283 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-284 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(78.49deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007225 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-348 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-323 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.column-349 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-324 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.feature-31 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.emotion-unhappy-fill-3 {
object-fit: cover;
overflow: hidden;
}
.frame-1000007226 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-333 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-334 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-286 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-287 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(77.05deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007227 {
grid-row-gap: 24px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
min-height: 980px;
padding: 40px 32px;
text-decoration: none;
display: none;
}
.content-style-325 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-128 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-335 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007228 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 789px;
display: flex;
}
.card-133 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-15 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
text-decoration: none;
display: flex;
}
.content-style-326 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-611 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-612 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-327 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-613 {
opacity: .6;
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-614 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-615 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007229 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000007230 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.column-350 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-328 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-180 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-351 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 516px;
text-decoration: none;
display: flex;
}
.card-134 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 16px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-231 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex;
}
.content-style-329 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 172px;
text-decoration: none;
display: flex;
}
.title-style-129 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-336 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-337 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.card-135 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 8px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.button-style-292 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-196 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-289 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(78.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-290 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-291 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007231 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-352 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-148 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-232 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-353 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-354 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-330 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-292 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.feature-32 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000007232 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-338 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-339 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-85 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-293 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-197 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007233 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-355 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-149 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-233 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-356 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 197px;
display: flex;
}
.content-style-331 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-181 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-294 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-295 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(77.05deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007234 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding: 40px 24px 64px;
text-decoration: none;
display: none;
}
.group-1000003808 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 84px;
text-decoration: none;
display: flex;
}
.frame-1000007235 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-357 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-332 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 18px;
display: flex;
}
.rectangle-5853 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 109px;
height: 1px;
text-decoration: none;
display: flex;
}
.text-616 {
color: #5d5d5d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.card-136 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 16px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-234 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex;
}
.content-style-333 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 172px;
text-decoration: none;
display: flex;
}
.title-style-130 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-340 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-341 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.card-137 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 8px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.rectangle-5854 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 98px;
height: 1px;
text-decoration: none;
display: flex;
}
.rectangle-5855 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 63.5px;
height: 1px;
text-decoration: none;
display: flex;
}
.button-style-294 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-198 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-15 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000007236 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-296 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-182 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.tab-pane-tab-1-7 {
margin-bottom: 0;
padding-bottom: 1rem;
overflow: visible;
}
.tabs-menu-10 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #0c2954;
justify-content: space-between;
max-width: none;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-small-7 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.dropdown-toggle-6 {
color: #fff;
background-color: #0c2954;
border-radius: .3125rem;
padding: 1rem 2.5rem 1rem 1.25rem;
display: block;
}
.container-large-20 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.footer_social-icon-5 {
align-items: center;
font-size: 14px;
text-decoration: none;
display: flex;
}
.tab-pane_img-wrapper-4 {
aspect-ratio: 16 / 9;
border-radius: .3125rem;
max-width: 62.5rem;
margin-left: auto;
margin-right: auto;
overflow: visible;
box-shadow: 0 5px 9px #0c29543d;
}
.padding-global-17 {
padding-left: 5%;
padding-right: 5%;
}
.padding-section-large-6 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.tabs-10 {
width: auto;
}
.dropdown-9 {
color: #fff;
width: 50%;
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
}
.tab-link-10 {
opacity: .5;
color: #0c2954;
text-align: center;
background-color: #0c295400;
border: 1px #0c2954;
border-bottom: .0625rem solid #0c295400;
border-radius: 0;
flex: 1;
padding: 1rem 2rem;
}
.tab-link-10.w--current {
opacity: 1;
background-color: #0c295400;
border-bottom-color: #0c2954;
}
.img-full-cover-4 {
width: 100%;
height: 100%;
}
.tabs_component-4 {
flex-direction: column;
align-items: center;
display: flex;
}
.section_hero-3 {
background-color: #e8eff9;
width: 100%;
}
.ikonik-sf5uh {
color: #7a7a7a;
}
.intro-35 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-131 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-342 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007237 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-358 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-150 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-235 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-359 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-360 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-334 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-297 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.feature-33 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000007238 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-343 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-344 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-86 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-295 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-199 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007239 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007240 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-361 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-151 {
background-color: #fff;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-236 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-362 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-335 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-183 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.group-1000003809 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
height: 465px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-299 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(77.05deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-300 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007241 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-bottom: 40px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.container-200 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68b698051066bcaedfdd4c11_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 425px;
padding: 20px 20px 24px;
text-decoration: none;
display: flex;
}
.column-363 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 140px;
display: flex;
}
.image-wrapper-152 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.image-237 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
}
.frame-1000007242 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-364 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-301 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-184 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-296 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.text-617 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-297 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-200 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007243 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-365 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-153 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-238 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-366 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-336 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-302.title5 {
grid-column-gap: 5px;
grid-row-gap: 5px;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-185 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-303 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 180%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-304 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
display: flex;
}
.frame-1000007244 {
grid-row-gap: 10px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.banner---mobilevariant2-5 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68b69be2b54db9f4d2197885_Banner---Mobile%2FVariant2.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 98px;
padding: 24px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-135 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.frame-1000007245 {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.section-style-37 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 120px;
text-decoration: none;
display: flex;
}
.header-style-136 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.genetics-expert-counselling {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.frame-1000007246 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 116px;
height: 50px;
text-decoration: none;
display: flex;
}
.button-style-298 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-201 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007247 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-367 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-154 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-239 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-368 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-369 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-337 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-305 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.feature-34 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.medal-fill {
object-fit: cover;
overflow: hidden;
}
.frame-1000007248 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-345 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-346 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-87 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-299 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-202 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007249 {
grid-row-gap: 24px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
min-height: 968px;
padding: 40px 32px;
text-decoration: none;
display: none;
}
.content-style-338 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-132 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-347 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007250 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-138 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.diagnosis-robot-streamline-ux-duotone-3 {
object-fit: cover;
}
.content-style-339 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-618 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-619 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.cell-streamline-ux-duotone-6 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
text-decoration: none;
display: flex;
}
.content-style-340 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-620 {
opacity: .6;
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-621 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-622 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007251 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000007252 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.intro-36 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-133 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-348 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007253 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-139 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 8px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-240 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex;
}
.content-style-341 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 172px;
text-decoration: none;
display: flex;
}
.title-style-134 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-349 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-350 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-300 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-203 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-section---mobile-8 {
grid-row-gap: 57px;
background-color: #fff;
background-image: linear-gradient(#fff0 3%, #fff 74%);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
padding-top: 90px;
padding-bottom: 90px;
text-decoration: none;
display: flex;
}
.frame-1000007254 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.frame-1000007255 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007256 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-186 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007257 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-301 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-624 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-302 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-204 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.vector-2 {
object-fit: cover;
}
.unlocking-deep-genomic-insights-transforming-lives-8 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-9 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(75.6deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.hero-dna {
grid-row-gap: 57px;
background-color: #fff;
background-image: linear-gradient(#fff0 3%, #fff 74%);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
padding-top: 90px;
padding-bottom: 90px;
text-decoration: none;
display: flex;
}
.frame-1000007258 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.frame-1000007259 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007260 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-187 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007261 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-303 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-626 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-304 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-205 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-10 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-11 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(75.6deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007262 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.frame-1000007263 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007264 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-188 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007265 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-305 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-628 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-306 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-206 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-12 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-13 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(75.6deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.filters_expand_wrapper-4 {
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.padding-global-18 {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.container-large-21 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.c-empty-content {
flex-direction: column;
align-items: center;
padding-top: 48px;
padding-bottom: 48px;
display: flex;
}
.c-premiere-icon {
justify-content: center;
align-items: center;
margin-right: 12px;
}
.slider-next {
z-index: 100;
opacity: .9;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68c29c8c47def90b9e5cbc06_Icon%20Next%20Hover.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px;
justify-content: center;
align-items: center;
width: 25px;
height: 100%;
position: relative;
}
.c-platform {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.c-menu-nav_mobile {
display: none;
}
.c-year {
color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.c-year.cc-max-price {
right: 0%;
}
.c-checkbox-fertility {
z-index: 3;
border-style: none;
border-radius: 8px;
width: 100%;
height: 100%;
margin: 0;
position: absolute;
inset: 0%;
}
.c-checkbox-fertility.w--redirected-checked {
color: #255deb;
background-color: #0000;
background-image: none;
background-repeat: repeat;
background-size: auto;
border-color: #255deb;
border-radius: 8px;
width: 100%;
height: 100%;
margin: 0;
}
.c-checkbox-fertility.w--redirected-focus {
box-shadow: none;
margin-left: 0;
}
.c-title-3 {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.c-title-3.cc-gray500 {
color: #525b66;
}
.c-title-3.cc-gray500.cc-center {
text-align: center;
}
.c-languages {
flex-wrap: wrap;
display: flex;
}
.c-collection-wrapper-movies {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
margin-left: -10px;
margin-right: -10px;
display: grid;
}
.c-text {
margin-left: 10px;
margin-right: 10px;
}
.c-checkbox-field-lang {
z-index: 2;
cursor: pointer;
justify-content: center;
align-items: center;
margin-bottom: 0;
padding: 4px 12px;
position: relative;
}
.slider-prev {
z-index: 100;
opacity: .9;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68c29c8c47def90b9e5cbc08_Previous-gray100.svg");
background-position: 0%;
background-repeat: no-repeat;
background-size: 24px;
flex-direction: row;
justify-content: center;
align-items: center;
width: 25px;
height: 100%;
position: relative;
}
.c-gradient-lang {
z-index: 0;
background-color: #1a2028;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
margin-bottom: 8px;
margin-right: 8px;
padding: 2px;
position: relative;
overflow: hidden;
}
.c-pagination {
align-items: flex-start;
padding-top: 48px;
padding-right: 52px;
display: flex;
position: relative;
}
.c-form-block-genre {
max-width: 1352px;
min-height: 120px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-left: 24px;
padding-right: 24px;
}
.c-slider-contain {
cursor: grab;
width: 100%;
position: relative;
}
.c-checkbox-label-toggle {
color: #525b66;
margin-bottom: 0;
font-weight: 500;
display: none;
}
.c-checkbox-label-toggle.cc-hidden {
display: none;
}
.c-nav-links {
align-items: center;
display: flex;
}
.lottie-animation {
z-index: -1;
width: 48px;
height: 24px;
position: absolute;
inset: 0% 0% 0% auto;
}
.c-button-icon-content {
display: inline-block;
}
.c-checkbox-toggle {
border-style: none;
width: 48px;
height: 24px;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0% 0% 0% auto;
}
.c-checkbox-toggle:active {
border-radius: 0;
}
.c-checkbox-toggle.w--redirected-checked {
background-color: #0000;
background-image: none;
background-repeat: repeat;
background-size: auto;
border-style: none;
border-radius: 0;
margin-top: 0;
margin-left: 0;
}
.c-checkbox-toggle.w--redirected-focus {
box-shadow: none;
border-style: none;
border-radius: 0;
margin-top: 0;
margin-left: 0;
}
.c-grid {
flex-wrap: wrap;
padding-top: 9.3vh;
display: flex;
}
.c-form-filters {
flex-direction: column;
display: flex;
}
.c-filter {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 24px;
padding-bottom: 24px;
display: flex;
}
.c-filter.cc-select {
padding-top: 8px;
}
.c-filter.cc-premiere {
flex-direction: row;
justify-content: space-between;
padding-top: 0;
padding-bottom: 0;
}
.c-slider-nav {
justify-content: flex-start;
width: 100%;
height: 50px;
display: flex;
position: absolute;
inset: auto 0% -50px;
}
.c-search-search {
border-left: 1px solid #1a2028;
flex: 1;
justify-content: space-between;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
display: flex;
}
.c-grid-item {
width: 100%;
}
.c-grid-item.cc-60 {
width: 60%;
position: relative;
}
.c-grid-item.cc-30 {
flex-direction: column;
width: 30%;
margin-right: 10%;
padding-right: 32px;
display: flex;
}
.c-grid-item.cc-30.cc-fixed {
padding-right: 32px;
}
.c-form-block-search {
margin-bottom: 0;
}
.c-button-m {
color: #fff;
background-color: #0000;
border-radius: 8px;
padding: 8px 12px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.c-button-m.cc-border {
z-index: 2;
color: #525b66;
background-color: #080a0b;
position: relative;
}
.c-pagination_arrow-prev {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68c29c8c47def90b9e5cbc07_Icon%20Previous.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px;
border: 2px solid #1a2028;
border-radius: 8px;
width: 48px;
height: 36px;
margin-right: 4px;
}
.c-pagination_arrow-prev:hover {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68c29c8c47def90b9e5cbc08_Previous-gray100.svg");
}
.c-collection-list-movies {
flex-wrap: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
display: flex;
}
.c-search {
justify-content: space-between;
width: 100%;
display: flex;
}
.c-container {
border-radius: 4px;
max-width: 1352px;
margin-left: auto;
margin-right: auto;
padding-left: 32px;
padding-right: 32px;
display: block;
position: relative;
}
.c-title-wrapper {
align-items: center;
margin-bottom: 16px;
display: flex;
}
.c-title-wrapper.cc-margin {
margin-bottom: 24px;
}
.c-checkbox-wrapper {
justify-content: space-between;
align-items: flex-start;
width: 100%;
margin-bottom: 8px;
display: flex;
}
.c-checkbox-bg {
z-index: -2;
background-color: #080a0b;
border-radius: 8px;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.c-pagination_arrow-next {
cursor: pointer;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68c29c8c47def90b9e5cbc09_Next-dark.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: 24px;
border: 2px solid #1a2028;
border-radius: 8px;
width: 48px;
height: 36px;
position: absolute;
inset: auto 0% 0% auto;
}
.c-pagination_arrow-next:hover {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68c29c8c47def90b9e5cbc06_Icon%20Next%20Hover.svg");
}
.c-range-wrapper {
width: 100%;
max-width: 335px;
transform: translate(10px);
}
.c-pagination-wrapper {
flex-direction: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.c-docs {
margin-left: 6px;
}
.c-docs.cc-hidden_mobile {
margin-left: 4px;
}
.c-text-label {
color: #525b66;
font-weight: 500;
}
.c-button-icon-left-hover {
width: 20px;
height: 20px;
margin-bottom: 4px;
margin-right: 12px;
display: none;
}
.c-collection-item-movies {
cursor: pointer;
width: 380px;
padding: 10px;
}
.c-toggle-wrapper {
width: 48px;
height: 24px;
margin-bottom: 16px;
}
.c-filter-icon {
width: 24px;
height: 24px;
margin-top: -4px;
}
.c-checkbox-label-lang {
z-index: -1;
color: #525b66;
width: 100%;
height: 100%;
margin-bottom: 0;
font-weight: 500;
position: relative;
inset: 0%;
}
.c-emoji-image {
filter: grayscale();
width: 96px;
height: 96px;
}
.c-section {
padding-top: 80px;
padding-bottom: 80px;
position: relative;
}
.c-section.cc-hero {
background-image: linear-gradient(#000, #000);
padding-top: 5vh;
overflow: hidden;
}
.c-select-field {
z-index: 1;
color: #525b66;
background-color: #0000;
border: 2px solid #1a2028;
border-radius: 8px;
height: 50px;
min-height: 50px;
margin-bottom: 0;
font-weight: 500;
position: relative;
}
.c-select-field:active, .c-select-field:focus {
color: #255deb;
border-color: #255deb;
}
.c-clone.cc-hidden_mobile {
margin-left: 4px;
margin-right: 4px;
}
.c-clone.cc-hidden_tablet {
margin-right: 4px;
}
.c-clone.open-modal {
display: none;
}
.c-search-logos {
color: #dbe6eb;
border-right: 1px solid #1a2028;
flex: none;
justify-content: flex-start;
align-items: center;
padding-top: 16px;
padding-bottom: 16px;
padding-right: 40px;
display: flex;
}
.c-years-wrapper {
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 24px;
display: flex;
}
.c-search-textfield {
color: #525b66;
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68c29c8c47def90b9e5cbbff_Icon%2024px.svg");
background-position: 0;
background-repeat: no-repeat;
background-size: 24px 24px;
border: 1px solid #0000;
margin-bottom: 0;
margin-left: 24px;
padding-left: 48px;
font-size: 24px;
}
.c-search-textfield:active, .c-search-textfield:focus {
color: #dbe6eb;
border-color: #0000;
}
.c-search-textfield::placeholder {
color: #525b66;
font-size: 24px;
font-weight: 500;
}
.c-filter_empty {
z-index: -100;
width: 100%;
padding-top: 24px;
position: absolute;
inset: 0% 0% auto;
}
.c-gradient-right {
z-index: 1;
background-image: linear-gradient(45deg, #1a2028 30%, #255deb);
border-radius: 8px;
width: 0%;
height: 0%;
position: absolute;
inset: 0%;
}
.c-form-block-filters {
margin-bottom: 0;
}
.c-button-gradient {
background-image: linear-gradient(55deg, #1a2028 35%, #525b66);
border-radius: 8px;
padding: 2px;
position: relative;
}
.c-button-gradient:hover {
background-image: linear-gradient(to right, #1a2028, #525b66);
overflow: hidden;
}
.c-button-icon-left {
width: 20px;
height: 20px;
margin-bottom: 4px;
margin-right: 12px;
}
.c-collection-itemcount {
padding-top: 0;
padding-bottom: 6px;
display: flex;
}
.c-paragraph.cc-count {
color: #525b66;
margin-right: 4px;
font-weight: 500;
}
.c-submit.cc-hidden {
display: none;
}
.c-year-slider {
width: 100%;
margin-top: 48px;
padding-top: 0;
}
.c-checkbox-field-toggle {
cursor: pointer;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 24px;
margin-bottom: 8px;
padding-left: 0;
display: flex;
position: relative;
}
.c-checkbox-field-toggle.platform {
width: 48px;
margin-bottom: 0;
}
.c-title-1 {
margin-top: 0;
margin-bottom: 0;
font-size: 48px;
font-weight: 500;
line-height: 48px;
}
.c-title-1.cc-center {
text-align: center;
}
.c-year-output-text {
color: #fff;
}
.c-slick-slide {
margin-left: 24px;
margin-right: 24px;
}
.c-custom-code {
display: none;
}
.checkbox-4 {
cursor: pointer;
border-style: none;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
position: absolute;
inset: 0%;
}
.checkbox-4.w--redirected-checked {
color: #dbe6eb;
background-color: #0000;
background-image: none;
border-style: none;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
}
.checkbox-4.w--redirected-focus {
box-shadow: none;
width: 100%;
height: 100%;
margin-top: 0;
margin-left: 0;
}
.c-checkbox-field-genre {
margin-top: 14px;
margin-bottom: 0;
padding-left: 0;
position: relative;
}
.c-nav-search {
border-bottom: 2px solid #1a2028;
align-items: center;
width: 100%;
}
.c-checkbox-label-genre {
color: #1a2028;
margin-bottom: 0;
font-size: 48px;
font-weight: 500;
line-height: 48px;
}
.c-copy {
z-index: 9999;
background-color: #255deb;
border-radius: 4px;
padding: 8px 12px;
font-weight: 400;
position: fixed;
inset: auto 4px 54px auto;
transform: translate(110%);
}
.c-slider {
height: 100%;
}
.c-top_filters {
width: 100%;
height: auto;
display: flex;
}
.filter-toggle {
background-color: #fff;
border: 1px solid #0000001a;
border-radius: 6px;
width: 100%;
padding-left: 1em;
padding-right: 2em;
}
.c-empty_lottie {
width: 40%;
margin-left: auto;
margin-right: auto;
}
.icon-2 {
margin-right: 12px;
}
.c-sort_dropdown-link {
color: #22497d;
background-color: #fff;
border-bottom: 1px solid #ccc;
}
.c-empty {
text-align: center;
display: none;
}
.c-search_input {
color: #22497d;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68c3fc098bd7dc827b4b9eaa_buscar.png");
background-position: 95%;
background-repeat: no-repeat;
background-size: 20px 20px;
border: 1px solid #ccc;
border-radius: 12px;
height: 45px;
margin-bottom: 0;
padding-right: 40px;
}
.c-search_input:focus {
border: 1px solid #4870fe;
border-bottom-color: #7545ff;
}
.c-search_input.hidden-search {
display: none;
}
.c-container-2 {
max-width: 1358px;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
}
.select-all {
color: var(--_colors---blue--blue\);
background-color: #3898ec00;
width: 70px;
height: 20px;
padding: 0;
font-size: 12px;
}
.select-all:visited {
color: var(--_colors---blue--blue\);
}
.c-filter-2 {
margin-bottom: 20px;
}
.c-filter-2.cc-search {
color: #22497d;
display: flex;
}
.filter-open-list {
width: 400px;
}
.filter-open-list.w--open {
background-color: #0000;
border: 1px solid #0000001a;
border-radius: 6px;
width: 100%;
margin-top: 8px;
padding: 8px 16px;
position: relative;
}
.c-col {
width: 100%;
max-width: 28%;
}
.c-col.cc-1 {
border-right: 1px #0000001a;
width: 500px;
max-width: 500px;
padding-top: 80px;
padding-left: 0;
padding-right: 0;
}
.c-col.cc-2 {
flex: 1;
max-width: 860.067px;
padding: 80px 20px 80px 35px;
}
.c-row {
display: flex;
}
.div-block-23 {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.text-block-93 {
color: #22497d;
}
.c-collection_list {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.text-block-filter {
color: #22497d;
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}
.c-sort {
color: #a1a1a1;
align-items: center;
display: none;
}
.c-sort_dropdown-list {
display: none;
}
.c-button {
border: 1px solid var(--_variable-collection---neutral--3);
background-color: var(--_variable-collection---neutral--0);
color: var(--_variable-collection---neutral--6);
border-radius: 20px;
justify-content: center;
align-items: center;
margin-right: 20px;
padding: 12px 15px;
font-family: Cabin, sans-serif;
font-size: 16px;
text-decoration: none;
display: none;
}
.c-button:hover {
background-color: var(--_ux---color\);
}
.c-button.cc-filtro {
display: none;
}
.div-block-24 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
margin-bottom: 20px;
display: flex;
}
.filter {
width: 100%;
margin-top: 12px;
margin-bottom: 12px;
display: block;
}
.c-title-wrapper-2 {
margin-bottom: 8px;
}
.c-title-wrapper-2.cc-blue {
color: #231575;
font-weight: 600;
}
.c-content_top {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 45px;
display: flex;
}
.c-sort_dropdown-item {
border: 1px solid #22497d;
border-radius: 12px;
min-width: 200px;
padding: 12px 35px 12px 12px;
display: inline-block;
}
.c-closed {
flex: 1;
margin-left: auto;
margin-right: auto;
display: none;
}
.c-sort_dropdown {
margin-left: 12px;
}
.c-content_numbers {
display: none;
}
.c-section-2 {
margin-top: 80px;
}
.filter-icon {
margin-right: 1em;
}
.c-collection_item {
display: flex;
}
.c-filters_form {
border-right: .5px solid var(--_variable-collection---neutral--2);
width: 100%;
}
.c-text-1 {
color: #000;
align-items: center;
width: auto;
font-family: Cabin, sans-serif;
font-size: 16px;
line-height: 1.2;
display: flex;
}
.c-text-1.cc-number {
color: #5b779e;
margin-left: 5px;
margin-right: 5px;
}
.c-text-1.category-heading-wrapper {
font-size: 20px;
text-decoration: none;
}
.description-351 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007266 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007267 {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 224px;
display: flex;
}
.text-629 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.header-style-137 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007268 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.collection-list-wrapper-21 {
display: none;
}
.button-label-207 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.action-44 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 49px;
text-decoration: none;
display: flex;
}
._15000---20024 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-342 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5856 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 352px;
height: 1px;
text-decoration: none;
display: flex;
}
.description-352 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.button-style-307 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 110px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.description-353 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-140 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: 264px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.icon-34 {
margin-right: 12px;
}
.c-container-3 {
max-width: 1358px;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
}
.c-filter-3 {
margin-bottom: 20px;
}
.c-filter-3.cc-search {
color: #22497d;
display: flex;
}
.div-block-25 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
display: none;
}
.text-block-94 {
color: #22497d;
}
.c-collection_list-2 {
grid-column-gap: 14px;
grid-row-gap: 14px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.div-block-26 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-bottom: 16px;
display: flex;
}
.c-title-wrapper-3 {
margin-bottom: 8px;
}
.c-title-wrapper-3.cc-blue {
color: #231575;
font-weight: 600;
}
.c-section-3 {
margin-top: 0;
}
.checkbox-field-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
align-items: center;
font-size: 12px;
display: flex;
}
.description-354 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007269 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-141 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 120%;
max-width: none;
height: auto;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.text-630 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.header-style-138 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007270 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.collection-list-wrapper-22 {
display: flex;
}
.button-label-208 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.action-45 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 49px;
text-decoration: none;
display: flex;
}
._15000---20025 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007271 {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: auto;
display: flex;
}
.content-style-343 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5857 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 352px;
height: 1px;
text-decoration: none;
display: flex;
}
.description-355 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.button-style-308 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 110px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.description-356 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-357 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007272 {
grid-column-gap: 4px;
color: var(--_variable-collection---neutral--3);
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007272.kkln {
justify-content: center;
align-items: center;
}
.card-142 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px #fafafa;
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 395.533px;
max-width: none;
height: 264px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.c-card_image {
position: relative;
}
.frame-1000007273 {
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
height: 224px;
display: flex;
}
.text-631 {
color: var(--_variable-collection---neutral--3);
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-139 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.c-card {
background-color: #fff;
border: 1px #0000002e;
border-radius: 12px;
width: 395.533px;
height: auto;
overflow: hidden;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007274 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.collection-list-wrapper-23 {
display: none;
}
.button-label-209 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.c-card_top {
flex-direction: column;
justify-content: space-between;
align-items: center;
display: flex;
}
.action-46 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 49px;
text-decoration: none;
display: flex;
}
._15000---20026 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20026.price-text {
color: var(--_variable-collection---neutral--6);
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
}
.c-card_content {
text-align: left;
background-color: #fff;
border-bottom: 1px solid #0000001a;
padding: 23px;
display: none;
}
.content-style-344 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5858 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 352px;
height: 1px;
text-decoration: none;
display: flex;
}
.description-358 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.c-card_action {
width: 100%;
}
.c-detail_wrapper {
text-align: left;
display: flex;
}
.button-style-309 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-309:hover {
background-color: var(--_variable-collection---blue--5);
}
.description-359 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.c-card_img {
object-fit: cover;
width: 100%;
height: 180px;
display: none;
}
.pagination-2 {
margin-top: 20px;
}
.body-9 {
flex-flow: column;
display: flex;
}
.hero-heading-left-92 {
grid-column-gap: 80px;
background-image: linear-gradient(180.5deg, #fff0 0%, #fff 100%);
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 600px;
padding: 40px 24px;
display: flex;
overflow: hidden;
}
.frame-1000007275 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000007276 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-632 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(80.69deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-189 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-310 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.book-counselling-5 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.jos-text-3 {
color: #000;
margin-bottom: 1em;
font-family: Open Sans, sans-serif;
font-size: 1.1em;
font-weight: 600;
line-height: 1.3em;
}
.jos-container-1 {
width: 100%;
max-width: 75em;
margin-left: auto;
margin-right: auto;
}
.jos-imput-1 {
color: #000;
border: 1.7px solid #e8e6e7;
border-radius: .3em;
height: 3em;
margin-bottom: 1.3em;
padding: 1em;
font-size: 1.3em;
line-height: 1.3em;
}
.jos-link-2 {
color: #000;
font-family: Open Sans, sans-serif;
font-size: 1.5em;
font-weight: 600;
line-height: 1.3em;
}
.jos-wrap-1 {
grid-column-gap: 2.3em;
grid-row-gap: 2.3em;
flex-direction: column;
display: flex;
}
.jos-grid-1 {
grid-column-gap: 7em;
grid-row-gap: 7em;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.jos-text-2 {
color: #616161;
margin-bottom: 3em;
font-family: Open Sans, sans-serif;
font-size: 1.5em;
font-weight: 600;
line-height: 1.6em;
}
.jos-section-1 {
padding: 10em 5em;
font-size: 1vw;
}
.jos-select-field-1 {
color: #999;
background-color: #0000;
border: 1.7px solid #e8e6e7;
border-radius: .3em;
margin-bottom: 0;
font-family: Open Sans, sans-serif;
font-size: 1.3em;
font-weight: 400;
line-height: 1.3em;
}
.jos-form-1 {
flex-direction: column;
display: flex;
}
.jos-button-1 {
color: #fff;
text-align: center;
background-color: #c7eb5a;
border-radius: .3em;
margin-top: 2em;
padding: .8em 1em;
font-size: 1.4em;
font-weight: 500;
line-height: 1.3em;
display: block;
}
.jos-button-1:hover {
background-image: linear-gradient(#ffffff12, #ffffff12);
}
.content-style-345 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-306 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.39deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007277 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.intro-37 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.description-360 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-361 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007278 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.intro-38 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.results-heading {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.filter-desc {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.filter-label {
color: var(--sea-green\);
font-family: Cabin, sans-serif;
font-size: 14px;
}
.filter-label:focus {
color: var(--sea-green\);
}
.check01 {
width: 20px;
height: 20px;
font-size: 15px;
}
.checkbox-5, .checkbox-6 {
width: 20px;
height: 20px;
}
.checkbox-label-2 {
font-family: Cabin, sans-serif;
font-size: 14px;
}
.checkbox-label-3 {
font-size: 14px;
}
.form-block-4 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
display: flex;
}
.visible-search {
border-radius: 100px;
width: 350%;
height: 50px;
margin-bottom: 0;
font-family: Cabin, sans-serif;
}
.link-block-10 {
text-decoration: none;
}
.fertilityhidden_wrapper {
color: var(--_variable-collection---neutral--5);
font-family: Cabin, sans-serif;
}
.fertilityhidden_wrapper._2-222 {
color: var(--_variable-collection---neutral--6);
font-size: 1.2rem;
}
.fertilityhidden_wrapper._2-222.omg {
display: none;
}
.fertilityhidden_wrapper.hidenfam {
font-size: 16px;
}
.button-primary-8 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #2a5144;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 10px 20px;
font-size: 16px;
font-weight: 500;
line-height: 1.5;
text-decoration: none;
transition: background-color .3s;
display: inline-flex;
}
.button-primary-8:hover {
background-color: #584837;
}
.h2-heading-4 {
color: #2f261d;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
font-weight: 400;
line-height: 1.2;
}
.section-large-6 {
background-color: #f8f7f2;
padding: 96px 5%;
position: relative;
}
.section-large-6.background-brand {
background-color: #2a5144;
}
.text-accent {
color: #487f6a;
font-style: italic;
}
.cta-features {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: wrap;
justify-content: center;
align-items: center;
display: flex;
}
.paragraph-x-large-6 {
color: #6b5843;
font-size: 20px;
font-weight: 400;
line-height: 1.6;
}
.cta-02-pattern-right {
z-index: 3;
pointer-events: none;
mix-blend-mode: multiply;
width: 24%;
max-width: 200px;
position: absolute;
inset: auto 0% 0% auto;
}
.column-x-small-6 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: flex;
}
.text-link-brand-2 {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #487f6a;
white-space: nowrap;
flex: none;
justify-content: flex-start;
align-items: center;
font-weight: 500;
text-decoration: underline;
display: flex;
}
.cta-02-pattern-left {
z-index: 3;
pointer-events: none;
mix-blend-mode: multiply;
width: 24%;
max-width: 200px;
position: absolute;
inset: auto auto 0% 0%;
}
.cta-container {
grid-column-gap: 48px;
grid-row-gap: 48px;
text-align: center;
background-color: #f1efe5;
border-radius: 24px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 1280px;
margin-left: auto;
margin-right: auto;
padding: 64px;
display: flex;
position: relative;
}
.icon-small-6 {
flex: none;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.paragraph-regular-9 {
color: #6b5843;
font-size: 16px;
font-weight: 400;
line-height: 1.75;
}
.paragraph-regular-9.text-color-tertiary {
color: #6b5843;
}
.radio-button-2 {
display: none;
}
.radio-button-field-3 {
padding-left: 0;
display: none;
}
.radio-button-3 {
display: none;
}
.radio-button-field-4 {
padding-left: 0;
display: none;
}
.collection-list-wrapper-24 {
width: 95%;
}
.frame-1000007279 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000007280 {
grid-row-gap: 16px;
background-color: #00256f;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 20px;
text-decoration: none;
display: flex;
}
.frame-1000007281 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5859 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 272px;
height: 190px;
text-decoration: none;
display: flex;
}
.frame-1000007282 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007283 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007284 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-633 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.unlock-insights-into-your-health-ancestry-or-future-risks-with-our-advanced-genetic-testing {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007285 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 182px;
text-decoration: none;
display: flex;
}
.content-style-346 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.title-style-135 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-362 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-634 {
opacity: .5;
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 10px;
font-weight: 500;
line-height: 150%;
text-decoration: line-through;
}
.eyebrow-heading-7 {
grid-column-gap: 4px;
background-color: #fafafa4d;
border-radius: 40px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.pregnancy-3 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 10px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007286 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 83px;
text-decoration: none;
display: flex;
}
.text-635 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-311 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-210 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007287 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000007288 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.frame-1000007289 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-636 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.text-637 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.action-47 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-312 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-211 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007290 {
grid-row-gap: 13px;
background-color: #fff;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 783px;
padding: 20px 16px;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007291 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 743px;
display: flex;
}
.card-143 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.content-style-347 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-638 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-2 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000004257 {
grid-row-gap: 20px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000007292 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-348 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.text-639 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-640 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-313 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-212 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-349 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.list-22 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-140 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-136 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-641 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-642 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5860 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 1px;
text-decoration: none;
display: flex;
}
.frame-1000004258 {
grid-row-gap: 10px;
background-color: #00256f;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-20 {
grid-column-gap: 10px;
background-color: #d9d9d9;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 181px;
padding: 69px 38px 69px 135px;
display: flex;
}
.group-19 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 42px;
height: 42px;
text-decoration: none;
display: flex;
}
.frame-1000007293 {
grid-row-gap: 36px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000007294 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.text-643 {
color: #000;
letter-spacing: -.02em;
width: 90%;
margin-top: 0;
margin-bottom: 3rem;
font-family: Cabin, sans-serif;
font-size: 35px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
display: flex;
}
.test-card---mobile-14 {
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
max-width: 312px;
height: 365px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-155 {
grid-row-gap: 8.04124px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 168px;
display: flex;
overflow: hidden;
}
.image-241 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 168px;
text-decoration: none;
display: flex;
}
.frame-1000007295 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-141 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-350 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-137 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-363 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-364 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-365 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5861 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-142 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 294px;
text-decoration: none;
display: flex;
}
.price-28 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-644 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20027 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-48 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-314 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-213 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.test-card---mobile-15 {
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
max-width: 312px;
height: 365px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-156 {
grid-row-gap: 8.04124px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 168px;
display: flex;
overflow: hidden;
}
.image-242 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 168px;
text-decoration: none;
display: flex;
}
.frame-1000007296 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-143 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-351 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-138 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-366 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-367 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-368 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5862 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-144 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 294px;
text-decoration: none;
display: flex;
}
.price-29 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-645 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20028 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-49 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-315 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-214 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.tab-pane-tab-23 {
margin-bottom: 0;
padding-bottom: 1rem;
overflow: visible;
}
.tabs-menu-11 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #0c2954;
justify-content: space-between;
max-width: none;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-small-8 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.dropdown-toggle-7 {
color: #fff;
background-color: #0c2954;
border-radius: .3125rem;
padding: 1rem 2.5rem 1rem 1.25rem;
display: block;
}
.container-large-22 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.padding-global-19 {
padding-left: 5%;
padding-right: 5%;
display: none;
}
.tab-link-11 {
opacity: .5;
color: #0c2954;
text-align: center;
background-color: #0c295400;
border: 1px #0c2954;
border-bottom: .0625rem solid #0c295400;
border-radius: 0;
flex: 1;
padding: 1rem 2rem;
}
.tab-link-11.w--current {
opacity: 1;
background-color: #0c295400;
border-bottom-color: #0c2954;
}
.section_hero-4 {
background-color: #e8eff9;
width: 100%;
}
.test-card---mobile-16 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 312px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007297 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 269px;
text-decoration: none;
display: flex;
}
.header-style-145 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-352 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-139 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-369 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-370 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-371 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5863 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 269px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-146 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.price-30 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 152px;
text-decoration: none;
display: flex;
}
.frame-1000007298 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-646 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20029 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-50 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-316 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-215 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.heading-and-supporting-text-5 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-353 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-bottom: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-307 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.39deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-190 {
color: #0d0d0d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.c-hero-heading {
max-width: 260px;
}
.c-section-4 {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
padding-top: 145px;
padding-bottom: 80px;
display: flex;
position: relative;
}
.c-hero-paragraph {
flex: 1;
max-width: 260px;
margin-bottom: 16px;
}
.c-container-4 {
border-radius: 4px;
max-width: 1332px;
margin-left: auto;
margin-right: auto;
padding-left: 16px;
padding-right: 16px;
display: block;
}
.c-container-4.cc-10cols {
max-width: 1112px;
}
.c-hero-content {
justify-content: space-between;
display: flex;
}
.c-cms-progress {
width: 100%;
position: relative;
}
.c-cms-tabs-item {
cursor: pointer;
border-bottom: 1px solid #46464f;
width: 25%;
margin-left: 10px;
margin-right: 10px;
padding-bottom: 16px;
position: relative;
}
.c-cms-content-wrapper {
padding-top: 78px;
}
.c-cms-tabs {
padding-top: 79px;
}
.c-title-wrapper-4 {
margin-bottom: 16px;
}
.c-title-3-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 300;
line-height: 36px;
}
.c-cms-tabs-list {
margin-left: -10px;
margin-right: -10px;
display: flex;
}
.c-text-1-2 {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
line-height: 28px;
}
.tab-pane-tab-1-9 {
margin-bottom: 0;
padding-bottom: 1rem;
overflow: visible;
}
.tabs-menu-12 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #0c2954;
justify-content: space-between;
max-width: none;
margin-bottom: 2rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-small-9 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.container-xlarge-2 {
width: 100%;
max-width: 96rem;
margin-left: auto;
margin-right: auto;
}
.tab-pane_img-wrapper-5 {
aspect-ratio: 16 / 9;
border-radius: .3125rem;
max-width: none;
margin-left: auto;
margin-right: auto;
overflow: visible;
box-shadow: 0 5px 9px #0c29543d;
}
.container-large-23 {
width: 100%;
max-width: 80rem;
margin-left: auto;
margin-right: auto;
}
.tab-link-12 {
opacity: .5;
color: #0c2954;
text-align: center;
background-color: #0c295400;
border: 1px #0c2954;
border-bottom: .0625rem solid #0c295400;
border-radius: 0;
flex: 1;
padding: 1rem 2rem;
}
.tab-link-12.w--current {
opacity: 1;
background-color: #0c295400;
border-bottom-color: #0c2954;
}
.section_hero-5 {
background-color: #e8eff9;
width: 100%;
}
.tab-pane-2 {
width: 100%;
height: 100%;
padding: 20px;
overflow: auto;
}
.tabs-11 {
width: 100%;
height: 100%;
overflow: hidden;
}
.wrap-2 {
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 100vh;
display: none;
position: relative;
}
.tabs-wrap-2 {
max-width: 400px;
max-height: 600px;
}
.tiny-txt {
color: #312188;
}
.tab-link-13 {
opacity: .3;
text-align: center;
background-color: #0000;
flex: none;
padding: 10px 5px 5px;
}
.tab-link-13.w--current {
opacity: 1;
background-color: #0000;
}
.tiny-link {
color: #d4145a;
}
.card-144 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 282px;
text-decoration: none;
display: flex;
}
.image-wrapper-157 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-243 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-46 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-41 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-372 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5811 {
object-fit: cover;
border-radius: 16px;
}
.image-244 {
grid-row-gap: 10px;
object-fit: cover;
border-radius: 30px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
height: 300px;
padding: 21px 17px;
text-decoration: none;
display: flex;
}
.frame-1000007299 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.image-245 {
grid-row-gap: 10px;
object-fit: cover;
border-radius: 30px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
height: 300px;
padding: 21px 17px;
text-decoration: none;
display: flex;
}
.frame-1000007300 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.image-246 {
grid-row-gap: 10px;
object-fit: cover;
border-radius: 30px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
height: 300px;
padding: 21px 17px;
text-decoration: none;
display: flex;
}
.container-201 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68b698051066bcaedfdd4c11_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 385px;
padding: 20px;
text-decoration: none;
display: flex;
}
.column-370 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
text-decoration: none;
display: flex;
}
.image-wrapper-158 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 273px;
text-decoration: none;
display: flex;
}
.image-247 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
}
.column-371 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-308 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-191 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-88 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-317 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-216 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.card-145 {
grid-column-gap: 12px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #01319499;
border: 1px solid #0336a1;
border-radius: 26px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 4px 12px;
text-decoration: none;
display: flex;
}
.content-style-354 {
grid-column-gap: 84px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.text-647 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-355 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-192 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-310 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(71.57deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-311 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007301 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
text-decoration: none;
display: flex;
}
.nav-bar---mobile-3 {
justify-content: space-between;
align-items: center;
width: 100%;
height: 60px;
padding: 8px 24px;
display: flex;
}
.final-gt-logo-2 {
object-fit: cover;
overflow: hidden;
}
.dehaze-5 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
padding: 5px 3px;
text-decoration: none;
display: flex;
}
.dehaze-6 {
object-fit: cover;
}
.frame-1000007302 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.hero-heading-left-93 {
grid-column-gap: 80px;
background-image: linear-gradient(#fff0, #fff), none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 600px;
min-height: 600px;
padding: 40px 24px;
display: none;
overflow: hidden;
}
.frame-1000007303 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000007304 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-648 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(80.69deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-193 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-318 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-217 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007305 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
text-decoration: none;
display: flex;
}
.frame-1000007306 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 545px;
padding: 40px 24px;
display: none;
}
.column-372 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-159 {
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-248 {
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-373 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-356 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-312 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-194 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007307 {
grid-row-gap: 16px;
background-color: #fafafa;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.frame-1000007308 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.group-1000003810 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 36px;
text-decoration: none;
display: flex;
}
.column-374 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 529px;
text-decoration: none;
display: flex;
}
.card-146 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
padding: 16px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-249 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex;
}
.content-style-357 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 172px;
text-decoration: none;
display: flex;
}
.title-style-140 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-373 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.card-147 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
padding: 8px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.card-148 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 8px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.title-copy-goes-here-be-awesome-314 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-315 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000006861 {
grid-row-gap: 24px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
min-height: 962px;
padding: 40px 32px;
text-decoration: none;
display: none;
}
.content-style-358 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-141 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-374 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007309 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 789px;
display: flex;
}
.card-149 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-16 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 64px;
height: 64px;
text-decoration: none;
display: flex;
}
.content-style-359 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-649 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-650 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-360 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-651 {
opacity: .6;
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-652 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-653 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-94 {
grid-column-gap: 80px;
background-image: linear-gradient(#fff0, #fff);
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 600px;
padding: 40px 24px;
display: none;
overflow: hidden;
}
.frame-1000007310 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000007311 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-654 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(80.69deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-195 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-319 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-218 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007312 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 545px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-375 {
grid-column-gap: 10px;
border-radius: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-160 {
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-250 {
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-376 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-361 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-316 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-196 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007313 {
grid-row-gap: 24px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
min-height: 1022px;
padding: 40px 32px;
text-decoration: none;
display: none;
}
.content-style-362 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-142 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-375 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007314 {
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-150 {
grid-row-gap: 8px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-17 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-363 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-655 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-656 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.content-style-364 {
grid-row-gap: 2px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-657 {
opacity: .6;
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-658 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-659 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000006862 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 477px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-377 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-161 {
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68ac5e4d0f573b84254cdf9f_Image.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
min-height: 267.429px;
text-decoration: none;
display: flex;
}
.image-251 {
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-378 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-365 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-317 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-197 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.heading-and-supporting-text-6 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-366 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-318 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.39deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-198 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-style-2 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 80px;
padding: 120px 323px 40px;
text-decoration: none;
display: flex;
}
.frame-1000007315 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 120%;
text-decoration: none;
display: flex;
}
.frame-1000007316 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-660 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-661 {
color: #5d5d5d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007317 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-662 {
color: #5d5d5d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-663 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-container-2 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-line-2 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5864 {
object-fit: cover;
}
.link-block-11 {
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.frame-1000007318 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-379 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-162 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-252 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-380 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-367 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-319 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-199 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.patient-stories---mobile {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.image-container-3 {
grid-row-gap: 9.41887px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.image-line-3 {
grid-row-gap: 9.41887px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5865 {
object-fit: cover;
border-radius: 16px;
}
.image-container-4 {
grid-row-gap: 9.41887px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.image-line-4 {
grid-row-gap: 9.41887px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5866 {
object-fit: cover;
border-radius: 16px;
}
.collection-list-wrapper-26 {
display: flex;
}
.navigation-link-5 {
color: #00104b;
border-radius: 8px;
align-items: center;
padding: 14px 20px;
text-decoration: none;
transition: all .35s;
display: flex;
position: relative;
overflow: hidden;
}
.navigation-link-5:hover {
color: #fff;
background-color: #865ddb;
}
.dropdown-list-5 {
min-width: 140px;
}
.dropdown-list-5.w--open {
background-color: #0000;
min-width: 650px;
padding-top: 39px;
left: -180px;
}
.nav-menu-6 {
color: #000;
align-items: center;
width: auto;
height: 100%;
display: flex;
position: static;
}
.navigation-container-4 {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.navigation-6 {
background-color: #fff;
align-items: center;
height: 100px;
padding-left: 3%;
padding-right: 3%;
display: flex;
box-shadow: 38px 38px 74px #38327c0f;
}
.navigation-menu-4 {
align-items: center;
display: flex;
}
.dropdown-link-base-2 {
align-items: flex-start;
width: 100%;
padding: 40px 30px 30px;
display: flex;
}
.dropdown-toggle-8 {
color: #000;
padding-left: 12px;
padding-right: 24px;
font-size: 15px;
font-weight: 500;
transition: all .2s;
}
.dropdown-toggle-8:hover {
color: #865ddb;
}
.dropdown-10 {
margin-left: 5px;
margin-right: 5px;
position: relative;
}
.button-style-320 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-664 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.test-tube-line-4 {
object-fit: cover;
overflow: hidden;
}
.vector-3 {
object-fit: cover;
}
.frame-1000004327 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.customer-service-2-line, .book-open-line {
object-fit: cover;
overflow: hidden;
}
.vector-4, .vector-5 {
object-fit: cover;
}
.navigation-side-links {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
min-width: 240px;
display: flex;
}
.button-primary-9 {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #fff;
text-align: center;
letter-spacing: -.25px;
white-space: nowrap;
background-color: #0a0a0a;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 20px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .4s;
display: flex;
}
.button-primary-9:hover {
background-color: #734573;
}
.button-primary-9.w--current {
background-color: #4b264b;
border-color: #48566a;
}
.button-primary-9.icon-right {
padding-right: 12px;
}
.banner-4 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #fff;
text-align: center;
background-color: #000;
justify-content: center;
align-items: center;
padding: 12px 32px;
display: flex;
position: relative;
}
.navigation-wrapper-large {
grid-column-gap: 32px;
align-items: center;
display: flex;
}
.navigation-menu-5 {
grid-column-gap: 4px;
grid-row-gap: 4px;
align-items: center;
display: flex;
}
.navigation-7 {
z-index: 999;
background-color: #f8f6f6;
border-bottom: 1px solid #d4d4d4;
align-items: center;
width: 100%;
height: 96px;
padding: 10px 5%;
display: flex;
}
.dropdown-links-grid {
grid-column-gap: 24px;
grid-row-gap: 24px;
}
.paragraph-x-small-6 {
font-size: 12px;
line-height: 16px;
}
.paragraph-x-small-6.text-weight-medium {
font-weight: 500;
}
.navigation-icon-wrapper {
color: #361b36;
background-color: #f0ebf0;
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
display: flex;
}
.navigation-icon-wrapper.brown {
color: #63514f;
background-color: #f8f6f6;
}
.navigation-icon-wrapper.red {
color: #5a1616;
background-color: #f6eaea;
}
.navigation-icon-wrapper.blue {
color: #233f67;
background-color: #f3f6fc;
}
.navigation-icon-wrapper.green {
color: #244c42;
background-color: #f4faf8;
}
.paragraph-small-9 {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.paragraph-small-9.text-color-gray-500 {
color: #737373;
}
.row-tiny-2 {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-direction: row;
display: flex;
}
.dropdown-link-4 {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #000;
white-space: nowrap;
align-items: center;
padding-right: 16px;
text-decoration: none;
display: flex;
}
.navigation-dropdown-row {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
display: flex;
}
.navigation-link-6 {
color: #0a0a0a;
padding: 12px 18px;
font-size: 16px;
line-height: 24px;
text-decoration: none;
transition: color .3s;
}
.navigation-link-6:hover {
color: #734573;
}
.navigation-link-6.w--current {
color: #642eff;
}
.navigation-dropdown-card {
background-color: #fff;
border: 1px solid #e6e6e6;
width: 100%;
padding: 24px;
}
.navigation-button-group {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.dropdown-title {
border-bottom: 1px solid #e6e6e6;
padding-bottom: 16px;
}
.dropdown-icon-2 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.button-outline-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
-webkit-backdrop-filter: blur(32px);
backdrop-filter: blur(32px);
color: #0a0a0a;
background-color: #0000;
border: 1px solid #d4d4d4;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 20px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
position: relative;
}
.button-outline-3:hover {
color: #110811;
background-color: #f0ebf0;
border-color: #c8b6c8;
}
.button-outline-3.w--current {
background-color: #fafafa;
}
.button-outline-3.icon-left {
padding-left: 12px;
}
.subheading-small-2 {
color: #0a0a0a;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.column-tiny {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
display: flex;
}
.navigation-dropdown-list-2 {
background-color: #0000;
}
.navigation-dropdown-list-2.w--open {
padding-top: 34px;
overflow: hidden;
}
.icon-x-large {
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.overline-3 {
letter-spacing: 2px;
text-transform: uppercase;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.overline-3.text-color-gray-500 {
color: #737373;
}
.dropdown-side-link {
grid-column-gap: 12px;
grid-row-gap: 12px;
color: #0a0a0a;
white-space: nowrap;
align-items: center;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.navigation-dropdown-toggle-2 {
grid-column-gap: 2px;
grid-row-gap: 2px;
color: #0a0a0a;
align-items: center;
padding: 12px 12px 12px 18px;
font-size: 16px;
line-height: 24px;
text-decoration: none;
transition: color .3s;
display: flex;
}
.navigation-dropdown-toggle-2:hover {
color: #734573;
}
.navigation-dropdown-toggle-2.w--current {
color: #642eff;
}
.navigation-dropdown-toggle-2.w--open {
background-color: #fff;
}
.navigation-container-5 {
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.ikonik-wqtuih, .ikonik-ie90s {
color: #5d5d5d;
}
.button-style-321 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-665 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007319 {
grid-column-gap: 11px;
justify-content: center;
align-items: center;
width: 100%;
padding: 24px;
text-decoration: none;
display: flex;
}
.button-style-322 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-219 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-label-219:hover {
color: var(--_variable-collection---blue--5);
}
.button-7 {
color: #000;
background-color: #fff;
padding-left: 0;
}
.collection-item-23 {
grid-column-gap: 20px;
grid-row-gap: 20px;
width: auto;
display: flex;
}
.frame-1000007320 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000007321 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 294px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-381 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 218px;
display: flex;
}
.content-style-368 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-200 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-323 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-220 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007322 {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding-bottom: 40px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.container-202 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68b698051066bcaedfdd4c11_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 410px;
padding: 20px;
text-decoration: none;
display: flex;
}
.column-382 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
text-decoration: none;
display: flex;
}
.image-wrapper-163 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.image-253 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
}
.column-383 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-321 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-201 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-89 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-322 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-323 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007323 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000007324 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 294px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-384 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 218px;
display: flex;
}
.content-style-369 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-202 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-324 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-221 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007325 {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding-bottom: 40px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
}
.container-203 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/68763763452fe387e6baa3d1/68b698051066bcaedfdd4c11_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 410px;
padding: 20px;
text-decoration: none;
display: flex;
}
.column-385 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
text-decoration: none;
display: flex;
}
.image-wrapper-164 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.image-254 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
}
.column-386 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-325 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-203 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-90 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-326 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-327 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.button-style-325 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-222 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.div-block-38 {
display: none;
}
.section-title-43 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-666 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 35px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.text-667 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.intro-39 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: none;
}
.title-style-143 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-376 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.div-block-39 {
grid-column-gap: 40px;
grid-row-gap: 40px;
display: flex;
}
.div-block-40 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: column;
align-items: flex-start;
height: 400px;
display: flex;
}
.section_gallery21 {
overflow: hidden;
}
.gallery21_component {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
align-items: start;
}
.gallery21_mask {
width: 50%;
overflow: visible;
}
.gallery21_slide-nav {
height: 1.75rem;
font-size: .5rem;
inset: auto auto 0% 0%;
}
.padding-section-large-7 {
padding-top: 7rem;
padding-bottom: 7rem;
}
.slider-arrow-icon_default {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.slider-arrow {
border: 1px solid var(--\);
background-color: var(--\);
color: var(--\);
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
display: flex;
}
.slider-arrow.is-bottom-next {
inset: auto 0% 0% auto;
}
.slider-arrow.is-bottom-previous {
inset: auto 4rem 0% auto;
}
.gallery21_image-wrapper {
border-radius: var(--\);
width: 100%;
overflow: hidden;
}
.gallery21_slide {
padding-right: 2rem;
}
.gallery21_slider {
background-color: var(--\);
flex-direction: row;
justify-content: center;
align-items: center;
height: 100%;
padding-bottom: 5rem;
position: relative;
}
.gallery21_lightbox-link {
width: 100%;
}
.gallery21_image {
aspect-ratio: 1;
object-fit: cover;
width: 100%;
height: 100%;
}
.padding-global-20 {
padding-left: 5%;
padding-right: 5%;
}
.heading-style-h2-2 {
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.spacer-medium {
width: 100%;
padding-top: 2rem;
}
.arrow-wrap {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.ms-iframe-footer-embed {
background-color: #d1e7fb;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68d25243d056f558cc82ac6b_noise.png");
background-position: 0 0;
background-size: 200px;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
height: 350px;
margin-bottom: 0;
display: block;
overflow: hidden;
}
.swiper-wrapper-3 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
align-items: flex-start;
width: 100%;
display: flex;
}
.swiper-button-next {
color: #000;
border: 1px solid #000;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: opacity .2s;
display: flex;
}
.section_features {
flex-direction: column;
justify-content: center;
align-items: flex-start;
min-height: 100vh;
display: flex;
}
.feature-card {
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.heading-style-h4-3 {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.4;
}
.subheader {
opacity: .6;
text-transform: uppercase;
font-weight: 700;
}
.swiper-button-prev {
color: #000;
border: 1px solid #000;
border-radius: 5rem;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: opacity .2s;
display: flex;
}
.hidden-embed {
z-index: -1;
opacity: 0;
height: 0;
max-height: 0;
position: fixed;
}
.ms-iframe {
z-index: 2147483647;
justify-content: flex-end;
align-items: flex-end;
height: 70px;
display: flex;
position: fixed;
inset: auto auto 0% 0%;
}
.swiper-slide-6 {
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 45%;
min-width: 65%;
padding-right: 2rem;
transition: opacity .1s linear;
}
.spacer-xsmall {
width: 100%;
padding-top: .5rem;
}
.swiper-container {
width: 100%;
}
.spacer-small {
width: 100%;
padding-top: 1rem;
}
.icon-embed-xsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.heading-style-h2-3 {
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.ms-iframe-embed {
justify-content: flex-end;
align-items: flex-end;
width: 180px;
height: 70px;
display: flex;
position: relative;
overflow: visible;
}
.button-8 {
color: #000;
text-align: center;
background-color: #3bff29;
border: 1px solid #3bff29;
border-radius: 5rem;
padding: .6rem 1.5rem;
font-weight: 700;
text-decoration: none;
}
.button-8.is-icon {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-direction: row;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.slider-img {
object-fit: cover;
border-radius: .75rem;
width: 100%;
height: 200px;
}
.container-medium-3 {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.wb-controls-wrapper {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 50%;
padding-left: 1rem;
display: flex;
}
.wb-layout {
display: flex;
}
.wb-names-slide {
flex: none;
width: 379.401%;
position: relative;
}
.wb-progressbar {
transform-origin: 0%;
transform-style: preserve-3d;
background-color: #424242;
width: 100%;
height: .5rem;
transform: scale3d(.2, 1, 1);
}
.wb-swiper-bullet {
cursor: pointer;
background-color: #dedede;
width: 1rem;
height: 1rem;
padding: 0;
}
.wb-swiper-bullet.is-active {
background-color: #424242;
}
.padding-section-tiny {
padding-top: 1rem;
padding-bottom: 1rem;
}
.wb-progress-wrapper {
background-color: #dedede;
width: 100%;
}
.logo-embed {
justify-content: center;
align-items: center;
width: 10rem;
display: flex;
}
.page-padding-2 {
padding-left: 5vw;
padding-right: 5vw;
}
.section-14.overflow-clip {
overflow: clip;
}
.wb-names-wrapper {
flex-flow: row;
align-items: stretch;
height: 100%;
display: flex;
position: relative;
}
.top_layout {
justify-content: center;
align-items: center;
display: flex;
}
.wb-names {
width: 100%;
overflow: clip;
}
.wb-swiper-controls {
justify-content: flex-end;
align-items: center;
width: 100%;
margin-top: 1rem;
display: flex;
}
.wb-swiper {
aspect-ratio: 1;
width: 50%;
overflow: clip;
}
.wb-swiper-wrapper {
flex-flow: row;
align-items: stretch;
height: 100%;
display: flex;
position: relative;
}
.wb-swiper-pagination {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
display: flex;
}
.wb-swiper-button-wrap {
display: flex;
}
.padding-global-21 {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.icon-embed-large {
flex-direction: column;
justify-content: center;
align-items: center;
width: 2rem;
height: 2rem;
display: flex;
}
.wb-swiper-button {
color: #424242;
padding: 0;
}
.wb-slide {
flex: none;
position: relative;
}
.container-medium-4 {
width: 100%;
max-width: 64rem;
margin-left: auto;
margin-right: auto;
}
.column-387 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
text-decoration: none;
display: flex;
}
.tick-2 {
grid-column-gap: 6px;
object-fit: cover;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-328 {
color: #0d0d0d;
letter-spacing: -.02em;
flex: 1;
width: auto;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-204 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-91 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-326 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 170px;
height: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.text-668 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-327 {
grid-column-gap: 8px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.arrow-left-line {
object-fit: cover;
max-width: none;
display: block;
overflow: hidden;
}
.navigation-button-2 {
grid-column-gap: 8px;
background-color: #edf6ff;
border: 1px solid #dceeff;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.image-255 {
object-fit: cover;
width: 70%;
height: 100%;
}
.main-wrapper-13 {
flex-direction: column;
justify-content: center;
align-items: stretch;
min-height: 100svh;
display: flex;
overflow: hidden;
}
.padding-global-22 {
padding-left: 3rem;
padding-right: 3rem;
}
.container-large-24 {
width: 100%;
max-width: 78.125rem;
margin-left: auto;
margin-right: auto;
}
.swiper-slide-7.is-card {
justify-content: center;
display: flex;
overflow: visible;
}
.swiper-slide-7.is-player {
flex-direction: column;
height: auto;
display: flex;
}
.grid-double {
grid-column-gap: 6rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-items: start stretch;
display: grid;
}
.slider_left {
align-self: stretch;
min-width: 0;
}
.swiper-wrapper-4.is-player {
height: 100%;
}
.slider_right {
flex-direction: column;
min-width: 0;
}
.padding-section-large-8 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.position-wrapper {
grid-column-gap: 1rem;
align-items: center;
margin-top: 1.5rem;
margin-bottom: 2rem;
display: flex;
}
.bio {
text-align: justify;
margin-bottom: 3rem;
display: none;
}
.swiper-button-prev-2.is-prev {
color: #d22736;
border: .125rem solid #d22736;
border-radius: 1000rem;
width: auto;
height: auto;
padding: .25rem 1.5rem;
text-decoration: none;
position: static;
}
.swiper-button-prev-2.is-prev:hover {
opacity: .5;
}
.heading-style-h1 {
margin-top: 0;
margin-bottom: 0;
font-size: 1rem;
font-style: italic;
font-weight: 400;
line-height: .9;
}
.navigation-8 {
grid-column-gap: .75rem;
align-items: center;
margin-top: auto;
display: flex;
}
.hr {
background-color: #110304;
border-radius: 100rem;
width: 3rem;
height: .125rem;
}
.text-color-red {
color: #d22736;
}
.position {
font-size: 1.5rem;
font-style: italic;
font-weight: 500;
}
.swiper-button-next-2.is-next {
color: #fff;
cursor: pointer;
background-color: #d22736;
border: .125rem solid #d22736;
border-radius: 1000rem;
width: auto;
height: auto;
padding: .25rem 1.5rem;
text-decoration: none;
transition: opacity .2s;
position: static;
}
.swiper-button-next-2.is-next:hover {
opacity: .5;
}
.content-style-370 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-329 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-205 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-328 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.text-669 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.main-wrapper-14 {
background-image: none;
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
flex-direction: column;
justify-content: center;
align-items: stretch;
min-height: 100svh;
display: flex;
overflow: hidden;
}
.padding-global-23 {
padding-left: 3rem;
padding-right: 3rem;
}
.container-large-25 {
width: 100%;
max-width: 78.125rem;
margin-left: auto;
margin-right: auto;
}
.swiper-slide-8.is-card {
justify-content: center;
display: flex;
overflow: visible;
}
.swiper-slide-8.is-player {
flex-direction: column;
height: auto;
display: flex;
}
.padding-section-large-9 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.main-wrapper-15 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68d25a346d6836d699f09cb1_baseball%20stitching.png");
background-position: 100% 100%;
background-repeat: no-repeat;
background-size: 50%;
flex-direction: column;
justify-content: center;
align-items: stretch;
min-height: 100svh;
display: flex;
overflow: hidden;
}
.padding-global-24 {
padding-left: 3rem;
padding-right: 3rem;
}
.container-large-26 {
width: 100%;
max-width: 78.125rem;
margin-left: auto;
margin-right: auto;
}
.swiper-slide-9.is-card {
justify-content: center;
display: flex;
overflow: visible;
}
.swiper-slide-9.is-player {
flex-direction: column;
height: auto;
display: flex;
}
.padding-section-large-10 {
padding-top: 4rem;
padding-bottom: 4rem;
}
.swiper-button-next-3.is-next {
color: #fff;
cursor: pointer;
background-color: #d22736;
border: .125rem solid #d22736;
border-radius: 1000rem;
width: auto;
height: auto;
padding: .25rem 1.5rem;
text-decoration: none;
transition: opacity .2s;
position: static;
}
.swiper-button-next-3.is-next:hover {
opacity: .5;
}
.card-151 {
border-radius: .5rem;
max-width: 21.25rem;
}
.actions-92 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-329 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.text-670 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-330 {
grid-column-gap: 8px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.button-style-330.custom-prev {
width: 60px;
height: 60px;
margin-top: 0;
margin-left: 0;
}
.navigation-button-3 {
grid-column-gap: 8px;
background-color: #edf6ff;
border: 1px solid #dceeff;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.navigation-button-3.custom-next {
width: 60px;
height: 60px;
margin-top: 0;
margin-right: 0;
}
.actions-93 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-331 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.text-671 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-332 {
grid-column-gap: 8px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.button-style-332.left-arrow-4 {
margin-top: 0;
margin-left: 0;
}
.arrow-left-line-2 {
object-fit: cover;
overflow: hidden;
}
.navigation-button-4 {
grid-column-gap: 8px;
background-color: #edf6ff;
border: 1px solid #dceeff;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.navigation-button-4.right-arrow-4 {
margin-top: 0;
}
.hero-section---mobile-9 {
grid-row-gap: 24px;
background-image: linear-gradient(#fff0 3%, #fff 74%), none;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 160px 24px 40px;
text-decoration: none;
display: none;
}
.frame-1000007326 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.frame-1000007327 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-206 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-333 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-673 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.fertility-genomics-6 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.48deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.fertility-genomics-7 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.container-204 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-388 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-165 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-256 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-389 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tick-3 {
grid-column-gap: 6px;
object-fit: cover;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-330 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-207 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-94 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-334 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.text-674 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-335 {
grid-column-gap: 8px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.arrow-left-line-3 {
object-fit: cover;
overflow: hidden;
}
.navigation-button-5 {
grid-column-gap: 8px;
background-color: #edf6ff;
border: 1px solid #dceeff;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.slider-4 {
height: 500px;
display: flex;
}
.slide-4 {
vertical-align: baseline;
height: 500px;
}
.mask {
height: 500px;
}
.slide-nav-4 {
color: #000;
}
.frame-1000007328 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.column-390 {
grid-column-gap: 5.78571px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 277.56px;
display: flex;
}
.image-wrapper-166 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 277.56px;
text-decoration: none;
display: flex;
}
.image-257 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 308px;
height: 100%;
text-decoration: none;
display: flex;
}
.column-391 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-392 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-371 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.feature-35 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000007329 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-377 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-378 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-379 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-95 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-336 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-223 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-332 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 38%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-333 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.column-393 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-372 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-335 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(57.23deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-336 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.column-394 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-373 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-338 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(84.72deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-339 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.content-style-374 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 18px;
display: flex;
}
.rectangle-5867 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 69px;
height: 1px;
text-decoration: none;
display: flex;
}
.text-675 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-340 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.97deg, #00256f 0%, #0084ff 47%, #1dc5ff 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-size: 24px;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-341 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(86.97deg, #00256f 0%, #0084ff 47%, #1dc5ff 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.slider_pagination-5 {
height: 1.75rem;
font-size: .5rem;
display: none;
inset: auto auto 0% 0%;
}
.testimonial-card1_item-7 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
background-color: #edf6ff;
background-image: linear-gradient(#edf6ff, #fff);
border-radius: 1.5rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 360px;
padding: 2rem;
display: flex;
}
.collection-list-22 {
display: none;
}
.text-676 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.section-title-44 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.swiper-btn-icon-3 {
color: #0084ff;
justify-content: center;
align-items: center;
width: 12px;
height: 30px;
font-family: Cabin, sans-serif;
display: flex;
}
.text-677 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 35px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.slider01_mask-6 {
width: 33.33%;
overflow: visible;
}
.text-size-medium-8 {
font-size: 1.125rem;
}
.button-style-337 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 20px;
text-decoration: none;
display: flex;
}
.slider_arrow-7 {
background-color: #edf6ff;
border: 2px solid #dceeff;
border-radius: 100%;
justify-content: center;
align-items: center;
width: 3rem;
height: 3rem;
transition: background-color .3s ease-out;
display: flex;
inset: auto -7% 0% 0%;
}
.slider_arrow-7:hover {
background-color: #dceeff;
}
.slider_arrow-7.is-left {
left: -7%;
right: 0;
}
.testimonial-person_item-6 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
text-align: left;
align-items: center;
margin-top: auto;
display: flex;
}
.section-15 {
justify-content: center;
align-items: center;
padding: 80px 0;
display: flex;
overflow: hidden;
}
.slider01_comp-6 {
background-color: #0000;
width: 100%;
height: auto;
padding-bottom: 5rem;
position: relative;
}
.slider01_slide-6 {
width: 365px;
margin-right: .2rem;
}
.frame-1000007330 {
justify-content: center;
align-items: center;
width: 100%;
max-width: 280px;
text-decoration: none;
display: flex;
}
.frame-1000007330.kkkkk {
text-align: center;
max-width: none;
}
.button-label-224 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
display: none;
}
.section_inner-5 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-direction: column;
align-items: center;
width: 1100px;
display: flex;
overflow: hidden;
}
.test-card---mobile-17 {
grid-row-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 100%;
max-width: 312px;
height: 365px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-167 {
grid-row-gap: 8.04124px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 168px;
display: flex;
overflow: hidden;
}
.image-258 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 168px;
text-decoration: none;
display: flex;
}
.frame-1000007331 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-147 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-375 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-144 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-380 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-381 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-382 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5868 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-148 {
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.price-31 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-678 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20030 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-51 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-338 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-225 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.text-block-104 {
font-family: Cabin, sans-serif;
font-size: 12px;
}
.effect-card-shadowdefault {
box-shadow: 0 8px 24px 10px #0000000a;
}
.effect-card-shadowhover {
box-shadow: 0 8px 24px #00000014, 0 4px 4px #00000014;
}
.text-h6 {
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
}
.text-headingh1 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
}
.text-headingh2 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 56px;
font-weight: 500;
line-height: 120%;
}
.text-headingh3 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 48px;
font-weight: 500;
line-height: 120%;
}
.text-headingh4 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
}
.text-headingh5 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 700;
line-height: 140%;
}
.text-titlet1 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
}
.text-titlet2 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
}
.text-titlet3 {
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
}
.text-paragraphp1400 {
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.text-paragraphp1500 {
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
}
.text-paragraphp1600, .text-paragraphp1700 {
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
}
.text-paragraphp2400 {
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.text-paragraphp2500 {
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
}
.text-paragraphp2600, .text-paragraphp2700 {
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 150%;
}
.text-paragraphp3400 {
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
}
.text-paragraphp3500 {
letter-spacing: .02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
}
.text-paragraphp3600, .text-paragraphp3700 {
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
}
.frame-1000007332 {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding-bottom: 40px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-205 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68d4e5f622599f1197d7b63e_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 385px;
padding: 20px;
text-decoration: none;
display: flex;
}
.column-395 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
text-decoration: none;
display: flex;
}
.image-wrapper-168 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 273px;
text-decoration: none;
display: flex;
}
.image-259 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
}
.column-396 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-342 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-208 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-96 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-339 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-226 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-206 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68d4e5f622599f1197d7b63e_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 385px;
padding: 20px;
text-decoration: none;
display: flex;
}
.column-397 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
text-decoration: none;
display: flex;
}
.image-wrapper-169 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 273px;
text-decoration: none;
display: flex;
}
.image-260 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
}
.column-398 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-343 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-209 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-97 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-340 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-227 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-207 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68d4e5f622599f1197d7b63e_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 385px;
padding: 20px;
text-decoration: none;
display: flex;
}
.column-399 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
text-decoration: none;
display: flex;
}
.image-wrapper-170 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 273px;
text-decoration: none;
display: flex;
}
.image-261 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
}
.column-400 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-344 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-210 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-98 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-341 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-228 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-208 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68d4e5f622599f1197d7b63e_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 385px;
padding: 20px;
text-decoration: none;
display: flex;
}
.column-401 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
text-decoration: none;
display: flex;
}
.image-wrapper-171 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 273px;
text-decoration: none;
display: flex;
}
.image-262 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
}
.column-402 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-345 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-211 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-99 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-342 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-229 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.container-209 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68d4e5f622599f1197d7b63e_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 385px;
padding: 20px;
text-decoration: none;
display: flex;
}
.column-403 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
text-decoration: none;
display: flex;
}
.image-wrapper-172 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 273px;
text-decoration: none;
display: flex;
}
.image-263 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
}
.column-404 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-346 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-212 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-100 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-343 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-230 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007333 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-405 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-173 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-264 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-406 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-407 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-376 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.feature-36 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000007334 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-383 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-384 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-101 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-344 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-231 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.intro-40 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-145 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-385 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-regular-9 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.title-wrapper-4 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 858px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.paragraph-small-10 {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.paragraph-small-10.text-color-gray-600 {
color: #525f75;
}
.faq-7 {
background-color: #f6f7f9;
border-radius: 8px;
width: 100%;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.section-regular-7 {
padding: 96px 5%;
position: relative;
}
.section-regular-7.background-gray {
background-color: #f6f7f9;
background-color: var(--_variable-collection---neutral--0);
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
}
.faq-border-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #f6f7f9;
border: .5px solid #d5d9e2;
border-radius: 12px;
flex-flow: column;
width: 100%;
max-width: 638px;
margin-left: auto;
margin-right: auto;
padding: 8px;
display: flex;
}
.h2-heading-5 {
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 0;
font-size: 56px;
font-weight: 600;
line-height: 72px;
}
.column-408 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-174 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-265 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.div-block-44 {
display: none;
}
.tab-link-14 {
color: #888282;
background-color: #0000;
border: 2px solid #0000;
border-radius: 20px;
margin-bottom: 5px;
font-size: 17px;
font-weight: 400;
}
.tab-link-14:hover {
background-color: #eee;
}
.tab-link-14.w--current {
color: #7c7c7c;
background-color: #fff;
border: 2px dotted #5c5c5c;
order: -1;
font-weight: 700;
}
.tabs-content-10 {
padding-left: 54px;
padding-right: 54px;
}
.tabs-menu-13 {
z-index: 10;
background-color: #f7f7f7;
border-radius: 20px;
flex-direction: column;
flex: none;
align-self: flex-start;
width: 70%;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: auto 0%;
overflow: hidden;
box-shadow: 14px 14px 20px -18px #0000004f;
}
.text-block-107 {
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 30px;
}
.icon-37 {
opacity: 0;
display: block;
}
.tab-dropdown-wrap-4 {
flex: 1;
align-self: stretch;
width: 100%;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
display: block;
}
.dropdown-tab-5, .text-block-108 {
justify-content: space-between;
display: flex;
}
.div-block-45 {
background-image: linear-gradient(#ffffffe0, #ffffffe0), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68baa4723a8b738d236f0f23_testpattern.svg");
background-position: 0 0, 50% 0;
background-size: auto, contain;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
}
.tab-drop-heading-2 {
color: #949494;
text-align: center;
border-bottom: 1px #d8d8d8;
margin-top: 142px;
margin-bottom: 0;
padding-bottom: 20px;
font-family: Open Sans, sans-serif;
}
.tab-link-15 {
color: #888282;
background-color: #0000;
border: 2px solid #0000;
border-radius: 20px;
margin-bottom: 5px;
font-size: 17px;
font-weight: 400;
}
.tab-link-15:hover {
background-color: #eee;
}
.tab-link-15.w--current {
color: #7c7c7c;
background-color: #fff;
border: 2px dotted #5c5c5c;
order: -1;
font-weight: 700;
}
.tabs-content-11 {
padding-left: 54px;
padding-right: 54px;
}
.tabs-menu-14 {
z-index: 10;
background-color: #f7f7f7;
border-radius: 20px;
flex-direction: column;
flex: none;
align-self: flex-start;
width: 70%;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: auto 0%;
overflow: hidden;
box-shadow: 14px 14px 20px -18px #0000004f;
}
.text-block-109 {
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 30px;
}
.icon-38 {
opacity: 0;
display: block;
}
.tab-dropdown-wrap-5 {
flex: 1;
align-self: stretch;
width: 100%;
max-width: 1160px;
margin-left: auto;
margin-right: auto;
display: block;
}
.dropdown-tab-6, .text-block-110 {
justify-content: space-between;
display: flex;
}
.div-block-46 {
background-image: linear-gradient(#ffffffe0, #ffffffe0), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68baa4723a8b738d236f0f23_testpattern.svg");
background-position: 0 0, 50% 0;
background-size: auto, contain;
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 100vh;
display: flex;
}
.tab-drop-heading-3 {
color: #949494;
text-align: center;
border-bottom: 1px #d8d8d8;
margin-top: 142px;
margin-bottom: 0;
padding-bottom: 20px;
font-family: Open Sans, sans-serif;
}
.tab-link-16 {
color: #888282;
background-color: #0000;
border: 2px solid #0000;
border-radius: 20px;
margin-bottom: 5px;
font-size: 17px;
font-weight: 400;
}
.tab-link-16:hover {
background-color: #eee;
}
.tab-link-16.w--current {
color: #7c7c7c;
background-color: #fff;
border: 2px dotted #5c5c5c;
order: -1;
font-weight: 700;
}
.tabs-content-12 {
padding-left: 54px;
padding-right: 54px;
}
.tabs-menu-15 {
z-index: 10;
background-color: #f7f7f7;
border-radius: 20px;
flex-direction: column;
flex: none;
align-self: flex-start;
width: 70%;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
display: flex;
position: absolute;
inset: auto 0%;
overflow: hidden;
box-shadow: 14px 14px 20px -18px #0000004f;
}
.text-block-111 {
color: #fff;
font-size: 30px;
font-weight: 700;
line-height: 30px;
}
.icon-39 {
opacity: 0;
display: block;
}
.dropdown-tab-7, .text-block-112 {
justify-content: space-between;
display: flex;
}
.svg-icon {
width: 2rem;
height: 2rem;
}
.svg-icon:hover {
cursor: pointer;
}
.ikonik-sps4q, .ikonik-thq83 {
color: #868686;
}
.div-block-47 {
display: none;
}
.button-style-345 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-232 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.ms-button-flex {
grid-column-gap: 8px;
align-items: center;
display: flex;
}
.ms-checkbox {
background-color: #fff;
border-width: 1.5px;
border-color: #12133140;
border-radius: 33%;
flex: none;
width: 18px;
height: 18px;
margin-top: 2px;
margin-right: 10px;
transition: background-color .2s, border-color .2s;
}
.ms-checkbox:hover {
background-color: #2962ff;
background-image: linear-gradient(#ffffffe6, #ffffffe6);
border-color: #2962ff;
}
.ms-checkbox.w--redirected-checked {
background-color: #2962ff;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68d645038b5cfcfd77d1764b_smallcheck.svg");
background-size: 70%;
border-color: #12133140;
border-radius: 33%;
}
.ms-full-width {
width: 100%;
}
.ms-button {
color: #fff;
text-align: center;
letter-spacing: .03em;
background-color: #2962ff;
border: 1px solid #2962ff;
border-radius: 8px;
flex: none;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
margin-bottom: 15px;
padding: 13px 16px 11.5px;
font-size: 1em;
font-weight: 600;
line-height: 1.5;
text-decoration: none;
transition: transform .2s cubic-bezier(.645, .045, .355, 1), border-color .2s cubic-bezier(.645, .045, .355, 1), border-radius .2s cubic-bezier(.645, .045, .355, 1), box-shadow .2s cubic-bezier(.645, .045, .355, 1), background-color .2s cubic-bezier(.645, .045, .355, 1);
display: inline-block;
position: relative;
top: 0;
box-shadow: 1px 1px 5px #ffffff40, 0 10px 20px -5px #2d3e504d;
}
.ms-button:hover {
box-shadow: none;
color: #fff;
background-color: #1051b9;
transform: translate(0, 2px);
}
.ms-button:active {
background-color: #0a3092;
}
.ms-button.ms-is-light {
color: #070e27;
background-color: #fff;
background-image: none;
background-size: auto;
border: 1px solid #dbe2eb;
box-shadow: 0 1px 3px #ffffff40, 0 10px 20px -5px #2d3e501a;
}
.ms-button.ms-is-light:hover {
box-shadow: none;
color: #1051b9;
background-color: #fff;
border-color: #1051b9;
}
.ms-button.ms-is-light:active {
color: #fff;
background-color: #356af0;
}
.ms-button.ms-is-light.ms-is-small {
margin-bottom: 0;
}
.ms-button.ms-is-light.ms-is-small.ms-is-documentation {
width: 100%;
margin-top: 3em;
display: flex;
}
.ms-button.ms-is-form {
border-radius: 20px;
width: 30%;
font-size: 14px;
font-weight: 500;
}
.ms-form-row {
grid-column-gap: 20px;
margin-bottom: 0;
display: flex;
}
.ms-form-block {
grid-column-gap: 40px;
grid-row-gap: 40px;
width: 900px;
margin-top: 80px;
display: none;
}
.ms-radio-wrap {
align-items: flex-start;
margin-bottom: 0;
padding-top: 8px;
padding-left: 20px;
line-height: 1.3em;
display: flex;
position: relative;
}
.ms-help-text {
opacity: .8;
margin-top: -15px;
margin-bottom: 15px;
font-size: 90%;
font-weight: 300;
}
.ms-help-text.ms-less-margin {
margin-top: -4px;
margin-bottom: 4px;
}
.ms-input-label {
text-align: left;
margin-bottom: 5px;
font-size: .9em;
font-weight: 600;
}
.ms-input-label.ms-is-checkbox, .ms-input-label.ms-is-radio {
font-weight: 400;
}
.ms-list-container {
width: 100%;
margin-bottom: 20px;
}
.ms-form-heading {
margin-top: 0;
margin-bottom: 20px;
font-size: 29px;
font-weight: 500;
line-height: 1.4em;
}
.ms-radio-dot {
border-color: #12133140;
width: 17px;
height: 17px;
margin-top: 1px;
margin-right: 10px;
position: relative;
}
.ms-radio-dot.w--redirected-checked {
border-width: 6px;
border-color: #2962ff;
}
.ms-space {
width: 10px;
height: 10px;
}
.ms-space.ms-is-20 {
width: 20px;
height: 20px;
}
.ms-button-svg {
justify-content: center;
align-items: center;
width: 16px;
height: 16px;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.ms-input {
grid-column-gap: 0px;
grid-row-gap: 0px;
box-shadow: none;
color: #121331;
-webkit-text-fill-color: inherit;
background-color: #fff;
background-clip: padding-box;
border: 1px solid #12133140;
border-radius: 18px;
flex: none;
order: 0;
justify-content: center;
align-self: auto;
align-items: center;
min-height: 40px;
margin-bottom: 1.333em;
margin-left: auto;
margin-right: auto;
padding: 8px 10px;
transition: box-shadow .2s, color .2s, box-shadow .2s, border-color .2s;
display: flex;
position: relative;
right: 0;
}
.ms-input:hover {
z-index: 2;
box-shadow: none;
border-color: #2962ff;
}
.ms-input::placeholder {
color: #12133199;
}
.ms-input.ms-is-text-area {
min-height: 100px;
}
.ms-input.ms-is-text-area.ms-is-bigger {
min-height: 200px;
padding: 12px 16px;
font-size: 1.1em;
}
.ms-checkbox-wrap {
align-items: flex-start;
margin-bottom: 0;
padding-top: .3333em;
line-height: 22px;
display: flex;
}
.ms-form {
width: 400px;
min-width: 400px;
padding: 7.5%;
}
.ms-form.ms-is-contact-form {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: flex;
}
.ms-form-sub-heading {
margin-top: -15px;
margin-bottom: 20px;
}
.div-block-48 {
flex-flow: column;
align-items: flex-start;
display: flex;
}
.div-block-49 {
justify-content: flex-end;
align-items: center;
display: flex;
}
.div-block-50 {
flex-flow: column;
display: flex;
}
.image-cover-2 {
object-fit: cover;
width: 100%;
max-width: 130%;
height: 500px;
display: block;
overflow: visible;
}
.testimonial-author-3 {
color: #5a5a60;
letter-spacing: .08px;
}
.slide-5 {
height: auto;
}
.column-409 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tick-4 {
grid-column-gap: 6px;
object-fit: cover;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-347 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-213 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-102 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-346 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.button-style-346:hover {
border-color: var(--_variable-collection---blue--1);
background-color: var(--_variable-collection---blue--0);
}
.text-679 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-347 {
grid-column-gap: 8px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.arrow-left-line-4 {
object-fit: cover;
overflow: hidden;
}
.navigation-button-6 {
grid-column-gap: 8px;
background-color: #edf6ff;
border: 1px solid #dceeff;
border-radius: 24px;
justify-content: center;
align-items: center;
width: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.image-cover-3 {
object-fit: cover;
border-radius: 20px;
width: 100%;
height: 100%;
}
.slider-arrow-right-2 {
grid-column-gap: 6px;
grid-row-gap: 6px;
border: 2px solid var(--_variable-collection---blue--1);
background-color: var(--_variable-collection---blue--0);
color: var(--_variable-collection---neutral--6);
white-space: nowrap;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 48px;
min-width: 48px;
height: 48px;
min-height: 48px;
padding: 4px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
display: flex;
}
.slider-nav-active-2 {
background-color: var(--_variable-collection---blue--3);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
border-radius: 100%;
width: 12px;
height: 12px;
padding: 0;
}
.slider-grid-2 {
grid-template-rows: 400px;
grid-template-columns: 1fr 1.5fr;
grid-auto-columns: 2fr;
}
.slider-image-2 {
height: 100%;
}
.slider-card-6 {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--_variable-collection---neutral--1);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding: 12px 32px;
display: flex;
}
.testimonial-author-4 {
color: #5a5a60;
letter-spacing: .08px;
}
.card-152 {
grid-column-gap: 12px;
background-color: var(--_variable-collection---color);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
border: 1px solid #0336a1;
border-radius: 26px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 4px 12px;
text-decoration: none;
display: flex;
}
.content-style-377 {
grid-column-gap: 84px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.text-680 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.card-153 {
grid-column-gap: 12px;
background-color: var(--_variable-collection---color);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
border: 1px solid #0336a1;
border-radius: 26px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 4px 12px;
text-decoration: none;
display: flex;
}
.card-153.card4 {
border-color: var(--_variable-collection---blue--1);
background-color: var(--_variable-collection---blue--0);
width: auto;
}
.card-153.card45 {
display: none;
}
.content-style-378 {
grid-column-gap: 84px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.text-681 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-681.text4 {
color: var(--_variable-collection---blue--3);
}
.card-154 {
grid-column-gap: 12px;
background-color: var(--_variable-collection---color);
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
border: 1px solid #0336a1;
border-radius: 26px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 4px 12px;
text-decoration: none;
display: flex;
}
.content-style-379 {
grid-column-gap: 84px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.text-682 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007335 {
grid-row-gap: 32px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.card-155 {
grid-column-gap: 12px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #01319499;
border: 1px solid #0336a1;
border-radius: 26px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
padding: 8px 12px 8px 10px;
text-decoration: none;
display: flex;
}
.frame-1000007336 {
grid-column-gap: 12px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.icon-40 {
background-color: #dceeff;
border-radius: 100px;
overflow: hidden;
}
.test-tube-line-5 {
object-fit: cover;
overflow: hidden;
}
.content-style-380 {
grid-column-gap: 84px;
justify-content: flex-start;
align-items: center;
width: 107px;
text-decoration: none;
display: flex;
}
.text-683 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-684 {
opacity: .6;
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.card-156 {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #01319499;
border: 1px solid #0336a1;
border-radius: 26px;
padding: 8px 12px 8px 10px;
}
.card-157 {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #01319499;
border: 1px solid #0336a1;
border-radius: 26px;
padding: 8px 13px 8px 10px;
}
.content-style-382 {
grid-column-gap: 84px;
justify-content: flex-start;
align-items: center;
width: 123px;
height: 24px;
text-decoration: none;
display: flex;
}
.frame-1000007337 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.banner---mobile-7 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68da2c7ebeb17b28bbff72b6_Banner---Mobile.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 16px;
justify-content: center;
align-items: flex-start;
width: 100%;
min-height: 300px;
padding: 24px 20px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.header-style-149 {
grid-row-gap: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 256px;
text-decoration: none;
display: flex;
}
.section-style-38 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 270px;
text-decoration: none;
display: flex;
}
.header-style-150 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 277px;
text-decoration: none;
display: flex;
}
.text-685 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007338 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007339 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 258px;
text-decoration: none;
display: flex;
}
.text-686 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.button-style-348 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-233 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007340 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.card4-7 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 272px;
text-decoration: none;
display: flex;
}
.image-wrapper-175 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 166px;
display: flex;
overflow: hidden;
}
.image-266 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 166px;
text-decoration: none;
display: flex;
}
.info-47 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007341 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.name-42 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.description-386 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-52 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-style-349 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-234 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-176 {
grid-row-gap: 10px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 166px;
display: flex;
overflow: hidden;
}
.hero-section---mobile-10 {
grid-row-gap: 57px;
background-color: #fff;
background-image: linear-gradient(#fff0 3%, #fff 74%);
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 360px;
padding-top: 90px;
padding-bottom: 90px;
text-decoration: none;
display: none;
}
.frame-1000007342 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.frame-1000007343 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007344 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-214 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007345 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-350 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-688 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-351 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-235 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.vector-6 {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #0000002b;
}
.unlocking-deep-genomic-insights-transforming-lives-14 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-15 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(75.6deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.navigation-link-7 {
color: var(--_variable-collection---neutral--5);
letter-spacing: -.25px;
background-color: #0000;
border-radius: 8px;
padding: 12px 20px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-decoration: none;
transition: color .3s, background-color .3s;
}
.navigation-link-7:hover {
color: var(--_variable-collection---blue--3);
background-color: #ffffff1f;
}
.navigation-link-7:visited {
color: var(--_variable-collection---neutral--5);
}
.navigation-link-7.w--current {
color: var(--_variable-collection---blue--3);
}
.column-x-small-7 {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-direction: column;
display: flex;
}
.icon-small-7 {
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
display: flex;
}
.navigation-links-2 {
grid-column-gap: 4px;
grid-row-gap: 4px;
display: flex;
}
.navigation-links-2:hover {
color: var(--_variable-collection---neutral--5);
}
.navigation-wrapper-2 {
margin-top: 0;
inset: 0% 0% auto;
}
.navigation-dropdown-toggle-3 {
grid-column-gap: 2px;
grid-row-gap: 2px;
color: var(--_variable-collection---neutral--4);
letter-spacing: -.25px;
border-radius: 8px;
align-items: center;
padding: 12px 16px 12px 20px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .3s, color .3s;
display: flex;
}
.navigation-dropdown-toggle-3:hover {
color: var(--_variable-collection---blue--3);
background-color: #ffffff1f;
}
.navigation-dropdown-toggle-3.w--current {
color: #642eff;
}
.navigation-dropdown-toggle-3.w--open {
background-color: var(--_variable-collection---neutral--1);
color: var(--_variable-collection---blue--3);
transition: background-color .3s, color .3s;
}
.icon-regular-6 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.navigation-9 {
grid-column-gap: 0px;
grid-row-gap: 0px;
color: var(--_variable-collection---neutral--4);
background-color: #fff;
justify-content: center;
align-items: center;
height: 80px;
padding: 16px 5%;
font-family: Cabin, sans-serif;
font-size: 14px;
display: flex;
position: fixed;
inset: 0% 0% auto;
}
.container-large-27 {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.navigation-logo-3 {
width: 48px;
}
.subheading-regular-4 {
color: var(--_variable-collection---neutral--6);
letter-spacing: -.02em;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.navigation-row-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: center;
align-items: center;
display: flex;
}
.navigation-dropdown-list-3 {
color: var(--_variable-collection---neutral--5);
background-color: #0000;
padding-top: 32px;
overflow: hidden;
}
.navigation-left-4 {
grid-column-gap: 50px;
justify-content: space-between;
align-items: center;
width: 1100px;
display: flex;
}
.text-block-113 {
font-family: Cabin, sans-serif;
font-weight: 400;
}
.div-block-54 {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.search-result-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.search-button-4 {
background-color: var(--_variable-collection---blue--3);
display: none;
}
.heading-22 {
background-image: linear-gradient(90deg, var(--_variable-collection---orange--3), var(--_variable-collection---orange--2) 57%, var(--_variable-collection---orange--3));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
}
.field-label-5 {
display: none;
}
.card-158 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
text-decoration: none;
display: flex;
}
.image-wrapper-177 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-267 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-48 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-43 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-387 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.utility-page-wrap {
justify-content: center;
align-items: center;
width: 100vw;
max-width: 100%;
height: 100vh;
max-height: 100%;
display: flex;
}
.utility-page-content {
text-align: center;
flex-direction: column;
width: 260px;
display: flex;
}
.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex;
}
.div-block-56 {
grid-column-gap: 0px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.background-video-8 {
width: 500px;
height: 500px;
overflow: visible;
}
.div-block-57 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex: 1;
grid-template-rows: auto;
grid-template-columns: 614px 1fr;
grid-auto-rows: minmax(auto, 1fr);
grid-auto-columns: 1fr;
align-items: center;
display: grid;
}
.image-269 {
vertical-align: middle;
border: 0 #0000;
width: 800px;
max-width: none;
height: 800px;
margin: 40px auto 0;
padding-bottom: 0;
overflow: hidden;
}
.background-video-9 {
width: 600px;
height: 800px;
margin-bottom: 0;
}
.frame-1000007346 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: auto;
margin: 10px 12px 0;
padding-left: 50px;
text-decoration: none;
display: flex;
}
.text-689 {
flex-flow: column;
display: flex;
}
.content-style-383 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-690 {
color: #5d5d5d;
width: 500px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-103 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-352 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-352:hover {
background-color: var(--_variable-collection---blue--5);
}
.button-label-236 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-353 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-353:hover {
border-color: var(--_variable-collection---blue--1);
background-color: var(--_variable-collection---blue--0);
}
.button-label-237 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-16 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-17 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(72.51deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-17.animated-text-gradient {
text-align: left;
text-transform: lowercase;
margin-bottom: 0;
}
.div-block-58 {
justify-content: center;
align-items: center;
height: 800px;
margin-top: 0;
margin-right: 40px;
display: flex;
}
.body-11 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68f7ab1b9a57f5e9ade133b6_fghgfh.png");
background-position: 0 0;
background-size: auto;
flex-flow: column;
justify-content: center;
align-items: flex-end;
display: flex;
}
.body-11.kskff {
background-image: none;
background-size: auto;
justify-content: center;
align-items: center;
height: auto;
}
.frame-1000007347 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 318px;
text-decoration: none;
display: flex;
}
.frame-1000007348 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-215 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-18 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-19 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(75.89deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007349 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.frame-1000007350 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007351 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-354 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-692 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-355 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-238 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007352 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 318px;
text-decoration: none;
display: flex;
}
.frame-1000007353 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-216 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-20 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-21 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(75.89deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007354 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.frame-1000007355 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007356 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-356 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-356:hover {
background-color: var(--_variable-collection---color);
}
.text-694 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-357 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-239 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.background-video-12 {
display: none;
}
.tab-pane-tab-1-10 {
margin-bottom: 0;
padding-bottom: 1rem;
overflow: visible;
}
.tabs-menu-16 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #0c2954;
justify-content: space-between;
max-width: none;
margin-bottom: 4rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.container-small-10 {
width: 100%;
max-width: 48rem;
margin-left: auto;
margin-right: auto;
}
.container-xlarge-3 {
width: 100%;
max-width: 96rem;
margin-left: auto;
margin-right: auto;
}
.tab-pane_img-wrapper-6 {
aspect-ratio: 16 / 9;
box-shadow: none;
border-radius: .3125rem;
width: 1100px;
max-width: none;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.padding-global-25 {
flex-flow: column;
align-items: center;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.section_instructions-2 {
background-color: #e8eff9;
width: 100%;
}
.padding-section-large-11 {
padding-top: 5rem;
padding-bottom: 0;
}
.tab-link-17 {
opacity: .5;
color: #0c2954;
text-align: center;
background-color: #0c295400;
border: 1px #0c2954;
border-bottom: .0625rem solid #0c295400;
border-radius: 0;
flex: 1;
justify-content: center;
align-items: center;
padding: 1rem 2rem;
display: flex;
}
.tab-link-17.w--current {
border-bottom-width: 3px;
border-bottom-color: var(--_variable-collection---blue--3);
opacity: 1;
background-color: #0c295400;
}
.section_hero-6 {
background-color: #fff;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
display: flex;
}
.section_hero-6.servicesforagri {
display: none;
}
.card-159 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 360px;
max-width: none;
height: 264px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007357 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-151 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-384 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 150px;
text-decoration: none;
display: flex;
}
.title-style-146 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-388 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-389 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-390 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5869 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 340px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-152 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.price-32 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007358 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.rotate-lock-line {
object-fit: cover;
overflow: hidden;
}
.text-695 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000---20031 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-53 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-358 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-358:hover {
background-color: var(--_variable-collection---color);
}
.button-label-240 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.collection-item-30 {
width: 366.667px;
margin-bottom: 10px;
padding-top: 10px;
padding-right: 0;
}
.text-block-115 {
color: var(--_variable-collection---neutral--6);
font-family: Cabin, sans-serif;
font-size: 14px;
}
.frame-1000007359 {
grid-row-gap: 14px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 812px;
text-decoration: none;
display: flex;
}
.section-title-45 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.text-696 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-697 {
color: #909090;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-block-116, .text-block-117, .text-block-118 {
color: var(--_variable-collection---neutral--5);
font-family: Cabin, sans-serif;
font-size: 14px;
}
.input-label {
z-index: 2;
color: #000;
background-color: #fff;
border-radius: 3px;
margin-bottom: 0;
padding-left: 6px;
padding-right: 7px;
font-size: 14px;
font-weight: 600;
line-height: 15px;
display: inline-block;
position: relative;
bottom: -7px;
left: 6px;
}
.spacer-xs {
width: 100%;
height: 10px;
}
.form-inner {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 800px;
display: flex;
}
.paragraph-7 {
opacity: .9;
color: #fff;
font-size: 16px;
font-weight: 300;
line-height: 1.5;
}
.spacer-m {
width: 100%;
height: 20px;
}
.button-9 {
color: #fff;
background-color: #434de7;
border-radius: 10px;
height: 50px;
padding: 15px 35px;
font-size: 15px;
font-weight: 500;
box-shadow: 0 10px 20px -3px #1d01501a;
}
.button-9:hover {
box-shadow: none;
background-color: #000;
}
.button-9.in-form {
background-color: var(--_variable-collection---blue--3);
border-radius: 100px;
flex: 0 auto;
justify-content: flex-end;
align-self: center;
align-items: center;
height: 50px;
font-family: Cabin, sans-serif;
display: flex;
}
.button-9.in-form:hover {
background-color: var(--_variable-collection---blue--5);
}
.success-message-3 {
color: #fff;
background-color: #fff;
border-radius: 10px;
font-weight: 600;
}
.flex-row-outer {
grid-column-gap: 10px;
grid-row-gap: 10px;
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.flex-row-outer.layer-1 {
flex-flow: row;
}
.border-wrap {
grid-column-gap: 24px;
grid-row-gap: 24px;
box-shadow: none;
background-color: #fff;
border: 1px #f2f3ff;
border-radius: 15px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 2fr .25fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: center stretch;
width: 80%;
min-width: auto;
max-width: none;
margin-top: 60px;
margin-bottom: 0;
padding: 30px 0;
display: flex;
}
.border-wrap.borderwrap2 {
grid-auto-flow: column;
place-items: center;
width: auto;
margin-top: 0;
padding-top: 0;
display: flex;
}
.border-wrap.gh801 {
display: none;
}
.input-wrapper {
border-radius: 20px;
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-bottom: 12px;
display: flex;
position: relative;
}
.input-wrapper._15p-right {
border-radius: 20px;
margin-right: 0;
}
.input-wrapper.wrappermessage {
height: 100px;
}
.input-wrapper.wrappermessage.gfhgh {
grid-column-gap: 14px;
grid-row-gap: 14px;
height: auto;
margin-bottom: 40px;
}
.input-wrapper.blah.llll {
display: none;
}
.clear-input {
color: #3330;
background-color: #fff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 36px;
height: 46px;
transition: background-color .2s;
display: flex;
position: absolute;
inset: auto 1px 1px auto;
}
.clear-input:hover {
color: #333;
}
.input-8 {
box-shadow: none;
color: #000;
background-color: #fff;
border: 1px solid #12133140;
border-radius: 20px;
align-items: center;
height: 48px;
margin-bottom: 0;
padding-top: 10px;
padding-left: 18px;
font-family: Cabin, sans-serif;
font-size: 15px;
font-weight: 300;
transition: border-color .2s, box-shadow .2s;
display: flex;
}
.input-8:hover {
box-shadow: none;
border-color: #434de7;
}
.input-8:focus {
border: 1px solid #434de7;
}
.input-8::placeholder {
color: #6e6e6e;
}
.input-8.inputmessage {
box-shadow: none;
border-color: #12133140;
flex: 1;
overflow: auto;
}
.rect-bc56h {
width: 24px;
height: 24px;
}
.ikonik-u7bmo {
color: #000;
height: auto;
}
.path {
width: 24px;
height: 24px;
}
.rect-ptx54 {
color: var(--_variable-collection---neutral--5);
}
.ikonik-xb4hh {
color: #000;
}
.path-2 {
color: var(--_variable-collection---neutral--5);
}
.frame-1000007360 {
grid-row-gap: 23px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.frame-1000007361 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 0;
text-decoration: none;
display: flex;
}
.check-circle {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 0;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.vector-7 {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #0084ff;
}
.vector-8 {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #0084ff;
position: absolute;
top: 14.4141px;
left: 32.4375px;
}
.check-circle-2 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1440px;
text-decoration: none;
display: flex;
}
.frame-1000007362 {
grid-row-gap: 122px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-section-5 {
grid-row-gap: 36px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-385 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.thank-you-your-submission-has-been-received-0 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 50px;
font-weight: 400;
line-height: 120%;
text-decoration: none;
}
.thank-you-your-submission-has-been-received-1 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 45px;
font-weight: 600;
line-height: 120%;
text-decoration: none;
}
.frame-1000007363 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 10px;
text-decoration: none;
display: flex;
}
.check-circle-3 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 7px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.vector-9 {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #0084ff;
}
.vector-10 {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #0084ff;
position: absolute;
top: 14.4141px;
left: 32.4375px;
}
.actions-104 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 0;
text-decoration: none;
display: flex;
}
.button-style-359 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-359:hover {
background-color: var(--_variable-collection---blue--0);
}
.button-label-241 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-360 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-242 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.max-width-large-2 {
width: 100%;
max-width: 620px;
}
.icon-41 {
flex: none;
justify-content: center;
align-items: center;
display: flex;
}
.paragraph-regular-10 {
color: #454f5f;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.paragraph-regular-10.text-align-center {
text-align: center;
}
._404-wrapper {
justify-content: center;
align-items: center;
max-width: 440px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-top: 48px;
padding-bottom: 48px;
display: flex;
position: relative;
}
.section-regular-8 {
padding: 92px 5%;
position: relative;
}
.section-regular-8.background-off-white {
background-color: #f6f5f3;
}
.paragraph-x-small-7 {
color: #454f5f;
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
._404-shape-right {
position: absolute;
inset: auto -96px 88px auto;
}
.h1-heading-8 {
color: #3e376d;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 56px;
font-weight: 400;
line-height: 1.2;
}
.container-regular-10 {
width: 100%;
max-width: 1060px;
margin-left: auto;
margin-right: auto;
}
._404-title {
color: var(--_variable-collection---orange--2);
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-size: 256px;
font-weight: 400;
line-height: 1;
}
._404-box-right {
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: #fff;
border: .5px solid #f3f4f6;
border-radius: 99px;
flex-flow: row;
justify-content: center;
align-items: center;
padding: 8px 16px;
display: flex;
position: absolute;
inset: 144px -92px auto auto;
transform: rotate(5deg);
box-shadow: 0 2px 8px #c4cad43d;
}
._404-box-left {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fff;
border: .5px solid #f3f4f6;
border-radius: 24px;
flex-flow: row;
justify-content: flex-start;
align-items: center;
padding: 16px;
display: flex;
position: absolute;
inset: 102px auto auto -108px;
transform: rotate(-5deg);
box-shadow: 0 2px 8px #c4cad43d;
}
.button-primary-10 {
grid-column-gap: 6px;
grid-row-gap: 6px;
background-color: var(--_variable-collection---blue--3);
color: #fff;
text-align: center;
border-radius: 20px;
justify-content: center;
align-items: center;
padding: 12px 24px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: background-color .3s;
display: inline-flex;
}
.button-primary-10:hover {
background-color: var(--_variable-collection---blue--5);
}
.text-color-red-500 {
color: #e57361;
}
.svg {
clear: none;
color: var(--_variable-collection---orange--3);
}
.ikonik-7e5ex, .ikonik-4jda6, .ikonik-wqht0f {
color: #f46e00;
}
.body-12 {
background-color: #f6f5f3;
}
.column-large-5 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.paragraph-x-small-8 {
color: #9c9eab;
white-space: pre-wrap;
margin-bottom: 0;
font-size: 12px;
font-weight: 500;
line-height: 18px;
}
.subheading-regular-5 {
color: #dedfe3;
font-size: 16px;
font-weight: 600;
line-height: 24px;
}
.subheading-regular-5.text-color-neutral-white {
color: #f5f5f5;
}
.contact-text-field-2 {
color: #dedfe3;
background-color: #22242f;
border: 1px solid #22242f;
border-radius: 24px;
min-height: 64px;
margin-bottom: 0;
padding: 20px 24px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.contact-text-field-2:active {
border-color: #333647;
}
.contact-text-field-2:focus {
border-color: #45485f;
}
.contact-text-field-2::placeholder {
color: #717384;
}
.contact-submit-button-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
color: #fff;
background-color: #5a6ded;
border-radius: 99px;
justify-content: space-between;
align-items: center;
padding: 20px 24px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.contact-submit-button-2:hover {
background-color: #7e8ef1;
}
.contact-form-3 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
align-items: center;
display: flex;
}
.contact-checkbox-2 {
outline-offset: 0px;
border-style: none;
border-width: 0;
border-radius: 8px;
outline: 2px solid #333647;
flex: none;
width: 24px;
height: 24px;
margin-top: 0;
}
.contact-checkbox-2.w--redirected-checked {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68a83f907b9b3de8cf739dd1_Check.svg");
background-size: 16px;
}
.contact-field-label-2 {
color: #dedfe3;
letter-spacing: .04em;
text-transform: uppercase;
margin-bottom: 0;
padding-left: 24px;
padding-right: 24px;
font-size: 14px;
font-weight: 600;
line-height: 24px;
}
.section-large-7 {
background-color: var(--_variable-collection---neutral--1);
color: #fff;
padding: 100px 5%;
display: none;
}
.contact-checkbox-field-2 {
grid-column-gap: 14px;
grid-row-gap: 14px;
align-items: center;
width: 100%;
margin-bottom: 0;
padding-left: 8px;
display: flex;
}
.icon-regular-7 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.contact-card-2 {
background-color: var(--_variable-collection---neutral--1);
border-radius: 32px;
padding: 32px 24px 24px;
}
.paragraph-regular-11 {
color: #9c9eab;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
line-height: 28px;
}
.button-outline-4 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #dedfe3;
text-align: center;
background-color: #0000;
border: 2px solid #333647;
border-radius: 50px;
justify-content: center;
align-items: center;
padding: 10px 24px;
font-size: 16px;
font-weight: 600;
line-height: 24px;
text-decoration: none;
transition: color .3s, border-color .3s;
display: inline-flex;
}
.button-outline-4:hover {
color: #fff;
border-color: #fff;
}
.container-regular-11 {
width: 100%;
max-width: 1260px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.contact-map-wrapper-2 {
background-color: #22242f;
border-radius: 32px;
min-height: 320px;
overflow: hidden;
}
.grid-contact-form-2 {
grid-column-gap: 32px;
grid-row-gap: 32px;
grid-template-rows: auto;
grid-template-columns: 2.1fr;
width: 100%;
}
.contact-text-area-small-2 {
color: #dedfe3;
background-color: #22242f;
border: 1px solid #22242f;
border-radius: 24px;
min-height: 120px;
margin-bottom: 0;
padding: 20px 24px;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.contact-text-area-small-2:active, .contact-text-area-small-2:focus {
border-color: #333647;
}
.contact-text-area-small-2::placeholder {
color: #717384;
}
.frame-1000007364 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-410 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-178 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-270 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.frame-1000007365 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007366 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-698 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.48deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-217 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-361 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-243 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.frame-1000007367 {
grid-row-gap: 24px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-411 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-179 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-271 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.frame-1000007368 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007369 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-218 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-style-3 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
margin-top: 80px;
padding: 120px 323px;
text-decoration: none;
display: flex;
}
.frame-1000007370 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 120%;
text-decoration: none;
display: flex;
}
.frame-1000007371 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-699 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-700 {
color: #5d5d5d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007372 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-701 {
color: #5d5d5d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-702 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-container-5 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 135%;
text-decoration: none;
display: flex;
}
.image-line-5 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
width: auto;
text-decoration: none;
display: flex;
}
.rectangle-5870 {
object-fit: cover;
}
.h2-heading-6 {
color: #000;
letter-spacing: -.04em;
justify-content: center;
align-items: center;
width: 600px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 1.2;
display: flex;
}
.video-small {
border-radius: 24px;
justify-content: center;
align-items: center;
width: 100%;
height: 210px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
overflow: hidden;
}
.heading4 {
margin-bottom: 0;
font-size: 16px;
line-height: 1.6;
}
.heading4.paragraph-1 {
color: var(--_variable-collection---neutral--5);
text-align: left;
font-family: Cabin, sans-serif;
}
.container-small-11 {
width: 100%;
max-width: 996px;
margin-left: auto;
margin-right: auto;
}
.section-large-8 {
padding: 0 5% 60px;
position: relative;
}
.overline-4 {
color: #000;
letter-spacing: .16em;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 1.4;
}
.play-button {
z-index: 2;
background-color: #fff;
border-radius: 99px;
flex: none;
justify-content: center;
align-items: center;
width: auto;
height: auto;
display: flex;
position: relative;
}
.play-image {
flex: none;
width: 32px;
height: 32px;
}
.video-image {
object-fit: cover;
width: 100%;
max-width: none;
height: auto;
position: absolute;
inset: 0%;
}
.title-wrapper-small {
grid-column-gap: 8px;
grid-row-gap: 8px;
text-align: center;
flex-direction: column;
align-items: center;
width: 100%;
max-width: 432px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.video-detail {
text-align: center;
width: 100%;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.path-3 {
width: Infinity% ;
height: Infinity% ;
color: var(--_variable-collection---blue--3);
font-size: 10px;
display: flex;
}
.card-160 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
text-decoration: none;
display: flex;
}
.image-wrapper-180 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-272 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-49 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-44 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-391 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.collection-item-31 {
margin-bottom: 10px;
}
.collection-list-wrapper-28 {
flex-flow: column;
max-width: 1000px;
margin-left: 10px;
margin-right: 10px;
display: flex;
}
.collection-list-24 {
max-width: 1000px;
}
.div-block-63 {
max-width: 1000px;
margin-right: 10px;
}
.section-17 {
max-width: 1000px;
}
.card-161 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
text-decoration: none;
display: flex;
}
.image-wrapper-181 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-273 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-50 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 170.2px;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-45 {
color: #0d0d0d;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-392 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.link-block-13 {
text-decoration: none;
}
.collection-item-32 {
padding-bottom: 10px;
}
.frame-1000007373 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 94%;
max-width: none;
height: auto;
font-family: Cabin, sans-serif;
font-size: 2rem;
text-decoration: none;
display: flex;
}
.text-703 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 35px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.div-block-64 {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-flow: column;
align-items: center;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.breadcrumb {
justify-content: center;
align-items: center;
margin-top: 180px;
padding-top: 2vw;
padding-bottom: 2vw;
display: flex;
}
.breadcrumb-list {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
text-align: center;
flex-flow: wrap;
justify-content: center;
align-items: center;
width: 1000px;
padding-left: 0;
display: flex;
}
.breadcrumb-list-item {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
color: #0e101199;
text-transform: capitalize;
justify-content: flex-start;
align-items: center;
margin-bottom: 0;
padding-left: 0;
display: flex;
}
.breadcrumb-link-3 {
color: #0e101199;
text-underline-offset: 3px;
font-family: Cabin, sans-serif;
font-size: .8rem;
text-decoration: none;
}
.breadcrumb-link-3:hover {
text-decoration: underline;
}
.breadcrumb-link-3.w--current {
color: var(--_variable-collection---blue--3);
font-family: Cabin, sans-serif;
font-size: .8rem;
font-weight: 600;
text-decoration: none;
}
.breadcrumb-link-3.w--current:hover {
text-decoration: underline;
}
.breadcrumb-separator-icon {
height: 1.15rem;
}
.div-block-65 {
width: 352.725px;
}
.container-regular-12 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.header-title-wrapper {
grid-column-gap: 32px;
grid-row-gap: 32px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 850px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.overline-5 {
letter-spacing: .5px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 20px;
}
.h2-heading-7 {
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 72px;
}
.gallery-image-wrapper-2 {
box-shadow: none;
background-color: #fff0;
border-radius: 16px;
padding: 12px;
}
.gallery-image-2 {
object-fit: cover;
border-radius: 12px;
width: 100%;
height: 100%;
}
.gallery-grid-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
margin-top: 64px;
}
.testimonial-stack-7 {
grid-row-gap: 32px;
background-color: #00256f;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e4c150e48fd1ad732737df_Background%20Blue.png");
background-position: 50%;
background-size: cover;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 1187px;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.small-container-29 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
padding-top: 64px;
padding-bottom: 64px;
text-decoration: none;
display: flex;
}
.content-wrapper-19 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 580px;
text-decoration: none;
display: flex;
}
.content-style-386 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-147 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-393 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-387 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5871 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 393px;
height: 1px;
text-decoration: none;
display: flex;
}
.text-704 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007374 {
grid-column-gap: 40px;
grid-row-gap: 20px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-162 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 200px;
text-decoration: none;
display: flex;
}
.pregnancy-sperms-2-streamline-ux-duotone-6 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-388 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-705 {
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.text-706 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007375 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-412 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-182 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-274 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-413 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-414 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.content-style-389 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.feature-37 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000007376 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-394 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-395 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.actions-105 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-362 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-244 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007377 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000007378 {
grid-row-gap: 24px;
background-image: none;
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 360px;
min-height: 572.429px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.image-275 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.content-style-390 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-148 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-396 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.stories-8 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-211 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-415 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-183 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-276 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-416 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-348 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-219 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007379 {
background-image: none;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: none;
}
.features-list-27 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 120px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.columns-55 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.column-417 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 560px;
text-decoration: none;
display: flex;
}
.content-style-391 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.intro-41 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-397 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-418 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.rectangle-5872 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 1px;
height: 382px;
text-decoration: none;
display: flex;
position: absolute;
top: 41px;
left: 36px;
}
.feature-38 {
grid-column-gap: 16px;
border: 1px #e7e7e7;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 16px;
text-decoration: none;
display: flex;
}
.frame-1000007380 {
grid-row-gap: 8px;
background-color: #edf6ff;
border-radius: 100px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 45px;
height: 40px;
text-decoration: none;
display: flex;
}
.text-707 {
color: #0084ff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007381 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-398 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007382 {
grid-row-gap: 10px;
background-color: var(--_variable-collection---neutral--0);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: auto;
padding: 0 0 40px;
text-decoration: none;
display: flex;
}
.container-212 {
grid-column-gap: 80px;
background-color: #00153e;
border-radius: 0;
justify-content: flex-start;
align-items: center;
width: 1100px;
padding: 40px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-349 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 35px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-220 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-419 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 550px;
height: 480px;
text-decoration: none;
display: flex;
}
.image-wrapper-184 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 110%;
max-width: 600px;
height: 480px;
text-decoration: none;
display: flex;
}
.image-277 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 120%;
max-width: none;
height: auto;
text-decoration: none;
display: flex;
}
.title-49 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-50 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.52deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.div-block-66 {
height: 800px;
margin-bottom: 0;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-221 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007383 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.hero-heading-left-95 {
grid-column-gap: 80px;
background-image: linear-gradient(#fff0, #fff), none;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
max-width: 360px;
height: 600px;
min-height: 600px;
padding: 40px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.button-style-363 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.frame-1000007384 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000007385 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-420 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.feature-39 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.description-399 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-185 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-421 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-392 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007386 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.button-label-245 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.image-278 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.actions-106 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 40px;
text-decoration: none;
display: flex;
}
.column-422 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.description-400 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.image-wrapper-186 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-423 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-222 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.column-424 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 197px;
display: flex;
}
.content-style-393 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-wrapper-187 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-425 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.frame-1000007387 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.image-279 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.frame-1000007388 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.column-426 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.image-280 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100px;
height: 100px;
text-decoration: none;
display: flex;
}
.description-401 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.text-708 {
color: #5d5d5d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007389 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding: 40px 24px 64px;
text-decoration: none;
display: none;
}
.rectangle-5873 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 63.5px;
height: 1px;
text-decoration: none;
display: flex;
}
.content-style-394 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 18px;
display: flex;
}
.card-163 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 8px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.card-164 {
grid-column-gap: 12px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 312px;
height: 117px;
padding: 16px 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.description-402 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.content-style-395 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 172px;
text-decoration: none;
display: flex;
}
.frame-1000007390 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007391 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-351 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.rectangle-5874 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 109px;
height: 1px;
text-decoration: none;
display: flex;
}
.button-style-364 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.rectangle-5875 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 98px;
height: 1px;
text-decoration: none;
display: flex;
}
.button-label-246 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-223 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-22 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.08deg, #f46e00, #fba700 64%, #010101 101%);
-webkit-background-clip: text;
background-clip: text;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-22.animated-text-gradient {
text-transform: capitalize;
background-image: linear-gradient(45deg, #f46e00 5%, #fba700 20%, #fff200 30%, #fba700 40% 50%, #fba700 60% 70%, #fba700 80%, #f46e00 95%);
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
}
.unlocking-deep-genomic-insights-transforming-lives-22.animated-text-gradient.gggh {
margin-bottom: 0;
font-size: 4rem;
display: flex;
}
.content-style-396 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.button-style-365 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-365.button-1 {
width: 125px;
}
.button-style-365.button-1:hover {
background-color: var(--_variable-collection---blue--5);
}
.actions-107 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.column-427 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-397 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.hero-heading-left-96 {
grid-column-gap: 80px;
background-image: linear-gradient(234.52deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686cbfa47c4f5a486446e209_Hero%20Heading%20Left.png");
background-position: 0 0, 50% 0;
background-size: auto, cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: 800px;
min-height: 800px;
margin-top: 80px;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.container-213 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-224 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-709 {
color: #e0dede;
text-align: left;
font-family: Cabin, sans-serif;
}
.title-copy-goes-here-be-awesome-352 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-352.kkbk {
font-size: 4rem;
}
.hero-heading-left-97 {
grid-column-gap: 80px;
background-color: #fafafa;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-214 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-428 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-281 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-429 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-354 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-225 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.container-215 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.hero-heading-left-98 {
grid-row-gap: 56px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.team-rectangles-23 {
grid-row-gap: 64px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.column-430 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-710 {
color: #909090;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-355 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-wrapper-188 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-226 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.small-container-30 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
text-decoration: none;
display: flex;
}
.text-711 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.section-title-46 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.column-431 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-282 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
display: flex;
}
.container-216 {
grid-column-gap: 80px;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-432 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-227 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007392 {
grid-column-gap: 20px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.column-433 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card-165 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 440px;
max-width: 440px;
height: auto;
padding: 12px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.rectangle-5876 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 422px;
height: 1px;
text-decoration: none;
display: flex;
}
.title-style-150 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.content-style-398 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007394 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-399 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 283px;
text-decoration: none;
display: flex;
}
.image-283 {
object-fit: cover;
border-radius: 8px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 120px;
height: 120px;
text-decoration: none;
display: flex;
}
.features-list-28 {
grid-column-gap: 10px;
background-color: #fff;
flex-flow: column;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.rectangle-5877 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 433px;
height: 1px;
text-decoration: none;
display: flex;
}
.content-style-400 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 24px;
padding-bottom: 24px;
text-decoration: none;
display: flex;
}
.button-label-247 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.columns-56 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 960px;
margin-bottom: 40px;
text-decoration: none;
display: flex;
}
.button-style-366 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.intro-42 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007395 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 440px;
text-decoration: none;
display: flex;
}
.card-166 {
grid-column-gap: 16px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 144px;
padding: 12px;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.description-403 {
color: #5d5d5d;
text-align: center;
width: 732px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5878 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 387.5px;
height: 1px;
text-decoration: none;
display: flex;
}
.description-404 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-405 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-401 {
grid-column-gap: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 18px;
display: flex;
}
.frame-1000007396 {
grid-column-gap: 20px;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 954px;
text-decoration: none;
display: flex;
}
.text-712 {
color: #5d5d5d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.tick-5 {
grid-column-gap: 6px;
object-fit: cover;
justify-content: flex-start;
align-items: center;
width: 85px;
text-decoration: none;
display: none;
}
.content-style-402 {
grid-column-gap: 84px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.column-434 {
grid-row-gap: 15px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.horizontal-content-block-4 {
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 20px 75px;
display: flex;
}
.section-style-39 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-356 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-713 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.container-217 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
}
.testimonial-card-4 {
box-shadow: none;
background-image: linear-gradient(#fff, #fff);
justify-content: center;
align-items: center;
height: 500px;
display: flex;
}
.testimonial-image-wrap-4 {
justify-content: center;
align-items: center;
width: 120%;
height: 400px;
display: flex;
position: relative;
overflow: hidden;
}
.testimonial-image-4 {
object-fit: cover;
width: 100%;
height: 100%;
}
.testimonial-section-4 {
flex-direction: column;
justify-content: center;
align-items: center;
min-height: 600px;
padding: 80px 3%;
display: none;
overflow: hidden;
}
.header-style-153 {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.left-arrow-5 {
background-color: #edf6ff;
border: 1px solid #dceeff;
border-radius: 100px;
justify-content: center;
align-items: center;
width: 45px;
height: 45px;
margin-top: 365px;
margin-left: 502px;
margin-right: 0;
padding: 10px;
font-size: 14px;
transition: all .2s;
display: flex;
top: 17px;
left: -17px;
overflow: visible;
}
.left-arrow-5:hover {
background-color: #dceeff;
transform: translate(-2px);
}
.icon-42 {
color: #0084ff;
}
.image-284 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-self: center;
align-items: center;
width: 106%;
max-width: none;
height: 400px;
text-decoration: none;
display: flex;
}
.button-style-367 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-367:hover {
background-color: #edf6ff;
}
.card-167 {
grid-column-gap: 12px;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-color: #013194;
border: 1px solid #0336a1;
border-radius: 26px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 4px 12px;
text-decoration: none;
display: flex;
}
.header-style-154 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-714 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.right-arrow-6 {
background-color: #edf6ff;
border: 2px solid #dceeff;
border-radius: 100px;
width: 45px;
height: 45px;
margin-top: 355px;
margin-left: 0;
margin-right: 370px;
padding-top: 0;
font-size: 14px;
transition: all .2s;
top: 17px;
right: -17px;
}
.right-arrow-6:hover {
transform: translate(2px);
}
.right-arrow-6.kk {
margin-top: 366px;
margin-right: 550px;
display: flex;
}
.right-arrow-6.kk:hover {
background-color: #dceeff;
}
.text-715 {
color: #fff;
letter-spacing: -.02em;
width: 80%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.container-218 {
grid-column-gap: 40px;
background-color: #0084ff;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68ad75197c8b3d30c84997b2_Container.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
min-height: 228px;
padding: 40px 60px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.button-label-248 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-368 {
grid-column-gap: 8px;
border: 1px solid #e7e7e7;
border-radius: 24px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 48px;
padding: 12px 20px;
text-decoration: none;
display: flex;
}
.frame-1000007397 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000007398 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 500px;
text-decoration: none;
display: flex;
}
.text-716 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.slide-nav-5 {
color: #000;
background-color: #000;
border: 1px solid #000;
border-radius: 500px;
max-width: 150px;
display: none;
top: 0;
box-shadow: 1px 1px 3px #0000000d;
}
.team-rectangles-24 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.rectangle-5879 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 712px;
height: 1px;
text-decoration: none;
display: flex;
}
.text-717 {
color: #5d5d5d;
text-align: center;
letter-spacing: .02em;
text-transform: uppercase;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.description-406 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.card-168 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 960px;
margin-bottom: 24px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.button-style-369 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-369.button-1:hover {
background-color: var(--_variable-collection---color);
}
.content-style-403 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-end;
width: 160px;
text-decoration: none;
display: flex;
}
.image-285 {
object-fit: cover;
border-radius: 8px;
width: 184px;
height: 150px;
display: block;
overflow: hidden;
}
.frame-1000007399 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-155 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-407 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-style-151 {
grid-column-gap: 8px;
flex-flow: column;
justify-content: flex-end;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.arrow-right-line-10 {
object-fit: cover;
overflow: hidden;
}
.arrow-right-line-10:hover {
color: #2432b0;
}
.content-style-404 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-718 {
color: #b4b4b4;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: line-through;
}
.description-408 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-409 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.navigation-link-8 {
color: #000;
letter-spacing: -.25px;
background-color: #0000;
border-radius: 8px;
padding: 12px 20px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
}
.navigation-link-8:hover {
color: #625a5a;
background-color: #ffffff1f;
}
.navigation-link-8:visited {
color: #0084ff;
}
.navigation-link-8.w--current {
color: #642eff;
}
.dropdown-grid-bottom-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
}
.paragraph-x-small-9 {
letter-spacing: .04px;
font-size: 12px;
line-height: 16px;
}
.paragraph-x-small-9.text-color-gray-500 {
color: #ababab;
}
.paragraph-x-small-9.text-color-gray-300 {
color: #d1d1d1;
}
.button-secondary-small-3 {
grid-column-gap: 4px;
grid-row-gap: 4px;
-webkit-backdrop-filter: blur(64px);
backdrop-filter: blur(64px);
color: #e3e3e3;
letter-spacing: -.25px;
background-color: #3d3d3da3;
border: 1px solid #ffffff14;
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 8px;
font-size: 14px;
font-weight: 500;
line-height: 18px;
text-decoration: none;
transition: border-color .4s, background-color .4s, color .4s;
display: flex;
}
.button-secondary-small-3:hover {
background-color: #ffffff1f;
border-color: #ffffff1f;
}
.button-secondary-small-3.w--current {
background-color: #344256;
border-color: #48566a;
}
.dropdown-footnote-2 {
grid-column-gap: 8px;
grid-row-gap: 16px;
background-color: #ffffff14;
border-radius: 8px;
flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 12px;
display: flex;
}
.icon-small-8 {
justify-content: center;
align-items: center;
width: 18px;
height: 18px;
display: flex;
}
.navigation-links-3 {
grid-column-gap: 4px;
grid-row-gap: 4px;
display: flex;
}
.paragraph-small-11 {
letter-spacing: -.25px;
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.paragraph-small-11.text-weight-medium {
font-weight: 500;
}
.navigation-dropdown-toggle-4 {
grid-column-gap: 2px;
grid-row-gap: 2px;
color: #f0f0f0;
letter-spacing: -.25px;
border-radius: 8px;
align-items: center;
padding: 12px 16px 12px 20px;
font-size: 18px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .3s, color .3s;
display: flex;
}
.navigation-dropdown-toggle-4:hover {
color: #fff;
background-color: #ffffff1f;
}
.navigation-dropdown-toggle-4.w--current {
color: #642eff;
}
.navigation-dropdown-toggle-4.w--open {
background-color: #52525252;
}
.icon-regular-8 {
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
transition: color .2s;
display: flex;
}
.navigation-10 {
background-color: #fff;
padding: 16px 5%;
}
.dropdown-link-card-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
color: #ababab;
background-color: #ffffff14;
background-image: radial-gradient(circle closest-corner at 50% 100%, #5e5e5e0a, #5e5e5e00);
border-radius: 8px;
flex-direction: column;
align-items: flex-start;
padding: 16px;
text-decoration: none;
transition: background-color .3s;
display: flex;
}
.dropdown-link-card-2:hover {
background-color: #ffffff1f;
}
.container-large-28 {
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.navigation-logo-4 {
width: 48px;
}
.subheading-regular-6 {
color: #e3e3e3;
letter-spacing: -.02em;
margin-bottom: 0;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.navigation-dropdown-list-4 {
background-color: #0000;
padding-top: 32px;
overflow: hidden;
}
.dropdown-card-regular-2 {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #141414;
background-image: radial-gradient(circle at 0 100%, #5e5e5e24, #5e5e5e00), radial-gradient(circle at 50% 100%, #ffffff12, #fff0 62%);
border-radius: 16px;
flex-direction: column;
min-width: 686px;
padding: 8px;
display: flex;
overflow: hidden;
}
.navigation-left-5 {
grid-column-gap: 32px;
align-items: center;
display: flex;
}
.body-13, .body-14 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.text-block-123 {
font-family: Cabin, sans-serif;
}
.body-15 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.column-435 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-357 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-228 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-108 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 52px;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-370 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-370:hover {
background-color: var(--_variable-collection---blue--5);
}
.button-label-249 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.body-16 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.body-17 {
flex-flow: column;
justify-content: center;
align-items: center;
margin-top: -2px;
display: flex;
}
.div-block-67 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.div-block-68 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: column;
display: flex;
}
.container-regular-13 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.title-wrapper-5 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 858px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.paragraph-small-12 {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.paragraph-small-12.text-color-gray-600 {
color: var(--_variable-collection---neutral--5);
font-family: Cabin, sans-serif;
}
.faq-8 {
background-color: var(--_variable-collection---neutral--0);
border-radius: 8px;
width: 100%;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.faq-border-3 {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: var(--_variable-collection---neutral--0);
border: .5px #d5d9e2;
border-radius: 12px;
flex-flow: column;
width: 100%;
max-width: 638px;
margin-left: auto;
margin-right: auto;
padding: 8px;
display: flex;
}
.faq-tab-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;
font-family: Cabin, sans-serif;
display: flex;
}
.faq-title-2 {
z-index: 2;
background-image: linear-gradient(to bottom, var(--_variable-collection---neutral--0), var(--_variable-collection---neutral--0));
flex-flow: column;
width: 100%;
padding: 16px;
display: flex;
}
.faq-icon-2 {
background-color: var(--_variable-collection---neutral--0);
color: #23272f;
border-radius: 99px;
flex: none;
justify-content: center;
align-items: center;
padding: 4px;
display: flex;
}
.faq-title-wrapper-2 {
grid-column-gap: 16px;
grid-row-gap: 16px;
white-space: pre-wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.body-18, .body-19 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.wireframe---25 {
grid-row-gap: 10px;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 631px;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.digitale-de-ud98m9ohnmc-unsplash-6 {
background-image: linear-gradient(179.94deg, #00256f 0%, #00256f80 94%), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e50b5f49e5c7fdbb22e6d8_digitale-de-uD98M9OhNmc-unsplash-1.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
min-height: 1018.36px;
}
.container-219 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
position: absolute;
top: 80px;
left: 120px;
}
.column-436 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-189 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.minimal-gene-5 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
display: flex;
}
.column-437 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-358 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-229 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.body-20, .body-21 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.container-small-12 {
width: 100%;
max-width: 588px;
margin-left: auto;
margin-right: auto;
}
.career-category-filled {
color: #36393f;
background-color: #f9f9fa;
border: 1px solid #fff;
border-radius: 44px;
padding: 4px 12px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
transition: background-color .3s, border-color .3s;
}
.career-category-filled:hover {
color: #1e2022;
background-color: #f3f3f5;
}
.career-card-details {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.career-card-categories {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: wrap;
display: flex;
}
.career-card-footer {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: wrap;
justify-content: space-between;
align-items: center;
display: flex;
}
.career-card-header {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: wrap;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.dot-orange {
background-color: #ff6c0a;
border-radius: 100%;
width: 5px;
height: 5px;
}
.career-tab-link {
grid-column-gap: 24px;
grid-row-gap: 24px;
color: #6b7280;
background-color: #f9f9fa;
border: 1px solid #f9f9fa;
border-radius: 44px;
padding: 4px 12px;
font-size: 14px;
font-weight: 500;
line-height: 20px;
text-decoration: none;
transition: color .3s;
display: flex;
}
.career-tab-link:hover {
color: #1e2022;
}
.career-tab-link.w--current {
color: #1e2022;
background-color: #fff;
}
.title-large {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
margin-bottom: 32px;
display: flex;
}
.noise-texture {
z-index: 5;
pointer-events: none;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e614b128f6a9cee35f3974_Noise%20%26%20Texture.png");
background-position: 0 0;
background-size: auto;
position: absolute;
inset: 0%;
}
.button-primary-small {
grid-column-gap: 4px;
grid-row-gap: 4px;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #000;
border-radius: 99px;
justify-content: center;
align-items: center;
padding: 8px 16px;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-decoration: none;
transition: background-color .3s;
display: inline-flex;
}
.button-primary-small:hover {
background-color: #ff6c0a;
}
.h6-heading-2 {
color: #1e2022;
letter-spacing: -.5px;
margin-top: 0;
margin-bottom: 0;
font-size: 24px;
font-weight: 500;
line-height: 1.5;
}
.career-tabs-menu {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 180px;
margin-right: 24px;
display: flex;
}
.section-regular-9 {
background-color: #f3f3f5;
padding: 72px 5%;
display: none;
position: relative;
}
.divider-caption {
grid-column-gap: 8px;
grid-row-gap: 8px;
white-space: nowrap;
flex-flow: row;
justify-content: flex-start;
align-items: center;
display: flex;
}
.divider-wrapper {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.subheading-large-8 {
color: #1e2022;
font-size: 18px;
font-weight: 500;
line-height: 32px;
}
.caption-small-2 {
font-size: 14px;
line-height: 20px;
}
.caption-small-2.text-weight-medium {
font-weight: 500;
}
.caption-small-2.text-color-secondary {
color: #36393f;
}
.career-tabs-content {
width: 100%;
max-width: 384px;
}
.column-small-2 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.divider-small {
background-color: #cfd2d6;
width: 100%;
max-width: 384px;
height: 1px;
}
.subheading-x-small-2 {
font-size: 12px;
font-weight: 500;
line-height: 16px;
}
.subheading-x-small-2.text-color-tertiary {
color: #6b7280;
}
.career-tabs {
display: flex;
}
.career-card {
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #f9f9fa;
border: 1px solid #f9f9fa;
border-radius: 16px;
flex-flow: column;
justify-content: center;
align-items: stretch;
padding: 24px;
transition: background-color .3s;
display: flex;
}
.career-card:hover {
background-color: #fff;
}
.career-card-button-wrapper {
flex-flow: column;
width: 156px;
display: flex;
}
.card-169 {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
overflow: hidden;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-190 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 213.989px;
text-decoration: none;
display: flex;
}
.image-286 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 213.989px;
text-decoration: none;
display: flex;
}
.info-51 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.frame-1000007400 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007401 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.name-46 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-410 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-170 {
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
overflow: hidden;
box-shadow: 0 8px 24px #0000000a;
}
.image-wrapper-191 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 213.989px;
text-decoration: none;
display: flex;
}
.image-287 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 213.989px;
text-decoration: none;
display: flex;
}
.info-52 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 40px 24px;
text-decoration: none;
display: flex;
}
.frame-1000007402 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007403 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.name-47 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-411 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.body-22 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.button-style-371 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-250 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-label-250:hover {
color: var(--_variable-collection---blue--5);
}
.g_clickable_btn {
background-color: #efefef00;
padding: 0;
}
.g_clickable_link {
padding: 0;
}
.u-sr-only {
white-space: nowrap;
clip: rect(0, 0, 0, 0);
border-width: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden;
}
.btn_main_text {
font-family: Cabin, sans-serif;
font-size: 14px;
}
.btn_main_wrap {
background-color: var(--_variable-collection---neutral--0);
color: var(--_variable-collection---blue--3);
border-radius: 100vw;
padding: .5rem 1.5rem;
display: inline-block;
position: relative;
}
.btn_main_wrap:hover {
color: var(--_variable-collection---blue--5);
background-color: #ebd8ff00;
font-family: Cabin, sans-serif;
}
.btn_main_layout {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
justify-content: center;
align-items: center;
display: flex;
}
.g_clickable_wrap {
z-index: 3;
}
.btn_main_icon {
justify-content: center;
align-items: center;
width: 14px;
height: 20px;
}
.text-link-2 {
font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
font-size: 1.4em;
line-height: 1.1em;
}
.text-link-2.arrow-after {
font-size: 12px;
}
.path-4 {
font-size: 1px;
}
.body-23 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.body-24 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.f-margin-bottom-57 {
margin-bottom: 48px;
}
.f-margin-bottom-58 {
margin-bottom: 8px;
}
.f-image-cover-3 {
object-fit: cover;
width: 100%;
height: 100%;
}
.link-block-14 {
text-decoration: none;
}
.div-block-69 {
padding-top: 0;
padding-bottom: 60px;
}
.hero-heading-left-99 {
grid-column-gap: 80px;
background-image: linear-gradient(247.49deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68a85c44de1fd6b300d135a3_dvdvv.png");
background-position: 0 0, 50%;
background-size: auto, cover;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: none;
height: 800px;
min-height: 800px;
padding: 80px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.container-220 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-438 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-405 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-359 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(81.89deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-359.animated-text-gradient {
text-align: left;
text-transform: capitalize;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-230 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-109 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-372 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-372:hover {
background-color: var(--_variable-collection---color);
}
.button-label-251 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-100 {
grid-column-gap: 80px;
background-color: #fff;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-221 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.column-439 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-192 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-288 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.column-440 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-360 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-231 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.team-rectangles-25 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-222 {
grid-row-gap: 64px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.section-title-47 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 530px;
text-decoration: none;
display: flex;
}
.text-719 {
color: #000;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-720 {
color: #5d5d5d;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-57 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-171 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 380px;
text-decoration: none;
display: flex;
}
.image-wrapper-193 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-289 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-53 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-48 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-412 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.action-54 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.columns-58 {
grid-column-gap: 26px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-172 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
text-decoration: none;
display: flex;
}
.description-413 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-59 {
grid-column-gap: 24px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: grid;
}
.columns-60, .columns-61 {
grid-column-gap: 24px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.hero-heading-left-101 {
grid-column-gap: 80px;
background-image: linear-gradient(#fff0, #fff);
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 600px;
padding: 40px 24px;
text-decoration: none;
display: none;
overflow: hidden;
}
.frame-1000007404 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000007405 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-232 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-373 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-252 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.our-facilities-0 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.our-facilities-1 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(82.8deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007406 {
grid-row-gap: 24px;
background-color: #fafafa;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 360px;
padding: 40px 24px;
text-decoration: none;
display: none;
}
.column-441 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-194 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-290 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.column-442 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-406 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-361 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.feature-40 {
grid-row-gap: 8px;
background-color: #fff;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.microscope-fill {
object-fit: cover;
overflow: hidden;
}
.frame-1000007407 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-414 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-415 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.frame-1000007408 {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 360px;
padding-bottom: 40px;
padding-left: 24px;
padding-right: 24px;
text-decoration: none;
display: none;
}
.container-223 {
grid-row-gap: 24px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68d4e5f622599f1197d7b63e_Container.png");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 20px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 312px;
min-height: 385px;
padding: 20px;
text-decoration: none;
display: flex;
}
.column-443 {
grid-column-gap: 10px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
height: 140px;
text-decoration: none;
display: flex;
}
.image-wrapper-195 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 273px;
text-decoration: none;
display: flex;
}
.image-291 {
object-fit: cover;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 140px;
display: flex;
}
.column-444 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-362 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-233 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-110 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-374 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-253 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.column-large-6 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex;
}
.h1-heading-9 {
color: var(--_variable-collection---neutral--0);
letter-spacing: -1.5px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 72px;
}
.section-regular-10 {
padding: 82px 5%;
position: relative;
}
.section-regular-10.background-gray-100 {
background-color: #f3f4f6;
padding: 0%;
}
.overline-regular-3 {
letter-spacing: 1.28px;
text-transform: uppercase;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.container-small-13 {
width: 100%;
max-width: 858px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.container-large-29 {
width: 100%;
max-width: none;
margin-left: auto;
margin-right: auto;
}
.column-gigantic-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-direction: column;
display: flex;
}
.form-error-message-3 {
color: #7d1c33;
text-align: center;
background-color: #fde7e7;
border-radius: 8px;
padding: 12px 16px;
}
.subheading-large-9 {
color: #030711;
letter-spacing: -.32px;
margin-bottom: 0;
font-size: 20px;
font-weight: 500;
line-height: 32px;
}
.subheading-large-9.text-color-gray-600 {
color: var(--_variable-collection---neutral--0);
width: 360px;
font-family: Cabin, sans-serif;
font-size: 15px;
}
.paragraph-x-small-10 {
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
}
.cta-block-2 {
background-color: var(--_variable-collection---blue--6);
text-align: center;
border-radius: 24px;
padding: 40px 5%;
}
.button-primary-11 {
grid-column-gap: 4px;
grid-row-gap: 4px;
background-color: var(--_variable-collection---blue--3);
color: #fff;
letter-spacing: -.2px;
white-space: nowrap;
border-radius: 44px;
justify-content: center;
align-items: center;
height: 48px;
padding: 8px 24px;
font-size: 16px;
font-weight: 500;
line-height: 32px;
text-decoration: none;
transition: color .3s, background-color .3s;
display: inline-flex;
}
.button-primary-11:hover {
background-color: var(--_variable-collection---blue--6);
color: #fff;
}
.icon-small-9 {
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
display: flex;
}
.form-text-field-rounded-2 {
color: #030711;
border: 1px solid #e5e7eb;
border-radius: 99px;
height: 48px;
margin-bottom: 0;
padding: 8px 16px;
font-size: 16px;
font-weight: 500;
line-height: 32px;
}
.form-text-field-rounded-2:hover {
border-color: #d1d5db;
}
.form-text-field-rounded-2:focus {
border-color: #9ca3b0;
}
.body-25 {
background-color: var(--_variable-collection---orange--1);
border-radius: 0;
width: 100%;
padding-top: 60px;
padding-bottom: 60px;
}
.section-title-48 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-722 {
color: #fff;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 45px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-723 {
color: #fff;
text-align: center;
width: 70%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.radio-button-label-2 {
font-family: Cabin, sans-serif;
}
.radio-button-label-3 {
font-family: Cabin, sans-serif;
font-size: 1.2rem;
}
.radio-button-label-4 {
color: var(--_variable-collection---neutral--5);
font-family: Cabin, sans-serif;
font-size: 16px;
}
.radio-button-label-4._2-222 {
font-size: 1.2rem;
}
.radio-button-label-4._2-222.anjani {
color: var(--_variable-collection---neutral--6);
}
.radio-button-label-5 {
color: var(--_variable-collection---neutral--5);
font-family: Cabin, sans-serif;
font-size: 16px;
}
.link-block-15 {
text-decoration: none;
}
.body-26 {
margin-top: 100px;
}
.link-block-17 {
text-decoration: none;
}
.custom-override-button-left-line {
background-color: #73cc34;
width: 2px;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
}
.success-message-4 {
color: #fff;
background-color: #73cc34;
font-weight: 400;
}
.custom-override-button-bottom-line {
background-color: #73cc34;
width: 100%;
height: 2px;
position: absolute;
bottom: 0;
right: 0;
}
.custom-override-button-wrapper {
display: inline-block;
}
.custom-override-button-wrapper.center {
text-align: center;
display: block;
position: relative;
}
.custom-override-button-right-line {
background-color: #73cc34;
width: 2px;
height: 100%;
position: absolute;
top: 0;
right: 0;
}
.form-field-wrapper-2 {
position: relative;
}
.form-field-wrapper-2.margin-b40 {
margin-bottom: 40px;
}
.custom-override-button-top-line {
background-color: #73cc34;
width: 100%;
height: 2px;
position: absolute;
top: 0;
left: 0;
}
.form-heading {
color: #fff;
margin-bottom: 60px;
}
.form-box-wrapper {
background-color: #767070;
border-radius: 20px;
padding: 40px 60px;
box-shadow: 0 3px 6px 1px #18181880;
}
.error-message-3 {
color: #fff;
background-color: #f03;
font-weight: 400;
}
.form-field-label {
color: #000;
background-color: #fff;
border-radius: 25px;
padding: 3px 12px 2px;
font-weight: 400;
display: inline-block;
position: absolute;
top: -12px;
left: 10px;
}
.flex-display-wrapper {
display: flex;
}
.flex-display-wrapper.center-center {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-direction: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
display: grid;
}
.container-224 {
width: 95%;
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.form-text-field-2 {
color: #f8f8f8;
background-color: #0000;
border: 1px solid #f8f8f861;
border-radius: 20px;
width: 100%;
min-height: 50px;
padding-top: 20px;
padding-bottom: 15px;
}
.form-text-field-2:focus {
border-color: #73cc34;
}
.form-text-field-2::placeholder {
font-weight: 400;
}
.form-text-field-2.message {
min-height: 100px;
padding-top: 25px;
}
.custom-overridebutton-text {
margin: 15px 25px;
}
.custom-override-button {
color: #fff;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 14px;
font-weight: 600;
text-decoration: none;
display: inline-block;
position: relative;
}
.custom-override-button.absolute {
z-index: 100;
color: #0000;
background-color: #0000;
width: 100%;
height: 100%;
display: block;
position: absolute;
inset: 0%;
}
.code-embed-11 {
width: 100%;
display: flex;
}
.ms-input-label-2 {
color: var(--_variable-collection---neutral--6);
margin-bottom: 5px;
font-family: Cabin, sans-serif;
font-weight: 500;
}
.ms-input-wrap {
padding: 0;
display: flex;
position: relative;
}
.ms-input-2 {
color: #121331;
background-color: #fff;
border: 1px solid #12133140;
border-radius: 5px;
min-height: 40px;
margin-bottom: 20px;
padding: 8px 12px;
transition: box-shadow .2s, border-color .2s;
position: relative;
box-shadow: 0 5px 10px -5px #0000001a;
}
.ms-input-2:hover {
z-index: 2;
box-shadow: none;
border-color: #2962ff;
}
.ms-input-2::placeholder {
color: #909090;
}
.ms-input-2.icon-left {
box-shadow: none;
border-radius: 20px;
align-self: center;
min-height: 48px;
padding-left: 40px;
}
.ms-svg {
z-index: 3;
color: #12133140;
justify-content: center;
align-items: flex-start;
width: 18px;
height: 20px;
display: flex;
position: absolute;
inset: 10px auto auto 10px;
}
.div-block-70 {
width: 100%;
}
.div-block-70.blah.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-nunc-vulputate-libero-et-velit-interdum {
display: none;
}
.frame-1000007409 {
grid-row-gap: 0px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 90%;
max-width: 486px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-363 {
text-align: center;
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(71.8deg, #f46e00, #fba700);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-234 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.body-27 {
flex-flow: column;
justify-content: center;
align-items: center;
display: flex;
}
.image-307 {
width: 22px;
height: 22px;
}
.collection-list-26 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.body-28 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.next-2 {
background-color: var(--_variable-collection---neutral--1);
border-radius: 20px;
justify-content: center;
align-items: center;
font-family: Cabin, sans-serif;
text-decoration: none;
display: flex;
}
.next-2:hover {
background-color: var(--_variable-collection---blue--0);
}
.previous {
background-color: var(--_variable-collection---neutral--1);
border-radius: 20px;
justify-content: center;
align-items: center;
font-family: Cabin, sans-serif;
text-decoration: none;
display: flex;
}
.previous:hover {
background-color: var(--_variable-collection---blue--0);
}
.hero-heading-left-102 {
grid-row-gap: 56px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-225 {
grid-column-gap: 80px;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68d4e5f622599f1197d7b63e_Container.png");
background-position: 100%;
background-size: cover;
border-radius: 20px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
padding: 40px;
text-decoration: none;
display: flex;
}
.column-445 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 520px;
text-decoration: none;
display: flex;
}
.content-style-407 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-364 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-235 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-111 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-375 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-254 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.column-446 {
grid-column-gap: 10px;
object-fit: cover;
border-radius: 20px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 520px;
height: 480px;
text-decoration: none;
display: flex;
}
.section-regular-11 {
padding: 96px 5%;
position: relative;
}
.section-regular-11.background-gray {
background-color: #fff;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
}
.paragraph-small-13 {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.paragraph-small-13.text-color-gray-600 {
color: #5d5d5d;
font-family: Cabin, sans-serif;
}
.container-regular-14 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.title-wrapper-6 {
grid-column-gap: 16px;
grid-row-gap: 16px;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 858px;
margin-bottom: 64px;
margin-left: auto;
margin-right: auto;
display: flex;
}
.faq-9 {
background-color: #fff;
border-radius: 8px;
width: 100%;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.faq-icon-3 {
color: #23272f;
background-color: #fff;
border-radius: 99px;
flex: none;
justify-content: center;
align-items: center;
padding: 4px;
display: flex;
}
.heading-large-3 {
color: #0d0d0d;
text-align: center;
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 8px;
font-family: Cabin, sans-serif;
font-size: 45px;
font-weight: 600;
line-height: 72px;
}
.icon-x-small-2 {
color: #00153e;
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.faq-divider-2 {
background-color: #d5d9e2;
border-bottom: .5px solid #5d5d5d;
width: 100%;
height: .5px;
}
.faq-border-4 {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fff;
border: .5px #d5d9e2;
border-radius: 12px;
flex-flow: column;
width: 100%;
max-width: 638px;
margin-left: auto;
margin-right: auto;
padding: 8px;
display: flex;
}
.faq-title-3 {
z-index: 2;
background-image: linear-gradient(#fff, #fff);
flex-flow: column;
width: 100%;
padding: 16px;
display: flex;
}
.section-regular-12 {
padding: 96px 5%;
position: relative;
}
.section-regular-12.background-gray {
background-color: #fff;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
}
.paragraph-small-14 {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.paragraph-small-14.text-color-gray-600 {
color: #5d5d5d;
font-family: Cabin, sans-serif;
}
.container-regular-15 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.faq-10 {
background-color: #fff;
border-radius: 8px;
width: 100%;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.faq-icon-4 {
color: #23272f;
background-color: #fff;
border-radius: 99px;
flex: none;
justify-content: center;
align-items: center;
padding: 4px;
display: flex;
}
.heading-large-4 {
color: #0d0d0d;
text-align: center;
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 8px;
font-family: Cabin, sans-serif;
font-size: 45px;
font-weight: 600;
line-height: 72px;
}
.icon-x-small-3 {
color: #00153e;
flex: none;
justify-content: center;
align-items: center;
width: 24px;
height: 24px;
display: flex;
}
.faq-divider-3 {
background-color: #d5d9e2;
border-bottom: .5px solid #5d5d5d;
width: 100%;
height: .5px;
}
.faq-border-5 {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fff;
border: .5px #d5d9e2;
border-radius: 12px;
flex-flow: column;
width: 100%;
max-width: 638px;
margin-left: auto;
margin-right: auto;
padding: 8px;
display: flex;
}
.faq-title-4 {
z-index: 2;
background-image: linear-gradient(#fff, #fff);
flex-flow: column;
width: 100%;
padding: 16px;
display: flex;
}
.section-regular-13 {
padding: 96px 5%;
position: relative;
}
.section-regular-13.background-gray {
background-color: #fff;
width: 100%;
padding-top: 80px;
padding-bottom: 80px;
}
.paragraph-small-15 {
margin-bottom: 0;
font-size: 14px;
line-height: 20px;
}
.paragraph-small-15.text-color-gray-600 {
color: #5d5d5d;
font-family: Cabin, sans-serif;
}
.container-regular-16 {
width: 100%;
max-width: 1140px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.faq-11 {
background-color: #fff;
border-radius: 8px;
width: 100%;
margin-left: 0;
margin-right: 0;
overflow: hidden;
}
.heading-large-5 {
color: #0d0d0d;
text-align: center;
letter-spacing: -2px;
margin-top: 0;
margin-bottom: 8px;
font-family: Cabin, sans-serif;
font-size: 45px;
font-weight: 600;
line-height: 72px;
}
.faq-divider-4 {
background-color: #d5d9e2;
border-bottom: .5px solid #5d5d5d;
width: 100%;
height: .5px;
}
.faq-border-6 {
grid-column-gap: 8px;
grid-row-gap: 8px;
background-color: #fff;
border: .5px #d5d9e2;
border-radius: 12px;
flex-flow: column;
width: 100%;
max-width: 638px;
margin-left: auto;
margin-right: auto;
padding: 8px;
display: flex;
}
.faq-title-5 {
z-index: 2;
background-image: linear-gradient(#fff, #fff);
flex-flow: column;
width: 100%;
padding: 16px;
display: flex;
}
.frame-1000007410 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1444px;
text-decoration: none;
display: flex;
}
.small-container-31 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 0;
text-decoration: none;
display: flex;
}
.title-section-6 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-408 {
grid-row-gap: 52px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-724 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.image-wrapper-196 {
border-radius: 30px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.image-308 {
object-fit: cover;
border-radius: 30px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.team-rectangles-26 {
grid-row-gap: 64px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 120px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.container-226 {
grid-row-gap: 40px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 1200px;
text-decoration: none;
display: flex;
}
.section-title-49 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-725 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.columns-62 {
grid-column-gap: 26px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-173 {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 384px;
text-decoration: none;
display: flex;
}
.image-wrapper-197 {
grid-row-gap: 10px;
border-radius: 20px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 240px;
display: flex;
overflow: hidden;
}
.image-309 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
height: 240px;
text-decoration: none;
display: flex;
}
.info-54 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
text-decoration: none;
display: flex;
}
.name-49 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-416 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.columns-63 {
grid-column-gap: 26px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.container-227 {
grid-column-gap: 80px;
background-color: #00153e;
border-radius: 20px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
padding: 40px;
text-decoration: none;
display: flex;
}
.column-447 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-365 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-236 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-112 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-376 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-376:hover {
background-color: var(--_variable-collection---color);
}
.button-label-255 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.column-448 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 480px;
display: flex;
}
.image-wrapper-198 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.image-310 {
object-fit: cover;
border-radius: 20px;
justify-content: center;
align-items: center;
width: 100%;
height: 480px;
text-decoration: none;
display: flex;
}
.button-style-377 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.button-label-256 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-11 {
object-fit: cover;
overflow: hidden;
}
.body-29 {
justify-content: center;
align-items: center;
display: flex;
}
.test-card---mobile-18 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
padding: 20px 20px 10px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007411 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: stretch;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.header-style-156 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-409 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-152 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-417 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-418 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.description-419 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5880 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-157 {
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 294px;
text-decoration: none;
display: flex;
}
.price-33 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-726 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20032 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-55 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-378 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-257 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-12 {
object-fit: cover;
overflow: hidden;
}
.td_auto-search_results-empty {
background-color: #eee;
padding: .75rem 1rem;
}
.td_auto-search_input {
align-items: center;
display: flex;
position: relative;
}
.td_auto-search_form-block {
margin-bottom: 0;
}
.td_form-icon-left {
position: absolute;
left: .75rem;
}
.td_text-size-tiny, .td_auto-search_instruction-item {
font-size: .75rem;
}
.td_icon-embed-xsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
}
.td_recipes_list-item {
width: 100%;
}
.td_auto-search_instructions {
background-color: #fcf8d8;
justify-content: space-between;
padding: .25rem .5rem;
display: flex;
position: sticky;
inset: auto 0% 0%;
}
.td_recipes_list {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex-flow: column;
width: 100%;
display: flex;
}
.td_auto-search_results {
z-index: 99;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border: 1px solid #000;
grid-template-rows: auto auto;
grid-template-columns: minmax(200px, 1fr) repeat(auto-fit, minmax(200px, 1fr));
grid-auto-columns: 1fr;
width: 500px;
height: 1394%;
max-height: none;
display: grid;
position: absolute;
inset: 3.25rem 0% auto;
overflow: auto;
}
.td_auto-search_form {
position: relative;
}
.td_form_input {
color: #141414;
background-color: #0000;
border: 1px solid #aaa;
min-height: 3rem;
margin-bottom: .25rem;
padding: .5rem 1rem;
font-size: 1rem;
}
.td_form_input::placeholder {
color: #222;
}
.td_form_input.td_is-icon-both {
border-radius: 20px;
width: 250px;
padding-left: 2.75rem;
padding-right: 2.75rem;
}
.td_form_input.td_is-icon-both:focus {
border-color: #222;
}
.td_recipes_list-empty-content {
justify-content: space-between;
display: flex;
}
.td_recipes_list-wrapper {
z-index: 99;
background-color: #fff;
width: 100%;
height: 400px;
}
.link-block-18 {
text-decoration: none;
display: flex;
}
.link-block-19 {
text-decoration: none;
}
.td_demo_component-wrapper {
color: #141414;
background-color: #fff;
padding: 0;
}
.td_max-width-medium {
width: 100%;
max-width: 32rem;
}
.td_recipes_list-2 {
grid-column-gap: 1px;
grid-row-gap: 1px;
flex-flow: column;
display: flex;
}
.td_auto-search_results-2 {
z-index: 99;
grid-column-gap: 16px;
grid-row-gap: 16px;
background-color: #fff;
border: 1px solid #000;
flex-flow: column;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: space-between;
place-items: start center;
max-height: 250px;
display: grid;
position: absolute;
inset: 3.25rem 0% auto;
overflow: auto;
}
.td_auto-search_results-2.search-results-box {
display: flex;
}
.td_recipes_list-wrapper-2 {
z-index: 99;
background-color: #fff;
}
.div-block-72 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.td_recipes_link {
color: #141414;
justify-content: space-between;
align-items: center;
padding: .75rem 1rem;
text-decoration: none;
transition: background-color .2s;
display: flex;
}
.td_recipes_link:hover {
background-color: #eee;
}
.td_icon-embed-xxsmall {
flex-direction: column;
justify-content: center;
align-items: center;
width: 1rem;
height: 1rem;
display: flex;
}
.test-card---mobile-19 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007412 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 264px;
text-decoration: none;
display: flex;
}
.header-style-158 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-410 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-153 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-420 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.description-421 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 229px;
text-decoration: none;
display: flex;
}
.description-422 {
color: #909090;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.rectangle-5881 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 264px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-159 {
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 294px;
text-decoration: none;
display: flex;
}
.price-34 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 160px;
text-decoration: none;
display: flex;
}
.text-727 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
._15000---20033 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-56 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
text-decoration: none;
display: flex;
}
.button-style-379 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-258 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-13, .function-line, .stethoscope-fill, .test-tube-line-6, .briefcase-4-line {
object-fit: cover;
overflow: hidden;
}
.privacy_section {
background-color: var(--_variable-collection---neutral--1);
margin-top: 80px;
padding: 100px 20px;
}
.privacy_content_wrapper {
background-color: #fff;
border: 1px #6969691a;
border-radius: 20px;
padding: 24px 40px;
overflow: visible;
}
.legal_basis_text {
color: #696969;
margin-top: 0;
margin-bottom: 0;
margin-right: 4px;
font-weight: 700;
line-height: 1.6;
}
.datatable_mobile {
display: none;
}
.header_section_wrapper {
flex-flow: column;
align-items: flex-start;
display: flex;
}
.read_more_data_wrapper {
flex: 1;
padding-left: 24px;
display: block;
}
.content_wrapper {
flex-direction: column;
align-items: flex-start;
margin-left: 0;
padding-left: 0;
font-family: Cabin, sans-serif;
display: flex;
}
.content_wrapper.gbgb {
color: var(--_variable-collection---neutral--5);
}
.legal_basis_wrapper {
align-items: center;
margin-top: 0;
margin-bottom: 0;
display: flex;
}
.datatable_header_atom {
align-items: center;
width: 22%;
height: 100%;
margin-right: 0;
padding-left: 16px;
padding-right: 16px;
display: flex;
}
.datatable_header_atom.data_collected_shared {
width: 26%;
}
.datatable_header_atom.data_collect {
justify-content: center;
width: 25%;
}
.datatable_header_atom.service_provider {
width: 20%;
height: 100%;
}
.datatable_header_atom.service_provider.third_party {
width: 18%;
}
.datatable_header_atom.data_give {
justify-content: center;
width: 25%;
}
.datatable_header_atom.key_cookie {
width: 30%;
height: 100%;
}
.datatable_header_atom.purpose {
width: 50%;
height: 100%;
}
.datatable_header_atom.purpose.third_party {
width: 34%;
}
.container-228 {
z-index: 2;
text-align: left;
flex: 0 auto;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
}
.datatable_text {
color: #696969;
margin-bottom: 0;
padding: 0;
font-size: 12px;
line-height: 1.8;
}
.datatable_text.bold {
font-weight: 700;
}
.sticky_menu_wrapper {
z-index: 0;
background-color: #0000;
flex-direction: column;
height: 400px;
margin-bottom: 0;
padding: 0 24px 0 0;
display: flex;
position: sticky;
top: 182px;
overflow: visible;
}
.small_data_table {
flex-direction: column;
align-items: flex-start;
width: 100%;
display: flex;
}
.datatable_line {
justify-content: space-between;
align-items: stretch;
width: 100%;
height: auto;
display: flex;
}
.small_datatable_header_atom {
justify-content: center;
width: 25%;
padding: 8px;
display: flex;
}
.small_datatable_header_atom.action {
justify-content: flex-start;
width: 50%;
padding: 16px;
}
.divider {
background-color: #69696926;
border-radius: 2px;
width: 100%;
height: 1px;
margin-top: 24px;
margin-bottom: 24px;
}
.divider.datatable {
width: 100%;
margin-top: 0;
margin-bottom: 0;
}
.legal_bases_meaning_wrapper {
flex: 1;
height: auto;
margin-top: 0;
padding-left: 24px;
overflow: hidden;
}
.sticky_menu_item {
color: var(--_variable-collection---neutral--5);
margin-bottom: 12px;
font-family: Cabin, sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
text-decoration: none;
transition: color .2s;
}
.sticky_menu_item:hover {
color: var(--_variable-collection---blue--3);
}
.sticky_menu_item:visited {
color: var(--_variable-collection---neutral--5);
}
.sticky_menu_item.w--current {
cursor: pointer;
}
.item_icon_header {
flex-direction: row-reverse;
align-items: flex-start;
display: flex;
}
.privacy-bloc {
align-items: stretch;
display: flex;
}
.privacy-bloc.how_and_why, .privacy-bloc.our-role, .privacy-bloc.privacy_choices_rights, .privacy-bloc.cookies {
flex-direction: column;
}
.privacy-bloc.collect-data {
flex-direction: column;
align-items: flex-start;
}
.privacy-bloc.data_storage, .privacy-bloc.third_parties, .privacy-bloc.datatype, .privacy-bloc.making_policy_great {
flex-direction: column;
}
.list_datatable {
color: #696969;
margin-top: 0;
margin-bottom: 0;
padding-left: 16px;
font-size: 12px;
line-height: 20px;
}
.datatable_wrapper {
flex-direction: column;
align-items: flex-start;
width: 100%;
margin-top: 16px;
margin-bottom: 16px;
display: flex;
}
.item_icon_wrapper {
flex-direction: column-reverse;
justify-content: flex-end;
align-items: flex-start;
margin-top: 12px;
margin-bottom: 12px;
display: flex;
}
.accordion_content {
flex-direction: row-reverse;
align-items: stretch;
height: auto;
margin-top: 8px;
display: flex;
overflow: hidden;
}
.check {
background-color: #0000;
border-radius: 0;
width: 16px;
height: 16px;
}
.check.off {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68f76059e4320feb72608d5c_Cross.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
width: 14px;
}
.check.on {
background-color: #0000;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68f76059e4320feb72608d51_Check.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
border-radius: 0;
width: 16px;
height: 16px;
}
.list_item_privacy {
color: #696969;
padding-bottom: 0;
font-size: 15px;
line-height: 22px;
}
.list_item_privacy.datatable_text {
font-size: 12px;
line-height: 1.8;
}
.data_reason_wrapper {
flex-direction: column;
margin-top: 12px;
margin-bottom: 12px;
display: flex;
}
.item_icon_text {
flex-direction: column;
margin-left: 0;
display: flex;
}
.mini_button {
color: #fff;
cursor: pointer;
background-color: #4c14e9;
border-radius: 4px;
margin-left: 4px;
margin-right: 4px;
padding: 4px 8px;
font-size: 10px;
line-height: 1.4;
transition: background-color .2s, color .2s;
}
.mini_button:hover {
color: #4c14e9;
background-color: #eff2ff;
}
.mini_button.privacy_policy {
margin-top: 4px;
margin-left: 0;
margin-right: 0;
}
.accordion_trigger {
cursor: pointer;
align-items: center;
margin-top: 8px;
margin-bottom: 8px;
display: flex;
}
.read_more_line {
object-fit: none;
object-position: 100% 0%;
background-color: #eff2ff;
border-radius: 16px;
flex: 0 auto;
width: 8px;
margin-left: 16px;
display: flex;
overflow: hidden;
}
.h5_alt {
color: #696969;
letter-spacing: .5px;
text-transform: uppercase;
font-size: 12px;
font-weight: 700;
line-height: 1.6;
}
.small_datatable_line {
justify-content: flex-start;
width: 100%;
display: flex;
}
.arrow {
width: 10px;
height: 10px;
margin-left: 4px;
transform: rotate(0);
}
.privacy_grid {
grid-column-gap: 0px;
grid-template: "Lateral-Menu Content"
/ .5fr 1.25fr;
}
.intro_wrapper {
text-align: center;
}
.datatable_header {
background-color: #6969691a;
border-radius: 8px;
justify-content: space-between;
align-items: center;
width: 100%;
height: 32px;
display: flex;
}
.datatable_line_atom {
align-items: flex-start;
width: 20%;
height: auto;
padding: 16px;
display: flex;
}
.datatable_line_atom.place_processing {
width: 22%;
}
.datatable_line_atom.data_give {
justify-content: center;
align-items: center;
width: 25%;
}
.datatable_line_atom.purpose {
width: 50%;
}
.datatable_line_atom.purpose.third_party {
width: 34%;
}
.datatable_line_atom.data_collect {
justify-content: center;
align-items: center;
width: 25%;
}
.datatable_line_atom.key_cookies {
width: 30%;
}
.datatable_line_atom.service_provider {
flex-direction: column;
width: 18%;
}
.datatable_line_atom.data_collected_shared {
width: 26%;
}
.datatable_category_name {
color: #696969;
letter-spacing: .5px;
text-transform: uppercase;
font-size: 9px;
font-weight: 700;
line-height: 12px;
display: flex;
}
.read_more_content_wrapper {
flex: 1;
padding-left: 24px;
overflow: hidden;
}
.small_datatable_line_atom {
justify-content: center;
align-items: center;
width: 25%;
padding: 16px;
display: flex;
}
.small_datatable_line_atom.action {
justify-content: flex-start;
width: 50%;
}
.legal_bases_meaning_tilte_wrapper {
margin-bottom: 22px;
}
.privacy_icon {
width: auto;
max-width: 32px;
height: auto;
max-height: 32px;
margin-right: 16px;
}
.privacy_icon.top-margin {
margin-top: 6px;
}
.privacy_icon.top-margin.big {
margin-top: 10px;
}
.read_more_text {
color: #4c14e9;
letter-spacing: 0;
text-transform: none;
font-size: 12px;
font-weight: 700;
text-decoration: underline;
}
.small_dt_header {
background-color: #6969691a;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.paragraph_centered {
color: var(--_variable-collection---neutral--5);
text-align: center;
font-family: Cabin, sans-serif;
}
.container-229 {
z-index: 2;
text-align: left;
flex: 0 auto;
width: 100%;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
display: block;
position: relative;
}
.bold-text {
font-family: Cabin, sans-serif;
font-weight: 500;
}
.button-style-380 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-380:hover {
background-color: var(--_variable-collection---color);
}
.button-label-259 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-14 {
object-fit: cover;
overflow: hidden;
}
.column-449 {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-wrapper-199 {
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.image-311 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
height: 267.429px;
text-decoration: none;
display: flex;
}
.hero-heading-left-103 {
grid-column-gap: 80px;
background-image: linear-gradient(180.5deg, #fff0, #fff);
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 600px;
padding: 40px 24px;
display: none;
overflow: hidden;
}
.frame-1000007413 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 281px;
text-decoration: none;
display: flex;
}
.frame-1000007414 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-728 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(80.69deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-237 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-381 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.book-counselling-6 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hero-heading-left-104 {
grid-column-gap: 80px;
background-image: linear-gradient(239.35deg, #fff0 0%, #fff 100%), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68f7a00f2694323df2af75d0_Hero-Heading-Left.jpg");
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 800px;
min-height: 800px;
padding: 80px 24px;
display: flex;
overflow: hidden;
}
.container-230 {
grid-column-gap: 80px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 1200px;
height: 640px;
text-decoration: none;
display: flex;
}
.column-450 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 560px;
height: 640px;
text-decoration: none;
display: flex;
}
.content-style-411 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-366 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(90deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-238 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.actions-113 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
padding-top: 16px;
text-decoration: none;
display: flex;
}
.button-style-382 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-260 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.paragraph-9 {
color: var(--_variable-collection---neutral--5);
}
.link {
color: var(--_variable-collection---blue--3);
}
.health-call-1-streamline-ux-duotone, .acheivement-1-streamline-ux-duotone-2, .business-hero-1-streamline-ux-duotone {
object-fit: cover;
}
.frame-1000007415 {
background-color: var(--_variable-collection---blue--5);
border-radius: 16px;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-239 {
color: var(--_variable-collection---neutral--1);
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007416 {
background-color: var(--_variable-collection---blue--5);
border-radius: 16px;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-240 {
color: var(--_variable-collection---neutral--1);
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007417 {
background-color: var(--_variable-collection---blue--5);
border-radius: 16px;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-241 {
color: var(--_variable-collection---neutral--1);
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007418 {
background-color: var(--_variable-collection---blue--5);
border-radius: 16px;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-242 {
color: var(--_variable-collection---neutral--1);
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007419 {
background-color: var(--_variable-collection---blue--5);
border-radius: 16px;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-243 {
color: var(--_variable-collection---neutral--1);
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.headingfert {
display: flex;
}
.radio-button-4 {
display: none;
}
.radio-button-field-5 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
padding-left: 0;
display: flex;
}
.radio-button-field-5.omg {
display: none;
}
.radio-button-field-6 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
padding-left: 0;
display: flex;
}
.radio-button-field-6.omg {
display: none;
}
.radio-button-field-7 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
padding-left: 0;
display: flex;
}
.radio-button-field-7.omg {
display: none;
}
.link-2, .bold-text-2 {
color: var(--_variable-collection---blue--3);
font-family: Cabin, sans-serif;
}
.bold-text-3 {
font-family: Cabin, sans-serif;
}
.paragraph-11, .paragraph-12, .paragraph-13, .paragraph-14, .paragraph-15 {
color: var(--_variable-collection---neutral--5);
font-family: Cabin, sans-serif;
}
.paragraph-16, .paragraph-17, .list-23, .list-24, .list-item-24, .list-25, .list-26, .list-27, .paragraph-18 {
color: var(--_variable-collection---neutral--5);
}
.link-3 {
color: var(--_variable-collection---blue--3);
}
.bold-text-4 {
font-size: 40px;
}
.radio-button-5 {
display: none;
}
.collection-list-28 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
width: 100%;
max-width: none;
display: flex;
}
.collection-list-wrapper-30 {
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-88 {
flex-flow: column;
margin-bottom: 40px;
display: flex;
}
.collection-item-34 {
display: flex;
}
.collection-list-29 {
grid-column-gap: 12px;
grid-row-gap: 12px;
flex-flow: column;
display: flex;
}
.collection-list-30 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: column;
display: flex;
}
.radio-button-6 {
display: none;
}
.radio-button-field-8, .radio-button-field-9, .radio-button-field-10, .radio-button-field-11 {
grid-column-gap: 12px;
grid-row-gap: 12px;
display: flex;
}
.description-423 {
color: #0d0d0d;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
display: flex;
}
.div-block-89 {
grid-column-gap: 60px;
grid-row-gap: 60px;
border-right: .5px solid var(--_variable-collection---neutral--2);
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex;
}
.frame-1000007420 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 320px;
padding: 40px 24px 64px;
text-decoration: none;
display: none;
}
.frame-1000007421 {
grid-row-gap: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.column-451 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-412 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.column-452 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 312px;
text-decoration: none;
display: flex;
}
.frame-1000007422 {
grid-column-gap: 19px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000007423 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 146px;
text-decoration: none;
display: flex;
}
.rectangle-5882 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 146px;
height: 148px;
text-decoration: none;
display: flex;
}
.text-729 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-424 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.description-425 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-368 {
color: #000;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-369 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(83.59deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.div-block-90 {
display: none;
}
.modal-container {
display: flex;
}
.heading-26 {
margin-bottom: 40px;
font-family: Cabin, sans-serif;
font-size: 45px;
display: flex;
}
.heading-26.form-heading {
color: var(--_variable-collection---neutral--6);
font-size: 40px;
display: flex;
}
.test-name-display {
display: none;
}
.test-name-input, .text-field {
border-radius: 20px;
height: 50px;
margin-bottom: 12px;
}
.text-field-2 {
border-radius: 20px;
height: 50px;
margin-bottom: 12px;
font-family: Cabin, sans-serif;
position: relative;
}
.submit-button {
background-color: var(--_variable-collection---blue--3);
border-radius: 20px;
margin-top: 20px;
font-family: Cabin, sans-serif;
}
.submit-button:hover {
background-color: var(--_variable-collection---color);
}
.form-9 {
font-family: Cabin, sans-serif;
}
.modaldesk {
z-index: 999;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.modalbgdesk {
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
background-image: linear-gradient(#00000080, #00000080);
width: 100%;
height: 100%;
}
.modal-container-desk {
background-image: linear-gradient(to bottom, var(--_variable-collection---neutral--0), var(--_variable-collection---neutral--0));
border-radius: 12px;
width: 100%;
max-width: 35rem;
margin-top: 60px;
padding: 34px;
position: absolute;
}
.button-style-383 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 32px;
text-decoration: none;
display: flex;
}
.button-style-383:hover {
background-color: var(--_variable-collection---blue--6);
}
.button-label-261 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-15 {
object-fit: cover;
overflow: hidden;
}
.div-block-91 {
text-align: right;
width: 30px;
margin-top: 10px;
margin-bottom: 0;
}
.cross {
width: 30px;
height: 30px;
position: relative;
}
.cross:hover {
opacity: .31;
background-image: none;
}
.title-copy-goes-here-be-awesome-370 {
font-family: Cabin, sans-serif;
}
.title-copy-goes-here-be-awesome-371 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(74.1deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.title-copy-goes-here-be-awesome-372 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.text-block-131 {
font-family: Cabin, sans-serif;
}
.success-message-5 {
background-color: var(--_variable-collection---neutral--0);
padding-top: 0;
}
.div-block-92 {
grid-column-gap: 24px;
grid-row-gap: 24px;
flex-flow: column;
display: flex;
}
.frame-1000007424 {
grid-column-gap: 64px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
height: 227px;
text-decoration: none;
display: flex;
}
.card-174 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 440px;
height: 227px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007425 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-160 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-413 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-154 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-426 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-427 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-428 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5883 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 400px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-161 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.price-35 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007426 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-730 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-57 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-384 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-262 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.modal2 {
z-index: 999;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
flex-flow: column;
justify-content: center;
align-items: center;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
inset: 0%;
}
.modalbg2 {
background-image: linear-gradient(#00000080, #00000080);
width: 100%;
height: 100%;
}
.modal-contain {
width: 100%;
max-width: 35rem;
position: absolute;
}
.form-10 {
border-radius: 12px;
padding: 34px;
}
.div-block-93 {
background-image: linear-gradient(to bottom, var(--_variable-collection---neutral--0), var(--_variable-collection---neutral--0));
border-radius: 12px;
margin-top: 80px;
padding: 34px;
}
.div-block-94 {
flex-flow: row;
justify-content: space-between;
align-items: stretch;
display: flex;
}
.text-span-24 {
font-family: Cabin, sans-serif;
font-size: 14px;
}
.features-list-29 {
grid-row-gap: 80px;
background-color: #fff;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 80px 24px;
text-decoration: none;
display: flex;
overflow: hidden;
}
.frame-1000007427 {
grid-column-gap: 80px;
grid-row-gap: 80px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
margin-top: 60px;
text-decoration: none;
display: flex;
}
.columns-64 {
grid-column-gap: 80px;
justify-content: center;
align-items: flex-start;
width: 100%;
max-width: 1200px;
margin-top: 0;
text-decoration: none;
display: flex;
}
.column-453 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 320px;
height: 803px;
text-decoration: none;
display: flex;
}
.frame-1000007428 {
background-color: #edf6ff;
border-radius: 16px;
flex: 0 auto;
justify-content: flex-end;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-244 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.content-style-414 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-415 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.intro-43 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-155 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.title-style-156 {
color: #909090;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.button-style-385 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 12px 32px;
text-decoration: none;
display: flex;
}
.button-label-263 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-16 {
object-fit: cover;
overflow: hidden;
}
.columns-65 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #e7e7e7;
border-radius: 20px;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: auto;
padding: 24px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.card-175 {
grid-column-gap: 16px;
border-radius: 16px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 754px;
padding: 16px;
text-decoration: none;
display: flex;
}
.content-style-416 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-731 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.text-732 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.text-732.inline-bullets {
flex-flow: column;
flex: 1;
display: flex;
}
.card-176 {
grid-column-gap: 16px;
background-color: #fff;
border-radius: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 754px;
padding: 16px;
text-decoration: none;
display: flex;
}
.text-733 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 600;
line-height: 140%;
text-decoration: none;
}
.tabs-menu-17 {
text-align: center;
border-bottom: 2px solid #78cec3;
}
.tab-link-18 {
color: #78cec3;
text-align: center;
background-color: #0000;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
width: 16.66%;
padding-left: 0;
padding-right: 0;
font-weight: 600;
}
.tab-link-18.w--current {
color: #fff;
background-color: #78cec3;
font-weight: 800;
}
.tab-dropdown {
display: none;
}
.kicker {
color: #78cec3;
max-width: 720px;
margin-bottom: 18px;
margin-left: auto;
margin-right: auto;
padding-left: 25px;
padding-right: 25px;
font-size: 21px;
font-weight: 600;
line-height: 31px;
display: block;
}
.kicker.secondary {
margin-bottom: 60px;
}
.tabs-content-13 {
text-align: left;
background-color: #f5faf9;
border-radius: 6px;
margin-top: 60px;
padding: 35px;
}
.form-11 {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.text-field-3 {
border-radius: 20px;
width: 300px;
height: 40px;
}
.submit-button-2 {
background-color: var(--_variable-collection---blue--3);
border-radius: 20px;
height: 40px;
font-family: Cabin, sans-serif;
font-size: 14px;
}
.submit-button-2:hover {
background-color: var(--_variable-collection---blue--5);
}
.div-block-95 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto;
grid-template-columns: 3.5fr .25fr;
grid-auto-columns: 1fr;
justify-content: end;
justify-items: stretch;
display: grid;
}
.image-315 {
background-image: none;
background-position: 0 0;
background-size: auto;
width: 24px;
height: 24px;
margin-right: 20px;
}
.text-block-136 {
display: flex;
}
.div-block-96 {
justify-content: flex-start;
align-items: center;
margin-right: 20px;
display: flex;
}
.div-block-97 {
grid-column-gap: 0px;
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
display: flex;
}
.collection-item-35 {
justify-content: center;
align-items: center;
width: auto;
display: flex;
}
.card-177 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
max-width: 380px;
height: 282.967px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007429 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-162 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-417 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-157 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-429 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-430 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-431 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5884 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 340px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-163 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.price-36 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007430 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-734 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000-20034 {
color: #b4b4b4;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-58 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-386 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-264 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.div-block-98 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin: 42px;
display: grid;
}
.body-30 {
margin-top: 60px;
}
.image-317 {
width: 24px;
}
.bold-text-5, .bold-text-6, .bold-text-7, .bold-text-8, .bold-text-9, .bold-text-10 {
font-weight: 400;
}
.italic-text {
font-style: normal;
}
.bold-text-11, .bold-text-12, .bold-text-13, .bold-text-14, .bold-text-15, .bold-text-16, .bold-text-17, .bold-text-18, .bold-text-19, .bold-text-20, .bold-text-21, .bold-text-22, .bold-text-23, .bold-text-24, .bold-text-25 {
font-weight: 400;
}
.page-count {
margin-top: 0;
font-family: Cabin, sans-serif;
}
.text-block-137 {
text-decoration: none;
}
.section-18 {
display: none;
}
.frame-1000007431 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007432 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-245 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007433 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-387 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-736 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-388 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-265 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-23 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.unlocking-deep-genomic-insights-transforming-lives-24 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(75.6deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.frame-1000007434 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007435 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-246 {
color: #5d5d5d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007436 {
grid-column-gap: 16px;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.button-style-389 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.text-737 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-style-390 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-266 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.sample-title-11 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.sample-title-12 {
letter-spacing: -.02em;
-webkit-text-fill-color: transparent;
background-image: linear-gradient(75.6deg, #f46e00 0%, #fba700 100%);
-webkit-background-clip: text;
background-clip: text;
width: 100%;
margin-top: 0;
margin-bottom: 241.009px;
font-family: Cabin, sans-serif;
font-size: 28px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.card-178 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 380px;
height: 291.2px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007437 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-164 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-418 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-158 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-432 {
color: #0d0d0d;
text-align: left;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-433 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-434 {
color: #5d5d5d;
text-align: left;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5885 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 340px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-165 {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.price-37 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007438 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-738 {
color: #0d0d0d;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000---20035 {
color: #b4b4b4;
text-align: left;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: none;
}
.action-59 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-391 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-267 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.hhh.uiiu {
padding-left: 0;
}
.pagination-3 {
flex-flow: row;
justify-content: space-between;
align-items: center;
margin-top: 60px;
}
.page-count-2 {
width: 50%;
margin-top: 0;
font-family: Cabin, sans-serif;
}
.next-3 {
background-color: var(--_variable-collection---neutral--1);
border-radius: 20px;
font-family: Cabin, sans-serif;
}
.next-3:hover {
background-color: var(--_variable-collection---blue--0);
}
.text-block-138, .icon-43 {
font-family: Cabin, sans-serif;
}
.previous-2 {
border-color: var(--_variable-collection---blue--0);
border-radius: 20px;
font-family: Cabin, sans-serif;
}
.previous-2:hover {
background-color: var(--_variable-collection---blue--0);
}
.timer-line-2 {
object-fit: cover;
width: 16px;
height: 16px;
overflow: hidden;
}
.text-block-139 {
font-family: Cabin, sans-serif;
font-size: 1.2rem;
font-weight: 500;
}
.link-block-27.w--current {
text-decoration: none;
}
.div-block-103, .div-block-104 {
margin-bottom: 40px;
}
.div-block-105 {
justify-content: center;
align-items: center;
width: auto;
height: auto;
display: flex;
}
.image-319 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 480px;
height: 400px;
text-decoration: none;
display: flex;
position: absolute;
top: 40px;
left: 680px;
overflow: hidden;
}
.image-320 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 480px;
height: 400px;
text-decoration: none;
display: flex;
position: static;
top: 40px;
left: 680px;
overflow: hidden;
}
.content-style-419 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-373 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 35px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-247 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007439 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000007440 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-420 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.title-style-159 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-435 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-739 {
opacity: .5;
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: line-through;
}
.eyebrow-heading-8 {
grid-column-gap: 4px;
background-color: #fafafa4d;
border-radius: 40px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: 4px 8px;
text-decoration: none;
display: none;
}
.pregnancy-4 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 150%;
text-decoration: none;
}
.frame-1000007441 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: flex-start;
width: 83px;
text-decoration: none;
display: flex;
}
.timer-line-3 {
object-fit: cover;
flex: 0 auto;
width: 20px;
max-width: none;
height: auto;
display: block;
overflow: hidden;
}
.text-740 {
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.column-454 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 480px;
padding-left: 40px;
padding-right: 40px;
text-decoration: none;
display: flex;
position: relative;
}
.content-style-421 {
grid-row-gap: 24px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 560px;
text-decoration: none;
display: flex;
}
.title-copy-goes-here-be-awesome-374 {
color: #fff;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 120%;
text-decoration: none;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-248 {
color: #fff;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.frame-1000007442 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.frame-1000007443 {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.content-style-422 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
text-decoration: none;
display: flex;
}
.title-style-160 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-436 {
color: #fff;
letter-spacing: -.02em;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 700;
line-height: 140%;
text-decoration: none;
}
.text-741 {
opacity: .5;
color: #fff;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 150%;
text-decoration: line-through;
display: none;
}
.frame-1000007444 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: center;
width: auto;
text-decoration: none;
display: flex;
}
.text-742 {
color: #fff;
width: 104.558%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.image-321 {
object-fit: cover;
border-radius: 16px;
justify-content: center;
align-items: center;
width: 100%;
max-width: 480px;
height: 400px;
text-decoration: none;
display: flex;
position: absolute;
top: 40px;
left: 680px;
overflow: hidden;
}
.text-block-140 {
font-family: Cabin, sans-serif;
font-size: 14px;
}
.text-block-140.text-block-104 {
font-size: 12px;
}
.text-block-141, .text-block-142, .text-block-143, .text-block-144, .text-block-145 {
font-family: Cabin, sans-serif;
font-size: 12px;
}
.text-block-146 {
font-family: Cabin, sans-serif;
font-size: 14px;
}
.collection-list-wrapper-32 {
display: flex;
}
.card-179 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 260px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 8px 24px #0000000a;
}
.frame-1000007445 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
text-decoration: none;
display: flex;
}
.header-style-166 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-423 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.title-style-161 {
grid-column-gap: 8px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-437 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.description-438 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.description-439 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.rectangle-5886 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 428px;
height: 1px;
text-decoration: none;
display: flex;
}
.header-style-167 {
justify-content: space-between;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.price-38 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.frame-1000007446 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.text-743 {
color: var(--_variable-collection---neutral--3);
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000-20036 {
color: var(--_variable-collection---neutral--6);
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000-20036.price-text {
font-size: 16px;
}
.action-60 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-392 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-268 {
color: #fff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.text-span-25 {
font-weight: 600;
}
.text-span-26, .text-span-27, .text-span-28, .text-span-29 {
font-weight: 700;
}
.collection-list-35 {
width: 99.9997%;
}
.text-block-147 {
font-family: Cabin, sans-serif;
font-size: 14px;
}
.text-span-31 {
background-image: linear-gradient(to bottom, var(--_variable-collection---neutral--6), var(--_variable-collection---neutral--6));
}
.text-block-148 {
color: var(--_variable-collection---neutral--5);
font-size: 15px;
}
.text-block-149 {
color: #5d5d5d;
font-family: Cabin, sans-serif;
font-size: 14px;
}
.tab-pane-tab-1-11 {
margin-bottom: 0;
padding-bottom: 1rem;
overflow: visible;
}
.text-block-150 {
color: #5d5d5d;
font-family: Cabin, sans-serif;
font-size: 14px;
}
.container-xlarge-4 {
width: 100%;
max-width: 96rem;
margin-left: auto;
margin-right: auto;
}
.tab-link-19 {
opacity: .5;
color: #0c2954;
text-align: center;
background-color: #0c295400;
border: 1px #0c2954;
border-bottom: .0625rem solid #0c295400;
border-radius: 0;
flex: 1;
padding: 1rem 2rem;
}
.tab-link-19.w--current {
opacity: 1;
background-color: #0c295400;
border-bottom-width: 3px;
border-bottom-color: #0084ff;
}
.text-block-151 {
color: #0d0d0d;
font-family: Cabin, sans-serif;
font-size: 14px;
}
.button-style-393 {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: center;
align-items: center;
text-decoration: none;
display: flex;
}
.padding-global-26 {
flex-flow: column;
align-items: center;
padding-left: 5%;
padding-right: 5%;
display: flex;
}
.button-label-269 {
color: #0084ff;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.button-label-269:hover {
color: #00256f;
}
.section-title-50 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: none;
text-decoration: none;
display: flex;
}
.text-744 {
color: #909090;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.section_hero-7 {
background-color: #fff;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 60px;
padding-bottom: 80px;
display: flex;
}
.tabs-12 {
width: 1100px;
}
.collection-item-39 {
width: 366.667px;
margin-bottom: 10px;
padding-top: 10px;
padding-right: 0;
}
.text-745 {
color: #0d0d0d;
text-align: center;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 40px;
font-weight: 500;
line-height: 120%;
text-decoration: none;
}
.tab-pane_img-wrapper-7 {
aspect-ratio: 16 / 9;
box-shadow: none;
border-radius: .3125rem;
width: 1100px;
max-width: none;
margin-left: auto;
margin-right: auto;
overflow: visible;
}
.text-block-152 {
color: #5d5d5d;
font-family: Cabin, sans-serif;
font-size: 14px;
}
.frame-1000007447 {
grid-row-gap: 14px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 812px;
text-decoration: none;
display: flex;
}
.padding-section-large-12 {
padding-top: 5rem;
padding-bottom: 0;
}
._15000-20037 {
color: #0d0d0d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
._15000-20037.price-text {
font-size: 16px;
}
.frame-1000007448 {
grid-column-gap: 4px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.content-style-424 {
grid-row-gap: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 180.2px;
text-decoration: none;
display: flex;
}
.text-746 {
color: #b4b4b4;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 600;
line-height: 150%;
text-decoration: none;
}
.description-440 {
color: #0d0d0d;
letter-spacing: -.02em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 24px;
font-weight: 500;
line-height: 140%;
text-decoration: none;
}
.price-39 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.description-441 {
grid-column-gap: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.action-61 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 49px;
text-decoration: none;
display: flex;
}
.button-style-394 {
grid-column-gap: 4px;
background-color: #0084ff;
border-radius: 56px;
flex: 0 auto;
justify-content: center;
align-items: center;
width: 120px;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-style-394:hover {
background-color: #00256f;
}
.card-180 {
grid-column-gap: 24px;
background-color: #fff;
border: 1px solid #fafafa;
border-radius: 20px;
justify-content: flex-end;
align-items: center;
width: 352px;
max-width: none;
height: 282.8px;
padding: 20px;
text-decoration: none;
display: flex;
box-shadow: 0 1px 5px #0000000a;
}
.description-442 {
color: #5d5d5d;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.header-style-168 {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.rectangle-5887 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 100%;
max-width: 340px;
height: 1px;
text-decoration: none;
display: flex;
}
.frame-1000007449 {
grid-row-gap: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.live-chat-close-icon---brix {
z-index: -1;
position: absolute;
}
.live-chat-bubble-subtext---brix {
margin-bottom: 0;
font-size: 14px;
line-height: 22px;
}
.live-chat-bubble-subtext---brix.whatsapp {
color: #7f8d8a;
}
.live-chat-button---brix {
color: #fff;
transform-style: preserve-3d;
background-color: #4a3aff;
border-radius: 60px;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 16px;
padding-bottom: 16px;
font-size: 14px;
font-weight: 700;
line-height: 16px;
text-decoration: none;
transition: all .3s;
display: flex;
box-shadow: 0 6px 18px #0e0d6a24;
}
.live-chat-button---brix:hover {
background-color: #170f49;
transform: scale3d(.94, .94, 1.01);
}
.live-chat-button---brix.whatsapp {
background-color: #25d366;
box-shadow: 0 6px 18px #112d2d24;
}
.live-chat-avatar-wrapper---brix {
border-radius: 50%;
width: 60px;
height: 60px;
overflow: hidden;
box-shadow: 0 4px 14px #170f491a;
}
.live-chat-bubble-title---brix {
color: #170f49;
margin-bottom: 8px;
font-size: 15px;
font-weight: 700;
line-height: 18px;
}
.live-chat-bubble-title---brix.whatsapp {
color: #142b26;
}
.live-chat-wrapper---brix {
z-index: 2;
flex-direction: column;
align-items: flex-end;
max-width: 380px;
display: flex;
position: fixed;
bottom: 48px;
right: 32px;
}
.live-chat-wrapper---brix.preview-page {
position: relative;
left: 50px;
right: 189px;
}
.live-chat-bubbble---brix {
z-index: 1;
cursor: pointer;
transform-style: preserve-3d;
background-color: #4a3aff;
border-radius: 50%;
justify-content: center;
align-items: center;
width: 60px;
height: 60px;
margin-top: 14px;
transition: transform .3s;
display: flex;
box-shadow: 0 4px 8px #4a3aff14;
}
.live-chat-bubbble---brix:hover {
transform: scale3d(.92, .92, 1.01);
}
.live-chat-bubbble---brix.whatsapp {
background-color: #075e54;
box-shadow: 0 4px 8px #128c6033;
}
.live-chat-message-bubble---brix {
background-color: #fff;
border: 1px solid #eff0f6;
border-radius: 36px 36px 36px 3px;
margin-bottom: 14px;
padding: 38px 38px 34px;
box-shadow: 0 4px 16px #170f4912;
}
.live-chat-message-bubble---brix.whatsapp {
box-shadow: 0 4px 16px #14282b14;
}
.live-chat-content---brix {
align-items: flex-end;
display: flex;
}
.live-chat-content-right---brix {
margin-right: 18px;
}
.field-label-6 {
font-family: Cabin, sans-serif;
}
.button-style-395 {
grid-column-gap: 4px;
background-color: #fff;
border: 1px solid #b4b4b4;
border-radius: 100px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 40px;
padding: 8px 16px;
text-decoration: none;
display: flex;
}
.button-label-270 {
color: #0d0d0d;
text-align: center;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.arrow-right-line-17 {
object-fit: cover;
overflow: hidden;
}
.text-span-33 {
font-size: 16px;
font-weight: 700;
}
.frame-1000007450 {
grid-column-gap: 32px;
grid-row-gap: 32px;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.card-181 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.work-calendar-streamline-ux-duotone-18 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-425 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-747 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-182 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.health-call-1-streamline-ux-duotone-2 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-426 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-748 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.card-183 {
grid-row-gap: 12px;
border-radius: 16px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 224px;
text-decoration: none;
display: flex;
}
.acheivement-1-streamline-ux-duotone-3 {
object-fit: cover;
justify-content: center;
align-items: center;
width: 80px;
height: 80px;
text-decoration: none;
display: flex;
}
.content-style-427 {
grid-row-gap: 4px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.text-749 {
opacity: .6;
color: #fff;
text-align: center;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 150%;
text-decoration: none;
}
.div-block-106 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.div-block-107 {
grid-column-gap: 20px;
grid-row-gap: 20px;
display: flex;
}
.div-block-108, .div-block-109 {
width: 232.267px;
}
.div-block-110, .div-block-111, .div-block-112 {
justify-content: flex-end;
align-items: center;
width: 100%;
display: flex;
}
@media screen and (min-width: 1280px) {
.tabs_gif {
max-width: none;
}
.text-297 {
width: 100%;
max-width: 1200px;
}
.description-80 {
color: var(--_variable-collection---neutral--4);
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-30 {
color: var(--_variable-collection---neutral--5);
}
.description-83 {
color: var(--_variable-collection---neutral--4);
}
.column-103 {
height: auto;
}
.hero-heading-left-27 {
background-position: 0 0, 50%;
background-attachment: scroll, scroll;
margin-top: 80px;
}
.title-copy-goes-here-be-awesome-66.blh, .title-copy-goes-here-be-awesome-67.blh {
width: auto;
}
.text-348 {
font-weight: 600;
}
.content-style-116 {
justify-content: center;
align-items: flex-start;
}
.unlocking-deep-genomic-insights-transforming-lives-0.ot.headingmain {
margin-bottom: 0;
display: flex;
}
.hero-heading-left-38.agriwrap01 {
background-position: 50% 0;
margin-top: 58px;
}
.hero-heading-left-38.agriwrap01.wrap0005 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e8ba32b2146ef14b9b4a94_Agri%20Genomics.png");
}
.column-157, .column-157.blah {
justify-content: center;
align-items: flex-start;
}
.container-139 {
justify-content: flex-start;
align-items: center;
}
.hero-heading-left-62 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686e87b37564524569afb7d2_Hero%20Heading%20Left.png"), linear-gradient(256.22deg, #fff0, #fff);
background-position: 0 0, 0 0;
background-size: cover, auto;
}
.columns-39 {
margin-top: 80px;
}
.search-input-3.hjg {
width: 100%;
}
.search-2 {
width: 20%;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-127 {
margin-bottom: 10px;
}
.testimonial-text {
justify-content: center;
align-items: flex-start;
}
.div-block-6 {
margin-top: 80px;
}
.page-wrapper-10 {
margin-top: 0;
display: flex;
}
.navigation-right {
width: 20%;
}
.navigation-right.pknngjrf {
width: 100%;
}
.text-size-medium-4 {
font-family: Cabin, sans-serif;
}
.filter_content-2 {
grid-column-gap: 24px;
grid-row-gap: 24px;
width: 800px;
}
.filter_form-2.helper {
width: 320px;
}
.filter_search.helper {
height: 44px;
}
.fs-example_layout {
justify-content: center;
align-items: flex-start;
margin-left: 0;
margin-right: 0;
}
.filter_grid-2 {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.cms_list.helper {
grid-column-gap: 1.5rem;
grid-row-gap: 40px;
}
.title-copy-goes-here-be-awesome-215 {
width: 608px;
}
.title-copy-goes-here-be-awesome-217 {
grid-column-gap: 10px;
grid-row-gap: 10px;
display: flex;
}
.title-copy-goes-here-be-awesome-218 {
margin-bottom: 0;
display: flex;
}
.title-copy-goes-here-be-awesome-219 {
margin-bottom: 0;
}
.list-17 {
padding-left: 20px;
}
.hero-heading-left-79 {
padding-top: 0;
padding-bottom: 0;
}
.content-style-258 {
height: auto;
}
.description-243 {
color: var(--_variable-collection---neutral--5);
}
.description-245 {
color: var(--_variable-collection---neutral--5);
font-size: 16px;
}
.contact-map {
width: auto;
}
.column-292 {
grid-row-gap: 16px;
}
.title-center {
justify-content: flex-start;
align-items: center;
height: 150px;
}
.form-text-field {
border-radius: 20px;
}
.hero-heading-left-86 {
display: none;
}
.dropdown-grid-bottom {
grid-template-columns: 1fr 1fr 1fr;
}
.paragraph-x-small-5.text-color-gray-500 {
color: var(--_variable-collection---neutral--6);
}
.button-secondary-small-2 {
background-color: var(--_variable-collection---blue--3);
border-radius: 56px;
padding: 9.5px 16px;
}
.button-secondary-small-2:hover {
background-color: var(--_variable-collection---color);
}
.dropdown-footnote {
justify-content: flex-end;
}
.paragraph-small-7 {
font-size: 12px;
}
.paragraph-small-7.text-weight-medium {
color: var(--_variable-collection---neutral--6);
}
.dropdown-link-card {
background-color: var(--_variable-collection---neutral--0);
color: var(--_variable-collection---color);
}
.dropdown-card-regular {
background-color: var(--_variable-collection---neutral--1);
}
.frame-1000007135 {
justify-content: flex-start;
align-items: center;
}
.frame-1000007135.kkkkk {
text-align: left;
justify-content: flex-start;
align-items: center;
}
.button-style-259.phonebut, .button-label-170.phonebut {
display: none;
}
.tabs-10 {
border-bottom-width: 1rem;
}
.title-copy-goes-here-be-awesome-302.title5 {
grid-column-gap: 5px;
grid-row-gap: 5px;
display: flex;
}
.title-copy-goes-here-be-awesome-303 {
width: 180%;
margin-bottom: 0;
display: flex;
}
.title-copy-goes-here-be-awesome-304 {
margin-bottom: 0;
}
.frame-1000007244 {
width: auto;
max-width: none;
display: none;
}
.c-col.cc-2 {
padding-left: 35px;
}
.c-button:hover {
background-color: var(--_variable-collection---blue--0);
}
.c-button.cc-filtro {
display: none;
}
.div-block-25 {
grid-column-gap: 80px;
grid-row-gap: 80px;
}
.c-detail_wrapper.button-section {
width: 100%;
}
.results-heading {
width: 150%;
}
.body-10 {
background-color: #000;
}
.icon-x-large {
width: 24px;
height: 24px;
}
.section-title-43 {
text-align: left;
}
.text-666 {
text-align: left;
display: flex;
}
.text-667 {
font-weight: 400;
}
.ms-button.ms-is-form {
background-color: var(--_variable-collection---blue--3);
}
.ms-button.ms-is-form:hover {
background-color: var(--_variable-collection---color);
}
.ms-form.ms-is-contact-form {
display: flex;
}
.slider-nav-active-2 {
box-shadow: none;
}
.navigation-link-7 {
color: var(--_variable-collection---neutral--5);
font-family: Cabin, sans-serif;
font-size: 14px;
}
.navigation-link-7:hover {
color: var(--_variable-collection---blue--3);
}
.navigation-link-7:visited, .navigation-link-7.w--current {
color: var(--_variable-collection---neutral--5);
}
.navigation-link-7.w--current:visited {
color: var(--_variable-collection---blue--3);
}
.icon-small-7 {
color: #fff;
}
.navigation-links-2 {
grid-column-gap: 2px;
grid-row-gap: 2px;
color: var(--_variable-collection---neutral--5);
}
.navigation-wrapper-2 {
margin-top: 0;
}
.navigation-dropdown-toggle-3 {
color: var(--_variable-collection---neutral--5);
font-family: Cabin, sans-serif;
}
.navigation-dropdown-toggle-3:hover {
color: var(--_variable-collection---blue--3);
}
.navigation-9 {
background-color: var(--_variable-collection---neutral--1);
color: var(--_variable-collection---neutral--1);
}
.subheading-regular-4 {
color: var(--_variable-collection---neutral--6);
font-family: Cabin, sans-serif;
}
.navigation-row-2 {
justify-content: flex-end;
align-items: center;
}
.navigation-left-4 {
justify-content: space-between;
}
.text-block-113 {
font-size: 14px;
}
.text-block-114 {
color: var(--_variable-collection---neutral--1);
font-family: Cabin, sans-serif;
}
.div-block-54 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-end;
align-items: center;
display: flex;
}
.search-result-list {
margin-top: 40px;
}
.search-button-4 {
display: none;
}
.container-210 {
margin-top: 60px;
}
.heading-22 {
background-image: linear-gradient(92deg, var(--_variable-collection---orange--3), var(--_variable-collection---orange--2) 53%, var(--_variable-collection---orange--3));
text-align: center;
-webkit-text-fill-color: transparent;
-webkit-background-clip: text;
background-clip: text;
margin-bottom: 20px;
font-family: Cabin, sans-serif;
}
.search-input-6 {
border-radius: 20px;
height: 45px;
}
.field-label-5 {
display: none;
}
.frame-1000007346 {
margin-left: 20px;
}
.button-style-353:hover {
border-color: var(--_variable-collection---blue--1);
background-color: var(--_variable-collection---blue--0);
}
.unlocking-deep-genomic-insights-transforming-lives-17.animated-text-gradient {
text-transform: lowercase;
}
.tab-link-17 {
justify-content: center;
align-items: center;
display: flex;
}
.tab-link-17.w--current:visited {
border-bottom-width: 3px;
}
.card-159 {
text-align: left;
width: auto;
max-width: none;
}
.collection-item-30 {
justify-content: center;
align-items: center;
display: flex;
}
.form-inner {
width: 800px;
}
.flex-row-outer {
flex-flow: column;
}
.flex-row-outer.layer-1 {
flex-flow: row;
}
.border-wrap {
grid-template-columns: 3fr .25fr;
width: 80%;
margin-top: 100px;
}
.border-wrap.borderwrap2 {
margin-top: 0;
}
.input-wrapper.wrappermessage.gfhgh {
height: 40px;
}
.section-large-7 {
background-color: var(--_variable-collection---neutral--1);
}
.contact-card-2 {
background-color: var(--_variable-collection---neutral--1);
padding: 0;
overflow: clip;
}
.heading4.paragraph-1, .play-button, .video-detail {
text-decoration: none;
}
.frame-1000007373 {
width: 93%;
}
.testimonial-stack-7 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e4c150e48fd1ad732737df_Background%20Blue.png");
background-position: 50%;
background-size: cover;
}
.frame-1000007379 {
display: none;
}
.hero-heading-left-96 {
margin-top: 0;
}
.body-21 {
justify-content: flex-start;
align-items: center;
}
.hero-heading-left-99 {
max-width: none;
}
.section-regular-10.background-gray-100 {
padding: 0 0%;
}
.container-large-29 {
max-width: none;
}
.title-copy-goes-here-be-awesome-363 {
text-align: center;
}
.body-27 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.image-307 {
width: 20px;
height: 19px;
}
.collection-list-26 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.body-28 {
align-items: center;
}
.body-29 {
justify-content: center;
align-items: center;
display: flex;
}
.collection-list-wrapper-29 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.radio-button-field-5 {
flex-flow: column;
}
.radio-button-field-5.omg, .radio-button-field-6.omg, .radio-button-field-7.omg, .section-18 {
display: none;
}
.text-block-139 {
font-family: Cabin, sans-serif;
font-size: 1.2rem;
}
.link-block-27 {
text-decoration: none;
}
.list-28 {
padding-left: 20px;
}
.collection-item-37 {
justify-content: center;
align-items: center;
display: flex;
}
.tab-link-19.w--current:visited {
border-bottom-width: 3px;
}
.tabs-12 {
border-bottom-width: 1rem;
}
.collection-item-39 {
justify-content: center;
align-items: center;
display: flex;
}
.card-180 {
text-align: left;
width: auto;
max-width: none;
}
.div-block-106 {
justify-content: center;
align-items: center;
}
}
@media screen and (min-width: 1440px) {
.main-wrapper {
display: flex;
}
.filter_column {
border-style: solid;
border-width: 0;
width: 320px;
}
.filter_block {
border-bottom-style: none;
}
.filter_block-header {
background-color: #fafafa;
border-radius: 20px;
height: 40px;
margin-top: 10px;
margin-bottom: 20px;
padding-top: 5px;
padding-bottom: 5px;
}
.filter_block-header.another {
background-color: #fafafa00;
height: 60px;
}
.filter_options {
max-height: 45rem;
}
.checkbox_input.w--redirected-focus {
border-color: var(--sea-green\);
}
.checkbox_label {
color: var(--gray\);
font-size: 14px;
}
.checkbox_label:hover {
color: var(--sea-green\);
}
.filter_header {
border-style: none;
}
.filter_content {
margin-left: 100px;
}
.content_card {
border-style: none;
box-shadow: 0 2px 9px #0000001a;
}
.content_card:hover {
box-shadow: -5px 11px 28px -18px #00000080;
}
.content_card-image {
height: 240px;
}
.content_collection-list {
grid-column-gap: 24px;
grid-row-gap: 40px;
grid-template-rows: auto auto auto;
}
.content_card-block {
grid-column-gap: .85rem;
grid-row-gap: .6rem;
grid-template-columns: 4.25fr;
padding-top: 16px;
}
.content_card-title {
font-size: 18px;
}
.content_card-price {
color: var(--gray\);
margin-top: 4px;
margin-left: 5px;
font-size: 16px;
}
.content_card-price.fffff {
color: var(--sea-green\);
}
.dropdown {
width: 150px;
height: 50px;
}
.filter_sort-by {
border-radius: 100px;
width: 150px;
min-width: 12px;
height: 50px;
padding-left: 16px;
padding-right: 16px;
}
.content_card-header {
font-family: var(--h2\);
width: 360px;
margin-left: 5px;
}
.filter_empty {
border-style: none;
}
.filter_search-field {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/685d70377efe0b854aeac7e6_search_24dp_999999_FILL0_wght400_GRAD0_opsz24.svg");
border: 1px solid #e7e7e7;
border-radius: 100px;
width: 600px;
height: 50px;
min-height: 40px;
margin-right: 40px;
padding-top: 0;
padding-bottom: 0;
}
.filter_reset {
border-bottom-style: none;
padding-bottom: 0;
font-size: 14px;
}
.filter_reset-all.text-color-green {
border-bottom-style: none;
font-size: 14px;
text-decoration: none;
}
.filter_results-text {
font-size: 14px;
}
.text-size-large {
font-family: Cabin, sans-serif;
font-weight: 400;
}
.filter_form-wrapper {
width: 100px;
}
.body {
flex-flow: column;
display: flex;
}
.hero-heading-left {
grid-column-gap: 0px;
background-size: cover;
flex-flow: row;
justify-content: center;
align-items: center;
padding-top: 100px;
padding-bottom: 60px;
}
.container-2 {
max-width: 1300px;
}
.column {
justify-content: center;
align-self: center;
align-items: flex-start;
}
.features-list {
justify-content: center;
align-items: center;
}
.title-copy-goes-here-be-awesome-2, .lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-2 {
margin-bottom: 0;
}
.button-2 {
color: #0084ff;
width: 150px;
margin-top: -42px;
font-size: 14px;
}
.logo-3 {
width: 200px;
height: 30px;
}
.nav_content-2 {
height: 100px;
}
.text-167 {
font-size: 14px;
}
.text-167:focus {
color: #004e7f;
}
.nav_link-2 {
font-size: 14px;
font-weight: 400;
}
.nav_link-2:focus {
color: #000;
}
.nav_link-2.w--current {
color: #1d1f2e;
}
.nav_link-2.w--current:hover {
color: #3346f8;
}
.nav_link-2.w--current:active, .nav_link-2.w--current:focus {
color: #000;
}
.nav_link-2.w--current:visited {
color: #3346f8;
}
.nav_link-2.w--current:lang(en) {
color: #000;
}
.navbar-button-3 {
border-radius: 100px;
}
.padding-global-5:focus {
color: #3346f8;
}
.text-163 {
font-weight: 400;
}
.container-4 {
font-family: Cabin, sans-serif;
font-size: 12px;
}
.text-162 {
font-weight: 400;
}
.button-style-15.button-style-10.an {
height: 45px;
}
.zxa-wrap-2-2 {
width: 1200px;
}
.faq-answer-text, .faq-answer-text.jhjh {
color: var(--gray1\);
}
.faq-q-text {
font-size: 20px;
font-weight: 600;
}
.faq.faq-container {
box-shadow: none;
}
.text-block {
color: #909090;
width: 360px;
margin-top: 4px;
margin-left: 5px;
padding-bottom: 0;
}
.icon {
width: 75px;
height: 56px;
}
.text-169, .faq-2 {
margin-bottom: 0;
}
.video {
border-radius: 80px;
width: 1200px;
height: 100px;
padding-bottom: 100px;
}
.hero-stack {
max-width: none;
}
.icon-3 {
width: 40px;
}
.test-tube-line-2 {
width: 40px;
height: 40px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-3 {
text-align: center;
margin-bottom: 85px;
}
.padding-global.padding-section-medium {
margin-top: 100px;
}
.f-paragraph-small {
font-family: Cabin, sans-serif;
font-size: 18px;
font-weight: 500;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-4 {
text-align: center;
margin-bottom: 85px;
}
.testimonial-4 {
padding-top: 120px;
padding-bottom: 120px;
}
.author-5 {
width: 256px;
height: 150px;
margin-top: 32px;
margin-left: auto;
margin-right: auto;
}
.info-12 {
justify-content: center;
align-items: flex-start;
width: 150px;
margin-left: auto;
margin-right: auto;
}
.text-154 {
text-align: right;
width: 170px;
}
.f-testimonial-card {
background-color: #b1b1b126;
width: 282px;
height: 293px;
padding: 24px;
}
.f-testimonial-card.card1-3 {
height: 350px;
margin-top: -33px;
}
.text-153 {
width: 170px;
font-family: Cabin, sans-serif;
font-weight: 400;
}
.section {
margin-bottom: 0;
padding: 60px 0;
}
.slider {
margin-top: 55px;
}
.f-text-weight-medium.cc1 {
color: #000;
font-size: 14px;
font-weight: 400;
}
.slider_arrow {
margin-left: 1300px;
margin-right: -409px;
inset: 0% 0% auto;
}
.slider_arrow:hover {
background-color: #19f58000;
border-color: #124f42;
}
.slider_arrow.lllll {
margin-left: 750px;
margin-right: 242px;
}
.slider_arrow.left {
margin-left: 1250px;
margin-right: 150px;
padding-right: 0;
}
.slider_arrow.left.lllll {
margin-right: 700px;
}
.slide-2 {
margin-left: 10px;
}
.container-8 {
margin-bottom: -65px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-5 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-5.kkkkkkkkkkk {
text-align: left;
margin-bottom: 0;
}
.section-title-6 {
height: 221px;
}
.text-79 {
font-size: 14px;
}
.nav_link-3 {
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
}
.nav_link-3:focus {
color: #3346f8;
}
.nav_link-3.w--current {
color: #1d1f2e;
}
.nav_link-3.w--current:hover, .nav_link-3.w--current:focus, .padding-global-6:focus {
color: #3346f8;
}
.button-style-87.button-1 {
width: 110px;
}
.hero-heading-left-9 {
max-width: none;
}
.container-45 {
height: 800px;
padding-top: 400px;
padding-bottom: 278px;
}
.title-copy-goes-here-be-awesome-15.des {
font-family: Cabin, sans-serif;
font-weight: 400;
}
.country {
height: 30px;
}
.tabs__content {
width: 500px;
height: 500px;
}
.tabs__menu {
flex-flow: column;
justify-content: center;
align-items: flex-start;
margin-top: -155px;
display: flex;
}
.tabs__pane {
width: 600px;
}
.tabs-2 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
align-self: stretch;
place-items: center;
width: 1200px;
height: auto;
margin-left: auto;
margin-right: auto;
padding-top: 82px;
padding-bottom: 65px;
display: grid;
}
.card-30 {
justify-content: center;
align-items: center;
}
.tabs__link {
height: 57px;
}
.tabs__link.w--current {
background-color: #3346f8;
height: 57px;
}
.faq-3.faq-container {
box-shadow: none;
}
.button-style-88 {
width: 200px;
}
.hero-heading-left-12 {
background-image: linear-gradient(225.54deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686b72df0010afbdb81174d0_Hero%20Heading%20Left.png");
background-size: auto, cover;
width: 1440px;
}
.testimonial-stack-2 {
padding-top: 120px;
padding-bottom: 120px;
}
.text-box-1 {
max-width: none;
}
.button-style-89 {
width: 200px;
}
.button-style-89.kkk {
width: 120px;
}
.button-style-90 {
width: 200px;
}
.button-style-90.kkkk {
width: 120px;
}
.text-box-2 {
max-width: none;
}
.faq-4.faq-container {
box-shadow: none;
max-width: none;
}
.title-copy-goes-here-be-awesome-8 {
margin-bottom: 0;
}
.hero-heading-left-6 {
max-width: none;
}
.card3-3 {
flex-flow: row;
width: 420px;
height: 228.375px;
box-shadow: 0 8px 24px #0000000a;
}
.card3-3:hover {
box-shadow: -3px 6px 24px -4px #00000024;
}
.tabs-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-self: center;
align-items: center;
width: 1440px;
height: 700px;
margin-top: 10px;
}
.price-3 {
flex-flow: column;
}
.services1 {
justify-content: center;
align-items: center;
height: 900px;
overflow: visible;
}
.text-span {
color: #000;
padding-top: 0;
}
.tabs__menu-2 {
height: 300px;
margin-top: -212px;
margin-right: -21px;
}
.column-65 {
grid-row-gap: 10px;
justify-content: center;
align-items: center;
width: 600px;
height: 500px;
margin: 0 0 0 20px;
padding: 0 40px 20px;
overflow: visible;
}
.title-copy-goes-here-be-awesome-18.des {
width: 736px;
margin-top: 15px;
margin-bottom: 20px;
}
.tabs__link-2 {
border-bottom: 1px solid #e7e7e7;
border-radius: 0;
height: 82px;
margin-bottom: 0;
}
.tabs__link-2.w--current {
border-bottom-style: none;
height: 82px;
margin-bottom: 0;
padding-top: 0;
padding-bottom: 0;
font-family: Cabin, sans-serif;
}
.tabs__link-2.w--current:hover {
background-color: #f46e000a;
border-left-color: #f46e00;
}
.tabs__link-2.w--current:active {
background-color: #f46e000a;
}
.tabs__link-2.w--current:focus, .tabs__link-2.w--current:visited, .tabs__link-2.w--current:lang(en) {
background-color: #f46e000a;
border-left-color: #f46e00;
}
.h3.mb-0 {
grid-row-gap: 5px;
color: var(--gray\);
-webkit-text-stroke-color: #f46e00;
align-self: center;
margin-top: 16px;
margin-bottom: 16px;
}
.h3.mb-0 {
grid-row-gap: 5px;
color: #909090;
-webkit-text-stroke-color: #f46e00;
align-self: center;
margin-top: 16px;
margin-bottom: 16px;
margin-left: 24px;
}
.h3.mb-0:focus {
color: #000;
}
.container-52 {
margin-bottom: -65px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-6 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-6.kkkkkkkkkkk {
text-align: left;
margin-bottom: 0;
}
.container-53 {
margin-bottom: -65px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-7 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-7.kkkkkkkkkkk {
text-align: left;
margin-bottom: 0;
}
.container-54 {
margin-bottom: -65px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-8 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-8.kkkkkkkkkkk {
text-align: left;
margin-bottom: 0;
}
.faq-5.faq-container {
box-shadow: none;
}
.hero-heading-left-3 {
max-width: none;
}
.tabs-4 {
justify-content: center;
align-items: center;
width: 1200px;
}
.column-66 {
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 80px;
}
.title-copy-goes-here-be-awesome-19.des {
margin-top: 15px;
margin-bottom: 20px;
}
.right-arrow {
background-color: #edf6ff;
border: 1px solid #dceeff;
margin-top: 355px;
margin-right: 352px;
padding-right: 0;
}
.container-55 {
height: 500px;
}
.testimonial-card {
width: 1200px;
height: 500px;
}
.icon-10 {
color: #0084ff;
}
.title-copy-goes-here-be-awesome-20 {
margin-bottom: 0;
}
.column-67 {
padding-top: 0;
}
.left-arrow {
background-color: #edf6ff;
border: 1px solid #dceeff;
margin-top: 355px;
margin-left: 703px;
}
.icon-9, .icon-9:hover {
color: var(--_colors---blue--blue\);
}
.testimonial-image-wrap {
height: 500px;
}
.testimonial-image {
background-color: #000;
align-self: stretch;
height: 500px;
margin-left: auto;
margin-right: auto;
}
.testimonial-section {
display: none;
}
.container-56 {
margin-bottom: -65px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-9 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-9.hhhjh {
text-align: left;
}
.container-57 {
margin-bottom: -65px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-10 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-10.kkk.k {
text-align: left;
}
.container-58 {
margin-bottom: -65px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-11 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-11.yryr {
text-align: left;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-12 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-12.fuk {
text-align: left;
}
.hero-heading-left-13 {
max-width: none;
}
.card3-4 {
margin-bottom: 20px;
}
.text-268, .text-269 {
margin-bottom: 0;
}
.button-style-96 {
width: 120px;
height: 45px;
}
.button-style-96.button-1 {
width: 120px;
}
.column-85 {
width: 470px;
}
.container-61 {
height: 500px;
}
.title-copy-goes-here-be-awesome-22 {
margin-bottom: 0;
}
.column-86 {
padding-top: 0;
}
.title-style-26 {
margin-bottom: 0;
}
.frame-1000004085 {
width: 45px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-14 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-14.hhhjh {
text-align: left;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-15 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-15.kkk.k {
text-align: left;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-16 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-16.yryr {
text-align: left;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-17 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-17.fuk {
text-align: left;
}
.hero-heading-left-5 {
max-width: none;
}
.icon-7, .icon-8 {
color: #000;
}
.container-63 {
height: 500px;
}
.column-91 {
padding-top: 0;
}
.title-copy-goes-here-be-awesome-23 {
margin-bottom: 0;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-19 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-19.vvv {
text-align: left;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-20 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-20.uuuu {
text-align: left;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-21 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-21.llll {
text-align: left;
}
.hero-heading-left-16 {
max-width: none;
}
.title-copy-goes-here-be-awesome-24 {
margin-bottom: 0;
}
.container-64 {
max-width: 1300px;
}
.title-copy-goes-here-be-awesome-26, .title-copy-goes-here-be-awesome-27, .text-282 {
margin-bottom: 0;
}
.content-style-42, .intro-9 {
text-align: center;
}
.image-63 {
background-color: #2f2d2d;
}
.text-284, .title-copy-goes-here-be-awesome-28 {
margin-bottom: 0;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-23 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-23.hhhjh {
text-align: left;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-24 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-24.hhhjh {
text-align: left;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-25 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-25.hhhjh {
text-align: left;
}
.title-copy-goes-here-be-awesome-29, .title-copy-goes-here-be-awesome-30, .text-288 {
margin-bottom: 0;
}
.frame-1000004087 {
grid-row-gap: 20px;
}
.title-copy-goes-here-be-awesome-31, .title-copy-goes-here-be-awesome-32, .text-290 {
margin-bottom: 0;
}
.hero-heading-left-21 {
background-image: linear-gradient(234.52deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/685e3ea5354b80343ad1f133_GettyImages-1389862392.webp");
background-position: 0 0, 100%;
background-size: auto, contain;
max-width: none;
}
.image-71 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/685e3ec02377869aa6e2296d_Cat.webp");
background-position: 50%;
background-size: cover;
}
.title-copy-goes-here-be-awesome-34 {
margin-bottom: 0;
}
.column-96 {
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center;
margin-top: 0;
margin-bottom: 80px;
}
.title-copy-goes-here-be-awesome-35.des {
margin-top: 15px;
margin-bottom: 20px;
}
.tabs__link-3 {
margin-bottom: 25px;
}
.tabs__link-3.w--current {
height: 50px;
margin-bottom: 25px;
}
.frame-1000004089 {
width: 45px;
}
.title-style-30, .title-copy-goes-here-be-awesome-36 {
margin-bottom: 0;
}
.container-78 {
grid-column-gap: 50px;
width: 1200px;
}
.column-100 {
width: 450px;
}
.title-copy-goes-here-be-awesome-37 {
margin-bottom: 0;
}
.image-73 {
width: 500px;
max-width: none;
height: 500px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-26 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-26.hhhjh {
text-align: left;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-27 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-27.hhhjh {
text-align: left;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-28 {
text-align: center;
margin-bottom: 85px;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-28.hhhjh {
text-align: left;
}
.collection-list-wrapper-3 {
width: 1280px;
margin-top: 60px;
}
.publication-collection-list {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 1280px;
margin-top: 100px;
margin-left: -25px;
margin-right: -25px;
padding-right: 0;
display: grid;
}
.tab-pane-tab-5 {
width: 1300px;
margin-top: 0;
}
.container-79 {
justify-content: center;
align-items: center;
width: 1280px;
max-width: none;
margin-left: auto;
margin-right: auto;
}
.collection-item-3 {
border-radius: 20px;
margin-top: 10px;
margin-bottom: 10px;
margin-right: 0;
}
.text-block-21 {
font-family: Cabin, sans-serif;
}
.page-wrapper-4 {
padding-top: 60px;
}
.collection-list-wrapper {
width: 1250px;
}
.box1 {
width: 1280px;
}
.text-block-19 {
font-family: Cabin, sans-serif;
}
.tab-pane-tab-5-4 {
padding-top: 0;
padding-bottom: 0;
}
.collection-item-4 {
width: 384px;
margin-bottom: 0;
}
.collection-item-5 {
background-image: linear-gradient(#eeeeee80, #eeeeee80);
border-radius: 20px;
width: 413px;
height: 300px;
}
.tabs_gif {
box-shadow: none;
border-radius: 30px;
width: 1296px;
max-width: 1296px;
height: 600px;
margin-top: 0;
margin-bottom: 0;
padding-top: 0;
}
.tabs_inner {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.collection-item-7 {
margin-top: 10px;
margin-bottom: 20px;
}
.team-rectangles-8 {
width: 1300px;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
padding-right: 0;
}
.text-297 {
width: 100%;
max-width: 1200px;
margin-top: 0;
margin-bottom: 3rem;
font-size: 35px;
}
.text-297.texthead {
margin-top: 100px;
margin-bottom: 60px;
font-size: 35px;
}
.text-297.headingll {
width: 80%;
}
.section-title-20 {
grid-row-gap: 0px;
justify-content: center;
align-items: center;
width: 1300px;
}
.section_intro {
min-height: 200px;
margin-bottom: 100px;
}
.collection-list-6 {
width: 1280px;
}
.tab-pane-tab-4 {
padding-top: 0;
padding-bottom: 0;
}
.container-large-3 {
width: 1280px;
}
.hero-stack-2 {
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 1440px;
min-height: 800px;
margin-top: 0;
}
.h1t, .unlocking-deep-genomic-insights-transforming-lives-1 {
font-size: 64px;
}
.small-container-11 {
width: 120%;
}
.content-wrapper {
width: 140%;
max-width: 700px;
}
.title-style-31, .description-78 {
margin-bottom: 0;
}
.icon-13 {
width: 20px;
}
.test-tube-line {
width: 20px;
height: 20px;
margin-left: auto;
margin-right: auto;
display: inline-block;
}
.text-300, .title-style-32, .description-79, .text-302 {
margin-bottom: 0;
}
.featured-icon {
width: 40px;
}
.zap {
width: 25px;
max-width: none;
height: 25px;
}
.number, .number-2 {
margin-bottom: 0;
}
.features-list-9 {
justify-content: center;
align-items: center;
}
.columns-20 {
align-self: auto;
max-width: 1000px;
}
.intro-12 {
justify-content: center;
align-items: flex-start;
}
.description-80 {
color: var(--_variable-collection---neutral--4);
}
.button-style-104.button-1.lm {
width: 150px;
}
.card-37.cardstyler {
box-shadow: 0 8px 24px 10px #0000000a;
}
.card-37.card000 {
box-shadow: none;
}
.container-82 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6863afdfaad73af468350af9_Banner%20-%20Mobile.png");
background-position: 0 0;
background-size: auto;
width: 1300px;
max-width: none;
}
.header-style-49 {
width: 1300px;
margin-left: 30px;
margin-right: 30px;
font-family: Cabin, sans-serif;
}
.text-306 {
margin-left: 0;
}
.frame-1000004097 {
justify-content: center;
align-items: flex-start;
margin-right: 0;
}
.team-rectangles-9 {
margin-bottom: 0;
}
.section-title-21 {
width: 652px;
max-width: none;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-30 {
color: var(--gray1\);
width: 650px;
}
.featured-icon-2 {
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
display: flex;
}
.number-3, .number-4 {
margin-bottom: 0;
}
.columns-21 {
width: 120%;
max-width: 900px;
}
.column-102 {
width: 519px;
}
.intro-13 {
width: 70%;
}
.description-83 {
text-align: left;
width: 120%;
}
.cardstyler:hover {
box-shadow: 3px -1px 24px -4px #000000ba;
}
.name-6, .description-86 {
margin-bottom: 0;
}
.logo-4 {
width: 200px;
height: 30px;
}
.nav_content-3 {
height: 100px;
}
.text-321 {
font-size: 14px;
}
.nav_link-4 {
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
}
.nav_link-4:focus {
color: #3346f8;
}
.nav_link-4.w--current {
color: #1d1f2e;
}
.nav_link-4.w--current:hover, .nav_link-4.w--current:focus {
color: #3346f8;
}
.navbar-button-4 {
border-radius: 100px;
}
.padding-global-7:focus {
color: #3346f8;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-32 {
text-align: center;
margin-bottom: 85px;
}
.info-18 {
justify-content: center;
align-items: flex-start;
width: 150px;
margin-left: auto;
margin-right: auto;
}
.text-324 {
text-align: right;
width: 170px;
}
.text-325 {
width: 170px;
font-family: Cabin, sans-serif;
font-weight: 400;
}
.slider-3 {
margin-top: 55px;
}
.container-86 {
max-width: 1200px;
margin-left: -90px;
}
.features-list-11 {
font-family: Cabin, sans-serif;
}
.wireframe---14 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6879e93e184f73b3cc5f776e_Genetic%20Counselling%20%20Dark%20Image%201.png");
background-position: 0 0;
background-size: auto;
}
.card-42.cardstyler:hover {
box-shadow: -5px 11px 24px -18px #00000080;
}
.section-title-24 {
justify-content: center;
align-items: center;
}
.genetech-pioneered-genetic-testing-in-india-in-1998-and-has-the-most-comprehensive-range-of-tests-us-33 {
color: var(--gray1\);
width: 800px;
}
.image-87:hover {
filter: grayscale();
}
.team-rectangles-12 {
padding-top: 80px;
padding-bottom: 80px;
}
.text-338 {
color: #0a6efa;
text-align: center;
text-transform: capitalize;
justify-content: center;
align-items: center;
width: auto;
font-family: Bitter, serif;
font-weight: 400;
display: block;
}
.text-338.textwrapper09 {
text-align: center;
}
.gene {
color: var(--gray1\);
}
.image-88 {
filter: none;
}
.link-block-6 {
background-color: #fafafa00;
border-radius: 20px;
width: 400px;
height: 400px;
margin-top: 10px;
margin-bottom: 10px;
padding-bottom: 40px;
text-decoration: none;
}
.image-89 {
border-radius: 20px 20px 0 0;
width: 400px;
height: 200px;
}
.image-89:hover {
opacity: .7;
}
.heading-7 {
color: #0d0d0d;
margin: 10px 10px 0;
padding-top: 5px;
padding-bottom: 5px;
font-family: Cabin, sans-serif;
font-size: 20px;
font-weight: 600;
line-height: 140%;
}
.heading-7.texthead1 {
font-size: 15px;
}
.heading-8 {
color: #949494;
margin-top: 0;
margin-bottom: 0;
margin-left: 10px;
font-family: Cabin, sans-serif;
font-size: 15px;
font-weight: 500;
}
.contact-page-header {
grid-column-gap: 100px;
grid-row-gap: 100px;
flex-flow: row;
justify-content: center;
align-items: center;
max-width: none;
margin-bottom: 100px;
margin-left: 40px;
margin-right: 40px;
padding-top: 245px;
}
.section-style-7 {
grid-column-gap: 0px;
flex-flow: row;
justify-content: center;
align-self: center;
align-items: center;
width: 600px;
max-width: none;
height: 607px;
margin-top: 0;
margin-left: 100px;
display: flex;
}
.container-93 {
justify-content: center;
align-items: center;
height: 607px;
margin-left: 140px;
}
.content-style-78 {
justify-content: center;
align-self: center;
align-items: flex-start;
width: 600px;
max-width: none;
}
.heading-and-supporting-text {
width: 500px;
}
.image-90 {
margin-top: 0;
}
.testimonial-stack-5 {
background-image: linear-gradient(#00256f, #00256f00), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686b73a541f6d623e5ba2584_Testimonial%20Stack.png");
}
.hero-heading-left-27 {
grid-row-gap: 15px;
background-position: 0 0, 50% 0;
background-repeat: repeat, repeat;
background-size: auto, cover;
background-attachment: scroll, scroll;
justify-content: center;
align-items: flex-start;
margin-top: 80px;
}
.container-99 {
grid-column-gap: 0px;
}
.column-121 {
grid-column-gap: 10px;
grid-row-gap: 10px;
width: 560px;
max-width: 600px;
margin-left: -45px;
margin-right: 0;
}
.content-style-86 {
grid-row-gap: 5px;
justify-content: center;
align-items: flex-start;
}
.title-copy-goes-here-be-awesome-59 {
flex-flow: column;
flex: 1;
justify-content: center;
align-items: flex-start;
display: flex;
}
.title-copy-goes-here-be-awesome-60 {
flex-flow: row;
margin-bottom: 0;
display: flex;
}
.title-copy-goes-here-be-awesome-62 {
margin-bottom: 0;
display: flex;
}
.title-copy-goes-here-be-awesome-62.kkbk {
flex: 1;
justify-content: flex-start;
align-self: center;
width: 300px;
height: 70px;
}
.wireframe---13 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68637f90de41c8f1ef2dffe0_Wireframe%20-%2015.jpg");
background-size: cover;
}
.title-copy-goes-here-be-awesome-64 {
flex-flow: column;
display: flex;
}
.container-102 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/6863803bdee2ed332daa9fb8_Container.png");
}
.title-copy-goes-here-be-awesome-65, .title-copy-goes-here-be-awesome-66 {
margin-bottom: 0;
font-size: 40px;
}
.title-copy-goes-here-be-awesome-67 {
margin-bottom: 0;
}
.header-style-52 {
margin-left: 30px;
margin-right: 30px;
}
.swiper-button.swiper-btn-prev-1 {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
width: 48px;
height: 48px;
}
.swiper-button.swiper-btn-prev-1:hover {
background-color: var(--_colors---blue--1\);
}
.swiper-button.swiper-btn-next-1 {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
width: 48px;
height: 48px;
}
.swiper-button.swiper-btn-next-1:hover {
background-color: var(--_colors---blue--1\);
}
.blog-slider-wrapper {
grid-column-gap: 64px;
grid-row-gap: 64px;
}
.home-blog-slider {
padding-top: 0;
padding-bottom: 80px;
}
.swiper-navigation-wrapper {
justify-content: center;
margin-top: 10px;
}
.padding.section-padding-medium {
grid-column-gap: 64px;
grid-row-gap: 64px;
flex-flow: column;
padding-top: 5rem;
padding-bottom: 5rem;
display: flex;
}
.swiper-btn-icon {
color: var(--_colors---blue--blue\);
}
.blog-title {
color: var(--heading\);
font-family: Cabin, sans-serif;
font-size: 24px;
}
.blog-summary-wrapper {
width: 413px;
padding-left: 10px;
}
.swiper-slide-wrapper {
border-radius: 0;
}
.blog-image-wrapper {
border-radius: 20px;
}
.portfolio-summary-text {
color: var(--text\);
width: 400px;
font-family: Cabin, sans-serif;
font-size: 14px;
}
.tab-pane_img-wrapper {
box-shadow: none;
}
.padding-section-large {
flex-flow: column;
justify-content: center;
align-items: center;
width: 1000px;
height: 607px;
margin-left: 40px;
display: flex;
}
.tabs {
margin-top: 120px;
}
.image-cover {
height: 229px;
}
.heading-9 {
font-family: Cabin, sans-serif;
font-weight: 600;
}
.hero-section---mobile-3, .frame-1000004196, .frame-1000004168, .frame-1000004205, .frame-1000004207, .frame-1000004192, .frame-1000004193, .frame-1000004194, .frame-1000004213 {
display: none;
}
.u-container-l.is-tb-x2 {
justify-content: center;
align-items: center;
display: flex;
}
.slider01_slide {
margin-right: 0;
}
.title-wrap.u-max-w--72 {
margin-bottom: 40px;
}
.text-size-medium-2 {
font-size: 14px;
}
.slider01_mask {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.testimonial20_arrow-icon {
color: var(--_colors---blue--blue\);
}
.slider_arrow-3 {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
inset: auto -4% 0% 0%;
}
.slider_arrow-3:hover {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--1\);
}
.slider_arrow-3.is-left {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
inset: auto 0% 0% -5%;
}
.slider_arrow-3.is-left:hover {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--1\);
}
.slider_arrow-3.is-left.arrow1 {
inset: auto 0% 0% -5%;
}
.slider_arrow-3.arrow1.right {
inset: auto -4% 0% 0%;
}
.section-4 {
padding-top: 0;
}
.testimonial-person_item {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.u-txt-semibold {
margin-bottom: 10px;
font-family: Cabin, sans-serif;
font-size: 20px;
}
.slider_pagination {
display: none;
}
.testimonial-card1_item {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: #49432800;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 395px;
height: 240px;
padding: 1rem;
}
.collection-list-wrapper-4 {
display: none;
}
.text-size-medium-3 {
font-family: Cabin, sans-serif;
font-size: 1rem;
font-weight: 400;
}
.image-100 {
border-radius: 20px;
width: 360px;
max-width: none;
height: 240px;
}
.image-101 {
border-radius: 20px;
width: 360px;
max-width: none;
height: 240px;
margin-bottom: 10px;
}
.image-102 {
width: 360px;
height: 240px;
}
.navbar-no-shadow-container {
z-index: 20;
background-color: #fff;
justify-content: center;
align-items: center;
max-width: none;
font-family: Cabin, sans-serif;
font-size: 14px;
display: flex;
position: fixed;
}
.nav-menu {
grid-column-gap: 0px;
grid-row-gap: 0px;
}
.nav-link-2 {
justify-content: center;
align-items: center;
width: 100px;
height: 40px;
margin-left: 0;
margin-right: 0;
padding: 0;
display: flex;
}
.nav-link-2:hover {
color: #0d0d0d;
}
.nav-link-2.w--current {
color: #000;
}
.nav-link-2.w--current:visited {
color: var(--sea-green\);
}
.nav-link-2.jj {
justify-content: center;
align-items: center;
width: 75px;
height: 40px;
padding: 9.5px 12px;
display: flex;
}
.nav-link-2.jj2 {
justify-content: center;
align-items: center;
width: 50px;
height: 40px;
padding: 9.5px 12px;
display: flex;
}
.mobile-margin-top-10 {
flex-flow: column;
flex: 0 auto;
justify-content: center;
align-self: center;
align-items: center;
margin-left: auto;
margin-right: auto;
list-style-type: none;
display: flex;
}
.nav-button-wrapper {
height: 38px;
}
.search-button, .field-label {
display: none;
}
.search-input {
border-radius: 100px;
height: 38px;
font-size: 1px;
}
.hero-heading-left-30 {
max-width: none;
padding-top: 100px;
}
.title-copy-goes-here-be-awesome-89, .title-copy-goes-here-be-awesome-90, .text-368 {
margin-bottom: 0;
}
.card3-6:hover {
box-shadow: -5px 11px 24px -18px #00000080;
}
.text-369 {
margin-bottom: 0;
}
.button-style-145 {
width: 120px;
}
.list-item {
grid-column-gap: 15px;
grid-row-gap: 15px;
justify-content: center;
align-items: center;
height: 40px;
margin-left: auto;
margin-right: auto;
}
.hero-heading-left-32 {
background-image: linear-gradient(225.54deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68ac16eec4612d060dc2b2f9_rgrg.png");
background-position: 0 0, 50%;
background-size: auto, cover;
width: 100%;
max-width: none;
}
.column-144 {
margin-left: 85px;
}
.title-copy-goes-here-be-awesome-91 {
margin-bottom: 0;
}
.button-style-146.button-1 {
width: auto;
}
.title-copy-goes-here-be-awesome-92 {
margin-bottom: 0;
}
.slider01_slide-2 {
width: 320px;
height: 328px;
margin-right: 1.5rem;
}
.arrow1 {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
inset: auto -4% 0% 0%;
}
.arrow1:hover {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--1\);
}
.arrow1.is-left {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
inset: auto 0% 0% -5%;
}
.arrow1.is-left:hover {
background-color: var(--_colors---blue--1\);
}
.arrow1.right {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
inset: auto -4% 0% 0%;
}
.arrow1.right:hover {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--1\);
}
.slider01_comp-2 {
color: #000;
}
.section-5 {
padding-top: 20px;
font-family: Cabin, sans-serif;
font-size: 1px;
font-weight: 500;
}
.testimonial-person_item-2 {
margin-top: 20px;
font-size: 14px;
}
.u-txt-semibold-2 {
color: var(--sea-green\);
font-family: Cabin, sans-serif;
font-size: 20px;
}
.page-wrap-3 {
width: 100%;
}
.testimonial-card1_item-3 {
background-image: linear-gradient(#edf6ff, #fff);
width: 328px;
}
.collection-list-7 {
display: none;
}
.hero-heading-left-36 {
margin-top: 70px;
}
.hero-heading-left-36.main {
background-image: none;
background-position: 0 0;
background-size: auto;
}
.container-114 {
max-width: 1300px;
}
.column-151 {
max-width: none;
margin-bottom: 0;
margin-left: 0;
position: sticky;
bottom: 0;
}
.text-371.text6 {
color: #000;
}
.button-1 {
width: 150px;
}
.unlocking-deep-genomic-insights-transforming-lives-0.ot.headingmain {
color: var(--heading\);
text-align: left;
font-family: Cabin, sans-serif;
font-weight: 500;
}
.unlocking-deep-genomic-insights-transforming-lives-0.ot.headingmain.headingwrapper {
color: #53bdff;
}
.unlocking-deep-genomic-insights-transforming-lives-4.animated-text-gradient {
text-align: left;
text-transform: capitalize;
justify-content: flex-start;
align-items: center;
height: 80px;
margin-bottom: 0;
display: flex;
}
.unlocking-deep-genomic-insights-transforming-lives-4.animated-text-gradient.gggh {
width: auto;
height: 78px;
}
.button-style-152 {
background-color: var(--_colors---blue--blue\);
}
.hero-heading-left-38 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68e8b5158e68e342234826cc_Fertility%20Genomics.png");
background-position: 0%;
background-repeat: repeat;
background-size: cover;
}
.hero-heading-left-38.about-us01 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/691b0c16a58a79fea973fa04_Hero%20Heading%20Left.svg");
}
.container-115 {
max-width: 1250px;
margin-left: 0;
}
.column-159 {
grid-row-gap: 0px;
justify-content: flex-start;
align-items: center;
}
.title-copy-goes-here-be-awesome-115 {
margin-top: 0;
margin-bottom: 0;
}
.heading-10 {
font-family: Cabin, sans-serif;
font-size: 35px;
font-weight: 400;
}
.title-copy-goes-here-be-awesome-116 {
margin-bottom: 0;
}
.right-arrow-3 {
background-color: #fff;
border: .5px solid #000;
margin-top: 355px;
margin-right: 352px;
padding-right: 0;
}
.container-118 {
height: 500px;
}
.testimonial-card-2 {
width: 1200px;
height: 500px;
}
.icon-20 {
color: #000;
}
.title-copy-goes-here-be-awesome-117 {
margin-bottom: 0;
}
.column-162 {
padding-top: 0;
}
.left-arrow-3 {
background-color: #fff;
border: .5px solid #000;
margin-top: 355px;
margin-left: 703px;
}
.icon-21 {
color: #000;
}
.testimonial-image-wrap-2 {
height: 500px;
}
.testimonial-image-2 {
background-color: #000;
align-self: stretch;
height: 500px;
margin-left: auto;
margin-right: auto;
}
.hero-heading-left-42 {
width: 1440px;
}
.container-119 {
justify-content: center;
align-items: flex-start;
max-width: none;
}
.minimal-gene {
width: 560px;
max-width: 560px;
}
.wireframe---16 {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.container-122 {
width: 1000px;
max-width: none;
}
.column-171 {
width: 560px;
}
.hero-heading-left-45 {
grid-column-gap: 0px;
background-image: linear-gradient(264.9deg, #fff0, #fff), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686baf14c253a79eed7042c1_Hero%20Heading%20Left.png");
background-size: auto, cover;
align-items: center;
padding-top: 40px;
padding-bottom: 40px;
}
.container-123 {
max-width: 1300px;
}
.column-176 {
margin-left: 0;
}
.content-style-133 {
grid-row-gap: 0px;
}
.title-copy-goes-here-be-awesome-127 {
margin-bottom: 0;
}
.hero-heading-left-46 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686cb157c6d038337a5a9e98_Hero%20Heading%20Left.png");
background-position: 0 0;
background-size: cover;
max-width: none;
}
.hero-heading-left-48 {
background-size: auto, cover;
}
.container-125 {
margin-left: 90px;
}
.button-style-174.button-1 {
width: 120px;
}
.card-52 {
box-shadow: 0 4px 4px #00000014;
}
.card-52:hover {
box-shadow: 0 8px 24px #00000014, -5px 11px 24px -18px #00000080;
}
.image-118 {
width: 184px;
height: 150px;
}
.columns-31 {
grid-row-gap: 50px;
}
.content-style-141 {
justify-content: center;
align-items: center;
}
.title-style-59 {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.card-54.cardstyler:hover {
box-shadow: -5px 11px 24px -18px #00000080;
}
.collection-list-wrapper-5 {
display: none;
}
.container-134 {
max-width: 1200px;
}
.frame-1000006900 {
padding-bottom: 60px;
}
.frame-1000006902 {
margin-top: 0;
}
.nav-dropdown-toggle-2 {
justify-content: center;
align-items: center;
width: 114.813px;
height: 40px;
padding: 9.5px 12px;
display: flex;
}
.nav-dropdown-icon-2 {
justify-content: center;
align-items: center;
margin-right: 0;
display: flex;
}
.nav-dropdown-list-2.shadow-three.mobile-shadow-hide.w--open {
box-shadow: none;
}
.nav-dropdown-link-2 {
color: #909090;
padding-top: 2px;
padding-bottom: 2px;
font-size: 12%;
}
.filter_reset-all-2.text-color-green-2 {
border-bottom-style: none;
font-size: 14px;
text-decoration: none;
}
.filter_column-2 {
border-style: solid;
border-width: 0;
width: 320px;
}
.filter_empty-2 {
border-style: none;
}
.filter_sort-by-2 {
border-radius: 100px;
width: 150px;
min-width: 12px;
height: 50px;
padding-left: 16px;
padding-right: 16px;
}
.filter_reset-2 {
border-bottom-style: none;
padding-bottom: 0;
font-size: 14px;
}
.filter_header-2 {
border-style: none;
}
.filter_block-2 {
border-bottom-style: none;
}
.jut-section-1 {
justify-content: center;
align-items: center;
height: 747px;
margin: 259px auto 370px;
padding-top: 20em;
font-size: 14px;
display: flex;
}
.contact_form {
place-items: center stretch;
width: 600px;
margin-bottom: -3px;
}
.contact_component {
align-items: flex-start;
width: 600px;
display: flex;
}
.button-3 {
background-color: #0084ff;
}
.button-style-185:hover {
background-color: var(--_colors---blue--2\);
border-style: none;
}
.container-139 {
justify-content: flex-start;
align-items: center;
width: 1300px;
max-width: 1300px;
}
.wireframe---19 {
height: 80%;
}
.frame-1000006921 {
justify-content: center;
align-items: center;
}
.frame-1000006922 {
justify-content: center;
align-items: flex-start;
width: 1300px;
max-width: 1300px;
}
.frame-1000006923 {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: center;
align-items: center;
width: 1300px;
}
.card-63 {
width: 588px;
}
.content-style-172 {
width: 588px;
height: 217.2px;
}
.hero-heading-left-59 {
justify-content: center;
align-items: center;
}
.number-8 {
margin-bottom: 0;
}
.text-427 {
margin-left: 5px;
}
.hero-heading-left-60 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686e5c430d3726cb39780d6c_Hero%20Heading%20Left.png"), linear-gradient(88.92deg, #fff0, #fff);
background-position: 0 0, 0 0;
background-size: cover, auto;
}
.container-142 {
max-width: 1200px;
margin-left: -80px;
}
.title-copy-goes-here-be-awesome-158 {
margin-bottom: 0;
}
.container-143 {
flex-flow: row;
justify-content: center;
align-items: flex-start;
}
.content-style-180 {
grid-column-gap: 10px;
grid-row-gap: 10px;
flex-flow: column;
justify-content: center;
align-self: auto;
align-items: flex-start;
}
.heading-and-supporting-text-3 {
justify-content: center;
align-items: flex-start;
max-width: none;
}
.heading-12 {
grid-column-gap: 5px;
grid-row-gap: 5px;
width: 436px;
margin-bottom: 0;
display: flex;
}
.supporting-text {
width: 436px;
}
.content-style-181 {
grid-column-gap: 32px;
grid-row-gap: 48px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-items: center;
display: grid;
}
.icon-wrap-6 {
width: 60px;
}
.number-9 {
margin-bottom: 0;
}
.columns-35 {
width: 1000px;
}
.content-style-183 {
justify-content: center;
align-items: flex-start;
}
.intro-22 {
text-align: left;
}
.card-66 {
width: 440px;
}
.description-155 {
text-align: center;
}
.text-428 {
margin-bottom: 0;
}
.heading-0 {
width: 70px;
margin-bottom: 0;
}
.heading-1 {
margin-bottom: 0;
display: flex;
}
.title-30 {
width: 216px;
margin-bottom: 0;
}
.title-31 {
margin-bottom: 0;
}
.title-32 {
width: 200px;
margin-bottom: 0;
}
.title-33 {
width: 150px;
margin-bottom: 0;
}
.hero-heading-left-62 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686e87b37564524569afb7d2_Hero%20Heading%20Left.png"), linear-gradient(256.22deg, #fff0, #fff);
background-position: 0 0, 0 0;
background-size: cover, auto;
}
.container-145 {
max-width: 1300px;
}
.title-copy-goes-here-be-awesome-164 {
margin-bottom: 0;
}
.button-style-195.button-1 {
width: 110px;
}
.frame-1000006942 {
width: 100%;
}
.small-container-19 {
margin-bottom: 0;
}
.card-68:hover {
box-shadow: -5px 11px 24px -18px #00000080;
}
.button-style-197.button-1 {
width: 120px;
}
.header-section {
grid-row-gap: 0px;
justify-content: center;
align-items: center;
height: 1100px;
margin-left: auto;
margin-right: auto;
padding-bottom: 0;
}
.heading-13 {
width: 768px;
margin-top: 124px;
}
.icon-24 {
justify-content: center;
align-items: center;
width: 40px;
height: 40px;
margin-bottom: 12px;
margin-right: 0;
display: flex;
}
.text-444 {
width: auto;
font-size: 18px;
}
.text-444._225 {
width: 85px;
}
.text-444._225.ggh, .text-444._2258, .text-444._2259 {
text-align: center;
width: 200px;
font-size: 14px;
}
.text-444._1-1 {
width: auto;
font-size: 18px;
}
.text-span-3 {
color: var(--gray\);
font-size: 12px;
}
.text-span-3:hover {
color: var(--sea-green\);
}
.text-span-4 {
color: var(--gray\);
font-size: 12px;
}
.text-span-4:hover {
color: var(--sea-green\);
}
.text-span-5 {
color: var(--gray\);
font-size: 12px;
}
.text-span-5:hover {
color: var(--sea-green\);
}
.text-span-6 {
color: var(--gray\);
font-size: 12px;
}
.text-span-6:hover {
color: var(--sea-green\);
}
.dropdown-link-2 {
padding-top: 2px;
padding-bottom: 2px;
font-family: Cabin, sans-serif;
font-size: 12px;
}
.body-3 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
display: flex;
}
.image-147 {
border-radius: 20px;
width: 400px;
max-width: none;
height: 250px;
}
.text-block-30 {
color: #000;
font-family: Cabin, sans-serif;
text-decoration: none;
display: flex;
}
.text-block-31 {
outline-offset: 0px;
color: #000;
-webkit-text-stroke-color: #0000;
-webkit-text-decoration-skip-ink: auto;
text-decoration-skip-ink: auto;
outline: 3px #000;
font-family: Cabin, sans-serif;
-webkit-text-decoration: none;
text-decoration: none;
}
.link-block-7 {
text-decoration: none;
}
.title-style-72 {
margin-bottom: 0;
}
.wireframe---21 {
grid-row-gap: 30px;
}
.frame-1000006960 {
padding-top: 40px;
padding-bottom: 40px;
}
.frame-1000006962 {
grid-row-gap: 20px;
}
.testimonial-card-3 {
box-shadow: none;
width: 1200px;
height: 500px;
}
.container-152 {
height: 500px;
}
.testimonial-section-3 {
min-height: 700px;
padding-top: 80px;
padding-bottom: 80px;
display: none;
}
.testimonial-image-wrap-3 {
height: 500px;
}
.testimonial-image-3 {
background-color: #000;
border-radius: 20px;
align-self: stretch;
height: 480px;
margin-left: auto;
margin-right: auto;
}
.title-copy-goes-here-be-awesome-173 {
margin-bottom: 0;
}
.right-arrow-4 {
background-color: #edf6ff;
border: 1px solid #dceeff;
margin-top: 355px;
margin-right: 352px;
padding-right: 0;
}
.right-arrow-4.kk {
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
margin-top: 370px;
display: flex;
}
.right-arrow-4.kk:hover {
border-width: 2px;
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--1\);
}
.column-238 {
padding-top: 0;
}
.left-arrow-4 {
border: 1px solid var(--_colors---blue--1\);
background-color: var(--_colors---blue--2\);
margin-top: 370px;
margin-left: 703px;
}
.left-arrow-4:hover {
border-width: 2px;
border-color: var(--_colors---blue--1\);
background-color: var(--_colors---blue--1\);
}
.button-style-204:hover {
background-color: var(--_colors---blue--2\);
border-style: none;
}
.body-4 {
margin-left: 0;
margin-right: 0;
}
.dropdown-link-3 {
padding-top: 5px;
padding-bottom: 5px;
font-family: Cabin, sans-serif;
font-size: 12px;
}
.text-span-7 {
color: var(--gray\);
font-size: 12px;
}
.text-span-7:hover {
color: var(--sea-green\);
}
.collection-list-8, .collection-list-wrapper-6 {
margin-top: 60px;
}
._222:hover {
box-shadow: -5px 11px 24px -18px #00000080;
}
.frame-1000004255 {
display: none;
}
.text-462 {
margin-bottom: 0;
}
.button-style-212 {
width: 120px;
}
.code-embed {
justify-content: center;
align-items: center;
width: 540px;
height: 600px;
margin-left: 0;
margin-right: 0;
display: flex;
}
.counterup {
color: #fff;
font-family: Cabin, sans-serif;
font-size: 4px;
}
.numbers_component {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.numbers_component._22222 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.numbers_item {
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 200px;
min-width: auto;
}
.numbers_number {
width: 100px;
font-size: 48px;
}
.numbers_number.pp {
text-align: center;
width: 200px;
}
.numbers_number.pp0, .numbers_number.pp1 {
text-align: center;
width: 200px;
font-weight: 500;
}
.numbers_number._5 {
text-align: left;
width: auto;
font-size: 48px;
}
.numbers_number.yj {
width: auto;
}
.numbers_divider {
color: #000;
}
.navbar-no-shadow-container-3 {
background-color: #fff;
justify-content: center;
align-items: center;
width: 1440px;
max-width: 100%;
font-family: Cabin, sans-serif;
display: flex;
position: fixed;
}
.navbar-wrapper-3 {
align-self: center;
width: 1300px;
height: 40px;
font-family: Cabin, sans-serif;
display: flex;
}
.nav-menu-3 {
grid-column-gap: 12px;
grid-row-gap: 12px;
list-style-type: none;
}
.nav-link-4 {
color: var(--sea-green\);
padding-left: 12px;
padding-right: 12px;
font-family: Cabin, sans-serif;
font-size: 14px;
}
.nav-link-4:hover {
color: #000000bf;
}
.nav-dropdown-toggle-3 {
justify-content: center;
align-items: center;
display: flex;
}
.nav-dropdown-toggle-3:hover {
color: #000000bf;
}
.nav-dropdown-icon-3 {
color: var(--sea-green\);
}
.nav-dropdown-icon-3:hover {
color: #000;
}
.nav-dropdown-link-3 {
font-family: Cabin, sans-serif;
font-size: 12px;
}
.div-block-3 {
width: 50px;
margin-right: 0;
padding-right: 0;
display: flex;
}
.field-label-3 {
display: none;
}
.search-input-3 {
color: #ececec;
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68778d26d97e22d3333952e0_Input%20field.png");
background-repeat: no-repeat;
background-size: contain;
background-attachment: scroll;
border-radius: 100px;
width: 169.6px;
height: 40px;
margin-top: 0;
margin-bottom: 0;
font-family: Cabin, sans-serif;
font-size: 14px;
}
.search-input-3.hjg {
flex: 1;
width: 100px;
overflow: visible;
}
.search-2 {
flex-flow: row;
justify-content: center;
align-items: center;
width: 200%;
display: flex;
position: relative;
}
.text-block-32 {
color: var(--sea-green\);
font-family: Cabin, sans-serif;
font-size: 14px;
font-weight: 400;
}
.text-block-32:hover {
color: #000;
}
.text-span-8 {
color: var(--gray\);
font-size: 14px;
}
.text-span-8:hover {
color: var(--sea-green\);
}
.text-span-9 {
color: var(--gray\);
font-size: 14px;
}
.text-span-9:hover {
color: var(--sea-green\);
}
.text-span-10 {
color: var(--gray\);
font-size: 14px;
}
.text-span-10:hover {
color: var(--sea-green\);
}
.text-span-11 {
color: var(--gray\);
font-size: 14px;
}
.text-span-11:hover {
color: var(--sea-green\);
}
.text-span-12 {
color: var(--gray\);
font-size: 14px;
}
.text-span-12:hover {
color: var(--sea-green\);
}
.text-block-33, .text-block-34, .text-block-35, .text-block-36, .text-block-37, .text-block-38 {
color: var(--gray\);
font-family: Cabin, sans-serif;
font-size: 14px;
}
.text-block-39 {
font-family: Cabin, sans-serif;
font-size: 12px;
}
.text-block-40, .text-block-41, .text-block-42, .text-block-43, .text-block-44, .text-block-45, .text-block-46 {
color: var(--gray\);
font-size: 12px;
}
.text-span-13 {
color: var(--gray\);
}
.text-span-13:hover {
color: var(--sea-green\);
}
.text-span-14 {
color: var(--gray\);
}
.text-span-14:hover {
color: var(--sea-green\);
}
.text-span-15 {
color: var(--gray\);
}
.text-span-15:hover {
color: var(--sea-green\);
}
.text-span-16 {
color: var(--gray\);
}
.text-span-16:hover {
color: var(--sea-green\);
}
.text-span-17 {
color: var(--gray\);
}
.text-span-17:hover {
color: var(--sea-green\);
}
.name-19, .title-style-81 {
margin-bottom: 0;
}
.frame-1000007003 {
width: 45px;
}
.image-160 {
width: 360px;
}
.name-20, .name-21 {
margin-bottom: 0;
}
.description-187 {
min-height: auto;
}
.image-162 {
max-width: 384px;
}
.name-22 {
margin-bottom: 0;
}
.collection-list-wrapper-7 {
display: flex;
}
.name-23 {
margin-bottom: 0;
}
.collection-item-10 {
margin-bottom: 10px;
}
.content-style-220 {
font-family: Cabin, sans-serif;
}
.title-copy-goes-here-be-awesome-188.hhhhhh {
text-transform: capitalize;
}
.title-copy-goes-here-be-awesome-190 {
width: 500px;
}
.title-copy-goes-here-be-awesome-190.animated-text-gradient {
background-image: linear-gradient(45deg, #f46e00 5%, #fba700 20%, #fff200 30%, #fba700 40%, #fff200 50%, #fba700 60%, #fff200 70%, #fba700 80% 95%);
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
}
.title-copy-goes-here-be-awesome-190.animated-text-gradient.hyjyjjy {
text-transform: capitalize;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-124 {
line-height: 145%;
}
.name-28 {
margin-bottom: 0;
}
.tabs__pane-2 {
width: 600px;
padding-top: 0;
}
.tabs__link-4 {
border-bottom: 1px solid #5d5d5d;
width: 440px;
height: 80px;
margin-bottom: 0;
}
.tabs__link-4.w--current {
background-color: #0084ff;
border-bottom-style: none;
width: 440px;
height: 80px;
}
.container-159 {
background-color: #00256f;
height: 900px;
padding-top: 400px;
padding-bottom: 278px;
}
.tabs-5 {
grid-column-gap: 0px;
grid-row-gap: 0px;
flex-flow: row;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
grid-auto-flow: row;
justify-content: center;
align-self: stretch;
place-items: center;
width: 1200px;
height: auto;
margin-left: auto;
margin-right: auto;
padding-top: 80px;
padding-bottom: 80px;
display: flex;
}
.name-25, .name-26, .name-24 {
margin-bottom: 0;
}
.image-168 {
width: 680px;
}
.style--mono-2 {
font-size: 14px;
font-weight: 500;
}
.style--mono-2.kk {
font-size: 18px;
}
.title-copy-goes-here-be-awesome-191.des {
width: 700px;
font-family: Cabin, sans-serif;
font-size: 16px;
font-weight: 400;
}
.tab-pane-tab-5-5 {
width: 680px;
}
.card-86 {
flex-flow: column;
margin-bottom: 0;
}
.card-87 {
width: 560px;
margin-bottom: 0;
}
.tabs__content-2 {
width: 560px;
height: 500px;
margin-bottom: 60px;
margin-right: 0;
}
.name-27 {
margin-bottom: 0;
}
.country-3 {
height: 30px;
}
.tabs__menu-3 {
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 400px;
margin-top: -155px;
display: flex;
}
.content-style-221 {
grid-row-gap: 5px;
justify-content: center;
align-items: flex-start;
}
.unlocking-deep-genomic-insights-transforming-lives-5.animated-text-gradient {
text-align: left;
text-transform: capitalize;
justify-content: flex-start;
align-items: center;
height: 80px;
margin-bottom: 0;
display: flex;
}
.unlocking-deep-genomic-insights-transforming-lives-5.animated-text-gradient.gggh {
width: 600px;
height: auto;
}
.frame-1000007005 {
max-width: none;
}
.container-162 {
max-width: 1200px;
}
.container-163 {
width: 1200px;
}
.container-164 {
margin-left: -85px;
}
.title-copy-goes-here-be-awesome-194 {
margin-bottom: 0;
display: flex;
}
.title-copy-goes-here-be-awesome-194.kkbk {
flex: 1;
justify-content: flex-start;
align-self: center;
width: 300px;
height: 70px;
}
.title-copy-goes-here-be-awesome-195 {
flex-flow: column;
flex: 1;
justify-content: center;
align-items: center;
display: flex;
}
.hero-heading-left-74 {
background-image: url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/68b00cc649f959de18968cd4_Hero%20Heading%20Left.jpg");
background-position: 0%;
}
.image-169 {
width: 560px;
max-width: 560px;
}
.text-476 {
text-align: center;
text-transform: capitalize;
justify-content: center;
align-items: center;
width: 900px;
display: block;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-125 {
width: 500px;
}
.frame-1000007006 {
justify-content: center;
align-items: center;
width: 100%;
}
.tabs__pane-3 {
width: 600px;
padding-top: 0;
}
.card3-7 {
flex-flow: row;
width: 420px;
height: 228.375px;
box-shadow: 0 8px 24px #0000000a;
}
.card3-7:hover {
box-shadow: -3px 6px 24px -4px #00000024;
}
.frame-1000007007 {
grid-row-gap: 20px;
}
.tabs__menu-4 {
height: 300px;
margin-top: -212px;
margin-right: -21px;
}
.column-257 {
grid-row-gap: 10px;
justify-content: center;
align-items: center;
width: 600px;
height: 500px;
margin: 0 0 0 20px;
padding: 0 40px 20px;
overflow: visible;
}
.price-11 {
flex-flow: column;
}
.country-4 {
height: 30px;
}
.tabs-6 {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: center;
align-self: center;
align-items: center;
width: 1440px;
height: 700px;
margin-top: 10px;
}
.text-span-18 {
color: #000;
padding-top: 0;
}
.frame-1000007008 {
width: 45px;
}
.content-style-224 {
font-family: Cabin, sans-serif;
}
.title-copy-goes-here-be-awesome-196 {
text-transform: capitalize;
}
.title-copy-goes-here-be-awesome-198 {
width: 500px;
}
.title-copy-goes-here-be-awesome-198.animated-text-gradient {
text-transform: capitalize;
background-image: linear-gradient(45deg, #f46e00 5%, #fba700 20%, #fff200 30%, #fba700 40%, #fff200 50%, #fba700 60%, #fff200 70%, #fba700 80% 95%);
font-family: Cabin, sans-serif;
font-size: 64px;
font-weight: 500;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-126 {
line-height: 145%;
}
.list-10 {
width: 300px;
padding-left: 30px;
}
.list-11 {
flex-flow: column;
width: 519px;
}
.text-479 {
width: 280px;
margin-bottom: 10px;
}
.text-479.ggggg {
margin-bottom: 25px;
}
.title-copy-goes-here-be-awesome-202 {
width: 500px;
}
.lorem-ipsum-dolor-sit-amet-consectetur-adipiscing-elit-suspendisse-varius-enim-in-eros-elementum-tri-127 {
margin-bottom: 10px;
}
.testimonial-stack-6 {
background-image: linear-gradient(#00256f, #00256f00), url("https://cdn.prod.website-files.com/685c2285c0f2c1c1560e64f8/686b73a541f6d623e5ba2584_Testimonial%20Stack.png");
}
.container-165 {
height: 596px;
}
.list-13 {
padding-left: 20px;
}
.container-166 {
height: 596px;
}
.text-480.ggggg {
margin-bottom: 25px;
}
.frame-1000007011 {
grid-row-gap: 64px;
width: 1100px;
}
.column-259 {
height: 516px;
}
.title-copy-goes-here-be-awesome-205 {
margin-bottom: 0;
}
.text-481 {
grid-column-gap: 64px;
grid-row-gap: 64px;
display: flex;
}
.title-copy-goes-here-be-awesome-206 {
margin-bottom: 0;
}
.card-88 {
width: 230px;
}
.small-container-20 {
max-width: 1100px;
}
.list-15 {
width: 400px;
margin-bottom: 0;
font-family: Cabin, sans-serif;
display: block;
}
.list-item-4 {
width: 300px;
}
.frame-1000007014 {
grid-row-gap: 56px;
}
.card-89 {
height: 176px;
}
.graphics-16 {
width: 200px;
height: 150px;
padding-bottom: 0;
padding-right: 0;
}
.content-style-230 {
grid-column-gap: 5px;
grid-row-gap: 5px;
}
.list-item-5 {
font-family: Cabin, sans-serif;
}
.collection-list-wrapper-8 {
display: none;
}
.text-block-47, .text-block-48, .text-block-49, .text-block-50, .text-block-51, .text-block-52, .text-block-53, .text-block-54, .text-block-55, .text-block-56, .text-block-57, .text-block-58, .text-block-59, .text-block-60 {
color: var(--gray\);
}
.collection-list-wrapper-9 {
display: none;
}
.paragraph-top {
font-family: Cabin, sans-serif;
}
.page-title {
margin-top: 0;
margin-bottom: 0;
}
.heading-large-2 {
font-family: Cabin, sans-serif;
}
.section-6.section-component {
background-color: #d4d4d4;
}
.accordion-item-icon {
color: #2e2e2e;
border: 1px #efb5b500;
font-family: Cabin, sans-serif;
}
.paragraph-light, .display-xs, .display-m {
color: #000;
}
.dropdown-toggle-2 {
width: 660px;
}
.section-7 {
flex-flow: column;
padding-top: 80px;
padding-bottom: 0;
}
.dropdown-list-content-wrapper {
width: 660px;
}
.main-container-2 {
width: 960px;
max-width: 960px;
padding-top: 0;
}
.text-block-61 {
font-family: Cabin, sans-serif;
}
.paragraph-2, .paragraph-3 {
color: var(--text\);
font-family: Cabin, sans-serif;
}
.paragraph-4 {
color: var(--text\);
}
.text-block-62, .text-block-63 {
font-family: Cabin, sans-serif;
}
.testimonial-text {
justify-content: flex-start;
align-items: center;
}
.text-485, .text-486, .text-489 {
margin-bottom: 0;
}
.image-171, .image-172 {
background-image: url("https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg");
background-position: 0 0;
background-size: auto;
}
.collection-list-9 {
margin-left: 120px;
margin-right: 120px;
}
.description-206 {
white-space: normal;
text-decoration: none;
}
.text-block-64 {
margin-bottom: 0;
}
.collection-item-11 {
margin-bottom: 40px;
}
.collection-list-wrapper-10 {
width: 1300px;
margin-top: 0;
margin-bottom: 80px;
}
.link-block-8 {
text-decoration: none;
}
.collection-list-10 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
margin-left: auto;
margin-right: auto;
display: grid;
}
.div-block-6 {
justify-content: center;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.collection-list-wrapper-11 {
width: 1200px;
}
.card-92, .image-174 {
width: 384px;
}
.info-35 {
width: 350px;
padding-top: 10px;
padding-bottom: 0;
}
.name-31 {
flex-flow: column;
width: 350px;
display: flex;
}
.description-207 {
flex-flow: column;
width: 350px;
height: auto;
display: flex;
}
.collection-item-12 {
padding-top: 10px;
padding-left: 10px;
padding-right: 20px;
}
.collection-list-11 {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 1280px;
max-width: 100%;
display: block;
}
.youtube {
width: 380px;
height: 240px;
}
.collection-item-13 {
width: 380px;
display: flex;
}
.youtube-2 {
flex: 1;
width: 380px;
display: flex;
}
.collection-list-12, .collection-list-wrapper-12 {
width: 1200px;
}
.padding-global-10 {
justify-content: center;
align-items: center;
width: 100%;
display: flex;
}
.main-wrapper-4 {
width: 100%;
}
.padding-section-large-3 {
padding-bottom: 0;
}
.dropdown-5 {
display: none;
}
.page-wrapper-10 {
justify-content: center;
align-items: center;
}
.text-block-65, .text-block-67 {
color: var(--_variable-collection---neutral--5);
}
.div-block-7 {
width: 1296px;
}
.info-37 {
border-radius: 20px;
}
.name-32 {
margin-bottom: 0;
}
.collection-item-14 {
width: auto;
margin-bottom: 20px;
}
.video-2 {
border-radius: 20px;
}
.video-3 {
width: 384px;
}
.tab-pane-tab-6 {
width: 1296px;
margin-left: auto;
margin-right: auto;
}
.collection-list-13 {
width: 1296px;
margin-left: auto;
margin-right: auto;
padding-left: 35px;
}
.container-168 {
max-width: none;
}
.text-507, .text-509 {
margin-bottom: 0;
}
.footer-form-input {
border-radius: 20px;
width: 300px;
height: 45px;
}
.tab-pane_img-wrapper-2 {
width: 1296px;
max-width: 1296px;
}
.collection-list-wrapper-13 {
grid-column-gap: 16px;
grid-row-gap: 16px;
flex-flow: row;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
margin-top: 60px;
display: flex;
}
.card-95 {
width: 384px;
}
.name-33 {
margin-bottom: 0;
}
.collection-item-15 {
justify-content: center;
align-items: center;
width: 431.989px;
display: flex;
}
.image-184 {
width: 1296px;
max-width: 1296px;
}
.tabs-content-5 {
max-width: 1296px;
}
.hero-heading-left-75 {
background-position: 0 0, 50% 0;
}
.f-container-regular {
width: 1200px;
max-width: 1200px;
}
.paragraph-regular {
font-size: 14px;
}
.f-team-grid-column {
grid-column-gap: 40px;
grid-row-gap: 40px;
width: 1200px;
}
.navigation {
-webkit-backdrop-filter: none;
backdrop-filter: none;
color: var(--white-smoke\);
background-color: #fff;
}
.navigation-right.pknngjrf {
width: 100%;
display: block;
}
.logo-6 {
width: 150px;
}
.slider01_slide-3 {
width: 97%;
margin-right: 1rem;
}
.text-size-medium-4 {
font-size: 14px;
}
.slider_arrow-4 {
inset: auto -5% 0% 0%;
}
.slider_arrow-4:hover {
background-color: var(--_colors---blue--1\);
}
.slider_arrow-4.is-left {
inset: auto 0% 0% -6%;
}
.slider_arrow-4.is-left:hover {
background-color: var(--_colors---blue--1\);
}
.slider01_comp-3 {
order: 0;
justify-content: flex-start;
align-items: center;
width: 1100px;
max-width: 100rem;
display: flex;
overflow: hidden;
}
.section-9 {
justify-content: center;
align-items: center;
width: 1440px;
padding-right: 0;
display: flex;
}
.section_inner-3 {
width: 1200px;
}
.slider_pagination-2 {
display: none;
}
.testimonial-card1_item-4 {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-image: linear-gradient(180deg, var(--_colors---blue--2\), white);
-webkit-text-fill-color: inherit;
background-clip: border-box;
width: 100%;
}
.features-tab-wrapper {
box-shadow: none;
}
.filter_content-2 {
width: 150%;
}
.filter_form-2.helper {
width: 400px;
}
.filter_results {
justify-content: space-between;
align-items: center;
width: 80%;
}
.filter_search.helper {
width: 100%;
}
.fs-example_layout {
width: 100%;
}
.cms_list-item {
max-width: 392px;
}
.filter_grid-2 {
grid-column-gap: 0rem;
grid-row-gap: 6rem;
grid-template-columns: repeat(auto-fit, minmax(200px, 400px)) minmax(800px, 774px);
place-items: start;
width: auto;
}
.filter_layout {
align-items: center;
width: 90%;
max-width: 100rem;
}
.cms_list.helper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
justify-content: flex-start;
align-items: center;
width: 120%;
display: flex;
}
.cms_list-wrapper {
width: 95%;
}
.card-97 {
width: 100%;
}
.text-block-71 {
display: flex;
}
.frame-1000007050 {
width: 100%;
margin-bottom: 20px;
}
.title-copy-goes-here-be-awesome-214 {
width: auto;
}
.title-copy-goes-here-be-awesome-215 {
width: 100%;
}
.label1.label2.label3.label4:hover {
color: var(--_colors---blue--blue\);
}
.pagination {
margin-top: 40px;
}
.collection-list-wrapper-15 {
display: none;
}
.div-block-9 {
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 45px;
}
.container-172 {
max-width: 1300px;
margin-top: 40px;
}
.header-link-text {
justify-content: center;
align-items: center;
}
.header-link-text.headerwrapper {
justify-content: center;
align-items: flex-start;
}
.header-links-grid.lllllllllllllll {
grid-column-gap: 32px;
grid-row-gap: 32px;
}
.header-link-card {
text-align: left;
}
.tab-pane_img-wrapper-3 {
width: 1200px;
max-width: none;
}
.padding-section-large-5 {
text-align: left;
flex-flow: column;
align-items: center;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.tabs_component-3 {
width: 1200px;
}
.button-style-231:hover {
background-color: var(--_colors---dark-blue\);
}
.collection-list-17 {
width: 1200px;
}
.section-title-37 {
width: 800px;
}
.title-copy-goes-here-be-awesome-217 {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.list-17 {
width: 300px;
padding-left: 20px;
}
.list-item-7 {
width: 280px;
}
.frame-1000007062 {
max-width: 100%;
padding-bottom: 80px;
}
.frame-1000007068 {
width: 50px;
}
.frame-1000007070 {
width: 45px;
}
.form-3 {
width: 100%;
}
.form-4 {
width: 100%;
display: flex;
}
.form-block {
width: 100%;
}
.frame-1000007080 {
grid-row-gap: 40px;
}
.test-card---desktop-3 {
margin-bottom: 10px;
}
.button-style-236:hover {
background-color: #fff;
}
.collection-item-20 {
width: 380px;
}
.collection-list-18 {
width: 1150px;
}
.container-177 {
justify-content: flex-start;
align-items: flex-start;
}
.column-273 {
height: auto;
}
.content-style-258 {
justify-content: flex-start;
align-items: flex-start;
height: auto;
}
.column-274, .image-wrapper-108 {
height: auto;
}
.image-190 {
height: 368px;
}
.frame-1000007085 {
width: 45px;
}
.list-19 {
color: var(--text\);
}
.features-list-25 {
justify-content: center;
align-items: center;
}
.columns-50 {
max-width: none;
margin-bottom: 60px;
}
.contact-text-field {
background-color: #fff;
border-radius: 100px;
font-family: Cabin, sans-serif;
}
.contact-submit-button {
background-color: var(--_colors---blue--blue\