.trucheck .ivd-fda-section {
    padding: 80px 0;
}

section.left-side-box {
    padding: 0 0 150px 0;
    background: none;
    margin: 0 20px;
}

.box-wrapper {
    position: relative;
}

.left-site-card {
    position: absolute;
    left: 5%;
    max-width: 700px;
    bottom: -60px;
    background: #fff;
    padding: 50px;
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}


.left-site-card h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #5C5C5C;
    line-height: 44.8px;
}

.left-site-card p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #9D9D9D;
}


.left-site-card.animate-border::before, .left-site-card.animate-border::after {
    transform: scaleY(1);
}

.left-site-card::before, .left-site-card::after {
    height: 60%;
}

.left-site-card::before, .left-site-card::after {
    content: "";
    position: absolute;
    width: 4px;
    top: 17%;
    bottom: 15%;
    background: #3C76B8;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1.2s ease;
    border-radius: 0px 12px 12px 0;
    left:0;
}


.left-site-card a {
    background: #F1F6FA;
    padding: 15px 30px;
    display: none;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px;
    color: #1862A2;
}

.left-site-card img {
    width: auto;
    margin: -0 10px 0 0;
}

section.center-box {
    padding: 0 0 80px 0;
    background: none;
}


.center-card h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 0px;
    color: #5C5C5C;
    line-height: 44.8px;
    margin-bottom: 20px;
}

.center-card p {
    font-size: 20px;
    font-weight: 400;
    line-height: 33px;
    color: #9D9D9D;
}

.center-card a {
    background: #F1F6FA;
    padding: 15px 30px;
    display: inline-block;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px;
    width: max-content;
    color: #1862A2;
    display: none;
}

.center-card img {
    width: auto;
    margin: -0 10px 0 0;
}

.center-card {
    display: flex;
    flex-direction: column;
    max-width: 750px;
    margin-right: 0;
    margin-left: auto;
    justify-content: flex-end;
    position: relative;
}

.center-card.animate-border::before, .center-card.animate-border::after {
    transform: scaleY(1);
}

.center-card::before, .center-card::after {
    height: 60%;
}

.center-card::before, .center-card::after {
    content: "";
    position: absolute;
    width: 4px;
    top: 2%;
    height: 85%;
    background: #3C76B8;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1.2s ease;
    border-radius: 0px 12px 12px 0;
    left:-20px;
}


body.trucheck {
    background: #F6F9FF;
}


section.right-side-box {
    padding: 0 0 150px 0;
    background: none;
}

.right-site-card {
    position: absolute;
    right: 5%;
    max-width: 700px;
    bottom: -60px;
    background: #fff;
    padding: 50px;
    border-radius: 14px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.1);
}


.right-site-card h2 {
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #5C5C5C;
    line-height: 44.8px;
}

.right-site-card p {
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #9D9D9D;
}


.right-site-card.animate-border::before, .right-site-card.animate-border::after {
    transform: scaleY(1);
}

.right-site-card::before, .right-site-card::after {
    height: 60%;
}

.right-site-card::before, .right-site-card::after {
    content: "";
    position: absolute;
    width: 4px;
    top: 17%;
    bottom: 15%;
    background: #3C76B8;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1.2s ease;
    border-radius: 0px 12px 12px 0;
    left:0;
}


.right-site-card a {
    background: #F1F6FA;
    padding: 15px 30px;
    display: none;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px;
    color: #1862A2;
}

.right-site-card img {
    width: auto;
    margin: -0 10px 0 0;
}

.list-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.list-items ul li {
    font-size: 20px;
    color: #9D9D9D;
    font-weight: 400;
    margin-bottom: 10px;
    position: relative;
    padding-left: 18px;
}

.list-items li::before {
    content: "–";
    position: absolute;
    left: 0;
    color: #2f6fb2;
    font-weight: bold;
}

.trucheck .science-card h2 {
    margin:0;
}

.trucheck .enquiry-section {
    padding: 100px 0 0px 0;
    background: #F6F9FF;
}

.trublood .ivd-fda-section {
    padding: 80px 0;
}


.exacta .enquiry-section {
    padding: 80px 0 0;

}


.trublood .enquiry-section {
    padding: 80px 0 0;

}


.exacta .left-site-card{
    max-width:1000px;
}

.exacta .left-site-card::before, .exacta .left-site-card::after{
    top: 13%;
}

body.pinaka .ivd-fda-section {
    padding: 80px 0;
}

body.trublood .fda-content h3 {
    color: #6B515F;
}

body.exacta .ivd-fda-section {
    padding: 80px 0;
}

.adv-hero-wrap {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0;
}

.adv-hero-overlay {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
    width: 100%;
}

.adv-hero-overlay h2 {
    color: #1862A2;
    font-size: 42px;
    line-height: 58.8px;
    font-weight: 600;
    max-width: 700px;
    text-align: left;
}

    .screening-section{
      position:relative;
      overflow:hidden;
      border-radius:20px;
      padding:70px 0;
      background:#f5f8fc;
      min-height:520px;
      background: url(../images/2nd.webp) center / cover no-repeat;
    }

    /* background effect */
    .screening-section::before{
      content:"";
      position:absolute;
      inset:0;
      background:
        radial-gradient(circle at 20% 40%, rgba(255,255,255,0.9), transparent 35%),
        radial-gradient(circle at 80% 20%, rgba(255,255,255,0.7), transparent 30%);
      opacity:.8;
      pointer-events:none;
    }

    .screening-wrapper{
      position:relative;
      z-index:2;
      display:flex;
      gap:60px;
      justify-content:space-between;
      align-items:flex-start;
      align-items: stretch;
    }

    /* LEFT */
    .screening-left{
      width:44%;
      padding-top:10px;
      display: flex;
      flex-direction: column;
    }

.screening-badge {
    margin-top: 25px;
}


.screening-tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    border-radius: 50px;
    background: #CCE7FF;
    color: #1862A2;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 28px;
    width: max-content;
}

.screening-title {
    font-size: 31px;
    line-height: 1.2;
    font-weight: 700;
    color: #5C5C5C;
    max-width: 540px;
}


    .screening-badge svg{
      width:18px;
      height:18px;
      stroke:#8a8a8a;
    }

    /* RIGHT */
    .screening-right{
      width:48%;
      display:flex;
      flex-direction:column;
      gap:16px;
    }

    .accordion-item{
      background:#fff;
      border:1px solid #dce6f2;
      border-radius: 8px;
      overflow:hidden;
      transition:.3s ease;
    }
    
    .accordion-item:first-of-type {
        border-radius: 8px;
    }

    .accordion-item.active{
      background:#EAF5FF;
    }

    .accordion-header{
      width:100%;
      border:none;
      background:none;
      padding:18px 26px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      cursor:pointer;
      text-align:left;
    }

.accordion-header h3 {
    font-size: 24px;
    line-height: 1.4;
    color: #5C5C5C;
    font-weight: 600;
    margin: 0;
    padding-right: 20px;
}

    .accordion-icon{
      width:12px;
      height:12px;
      border-right:2px solid #888;
      border-bottom:2px solid #888;
      transform:rotate(45deg);
      transition:.3s ease;
      flex-shrink:0;
      margin-top:-5px;
    }

    .accordion-item.active .accordion-icon{
      transform:rotate(-135deg);
      margin-top:5px;
    }

    .accordion-content{
      max-height:0;
      overflow:hidden;
      transition:max-height .4s ease;
    }

    .accordion-content-inner{
      padding:0 26px 24px;
    }

.accordion-content p {
    color: #949494;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 400;
}

.screening-badge img{
    width: auto;
}

.screening-badge p {
    background: #EBF6FF;
    padding: 15px 30px;
    display: inline-block;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px;
    color: #1862A2;
}

.screening-badge a {
    background: #EBF6FF;
    padding: 15px 30px;
    display: inline-block;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px;
    color: #1862A2;
}


.diagnosis-section{
    position:relative;
    overflow:hidden;
    border-radius:18px;
    padding:25px 0;
    margin: 0 20px;
    background:url("https://images.unsplash.com/photo-1582719478250-c89cae4dc85b?q=80&w=1600&auto=format&fit=crop") center/cover no-repeat;
}

/* blue overlay */

.diagnosis-section::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(180, 225, 247, 0.78);
    backdrop-filter:blur(2px);
}

.diagnosis-card{
    position:relative;
    z-index:2;
    background:#f7f7f7;
    border-radius:14px;
    padding:48px 42px;
    max-width:100%;
}

/* left accent border */

.diagnosis-card::before{
    content: "";
    position: absolute;
    width: 4px;
    top: 6%;
    bottom: 15%;
    background: #3C76B8;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1.2s ease;
    border-radius: 0px 12px 12px 0;
    left: 0;
    height: 85%;
}

.diagnosis-card.animate-border::before{
    transform: scaleY(1);
}

.adv-left-box.bottom-adv-box .left-site-card {
    max-width: 1000px;
}



/* TAG */

.diagnosis-tag{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:5px 20px;
    border-radius:50px;
    background: #CCE7FF;
    color: #1862A2;
    font-size:17px;
    font-weight:700;
    margin-bottom:26px;
}

/* TITLE */

.diagnosis-title{
    font-size:42px;
    line-height:1.15;
    color:#5c5c5c;
    font-weight:600;
    margin-bottom:22px;
    max-width:720px;
}

/* DESCRIPTION */

.diagnosis-content{
    max-width:1150px;
}

.diagnosis-content p{
    font-size: 20px;
    line-height: 28px;
    color: #9D9D9D;
    margin-bottom:6px;
    font-weight: 400;
}

/* BENEFITS */

.benefits-title{
    margin-top:26px;
    margin-bottom:22px;
    font-size:42px;
    color: #5C5C5C;
    font-weight:600;
}

.benefits-grid{
    display:flex;
    justify-content: space-between;
    gap:14px 50px;
}

.benefits-list{
    list-style:none;
}

.benefits-list li{
    position:relative;
    padding-left:18px;
    margin-bottom:14px;
    color: #9D9D9D;
    font-size:20px;
    font-weight: 500;
    line-height: 28px;
}

.benefits-list li::before{
    content:"–";
    position:absolute;
    left:0;
    top:0;
    color:#5f88c9;
    font-weight:700;
}

.advanced {
    background: #F6F9FF;
}

.tg-therapy{
    max-width:1400px;
    margin:auto;
}

/* HEADER */

.tg-therapy__top{
    text-align:center;
    margin-bottom:40px;
}

