body{
background: #F9FAFB;
}
/* Main Rounded Container */
.ecosystem-section .ecosystem-wrapper {
border-radius: 40px;
border: 1px solid #DADADA;
background: #FFF;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);;
}
/* Heading */
.ecosystem-section .ecosystem-title {
color: #141B5D;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 120% */
margin-bottom: 8px;
}
/* Subtitle */
.ecosystem-section .ecosystem-subtitle {
color: #99A1AF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
max-width: 520px;
}
/* Content Items */
.ecosystem-section  .ecosystem-item {
padding-right: 30px;
}
.ecosystem-section .ecosystem-item h6 {
color: #141B5D;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 155.556% */
margin-bottom: 10px;
}
.ecosystem-section .ecosystem-item p {
color: #6A7282;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22.75px; /* 162.5% */
margin-bottom: 0;
}
/* Vertical Dividers (Desktop Only) */
@media (min-width: 768px) {
.ecosystem-section  .border-end-md {
border-right: 1px solid #DADADA;
padding-right: 30px;
}
}
/* Section Background */
/* SECTION */
/* HEADINGS */
.diagnostics-section .section-subtitle {
color: var(--Colors-Neutral-1000, #333);
text-align: center;
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 48px */
letter-spacing: -1.92px;
}
.diagnostics-section .section-title {
background: linear-gradient(90deg, #141B5D 0%, #9810FA 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: -1.92px;
}
.diagnostics-section .section-title span {
background: linear-gradient(90deg, #4c2fff, #8e2de2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.diagnostics-section .section-description {
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 40px */
line-height: 1.7;
}
/* BUTTON */
.diagnostics-section .btn-primary-custom {
border-radius: 8px;
background: linear-gradient(0deg, #141B5D 0%, #141B5D 100%), rgba(255, 255, 255, 0.02);
box-shadow: 0 2px 8px 0 rgba(255, 255, 255, 0.05) inset, 0 1px 3px 0 rgba(255, 255, 255, 0.12) inset, 0 0.5px 0.5px 0 rgba(255, 255, 255, 0.16) inset;
backdrop-filter: blur(6px);
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 12px 25px;
border-radius: 8px;
}
.diagnostics-section .btn-primary-custom:hover {
background: linear-gradient(0deg, #141B5D 0%, #141B5D 100%), rgba(255, 255, 255, 0.02);
color: #fff;
}
/* STAT CARDS */
.diagnostics-section .stat-card {
border-radius: 16px;
border: 0.998px solid #F3F4F6;
background: #FFF;
box-shadow: 0 1.247px 3.741px 0 rgba(0, 0, 0, 0.10), 0 1.247px 2.494px -1.247px rgba(0, 0, 0, 0.10);
padding: 30px;
}
.diagnostics-section .stat-card h3 {
background: linear-gradient(90deg, #141B5D 0%, #9810FA 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 60px */
letter-spacing: -1.92px;
}
.diagnostics-section .stat-title {
color: #141B5D;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 155.556% */
margin-top: 10px;
}
.diagnostics-section .stat-card small {
color: #62748E;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
}
/* FEATURE CARDS */
.diagnostics-section .feature-card {
border-radius: 16px;
border: 0.998px solid #F3F4F6;
background: #FFF;
box-shadow: 0 1.247px 3.741px 0 rgba(0, 0, 0, 0.10), 0 1.247px 2.494px -1.247px rgba(0, 0, 0, 0.10);
padding: 35px;
color: var(--Colors-Neutral-900, #4A4A4A);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 40px */
display: flex;
align-items: center;
height: 100%;
}
/* REPORT CARD */
.diagnostics-section .report-card {
background: #fff;
padding: 30px;
border-radius: 16px;
box-shadow: 0 10px 25px rgba(0,0,0,0.05);
height: 100%;
}
.diagnostics-section .report-card p {
color: #90A1B9;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 15px; /* 150% */
}
.diagnostics-section .badge.bg-danger {
border-radius: 26843500px;
background-color: #FFE2E2 !important;
color: #E7000B;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 15px; /* 150% */
}
.diagnostics-section .report-header h6 {
color: #141B5D;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 140% */
}
.diagnostics-section .progress {
height: 8px;
background: #eee;
}
/* Pathogen Row */
.diagnostics-section .pathogen-name {
color: #141B5D;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px; /* 133.333% */
}
.diagnostics-section .pathogen-value {
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 16px; /* 133.333% */
}
/* Thin Progress Bar */
.diagnostics-section .progress-thin {
height: 6px;
background: #f0f0f0;
border-radius: 20px;
}
.diagnostics-section .progress-thin .progress-bar {
border-radius: 20px;
}
.diagnostics-section .progress-bar.bg-danger
{
color: #FB2C36 !important;
background-color:#FB2C36 !important;
}
.diagnostics-section .progress-bar.bg-warning
{
color: #FF6467 !important;
background-color:#FF6467 !important ;
}
.diagnostics-section .progress-bar.bg-orange {
background-color: #FF8904 !important;
color: #FF8904 !important;
}
/* Alert Box */
.diagnostics-section .report-alert {
border-radius: 16px;
background: rgba(254, 186, 186, 0.20);
padding: 12px 15px;
margin-top: 20px;
color: #FF7070;
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 19.5px; /* 162.5% */
margin-bottom: 1rem;
}
/* Base Button */
.diagnostics-section .report-btn {
display: block;
width: 100%;
padding: 12px;
text-align: center;
border-radius: 6px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
margin-bottom: 10px;
}
.diagnostics-section .report-carda .report-header
{
display: flex;
justify-self: start;
align-items: center;
gap: 15px;
width: 100%;
}
/* Patient ID Badge */
.diagnostics-section .patient-id {
display:block;
border-radius: 4px;
background: #F1F5F9;
padding: 8px 14px;
color: #4A5565;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 200% */
font-weight: 500;
word-break: break-all;
margin-bottom: 15px;
}
/* Base Button */
.diagnostics-section .report-btn {
display: block;
width: 100%;
text-align: center;
padding: 14px;
border-radius: 10px;
font-weight: 500;
text-decoration: none;
transition: all 0.3s ease;
margin-bottom: 15px;
}
/* Main Dark Button */
.diagnostics-section .report-btn-main {
border-radius: 8px;
background: linear-gradient(0deg, #141B5D 0%, #141B5D 100%), rgba(255, 255, 255, 0.02);
box-shadow: 0 2px 8px 0 rgba(255, 255, 255, 0.05) inset, 0 1px 3px 0 rgba(255, 255, 255, 0.12) inset, 0 0.5px 0.5px 0 rgba(255, 255, 255, 0.16) inset;
backdrop-filter: blur(6px);
color: #fff;
border: none;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 15px; /* 150% */
}
.diagnostics-section .report-btn-main:hover {
border-radius: 8px;
background: linear-gradient(0deg, #141B5D 0%, #141B5D 100%), rgba(255, 255, 255, 0.02);
box-shadow: 0 2px 8px 0 rgba(255, 255, 255, 0.05) inset, 0 1px 3px 0 rgba(255, 255, 255, 0.12) inset, 0 0.5px 0.5px 0 rgba(255, 255, 255, 0.16) inset;
backdrop-filter: blur(6px);
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 15px; /* 150% */
}
/* Secondary Button (Same Style as Image) */
.diagnostics-section .report-btn-secondary {
border-radius: 8px;
background: linear-gradient(0deg, #141B5D 0%, #141B5D 100%), rgba(255, 255, 255, 0.02);
box-shadow: 0 2px 8px 0 rgba(255, 255, 255, 0.05) inset, 0 1px 3px 0 rgba(255, 255, 255, 0.12) inset, 0 0.5px 0.5px 0 rgba(255, 255, 255, 0.16) inset;
backdrop-filter: blur(6px);
color: #fff;
border: none;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 15px; /* 150% */
}
.diagnostics-section .report-btn-secondary:hover {
border-radius: 8px;
background: linear-gradient(0deg, #141B5D 0%, #141B5D 100%), rgba(255, 255, 255, 0.02);
box-shadow: 0 2px 8px 0 rgba(255, 255, 255, 0.05) inset, 0 1px 3px 0 rgba(255, 255, 255, 0.12) inset, 0 0.5px 0.5px 0 rgba(255, 255, 255, 0.16) inset;
backdrop-filter: blur(6px);
color: #fff;
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 15px; /* 150% */
}
/* RESPONSIVE */
@media (max-width: 991px) {
.diagnostics-section .diagnostics-section .diagnostics-section .section-title {
font-size: 26px;
}
}
.workflow-section {
position: relative;
}
/* Header */
.workflow-section .workflow-title {
background: linear-gradient(90deg, #141B5D 0%, #9810FA 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 150%;
letter-spacing: -1.92px;
}
.workflow-section .workflow-subtitle {
color: var(--Colors-Neutral-1000, #333);
text-align: center;
font-size: 32px;
font-weight: 700;
line-height: 150%;
letter-spacing: -1.92px;
}
.workflow-section .workflow-text {
color: var(--Colors-Neutral-900, #4A4A4A);
text-align: center;
font-size: 20px;
font-weight: 400;
line-height: 200%;
}
/* Vertical Line */
.workflow-section .timeline-wrapper {
position: relative;
margin-top: 60px;
}
.workflow-section .timeline-wrapper::before {
content: '';
position: absolute;
width: 3px;
background: linear-gradient(to bottom, #7b3cff, #4c2cff);
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
}
/* Dot Image */
.workflow-section .timeline-dot {
position: relative;
z-index: 2;
}
/* Content Card */
.workflow-section .timeline-content {
padding: 25px;
transition: 0.3s;
margin-bottom: 1.5rem;
}
.workflow-section .timeline-content h6 {
color: #060B13;
font-size: 24px;
font-weight: 600;
line-height: 39.6px;
}
.workflow-section .timeline-content p {
color: #4A5565;
font-size: 16px;
font-weight: 400;
line-height: 26px;
}
.workflow-section .timeline-content:hover {
transform: translateY(-5px);
}
.workflow-section .step-number {
color: #99A1AF;
font-size: 72px;
font-weight: 700;
line-height: 72px;
display: block;
margin-bottom: 8px;
}
/* Image Card */
.workflow-section .timeline-image {
padding: 15px;
transition: 0.3s;
margin-bottom: 1.5rem;
}
.workflow-section .timeline-image:hover {
transform: translateY(-5px);
}
.workflow-section .workflow-btn {
border-radius: 8px;
background: linear-gradient(0deg, #141B5D 0%, #141B5D 100%), rgba(255, 255, 255, 0.02);
box-shadow: 0 2px 8px 0 rgba(255, 255, 255, 0.05) inset,
0 1px 3px 0 rgba(255, 255, 255, 0.12) inset,
0 0.5px 0.5px 0 rgba(255, 255, 255, 0.16) inset;
backdrop-filter: blur(6px);
color: #FFF;
text-align: center;
font-size: 16px;
font-weight: 700;
padding: 12px 16px;
}
.workflow-section .workflow-btn:hover {
background: linear-gradient(0deg, #141B5D 0%, #141B5D 100%), rgba(255, 255, 255, 0.02);
box-shadow: 0 2px 8px 0 rgba(255, 255, 255, 0.05) inset,
0 1px 3px 0 rgba(255, 255, 255, 0.12) inset,
0 0.5px 0.5px 0 rgba(255, 255, 255, 0.16) inset;
backdrop-filter: blur(6px);
color: #FFF;
}
/* Responsive */
@media (max-width: 991px) {
.workflow-section .timeline-wrapper::before {
left: 20px;
}
.workflow-section .timeline-row .row {
flex-direction: column;
}
.workflow-section .timeline-dot {
margin-left: -24px;
text-align: left;
}
.workflow-section .timeline-content,
.workflow-section .timeline-image {
text-align: left !important;
margin-bottom: 1.5rem;
}
}
.diagnostic-section .section-subtitle {
color: var(--Colors-Neutral-1000, #333);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 48px */
letter-spacing: -1.92px;
}
.diagnostic-section .section-title {
background: linear-gradient(90deg, #141B5D 0%, #9810FA 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: -1.92px;
}
.diagnostic-section .section-text {
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 40px */
}
/* Card */
.diagnostic-section .diagnostic-card {
background: #ffffff;
padding: 30px;
border-radius: 14px;
box-shadow: 0 8px 30px rgba(0,0,0,0.05);
height: 100%;
}
/* Gradient Badge */
.diagnostic-section .model-badge {
text-align: center;
display: inline-block;
padding: 8px 20px;
color: #FFF;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 150%; 
margin-bottom: 20px;
border-radius: 8px;
background: var(--frre, linear-gradient(90deg, #141B5D 0%, #9810FA 100%));
margin-right: -30px;
}
.diagnostic-section .model-bg
{
display: flex;
justify-content: end;
}
.diagnostic-section .model-description {
color: #45556C;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px; /* 162.5% */
margin-bottom: 20px;
}
/* Feature Items */
.diagnostic-section .feature-item {
display: flex;
align-items: center;
border-radius: 16px;
border: 0.998px solid #F3F4F6;
background: #FFF;
box-shadow: 0 1.247px 3.741px 0 rgba(0, 0, 0, 0.10), 0 1.247px 2.494px -1.247px rgba(0, 0, 0, 0.10);
padding: 12px 15px;
margin-bottom: 12px;
transition: all 0.3s ease;
margin-left: 50px;
}
.diagnostic-section .feature-item img {
width: 80px;
margin-left: -50px;
margin-right: 15px;
}
.diagnostic-section .feature-item span {
color: #141B5D;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}
.diagnostic-section .feature-item:hover {
background: #ecebff;
transform: translateY(-3px);
}
/* Notes */
.diagnostic-section .model-note {
color: #62748E;
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 20px; /* 142.857% */
margin: 20px 0;
}
/* Button */
.diagnostic-section .explore-btn {
width: 100%;
border-radius: 8px;
background: linear-gradient(0deg, #141B5D 0%, #141B5D 100%), rgba(255, 255, 255, 0.02);
box-shadow: 0 2px 8px 0 rgba(255, 255, 255, 0.05) inset, 0 1px 3px 0 rgba(255, 255, 255, 0.12) inset, 0 0.5px 0.5px 0 rgba(255, 255, 255, 0.16) inset;
backdrop-filter: blur(6px);
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
padding: 12px;
}
.diagnostic-section .explore-btn:hover {
background: #5b2dff;
color: #fff;
}
/* Responsive */
@media (max-width: 991px) {
.diagnostic-section .section-title {
font-size: 26px;
}
}
/* ===============================
Preventive Diagnostics Section
==================================*/
/* Left Content */
.section-subtitle {
color: var(--Colors-Neutral-1000, #333);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 48px */
letter-spacing: -1.92px;
}
.section-title {
background: linear-gradient(90deg, #141B5D 0%, #9810FA 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: -1.92px;
margin-bottom: 10px;
}
.section-desc {
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 40px */
line-height: 1.5;
}
.custom-btn {
border-radius: 8px;
background: linear-gradient(0deg, #141B5D 0%, #141B5D 100%), rgba(255, 255, 255, 0.02);
box-shadow: 0 2px 8px 0 rgba(255, 255, 255, 0.05) inset, 0 1px 3px 0 rgba(255, 255, 255, 0.12) inset, 0 0.5px 0.5px 0 rgba(255, 255, 255, 0.16) inset;
backdrop-filter: blur(6px);
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
border: none;
padding: 12px 22px;
}
.custom-btn:hover {
opacity: 0.9;
}
/* Cards */
.info-card {
border-radius: 24px;
border: 1px solid #E2E2E4;
background: #FFF;
padding: 25px;
height: 100%;
transition: all 0.3s ease;
}
.info-card:hover {
transform: translateY(-6px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
}
.info-card h5 {
color: #060B13;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 39.6px; /* 165% */
margin-top: 15px;
margin-bottom: 10px;
}
.info-card p {
color: #4A4A4A;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 32px */
letter-spacing: -0.07px;
line-height: 1.6;
}
.card-img {
background: #f0f2f7;
border-radius: 12px;
padding: 15px;
text-align: center;
}
/* Responsive */
@media (max-width: 991px) {
.section-title {
font-size: 32px;
}
.section-desc {
font-size: 15px;
}
}
/* Section Background */
/* Title */
.billing-section .billing-title {
color: #141B5D;
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 36px; /* 120% */
margin-bottom: 1.5rem;
}
.billing-section .billing-subtitle {
color: #99A1AF;
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 24px; /* 150% */
margin: 0 auto;
}
/* CDT Card */
.billing-section .cdt-card {
background: #ffffff;
border-radius: 15px;
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.08);
overflow: hidden;
max-width: 900px;
}
/* Gradient Header */
.billing-section .cdt-header {
border-radius: 24px 24px 0 0;
background: linear-gradient(90deg, #141B5D -18.06%, #9810FA 149.69%);
color: #FFF;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 140% */
padding: 18px;
}
/* Table */
.billing-section .table thead {
background: #f1f2f6;
font-weight: 600;
}
.billing-section .table th {
border-bottom: 0.8px solid #F1F5F9;
background: #F8FAFC;
color: #141B5D;
font-size: 16px;
font-style: normal;
padding: 18px 16px;
font-weight: 700;
line-height: 24px; /* 150% */
}
.billing-section .table td {
padding: 18px 16px;
color: #45556C;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
}
.billing-section .code-text {
color: #9810FA !important;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
}
.billing-section .info-box h6 {
color: #141B5D;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
margin-bottom: 10px;
}
.billing-section .info-box p {
color: #62748E;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 20px; /* 142.857% */
margin: 0 auto;
}
/* Responsive */
@media (max-width: 767px) {
.billing-section .info-box {
border: none !important;
margin-bottom: 25px;
}
}
/* Section Background */
.systemic-section {
border-radius: 24px;
background: linear-gradient(90deg, #141B5D -18.06%, #9810FA 149.69%);
padding-bottom: 0 !important;
}
/* Wrapper spacing */
.systemic-section .systemic-wrapper {
padding: 40px 20px;
padding-bottom: 0;
}
/* Left Card */
.systemic-section .systemic-card {
border-radius: 40px 40px 0 0 ;
border: 0.8px solid #F1F5F9;
background: #FFF;
box-shadow: 0 20px 25px -5px rgba(226, 232, 240, 0.50), 0 8px 10px -6px rgba(226, 232, 240, 0.50);
padding: 40px;
}
/* Title */
.systemic-section .systemic-title {
color: var(--Colors-Neutral-1000, #333);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 48px */
letter-spacing: -1.92px;
}
.systemic-section .systemic-title span {
background: linear-gradient(180deg, #141B5D 0%, #9810FA 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 36px;
font-style: normal;
font-weight: 700;
line-height: 45px; /* 125% */
}
/* Description */
.systemic-section .systemic-desc {
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 40px */
margin-top: 15px;
line-height: 1.6;
}
/* Items */
.systemic-section .systemic-item {
display: flex;
gap: 15px;
}
.systemic-section .systemic-item .number {
min-width: 40px;
height: 40px;
border-radius: 16px;
border: 0.8px solid #F1F5F9;
background: #F8FAFC;
color: #141B5D;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 20px; /* 142.857% */
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.systemic-section .systemic-item h6 {
color: #141B5D;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 155.556% */
margin-bottom: 4px;
}
.systemic-section .systemic-item p {
color: #62748E;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22.75px; /* 162.5% */
margin: 0;
}
/* Responsive */
@media (max-width: 991px) {
.systemic-section .systemic-card {
margin-bottom: 30px;
}
}
/* CARD BASE */
.salivary-section-card {
border-radius: 40px;
border: 0.8px solid #F3F4F6;
background: #FFF;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
padding: 60px 50px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
}
/* LEFT CARD */
.salivary-section-left {
text-align: left;
}
/* RIGHT CARD */
.salivary-section-right {
display: flex;
align-items: center;
justify-content: center;
padding: 40px;
}
/* TITLE */
.salivary-section-title {
color: var(--Colors-Neutral-1000, #333);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 48px */
letter-spacing: -1.92px;
}
.salivary-section-title span {
background: linear-gradient(90deg, #141B5D 0%, #9810FA 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 60px */
letter-spacing: -1.92px;
}
/* DESCRIPTION */
.salivary-section-desc {
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 40px */
}
/* BUTTON */
.salivary-section-btn {
display: inline-block;
border-radius: 8px;
background: linear-gradient(0deg, #141B5D 0%, #141B5D 100%), rgba(255, 255, 255, 0.02);
box-shadow: 0 2px 8px 0 rgba(255, 255, 255, 0.05) inset, 0 1px 3px 0 rgba(255, 255, 255, 0.12) inset, 0 0.5px 0.5px 0 rgba(255, 255, 255, 0.16) inset;
backdrop-filter: blur(6px);
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
padding: 12px 30px;
text-decoration: none;
transition: all 0.3s ease;
}
.salivary-section-btn:hover {
background: #3f2b96;
color: #ffffff;
transform: translateY(-2px);
}
/* PHONE IMAGE */
.salivary-section-phone {
max-height: 560px;
object-fit: contain;
transition: 0.4s ease;
}
.salivary-section-phone:hover {
transform: translateY(-6px);
}
/* RESPONSIVE */
@media (max-width: 991px) {
.salivary-section-card {
padding: 40px 30px;
}
.salivary-section-title {
font-size: 26px;
}
.salivary-section-desc {
max-width: 100%;
}
.hero-title span {

    font-size: 33px;

}
.diagnostics-section .section-title span {
    font-size: 33px;
}
.workflow-section .workflow-title {
    font-size: 33px;
}
.salivary-section-title span {
   font-size: 33px;
}

}