body{

font-family:Poppins,sans-serif;

background:#fbfbff;

color:#222;

}
.custom-navbar{
    background:#fff;
    box-shadow:0 8px 25px rgba(0,0,0,.05);
    padding:15px 0;
}

.custom-container{
    width:100%;
    max-width:1320px;
    margin:auto;
    padding:0 30px;
}

.navbar-brand{
    flex-shrink:0;
}

.navbar-collapse{
    flex-grow:1;
}

.navbar-nav{
    margin-left:auto;
}

.nav-link{
    font-size: 17px;
    padding:12px 18px !important;
    font-weight:600;
    color:#1f2937 !important;
}

.btn-main{
    background:#6B3EF4;
    color:#fff;
    border-radius:50px;
    padding:12px 28px;
}
.navbar{

background:#fff;

}

.navbar-brand img{

height:100px;

}



.nav-link:hover{

color:#5a34d6;

}



.btn-main:hover{

background:#4524ad;

color:#fff;

}

.btn-outline-main{

border:2px solid #5B32D6;

padding:14px 30px;

margin-left:15px;

border-radius:12px;

color:#5B32D6;

font-weight:600;

}

/*==============================
Hero
==============================*/

.hero{

    position:relative;

    overflow:hidden;

    min-height:720px;

    display:flex;

    align-items:center;

    background:#fff;

}

/* Background */

.hero-bg{

    position:absolute;

    inset:0;

    background:url(../images/hero_bg.webp);

    background-size:cover;

    background-position:center;

    opacity:.95;

}

.hero-overlay{

    position:absolute;

    inset:0;

    background:linear-gradient(
        90deg,
        rgba(255,255,255,.96) 0%,
        rgba(255,255,255,.90) 35%,
        rgba(245,240,255,.50) 100%
    );

}

/* Container */
/* .custom-container{

    width:100%;

    max-width:1600px;

    margin:auto;

    padding:0 40px;

} */
.custom-container{

    width:100%;

    max-width:1750px;

    margin:auto;

    padding:0 40px;

    position:relative;

    z-index:2;

}

/* Layout */

.hero-wrapper{

    display:flex;

    /* justify-content:space-between; */

    align-items:flex-end;

    gap:60px;

}

/* Left */

.hero-content{

    width:48%;

}

.hero-content h1{

    font-size:64px;

    line-height:78px;

    font-weight:700;

    color:#16234d;

    margin-bottom:25px;

}

.hero-content span{

    color:#6E35F8;

}

.hero-content p{

    font-size:21px;

    line-height:38px;

    color:#555;

    max-width:650px;

}

/* Buttons */

.hero-buttons{

    display:flex;

    gap:20px;

    margin:40px 0;

}

.btn-main{

    background:#6B3EF4;

    color:#fff;

    padding:18px 42px;

    border-radius:14px;

    text-decoration:none;

    font-weight:600;

}

.btn-outline{

    border:2px solid #6B3EF4;

    color:#6B3EF4;

    padding:18px 42px;

    border-radius:14px;

    text-decoration:none;

    font-weight:600;

}

/* Features */

.hero-features{

    display:flex;

    gap:40px;

    margin-top:40px;

    flex-wrap:wrap;

}

.feature{

    display:flex;

    align-items:center;

    gap:12px;

    font-size:16px;

    color:#16234d;

}

.feature i{

    color:#6B3EF4;

    font-size:24px;

}

/* Right */

.hero-image{

    width:52%;

    text-align:right;

}

.hero-image img{
    display:block;
    width:100%;
    /* max-width:750px; */
    height:auto;
}

.hero-icons{

display:flex;

justify-content:space-between;

margin-top:45px;

}

.hero-icons div{

text-align:center;

}

.hero-icons i{

width:70px;

height:70px;

border-radius:50%;

background:#F3EEFF;

display:flex;

align-items:center;

justify-content:center;

font-size:28px;

color:#5B32D6;

margin:auto;

}

.hero-icons p{

margin-top:12px;

font-size:15px;

font-weight:600;

line-height:24px;

}
/*==========================
Stats
==========================*/

.stats-section{

margin-top:-120px;
position:relative;
z-index:20;

}

.stats-section .container{

background:#5B32D6;

border-radius:18px;

padding:35px;

box-shadow:0 15px 35px rgba(0,0,0,.12);

}

.stat-box{

text-align:center;

color:#fff;

}

.stat-box i{

font-size:34px;

margin-bottom:18px;

opacity:.95;

}

.stat-box h3{

font-size:34px;

font-weight:700;

margin-bottom:6px;

}

.stat-box p{

margin:0;

font-size:15px;

opacity:.9;

}

/*==========================
Section Title
==========================*/

.section-title{

text-align:center;

margin-bottom:60px;

}

.section-title h2{

font-size:42px;

font-weight:700;

margin-bottom:15px;

}

.section-title p{

color:#777;

font-size:18px;

}

/*==========================
Why Section
==========================*/

.why-section{

padding:70px 0;

}

.why-card{

    background:#fff;

    border-radius:18px;

    padding:30px;

    box-shadow:0 10px 30px rgba(0,0,0,.08);

    text-align:center;

    transition:.35s;

}

.why-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(107,62,244,.12);

}

.why-card .icon{

    width:75px;

    height:75px;

    border-radius:50%;

    background:linear-gradient(135deg,#F3ECFF,#FFFFFF);

    display:flex;

    align-items:center;

    justify-content:center;

    margin:0 auto 20px;

}

.why-card .icon i{

    color:#6B3EF4;

    font-size:32px;

}

.why-card h4{

    font-size:22px;

    font-weight:700;

    color:#1C2450;

    margin-bottom:15px;

}

.why-card p{

    color:#666;

    line-height:28px;

    margin-bottom:22px;

}

.lab-list{

    display:flex;

    justify-content:center;

    gap:10px;

    flex-wrap:wrap;

}

.lab-list span{

    padding:8px 16px;

    border-radius:50px;

    background:#F5F1FF;

    color:#6B3EF4;

    font-size:14px;

    font-weight:600;

    border:1px solid #E6DBFF;

    transition:.3s;

}

.lab-list span:hover{

    background:#6B3EF4;

    color:#fff;

}

/*==========================
Help Section
==========================*/

.help-section{

padding-bottom:110px;

}

.help-card{

background:#fff;

border-radius:18px;

padding:35px;

text-align:center;

height:100%;

box-shadow:0 8px 25px rgba(0,0,0,.05);

transition:.35s;

}

.help-card:hover{

transform:translateY(-8px);

}

.help-card .icon{

width:80px;

height:80px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:34px;

margin:auto;

margin-bottom:25px;

}

.purple{

background:#F3EDFF;
color:#5B32D6;

}

.pink{

background:#FFEAF3;
color:#E8447A;

}

.green{

background:#EAFBF5;
color:#13A36E;

}

.orange{

background:#FFF3E8;
color:#F39A23;

}

.help-card h4{

font-weight:700;

margin-bottom:15px;

}

.help-card p{

color:#777;

line-height:28px;

}

/*=========================================
HOW GENETIC TESTING WORKS
=========================================*/

.how-work-section{

    padding:70px 0;
    background:#fff;
    overflow:hidden;

}

.section-title{

    text-align:center;
    margin-bottom:60px;

}

.section-title h2{

    font-size:34px;
    font-weight:700;
    color:#1c2450;
    margin:0;

}

.timeline{

    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    position:relative;

}

.timeline-item{

    width:150px;
    text-align:center;
    position:relative;

}

/* Connector Line */

.connector{

    position:absolute;

    top:40px;
    left:100px;

    width:161px;
    height:2px;

    background:#ece8ff;

}

/* Purple Dot */

.connector::after{

    content:"";

    position:absolute;

    left:50%;
    top:50%;

    width:12px;
    height:12px;

    background:#6B3EF4;

    border-radius:50%;

    transform:translate(-50%,-50%);

}

/* Hide last connector */

.timeline-item.last .connector{

    display:none;

}

/* Circle */

.icon-box{

    width:84px;
    height:84px;

    margin:auto;

    border-radius:50%;

    background:#fff;

    display:flex;
    justify-content:center;
    align-items:center;

    box-shadow:
        0 12px 35px rgba(69,58,175,.10);

    position:relative;
    z-index:5;

    transition:.35s;

}

/* Icon */

.icon-box i{

    font-size:34px;
    color:#6B3EF4;

    transition:.35s;

}

/* Hover */

.timeline-item:hover .icon-box{

    background:#6B3EF4;

    transform:translateY(-8px);

}

.timeline-item:hover i{

    color:#fff;

}

/* Step Number */

.step{

    display:block;

    /* margin-top:18px; */

    color:#6B3EF4;

    font-size:15px;

    font-weight:700;

}

/* Title */

.timeline-item h5{

    margin-top:10px;

    font-size:18px;

    line-height:30px;

    font-weight:600;

    color:#1c2450;

}

/* Mobile */

@media(max-width:1200px){

.timeline{

flex-wrap:wrap;
gap:50px;

}

.timeline-item{

width:calc(25% - 20px);

}

.connector{

display:none;

}

}

@media(max-width:768px){

.timeline-item{

width:50%;

}

}

@media(max-width:576px){

.timeline-item{

width:100%;

}

}
/*============================
Early Detection
=============================*/

/*=================================
Early Detection
=================================*/

.early-detection{

    padding:90px 0;

    background:#fff;

}

.early-detection .row{

    align-items:center;

}

.early-image{

    position:relative;

}

.early-image img{

    width:100%;

    border-radius:24px;

    display:block;

    box-shadow:0 18px 45px rgba(69,58,175,.12);

}

.shield{

    position:absolute;

    left:25px;

    bottom:25px;

    width:120px;

}

.shield img{

    width:100%;

}

.tag{

    display:inline-flex;

    align-items:center;

    padding:8px 18px;

    border-radius:40px;

    background:#F2ECFF;

    color:#6B3EF4;

    font-size:13px;

    font-weight:600;

    margin-bottom:20px;

}

.early-detection h2{

    font-size:42px;

    font-weight:700;

    color:#1C2450;

    line-height:1.25;

    margin-bottom:20px;

}

.early-detection p{

    font-size:17px;

    line-height:30px;

    color:#6D6D6D;

    margin-bottom:25px;

}

.early-detection ul{

    padding:0;

    margin:0;

    list-style:none;

}

.early-detection ul li{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:18px;

    font-size:17px;

    font-weight:500;

    color:#1C2450;

}

.early-detection ul li i{

    color:#6B3EF4;

    font-size:18px;

}
/*=================================
Featured Tests
=================================*/

.featured-tests{

    padding:40px 0;

    background:#F8FAFF;

}

.featured-heading{

    display:flex;

    justify-content:space-between;

    align-items:end;

    margin-bottom:50px;

}

.featured-heading h2{

    font-size:40px;

    font-weight:700;

    color:#1C2450;

    margin:0;

}

.featured-heading p{

    margin-top:10px;

    max-width:650px;

    color:#6D6D6D;

    line-height:28px;

}

.featured-heading a{

    text-decoration:none;

    color:#6B3EF4;

    font-weight:600;

    white-space:nowrap;

}

.featured-heading a i{

    margin-left:8px;

    transition:.3s;

}

.featured-heading a:hover i{

    margin-left:14px;

}
.test-card{

    background:#fff;

    border-radius:22px;

    padding:35px 28px;

    text-align:center;

    height:100%;

    transition:.35s;

    box-shadow:0 15px 40px rgba(51,45,108,.08);

    border:1px solid #EEF0F7;

}

.test-card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 50px rgba(69,58,175,.15);

}

.test-card .icon{

    width:86px;

    height:86px;

    margin:auto;

    margin-bottom:25px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

}

.test-card .icon i{

    font-size:42px;

}

.purple{

    background:#F3ECFF;

}

.green{

    background:#EAFBF5;

}

.pink{

    background:#FFEAF2;

}

.blue{

    background:#EEF4FF;

}

.orange{

    background:#FFF2E7;

}

.test-card h4{

    font-size:22px;

    font-weight:700;

    color:#1C2450;

    margin-bottom:15px;

}

.test-card p{

    font-size:15px;

    color:#6D6D6D;

    line-height:28px;

    min-height:110px;

}

.test-card a{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#6B3EF4;

    text-decoration:none;

    font-weight:600;

}

.test-card a i{

    transition:.3s;

}

.test-card:hover a i{

    transform:translateX(5px);

}
@media(max-width:992px){

.early-detection,
.featured-tests{

    padding:70px 0;

}

.early-image{

    margin-bottom:40px;

}

.featured-heading{

    display:block;

}

.featured-heading a{

    display:inline-block;

    margin-top:15px;

}

}

@media(max-width:768px){

.early-detection h2,
.featured-heading h2{

    font-size:32px;

}

.early-detection p{

    font-size:16px;

}

.test-card{

    padding:30px 22px;

}

}
/*=====================================
Statistics Bar
======================================*/

.statistics-bar{

    margin-top:50px;

}