.tg-therapy__tag {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    background: #CCE7FF;
    color: #1862A2;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 20px;
}

.tg-therapy__title{
    font-size:42px;
    line-height:1.2;
    color:#5c5c5c;
    font-weight:600;
    margin-bottom:12px;
}

.tg-therapy__subtitle{
    font-size:24px;
    color:#5c5c5c;
    line-height:1.6;
    font-weight: 400;
}

.tg-therapy__heading sup {
    top: -14px;
    font-size: 14px;
}

.tg-therapy__mini-title sup {
    top: -16px;
    font-size: 18px;
}

.bottom-adv-box .left-site-card a {
    display: block;
    width: max-content;
}

.adv-right-box .right-site-card a {
    display: block;
    width: max-content;
}

/* ACCORDION */

.tg-therapy__accordion{
    display:flex;
    flex-direction:column;
    gap:18px;
}

/* ITEM */

.tg-therapy__item{
    background:#fff;
    border:1px solid #e4e7ee;
    border-radius:20px;
    overflow:hidden;
    transition:.3s ease;
    position:relative;
}

/* LEFT LINE */

.tg-therapy__item::before{
    content:"";
    position:absolute;
    left:0;
    top:20px;
    width:3px;
    height:55px;
    border-radius:20px;
    background:#6d6d6d;
    transition:.3s ease;
}

.tg-therapy__item.active{
    border-color:#bfd7f5;
}

.tg-therapy__item::before{
    content: "";
    position: absolute;
    width: 4px;
    top: 6%;
    bottom: 15%;
    background: #3C76B8;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1.2s ease;
    border-radius: 0px 12px 12px 0;
    left: 0;
    height: 85%;
}

.tg-therapy__item.animate-border::before
 {
    transform: scaleY(1);
}

/* HEADER */

.tg-therapy__header{
    padding:34px;
}

/* SMALL TEXT */

.tg-therapy__small {
    font-size: 24px;
    color: #5c5c5c;
    font-weight: 600;
    margin-bottom: 10px;
}

/* BIG TITLE */

.tg-therapy__heading {
    font-size: 30px;
    line-height: 1.3;
    color: #5c5c5c;
    font-weight: 600;
}

/* CONTENT */

.tg-therapy__content{
    padding:0 34px 34px 34px;
}

.tg-therapy__content p {
    color: #9d9d9d;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 10px;
    max-width: 1200px;
}

/* BUTTON */

.tg-therapy__btn{
    display:inline-flex;
    align-items:center;
    margin-top:10px;
    color:#7d7d7d;
    text-decoration:none;
    font-size:18px;
    font-weight:700;
    transition:.3s ease;
}

.tg-therapy__btn:hover{
    color:#2c7be5;
}

/* COLLAPSED ITEMS */

.tg-therapy__mini-title{
    font-size:32px;
    color:#5c5c5c;
    font-weight:600;
    margin-bottom:16px;
}

.tg-therapy__mini-text {
    color: #9a9a9a;
    font-size: 20px;
    line-height: 28px;
    max-width: 1150px;
    font-weight: 400;
}

body.advanced-cancer-care-solutions.homepage .enquiry-section {
    padding: 0;
    margin: 0;
}

.adv-left-box .left-site-card h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #5C5C5C;
    line-height: 44px;
}


.adv-left-box .left-site-card {
    max-width: 850px;
}

.adv-right-box .right-site-card h2 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 20px;
    color: #5C5C5C;
    line-height: 44px;
}


.adv-right-box .right-site-card {
    max-width: 1000px;
}

body.advanced.homepage section.enquiry-section {
    padding: 0;
    margin: 0;
}

.non-hero-wrap {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0;
}

.non-hero-overlay {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 2;
    width: 100%;
}

.non-hero-overlay h2 {
    color: #1862A2;
    font-size: 42px;
    line-height: 58.8px;
    font-weight: 600;
    text-align: center;
    display:inline-block;
    width: 100%;
}

.science-card.non-science-card h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 0px;
    color: #5c5c5c;
    margin-bottom: 10px;
    line-height: 40px;
}


.science-section.non-science-section {
margin:0;
}


.left-site-card.non-left-card
 {
    max-width: 950px;
}

.animate-non-sec .box-care-new p {
    font-size: 20px;
}

.cancer-care-new.animate-non-sec h2 {
    font-size: 36px;
    color: #5C5C5C;
    font-weight: 600;
    line-height: 44.8px;
    max-width: 800px;
    margin: 0 auto;
}

.image-are.d-none.d-md-none.d-lg-block.non-image
 {
    display: none ! IMPORTANT;
}


.team-members{
   
}

/* TITLE */

.team-members__title{
    text-align:center;
    font-size:42px;
    font-weight:700;
    color:#5c5c5c;
    margin-bottom:30px;
}

/* TABS */

.team-members__tabs{
    display:flex;
    justify-content:center;
    gap:14px;
    flex-wrap:wrap;
    margin-bottom:55px;
}

.team-members__tab{
     padding: 10px 30px;
    border-radius:10px;
    border:1px solid #b8cff0;
    background:#fff;
    color:#1862A2;
    font-size:17px;
    font-weight:700;
    cursor:pointer;
    transition:.3s ease;
}

.team-members__tab.active{
    background:#1862A2;
    color:#fff;
    border-color:#1862A2;
}

/* GRID */

.team-members__grid{
    display:none;
    grid-template-columns:repeat(4,1fr);
    gap:50px 34px;
}

.team-members__grid.active{
    display:grid;
}

/* CARD */

.team-members__card{
    text-align:center;
}

.team-members__card--offset{
    grid-column:2;
}

/* IMAGE */

.team-members__image{
    width:100%;
    height:320px;
    border-radius:22px;
    overflow:hidden;
    margin-bottom:22px;
    background:#ddd;
}

.team-members__image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* NAME */

.team-members__name{
    font-size:20px;
    line-height:1.3;
    color:#1862A2;
    font-weight:700;
    text-transform:uppercase;
    margin-bottom:10px;
}

/* TEXT */

.team-members__position{
    color:#9d9d9d;
    font-size:16px;
    font-weight: 400;
    line-height:1.5;
    margin-bottom:5px;
}

.team-members__degree{
    color:#9D9D9D;
    font-size: 15px;
    font-weight: 400
}

.team-members {
    background: #fff;
}

/*#corporate .team-members__card:nth-last-child(2){*/
/*    grid-column:2;*/
/*}*/

/*#corporate .team-members__card:last-child{*/
/*    grid-column:3;*/
/*}*/


.test-portfolio{
    position:relative;
    overflow:hidden;
    padding:90px 0 80px;
    background:url('../images/port.webp') center/cover no-repeat;
}

/* overlay */

.test-portfolio::before{

}


/* HEADER */

.test-portfolio__top{
    text-align:center;
    max-width:950px;
    margin:auto auto 55px;
}

.test-portfolio__title{
    color:#fff;
    font-size:42px;
    line-height:1.2;
    font-weight:700;
    margin-bottom:18px;
}

.test-portfolio__text{
    color: #B8D8F4;
    font-size:20px;
    line-height: 28px;
    font-weight: 400;
}

/* SWIPER */

.test-portfolio__slider{
    overflow:hidden !important;
    padding:0 0 90px 0 !important;
}

/* CARD */

.test-card{
    background:linear-gradient(180deg,#2f90ef 0%, #1e7cda 100%) !important;
    border-radius:18px;
    padding:34px 28px;
    min-height:360px;
    transition:.3s ease;
}

.test-card:hover{
    transform:translateY(-6px);
}

.test-card sup {
    font-size: 14px;
    top: -12px;
}

/* CARD TITLE */

.test-card__title{
    color:#fff;
    font-size:32px;
    line-height:1.2;
    font-weight:700;
    margin-bottom:18px;
}

/* CARD TEXT */

.test-card__text{
    color: #fff;
    font-size:20px;
    line-height: 28px;
    font-weight: 400;
    margin-bottom:24px;
}

/* BUTTON */

.test-card__btn{
    display:inline-flex;
    align-items:center;
    text-decoration:none;
    color:#fff;
    font-size:20px;
    font-weight:400;
    text-transform:uppercase;
    transition:.3s ease;
}

.test-card__btn:hover{
    opacity:.6;
    color: #fff;
}

/* PAGINATION */

.swiper-pagination{
    bottom: 0px !important;
}

.swiper-pagination-bullet{
    width:10px;
    height:10px;
    background: #5c5c5c !important;
    opacity:1 !important;
}

.swiper-pagination-bullet-active{
    background:#fff !important;
}


/* HIDE ON DESKTOP */

.team-mobile-accordion{
    display:none;
}

.contatcus h3 {
    color: #1862A2;
    font-size: 28px;
    font-weight: 700;
}

.contatcus h5 {
    color: #5c5c5c;
    font-size: 22px;
    font-weight: 700;
}

.contatcus .form-check label, .preferred-contact {
    font-size: 20px;
    color: #5c5c5c;
    margin: 0px;
}

.form-check.one-line {
    display: inline-block;
    padding-right: 15px;
}

section.contatcus {
    background: url(../images/2nd.webp) center / cover no-repeat;
}

.col-sm-6.right-side-contact {
    background: #fff;
    border-radius: 10px;
    padding: 20px;
}

.contatcus .form-control {
    border: 1px solid #9F9F9F;
    padding: 15px 10px;
    border-radius: 10px;
    color: #9D9D9D;
}

.col-sm-6.mb-5.left-side-contact {
    padding: 0 40px 0 0;
}

.contatcus h5.color-blue {
    color: #2A8BDF;
}

.row.mt-5.bottom-address {
    display: none;
}

.form-check {
    display: flex;
    align-items: baseline;
}

.form-check.left-label label {
    margin: 0 10px;
}

.contatcus textarea.form-control
 {
    height: 90px;
}

/* =========================
   FAQ SECTION
========================= */

.dc-faq-section{
    padding: 60px 0 0;
}

.dc-faq-wrapper{
    width: 100%;
}

.dc-faq-title{
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    color: #5c5c5c;
    margin-bottom: 40px;
}

/* =========================
   TABS
========================= */

.dc-faq-tabs{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 35px;
}

.dc-faq-tab-btn{
    border: 1px solid #71B2EA;
    background: transparent;
    color: #1862A2;
    border-radius: 10px;
    padding: 12px 12px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.dc-faq-tab-btn:hover{
    background: #1862A2;
    color: #fff;
}

.dc-faq-tab-btn.active{
    background: #1862A2;
    color: #fff;
    border-color: #1862A2;
}

footer .btn, .contatcus .btn, .trusted-head .btn {
    background: #2a8bdf;
}

/* =========================
   TAB CONTENT
========================= */

.dc-faq-tab-content{
    display: none;
}

.dc-faq-tab-content.active{
    display: block;
}

/* =========================
   FAQ ITEM
========================= */

.dc-faq-item{
    background: #fff;
    border: 1px solid #B8D8F4;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 16px;
    transition: 0.3s ease;
}

.dc-faq-item.active{
    background: #dfeefa;
}

/* =========================
   QUESTION
========================= */

.dc-faq-question{
    padding: 15px 28px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    cursor: pointer;
}

.dc-faq-question h3{
    font-size: 22px;
    font-weight: 500;
    color: #474747;
    margin: 0;
    line-height: 1.5;
}

.dc-faq-question span{
    font-size: 28px;
    color: #6b6b6b;
    transition: 0.3s ease;
}

.dc-faq-item.active .dc-faq-question span{
    transform: rotate(90deg);
}

/* =========================
   ANSWER
========================= */

.dc-faq-answer{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
}

.dc-faq-item.active .dc-faq-answer{
    max-height: 500px;
}

.dc-faq-answer-inner {
    padding: 0 28px 28px;
    color: #6B6B6B;
    font-size: 16px;
    line-height: 1.8;
    max-width: 760px;
    font-weight: 400;
}

.dc-mobile-faq{
    display: none;
}


#celldx .dc-faq-item.active .dc-faq-answer {
    display: none;
}

#celldx .dc-faq-item.active .dc-faq-question span {
    display: none;
}


