/* Headings */
.viome-tests-section .section-subtitle {
color: var(--Colors-Neutral-1000, #333);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: -1.92px;
margin-bottom: 0;
}
.viome-tests-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;
}
.viome-tests-section .section-title span {
color: #6f2cff;
}
.viome-tests-section .section-text {
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}
/* Logo */
.viome-tests-section .viome-logo {
max-width: 400px;
opacity: 0.9;
}
/* Card */
.viome-tests-section .test-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;
position: relative;
}
.viome-tests-section .test-card h5 {
color: var(--Colors-Primary-500, #141B5D);
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 200%;
}
.viome-tests-section .test-card p {
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 200%;
}
/* Badge */
.viome-tests-section .test-badge {
display: inline-block;
border-radius: 8px;
background: linear-gradient(90deg, #141B5D 0%, #9810FA 100%);
color: #FFF;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: -1.92px;
padding: 6px 14px;
margin-bottom: 15px;
}
.viome-tests-section .test-badge-bg {
text-align: right;
}
/* Button */
.viome-tests-section .btn-primary-custom {
border-radius: 8px;
background: #141B5D;
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: 600;
padding: 12px 18px;
transition: 0.3s ease;
}
.viome-tests-section .btn-primary-custom:hover {
background-color: #0f1445;
color: #fff;
}
/* Icon Box */
.viome-tests-section .icon-box {
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);
margin-bottom: 15px;
margin-left: 50px;
padding: 15px;
transition: 0.3s ease;
}
.viome-tests-section .icon-box:hover {
transform: translateY(-5px);
}
.viome-tests-section .icon-box img {
width: 80px;
margin-left: -50px;
margin-right: 15px;
}
.viome-tests-section .icon-box p {
margin: 0;
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%;
}

/* Cards */
.viome-tests-section .diagnostic-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 25px;
   transition: all 0.35s ease;
   height: 100%;
}

 .viome-tests-section .diagnostic-card h5 {
color: #141B5D;
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 155.556% */
   margin-bottom: 15px;
}

.viome-tests-section .diagnostic-card p {
color: #4A4A4A;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 190%; /* 26.6px */
   margin-bottom: 25px;
}

/* Hover Effect */
.viome-tests-section .diagnostic-card:hover {
   transform: translateY(-8px);
   box-shadow: 0 18px 40px rgba(91, 45, 255, 0.15);
}

/* Button */
.viome-tests-section .diagnostic-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: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
   padding: 10px 28px;
   transition: 0.3s;
}

.viome-tests-section .diagnostic-btn:hover {
background: linear-gradient(0deg, #141B5D 0%, #141B5D 100%), rgba(255, 255, 255, 0.02);
   color: #fff;
}

.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;
}
}

/* SECTION BACKGROUND */
.relationship-section {
background: linear-gradient(135deg, #2b0a73, #7b1fa2);
border-radius: 20px;
}
/* INNER WRAPPER */
.relationship-section .relationship-wrapper {
padding: 40px;
}
/* CARD STYLE */
.relationship-section .relationship-card {
border-radius: 40px;
border: 0.8px solid #F1F5F9;
background: #FFF;
padding: 30px;
height: 100%;
}
/* MAIN CARD */
.relationship-section .main-card h3 {
color: var(--Colors-Neutral-1000, #333);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 48px */
letter-spacing: -1.92px;
}
.relationship-section .main-card h3 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;
}
.relationship-section .main-card p {
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 40px */
margin-top: 15px;
}
.relationship-card-inner-bg
{
display: flex;
justify-content: center;
align-items: center;
}
.relationship-card-inner
{
border-radius: 40px;
border: 0.8px solid #F1F5F9;
background: #FFF;
padding: 30px;
}
/* LIST CARD */
.relationship-section .relationship-list {
list-style: none;
padding: 0;
margin: 0;
}
.relationship-section .relationship-list li {
display: flex;
align-items: center;
margin-bottom: 15px;
color: #141B5D;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: 28px; /* 200% */
border-bottom: 1px solid #7B7B7B;
padding-bottom: 16px;
}
.relationship-section .relationship-list span {
border-radius: 16px;
border: 1px solid #F1F5F9;
background: #e6e9ec;
color: #141B5D;
font-size: 14px;
font-style: normal;
font-weight: 900;
line-height: 20px; /* 142.857% */
border-radius: 50%;
width: 40px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: center;
margin-right: 12px;
}
/* INFO CARD */
.relationship-section .info-card .quote {
color: #5A5A5A;
font-size: 16px;
font-style: italic;
font-weight: 400;
line-height: 22.75px; /* 162.5% */
margin-bottom: 20px;
}
.relationship-section .verified {
display: flex;
justify-content: space-between;
align-items: center;
}
.relationship-section .verified strong {
color: #141B5D;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24.939px; /* 155.866% */
}
.relationship-section .avatars {
display: flex;
align-items: center;
}
.relationship-section .avatars .count {
background: #e8e8f5;
color: #7b1fa2;
font-size: 12px;
padding: 6px 10px;
border-radius: 20px;
margin-left: 8px;
}
/* PHONE IMAGE */
.relationship-section .phone-wrapper {
position: relative;
}
/* RESPONSIVE */
@media (max-width: 991px) {
.relationship-section .relationship-wrapper {
padding: 20px;
}
.relationship-section .main-card h3 {
font-size: 22px;
}
.relationship-section .phone-img {
max-width: 220px;
}
}
/* Section Styling */

.simplify-section-title {
 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;
}

.simplify-section-subtitle {
  margin: 0 auto;
color: var(--Colors-Neutral-900, #4A4A4A);
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 40px */
}

.simplify-section-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: 700;
line-height: normal;
  padding: 10px 25px;
  text-decoration: none;
  transition: 0.3s ease;
}

.simplify-section-btn:hover {
  color: #FFF;
}

.simplify-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: 25px;
  height: 100%;
  transition: 0.3s ease;
}