.statistics-bar .custom-container{

    background:linear-gradient(90deg,#5A2EDC,#7B44F2);

    border-radius:18px;

    overflow:hidden;

    position:relative;

}

/* DNA Pattern */

.statistics-bar .custom-container::after{

    content:"";

    position:absolute;

    right:0;

    top:0;

    width:240px;

    height:100%;

    background:url(images/dna-pattern.png);

    background-repeat:no-repeat;

    background-position:right center;

    background-size:contain;

    opacity:.12;

}

.stat-item{

    padding:35px 10px;

    text-align:center;

    color:#fff;

    position:relative;

}

.stat-item::after{

    content:"";

    position:absolute;

    right:0;

    top:50%;

    transform:translateY(-50%);

    width:1px;

    height:55px;

    background:rgba(255,255,255,.18);

}

.col:last-child .stat-item::after{

    display:none;

}

.stat-item h2{

    font-size:42px;

    font-weight:700;

    margin-bottom:10px;

}

.stat-item p{

    margin:0;

    font-size:16px;

    opacity:.9;

    font-weight:400;

}
/*=====================================
Testimonials
======================================*/

.testimonial-section{

padding:90px 0;

background:#fff;

}

.section-heading{

text-align:center;
margin-bottom:45px;

}

.section-heading h2{

font-size:34px;
font-weight:700;
color:#1C2450;

}

.testimonial-wrapper{

    position:relative;

    padding:0 60px;

}

.testimonial-prev,
.testimonial-next{

    width:46px;

    height:46px;

    border-radius:50%;

    background:#fff;

    box-shadow:0 8px 22px rgba(0,0,0,.08);

    color:#6B3EF4;

    transition:.3s;

}

.testimonial-prev:hover,
.testimonial-next:hover{

    background:#6B3EF4;

    color:#fff;

}

.testimonial-prev::after,
.testimonial-next::after{

    font-size:16px;

    font-weight:bold;

}
.testimonial-prev{

    left:0;

}

.testimonial-next{

    right:0;

}
@media(max-width:992px){

.testimonial-wrapper{

padding:0 45px;

}

}

@media(max-width:768px){

.testimonial-wrapper{

padding:0 30px;

}

.section-heading h2{

font-size:28px;

}

}
.testimonial-slider{

    width:100%;

    overflow:hidden;

}
.swiper-slide{

    height:auto;

    display:flex;

}
.middle-dot{

width:8px;
height:8px;

border-radius:50%;

background:#6B3EF4;

}

.testimonial-card{

    width:100%;

    height:100%;

    background:#fff;

    padding:28px;

    border-radius:20px;

    box-shadow:0 12px 35px rgba(69,58,175,.08);

    transition:.3s;

}

.testimonial-card:hover{

transform:translateY(-6px);

}

.quote{

font-size:26px;

color:#6B3EF4;

margin-bottom:15px;

}

.testimonial-card p{

font-size:15px;

line-height:28px;

color:#666;

min-height:110px;

}

.stars{

color:#FFB400;

font-size:18px;

margin:18px 0;

letter-spacing:2px;

}

.user{

display:flex;
align-items:center;

}

.user img{

width:52px;
height:52px;

border-radius:50%;

margin-right:15px;

object-fit:cover;

}

.user h5{

margin:0;

font-size:16px;

font-weight:600;

}

.user span{

font-size:14px;

color:#777;

}/*==================================
Resources
==================================*/

.resources-section{

padding:90px 0;

}

.faq-box h3,
.resource-header h3{

font-size:24px;
font-weight:700;
margin-bottom:30px;
color:#1d2340;

}
.accordion-body{

    padding:25px 30px;

    background:#fff;

    border-radius:0 0 18px 18px;

}

.faq-desc{

    font-size:16px;

    font-weight:600;

    color:#1C2450;

    margin-bottom:18px;

}

.faq-list{

    list-style:none;

    padding:0;

    margin:0;

}

.faq-list li{

    display:flex;

    align-items:flex-start;

    gap:14px;

    margin-bottom:16px;

    color:#5E6475;

    font-size:15px;

    line-height:1.7;

}

.faq-list li:last-child{

    margin-bottom:0;

}

.faq-list i{

    color:#6B3EF4;

    font-size:18px;

    margin-top:3px;

    flex-shrink:0;

}
.accordion-item{

border:none;
margin-bottom:14px;

}

.accordion-button{

background:#fff;
border-radius:14px!important;

padding:18px 20px;

font-weight:500;

box-shadow:0 8px 25px rgba(0,0,0,.05);

}

.accordion-button:not(.collapsed){

background:#6B3EF4;
color:#fff;

}

.view-link{

display:inline-block;
margin-top:20px;

text-decoration:none;

color:#6B3EF4;

font-weight:600;

}

.resource-header{

display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;

}

.resource-header a{

text-decoration:none;

font-weight:600;

color:#6B3EF4;

}

.resource-grid{

display:flex;
gap:18px;

}

.resource-card{

width:170px;

}

.resource-card img{

width:100%;
height:120px;

object-fit:cover;

border-radius:16px;

margin-bottom:12px;

}

.resource-card h5{

font-size:16px;

font-weight:600;

line-height:24px;

margin-bottom:8px;

}

.resource-card span{

font-size:13px;

color:#888;

}

.test-box{

    position:relative;

    overflow:hidden;

    border-radius:18px;

    min-height:320px;

    padding:35px 28px;

    display:flex;

    align-items:flex-start;

    background:
        linear-gradient(rgba(88,35,195,.05), rgba(88,35,195,.05)),
        url("../images/dna.jpg") center center no-repeat;

    background-size:cover;

    box-shadow:0 18px 40px rgba(80,35,180,.18);

}

/* Content */

.test-content{

    position:relative;

    z-index:2;

    max-width:220px;

}

.test-content h3{

    color:#fff;

    font-size:26px;

    font-weight:700;

    line-height:1.3;

    margin-bottom:15px;

}

.test-content p{

    color:rgba(255,255,255,.9);

    font-size:15px;

    line-height:1.8;

    margin-bottom:24px;

}

.btn-test{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:12px 28px;

    background:#fff;

    color:#6B3EF4;

    font-weight:600;

    border-radius:10px;

    text-decoration:none;

    transition:.3s;

}

.btn-test:hover{

    background:#F5F2FF;

    color:#6B3EF4;

    transform:translateY(-2px);

}


/* CTA */

.cta-section{

    /* padding:60px 0; */

}

.cta-box{

    position:relative;

    overflow:hidden;

    /* border-radius:18px; */
    background:
        url("../images/dna.jpg") center center/cover no-repeat;
    /* background:linear-gradient(90deg,#8A37E7 0%,#6B35D9 45%,#4E27B5 100%); */

     min-height:110px;

    padding:28px 45px;

    box-shadow:0 18px 45px rgba(92,45,190,.15);

}

.cta-box h2{

    color:#fff;

    font-size:40px;

    font-weight:700;

    margin-bottom:8px;

}

.cta-box p{

    color:rgba(255,255,255,.85);

    margin:0;

    font-size:16px;

}

/* Buttons */

.btn-consult{

    display:inline-block;

    background:#fff;

    color:#5F35D8;

    padding:13px 28px;

    border-radius:8px;

    text-decoration:none;

    font-weight:600;

    margin-right:12px;

    transition:.3s;

}

.btn-consult:hover{

    background:#f7f7f7;

}

.btn-outline-white{

    display:inline-block;

    border:1.5px solid rgba(255,255,255,.6);

    color:#fff;

    padding:13px 28px;

    border-radius:8px;

    text-decoration:none;

    font-weight:600;

    transition:.3s;

}

.btn-outline-white:hover{

    background:#fff;

    color:#6B35D9;

}

/* DNA */

.dna-left{

    position:absolute;

    left:-120px;

    bottom:-40px;

    width:230px;

    height:auto;

    opacity:.18;

    transform:rotate(180deg);

    z-index:1;

}

.dna-right{

    position:absolute;

    right:-120px;

    top:-40px;

    width:230px;

    height:auto;

    opacity:.18;

    z-index:1;

}
.cta-box .row{

    position:relative;

    z-index:2;

}
@media(max-width:991px){

.cta-box{

padding:35px 25px;

text-align:center;

}

.cta-box h2{

font-size:32px;

}

.btn-consult,
.btn-outline-white{

display:block;

margin:10px auto;

width:220px;

}

}
/* Footer */

footer{

background:#ebe8f2;

padding:90px 0 30px;

color:#fff;

}

footer h5{

margin-bottom:25px;

font-weight:600;

}

footer ul{

padding:0;

list-style:none;

}

footer li{

margin-bottom:14px;

}

footer a{

color:#d4d4d4;

text-decoration:none;

transition:.3s;

}

footer a:hover{

color:#fff;

padding-left:6px;

}

.social{

margin-top:25px;

}

.social i{

width:45px;

height:45px;

background:#33334f;

border-radius:50%;

text-align:center;

line-height:45px;

margin-right:10px;

cursor:pointer;

transition:.3s;

}

.social i:hover{

background:#5B32D6;

}
/*=========================
Cancer Section
==========================*/

/* .cancer-section{

    padding:80px 0;
    background:#ffffff;

}

.left-content h2{

    font-size:40px;
    font-weight:700;
    color:#1d2555;
    margin-bottom:20px;

}

.left-content p{

    color:#666;
    line-height:1.8;
    margin-bottom:25px;

}

.cancer-grid{

    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:25px;

}

.cancer-item{

    text-align:center;

}

.cancer-item .icon{

    width:90px;
    height:90px;
    border-radius:50%;
    background:#fff;
    display:flex;
    justify-content:center;
    align-items:center;
    margin:auto;
    font-size:34px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);

}

.cancer-item h6{

    margin-top:18px;
    font-weight:600;
    line-height:1.5;

} */

/* Icon Colors */

.pink i{color:#ff4d9d;}
.purple i{color:#8a4dff;}
.orange i{color:#ff9800;}
.blue i{color:#2196f3;}
.green i{color:#18a058;}
.red i{color:#ff5252;}
.violet i{color:#5e60ce;}
.cyan i{color:#00bcd4;}
/*=====================================
Cancer Screening
======================================*/

.cancer-screening{

    padding:70px 0;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #faf7ff 100%
    );

    position:relative;

    overflow:hidden;

}

/* Decorative Background */

.cancer-screening::before{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    left:-180px;
    bottom:-220px;

    background:#EDE5FF;

    border-radius:50%;

    opacity:.6;

}

.cancer-screening::after{

    content:"";

    position:absolute;

    width:450px;
    height:450px;

    right:-180px;
    bottom:-220px;

    background:#EDE5FF;

    border-radius:50%;

    opacity:.6;

}

/*====================
Heading
====================*/

.section-title{

    text-align:center;

    margin-bottom:50px;

    position:relative;

    z-index:2;

}

.section-title h2{

    font-size:50px;

    font-weight:700;

    color:#1D2452;

    margin-bottom:18px;

}

.section-title h2 span{

    color:#6B3EF4;

}

.section-title p{

    font-size:21px;

    color:#666;

}
.test-company{

    display:block;

    margin-top:-8px;

    margin-bottom:15px;

    font-size:13px;

    font-weight:600;

    color:#6B3EF4;

    letter-spacing:.3px;

}
.divider{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:18px;

    margin-bottom:25px;

}

.divider span{

    width:70px;

    height:2px;

    background:#E8DDFF;

}

.divider i{

    color:#B58CFF;

    font-size:28px;

}

/*====================
Grid
====================*/

.screening-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

    position:relative;

    z-index:2;

}

/*====================
Card
====================*/

.screening-card{

    background:#fff;

    border-radius:24px;

    padding:20px 15px;

    text-align:center;

    transition:.35s;

    border:1px solid #EFEAFF;

    box-shadow:

        0 15px 40px rgba(83,62,191,.08);

}

.screening-card:hover{

    transform:translateY(-10px);

    box-shadow:

        0 25px 60px rgba(83,62,191,.15);

}

/*====================
Icon Circle
====================*/

.icon-bg{

    width:170px;

    height:170px;

    border-radius:50%;

    background:#F7F3FF;

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:28px;

}

.icon-bg img{

    width:110px;

    transition:.35s;

}

.screening-card:hover img{

    transform:scale(1.08);

}

/*====================
Text
====================*/

.screening-card h4{

    font-size:30px;

    font-weight:700;

    color:#1D2452;

    margin-bottom:15px;

}

.screening-card p{

    color:#666;

    font-size:17px;

    line-height:30px;

    min-height:60px;

}

/*====================
Link
====================*/

.screening-card a{

    display:inline-flex;

    align-items:center;

    gap:10px;

    color:#6B3EF4;

    text-decoration:none;

    font-weight:600;

    font-size:18px;

}

.screening-card a i{

    transition:.3s;

}

.screening-card:hover a i{

    transform:translateX(6px);

}

/*====================
Button
====================*/

.view-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    background:linear-gradient(
        90deg,
        #6B3EF4,
        #8B5CFF
    );

    color:#fff;

    text-decoration:none;

    padding:18px 45px;

    border-radius:50px;

    font-size:20px;

    font-weight:600;

    transition:.35s;

}

.view-btn:hover{

    color:#fff;

    transform:translateY(-4px);

    box-shadow:0 18px 35px rgba(107,62,244,.30);

}
@media(max-width:1200px){

.screening-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.section-title h2{

font-size:38px;

}

.section-title p{

font-size:18px;

}

.screening-grid{

grid-template-columns:1fr;

}

.icon-bg{

width:130px;

height:130px;

}

.icon-bg img{

width:85px;

}

.screening-card{

padding:30px 20px;

}

}
.partner-card{

    background:#fff;

    border-radius:22px;

    padding:35px;

    height:100%;

    box-shadow:0 10px 30px rgba(82,64,191,.08);

    transition:.35s;

    border:1px solid #EFEAFF;

}

.partner-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(82,64,191,.15);

}

.partner-logo{

    height:45px;

    width:auto;

    margin-bottom:25px;

}

.partner-card h4{

    font-size:24px;

    font-weight:700;

    color:#1C2450;

    margin-bottom:15px;

}

.partner-card p{

    color:#666;

    line-height:28px;

}

.partner-card ul{

    list-style:none;

    padding:0;

    margin:25px 0;

}

.partner-card li{

    padding:8px 0;

    color:#555;

}

.partner-card li::before{

    content:"✓";

    color:#6B3EF4;

    font-weight:bold;

    margin-right:10px;

}

.partner-card a{

    color:#6B3EF4;

    text-decoration:none;

    font-weight:600;

}


/*  Tests Css */
/*===============================
Test Hero
================================*/

.test-hero{

    padding:80px 0;

    background:#fff;

    overflow:hidden;

}

.hero-tag{

    display:inline-block;

    background:#EEF3FF;

    color:#3467F2;

    padding:10px 22px;

    border-radius:40px;

    font-size:14px;

    font-weight:600;

    margin-bottom:25px;

}

.test-hero h1{

    font-size:56px;

    font-weight:700;

    color:#1C2450;

    line-height:1.2;

    margin-bottom:20px;

}

.test-hero h1 span{

    color:#6B3EF4;

}

.hero-desc{

    font-size:18px;

    line-height:32px;

    color:#6D6D6D;

    margin-bottom:35px;

}

.hero-btns{

    display:flex;

    gap:18px;

    margin-bottom:40px;

}

.btn-main{

    background:#6B3EF4;

    color:#fff;

    padding:15px 35px;

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

}

.btn-main:hover{

    color:#fff;

    background:#5830d9;

}

.btn-outline-main{

    border:2px solid #6B3EF4;

    color:#6B3EF4;

    padding:15px 35px;

    border-radius:10px;

    text-decoration:none;

    font-weight:600;

}

.btn-outline-main:hover{

    background:#6B3EF4;

    color:#fff;

}

.hero-features{

    display:flex;

    flex-wrap:wrap;

    gap:25px;

}

.feature{

    display:flex;

    align-items:center;

    gap:15px;

}

.feature i{

    width:55px;

    height:55px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#F3ECFF;

    color:#6B3EF4;

    font-size:22px;

}

.feature h6{

    margin:0;

    color:#1C2450;

    font-size:16px;

    font-weight:600;

}

.feature span{

    color:#777;

    font-size:14px;

}

.hero-image{

    position:relative;

    text-align:center;

}

.hero-image img{

    width:100%;
    position:relative;

    z-index:2;

}

.dna-bg{

    position:absolute;

    right:-40px;

    top:20px;

    width:260px;

    opacity:.18;

    z-index:1;

}

.dna-bg img{

    width:100%;

}
/*===============================
Test Overview
================================*/

.test-overview{

    padding:90px 0;

    background:#fff;

}

.overview-image{

    position:relative;

}

.overview-image img{

    width:90%;

    border-radius:20px;

    box-shadow:0 20px 45px rgba(70,60,170,.12);

}

.overview-badge{

    position:absolute;

    left:25px;

    bottom:25px;

    background:#fff;

    padding:15px 22px;

    border-radius:16px;

    display:flex;

    align-items:center;

    gap:12px;

    box-shadow:0 12px 30px rgba(70,60,170,.15);

}

.overview-badge i{

    width:48px;

    height:48px;

    background:#F3ECFF;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#6B3EF4;

    font-size:22px;

}

.overview-badge span{

    font-weight:600;

    color:#1C2450;

}



.test-overview h2{

    font-size:40px;

    font-weight:700;

    color:#1C2450;

    margin-bottom:18px;

}

.test-overview p{

    color:#6D6D6D;

    line-height:30px;

    margin-bottom:25px;

}

.overview-list{

    display:grid;

    grid-template-columns:1fr;

    gap:16px;

}

.overview-list div{

    display:flex;

    align-items:flex-start;

    gap:12px;

    color:#1C2450;

    font-weight:500;

}

.overview-list i{

    color:#6B3EF4;

    margin-top:3px;

}
/*====================================
Test Header
=====================================*/

.test-header{

    padding:50px 0 80px;
    background:#F8FAFF;

}

/*====================================
Breadcrumb
=====================================*/

.breadcrumb{

    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:40px;
    padding:0;
    background:none;

}

.breadcrumb a{

    color:#6B3EF4;
    text-decoration:none;
    font-size:15px;
    font-weight:500;

}

.breadcrumb span{

    color:#98A2B3;
    font-size:15px;

}

.breadcrumb .text-dark{

    color:#1C2450 !important;
    font-weight:600;

}

/*====================================
Heading
=====================================*/

.test-header h1{

    font-size:46px;
    font-weight:700;
    color:#1C2450;
    line-height:1.2;
    margin:18px 0;

}

.test-header p{

    color:#667085;
    font-size:17px;
    line-height:30px;
    margin-bottom:35px;
    max-width:650px;

}

/*====================================
Specification Cards
=====================================*/

.specifications{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:35px;

}

.spec{

    display:flex;
    align-items:center;
    gap:18px;

    background:#fff;
    border-radius:16px;
    padding:20px;

    border:1px solid #EEF2F7;

    transition:.3s;

}

.spec:hover{

    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(91,50,214,.08);

}

.spec i{

    width:56px;
    height:56px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#F3ECFF;

    color:#6B3EF4;

    border-radius:14px;

    font-size:22px;

    flex-shrink:0;

}

.spec strong{

    display:block;

    color:#98A2B3;

    font-size:13px;

    margin-bottom:5px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.spec span{

    color:#1C2450;

    font-size:17px;

    font-weight:700;

}

/*====================================
Buttons
=====================================*/

.header-buttons{

    display:flex;
    gap:15px;

}

.btn-main{

    background:#6B3EF4;
    color:#fff;
    text-decoration:none;

    padding:14px 30px;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.btn-main:hover{

    background:#5630d1;
    color:#fff;

}

.btn-outline-main{

    border:2px solid #6B3EF4;

    color:#6B3EF4;

    text-decoration:none;

    padding:14px 30px;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.btn-outline-main:hover{

    background:#6B3EF4;

    color:#fff;

}


/*====================================
Responsive
=====================================*/

@media(max-width:991px){

.test-header{

    padding:40px 0 60px;

}

.test-header h1{

    font-size:36px;

}

.specifications{

    grid-template-columns:1fr;

}

.product-image{

    margin-top:40px;

}

.header-buttons{

    flex-wrap:wrap;

}

}

@media(max-width:767px){

.breadcrumb{

    flex-wrap:wrap;

}

.test-header h1{

    font-size:30px;

}

.test-header p{

    font-size:15px;

    line-height:28px;

}

.header-buttons{

    flex-direction:column;

}

.btn-main,

.btn-outline-main{

    width:100%;
    text-align:center;

}

}
/*=====================================
Clinical Indications
======================================*/

.clinical-section{

    padding:60px 0;

    background:#F9FBFF;

}

.section-heading{

    /* max-width:700px; */

    margin:0 auto 50px;

    text-align:center;

}

.section-heading h2{

    font-size:40px;

    font-weight:700;

    color:#1C2450;

    margin:18px 0;

}

.section-heading p{
    max-width: 62%;
    margin: auto;
    color:#6D6D6D;

    line-height:30px;

}

.clinical-card{

    position:relative;

    display:flex;

    gap:22px;

    align-items:flex-start;

    padding:35px;

    height:100%;

    background:#fff;

    border-radius:24px;

    border:1px solid #EDF1F7;

    overflow:hidden;

    transition:.4s;

    box-shadow:
    0 18px 40px rgba(34,40,75,.08);

}

.clinical-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:5px;
    height:100%;

    background:linear-gradient(
    180deg,
    #6B3EF4,
    #18A75B);

    transform:scaleY(0);

    transition:.35s;

    transform-origin:top;

}

.clinical-card:hover::before{

    transform:scaleY(1);

}

.clinical-card:hover{

    transform:translateY(-10px);

    box-shadow:
    0 30px 70px rgba(107,62,244,.15);

}
.clinical-card::after{

    content:"";

    position:absolute;

    width:90px;

    height:90px;

    right:-25px;

    top:-25px;

    border-radius:50%;

    background:rgba(107,62,244,.05);

}
.clinical-icon{

    width:82px;

    height:82px;

    min-width:82px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(
    135deg,
    #6B3EF4,
    #18A75B);

    color:#fff;

    box-shadow:
    0 18px 35px rgba(107,62,244,.18);

}

.clinical-icon i{

    font-size:34px;

    color:#fff;

}

.clinical-icon.purple{

    background:#F3ECFF;

}

.clinical-icon.purple i{

    color:#6B3EF4;

}

.clinical-icon.green{

    background:#EAFBF5;

}

.clinical-icon.green i{

    color:#22A06B;

}

.clinical-icon.blue{

    background:#EAF4FF;

}

.clinical-icon.blue i{

    color:#2196F3;

}

.clinical-card h4{

    font-size:22px;

    font-weight:700;

    color:#1C2450;

    margin-bottom:12px;

}

.clinical-card p{

    color:#6D6D6D;

    line-height:28px;

    margin:0;

}
/*=================================
Methodology
==================================*/

.methodology-section{

    padding:60px 0;

    background:#fff;

}

.methodology-image img{

    width:100%;

    border-radius:20px;

    box-shadow:0 20px 45px rgba(60,70,160,.12);

}

.methodology-section h2{

    font-size:38px;

    font-weight:700;

    color:#1C2450;

    margin:18px 0;

}

.methodology-section p{

    font-size:16px;

    line-height:30px;

    color:#6D6D6D;

    margin-bottom:20px;

}

.coverage-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

}

.coverage-card{

    background:#fff;

    border:1px solid #EEF1F8;

    border-radius:16px;

    padding:9px 30px;

    transition:.35s;

    box-shadow:0 10px 30px rgba(69,58,175,.06);

}

.coverage-card:hover{

    transform:translateY(-5px);

    box-shadow:0 18px 35px rgba(69,58,175,.12);

}

.coverage-card i{

    width:50px;

    height:50px;

    background:#F3ECFF;

    color:#6B3EF4;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:22px;

    margin-bottom:18px;

}

.coverage-card h5{

    font-size:18px;

    font-weight:700;

    color:#1C2450;

    margin-bottom:6px;

}

.coverage-card span{

    color:#6D6D6D;

    font-size:14px;

}
/*=========================
Test Specifications
=========================*/

.test-specification{

    padding:60px 0;

    background:#F8FAFF;

}

.specification-table{

    background:#fff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 15px 35px rgba(69,58,175,.08);

    border:1px solid #EEF2F7;

}

.spec-row{

    display:flex;

    border-bottom:1px solid #EEF2F7;

}

.spec-row:last-child{

    border-bottom:none;

}

.spec-label{

    width:35%;

    background:#FAFBFF;

    padding:24px 30px;

    font-weight:600;

    color:#1C2450;

    display:flex;

    align-items:center;

    gap:14px;

}

.spec-label i{

    color:#6B3EF4;

    font-size:18px;

}

.spec-value{

    width:65%;

    padding:24px 30px;

    color:#555;

    line-height:28px;

}

/*=================================
Partner Section
=================================*/

.about-partners{

    padding:60px 0;

    background:#fff;

}

.partner-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    height:100%;

    border:1px solid #EEF2F8;

    box-shadow:0 12px 35px rgba(69,58,175,.08);

    transition:.35s;

}

.partner-card:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 45px rgba(69,58,175,.15);

}

.partner-logo{

    height:70px;

    /* display:flex; */

    align-items:center;

    margin-bottom:20px;

}

.partner-logo img{

    max-height:55px;

    width:auto;

}

.partner-card h3{

    font-size:28px;

    color:#1C2450;

    margin-bottom:18px;

    font-weight:700;

}

.partner-card p{

    color:#666;

    line-height:30px;

    margin-bottom:25px;

}

.partner-card ul{

    list-style:none;

    padding:0;

    margin:0;

}

.partner-card li{

    margin-bottom:12px;

    color:#1C2450;

}

.partner-card li i{

    color:#6B3EF4;

    margin-right:10px;

}
/*======================================
CONTACT SECTION
======================================*/

.contact-section{

    position:relative;

    padding:100px 0;

    background:linear-gradient(180deg,#ffffff,#F8FAFD);

    overflow:hidden;

}

.contact-bg-circle{

    position:absolute;

    border-radius:50%;

    filter:blur(100px);

    z-index:0;

}

.circle-1{

    width:320px;

    height:320px;

    right:-100px;

    top:-100px;

    background:rgba(107,62,244,.10);

}

.circle-2{

    width:280px;

    height:280px;

    left:-80px;

    bottom:-100px;

    background:rgba(24,167,91,.08);

}

.contact-section .custom-container{

    position:relative;

    z-index:2;

}

/*======================================
HEADING
======================================*/

.contact-heading{

    max-width:850px;

    margin:auto;

    margin-bottom:70px;

}

.contact-heading h2{

    font-size:52px;

    font-weight:700;

    color:#1C2450;

    margin:18px 0;

}

.contact-heading p{

    font-size:18px;

    color:#667085;

    line-height:32px;

}

/*======================================
FORM CARD
======================================*/

.contact-form-card{

    background:#fff;
    /* margin-bottom:30px; */
    padding:30px 45px 10px;

    border-radius:28px;

    border:1px solid #EEF2F7;

    box-shadow:0 20px 60px rgba(15,23,42,.08);

}

.form-title{

    display:flex;

    align-items:center;

    gap:20px;

    margin-bottom:10px;

}

.title-icon{

    width:72px;

    height:72px;

    border-radius:22px;

    display:flex;

    align-items:center;

    justify-content:center;

    background:linear-gradient(135deg,#6B3EF4,#18A75B);

    color:#fff;

    font-size:28px;

}

.form-title h3{

    margin:0;

    font-size:30px;

    font-weight:700;

    color:#1C2450;

}

.form-title p{

    margin-top:8px;

    color:#667085;

}

/*======================================
INPUTS
======================================*/

.floating-group{

    margin-bottom:25px;

}

.floating-group label{

    display:block;

    margin-bottom:10px;

    font-weight:600;

    color:#1C2450;

}

.input-box{

    position:relative;

}

.input-box i{

    position:absolute;

    left:20px;

    top:50%;

    transform:translateY(-50%);

    color:#6B3EF4;

}

.textarea-box i{

    top:24px;

    transform:none;

}

.input-box input,

.input-box textarea{

    width:100%;

    border:1px solid #D9E2EC;

    border-radius:16px;

    padding-left:56px;

    transition:.35s;

    box-shadow:none;

}

.input-box input{

    height:60px;

}

.input-box textarea{

    padding-top:18px;

    min-height:180px;

    resize:none;

}

.input-box input:focus,

.input-box textarea:focus{

    border-color:#6B3EF4;

    box-shadow:0 0 0 5px rgba(107,62,244,.08);

}

/*======================================
BOTTOM
======================================*/

.contact-bottom{

    margin-top:5px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    flex-wrap:wrap;

    gap:25px;

}

.contact-trust{

    display:flex;

    gap:20px;

    flex-wrap:wrap;

}

.contact-trust div{

    display:flex;

    gap:8px;

    align-items:center;

    color:#667085;

}

.contact-trust i{

    color:#18A75B;

}

.send-btn{

    border:none;

    padding:16px 36px;

    border-radius:50px;

    color:#fff;

    background:linear-gradient(135deg,#6B3EF4,#18A75B);

    font-weight:600;

    box-shadow:0 18px 45px rgba(107,62,244,.22);

    transition:.35s;

}

.send-btn:hover{

    transform:translateY(-5px);

}
/*======================================
RIGHT PANEL
======================================*/

.contact-side-panel{

    height:100%;
    display:flex;
    flex-direction:column;
    background:linear-gradient(135deg,#6B3EF4 0%,#4D31C7 55%,#18A75B 100%);

    border-radius:30px;

    padding:45px;

    color:#fff;

    position:relative;

    overflow:hidden;

    box-shadow:0 25px 60px rgba(107,62,244,.25);

}

.contact-side-panel::before{

    content:"";

    position:absolute;

    width:280px;

    height:280px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

    top:-120px;

    right:-100px;

}

.contact-side-panel::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    background:rgba(255,255,255,.05);

    border-radius:50%;

    bottom:-90px;

    left:-80px;

}

.contact-side-panel>*{

    position:relative;

    z-index:2;

}

/*======================================
HEADER
======================================*/

.panel-header{

    display:flex;

    align-items:center;

    gap:18px;

    margin-bottom:40px;

}

.panel-icon{

    width:72px;

    height:72px;

    border-radius:20px;

    background:rgba(255,255,255,.15);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

}

.panel-header span{

    display:block;

    letter-spacing:2px;

    text-transform:uppercase;

    opacity:.8;

    font-size:13px;

}

.panel-header h3{

    margin-top:8px;

    font-size:32px;

    font-weight:700;

}

/*======================================
OFFICE BLOCK
======================================*/

.panel-block{

    display:flex;

    gap:20px;

    padding:25px;

    border-radius:22px;

    background:rgba(255,255,255,.12);

    backdrop-filter:blur(12px);

    margin-bottom:25px;

}

.panel-block-icon{

    width:60px;

    height:60px;

    border-radius:18px;

    background:#fff;

    color:#6B3EF4;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:22px;

    flex-shrink:0;

}

.panel-block h5{

    font-size:20px;

    margin-bottom:12px;

}

.panel-block p{

    margin:0;

    line-height:30px;

    color:rgba(255,255,255,.92);

}

/*======================================
PERSON CARD
======================================*/

.contact-person{

    display:flex;

    gap:18px;

    align-items:flex-start;

    padding:24px;

    border-radius:22px;
    margin-top:30px;
    margin-bottom:20px;

    background:rgba(255,255,255,.10);

    backdrop-filter:blur(12px);

    transition:.35s;

}

.contact-person:hover{

    transform:translateY(-6px);

    background:rgba(255,255,255,.16);

}

.person-icon{

    width:64px;

    height:64px;

    border-radius:20px;

    background:#fff;

    color:#6B3EF4;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    flex-shrink:0;

}

.person-icon.doctor{

    /* color:#18A75B; */

}

.person-info{

    flex:1;

}

.person-info h5{

    margin-bottom:4px;

    font-size:22px;

    font-weight:700;

}

.person-info small{

    display:block;

    margin-bottom:18px;

    color:rgba(255,255,255,.85);

    font-size:14px;

}

.person-links{

    display:flex;

    flex-direction:column;

    gap:12px;

}

.person-links a{

    color:#fff;

    text-decoration:none;

    display:flex;

    align-items:center;

    gap:12px;

    transition:.3s;

    font-size:15px;

}

.person-links a:hover{

    opacity:.85;

}

.person-links i{

    width:38px;

    height:38px;

    border-radius:50%;

    background:rgba(255,255,255,.15);

    display:flex;

    align-items:center;

    justify-content:center;

}

/*======================================
RESPONSE STRIP
======================================*/

.response-strip{

    margin-top:30px;

    background:#fff;

    color:#1C2450;

    border-radius:18px;

    padding:18px 24px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    font-weight:600;

}

.response-strip strong{

    color:#18A75B;

    font-size:18px;

}

.response-strip i{

    color:#6B3EF4;

    font-size:22px;

}
/*======================================
MAP SECTION
======================================*/

.office-map-section{
     height:380px;
    margin-top:30px;

    background:#fff;

    border-radius:30px;

    overflow:hidden;

    border:1px solid #EEF2F7;

    box-shadow:0 20px 60px rgba(15,23,42,.08);

}

.map-heading{

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:10px 40px;

    border-bottom:1px solid #EEF2F7;

}

.map-heading h3{

    margin:0;

    font-size:30px;

    font-weight:700;

    color:#1C2450;

}

.map-heading a{

    text-decoration:none;

    display:inline-flex;

    align-items:center;

    gap:10px;

    padding:14px 26px;

    border-radius:50px;

    background:linear-gradient(135deg,#6B3EF4,#18A75B);

    color:#fff;

    transition:.35s;

}

.map-heading a:hover{

    transform:translateY(-3px);

    box-shadow:0 12px 30px rgba(107,62,244,.25);

}

.office-map-section iframe{

    width:100%;

    height:100%;

    border:none;

    display:block;

}

/*======================================
INPUT HOVER
======================================*/

.input-box input:hover,
.input-box textarea:hover{

    border-color:#6B3EF4;

}

.input-box input::placeholder,
.input-box textarea::placeholder{

    color:#98A2B3;

}

/*======================================
SECTION ANIMATION
======================================*/
.input-wrapper{

    position:relative;

}

.input-wrapper i{

    position:absolute;

    left:18px;

    top:50%;

    transform:translateY(-50%);

    color:#98A2B3;

    font-size:18px;

    transition:.3s;

}

.input-wrapper textarea+i{

    top:25px;

}

.input-wrapper .form-control{

    height:64px;

    border-radius:14px;

    border:2px solid #E7ECF5;

    background:#fff;

    padding-left:52px;

    padding-right:20px;

    font-size:15px;

    transition:.35s;

    box-shadow:none;

}

.input-wrapper textarea.form-control{

    /* min-height:170px; */

    padding-top:18px;

    resize:none;

}

.input-wrapper .form-control:focus{

    border-color:#6B3EF4;

    box-shadow:0 10px 25px rgba(107,62,244,.08);

}

.input-wrapper .form-control:focus+i{

    color:#6B3EF4;

}
.contact-form-card,
.contact-side-panel,
.office-map-section{

    transition:.4s;

}

.contact-form-card:hover{

    transform:translateY(-8px);

    box-shadow:0 25px 70px rgba(0,0,0,.08);

}

.office-map-section:hover{

    transform:translateY(-6px);

}

/*======================================
SCROLLBAR
======================================*/

textarea::-webkit-scrollbar{

    width:8px;

}

textarea::-webkit-scrollbar-thumb{

    background:#6B3EF4;

    border-radius:20px;

}

/*======================================
RESPONSIVE
======================================*/

@media(max-width:1200px){

.contact-heading h2{

font-size:44px;

}

.form-title h3{

font-size:26px;

}

.panel-header h3{

font-size:28px;

}

}

@media(max-width:991px){

.contact-section{

padding:80px 0;

}

.contact-heading{

margin-bottom:50px;

}

.contact-heading h2{

font-size:38px;

}

.contact-form-card{

padding:35px;

margin-bottom:35px;

}

.contact-side-panel{

padding:35px;

}

.map-heading{

flex-direction:column;

align-items:flex-start;

gap:20px;

}

.office-map-section iframe{

height:420px;

}

}

@media(max-width:768px){

.contact-heading h2{

font-size:32px;

line-height:42px;

}

.contact-heading p{

font-size:16px;

line-height:28px;

}

.form-title{

flex-direction:column;

align-items:flex-start;

}

.title-icon{

width:60px;

height:60px;

font-size:24px;

}

.panel-header{

flex-direction:column;

align-items:flex-start;

}

.panel-icon{

width:60px;

height:60px;

}

.panel-block{

flex-direction:column;

}

.contact-person{

flex-direction:column;

}

.person-links a{

font-size:14px;

word-break:break-word;

}

.contact-bottom{

flex-direction:column;

align-items:flex-start;

}

.response-strip{

flex-direction:column;

align-items:flex-start;

}

.map-heading{

padding:25px;

}

.office-map-section iframe{

height:350px;

}

}

@media(max-width:576px){

.contact-section{

padding:60px 0;

}

.contact-heading h2{

font-size:28px;

}

.contact-form-card{

padding:25px;

border-radius:20px;

}

.contact-side-panel{

padding:25px;

border-radius:20px;

}

.input-box input{

height:55px;

}

.input-box textarea{

min-height:160px;

}

.send-btn{

width:100%;

justify-content:center;

display:flex;

}

.office-map-section{

border-radius:20px;

}

.office-map-section iframe{

height:300px;

}

}
/*===================================
SIDEBAR
===================================*/

.contact-sidebar{

    display:flex;

    flex-direction:column;

    gap:22px;

}

/*===========================*/

.sidebar-card{

    background:#fff;

    border-radius:28px;

    padding:30px;

    box-shadow:0 20px 45px rgba(0,0,0,.06);

    border:1px solid #EEF2F7;

}

.sidebar-icon{

    width:65px;

    height:65px;

    border-radius:20px;

    background:linear-gradient(135deg,#6B3EF4,#18A75B);

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    margin-bottom:20px;

}

.sidebar-label{

    display:inline-block;

    font-size:13px;

    color:#6B3EF4;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:1px;

}

.sidebar-card h4{

    margin:10px 0;

    color:#1C2450;

    font-weight:700;

}

.sidebar-card p{

    color:#667085;

    line-height:28px;

}

.sidebar-link{

    display:inline-flex;

    align-items:center;

    gap:8px;

    color:#6B3EF4;

    font-weight:600;

    text-decoration:none;

}

.sidebar-link:hover{

    gap:14px;

}

/*===================================
TEAM
===================================*/

.team-member{

    display:flex;

    align-items:center;

    gap:18px;

    background:#fff;

    padding:22px;

    border-radius:22px;

    border:1px solid #EEF2F7;

    transition:.35s;

}

.team-member:hover{

    transform:translateY(-5px);

    box-shadow:0 15px 35px rgba(107,62,244,.10);

}

.team-avatar{

    width:60px;

    height:60px;

    border-radius:18px;

    background:linear-gradient(135deg,#6B3EF4,#18A75B);

    color:#fff;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

}

.doctor{

    font-size:24px;

}

.team-info{

    flex:1;

}

.team-info h5{

    margin:0;

    color:#1C2450;

    font-weight:700;

}

.team-info span{

    display:block;

    color:#667085;

    margin:5px 0 12px;

}

.team-actions{

    display:flex;

    gap:10px;

}

.team-actions a{

    width:40px;

    height:40px;

    border-radius:12px;

    background:#F4F6FA;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#6B3EF4;

    text-decoration:none;

    transition:.3s;

}

.team-actions a:hover{

    background:#6B3EF4;

    color:#fff;

}

/*===================================
RESPONSE BOX
===================================*/

.response-box{

    display:flex;

    gap:18px;

    align-items:center;

    padding:28px;

    border-radius:24px;

    background:linear-gradient(135deg,#6B3EF4,#18A75B);

    color:#fff;

}

.response-box i{

    font-size:40px;

}

.response-box h5{

    margin-bottom:6px;

    font-weight:700;

}

.response-box p{

    margin:0;

    opacity:.9;

}
/*======================================
MAP SECTION
======================================*/

.office-location{

    margin-top:80px;

}

.location-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:30px;

    flex-wrap:wrap;

    gap:20px;

}

.location-header h3{

    font-size:34px;

    font-weight:700;

    color:#1C2450;

    margin:12px 0;

}

.location-header p{

    color:#667085;

    max-width:650px;

    margin:0;

}

.direction-btn{

    display:flex;

    align-items:center;

    gap:10px;

    padding:16px 30px;

    border-radius:50px;

    background:linear-gradient(135deg,#6B3EF4,#18A75B);

    color:#fff;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

    box-shadow:0 18px 40px rgba(107,62,244,.20);

}

.direction-btn:hover{

    color:#fff;

    transform:translateY(-4px);

}

.map-container{

    position:relative;

    overflow:hidden;

    border-radius:28px;

    border:1px solid #EEF2F7;

    box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.map-container iframe{

    width:100%;

    height:480px;

    border:none;

    display:block;

}

.map-floating-card{

    position:absolute;

    left:30px;

    bottom:30px;

    background:#fff;

    border-radius:18px;

    padding:22px;

    display:flex;

    gap:18px;

    align-items:center;

    box-shadow:0 20px 50px rgba(0,0,0,.12);

    max-width:380px;

}

.map-pin{

    width:60px;

    height:60px;

    border-radius:18px;

    background:linear-gradient(135deg,#6B3EF4,#18A75B);

    color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:24px;

}

.map-floating-card h5{

    margin:0 0 8px;

    color:#1C2450;

    font-weight:700;

}

.map-floating-card p{

    margin:0;

    color:#667085;

    line-height:26px;

}

@media(max-width:991px){

.location-header{

    flex-direction:column;

    align-items:flex-start;

}

.map-container iframe{

    height:350px;

}

.map-floating-card{

    position:static;

    margin:20px;

}

}
.team-contact{

    display:flex;

    flex-direction:column;

    gap:10px;

    margin-top:15px;

}

.team-contact a{

    display:flex;

    align-items:center;

    gap:12px;

    text-decoration:none;

    color:#667085;

    font-size:14px;

    transition:.3s;

}

.team-contact a i{

    width:36px;

    height:36px;

    border-radius:10px;

    background:#F4F6FA;

    color:#6B3EF4;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    transition:.3s;

}

.team-contact a:hover{

    color:#6B3EF4;

}

.team-contact a:hover i{

    background:linear-gradient(135deg,#6B3EF4,#18A75B);

    color:#fff;

}
/*====================================
Additional Testing
====================================*/

.additional-testing{

    padding:60px 0;

    background:#fff;

}

.additional-box{

    display:flex;

    gap:25px;

    padding:35px;

    border-radius:18px;

    background:#fff;

    border:1px solid #EEF2F7;

    box-shadow:0 12px 35px rgba(69,58,175,.08);

    height:100%;

    transition:.35s;

}

.additional-box:hover{

    transform:translateY(-6px);

    box-shadow:0 20px 40px rgba(69,58,175,.15);

}

.additional-icon{

    width:75px;

    height:75px;

    min-width:75px;

    border-radius:18px;

    background:#EEF6FF;

    display:flex;

    align-items:center;

    justify-content:center;

}

.additional-icon i{

    color:#2D6DF6;

    font-size:30px;

}

.additional-icon.purple{

    background:#F3ECFF;

}

.additional-icon.purple i{

    color:#6B3EF4;

}

.additional-box h4{

    font-size:24px;

    color:#1C2450;

    margin-bottom:15px;

    font-weight:700;

}

.additional-box p{

    color:#666;

    line-height:28px;

    margin-bottom:18px;

}

.additional-box ul{

    list-style:none;

    padding:0;

    margin:0;

}

.additional-box li{

    margin-bottom:10px;

    color:#1C2450;

}

.additional-box li i{

    color:#6B3EF4;

    margin-right:10px;

}

.gene-tags{

    display:flex;

    flex-wrap:wrap;

    gap:10px;

    margin-top:18px;

}

.gene-tags span{

    background:#F3ECFF;

    color:#6B3EF4;

    padding:8px 16px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

}
/*====================================
Test Header
=====================================*/

.test-header{

    padding:50px 0 80px;
    background:#F8FAFF;

}

/*====================================
Breadcrumb
=====================================*/

.breadcrumb{

    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:40px;
    padding:0;
    background:none;

}

.breadcrumb a{

    color:#6B3EF4;
    text-decoration:none;
    font-size:15px;
    font-weight:500;

}

.breadcrumb span{

    color:#98A2B3;
    font-size:15px;

}

.breadcrumb .text-dark{

    color:#1C2450 !important;
    font-weight:600;

}

/*====================================
Heading
=====================================*/

.test-header h1{

    font-size:46px;
    font-weight:700;
    color:#1C2450;
    line-height:1.2;
    margin:18px 0;

}

.test-header p{

    color:#667085;
    font-size:17px;
    line-height:30px;
    margin-bottom:35px;
    max-width:650px;

}

/*====================================
Specification Cards
=====================================*/

.specifications{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
    margin-bottom:35px;

}

.spec{

    display:flex;
    align-items:center;
    gap:18px;

    background:#fff;
    border-radius:16px;
    padding:20px;

    border:1px solid #EEF2F7;

    transition:.3s;

}

.spec:hover{

    transform:translateY(-5px);
    box-shadow:0 15px 35px rgba(91,50,214,.08);

}

.spec i{

    width:56px;
    height:56px;

    display:flex;
    align-items:center;
    justify-content:center;

    background:#F3ECFF;

    color:#6B3EF4;

    border-radius:14px;

    font-size:22px;

    flex-shrink:0;

}

.spec strong{

    display:block;

    color:#98A2B3;

    font-size:13px;

    margin-bottom:5px;

    font-weight:600;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.spec span{

    color:#1C2450;

    font-size:17px;

    font-weight:700;

}

/*====================================
Buttons
=====================================*/

.header-buttons{

    display:flex;
    gap:15px;

}

.btn-main{

    background:#6B3EF4;
    color:#fff;
    text-decoration:none;

    padding:14px 30px;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.btn-main:hover{

    background:#5630d1;
    color:#fff;

}

.btn-outline-main{

    border:2px solid #6B3EF4;

    color:#6B3EF4;

    text-decoration:none;

    padding:14px 30px;

    border-radius:10px;

    font-weight:600;

    transition:.3s;

}

.btn-outline-main:hover{

    background:#6B3EF4;

    color:#fff;

}

/*====================================
Image
=====================================*/

.product-image{

    background:#fff;

    border-radius:24px;

    /* padding:35px; */

    position:relative;

    overflow:hidden;

    text-align:center;

    box-shadow:0 20px 45px rgba(69,58,175,.08);

}

.product-image::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:#F3ECFF;

    left:50%;

    top:50%;

    transform:translate(-50%,-50%);

}

.product-image img{

    position:relative;

    z-index:2;

    max-width:100%;

}

/*====================================
Responsive
=====================================*/

@media(max-width:991px){

.test-header{

    padding:40px 0 60px;

}

.test-header h1{

    font-size:36px;

}

.specifications{

    grid-template-columns:1fr;

}

.product-image{

    margin-top:40px;

}

.header-buttons{

    flex-wrap:wrap;

}

}

@media(max-width:767px){

.breadcrumb{

    flex-wrap:wrap;

}

.test-header h1{

    font-size:30px;

}

.test-header p{

    font-size:15px;

    line-height:28px;

}

.header-buttons{

    flex-direction:column;

}

.btn-main,

.btn-outline-main{

    width:100%;
    text-align:center;

}

}
/*==============================
Hero
==============================*/

/* .tests-hero{
    position: relative;
    overflow: hidden;
    min-height: 650px;
    padding: 80px 0;
    background: #F8F8FF url("../images/cancers_bg.webp") no-repeat center center;
    background-size: cover;
} */

.tests-hero h1{

    font-size:54px;

    font-weight:700;

    color:#1C2450;

    line-height:1.2;

    margin:20px 0;

}

.tests-hero h1 span{

    color:#6B3EF4;

}

.tests-hero p{

    font-size:18px;

    color:#667085;

    line-height:32px;

    max-width:650px;

    margin-bottom:35px;

}

.hero-img{

    max-width:100%;

}




.tests-hero .custom-container{

    position:relative;

    z-index:2;

}


.hero-img{

    width:120%;

    max-width:none;

    margin-left:60px;

}
/*==============================
Search
==============================*/

.search-box{

    width:100%;

    max-width:550px;

    background:#fff;

    border-radius:60px;

    display:flex;

    align-items:center;

    padding:18px 25px;

    box-shadow:0 10px 35px rgba(69,58,175,.08);

}

.search-box i{

    color:#6B3EF4;

    margin-right:15px;

    font-size:18px;

}

.search-box input{

    border:none;

    outline:none;

    width:100%;

    font-size:16px;

}

/*==============================
Filter
==============================*/

.test-filter{

    padding:25px 0 50px;

    background:#F8FAFF;

}

.filter-wrapper{

    display:flex;

    flex-wrap:wrap;

    gap:15px;

}

.filter-wrapper button{

    border:none;

    background:#fff;

    padding:12px 28px;

    border-radius:40px;

    color:#667085;

    font-weight:600;

    transition:.3s;

    box-shadow:0 5px 20px rgba(69,58,175,.06);

}

.filter-wrapper button:hover,

.filter-wrapper .active{

    background:#6B3EF4;

    color:#fff;

}
/*=================================
Featured Test
==================================*/

.featured-test{

    padding:80px 0;

    background:#fff;

}

.featured-card{

    background: linear-gradient(135deg, #7850f3, #99dab7);

    border-radius:30px;

    padding:60px;

    color:#fff;

    position:relative;

    overflow:hidden;

}

.featured-card::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    background:rgba(255,255,255,.08);

    border-radius:50%;

    top:-120px;

    right:-120px;

}

.featured-tag{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    background:rgba(255,255,255,.15);

    backdrop-filter:blur(8px);

    font-weight:600;

    margin-bottom:20px;

}

.featured-card h2{

    font-size:42px;

    font-weight:700;

    margin-bottom:20px;

}

.featured-card p{

    font-size:17px;

    line-height:30px;

    opacity:.95;

    margin-bottom:35px;

}

.feature-list{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin-bottom:35px;

}

.feature-list .item{

    display:flex;

    align-items:center;

    gap:12px;

}

.feature-list i{

    width:45px;

    height:45px;

    border-radius:50%;

    background:rgba(255,255,255,.15);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:18px;

}

.featured-img{
    border-radius: 20px;
    max-height:420px;

}

@media(max-width:991px){

.featured-card{

    padding:40px;

}

.featured-card h2{

    font-size:34px;

}

.feature-list{

    grid-template-columns:1fr;

}

.featured-img{

    margin-top:40px;

}

}
/*==================================
All Tests
==================================*/

.all-tests{

    padding:0px 0px 60px  0;

    background:#fff;

}

.test-item{

    position:relative;

    background:#fff;

    border-radius:26px;

    padding:35px;

    height:100%;

    overflow:hidden;

    border:1px solid #E9EEF5;

    border-left:5px solid #18a75b;

    transition:.4s;

    box-shadow:
    0 10px 35px rgba(0,0,0,.05);

}
.test-item.green{

border-left-color:#18A75B;

}

.test-item.purple{

border-left-color:#6B3EF4;

}

.test-item.teal{

border-left-color:#0EA5A4;

}

.test-item.pink{

border-left-color:#EC4899;

}
.test-item::before{

content:"";

/* position:absolute; */

inset:0;

background:

linear-gradient(
135deg,
rgba(107,62,244,.03),
transparent 55%);

opacity:0;

transition:.4s;

}

.test-item:hover::before{

opacity:1;

}
.test-item::after{

content:"";

position:absolute;

right:-40px;

bottom:-40px;

width:140px;

height:140px;

background:url(images/dna-outline.svg);

background-size:contain;

background-repeat:no-repeat;

opacity:.04;

}
.test-item:hover{

transform:

translateY(-8px);

border-color:#6B3EF4;

box-shadow:

0 25px 60px rgba(107,62,244,.12);

}

.test-icon{

width:82px;

height:82px;

border-radius:22px;

background:#fff;

border:1px solid #ECEAFB;

display:flex;

align-items:center;

justify-content:center;

font-size:32px;

box-shadow:

0 10px 25px rgba(0,0,0,.05);

transition:.4s;

}
.test-item:hover .test-icon{

transform:

rotate(-8deg)
scale(1.08);

}
.test-icon i{

    color:#6B3EF4;

}
.test-btn{

display:inline-flex;

align-items:center;

gap:10px;

padding:14px 22px;

border-radius:12px;

background:#6B3EF4;

color:#fff;

font-weight:600;

text-decoration:none;

transition:.35s;

}

.test-btn:hover{

background:#18A75B;

gap:16px;

color:#fff;

}
.purple{

    background:#F3ECFF;

}

.blue{

    background:#EAF4FF;

}

.green{

    background:#EAFBF3;

}

.orange{

    background:#FFF3E8;

}

.pink{

    background:#FFEAF2;

}

.test-item h4{

    font-size:26px;

    color:#1C2450;

    margin-bottom:15px;

    font-weight:700;

}

.test-item p{

    color:#667085;

    line-height:28px;

    margin-bottom:25px;

}

.test-item ul{

    padding:0;

    margin:0 0 30px;

    list-style:none;

}

.test-item ul li{

    margin-bottom:12px;

    color:#1C2450;

}

.test-item ul li i{

    color:#6B3EF4;

    margin-right:10px;

}

.test-item a{

    text-decoration:none;
    cursor: pointer;
    /* color:#6B3EF4; */

    font-weight:600;

}

.test-item a i{

    margin-left:8px;

    transition:.3s;

}

.test-item:hover a i{

    margin-left:14px;

}
/*==================================
CTA
===================================*/

.test-cta{

    padding:60px 0;

    background:#fff;

}

.cta-box{

    background:linear-gradient(
135deg,
#6B3EF4 0%,
#5E39E6 55%,
#18A75B 100%);

    border-radius:30px;

    padding:70px;

    color:#fff;

    position:relative;

    overflow:hidden;

}

.cta-box::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    right:-120px;

    top:-120px;

}

.cta-box::after{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    border-radius:50%;

    background:rgba(255,255,255,.05);

    left:-80px;

    bottom:-80px;

}

.white{

    background:rgba(255,255,255,.15);

    color:#fff;

}

.cta-box h2{

    font-size:42px;

    font-weight:700;

    margin:20px 0;

}

.cta-box p{

    font-size:17px;

    line-height:30px;

    opacity:.9;

    margin-bottom:35px;

}

.cta-features{

    display:flex;

    flex-wrap:wrap;

    gap:30px;

}

.cta-features div{

    display:flex;

    align-items:center;

    gap:10px;

    font-weight:600;
    color: white;

}

.cta-features i{

    font-size:20px;

}

.btn-light-custom{

    display:inline-block;

    padding:15px 35px;

    background:#fff;

    color:#6B3EF4;

    border-radius:12px;

    text-decoration:none;

    font-weight:600;

    margin-right:15px;

}

.btn-light-custom:hover{

    color:#6B3EF4;

}

.btn-outline-light-custom{

    display:inline-block;

    padding:15px 35px;

    border:2px solid rgba(255,255,255,.5);

    color:#fff;

    border-radius:12px;

    text-decoration:none;

    font-weight:600;

}

.btn-outline-light-custom:hover{

    background:#fff;

    color:#6B3EF4;

}

@media(max-width:991px){

.cta-box{

    padding:45px 30px;

    text-align:center;

}

.cta-box h2{

    font-size:34px;

}

.cta-features{

    justify-content:center;

    margin-bottom:30px;

}

.btn-light-custom,

.btn-outline-light-custom{

    display:block;

    margin:15px auto;

    width:240px;

}

}
/*=================================
Behind CanAssistBreast
==================================*/

.behind-section{

    padding:50px 0;

    background:#fff;

}

.workflow{

   display:flex;

    align-items:stretch;

    justify-content:center;

    gap:25px;

    flex-wrap:nowrap;

}

.workflow-card{

    width:250px;

    background:#fff;

    border-radius:22px;

    padding:35px 25px;

    text-align:center;

    box-shadow:0 12px 35px rgba(69,58,175,.08);

    transition:.3s;

}

.workflow-card:hover{

    transform:translateY(-8px);

}

.workflow-card .icon{

    width:75px;

    height:75px;

    margin:auto;

    margin-bottom:20px;

    border-radius:50%;

    background:#F3ECFF;

    display:flex;

    justify-content:center;

    align-items:center;

    color:#6B3EF4;

    font-size:30px;

}

.workflow-card h4{

    font-size:22px;

    color:#1C2450;

    margin-bottom:15px;

    font-weight:700;

}

.workflow-card p{

    color:#6B7280;

    line-height:28px;

    margin:0;

}

.workflow-card ul{

    padding:0;

    margin:0;

    list-style:none;

}

.workflow-card li{

    margin-bottom:10px;

    color:#1C2450;

    position:relative;

}

.workflow-card li::before{

    content:"✔";

    color:#6B3EF4;

    margin-right:8px;

}

.arrow{

     display:flex;

    align-items:center;

    justify-content:center;

    color:#6B3EF4;

    font-size:26px;

    flex-shrink:0;


}

.final{

    background:linear-gradient(135deg,#6B3EF4,#8B63FF);

    color:#fff;

}

.final h4,

.final p{

    color:#fff;

}

.final .icon{

    background:rgba(255,255,255,.2);

    color:#fff;

}

/*==========================
Tablet
==========================*/

@media (max-width:991px){

    .workflow{

        flex-wrap:wrap;

        gap:20px;

    }

    .workflow-card{

        width:calc(50% - 10px);

        flex:unset;

    }

    .arrow{

        display:none;

    }

}


/*==========================
Mobile
==========================*/

@media (max-width:767px){

    .page-title-section{

        padding:70px 0;

    }

    .section-heading h2{

        font-size:34px;

        line-height:42px;

    }

    .section-heading p{

        font-size:16px;

        line-height:28px;

    }

    .workflow{

        /* flex-direction:column; */

        gap:18px;

    }

    .workflow-card{

        width:100%;

        min-width:100%;

    }

    .workflow-card .icon{

        width:70px;

        height:70px;

        font-size:28px;

        margin-bottom:20px;

    }

    .workflow-card h4{

        font-size:22px;

    }

    .workflow-card p{

        font-size:15px;

        line-height:28px;

    }

    .workflow-card ul{

        padding-left:18px;

    }

    .workflow-card ul li{

        margin-bottom:8px;

    }

}


/*==========================
Small Phones
==========================*/

@media (max-width:575px){

    .page-title-section{

        padding:60px 0;

    }

    .section-heading{

        margin-bottom:40px;

    }

    .section-heading h2{

        font-size:28px;

        line-height:36px;

    }

    .section-heading p{

        font-size:15px;

    }

    .workflow-card{

        padding:30px 25px;

        border-radius:20px;

    }

}

/*=============================
Risk Section
==============================*/

.risk-section{
    padding:60px 0;
    background:#F8FAFD;
}

.risk-card{
    position:relative;
    height:100%;
    padding:35px;
    border-radius:24px;
    background:#fff;
    border:1px solid #EEF2F7;
    box-shadow:0 15px 40px rgba(20,20,50,.06);
    transition:.35s;
    overflow:hidden;
}

.risk-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#6B3EF4,#18A75B);
}

.risk-card:hover{
    transform:translateY(-10px);
    box-shadow:0 25px 60px rgba(107,62,244,.12);
}

.risk-icon{
    width:78px;
    height:78px;
    border-radius:20px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:25px;
    background:linear-gradient(135deg,#6B3EF4,#18A75B);
    color:#fff;
    font-size:30px;
    box-shadow:0 15px 35px rgba(107,62,244,.18);
}

.risk-card h3{
    font-size:22px;
    font-weight:700;
    color:#1C2450;
    margin-bottom:15px;
}

.risk-card p{
    color:#667085;
    line-height:28px;
    margin:0;
}

.low-risk{

    border-top:6px solid #24B36B;

}

.high-risk{

    border-top:6px solid #FF6B6B;

}



.low-risk .risk-icon{

    background:#E8FFF2;

    color:#24B36B;

}

.high-risk .risk-icon{

    background:#FFECEC;

    color:#FF6B6B;

}

.risk-badge{

    display:inline-block;

    padding:8px 18px;

    border-radius:30px;

    font-weight:600;

    margin-bottom:20px;

}

.low-risk .risk-badge{

    background:#E8FFF2;

    color:#24B36B;

}

.high-risk .risk-badge{

    background:#FFECEC;

    color:#FF6B6B;

}



.risk-card ul{

    list-style:none;

    padding:0;

    margin-top:25px;

}

.risk-card ul li{

    margin-bottom:14px;

    position:relative;

    padding-left:28px;

    color:#1C2450;

}

.risk-card ul li::before{

    content:"✓";

    position:absolute;

    left:0;

    font-weight:700;

}

.low-risk ul li::before{

    color:#24B36B;

}

.high-risk ul li::before{

    color:#FF6B6B;

}


/*=====================================================
Testing Process Section
======================================================*/

.testing-process-section{

    position: relative;
    padding:60px 0;
    overflow:hidden;

    background:linear-gradient(
    180deg,
    #FCFCFF 0%,
    #F6FAF8 100%);

}

/* Decorative Background */

.testing-process-section::before{

    content:"";
    position:absolute;

    width:420px;
    height:420px;

    top:-150px;
    right:-120px;

    background:url("../images/dna-outline.svg") no-repeat center;
    background-size:contain;

    opacity:.05;

}

.testing-process-section::after{

    content:"";
    position:absolute;

    width:320px;
    height:320px;

    left:-100px;
    bottom:-100px;

    background:url("../images/dna-outline.svg") no-repeat center;
    background-size:contain;

    opacity:.05;

}


/*=====================================================
Wrapper
======================================================*/

.testing-process-wrapper{

    position:relative;

    display:flex;

    justify-content:space-between;

    align-items:flex-start;

    gap:20px;

    margin-top:80px;

}


/*=====================================================
Timeline
======================================================*/

.testing-process-line{

    position:absolute;

    top:55%;

    left:8%;
    right:8%;

    height:6px;

    border-radius:50px;

    background:linear-gradient(
    90deg,
    #6B3EF4,
    #3478F6,
    #16B8B1,
    #18A75B);

    z-index:1;

}
.testing-process-feature .teal{
background-color:#c3e5e5;
}
.teal i{
color:#0EA5A4;

}
/*=====================================================
Step
======================================================*/

.testing-process-item{

    position:relative;

    flex:1;

    text-align:center;

    z-index:2;

}


/*=====================================================
Circle
======================================================*/

.testing-process-icon{

    position:absolute;

    left:50%;

    transform:translateX(-50%);

    width:100px;
    height:100px;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    color:#fff;

    font-size:38px;

    z-index:5;

    transition:.35s;

    box-shadow:
    0 20px 40px rgba(107,62,244,.25);

}

.testing-process-icon::before{

    content:"";

    position:absolute;

    inset:-10px;

    border-radius:50%;

    border:2px dashed rgba(107,62,244,.25);

}


/*=====================================================
Cards
======================================================*/

.testing-process-card{

    position:relative;

    margin-top:55px;

    background:#fff;

    border-radius:26px;

    padding:75px 28px 35px;

    min-height:308px;

    border:1px solid #EEF1F6;

    overflow:hidden;

    transition:.35s;

    box-shadow:

    0 20px 50px rgba(0,0,0,.06);

}

.testing-process-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
    135deg,
    rgba(107,62,244,.03),
    rgba(24,167,91,.03));

    opacity:0;

    transition:.35s;

}

.testing-process-card:hover::before{

    opacity:1;

}

.testing-process-card:hover{

    transform:translateY(-15px);

    box-shadow:

    0 30px 80px rgba(107,62,244,.15);

}


/*=====================================================
Number
======================================================*/

.testing-process-number{

    position:absolute;

    top:18px;

    right:18px;

    width:42px;
    height:42px;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    background:#F6F7FB;

    color:#18A75B;

    font-weight:700;

    box-shadow:
    0 10px 25px rgba(0,0,0,.08);

}


/*=====================================================
Heading
======================================================*/

.testing-process-card h4{

    font-size:22px;

    font-weight:700;

    color:#1C2450;

    margin-bottom:18px;

}


/*=====================================================
Divider
======================================================*/

.testing-process-divider{

    display:block;

    width:55px;
    height:2px;

    margin:0 auto 20px;

    border-radius:30px;

    background:#020102bf;

    transition:.3s;

}

.testing-process-card:hover .testing-process-divider{

    width:85px;

}


/*=====================================================
Paragraph
======================================================*/

.testing-process-card p{

    font-size:15px;

    line-height:30px;

    color:#667085;

}


/*=====================================================
Colors
======================================================*/

.test-purple{

    background:linear-gradient(
    135deg,
    #7A3FF2,
    #9868FF);

}

.test-blue{

    background:linear-gradient(
    135deg,
    #3478F6,
    #55A6FF);

}

.test-teal{

    background:linear-gradient(
    135deg,
    #16B8B1,
    #42D7C9);

}

.test-green{

    background:linear-gradient(
    135deg,
    #18A75B,
    #57D76F);

}
.test-orange{

    background:linear-gradient(135deg, #e4ac02, #d8a201);

}
.test-red{

    background:linear-gradient(135deg, #f56876, #da6f79);

}
/*=====================================================
Hover Icon
======================================================*/

.testing-process-item:hover .testing-process-icon{

    transform:
    translateX(-50%)
    rotate(-8deg)
    scale(1.08);

}


/*=====================================================
Bottom Features
======================================================*/

.testing-process-features{

    margin-top:70px;

    display:flex;

    justify-content:space-between;

    gap:20px;

    background:#fff;

    border-radius:70px;

    padding:25px 35px;

    box-shadow:
    0 20px 50px rgba(0,0,0,.06);

}

.testing-process-feature{

    flex:1;

    display:flex;

    align-items:center;

    gap:18px;

}

.testing-process-feature:not(:last-child){

    border-right:1px solid #EDF0F4;

    padding-right:20px;

}


.testing-process-feature-icon{

    width:60px;
    height:60px;

    border-radius:50%;

    display:flex;
    justify-content:center;
    align-items:center;

    color:#fff;

    font-size:22px;

    flex-shrink:0;

}

.testing-process-feature h5{

    margin-bottom:5px;

    font-size:18px;

    font-weight:700;

    color:#1C2450;

}

.testing-process-feature p{

    margin:0;

    font-size:14px;

    color:#667085;

    line-height:24px;

}


/*=====================================================
Floating Animation
======================================================*/

@keyframes processFloat{

0%{

transform:translateX(-50%) translateY(0);

}

50%{

transform:translateX(-50%) translateY(-8px);

}

100%{

transform:translateX(-50%) translateY(0);

}

}

.testing-process-icon{

    animation:processFloat 4s ease-in-out infinite;

}

.testing-process-item:nth-child(2) .testing-process-icon{

animation-delay:.3s;

}

.testing-process-item:nth-child(3) .testing-process-icon{

animation-delay:.6s;

}

.testing-process-item:nth-child(4) .testing-process-icon{

animation-delay:.9s;

}

.testing-process-item:nth-child(5) .testing-process-icon{

animation-delay:1.2s;

}


/*=====================================================
Responsive
======================================================*/

@media(max-width:1200px){

.testing-process-wrapper{

flex-wrap:wrap;

}

.testing-process-line{

display:none;

}

.testing-process-item{

width:48%;

flex:none;

margin-bottom:70px;

}

.testing-process-features{

flex-wrap:wrap;

border-radius:25px;

}

.testing-process-feature{

width:48%;

border:none !important;

}

}

@media(max-width:768px){

.testing-process-item{

width:100%;

}

.testing-process-features{

padding:25px;

}

.testing-process-feature{

width:100%;

}

}

/*============================
Sample Report
=============================*/

.report-section{

    padding:70px 0;

    background:#F8F9FD;

}

.report-preview{

    position:relative;

    padding:35px;

    border-radius:32px;

    background:linear-gradient(
    135deg,
    rgba(107,62,244,.08),
    rgba(24,167,91,.06));

    overflow:hidden;

}

.report-preview::before{

    content:"";

    position:absolute;

    width:240px;

    height:240px;

    border-radius:50%;

    top:-100px;

    right:-100px;

    background:rgba(107,62,244,.12);

}

.report-preview::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    left:-80px;

    bottom:-80px;

    background:rgba(24,167,91,.12);

}

.report-preview img{

    position:relative;

    z-index:2;

    width:100%;

    border-radius:18px;

    box-shadow:

    0 25px 70px rgba(0,0,0,.15);

    transition:.4s;

}

.report-preview:hover img{

    transform:scale(1.03);

}

.report-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:18px;

    margin:40px 0;

}

.report-features .feature{

    display:flex;

    align-items:center;

    gap:14px;

    padding:18px;

    border-radius:18px;

    background:#fff;

    border:1px solid #EEF2F7;

    transition:.35s;

    box-shadow:

    0 12px 30px rgba(0,0,0,.05);

}

.report-features .feature:hover{

    transform:translateY(-6px);

    box-shadow:

    0 20px 45px rgba(107,62,244,.12);

}
.report-features i{

    width:52px;

    height:52px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:linear-gradient(
    135deg,
    #6B3EF4,
    #18A75B);

    color:#fff;

    font-size:20px;

    flex-shrink:0;

}

.report-features span{

    font-size:17px;

    font-weight:500;

    color:#1C2450;

}
/*==============================
CTA
===============================*/

.cta-section{

    /* padding:70px 0; */

    background:#fbfbff;

}

.cta-wrapper{

    position:relative;

    overflow:hidden;

    border-radius:36px;

    padding:26px 55px;

    background:
    linear-gradient(
    135deg,
    #5E35F1 0%,
    #6B3EF4 45%,
    #18A75B 100%);

    box-shadow:
    0 35px 80px rgba(107,62,244,.25);

}

/* Decorative circles */

.cta-wrapper::before{

    content:"";

    position:absolute;

    width:420px;

    height:420px;

    right:-150px;

    top:-150px;

    border-radius:50%;

    background:
    radial-gradient(
    rgba(255,255,255,.18),
    transparent 70%);

}

.cta-wrapper::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    left:-120px;

    bottom:-120px;

    border-radius:50%;

    background:
    radial-gradient(
    rgba(255,255,255,.12),
    transparent);

}

.cta-wrapper>*{

    position:relative;

    z-index:2;

}

.cta-wrapper h2{

    font-size:42px;

    font-weight:700;

    color:#fff;

    margin:20px 0;

}

.cta-wrapper h2 span{

    color:#FFE36C;

}

.cta-wrapper p{

    color:rgba(255,255,255,.92);

    font-size:18px;

    line-height:32px;

    max-width:650px;

}

.cta-buttons{

    display:flex;

    gap:20px;

    margin-top:40px;

    flex-wrap:wrap;

}

.btn-theme{

    background:#fff;

    color:#6B3EF4;

    padding:18px 34px;

    border-radius:50px;

    font-weight:600;

    text-decoration:none;

    transition:.3s;

}

.btn-theme:hover{

    transform:translateY(-3px);

    color:#6B3EF4;

}

.btn-outline-theme{

    border:2px solid rgba(255,255,255,.35);

    color:#fff;

    padding:18px 34px;

    border-radius:50px;

    text-decoration:none;

    transition:.3s;

}

.btn-outline-theme:hover{

    background:#fff;

    color:#6B3EF4;

}

.cta-icon{

    width:180px;

    height:180px;

    border-radius:50%;

    margin:auto;

    background:rgba(255,255,255,.15);

    display:flex;

    justify-content:center;

    align-items:center;

    backdrop-filter:blur(8px);

}

.cta-icon i{

    font-size:75px;

    color:#fff;

}

@media(max-width:991px){

.cta-wrapper{

    padding:45px 30px;

    text-align:center;

}

.cta-wrapper h2{

    font-size:34px;

}

.cta-buttons{

    justify-content:center;

}

.cta-icon{

    margin-top:40px;

}

}
.page-title-section{

    padding:80px 0 50px;

    background:#fff;

}

.page-title{

    font-size:46px;

    font-weight:700;

    color:#222;

    margin:20px 0;

    line-height:1.25;

}

.page-subtitle{

    max-width:900px;

    margin:auto;

    font-size:17px;

    line-height:1.9;

    color:#666;

}

@media(max-width:991px){

.page-title{

    font-size:34px;

}

.page-subtitle{

    font-size:16px;

}

}
.about-section{

    padding:70px 0;

    background:#fff;

}

.about-image img{

    border-radius:24px;

    box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.about-card{

    position:relative;

    background:#fff;

    border:1px solid #E8ECF3;

    border-radius:22px;

    padding: 10px 28px;

    height:100%;

    overflow:hidden;

    transition:.4s ease;

    box-shadow:
    0 12px 30px rgba(17,24,39,.05);

}

/* Soft Gradient Background */

.about-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:
    linear-gradient(
        135deg,
        rgba(107,62,244,.05),
        rgba(24,167,91,.03)
    );

    opacity:0;

    transition:.4s;

}

/* Decorative Circle */

.about-card::after{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    right:-45px;

    top:-45px;

    border-radius:50%;

    background:rgba(107,62,244,.05);

    transition:.4s;

}

.about-card:hover{

    transform:translateY(-8px);

    border-color:#6B3EF4;

    box-shadow:
    0 20px 45px rgba(107,62,244,.12);

}

.about-card:hover::before{

    opacity:1;

}

.about-card:hover::after{

    background:rgba(24,167,91,.08);

}

.about-card>*{

    position:relative;

    z-index:2;

}
.about-card i{

    width:55px;

    height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:12px;

    /* background:#f4efff; */

    /* color:#6B3EF4; */

    font-size:22px;

    /* margin-bottom:15px; */

}

.about-card h6{

    font-size:18px;

    font-weight:700;

    color:#1E293B;

    margin-bottom:10px;

}

.about-card p{

    margin:0;

    color:#64748B;

    font-size:15px;

    line-height:1.7;

}
.about-icon{

    width:60px;

    height:60px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:10px;

    background:
    linear-gradient(
        135deg,
        #6B3EF4,
        #18A75B
    );

    box-shadow:
    0 10px 25px rgba(107,62,244,.25);

    transition:.35s;

}

.about-icon i{

    color:#fff;

    font-size:30px;

}

.about-card:hover .about-icon{

    transform:
        rotate(-8deg)
        scale(1.08);

}
.cancer-section{

    position:relative;

    overflow:hidden;

    padding:100px 0;

    background:
    linear-gradient(
        180deg,
        #FBFCFF 0%,
        #F5FAF7 100%);

}

.cancer-section::before{

    content:"";

    position:absolute;

    top:-180px;

    right:-180px;

    width:450px;

    height:450px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(107,62,244,.08),
        transparent 70%);

}

.cancer-section::after{

    content:"";

    position:absolute;

    left:-140px;

    bottom:-140px;

    width:320px;

    height:320px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(24,167,91,.08),
        transparent 70%);

}

.cancer-card{

    position:relative;

    background:#fff;

    border-radius:24px;

    padding:35px;

    text-align:center;

    height:100%;

    overflow:hidden;

    border:1px solid #E9EEF5;

    border-top:5px solid #6B3EF4;

    transition:.4s;

    box-shadow:
    0 12px 35px rgba(17,24,39,.05);

}

.cancer-card:hover{

    transform:translateY(-10px);

    border-color:#6B3EF4;

    box-shadow:
    0 25px 60px rgba(107,62,244,.12);

}
.cancer-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
        135deg,
        rgba(107,62,244,.04),
        rgba(24,167,91,.04));

    opacity:0;

    transition:.4s;

}

.cancer-card:hover::before{

    opacity:1;

}
.cancer-card::after{

    content:"";

    position:absolute;

    right:-25px;

    bottom:-25px;

    width:110px;

    height:110px;

    background:url(images/dna-outline.svg);

    background-repeat:no-repeat;

    background-size:contain;

    opacity:.04;

}
.cancer-card .icon{

    width:82px;

    height:82px;

    margin:auto auto 22px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:22px;

    background:
    linear-gradient(
        135deg,
        #6B3EF4,
        #18A75B);

    color:#fff;

    font-size:34px;

    box-shadow:
    0 15px 35px rgba(107,62,244,.22);

    transition:.35s;

}
.cancer-card:hover .icon{

    transform:
        rotate(-8deg)
        scale(1.08);

}
.cancer-card h5{

    font-size:22px;

    font-weight:700;

    color:#1E293B;

    margin-bottom:14px;

}

.cancer-card p{

    color:#64748B;

    line-height:1.8;

    font-size:15px;

}
/*==========================
Technology Section
==========================*/

.technology-section{

padding:100px 0;

background: #f9f7ff;

position:relative;

overflow:hidden;

}
.tech-card{

    position:relative;
    text-align: center;
    height:100%;

    padding:35px 30px;

    border-radius:28px;

    background:#fff;

    border:1px solid #ECEFF5;

    overflow:hidden;

    transition:.4s;

    box-shadow:
    0 12px 35px rgba(20,30,60,.05);

}
.tech-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:

    linear-gradient(
    135deg,
    rgba(107,62,244,.05),
    rgba(24,167,91,.05));

    opacity:0;

    transition:.4s;

}

.tech-card:hover::before{

    opacity:1;

}
.tech-card::after{

    content:"";

    position:absolute;

    right:-25px;

    bottom:-25px;

    width:120px;

    height:120px;

    border-radius:50%;

    background:

    radial-gradient(

    rgba(107,62,244,.08),

    transparent);

}
.tech-card{

border-bottom:4px solid transparent;

}

.tech-card:hover{

border-bottom-color:#18A75B;

}
.tech-card:hover{

transform:

translateY(-10px);

border-color:#6B3EF4;

box-shadow:

0 25px 60px rgba(107,62,244,.15);

}

.tech-icon{

width:85px;

height:85px;

margin:auto auto 25px;

display:flex;

align-items:center;

justify-content:center;

border-radius:24px;

background:

linear-gradient(
135deg,
#6B3EF4,
#18A75B);

box-shadow:

0 15px 35px rgba(107,62,244,.22);

transition:.4s;

}

.tech-icon i{

color:#fff;

font-size:34px;

}
.tech-card:hover .tech-icon{

transform:

rotate(-8deg)
scale(1.08);

}
.tech-card h5{

font-size:22px;

font-weight:700;

margin:18px 0 15px;

color:#1C2450;

}

.tech-card p{

font-size:15px;

line-height:1.9;

color:#667085;

}
/*==============================
Who Should Consider BRCA Testing
===============================*/

.candidate-section{

    position:relative;

    overflow:hidden;

    padding:60px 0;

    background:
    linear-gradient(
    180deg,
    #FBFCFF 0%,
    #F5FAF7 100%);

}

.candidate-section::before{

    content:"";

    position:absolute;

    width:380px;

    height:380px;

    top:-180px;

    right:-120px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(107,62,244,.08),
        transparent 70%);

}

.candidate-section::after{

    content:"";

    position:absolute;

    width:300px;

    height:300px;

    left:-120px;

    bottom:-120px;

    border-radius:50%;

    background:
    radial-gradient(
        rgba(24,167,91,.08),
        transparent 70%);

}

.candidate-image{

    position:relative;

}

.candidate-image img{

    border-radius:28px;

    box-shadow:
    0 25px 60px rgba(0,0,0,.10);

    transition:.4s;

}

.candidate-image:hover img{

    transform:scale(1.02);

}

.candidate-item{

    position:relative;

    display:flex;

    gap:18px;

    padding: 13px 15px 0px 15px;

    height:100%;

    border-radius:22px;

    background:#fff;
    border-left:4px solid transparent;
    border:1px solid #E8EDF5;

    overflow:hidden;

    transition:.4s;

    box-shadow:
    0 12px 30px rgba(0,0,0,.05);

}

.candidate-item:hover{

    transform:translateY(-8px);
    border-left-color:#18A75B;
    border-color:#6B3EF4;

    box-shadow:
    0 20px 45px rgba(107,62,244,.12);

}

.candidate-item i{

    width:68px;

    height:68px;

    border-radius:20px;

    display:flex;

    align-items:center;

    justify-content:center;

    flex-shrink:0;

    font-size:26px;

    color:#fff;

    background:
    linear-gradient(
    135deg,
    #6B3EF4,
    #18A75B);
    
    box-shadow:
    0 12px 30px rgba(107,62,244,.25);

    transition:.35s;

}
.candidate-item:hover i{

    transform:
    rotate(-10deg)
    scale(1.08);

}
.candidate-item::after{

content:"";

position:absolute;

right:-35px;

top:-35px;

width:100px;

height:100px;

border-radius:50%;

background:rgba(107,62,244,.05);

transition:.4s;

}

.candidate-item:hover::after{

background:rgba(24,167,91,.08);

}
.candidate-item h5{

font-size:20px;

font-weight:700;

margin-bottom:10px;

color:#1C2450;

}

.candidate-item p{

font-size:15px;

line-height:1.8;

color:#667085;

}
/*=========================
Sample Report
=========================*/

.report-preview-section{

    padding:100px 0;

    background:#fff;

}

.report-image{

    position:relative;

    padding:35px;

    border-radius:35px;

    background:linear-gradient(
    135deg,
    rgba(107,62,244,.08),
    rgba(24,167,91,.05));

    overflow:hidden;

}

.report-image::before{

    content:"";

    position:absolute;

    width:250px;
    height:250px;

    border-radius:50%;

    top:-120px;
    right:-120px;

    background:rgba(107,62,244,.12);

}

.report-image::after{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    border-radius:50%;

    left:-80px;
    bottom:-80px;

    background:rgba(24,167,91,.10);

}

.report-image img{

    position:relative;

    z-index:2;

    width:100%;

    border-radius:18px;

    box-shadow:
    0 25px 70px rgba(0,0,0,.12);

    transition:.4s;

}

.report-image:hover img{

    transform:scale(1.03);

}

.report-features{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:20px;

    margin-top:40px;

}

.report-feature-card{

    display:flex;

    gap:16px;

    align-items:flex-start;

    padding:22px;

    border-radius:18px;

    background:#fff;

    border:1px solid #EEF1F6;

    transition:.35s;

    box-shadow:
    0 12px 30px rgba(0,0,0,.05);

}

.report-feature-card:hover{

    transform:translateY(-8px);

    box-shadow:
    0 22px 50px rgba(107,62,244,.15);

}
.report-feature-card i{

    width:48px;

    height:48px;

    display:flex;

    justify-content:center;

    align-items:center;

    border-radius:50%;

    background:linear-gradient(
    135deg,
    #6B3EF4,
    #18A75B);

    color:#fff;

    font-size:18px;

    flex-shrink:0;

}
.feature-item{

    display:flex;

    gap:18px;

    margin-bottom:25px;

}

.feature-item i{

    color:#6B3EF4;

    font-size:22px;

    margin-top:5px;

}

.feature-item h5{

    margin-bottom:6px;

    font-weight:600;

}

.feature-item p{

    margin:0;

    color:#666;

    line-height:1.7;

}
/*=========================
Why Neuberg
=========================*/


.why-neuberg-section{

    position:relative;

    padding:60px 0;

    background:linear-gradient(180deg, #e1d8fa, #dae8e2);
    overflow:hidden;

}

.why-card{

    position:relative;

    background:#fff;

    border-radius:28px;

    padding:35px 30px;

    height:100%;

    overflow:hidden;

    border:1px solid #EEF2F7;

    transition:.4s;

    box-shadow:
    0 15px 40px rgba(0,0,0,.06);

}

.why-card:hover{

    transform:translateY(-12px);

    box-shadow:
    0 30px 70px rgba(107,62,244,.15);

}
.why-card::before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:6px;

    background:linear-gradient(
    90deg,
    #6B3EF4,
    #18A75B);

}
.why-card::after{

    content:"";

    position:absolute;

    width:110px;

    height:110px;

    top:-40px;

    right:-40px;

    border-radius:50%;

    background:rgba(107,62,244,.05);

}
.why-icon{

    width:90px;

    height:90px;

    border-radius:24px;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:28px;

    background:linear-gradient(
    135deg,
    #6B3EF4,
    #18A75B);

    color:#fff;

    box-shadow:
    0 18px 40px rgba(107,62,244,.18);

    transition:.35s;

}

.why-card:hover .why-icon{

    transform:rotate(-8deg) scale(1.08);

}

.why-icon i{

    font-size:36px;

    color:#fff;

}
.why-card h5{
    margin-bottom:15px;
    font-weight:600;
}

.why-card p{
    margin:0;
    color:#666;
    line-height:1.8;
}
.sample-report-btn {
    display: inline-flex;
    align-items: center;
    color: rgb(255, 255, 255);
    font-size: 17px;
    font-weight: 600;
    box-shadow: rgba(107, 62, 244, 0.25) 0px 12px 30px;
    position: relative;
    gap: 12px;
    padding: 16px 32px;
    border-radius: 50px;
    background: linear-gradient(135deg, rgb(107, 62, 244), rgb(138, 99, 255));
    text-decoration: none;
    transition: 0.35s;
    overflow: hidden;
}
.page-title-section{

    padding:90px 0 70px;

    background: linear-gradient(180deg, #eae0f5, #eaf8ef);

}
.page-title-section::before{

content:"";

position:absolute;

top:-120px;
right:-120px;

/* width:500px;
height:500px; */

background:

url(../images/test_bg.webp);

background-size:contain;
background-repeat:no-repeat;

opacity:.09;

}
.page-title-section::after{

content:"";

position:absolute;

left:-180px;
bottom:-180px;

/* width:450px;
height:450px; */

border-radius:50%;

background:

radial-gradient(

rgba(107,62,244,.08),

transparent);

}
.page-subtitle{

    max-width:700px;

    margin:20px auto 35px;

    color:#666;

    font-size:18px;

}

.hero-highlights{

    display:flex;

    flex-wrap:wrap;

    justify-content:center;

    gap:15px;

    margin-bottom:40px;

}

.hero-highlights span{

    display:flex;

    align-items:center;

    gap:10px;

    padding:12px 18px;

    border:1px solid #ececec;

    border-radius:50px;

    background:#fff;

    font-weight:500;

    transition:.3s;

}

.hero-highlights span:hover{

    border-color:#6B3EF4;

    color:#6B3EF4;

}

.hero-highlights i{

    color:#6B3EF4;

}

.hero-buttons{

    display:flex;

    justify-content:center;

    gap:15px;

    flex-wrap:wrap;

}
.btn-book-test{

    display:inline-flex;

    align-items:center;

    gap:14px;

    padding:16px 30px;

    border-radius:60px;

    background:linear-gradient(135deg,#6B3EF4,#8C62FF);

    color:#fff;

    text-decoration:none;

    font-weight:600;

    font-size:16px;

    transition:.35s;

    box-shadow:0 12px 30px rgba(107,62,244,.25);

}

.btn-book-test:hover{

    color:#fff;

    transform:translateY(-4px);

    box-shadow:0 20px 40px rgba(107,62,244,.35);

}

.btn-icon{

    width:42px;

    height:42px;

    border-radius:50%;

    background:rgba(255,255,255,.18);

    display:flex;

    justify-content:center;

    align-items:center;

    font-size:18px;

}
.cancer-portal-section{

    padding:100px 0;

    background:#fafbff;

}

@media(min-width:1200px){

.col-xl-custom{

flex:0 0 20%;

max-width:20%;

}

}

.portal-card{
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px;
    background: #fff;
    border-radius: 20px;
    border: 2px solid #edf2f7;
    overflow: hidden;
    text-decoration: none;
    transition: all .4s ease;

    background: rgba(255,255,255,.95);

    backdrop-filter: blur(10px);

    border:1px solid rgba(255,255,255,.6);

    box-shadow:
        0 8px 20px rgba(0,0,0,.09),
        0 20px 45px rgba(13,110,253,.08);
}

.portal-card::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:4px;

background:#118847;

transform:scaleX(0);

transition:.4s;

}

.portal-card:hover::before{

transform:scaleX(1);

}

.portal-card:hover{

    transform: translateY(-10px);

    box-shadow:
        0 10px 20px rgba(13, 110, 253, 0.08),
        0 25px 50px rgba(13, 110, 253, 0.12),
        0 40px 80px rgba(13, 110, 253, 0.10);

    border-color:#dbeafe;

    text-decoration:none;
}

.portal-image{
    width:90px;
    height:90px;
    margin:0 auto 25px;
    border-radius:22px;
    background:#f8fbff;
    display:flex;
    align-items:center;
    justify-content:center;

    box-shadow:
        0 10px 25px rgba(13,110,253,.08);

    transition:.4s;
}

.portal-card:hover .portal-image{
    transform:translateY(-5px);
    box-shadow:
        0 18px 35px rgb(29 94 18 / 15%);
}

.portal-image img{

width:100%;

height:100%;

object-fit:contain;

transition:.4s;

}

.portal-card:hover img{

transform:scale(1.08);

}

.portal-card h4{

font-size:22px;

font-weight:700;

margin-bottom:10px;

color:#1c2235;

}

.portal-card p{

color:#6b7280;

font-size:15px;

margin-bottom:22px;

}

.test-tags{

display:flex;

flex-wrap:wrap;

justify-content:center;

gap:8px;

margin-bottom:25px;

}

.test-tags span{

padding:7px 14px;

background:#f3efff;

border-radius:40px;

font-size:13px;

font-weight:600;

color:#6B3EF4;

}

.explore{

margin-top:auto;

display:flex;

align-items:center;

gap:10px;

font-weight:600;

color:#6B3EF4;

}

.explore i{

transition:.35s;

}

.portal-card:hover .explore i{

transform:translateX(6px);

}
.cancer-hero{
    padding:120px 0 80px;
    background: linear-gradient(135deg,#f8fbff 0%,#eef6ff 100%);
    position:relative;
    overflow:hidden;
}

/* .cancer-hero::before{
    position: relative;
    overflow: hidden;
    min-height: 650px;
    padding: 80px 0;
    background: #F8F8FF url("../images/cancers_bg.webp") no-repeat center center;
    background-size: cover;
} */
.cancer-hero{
    position: relative;
    overflow: hidden;
    min-height: 650px;
    padding: 80px 0;
    background: #F8F8FF url("../images/tests_bg.webp") no-repeat center center;
    background-size: cover;
}
.cancer-hero h1{

    font-size:54px;

    font-weight:700;

    color:#1C2450;

    line-height:1.2;

    margin:20px 0;

}

.cancer-hero h1 span{

    color:#6B3EF4;

}

.cancer-hero p{

    font-size:18px;

    color:#667085;

    line-height:32px;

    max-width:650px;

    margin-bottom:35px;

    
}
.portal-card{

    transition:
        transform .45s cubic-bezier(.2,.8,.2,1),
        box-shadow .45s,
        border-color .45s;

    border:1px solid rgba(13,110,253,.08);

    box-shadow:
        0 8px 25px rgba(0,0,0,.05);

}

.portal-card:hover{

    transform:translateY(-12px);

    box-shadow:
        0 25px 60px rgba(13,110,253,.15);

    border-color:#d5e7ff;

}
.portal-image{

    width:95px;
    height:95px;

    margin:0 auto 25px;

    border-radius:24px;

    background: linear-gradient(145deg, #eaf8ef, #ffffff);

    display:flex;
    align-items:center;
    justify-content:center;

    transition:.45s;

    box-shadow:
        inset 0 0 0 1px rgba(13,110,253,.08),
        0 10px 25px rgba(13,110,253,.08);

}

.portal-image img{

    width:85px;

    transition:.45s;

}

.portal-card:hover .portal-image{

    transform:translateY(-6px) rotate(-5deg);

}

.portal-card:hover .portal-image img{

    transform:scale(1.12);

}
.portal-card h4{

    font-size:25px;

    font-weight:700;

    color:#172b4d;

    margin-bottom:12px;

    letter-spacing:-.3px;

}
.portal-card h4{

    font-size:25px;

    font-weight:700;

    color:#172b4d;

    margin-bottom:12px;

    letter-spacing:-.3px;

}
.portal-card h4{

    font-size:25px;

    font-weight:700;

    color:#172b4d;

    margin-bottom:12px;

    letter-spacing:-.3px;

}
.explore{

    margin-top:auto;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding-top:22px;

    border-top:1px solid #edf2f7;

    font-weight:600;

    color:#118847;

}

.explore i{

    transition:.35s;

}

.portal-card:hover .explore i{

    transform:translateX(8px);

}
.portal-card::after{

    content:"";

    position:absolute;

    width:220px;
    height:220px;

    border-radius:50%;

    background:#eef7ff;

    top:-120px;
    right:-120px;

    opacity:0;

    transition:.45s;

}

.portal-card:hover::after{

    opacity:1;

}
.portal-card:hover{

    transition-delay:.05s;

}
.cancer-portal-section{

    background:
        linear-gradient(180deg,#ffffff,#f8fbff);

    position:relative;

    overflow:hidden;

}
.portal-card:hover{

    transform:
        translateY(-10px)
        rotateX(2deg);

}
.cancer-header{

    padding:70px 0;

    background:
    linear-gradient(135deg, #e7e1f98a 0%, #f8fbff 100%);

    position:relative;

    overflow:hidden;

}

.cancer-header::before{

    content:"";

    position:absolute;

    width:350px;

    height:350px;

    border-radius:50%;

    background:rgba(13,110,253,.05);

    right:-120px;

    top:-120px;

}

.breadcrumb-nav{

    font-size:14px;

}

.breadcrumb-nav a{

    color:#6b7280;

    text-decoration:none;

}

.breadcrumb-nav span{

    margin:0 8px;

}

.breadcrumb-nav .active{

    color:#6B3EF4;

    font-weight:600;

}

/* .cancer-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#ffe8f2;

    color:#d63384;

    padding:10px 20px;

    border-radius:40px;

    font-weight:600;

    margin-bottom:20px;

} */

.cancer-header h1{

    font-size:48px;

    font-weight:700;

    line-height:1.2;

    color:#0f172a;

}

.cancer-header h1 span{

    color:#6B3EF4;

}

.cancer-header p{

    margin-top:25px;

    font-size:18px;

    color:#64748b;

    line-height:1.8;

    max-width:620px;

}

.header-badges{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

    margin-top:35px;

}

.header-badges div{

    background:white;

    padding:14px 22px;

    border-radius:40px;

    box-shadow:0 10px 25px rgba(0,0,0,.06);

    font-weight:600;

    transition:.3s;

}

.header-badges div:hover{

    transform:translateY(-5px);

}

.header-badges i{

    color:#6B3EF4;

    margin-right:8px;

}

.cancer-hero-img{

    /* max-width:420px; */

    animation:float 5s ease-in-out infinite;

}

@keyframes float{

    0%{transform:translateY(0);}

    50%{transform:translateY(-12px);}

    100%{transform:translateY(0);}

}

@media(max-width:992px){

.cancer-header{

text-align:center;

padding:50px 0;

}

.cancer-header h1{

font-size:36px;

}

.header-badges{

justify-content:center;

}

.cancer-hero-img{

margin-top:40px;

max-width:320px;

}

}
.overview-section{

    background:#f8fbff;

}

.info-card{

    background:#fff;

    border-radius:22px;

    padding:35px;

    box-shadow:0 12px 35px rgba(15,23,42,.06);

    transition:.35s;

    border:1px solid #eef3f8;

}

.info-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 45px rgba(15,23,42,.08);

}

.overview-card h2{

    font-size:34px;

    margin-bottom:20px;

    font-weight:700;

}

.overview-card p{

    color:#64748b;

    line-height:1.8;

    margin-bottom:18px;

}

.overview-highlights{

    margin-top:25px;

}

.overview-highlights div{

    display:flex;

    align-items:flex-start;

    gap:12px;

    margin-bottom:16px;

    font-weight:500;

}

.overview-highlights i{

    color:#6B3EF4;

    margin-top:4px;

}

.section-icon{

    width:65px;

    height:65px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    margin-bottom:20px;

}

.section-icon.pink{

    background:#ffe8f2;

    color:#d63384;

}

.section-icon.blue{

    background:#e7f1ff;

    color:#0d6efd;

}

.info-card h4{

    margin-bottom:20px;

    font-size:24px;

    font-weight:700;

}

.icon-list{

    list-style:none;

    padding:0;

    margin:0;

}

.icon-list li{

    position:relative;

    padding-left:30px;

    margin-bottom:15px;

    color:#475569;

    line-height:1.6;

}

.icon-list li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:#6B3EF4;

    font-weight:bold;

}
.diagnosis-treatment{

    background:#ffffff;

}

.section-title span{

    color:#6B3EF4;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

}

.section-title h2{

    font-size:38px;

    font-weight:700;

    margin:15px 0;

}

.section-title p{

    color:#64748b;

    max-width:700px;

    margin:auto;

}

.medical-card{

    background:#fff;

    border-radius:22px;

    padding:35px;

    box-shadow:0 12px 35px rgba(15,23,42,.06);

    border:1px solid #edf2f7;

}

.card-icon{

    width:70px;

    height:70px;

    border-radius:18px;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:25px;

}

.card-icon.diagnosis{

    background:#e8f1ff;

    color:#6B3EF4;

}

.card-icon.treatment{

    background:#ffeef6;

    color:#d63384;

}
.process{
   padding: 20px; 
}
.process .step{

    display:flex;

    gap:18px;

    margin-bottom:25px;

}

.process span{

    width:40px;

    height:40px;

    border-radius:50%;

    background:#6B3EF4;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-weight:600;

    flex-shrink:0;

}

.process h6{

    font-weight:600;

}

.process p{
    line-height: 26px;
    font-weight: 500;
    color:#64748b;

    margin-bottom:0;

}

.treatment-box{

    background:#f8fbff;

    border-radius:18px;

    padding:22px;

    height:100%;

    transition:.35s;

    border:1px solid #edf2f7;

}

.treatment-box:hover{

    transform:translateY(-6px);

    box-shadow:0 15px 30px rgba(15,23,42,.08);

}

.treatment-box i{

    font-size:28px;

    color:#6B3EF4;

    margin-bottom:15px;

}

.treatment-box h6{

    font-size:18px;

    font-weight:700;

}

.treatment-box p{

    font-size:14px;

    color:#64748b;

    margin:0;

}
.stages-section{
    background:#f5f4ff;
}

.stage-wrapper{
    position:relative;
    margin-top:30px;
}

.stage-line{
    position:absolute;
    top:34px;
    left:8%;
    right:8%;
    height:3px;
    background:#d8e7ff;
    z-index:1;
}

.stage-item{
    position:relative;
    z-index:2;
}

.stage-circle{

    width:70px;
    height:70px;

    border-radius:50%;

    background:#6B3EF4;

    color:#fff;

    margin:auto;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:24px;
    font-weight:700;

    box-shadow:0 10px 25px rgba(13,110,253,.25);

}

.stage-item h5{

    margin-top:20px;

    font-weight:700;

}

.stage-item p{

    font-size:14px;

    color:#64748b;

    margin-top:10px;

    line-height:1.6;

    padding:0 10px;

}

@media(max-width:991px){

.stage-line{

display:none;

}

.stage-item{

margin-bottom:40px;

}

}
.faq-cta-section{

    background:#fff;

}

.accordion-item{

    border:none;

    border-radius:18px !important;

    overflow:hidden;

    margin-bottom:18px;

    box-shadow:0 10px 25px rgba(15,23,42,.06);

}

.accordion-button{

    font-weight:600;

    padding:20px;

    background:#fff;

}

.accordion-button:not(.collapsed){

    background:#eef5ff;

    color:#6B3EF4;

    box-shadow:none;

}

.accordion-button:focus{

    box-shadow:none;

}

.accordion-body{

    color:#64748b;

    line-height:1.8;

}
.faq-box{

    background:#fff;

    border-radius:28px;

    padding:40px;

    border:1px solid #ECE8FF;

    box-shadow:
    0 20px 45px rgba(107,62,244,.08);
}
.cta-card{

    background:linear-gradient(
        135deg,
        #6B3EF4,
        #18A75B);

    color:#fff;

    padding:40px;

    border-radius:24px;

    /* height:100%; */

    box-shadow:0 20px 50px rgba(13,110,253,.25);

}

.cta-icon{

    width:75px;

    height:75px;

    border-radius:50%;

    background:rgba(255,255,255,.15);

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:30px;

    margin-bottom:25px;

}

.test-list{

    margin:30px 0;

}

.test-list div{

    margin-bottom:13px;

    font-size:16px;

}

.test-list i{

    margin-right:10px;

}

.cta-card hr{

    border-color:rgba(255,255,255,.25);

    margin:30px 0;

}

.cta-card p{

    color:rgba(255,255,255,.9);

    line-height:1.7;

}

.cta-card .btn{

    margin-top:20px;

    background:#fff;

    color:#6B3EF4;

    border:none;

    border-radius:50px;

    font-weight:600;

    padding:14px 28px;

}

.cta-card .btn:hover{

    background:#f8fbff;

}
.test-list-small{

    margin-top:25px;

}

.test-list-small div{

    padding:12px 15px;

    background:#f8fbff;

    border-radius:12px;

    margin-bottom:12px;

    font-size:15px;

    border:1px solid #edf2f7;

    transition:.3s;

}

.test-list-small div:hover{

    background:#eef5ff;

    transform:translateX(5px);

}
.prognosis-card{

    background:linear-gradient(135deg,#6B3EF4 0%,#5A34D8 45%,#18A75B 100%);

    color:#fff;

    padding:40px;

    border-radius:25px;

    height:100%;

}

.section-subtitle{

    display:inline-block;

    color:#0d6efd;

    font-weight:600;

    margin-bottom:15px;

    text-transform:uppercase;

    letter-spacing:1px;

}

.prognosis-card .section-subtitle{

    color:#dbeafe;

}

.prognosis-card h2{

    margin-bottom:20px;

    font-weight:700;

}

.prognosis-card p{

    color:rgba(255,255,255,.9);

}

.prognosis-stages{

    margin-top:30px;

}

.stage-box{

    background:rgba(255,255,255,.15);

    border-radius:15px;

    padding:18px;

    margin-bottom:18px;

    backdrop-filter:blur(10px);

}

.stage-box h5{

    margin-bottom:8px;

}

.cta-strip{

    margin-top:35px;

    background:#eef5ff;

    border-radius:20px;

    padding:25px;

    display:flex;

    justify-content:space-between;

    align-items:center;

    gap:20px;

}

.cta-strip p{

    margin:0;

    color:#64748b;

}

@media(max-width:768px){

.cta-strip{

flex-direction:column;

text-align:center;

}

}
.prognosis-table{
    margin-top:20px;
    border-radius:15px;
    overflow:hidden;
    font-size:14px;
}

.prognosis-table thead{
    background:#0d6efd;
    color:#fff;
}

.prognosis-table th{
    border:none;
    padding:14px;
    text-align:center;
}

.prognosis-table td{
    padding:14px;
    text-align:center;
    vertical-align:middle;
}

.prognosis-table tbody tr:nth-child(even){
    background:#f8fbff;
}

.prognosis-table tbody td:first-child{
    text-align:center;
    font-weight:600;
}
/*=============================
OUR PARTNERS
==============================*/

.partners-hero{

    padding:110px 0 70px;

    background:linear-gradient(135deg,#F8F5FF,#EEF5FF);

    position:relative;

    overflow:hidden;

}

.partners-hero::before{

    content:"";

    width:420px;

    height:420px;

    background:#7A5AF8;

    opacity:.08;

    border-radius:50%;

    position:absolute;

    top:-180px;

    right:-120px;

}

.partners-hero::after{

    content:"";

    width:300px;

    height:300px;

    background:#A855F7;

    opacity:.06;

    border-radius:50%;

    position:absolute;

    bottom:-120px;

    left:-100px;

}

.section-tag,.cancer-tag{

    display:inline-flex;

    align-items:center;

    gap:10px;

    background:#EAF8EF;

    color:#118847;

    padding:10px 22px;

    border-radius:40px;

    font-weight:600;

    margin-bottom:25px;

    box-shadow:0 10px 30px rgba(0,0,0,.06);

}

.partners-hero h1{

    font-size:52px;

    font-weight:700;

    color:#1F2937;

    margin-bottom:20px;

}

.partners-hero p{

    font-size:18px;

    color:#64748B;

    line-height:1.9;

    max-width:760px;

    margin:auto;

}

/*===================================
Partner Section
===================================*/

.partner-section{

    padding:90px 0;

}

.partner-card{

    background:#fff;

    border-radius:30px;

    padding:60px;

    box-shadow:0 20px 60px rgba(17,24,39,.07);

    position:relative;

    overflow:hidden;

    border:1px solid #EEF2F7;

}

.partner-card::before{

    content:"";

    position:absolute;

    width:220px;

    height:220px;

    background:#7A5AF8;

    opacity:.04;

    border-radius:50%;

    top:-120px;

    right:-100px;

}

.partner-logo{

    /* max-width:240px; */

    margin-bottom:30px;

}

.partner-subtitle{

    color:#6B3EF4;

    font-weight:600;

    margin-bottom:15px;

}

.partner-title{

    font-size:40px;

    font-weight:700;

    color:#111827;

    margin-bottom:25px;

}

.partner-card p{

    color:#64748B;

    line-height:1.9;

    font-size:16px;

}

.stats-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));

    gap:18px;

    margin-top:40px;

}

.stat-box{

    background:#F8F5FF;

    border-radius:18px;

    padding:28px 20px;

    text-align:center;

    transition:.35s;

}

.stat-box:hover{

    transform:translateY(-8px);

    background:#6B3EF4;

    color:#fff;

}

.stat-box:hover h3,
.stat-box:hover p{

    color:#fff;

}

.stat-box h3{

    color:#6B3EF4;

    font-size:34px;

    font-weight:700;

    margin-bottom:8px;

}

.stat-box p{

    margin:0;

    color:#64748B;

    font-size:15px;

}

.partner-btn{

    display:inline-flex;

    align-items:center;

    gap:12px;

    margin-top:35px;

    padding:14px 28px;

    background:#6B3EF4;

    color:#fff;

    border-radius:50px;

    text-decoration:none;

    font-weight:600;

    transition:.35s;

}

.partner-btn:hover{

    background:#5330d4;

    color:#fff;

    transform:translateY(-4px);

}

.partner-image{

    text-align:center;

}

.partner-image img{

    max-width:100%;

    transition:.4s;

}

.partner-card:hover .partner-image img{

    transform:scale(1.05);

}

/*===================================
Vision Mission
===================================*/

.info-box{

    background:#F8F5FF;

    padding:25px;

    border-radius:18px;

    margin-top:25px;

}

.info-box h5{

    color:#6B3EF4;

    margin-bottom:10px;

    font-weight:700;

}

/*===================================
Responsive
===================================*/

@media(max-width:991px){

.partner-card{

padding:35px;

}

.partner-title{

font-size:30px;

}

.partners-hero h1{

font-size:38px;

}

.partner-image{

margin-top:40px;

text-align:center;

}

}

.partners-showcase{

padding:100px 0;

background:#F8F9FF;

}

.partner-box{

background:#fff;

border-radius:25px;

padding:40px 25px;

text-align:center;

cursor:pointer;

transition:.4s;

height:100%;

border:2px solid transparent;

box-shadow:0 15px 35px rgba(0,0,0,.05);

}

.partner-box:hover{

transform:translateY(-10px);

border-color:#6B3EF4;

}

.partner-box.active{

background:linear-gradient(135deg, #5b3df566, #7c3aed75);

color:#fff;

}

.partner-box.active p{

color:#fff;

}

.partner-logo{

height:75px;

margin-bottom:25px;

object-fit:contain;

}

.partner-box h4{

font-weight:700;

margin-bottom:15px;

}

.partner-box p{

color:#64748B;

margin:0;

line-height:1.8;

}
.partner-details{

background:#fff;

padding:70px;

border-radius:30px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.feature-card{

display:flex;

gap:18px;

align-items:flex-start;

background:#F8F9FD;

padding:20px;

border-radius:18px;

transition:.35s;

height:100%;

}

.feature-card:hover{

background:#6B3EF4;

color:#fff;

transform:translateY(-6px);

}

.feature-card:hover p,
.feature-card:hover h5,
.feature-card:hover i{

color:#fff;

}

.feature-card i{

font-size:28px;

color:#6B3EF4;

margin-top:5px;

}

.feature-card h5{

font-weight:700;

margin-bottom:6px;

}

.feature-card p{

margin:0;

color:#64748B;

font-size:15px;

}

.partner-stats{

display:flex;

justify-content:space-between;

padding-top:35px;

border-top:1px solid #eee;

}

.partner-stats h3{

font-size:40px;

font-weight:800;

color:#6B3EF4;

margin-bottom:5px;

}

.partner-stats span{

color:#64748B;

font-size:14px;

}
.partnership-process{

background:#F8F9FF;

padding:120px 0;

position:relative;

overflow:hidden;

}

.journey-wrapper{

position:relative;

margin-top:60px;

}

.journey-line{

position:absolute;

top:160px;

left:8%;

right:8%;

height:4px;

background:linear-gradient(90deg,#6B3EF4,#A855F7);

border-radius:20px;

z-index:0;

}

.journey-card{

background:#fff;

padding:40px 30px;

border-radius:25px;

position:relative;

z-index:2;

text-align:center;

transition:.4s;

height:100%;

box-shadow:0 15px 40px rgba(0,0,0,.05);

}

.journey-card:hover{

transform:translateY(-10px);

}

.journey-icon{

width:90px;

height:90px;

background:linear-gradient(135deg,#6B3EF4,#9B5CF5);

border-radius:50%;

margin:auto;

display:flex;

align-items:center;

justify-content:center;

margin-bottom:30px;

box-shadow:0 20px 40px rgba(107,62,244,.25);

}

.journey-icon i{

color:#fff;

font-size:34px;

}

.journey-card h4{

font-weight:700;

margin-bottom:15px;

}

.journey-card p{

color:#64748B;

line-height:1.8;

margin:0;

}

@media(max-width:991px){

.journey-line{

display:none;

}

.journey-card{

margin-bottom:30px;

}

}
.global-presence{

padding:120px 0;

background:#fff;

}

.map-card{

background:#F8F9FF;

padding:40px;

border-radius:30px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

text-align:center;

}

.map-card img{

width:100%;

}

.country-list{

margin-top:40px;

display:flex;

flex-direction:column;

gap:18px;

}

.country-item{

display:flex;

align-items:center;

gap:18px;

padding:18px 20px;

border-radius:18px;

background:#fff;

box-shadow:0 10px 30px rgba(0,0,0,.05);

transition:.35s;

}

.country-item:hover{

transform:translateX(10px);

border-left:5px solid #6B3EF4;

}

.country-item img{

width:42px;

height:42px;

border-radius:50%;

object-fit:cover;

}

.country-item h5{

margin:0;

font-size:18px;

font-weight:700;

}

.country-item span{

color:#64748B;

font-size:14px;

}
.partner-cta{

padding:60px 0;

background:#F8F9FF;

}

.cta-box{

background:linear-gradient(
135deg,
#6B3EF4 0%,
#5E39E6 55%,
#18A75B 100%);

padding:80px;

border-radius:35px;

text-align:center;

color:#fff;

}

.cta-box h2{

font-size:42px;

font-weight:700;

margin-bottom:20px;

}

.cta-box p{

font-size:18px;

max-width:700px;

margin:auto;

opacity:.9;

margin-bottom:40px;

}

.cta-box .btn{

background:#fff;

color:#6B3EF4;

font-weight:700;

padding:15px 40px;

border-radius:50px;

}

.cta-box .btn:hover{

background:#f2f2f2;

}
.thyroid-stat{

background:#fff;

padding:35px;

border-radius:20px;

box-shadow:0 15px 40px rgba(0,0,0,.05);

transition:.35s;

height:100%;

}

.thyroid-stat:hover{

transform:translateY(-8px);

}

.thyroid-stat h2{

font-size:52px;

font-weight:800;

color:#6B3EF4;

margin-bottom:10px;

}

.thyroid-stat span{

font-size:16px;

color:#64748B;

}
.process-icon{

width:90px;

height:90px;

margin:auto;

border-radius:50%;

background:linear-gradient(135deg,#6B3EF4,#8B5CF6);

display:flex;

align-items:center;

justify-content:center;

box-shadow:0 15px 40px rgba(107,62,244,.30);

margin-bottom:25px;

transition:.4s;

}

.process-item:hover .process-icon{

transform:translateY(-8px) scale(1.08);

}

.process-icon i{

font-size:34px;

color:#fff;

}

.process-item{

padding:35px 25px;

border-radius:25px;

background:#fff;

box-shadow:0 15px 35px rgba(0,0,0,.06);

transition:.35s;

}

.process-item:hover{

transform:translateY(-8px);

}
.gene-section{

padding:100px 0;

background:#f8f9ff;

}

.gene-card{

background:#fff;

padding:45px;

border-radius:28px;

height:100%;

box-shadow:0 15px 45px rgba(0,0,0,.06);

transition:.4s;

position:relative;

overflow:hidden;

}

.gene-card:hover{

transform:translateY(-10px);

}

.gene-card::before{

content:"";

position:absolute;

top:0;

left:0;

width:100%;

height:5px;

background:linear-gradient(90deg,#6B3EF4,#A855F7);

}

.fusion-card::before{

background:linear-gradient(90deg,#00AEEF,#6B3EF4);

}

.gene-icon{

width:80px;

height:80px;

border-radius:50%;

background:linear-gradient(135deg,#6B3EF4,#8B5CF6);

display:flex;

align-items:center;

justify-content:center;

margin-bottom:25px;

}

.gene-icon i{

font-size:32px;

color:#fff;

}

.gene-count{

display:inline-block;

padding:8px 20px;

background:#ede9fe;

border-radius:50px;

font-weight:600;

color:#6B3EF4;

margin-bottom:20px;

}

.gene-card h3{

font-size:30px;

font-weight:700;

margin-bottom:15px;

}

.gene-card p{

color:#64748B;

margin-bottom:30px;

line-height:1.8;

}

.gene-tags{

display:flex;

flex-wrap:wrap;

gap:12px;

}

.gene-tags span{

padding:10px 18px;

background:#f4f5fb;

border-radius:50px;

font-weight:600;

font-size:14px;

transition:.3s;

}

.gene-tags span:hover{

background:#6B3EF4;

color:#fff;

}
.process-wrapper{
    display: flex;
    align-items: stretch;   /* All cards same height */
    justify-content: center;
    gap: 20px;
    flex-wrap: nowrap;
}

.process-item{
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 35px 25px;
    border-radius: 24px;
    background: #fff;
    box-shadow: 0 15px 35px rgba(0,0,0,.06);
    transition: .35s;
    min-height: 340px;      /* Adjust as needed */
}

.process-item h5{
    min-height: 52px;       /* Keeps heading area equal */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 15px;
}

.process-item p{
    flex: 1;                /* Fills remaining space */
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
}

.process-arrow{
    display: flex;
    align-items: center;
}
.brochure-box{

    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;

    background:#fff;

    border-radius:22px;

    padding:30px;

    margin-top:50px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    border:1px solid rgba(107,62,244,.12);

}

.brochure-icon{

    width:80px;
    height:80px;

    border-radius:50%;

    background:linear-gradient(135deg,#6B3EF4,#8B5CF6);

    display:flex;
    align-items:center;
    justify-content:center;

    flex-shrink:0;

}

.brochure-icon i{

    color:#fff;
    font-size:34px;

}

.brochure-content{

    flex:1;

}

.brochure-content h4{

    font-weight:700;
    margin-bottom:8px;
    color:#1E293B;

}

.brochure-content p{

    margin:0;
    color:#64748B;

}

.btn-download, .btn-download-pdf{

    display:inline-flex;
    align-items:center;
    gap:10px;

    padding:14px 28px;

    background:linear-gradient(135deg,#6B3EF4,#8B5CF6);

    color:#fff;

    text-decoration:none;

    border-radius:50px;

    font-weight:600;

    transition:.35s;

}

.btn-download:hover{

    transform:translateY(-3px);

    color:#fff;

    box-shadow:0 15px 30px rgba(107,62,244,.35);

}

@media(max-width:768px){

    .brochure-box{

        flex-direction:column;
        text-align:center;

    }

}
.workflow{
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:20px;
    flex-wrap:wrap;
}

.workflow-card{

    flex:1;

    min-width:240px;
    max-width:280px;

    display:flex;
    flex-direction:column;

    padding:35px 25px;

    border-radius:24px;

    background:#fff;

    box-shadow:0 15px 35px rgba(0,0,0,.06);

    transition:.35s;

    min-height:340px;   /* Same height */

}

.workflow-card .icon{

    width:80px;
    height:80px;

    border-radius:50%;

    display:flex;
    align-items:center;
    justify-content:center;

    margin:0 auto 25px;
}

.workflow-card h4{

    min-height:60px;       /* Equal heading height */

    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;

    font-size:22px;

    font-weight:700;

    margin-bottom:20px;

}

.workflow-card p{

    flex:1;                /* Fills remaining space */

    display:flex;

    align-items:center;

    justify-content:center;

    text-align:center;

    color:#64748B;

    line-height:1.8;

    margin:0;

}


.final{
    background: linear-gradient(135deg, #6B3EF4, #8B63FF);
    color: #fff;
}
.final p{
    color: white;
}
.why-section{

padding:60px 0;

background:#F8FAFF;

}

.why-card{

background:#fff;

padding:40px 30px;

border-radius:24px;

text-align:center;

height:100%;

box-shadow:0 15px 40px rgba(0,0,0,.06);

transition:.35s;

}

.why-card:hover{

transform:translateY(-8px);

}

.why-icon{

width:85px;

height:85px;

border-radius:50%;

margin:0 auto 25px;

background:linear-gradient(135deg,#6B3EF4,#8B5CF6);

display:flex;

align-items:center;

justify-content:center;

}

.why-icon i{

font-size:34px;

color:#fff;

}

.why-card h4{

font-size:22px;

font-weight:700;

margin-bottom:15px;

min-height:60px;

display:flex;

align-items:center;

justify-content:center;

}

.why-card p{

color:#64748B;

line-height:1.8;

margin:0;

}
footer{

    background:#ebe8f2;

    padding:80px 0 30px;

    border-top:1px solid #E9EDF5;

}

footer p{

    color:#667085;

    line-height:30px;

    margin-top:25px;

}

footer h5{

    color:#1C2450;

    font-size:22px;

    font-weight:700;

    margin-bottom:25px;

}

footer ul{

    padding:0;

    list-style:none;

}

footer ul li{

    margin-bottom:14px;

}

footer ul li a{

    color:#667085;

    text-decoration:none;

    transition:.3s;

}

footer ul li a:hover{

    color:#6B3EF4;

    padding-left:6px;

}

footer hr{

    margin:20px 0 25px;

    border-color:#7a8ba9;

}

footer .text-center{

    color:#667085;

}
.footer-contact-card{

    display:flex;

    gap:16px;

    padding:18px;

    margin-bottom:18px;

    background:#fff;

    border:1px solid #EEF2F7;

    border-radius:18px;

    transition:.35s;

    box-shadow:0 10px 25px rgba(0,0,0,.05);

}

.footer-contact-card:hover{

    transform:translateY(-5px);

    border-color:#6B3EF4;

    box-shadow:0 18px 40px rgba(107,62,244,.12);

}

.footer-contact-card .icon{

    width:52px;

    height:52px;

    border-radius:16px;

    background:linear-gradient(
    135deg,
    #6B3EF4,
    #18A75B);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:20px;

    flex-shrink:0;

}

.footer-contact-card h6{

    color:#1C2450;

    font-weight:700;

    margin-bottom:8px;

}

.footer-contact-card a{

    color:#667085;

    text-decoration:none;

    font-size:15px;

    transition:.3s;

}

.footer-contact-card a:hover{

    color:#6B3EF4;

}
.survival-card{
    background:#fff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.survival-card h3{
    font-weight:700;
    color:#6f42c1;
}

.survival-card .table th{
    background:linear-gradient(90deg,#7b4dff,#5c9cff);
    color:#fff;
    border:none;
}

.survival-card .table td,
.survival-card .table th{
    padding:14px;
    vertical-align:middle;
}

.survival-card img{
    border-radius:15px;
}
@media (max-width: 991.98px) {

    .navbar-collapse{
        text-align:right;
    }

    .navbar-nav{
        align-items:center !important;
        width:100%;
        margin-top:20px;
        background: aliceblue;
    }

    .navbar-nav .nav-item{
        width:auto;
    }

    .navbar-nav .nav-link{
        padding:12px 0;
    }

}
/*==================================
Recommended Tests
==================================*/

.recommended-test-list{

    display:flex;
    flex-direction:column;
    gap:16px;

}

/* Card */

.cancer-test-item{

    display:flex;
    align-items:center;

    gap:18px;

    padding: 10px 20px;

    border:1px solid #E7ECF4;

    border-radius:18px;

    background:#fff;

    text-decoration:none;

    transition:.35s;

}

.cancer-test-item:hover{

    border-color:#6B3EF4;

    box-shadow:0 12px 35px rgba(107,62,244,.12);

    transform:translateY(-3px);

}

/* Left Icon */

.test-icon{

    width:48px;
    height:48px;

    border-radius:50%;

    background:#EEF9F2;

    display:flex;

    justify-content:center;

    align-items:center;

    flex-shrink:0;

}

.test-icon i{

    color:#18A75B;

    font-size:18px;

}

/* Content */

.recommended-test-content{

    flex:1;

}

.recommended-test-content h6{

    margin:0;

    font-size:18px;

    font-weight:600;

    color:#16346F;

}

/* Bottom Row */

.test-meta{

    display:flex;

    align-items:center;

    gap:10px;

    flex-wrap:wrap;

    margin-top:10px;

}

/* Pills */

.test-type,
.test-lab{

    display:inline-flex;

    align-items:center;

    gap:6px;

    padding:6px 12px;

    border-radius:30px;

    font-size:13px;

    font-weight:600;

}

.test-type{

    background:#F5F2FF;

    color:#6B3EF4;

}

.test-lab{

    background:#EEF8F2;

    color:#18A75B;

}

.test-type i,
.test-lab i{

    font-size:12px;

}

/* Arrow */

.test-arrow{

    color:#6B3EF4;

    font-size:16px;

    transition:.3s;

}

.cancer-test-item:hover .test-arrow{

    transform:translateX(5px);

}
/*============================================
Back To Top Button
============================================*/

#scrollTop{

    position:fixed;

    right:25px;

    bottom:25px;

    width:55px;

    height:55px;

    background:linear-gradient(135deg,#6B3EF4,#8458FF);

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:20px;

    cursor:pointer;

    box-shadow:0 12px 30px rgba(107,62,244,.30);

    transition:all .35s ease;

    z-index:9999;

    opacity:0;

    visibility:hidden;

    transform:translateY(20px);

}

#scrollTop.show{

    opacity:1;

    visibility:visible;

    transform:translateY(0);

}

#scrollTop:hover{

    transform:translateY(-6px) scale(1.08);

    box-shadow:0 20px 45px rgba(107,62,244,.45);

}

#scrollTop i{

    transition:.3s;

}

#scrollTop:hover i{

    transform:translateY(-2px);

}