/* =========================
   EVENTS SECTION
========================= */

.dc-events-section {
    padding: 80px 0;
    background: url(../images/events-hero.webp) no-repeat;
    position: relative;
    overflow: hidden;
    background-size: cover;
}




.dc-events-section::after{
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(255,255,255,0.06);
    filter: blur(100px);
    bottom: -100px;
    right: -100px;
    border-radius: 50%;
}

.dc-events-section .container{
    position: relative;
    z-index: 2;
}

/* =========================
   TOP
========================= */

.dc-events-top{
    text-align: center;
    max-width: 1000px;
    margin: 0 auto 55px;
}

.dc-events-heading{
    color: #fff;
    font-size: 42px;
    font-weight: 700;
    margin-bottom: 18px;
}

.dc-events-description{
    color: #B8D8F4;
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    margin: 0;
}

/* =========================
   GRID
========================= */

.dc-events-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

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

.dc-events-card{
    background: #178EF5BD;
    border-radius: 12px;
    padding: 22px 18px;
    min-height: 240px;
    display: flex;
    flex-direction: column;
    transition: 0.3s ease;
}

.dc-events-card:hover{
    transform: translateY(-5px);
}

/* TITLE */

.dc-events-card-title{
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 18px;
}

/* TEXT */

.dc-events-card-text{
    color: rgba(255,255,255,0.92);
    font-size: 16px;
    font-weight:400;
    line-height: 1.7;
    margin-bottom: 22px;
}

/* BUTTON */

.dc-events-card-btn{
    margin-top: auto;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    transition: 0.3s ease;
}

.dc-events-card-btn:hover{
    color: #fff;
    opacity: 0.75;
}

.publication-page h2 {
    font-size: 32px;
    color: #fff;
    font-weight: 600;
}

.publication-page .nav-tabs .nav-link {
       border: 1px solid #71B2EA;
    background: transparent;
    color: #fff;
    border-radius: 10px;
    padding: 12px 12px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.publication-page .nav-tabs .nav-link.active {
    background: #fff;
    border: 1px solid #1862A2;
    color: #1862A2;
}

.publication-box h3 {
    font-size: 20px;
}

.publication-box {
    background: #178EF5BD;
}

.publication-box a {
    position: static;
    background: none;
    padding: 0;
    text-transform: uppercase;
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    font-weight: normal;
}

section.faq.publication-page {
    background: url(../images/events-hero.webp) no-repeat;
    background-repeat: no-repeat;
    background-size: cover;
}

.publication-box {
    min-height: 265px;
}

.non-invasive-blood-tests-to-detect-cancer .blood-test {
    top: 20%;
}

body.non-invasive-blood-tests-to-detect-cancer .non-hero-overlay h2 {
    font-size: 62px;
}

body.non-invasive-blood-tests-to-detect-cancer .science-card::before{
    top:10%;
    height: 76%;
}

section.ivd-fda-section.fade-section.detects {
    padding: 80px 0;
}

.left-site-card.easycheck-card {
    max-width: 1000px;
}


section.ivd-fda-section.trublood-sec {
    padding: 80px 0;
}

section.ivd-fda-section.exacta-sec {
    padding: 80px 0;
}

section.ivd-fda-section.pinaka-sec {
    padding: 80px 0;
}

section.ivd-fda-section.chemo-sec {
    padding: 80px 0;
}

section.ivd-fda-section.cancer-track-sec
 {
    padding: 80px 0;
}

section.ivd-fda-section.target-sec {
    padding: 80px 0;
}

body.targetmrd360 section.science-section {
    padding: 0 0 80px 0;
}


body.pinaka360 .fda-content h3 {
    color: #7E4C63;
}

body.trublood-safe-cost-effective-blood-tests .fda-content h3 {
    color: #6B515F;
}

body.excta-comprehensive-tumor-analysis .fda-content h3 {
    color: #E73A46;
}

body.cancertrack-non-invasive-cancer-monitoring .fda-content h3 {
    color: #7F615F;
}

.step sup {
    font-size: 12px;
    top:-8px;
}

.vx-faq-item sup {
    top: -8px;
    font-size: 14px;
}

p.note {
    font-size: 10px;
    line-height: 14px;
    color: #9d9d9d;
    font-weight: normal;
}

body.celldx-targeted-therapy-options .vx-bio-card::before{
    height: 76%;
}

body.celldx-targeted-therapy-options.homepage .clinical-card h2 {
    margin-bottom: 15px;
}


.process-section h2.top-sup sup {
    top: -20px;
    font-size: 20px;
}


.terms{
    padding: 80px 20px;
}

.terms-container{
    max-width: 900px;
    margin: 0 auto;
}

.terms-main-title{
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    color: #5c5c5c;
    margin-bottom: 45px;
}

.terms-card{
    background: #FFFFFF;
    border: 1px solid #B8D8F4;
    border-radius: 16px;
    padding: 24px;
    margin-bottom: 22px;
}

.terms-card h2{
    font-size: 32px;
    font-weight: 600;
    color: #5c5c5c;
    margin-bottom: 18px;
    text-transform: uppercase;
}

.terms-content p,
.terms-content li{
    font-size: 18px;
    line-height: 28px;
    color: #9d9d9d;
    margin-bottom: 14px;
    font-weight: 400;
}

.terms-content ul, .terms-content ol {
    padding-left: 0;
    margin-bottom: 0;
    color: #9d9d9d;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
}

.terms-content a{
    color: #4d74ff;
    text-decoration: none;
}

.terms-content a:hover{
    text-decoration: underline;
}

.hero-overlay h2 {
    max-width: 500px;
}

.faqs .dc-faq-answer sup {
    display: none;
}

.science-card.non-science-card h2.below-text {
    font-size: 18px;
}

body.homepage footer .copyright span {
    display: none;
}

body.homepage .copyright {
    padding: 20px 0 0 0;
    display: flex;
    justify-content: center;
}

body.homepage.excta-comprehensive-tumor-analysis footer .copyright span.Eaxcta {
    display: block;
    background: none;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    max-width: none;
    margin: 0;
    position: static;
}

body.homepage.excta-comprehensive-tumor-analysis footer .copyright {
    justify-content: space-between;
}


body.homepage.targetmrd360 footer .copyright span.Taregt {
    display: block;
    background: none;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    max-width: none;
    margin: 0;
    position: static;
}

body.homepage.targetmrd360 footer .copyright {
    justify-content: space-between;
}


body.homepage.cancertrack-non-invasive-cancer-monitoring footer .copyright span.Cancertrack {
    display: block;
    background: none;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    max-width: none;
    margin: 0;
    position: static;
}

body.homepage.cancertrack-non-invasive-cancer-monitoring footer .copyright {
    justify-content: space-between;
}



body.homepage.chemo-scale-effective-chemotherapy footer .copyright span.Chemoscale {
    display: block;
    background: none;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    max-width: none;
    margin: 0;
    position: static;
}

body.homepage.chemo-scale-effective-chemotherapy footer .copyright {
    justify-content: space-between;
}


body.homepage.pinaka360 footer .copyright span.Pinaka {
    display: block;
    background: none;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    max-width: none;
    margin: 0;
    position: static;
}

body.homepage.pinaka360 footer .copyright {
    justify-content: space-between;
}

body.homepage.trublood-safe-cost-effective-blood-tests footer .copyright span.Trublood {
    display: block;
    background: none;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    max-width: none;
    margin: 0;
    position: static;
}

body.homepage.trublood-safe-cost-effective-blood-tests footer .copyright {
    justify-content: space-between;
}

body.homepage.easycheck360 footer .copyright span.easycheck {
    display: block;
    background: none;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    max-width: none;
    margin: 0;
    position: static;
}

body.homepage.easycheck360 footer .copyright {
    justify-content: space-between;
}


body.homepage.celldx-tissue footer .copyright span.Cell {
    display: block;
    background: none;
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    max-width: none;
    margin: 0;
    position: static;
}

body.homepage.celldx-tissue footer .copyright {
    justify-content: space-between;
}

footer span.Cell sup {
    top: -8px !important;
    font-size: 10px !important;
}

.test-portfolio__slider .swiper-wrapper {
    align-items: flex-start !important;
}

.test-portfolio__slider .swiper-slide {
    height: auto !important;
}

.test-card {
    height: auto !important;
}

.swiper-slide {
    height: auto !important;
}

.swiper-wrapper {
    height: auto !important;
}

.disclaimer p {
    font-size: 12px;
    color: #5c5c5c;
    padding: 20px 0 0;
    margin: 0;
}

.dc-faq-question a {
    color: #1862a2;
    text-decoration: none;
}

.update-box {
    background: #fff;
    border-radius: 14px;
    padding: 10px 20px;
    max-width: 850px;
    margin: 0 auto 40px;
}

.update-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:#1c85e0;
    color:#fff;
    font-size:15px;
    font-weight:600;
    padding:8px 14px;
    border-radius:6px;
    margin-bottom:10px;
    line-height:1;
}