.simplify-section-card:hover {
  transform: translateY(-5px);
}

.simplify-section-card-title {
color: #060B13;
font-size: 24px;
font-style: normal;
font-weight: 500;
line-height: 39.6px; /* 165% */
  margin-bottom: 10px;
}

.simplify-section-card-text {
color: #4A5565;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 32px */
}

/* Headings */
.microbiome-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;
}
.microbiome-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;
}
.microbiome-section .section-text {
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 40px */
}
/* Button */
.microbiome-section .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: 28px; /* 155.556% */
padding: 10px 22px;
}
/* Report Card */
.microbiome-section .report-card {
border-radius: 40px;
border: 0.8px solid #F3F4F6;
background: linear-gradient(135deg, #F9FAFB 0%, #FFF 100%), #FFF;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
padding: 25px;
}
.report-card h2
{
color: var(--Colors-Neutral-1000, #333);
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 30px */
margin-bottom: 16px;
}
.microbiome-section .functional-label {
color: #99A1AF;
font-size: 14.408px;
font-style: normal;
font-weight: 600;
line-height: 14.408px; /* 100% */
letter-spacing: 1.441px;
text-transform: uppercase;
letter-spacing: 1px;
}
.microbiome-section .purple-border {
border-radius: 38675824px;
background-color: rgba(152, 16, 250, 0.10);
color: #9810FA;
font-size: 13.205px;
font-style: normal;
font-weight: 500;
line-height: 21.612px; /* 163.661% */
}
/* Metric Box */
.microbiome-section .metric-box {
border-radius: 23.053px;
background: #F9FAFB;
padding: 15px;
border-radius: 12px;
margin-top: 15px;
}
.microbiome-section .metric-box h6 {
margin: 0;
color: #333;
font-size: 17.289px;
font-style: normal;
font-weight: 700;
line-height: 23.053px; /* 133.333% */
}
.microbiome-section .metric-box small {
color: #6A7282;
font-size: 14.408px;
font-style: normal;
font-weight: 400;
line-height: 21.612px; /* 150% */
}
/* Status Labels */
.microbiome-section .status {
color: #00C950;
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: 28.816px; /* 142.857% */
}
.microbiome-section .status.high {
color: #00b894;
}
.microbiome-section .status.mod {
color: #ff9800;
}
/* Compare */
.microbiome-section .compare-box {
margin-top: 20px;
margin-bottom: 20px;
width: 100%;
}
.microbiome-section .compare-link {
border-radius: 10px;
border: 1.153px solid #F3F4F6;
background: #F8FAFC;
text-decoration: none;
color: #141B5D;
width: 100%;
text-align: center;
font-size: 18px;
display: block;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 133.333% */
padding: 16px 20px;
}
/* Footer */
.microbiome-section .provider-footer small {
color: #99A1AF;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 21.612px; /* 150% */
}
.microbiome-section .review-status {
color: #9810FA;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 21.612px; /* 150% */
}
/* Info Cards */
.microbiome-section .info-card {
display: flex;
align-items: center;
gap: 15px;
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: 0 15px;
margin-bottom: 15px;
transition: all 0.3s ease;
margin-left: 50px;
}
.microbiome-section .info-card:hover {
transform: translateY(-5px);
}
.microbiome-section .info-card img {
width: 100px;
margin-left: -50px;
padding-right: 0px;
}
.microbiome-section .info-card p {
margin: 0;
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 32px */
}
/* Responsive */
@media (max-width: 991px) {
.microbiome-section .section-title {
font-size: 32px;
}
.microbiome-section .info-card p {

    line-height: 150%;
}
.viome-tests-section .section-title {

    font-size: 33px;

}
.viome-tests-section .test-badge {

    letter-spacing: normal;
 
}
.viome-tests-section .icon-box p {
    line-height: 150%;
}
.workflow-section .workflow-title {
    font-size: 33px;
}
}
.microbiome-section .report-header {
padding-bottom: 20px;
}
.microbiome-section .insight-icon {
display: flex;
align-items: center;
justify-content: center;
}
.microbiome-section .insight-icon img {
width: 50px;
}
.microbiome-section .functional-label {
color: #99A1AF;
font-size: 14.408px;
font-style: normal;
font-weight: 600;
line-height: 14.408px; /* 100% */
letter-spacing: 1.441px;
text-transform: uppercase;
letter-spacing: 1.5px;
}
.microbiome-section .report-title {
color: #141B5D;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28.816px; /* 142.857% */
}
.microbiome-section .clia-badge {
border-radius: 38675824px;
background: rgba(152, 16, 250, 0.10);
color: #9810FA;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 21.612px; /* 163.661% */
padding: 6px 14px;
display: inline-block;
}
.microbiome-section .report-id {
color: #99A1AF;
font-size: 12.967px;
font-style: normal;
font-weight: 400;
line-height: 19.451px; /* 150% */
margin-top: 4px;
}