.update-tag .icon{
    width:16px;
    height:16px;
    border-radius:50%;
    background:#fff;
    color:#2f8df5;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:11px;
    font-weight:700;
    flex-shrink:0;
}

.update-title{
    margin:0;
    color:#5c5c5c;
    font-size:20px;
    font-weight:600;
    line-height:1.35;
}

.process-section h2.top-sup sup {
 
    top: -8px;
    font-size: 12px;
}


.scroll-contact {
    text-decoration: none;
    color: #239FDB;
}

.box-care-new a {
    font-size: 18px;
}

.non-hero-overlay p {
    text-align: center;
    font-size: 24px;
    color: #5c5c5c;
    font-weight: 500;
}

.non-science-card h3 {
    font-size: 26px;
    font-weight: 600;
    color: #5c5c5c;
}

.non-science-card ul {
    list-style: disc;
    margin: 0 0 20px 0;
}

.non-science-card ul li {
    font-size: 19px;
    list-style: disc;
    margin: 0 0 0 20px;
    color: #9d9d9d;
}

#mission .left-site-card.non-left-card {
    max-width: 100%;
    left: 0%;
    margin: 0 20px;
}

#mission .left-site-card.non-left-card h3.below-text {
    font-size: 20px;
    font-weight: 600;
    color: #9d9d9d;
    font-weight: 400;
}

#mission h4 {
    color: #5c5c5c;
    margin: 0 0 20px 0;
}

#mission .left-site-card h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: 600;
}

.science-section.non-science-section {
    padding: 70px 0;
}

.cancer-care-new p.closing {
    text-align: center;
    margin: 40px 0 0;
    font-size: 20px;
}

.box-care-new::before {
    height: 100%;
}



.team-members__image{
    position:relative;
    overflow:hidden;
    border-radius:24px;
}

.team-members__image img{
    width:100%;
    display:block;
}

.team-members__overlay{
    position:absolute;
    inset:0;
    background: #1862a2a8;
    font-weight: 400;
    display:flex;
    align-items:center;
    justify-content:center;

    text-align:center;
    padding:10px;
    box-sizing:border-box;

    color:#fff;
    font-size:14px;
    line-height:1.6;

    opacity:0;
    visibility:hidden;
    transition:.4s ease;
}

.team-members__card:hover .team-members__overlay{
    opacity:1;
    visibility:visible;
}


.vx-faq-section {
    padding: 80px 20px 0 20px;
}

.features-grid.pro-feature-grid {
    grid-template-columns: repeat(4, 1fr);
}

.clinical-utility-section h4 {
    color: #9d9d9d;
}

.mrd-workflow{
    padding:0px 0;
}

.mrd-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:25px;
    margin-top:40px;
}

.mrd-bottom{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:25px;
    margin-top:25px;
}

.mrd-card{
    background:#fff;
    padding:25px;
    box-shadow:0 5px 20px rgba(0,0,0,.08);
    position: relative;
}

.mrd-card h3 {
    margin-bottom: 20px;
    color: #5c5c5c;
    font-size: 22px;
    font-weight: 600;
}

.mrd-card ul{
    padding-left:20px;
}

.mrd-card li {
    margin-bottom: 4px;
    color: #9d9d9d;
    line-height: 1.6;
    font-weight: 500;
    font-size: 16px;
    list-style: disc;
}

.mrd-workflow h2.section-title {
    color: #5c5c5c;
    font-size: 42px;
    font-weight: 600;
    text-align: center;
}

.mrd-card p{
    margin-top:15px;
    color:#555;
}

.vx-bio-card h4 {
    font-size: 16px;
    color: #5c5c5c;
    font-weight: 600;
}


.vx-bio-card.animate-border::before {
    transform: scaleY(1);
}

.vx-bio-card::before {
    content: "";
    position: absolute;
    left:0;
    width: 4px;
    height: 88%;
    top: 5%;
    bottom: 0;
    background: #3C76B8;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1.2s ease;
    border-radius: 0px 12px 12px 0;
}

.vx-bio-grid.target-bio li {
    margin-bottom: 5px;
}

.vx-bio-grid.target-bio li:last-child {
    margin-bottom: 15px;
}


.mrd-card.animate-border::before, .mrd-card.animate-border::after {
    transform: scaleY(1);
}

.mrd-card::before, .mrd-card::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 80%;
    left: 0;
    top: 10%;
    bottom: 15%;
    background: #3C76B8;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1.2s ease;
    border-radius: 0px 12px 12px 0;
}


.chemoscale-reveal{
    padding:80px 0;
    background:#fff;
}

.chemoscale-reveal .section-title{
    text-align:center;
    font-size:42px;
    font-weight:700;
    margin-bottom:50px;
    color:#5c5c5c;
}

.chemoscale-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.chemoscale-card{
    background:#fff;
    border-radius:18px;
    padding:35px;
    box-shadow:0 8px 25px rgba(0,0,0,.08);
    transition:.3s;
    position: relative;
}

.chemoscale-card:hover{
    transform:translateY(-6px);
}

.chemoscale-card h3 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 18px;
    color: #5c5c5c;
    font-weight: 600;
}

.chemoscale-card p{
    font-size:16px;
    line-height:1.7;
    color:#9d9d9d;
    margin:0;
}

/* Last 2 cards center */
.chemoscale-card:nth-child(4){
    grid-column:1 / 2;
}

.chemoscale-card:nth-child(5){
    grid-column:2 / 4;
}

.chemoscale-card.animate-border::before, .chemoscale-card.animate-border::after {
    transform: scaleY(1);
}

.chemoscale-card::before, .chemoscale-card::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 58%;
    left:0;
    top: 17%;
    bottom: 15%;
    background: #3C76B8;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1.2s ease;
    border-radius: 0px 12px 12px 0;
}

.trublood-reveal-section{
    padding:90px 0;
    position:relative;
}


.trublood-reveal-section .container{
    position:relative;
    z-index:2;
}

.trublood-reveal-heading{
    text-align:center;
    margin-bottom:40px;
}

.trublood-reveal-heading h2{
    color:#5c5c5c;
    font-size:42px;
    line-height:1.1;
    margin-bottom:15px;
    font-weight:600;
}

section.trublood-reveal-section.trublood-who .trublood-reveal-heading h2 {
    color: #fff;
}

.trublood-reveal-heading p{
    color:#9d9d9d;
    font-size:24px;
    opacity:.9;
}

.trublood-reveal-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.trublood-reveal-card{
    background:#fff;
    border-radius:22px;
    padding:35px;
    position:relative;
}

.trublood-reveal-card:before{
    content:"";
    position:absolute;
    left:0;
    top:30px;
    width:4px;
    height: 65%;
    background:#3C76B8;
    border-radius:20px;
}

.trublood-reveal-card h3{
    font-size:20px;
    line-height:1.2;
    color:#5c5c5c;
    margin-bottom:8px;
    padding-left:10px;
    font-weight: bold;
}

.trublood-reveal-card p{
    font-size:16px;
    color:#9d9d9d;
    padding-left:10px;
    font-weight: 500;
    margin:0;
}

.trublood-reveal-card:nth-child(4){
    grid-column:1 / 2;
}

.trublood-reveal-card:nth-child(5){
    grid-column:2 / 3;
}


.exacta .fda-content h4 {
    color: #E73A46;
}

.exacta .fda-content h3 {
    color: #E73A46;
}

.trublood-safe-cost-effective-blood-tests .fda-content h4 {
    color: #6B515F;
}

.cancertrack-non-invasive-cancer-monitoring .fda-content h4 {
    color: #7F615F;
}

body.pinaka360 .fda-content h4 {
    color: #7E4C63;
}

section.trublood-reveal-section.trublood-who {
    padding: 80px 0;
    background: url(../images/trublood-2.webp) no-repeat;
    background-size: cover;
    margin: 0 20px;
    border-radius: 30px;
}

header .navbar-dark .navbar-nav .nav-link {
padding: 0.5em 1em;
}

header .navbar-dark .navbar-nav .nav-link.talk {
    background: #1962a1;
    color: #fff;
    border-radius: 6px;
}

.dpwnload-btn a {
    background: #0c84e8;
    color: #fff;
    text-decoration: none;
    padding: 15px 30px;
    display: inline-block;
    margin: 40px 0 0;
    border-radius: 8px;
}

.trublood-safe-cost-effective-blood-tests .dpwnload-btn a {
    background: #0c4eb3;
}

.dpwnload-btn {
    display: flex;
    align-items: center;
    justify-content: center;
}

.listen-section a img {
    width: auto;
}

.listen-section a{
        background: #F1F6FA;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px;
    color: #1862A2;
}

.cancer-screning-new li.no-link a {
    cursor: auto;
}


.cancer-screning li a span {
    font-size: 20px;
    display: block;
    font-weight: 400;
    line-height: normal;
    margin: 20px 0 0;
}

.cancer-screning .screning-services li:nth-child(7) a:hover {
    color: rgb(178, 204, 111);
}


.clinical-applications {
    padding: 80px 0;
    background: #DEF5FF;
}

.clinical-applications .container {
    max-width: 1200px;
    margin: 0 auto;
}

/* Top Box */

.journey-box {
    margin-bottom: 40px;
}

.journey-box h2 {
    text-align: center;
    font-size: 42px;
    margin-bottom: 10px;
    color: #5c5c5c;
    font-weight: bold;
}

.journey-box > p {
    text-align: center;
    color: #9d9d9d;
    margin-bottom: 25px;
    font-size: 24px;
    line-height: 33px;
    font-weight: 400;
}

.journey-line {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    position: relative;
    gap: 30px;
}

.journey-line:before {
    content: "";
    position: absolute;
    top: 35px;
    left: 10%;
    right: 10%;
    height: 4px;
    background: #0066cc;
}

.journey-item {
    position: relative;
    z-index: 2;
    text-align: center;
}

.journey-item .icon {
  
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
}

.journey-item h4 {
    font-size: 18px;
    margin-bottom: 10px;
    color: #5c5c5c;
    font-weight: 700;
}

.journey-item ul{
    list-style:none;
    padding:0;
    margin:0;
}

.journey-item ul li{
    position:relative;
    color:#9d9d9d;
    font-size:16px;
    line-height:1.4;
    margin-bottom:12px;
    text-align:center;
    padding-left:0px;
    width:100%;
    box-sizing:border-box;
    list-style: disc;
    list-style-position: inside;
    font-weight: 500;
}





/* MRD Cards */

.mrd-card {
    background: #1470BD;
    border-radius: 20px;
    padding: 40px;
    margin-bottom: 30px;
    color: #fff;
}

.mrd-card h3 {
    text-align: center;
    margin-bottom: 10px;
    font-size: 36px;
    color: #fff;
}

.mrd-card p {
    text-align: center;
    margin-bottom: 35px;
    color: #fff;
    font-size: 20px;
}

.mrd-card.bottom-mrd h3{

}

.mrd-card.bottom-mrd p{
    margin-top:0;
}

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

.step {
    text-align: center;
}

.circle {
    width: 75px;
    height: 75px;
    background: #fff;
    border-radius: 50%;
    color: #0071d9;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    margin: 0 auto 12px;
}

.step span {
    display: block;
    font-size: 16px;
}

.symbol {
    font-size: 40px;
    font-weight: 700;
    line-height: normal;
    position: relative;
    top: -15px;
}

span.new-offer {
    font-size: 11px;
    color: #9d9d9d;
}

.vx-clinical-box p.space-btm {
    margin: 0;
}

.enquiry-form textarea{
    width: 180px; /* ya jo width chahiye */
    height: 48px; /* input ke barabar */
    padding: 12px 18px;
    background: #1f5f9c;
    border: 1px solid #4d6c8d;
    border-radius: 8px;
    color: #fff;
    font-size: 14px;
    font-family: inherit;
    resize: none;        /* resize handle hata dega */
    overflow: hidden;    /* scroll hata dega */
    outline: none;
    line-height: 24px;
}

.enquiry-form textarea::placeholder{
    color: #fff;
    opacity: 1;
}

/* Better browser support */
.enquiry-form textarea::-webkit-input-placeholder{
    color: #fff;
}

.enquiry-form textarea::-moz-placeholder{
    color: #fff;
}

.enquiry-form textarea:-ms-input-placeholder{
    color: #fff;
}

.enquiry-form textarea:focus {
    border-color: #000;
}

/*======================================
            FOOTER
======================================*/

.dcg-footer{
    background: #F6F9FF;
    position:relative;
    padding:70px 0 35px;
    overflow:hidden;
    font-family: "DM Sans", sans-serif;
}

/* Light Blue Glow */



/**********************************
Container
**********************************/

.dcg-footer .container{
    max-width:1280px;
    position:relative;
    z-index:2;
}

/**********************************
Main Grid
**********************************/

.footer-main{
    display:grid;
    grid-template-columns:
        1.45fr
        1fr
        1fr
        1fr;

    gap:60px;
    align-items:flex-start;
}

/**********************************
Vertical Lines
**********************************/

.footer-column{
    position:relative;
    padding-left:32px;
    height: 100%;
}

.footer-column::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:1px;
    height:100%;
    background:#d7dfef;
}

/**********************************
Logo
**********************************/

.footer-logo{
    margin-bottom:28px;
}

.footer-logo img{
    width:240px;
    display:block;
}

/**********************************
Address Blocks
**********************************/

.footer-address{
    display:flex;
    gap:18px;
    margin-bottom:22px;
}

.address-icon{
    width:42px;
    height:42px;
    min-width:42px;

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

    background:#edf4ff;
    border-radius:50%;
}

.address-icon img{
    width:18px;
}

.address-content h4{

    color: #1962a1;

    font-size:18px;

    font-weight:700;

    margin-bottom:8px;
}

.address-content p{

    color:#9d9d9d;

    font-size:15px;

    line-height:1.75;

    margin:0;
}

.address-divider{

    width:100%;

    height:1px;

    background:#dfe5ef;

    margin:25px 0;
}

/**********************************
Phone / Email
**********************************/

.footer-contact-info{

    margin-top:25px;
}

.contact-item{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:18px;
}

.contact-item img{

    width:20px;
}

.contact-item span{

    font-size:15px;

    color:#9d9d9d;
}

.contact-item strong{

    color:#2050a6;

    margin-right:5px;
}

/**********************************
Column Headings
**********************************/

.footer-column h3{

    color:#1962a1;

    font-size:18px;

    font-weight:700;

    margin-bottom:28px;

    position:relative;

    display:inline-block;
}

.footer-column h3::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-10px;

    width:34px;

    height:3px;

    background:#2050a6;

    border-radius:30px;
}

/**********************************
List
**********************************/

.footer-column ul{

    margin:0;

    padding:0;

    list-style:none;
}

.footer-column li{

    margin-bottom:0px;
}

.footer-column a{

    text-decoration:none;

    color:#394353;

    font-size:16px;

    transition:.3s;
}

/**********************************
Arrow
**********************************/

.footer-column a::before{

    content:"›";

    color:#2050a6;

    font-size:20px;

    margin-right:12px;

    font-weight:600;
}

.footer-column a:hover{

    color:#2050a6;

    padding-left:6px;
}

/**********************************
Bottom Area
**********************************/

.footer-bottom{

    text-align:center;

    margin-top:70px;
}

.footer-bottom p:first-child{

    font-size:16px;

    color:#9d9d9d;

    margin-bottom:8px;

    font-weight:500;
}

.footer-bottom p:last-child{

    color:#9d9d9d;

    font-size:15px;

    margin-bottom:0;
}



.footer-policy{

      width:fit-content;
    margin:28px auto 0;
    padding-top:25px;

    border-top:1px solid #d9e1ee;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:20px;
}

.footer-policy a{
    font-weight: 500;
}

.contact-item span {
    font-size: 15px;
    color: #9d9d9d;
    position: static;
    background: none;
    padding: 0px;
    border-radius: 0px;
    max-width: max-content;
    text-align: left;
    top: 0px;
    margin: 0;
}

.footer-policy span {
    color: #b3b3b3;
     position: static;
    background: none;
}

.footer-policy a{

    text-decoration:none;

    color:#2050a6;

    font-weight:500;

    font-size:15px;
}

.footer-policy span{

    color:#b3b3b3;
}

.footer-policy a:hover{

    text-decoration:underline;
}



.footer-column ul li:last-child{

    margin-bottom:0;
}

.footer-address:last-child{

    margin-bottom:0;
}

.contact-item:last-child{

    margin-bottom:0;
}


.footer-column a,
.footer-policy a{

    transition:all .35s ease;
    color: #9d9d9d;
}

.footer-column a:hover{

    transform:translateX(3px);
}


.address-icon{
    width:42px;
    height:42px;
    min-width:42px;

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

    border-radius:50%;
    background:#edf4ff;

    color:#1f4fa5;
    font-size:18px;
    transition:.3s;
}

.address-icon i{
    line-height:1;
    color: #1962a1;
}


.contact-item{
    display:flex;
    align-items:center;
    gap:14px;
    margin-bottom:18px;
}

.contact-icon{
    width:34px;
    height:34px;

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

    border-radius:50%;
    background:#edf4ff;

    color:#1f4fa5;
    font-size:15px;

    flex-shrink:0;
}

.contact-icon i{
    line-height:1;
}

.fa-phone-alt:before, .fa-phone-flip:before {
    color: #1f4fa5;
}

.footer-contact-info{
    margin-top:35px;
}

.footer-contact-info .footer-address{
    display:flex;
    align-items:center;
    gap:18px;
    margin-bottom:0px;
}

.footer-contact-info .address-icon{
    width:42px;
    height:42px;
    min-width:42px;

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

    background:transparent;
    border-radius:50%;
}

.footer-contact-info .address-icon i{
    font-size:22px;
    color:#1962a1;
}

.footer-contact-info .address-content{
    flex:1;
}

.footer-contact-info .address-content p{
    margin:0;
    font-size:15px;
    color:#9d9d9d;
    line-height:1.6;
}

.footer-contact-info .address-content strong{
    color:#1962a1;
    font-weight:700;
}


.tg-therapy__header a {
    background: #EBF6FF;
    padding: 10px 24px;
    display: inline-block;
    border-radius: 10px;
    text-decoration: none;
    font-size: 16px;
    color: #1862A2;
}

#portfolio h3 {
    color: #B8D8F4;
    text-align: center;
    font-size: 20px;
    margin: 20px 0 0;
}


a.publication-btn {
     color: #B8D8F4;
    text-decoration: none;
    text-align: center;
}

.vx-faq-answer ul {
    list-style: none;
}

body.trublood .process-section h2 {
    font-size: 38px;
}

header .navbar-expand-lg .navbar-nav .talk-dropdown .dropdown-menu{
    left:0 !important;
}

.order-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 500;
    transition: .35s;
    background: #1962a1;
    color: #FFF !important;
    font-size: 18px;
    margin: 10px 0 0 0;
}


.order-btn sup {
    font-size: 12px;
    top: -6px;
}

body.proxceq .fda-content h4 {
    color: #6B515F;
}


body.proxceq .fda-content h3 {
    color: #6B515F;
}

body.proxceq .vx-onco-grid {
    grid-template-columns: repeat(3, 1fr);
}

body.proxceq .vx-onco-title {
    margin-bottom: 40px;
}

body.proxceq .features-grid.pro-feature-grid {
    grid-template-columns: repeat(2, 1fr);
}

body.proxceq .feature-card {
    min-height: auto;
}

body.proxceq .vx-clinical-box {
    width: auto;
    background: #fff;
}

body.proxceq .vx-top-row {
    margin-bottom: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

section.vx-clinical-sec.bottom-clinical-sec {
    background: none;
    padding: 80px 20px 40px 20px;
}

body.proxceq section.vx-clinical-sec.bottom-clinical-sec .vx-top-row {
    display: flex;
}

section.vx-clinical-sec.bottom-clinical-sec h2.vx-clinical-heading {
    color: #5c5c5c;
}

section.vx-clinical-sec.bottom-clinical-sec p.vx-clinical-sub {
    color: #9d9d9d;
}



.biomarker-section{
    padding:60px 0 80px 0;
    background:#f5f7fb;
}

.container{
    max-width:1200px;
    margin:auto;
    padding:0 15px;
}

/* Heading */

.section-heading{
    text-align:center;
    margin-bottom:40px;
}

.section-heading h2{
    font-size:40px;
    font-weight:700;
    color:#5c5c5c;
    margin-bottom:0px;
    line-height:1.2;
}

.section-heading p{
    font-size:18px;
    color:#9d9d9d;
    font-weight: 500;
}

/* List */

.biomarker-list{
    display:flex;
    flex-direction:column;
    gap:16px;
}

/* Card */

.biomarker-item {
    position: relative;
    background: #ffffff;
    border-radius: 18px;
    padding: 22px 30px 22px 50px;
    min-height: 74px;
    display: flex;
    align-items: center;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .04);
    transition: .35s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
}

.biomarker-item::before{
    content:"";
    position:absolute;
    left:0px;
    top:50%;
    transform:translateY(-50%);
    width:3px;
    height:40px;
    background:#3C76B8;
    border-radius:2px;
}

.biomarker-item:hover{
    transform:translateY(-3px);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.biomarker-item h4{
    font-size:24px;
    font-weight:600;
    color:#5c5c5c;
    line-height:1.5;
    margin:0;
}

body.proxceq .ivd-content-fda span {
    font-weight: 600;
}

body.proxceq .vx-onco-card-title{
    font-size: 18px;
}

body.celldx-tissue .process-section h2.top-sup sup {
    top: -26px;
}

.biomarker-item p {
    margin: 0;
    color: #9d9d9d;
}


.adv-left-box .left-site-card a {
        display: block;
    width: max-content;
}

.adv-left-box .left-site-card p {
    
    margin-bottom: 1rem;
}

.exacta .order-btn {
    background: #e73a46;
}

.targetmrd360 .order-btn {
    background: #1862A2;
}

.cancertrack .order-btn {
    background: #7f615f;
}

.pinaka360 .order-btn {
    background: #7E4C63;
}

.proxceq .order-btn {
    background: #6B515F;
}


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

@media(max-width:991px){

.section-heading h2{
    font-size:34px;
}

.section-heading p{
    font-size:15px;
}

.biomarker-item{
    padding:20px 25px 20px 45px;
}

.biomarker-item h4{
    font-size:20px;
}

}



@media screen and (min-device-width: 220px) and (max-device-width: 480px) { 
    
    body.proxceq .vx-onco-grid {
    grid-template-columns: 1fr;
}


body.proxceq .features-grid.pro-feature-grid {
     grid-template-columns: 1fr;
}
    
    body.proxceq .vx-top-row {
    grid-template-columns: 1fr;
}
    
.biomarker-section{
    padding:60px 0;
}

.section-heading{
    margin-bottom:30px;
}

.section-heading h2{
    font-size:28px;
}

.section-heading p{
    font-size:14px;
}

.biomarker-list{
    gap:12px;
}

.biomarker-item{
    min-height:65px;
    padding:18px 20px 18px 40px;
    border-radius:14px;
}

.biomarker-item::before{
    left:0px;
    width:2px;
    height:22px;
}

.biomarker-item h4{
    font-size:16px;
    line-height:1.5;
}
    
    
    .enquiry-text h2 {
    font-size: 24px;
    font-weight: 700;
    color: #fff;
    text-align: center;
}

.enquiry-text p {
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    margin: 0;
}

.enquiry-form textarea{
    width:100%;
}
    
    
    .footer-main{

grid-template-columns:1fr;

gap:50px;

}

.footer-column::before{

display:none;

}

.footer-column{

padding-left:0;

}
    
    .journey-box h2 {
        font-size: 24px;
        line-height: normal;
    }
    
    .journey-box > p {
        font-size: 16px;
        line-height: normal;
    }
    
    .journey-line:before {
        display: none;
    }
    
    .journey-item .icon {
        width: 80px;
    }
    
    .mrd-card h3 {
        font-size: 24px;
        line-height: normal;
    }
    
    .mrd-card p {
         font-size: 16px;
        line-height: normal;
                font-weight: normal;
        
    }
    
    .workflow {
        gap: 0;
    }
    
    .workflow .step {
        background: none;
    }
    
    
       .journey-line{
        grid-template-columns:1fr;
    }

    .workflow{
        flex-direction:column;
    }

    .symbol{
        transform:rotate(90deg);
    }
    
    .features-grid.pro-feature-grid {
    grid-template-columns: repeat(1, 1fr);
}
    
    
      .trublood-reveal-grid{
        grid-template-columns:1fr;
    }

    .trublood-reveal-card:nth-child(4),
    .trublood-reveal-card:nth-child(5){
        grid-column:auto;
    }

    .trublood-reveal-heading h2{
        font-size:34px;
    }

    .trublood-reveal-heading p{
        font-size:20px;
    }
    
         .chemoscale-grid{
        grid-template-columns:1fr;
    }

    .chemoscale-card:nth-child(4),
    .chemoscale-card:nth-child(5){
        grid-column:auto;
    }

    .chemoscale-reveal .section-title{
        font-size:32px;
    }
    
    
        .mrd-grid,
    .mrd-bottom{
        grid-template-columns:1fr;
    }
    

ul.screning-services li p {
    margin: 0 !important;
}

 .update-title{
        font-size:14px;
    }
    
.update-tag .icon{
    margin: 0;
}


.cancer-screning li a{
    font-size: 1.2em !Important;
}
    
 .hero-overlay h2{
        font-size:20px;
        line-height: normal;
    }
    
    .science-card h2 {
    font-size: 24px;
    line-height: normal;
    }
    
    .science-card p {
        font-size: 16px;
        line-height: 22px;
    }
    
    .info-section h2 {
        font-size: 24px;
        line-height: normal;
    }
    
    .info-section p {
        font-size: 16px;
        line-height: 22px;
    }
    
    .info-section br {
        display: none;
    }
    
    .science-card {
    position: relative;
    left: auto;
    top: auto;
    padding: 20px;
    transform: none;
    width: 100%;
    margin: -300px 0 100px 0;
}

.cancer-care-new h2 {
    font-size:24px;
    line-height: normal;
}

.cancer-care-new p{
    font-size: 16px;
    line-height: 28px;
}

.single-site-card {
    position: relative;
    left: auto !important;
    bottom:0;
    padding: 20px;
    margin: -80px 0 0 0;
}

section.single-site-section.listen-section {
    padding: 0 0 100px 0;
}

section.clinical-utility-section.fade-section {
    padding: 0 0 100px 0;
}

body.homepage .clinical-card {
    position: relative;
    right: auto;
    padding: 20px;
    bottom: 0;
    margin: -50px 0 0 0;
}

body.homepage .world-section .clinical-card::before, .world-section .clinical-card::after {
    top: 5%;
    height: 50%;
}

.cancer-screning li a span {
    line-height: normal;
}

.cancer-screning p {
    margin: 0 !important;
}

.box-care-new {
    text-align: center !important;
}


.box-care-new h4 {
    font-size: 24px;
    line-height: normal;
}

.box-care-new a {
    font-size: 16px;
}


.science-card::before {
    height: 50%;
    top: 5%;
}

.box-care-new.animate-border::before, .box-care-new.animate-border::after {
    display: none;
}

.space-bottom {
    margin-bottom: 0;
}
    
    .fda-content img {
    width: 50%;
}

body.homepage .single-site-card h2 {
    font-size:24px;
    line-height: normal;
}


body.homepage .single-site-card p {
    font-size: 16px;
    line-height: 22px;
}

body.homepage .clinical-card h2 {
    font-size: 28px;
    line-height: normal;
    margin-bottom: 10px;
}

body.homepage .world-section .clinical-card h6 {
    font-size: 20px;
    line-height: normal;
}

body.homepage .clinical-card p {
    line-height: 30px;
    font-size: 16px;
}

.enquiry-bar {
    flex-direction: column;
}

.hero-mobile {
    display: block;
}

.single-site-image .hero-desktop {
    display: none;
}

.single-site-image .hero-mobile {
    display: block;
}


.home-hero .hero-desktop {
    display: none;
}

.home-hero .hero-mobile {
    display: block;
}

body.fda .clinical-card {
    right: auto;
    bottom: 60px;
    position: relative;
    padding: 20px;
}

body.fda .clinical-utility-section {
    padding:0;
}

.dcg-footer {
    padding: 80px 0 !Important;
}

body.fda .clinical-card p {
    font-size: 16px;
}

.enquiry-form {
    flex-direction: column;
}

.fda-content h4 {
    font-size: 24px;
    padding: 0px;
    line-height: 30px;
    margin-bottom: 15px;
    line-height: normal;
}

.glass-box {
    border-radius: 10px;
    padding: 10px;
}

.fda-content br {
    display: none;
}

.vx-onco-section {
    margin: 0;
    border-radius: 30px;
}

.ivd-fda-section {
    padding: 40px 0;
}

.ivd-content-fda p {
    font-size: 18px;
    line-height: 28px;
}
.single-site-card-fda h2 {
    font-size: 20px;
    margin:0 0 10px 0;
}

.single-site-card-fda {
    position: relative;
    padding:25px 20px;
    transform: none;
    margin: -220px 0 0 0;
    display: inline-block;
    left: auto;
    top: auto;
}

.single-site-card-fda::before, .single-site-card-fda::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 87%;
    top: 6%;
    bottom: 0;
    background: #3C76B8;
    transform: scaleY(0);
    transform-origin: top;
    transition: transform 1.2s ease;
    border-radius: 0px 12px 12px 0;
}

.single-site-card-fda p{
    font-size: 18px;
    line-height: 28px;
}

.single-site-card-fda h6 {
    font-size: 16px;
}

.single-site-card-fda ul li {
    font-size: 16px;
}

.section-header h2 {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 10px;
}

.section-header p {
    font-size: 18px;
    line-height: 28px;
}

.features-grid {
    grid-template-columns: repeat(1, 1fr);
}

.feature-card h3 {
    font-size: 18px;
}

body.fda .single-site-card h2 {
    font-size: 24px;
}

.analysis-section h2 {
    font-size: 20px;
}

.subtitle {
    font-size: 16px;
    line-height: 24px;
}

.analysis-card {
    grid-template-columns: repeat(1, 1fr);
}

.analysis-col h3 {
    font-size: 20px;
}

.analysis-col li {
    font-size: 16px;
    line-height: 24px;
}

.analysis-card::before {
    display: none;
}

body.fda .clinical-card h2 {
    font-size: 20px;
}

body.non-fda .clinical-card h2 {
    font-size: 20px;
}

.treatment-section-fda {
    padding: 0;
}

.treatment-card-fda h2 {
    font-size: 20px;
    margin-bottom: 15px;
}

.treatment-card-fda p {
    font-size: 16px;
    line-height: 24px;
}
.treatment-card-fda ul li {
        font-size: 16px;
    line-height: 24px;
}

.treatment-card-fda {
        padding: 20px 20px;
        position: relative;
        transform: none;
        margin: -220px 0 0;
        display: inline-block;
        width: 100%;
        left: auto;
        top: auto;
}

.treatment-card-fda::before, .feature-card::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 91%;
    top: 4%;
    bottom: 0;
}

.process-section h2 {
    font-size: 20px;
}

.subtitle-new {
    font-size: 16px;
    line-height: 24px;
}

.process-tags {
    flex-direction: column;
}
.process-line {
    flex-direction: column;
}
    .step {
        background: #fff;
        width: 100%;
        margin-bottom: 20px;
        padding-bottom: 10px;
        padding-top: 10px;
    }

.process-line::before {
    display: none;
}

.vx-faq-title {
    font-size: 20px;
}

.vx-faq-question {
       text-align: left;
    line-height: 24px;
    margin-bottom: 15px;
    align-items: flex-start;
    font-size: 18px;
}

body.non-fda .analysis-card {
    grid-template-columns: repeat(1, 1fr);
}

body.non-fda .clinical-card h2 {
    font-size: 20px;
}

.ivd-content-fda h4 {
    font-size: 24px;
    line-height: normal;
}

.features-section {
    padding: 40px 0;
}

.analysis-section {
    padding: 40px 0;
}

.treatment-card-fda ul li img {
    vertical-align: bottom;
}

body.fda .single-site-card::before, body.fda .single-site-card::after {
    height: 79%;
}

body.fda .clinical-card::before, body.fda .clinical-card::after {
    top: 5%;
    height: 87%;
    left:0;
}

body.non-fda .single-site-card::before, body.fda .single-site-card::after {
    height: 79%;
}

body.non-fda .clinical-card::before, body.fda .clinical-card::after {
    top: 5%;
    height: 87%;
}

.bottom-links {
    flex-direction: column;
}
.icon{
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.vx-onco-title {
    font-size: 24px;
    line-height: normal;
}

.vx-onco-subtitle {
    font-size: 16px;
    line-height: normal;
}

.vx-onco-grid {
    grid-template-columns: repeat(1, 1fr);
}


.vx-clinical-heading{
    font-size: 24px;
    line-height: normal;
    margin-bottom: 10px;
}

.vx-clinical-sub {
    font-size:16px;
    line-height:normal;
}

.vx-clinical-row {
    flex-direction: column;
}

.vx-clinical-box {
    width: auto;
}

.vx-bio-title {
    font-size: 24px;
    line-height: normal;
    margin-bottom: 10px;
}

.vx-bio-sub {
    font-size: 16px;
    line-height: normal;
}

.footer-brand.bottom {
    display: none;
}


.footer-top {
    gap:30px
}

.contact-col h4 {
    font-size: 20px;
}

.glass-box br {
    display: block;
}

.ivd-content-fda span {
    font-size: 16px;
}

.fda-content h3 {
        font-size: 16px;
        padding: 0px;
        line-height: 28px;
}

.footer-contact{
    grid-template-columns: 1fr;
}


.vx-onco-card br {
    display: none;
}

.left-site-card h2 {
    font-size: 24px;
    line-height: normal;
}

.left-site-card p {
    font-size: 16px;
    line-height: 22px;
}

.left-site-card {
    position: relative;
    padding: 20px;
    margin: -300px 0 0 0;
    left: 0;
}

.left-site-card img {
    dispLAY: none;
}

.left-site-card a {
    padding: 10px 18px;
    font-size: 16px;
}

.right-site-card h2 {
    font-size: 24px;
    line-height: normal;
}

.right-site-card p {
    font-size: 16px;
    line-height: 22px;
}

.center-card h2 {
    font-size: 24px;
    line-height: normal;
}

.right-site-card {
    position: relative;
    right: 0;
    padding: 20px;
    margin: -300px 0 0 0;
}


.center-card p {
    font-size: 16px;
    line-height: 22px;
}

.center-card a {
    width: auto;
}

.center-card img {
    display: none;
}

.right-site-card img {
    display: none;
}


.list-items ul li {
    font-size:16px;
    line-height: 22px;
}

.trucheck .science-card h2 {
    margin: 0 0 20px 0;
    font-size: 24px;
}

.enquiry-text {
    width: 100%;
}

.enquiry-form {
    width: 100%;
}

.enquiry-form input {
    width: 100%;
}

.non-hero-overlay h2 {
    font-size: 24px;
    line-height: normal;
}

.science-card.non-science-card h2 {
    font-size: 24px;
    line-height: normal;
}

.cancer-care-new.animate-non-sec h2 {
    font-size: 24px;
    line-height: normal;
}

.non-science-section .box-care-new {
    margin: 20px 0;
}
.team-members__title {
    font-size: 24px;
    line-height: normal;
}

   .team-members{
        display:none;
    }

    .team-mobile-accordion{
        display:block;
        padding:60px 0;
    }

    .team-mobile-accordion__title{
        font-size:24px;
        font-weight: 600;
        line-height: normal;
        margin-bottom:24px;
    }

    .team-acc-item{
        border-bottom:1px solid #dcdcdc;
    }

    .team-acc-header{
        width:100%;
        background:none;
        border:none;
        padding:18px 0;
        display:flex;
        align-items:center;
        justify-content:space-between;
        font-size:18px;
        font-weight:600;
        cursor:pointer;
        color: #5c5c5c;
    }

    .team-acc-header span{
        font-size:24px;
        transition:0.3s;
    }

    .team-acc-item.active .team-acc-header span{
        transform:rotate(45deg);
    }

    .team-acc-content{
        max-height:0;
        overflow:hidden;
        transition:0.4s ease;
    }

    .team-acc-item.active .team-acc-content{
        max-height:3000px;
        padding-bottom:20px;
    }

    .team-members__grid{
        display:grid;
        grid-template-columns:1fr;
        gap:20px;
    }

.test-portfolio__title {
    font-size: 24px;
    line-height: normal;
}

.test-portfolio__text {
    font-size: 16px;
    line-height: normal;
}

.animate-non-sec .box-care-new p {
    font-size: 16px;
}

.test-card__title {
    font-size: 24px;
    line-height: normal;
}

.test-card__text {
    font-size: 16px;
    line-height: normal;
}

.test-card__btn {
    font-size: 16px;
}

.team-members__name {
    font-size: 18px;
}

.team-members__position {
    font-size: 18px;
}

.team-members__degree {
    font-size: 16px;
}

.fda-content h1 {
    font-size: 24px;
    line-height: normal;
}

.contatcus h3 {
    font-size: 24px;
    line-height: normal;
}

.contatcus h5 {
    font-size: 18px;
}

.form-check.left-label label {
    font-size: 16px;
}

   /* HIDE DESKTOP FAQ */

    .dc-faq-section{
        display: none;
    }

    /* SHOW MOBILE FAQ */

    .dc-mobile-faq{
        display: block;
        background: #f3f5f8;
        padding: 60px 0;
    }

    .dc-mobile-faq__title{
        text-align: center;
        font-size: 24px;
        font-weight: 700;
        color: #575757;
        margin-bottom: 30px;
    }

    /* CATEGORY */

    .dc-mobile-faq__category{
        background: #fff;
        border: 1px solid #c9def3;
        border-radius: 12px;
        overflow: hidden;
        margin-bottom: 16px;
    }

    .dc-mobile-faq__category-btn{
        width: 100%;
        background: #1862A2;
        border: none;
        color: #fff;
        padding: 18px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        font-size: 16px;
        font-weight: 600;
        cursor: pointer;
    }

    .dc-mobile-faq__category-btn span{
        font-size: 24px;
        transition: 0.3s ease;
    }

    .dc-mobile-faq__category.active .dc-mobile-faq__category-btn span{
        transform: rotate(90deg);
    }

    /* CATEGORY CONTENT */

    .dc-mobile-faq__category-content{
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

    .dc-mobile-faq__category.active .dc-mobile-faq__category-content{
        max-height: 4000px;
    }

    /* FAQ ITEM */

    .dc-mobile-faq__item{
        border-top: 1px solid #d9e7f5;
    }

    .dc-mobile-faq__question{
        padding: 18px 45px 18px 18px;
        display: flex;
        justify-content: space-between;
        gap: 15px;
        cursor: pointer;
        position: relative;
    }
    
    .dc-mobile-faq__question::after{
    content: "";
    width: 7px;
    height: 7px;
    border-right: 2px solid #4f4f4f;
    border-bottom: 2px solid #4f4f4f;
    position: absolute;
    right: 18px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    transition: 0.3s ease;
}

.dc-mobile-faq__item.active .dc-mobile-faq__question::after{
    transform: translateY(-50%) rotate(45deg);
}

    .dc-mobile-faq__question h3{
        font-size: 18px;
        line-height: normal;
        color: #474747;
        font-weight: 500;
        margin: 0;
        padding-right: 10px;
        
    }

    .dc-mobile-faq__question span{
        font-size: 22px;
        transition: 0.3s ease;
    }

    .dc-mobile-faq__item.active .dc-mobile-faq__question span{
        transform: rotate(90deg);
    }

    /* ANSWER */

    .dc-mobile-faq__answer{
        max-height: 0;
        overflow: hidden;
        transition: max-height 0.4s ease;
    }

    .dc-mobile-faq__item.active .dc-mobile-faq__answer{
        max-height: 1000px;
    }

    .dc-mobile-faq__answer-inner{
        padding: 0 18px 18px;
        color: #6b6b6b;
        font-size: 16px;
        line-height: 1.7;
        font-weight: 400;
    }

.dc-events-heading {
    font-size: 24px;
}

.dc-events-description {
    font-size: 16px;
}

.dc-events-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 18px;
}

.publication-page h2 {
    font-size: 24px;
}

.publication-page .nav-tabs .nav-link {
    padding: 8px;
    font-size:16px;
}

.adv-hero-overlay h2{
    font-size: 24px;
    line-height: normal;
}

.screening-wrapper {
    flex-direction: column;
}

.screening-left {
    width: 100%;
}

.screening-right {
    width: 100%;
}

.screening-title {
    font-size: 24px;
    line-height: normal;
}

.screening-badge a {
    padding: 15px;
    text-align: center;
    font-size: 14px;
}

.accordion-header h3 {
    font-size: 18px;
    padding-right: 10px;
}

.accordion-icon {
    width: 8px;
    height: 8px;
}

.accordion-content p {
    font-size: 15px;
}

.diagnosis-card {
    padding: 20px;
}

.diagnosis-title {
    font-size: 24px;
}

.diagnosis-content p {
    font-size: 16px;
    line-height: 22px;
}

.benefits-title {
    font-size: 24px;
}

.benefits-list li {
    font-size: 16px;
    line-height: 22px;
}

.tg-therapy__title {
    font-size: 24px;
}

.tg-therapy__subtitle {
    font-size: 16px;
}

.tg-therapy__small {
    line-height: normal;
}

.tg-therapy__heading{
    font-size: 18px;
    line-height: 28px;
}

.tg-therapy__content p{
    font-size: 16px;
    line-height: 22px;
}

.tg-therapy__mini-title {
    font-size: 24px;
}

.tg-therapy__mini-text {
    font-size: 16px;
    line-height: 22px;
    
}

.adv-left-box .left-site-card h2{
    font-size: 24px;
    line-height: normal;
}

.adv-right-box .right-site-card h2 {
    line-height: normal;
    font-size: 24px;
}

.benefits-grid {
    flex-direction: column;
}

.diagnosis-card::before {
    height: 50%;
}

.tg-therapy__item::before {
    top:3%;
    height: 50%;
}

.right-site-card::before, .right-site-card::after {
    top: 7%;
    height: 50%;
}

.left-site-card::before, .left-site-card::after {
    top: 7%;
    height: 50%;
}

body.non-invasive-blood-tests-to-detect-cancer .non-hero-overlay h2 {
    font-size: 30px;
}

.science-card br {
    display: none;
}

.non-invasive-blood-tests-to-detect-cancer .screening {
        margin-top: 3em;
}
    
    .box-care-new.diagnosis {
    margin: 40px 0;
}

body.easycheck360 .fda-content {
    top: 20%;
}

.terms-card h2 {
    font-size: 24px;
    line-height: normal;
}

.terms-content p, .terms-content li{
    text-align: left !Important;
}

.terms-main-title {
    font-szie: 24px;
}


}


@media screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    
    
    .hero-overlay h2 {
        line-height: normal;
        font-size: 32px;
    }
    
    .listen-section .single-site-card {
        left: auto;
        width: 90%;
    }
    
    
    .science-section {
        padding: 0 0 300px 0;
    }
    
    .science-card {
        left: auto;
        transform: none;
    }
    
    .box-care-new.animate-border::before, .box-care-new.animate-border::after {
        display: none;
    }
    
    body.homepage .clinical-card {
        right: auto;
        left: auto;
        bottom: auto;
        margin: -80px 0 0 0;
        width: 100%;
        padding: 20px;
        position: relative;
    }
    
    section.clinical-utility-section.fade-section {
        padding: 0 0 100px 0;
    }
    
    .box-care-new {
        text-align: left !important;
    }
    
    
    section.single-site-section.listen-section {
        padding: 0 0 140px 0;
    }
    
    .enquiry-form input {
        width: 90px;
    }
    
    .single-site-card-fda h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    
    .single-site-card-fda h6 {
        font-size: 18px;
    }
    
    .ivd-content-fda p {
    font-size: 18px;
    line-height: 30px;
    }
    
    .fda-content h4 {
    font-size: 18px;
    }
    
     .fda-content h3 {
    font-size: 18px;
    line-height: normal;
    }
    
    .single-site-card-fda p {
        font-size: 18px;
        margin:0;
    }
    
    .single-site-card-fda ul li {
        font-size: 16px;
    }
    
    .single-site-card-fda ul li img {
        vertical-align : middle;
    }
    
    .single-site-card-fda {
        padding: 20px;
        max-width: max-content;
    }
    
    body.fda .single-site-card-fda::before, body.fda .single-site-card-fda::after {
        top: 10%;
        height: 80%;
    }
    
    body.non-fda .single-site-card-fda::before, body.fda .single-site-card-fda::after {
        top: 10%;
        height: 80%;
    }
    
    .section-header h2 {
        font-size: 32px;
        line-height: normal;
    }
    
    .section-header p {
        font-size: 20px;
        line-height: normal;
        margin: 0 auto 30px;
    }
    
    .features-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    }
    
    .feature-card h3 {
        font-size: 18px;
    }
    
    body.fda .single-site-card h2 {
        font-size: 32px;
    }
    body.fda .single-site-card::before, body.fda .single-site-card::after {
        height: 73%;
    }
    
     body.non-fda .single-site-card h2 {
        font-size: 32px;
    }
    body.non-fda .single-site-card::before, body.fda .single-site-card::after {
        height: 73%;
    }
    
    .analysis-section h2 {
        font-size: 32px;
    }
    
    .subtitle {
        font-size: 18px;
        max-width: 600px;
        margin: 0px auto 20px;
    }
    
    .analysis-col li {
        font-size: 16px;
    }
    
    body.fda .clinical-card h2 {
        font-size: 32px;
    }
    
    body.fda .clinical-card{
    max-width: 670px;
    margin: 0 auto;
    right: 4%;
    }
    
    body.fda .single-site-card {
        max-width: 600px;
    }
    
        body.non-fda .clinical-card{
    max-width: 670px;
    margin: 0 auto;
    right: 4%;
    }
    
    body.non-fda .single-site-card {
        max-width: 600px;
    }
    
    .treatment-card-fda h2 {
        font-size: 28px;
        margin-bottom: 10px;
    }
    
    .treatment-card-fda p {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    
    .treatment-card-fda ul li {
        font-size: 16px;
    }
    
    .treatment-card-fda {
        padding:10px 20px;
        width: 95%;
    }
    
    .ivd-fda-section {
        padding: 100px 0;
    }
    
    .process-section h2 {
        font-size: 32px;
    }
    
    .subtitle-new {
        font-size: 18px;
        line-height: normal;
    }
    
    .process-section {
        padding: 80px 0;
    }
    
    .vx-faq-title {
        font-size: 32px;
    }
    
    .footer-contact {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    }
    
    .treatment-card-fda ul li img {
    vertical-align: text-top;
}

body.non-fda .analysis-col h3 {
    font-size: 18px;
}

.glass-box {
   padding: 10px 20px;
}

.vx-onco-title {
    font-size: 32px;
    line-height: normal;
    margin-bottom:0;
}
    
.vx-onco-subtitle {
    font-size: 20px;
    line-height: normal;
}

br {
    display: none;
}

.vx-clinical-heading {
    font-size: 32px;
    line-height:normal;
}

.vx-clinical-sub {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 30px;
}

.vx-bio-title {
    font-size: 32px;
    line-height:normal;
}

.vx-bio-sub {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 30px;
}

.vx-bio-grid {
    flex-wrap: nowrap;
    flex-direction: row;
}

.trucheck .ivd-content-fda br{
    display: block;
}

.left-site-card h2 {
    font-size: 32px;
    margin: 0 0 10px 0;
}

.center-card h2 {
    font-size: 32px;
}

.center-card p {
    line-height: 28px;
}

.right-site-card h2 {
    font-size: 32px;
}

.trucheck .science-card h2 {
    font-size: 32px;
}

.science-card p {
    font-size: 20px; 
    line-height: 28px;
}

.list-items ul li {
    font-size: 18px;
}

.trucheck .science-section {
        padding: 0 0 180px 0;
}

.trucheck .enquiry-section {
    padding: 50px 0 0px 0;


}

.science-card h2 {
    font-size: 32px;
    line-height: normal;
}

.cancer-care-new h2 {
    font-size: 32px;
    line-height: normal;
}

.cancer-care-new h2 {
    font-size: 32px;
    line-height: normal;
}

.cancer-care-new p {
    font-size: 18px;
    line-height: 28px; 
}

.box-care-new h4 {
    font-size: 24px;
}

.box-care-new a {
    padding: 0;
    font-size: 16px;
}

body.homepage .single-site-card h2 {
    font-size: 32px;
    line-height: normal;
}

body.homepage .single-site-card p {
    font-size: 18px;
}

body.homepage .clinical-card h2 {
    font-size: 32px;
    line-height: normal;
}

body.homepage .clinical-card p {
    font-size: 18px;
    line-height: 28px;
}

.non-hero-overlay h2 {
    font-size: 32px;
}

.science-card.non-science-card h2 {
    font-size: 24px;
    line-height: 33px;
}

.cancer-care-new.animate-non-sec h2 {
     font-size: 24px;
    line-height: 33px;
}

.team-members__name {
    font-size: 16px;
}

.team-members__position {
    font-size: 14px;
}

.team-members__degree {
    font-size: 12px;
}

.team-members__tab {
    padding: 10px 8px;
    font-size: 13px;
}

.team-members__title {
    font-size: 24px;
}

.test-portfolio__title {
    font-size: 24px;
}

.test-portfolio__text {
    font-size: 18px;
}

.test-card__title {
    font-size: 24px;
    line-height: 33px;
}

.test-card__text {
    font-size: 18px;
}
.test-card__btn {
    font-size: 18px;
}

.left-site-card.non-left-card
 {
    max-width: 950px;
    position: relative;
    margin: -200px 0 0 0px;
    left: 0;
}

.animate-non-sec .space-bottom {
    margin-bottom: 50px;
}

.non-invasive-blood section.left-side-box {
        margin: 80px 20px 0 20px;
}

.dc-faq-title {
    font-size: 32px;
}

.dc-faq-tabs {
        justify-content: center;
}

.dc-faq-tab-btn {
    font-size: 16px;
}

.dc-faq-question h3 {
    font-size: 18px;
}

body.homepage header{

}

.publication-box {
    min-height: 332px;
}

.publication-box h3 {
    font-size: 18px;
}

.publication-page h2 {
    font-size: 24px;
}

.adv-hero-overlay h2 {
    font-size: 32px;
    line-height: normal;
}

.screening-title {
    font-size: 32px;
}

.accordion-header h3 {
    font-size: 18px;
    padding-right: 15px;
}

.diagnosis-title {
     font-size: 32px;
     line-height: normal;
}

.diagnosis-content p {
    font-size: 18px;
}

.benefits-title{
     font-size: 32px;
     line-height: normal;
}

.benefits-list li {
    font-size: 18px;
}

.tg-therapy__title {
    font-size: 32px;
     line-height: normal;
}

.tg-therapy__subtitle{
    font-size: 18px;
}

.tg-therapy__heading {
    font-size: 32px;
}

.tg-therapy__content p {
    font-size: 18px;
}

.tg-therapy__mini-text {
    font-size: 18px;
}

.left-site-card p {
    font-size: 18px;
}

.right-site-card p {
    font-size: 18px;
}

section.right-side-box {
    margin-bottom: 80px;
}2

.adv-left-box .left-site-card h2 {
    line-height: normal;
}

section.left-side-box.fade-sectio.adv-left-box.bottom-adv-box {
    padding: 0 0 320px 0;
}

.adv-right-box .right-site-card {
    padding: 40px;
        left: 5%;
    max-width: 700px;
}

}