.custom-tabs-th {
  background: #EDF1FF;
  padding: 7px 15px;
  display: flex;
  align-items: center;
  gap: 10px; /* reduce gap for better alignment */
  border-radius: 42px;
}

/* Same base style for all tabs */
.custom-tabs-th .nav-link {
  border: none;
  background: none;
  font-weight: 400;
  font-size: 16px;
  color: #000000;
  padding: 10px 20px;  /* IMPORTANT: same as active */
  border-radius: 24px; /* keep shape same */
  transition: all 0.2s ease;
}

/* Active tab */
.custom-tabs-th .nav-link.active {
  color: #232E63;
  font-weight: 500;
  background: #fff;
}

/* Prevent shifting */
.custom-tabs-th li.nav-item {
  display: flex;
  align-items: center;
}
.tab-content {
    margin-top: 15px;
}

/* Button style */
.databook-btn {
    margin-left: auto;
    background: #FFC51D;
    color: black;
    padding: 8px 16px;
    border-radius: 6px;
    /*font-weight: 600;*/
    text-decoration: none;
    font-size:14px;
}

.databook-btn:hover {
    background: #FFC51D;
}

.databook-banner{
    background-image:url(../images/databook-banner.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
        padding-bottom: 2rem;
            padding-top: 2rem;
}
.top-strip{
background: #EEFFFB;
    padding: 10px 20px;
    border-radius: 4px;
    margin-bottom: 15px;
}

.market-title{
font-size:17px;
font-weight:600;
margin:0;
  
}

.select-country{
border:1px solid #000;
background:transparent;
padding:9px 14px;
margin-right:10px;
  font-size: 15px;
}

.download-btn2{
border:1px solid #000;
background:transparent;
padding:9px 14px;
  font-size: 15px;
}
.bg-purple-d{
     background: #6c3dbf1f;
    color: #5F31B3;
    padding: 11px;
    gap: 10px;
}
.databook-card{
background:#fff;
border-radius:10px;
padding:15px;
margin-bottom:20px;
box-shadow:0 2px 10px rgba(0,0,0,0.08);
}
.color-databook{
    box-shadow: 0px 0px 15.4px 0px #ECECEC;
background: #FFF5CE;

}
.databook-title{
font-weight:600;
margin-bottom:15px;
font-size: 16px;
}

.databook-price-option{
margin-bottom:15px;
}
.databook-price{
 font-size: 14px;   
}
.info-card {
    padding: 20px 18px;
    height:100%;
    
}
.market-table {
    border-collapse: collapse;
    width: 100%;
}

.market-table th,
.market-table td {
      border:1px solid #DCDCDC;
   
    font-size: 14px;
    line-height: 1.3;
        padding: 10px 12px;
    height: auto !important;
}

.market-table th {
     background-color: #e9efff;
    color: #232e63;
    font-weight: bold;
}

.market-table td:first-child,
.market-table th:first-child {
    width: 220px;   /* Type column width */
}

.databook-old-price{
text-decoration:line-through;
color:red;
margin-left:5px;
}

.databook-new-price{
font-weight:600;
margin-left:5px;
}

.databook-order-btn{
display:block;
background: #232E63;

color:#fff;
text-align:center;
padding:9px;
border-radius:8px;
text-decoration:none;
margin-top:15px;
font-size:16px;
width:100%;
}
.databook-order-btn:hover{
  color:#fff;  
}
.databook-related-list{
    list-style: none;
    padding-left: 0;
}

.databook-related-list li{
    position: relative;
    padding:8px 0 8px 18px;
    border-bottom:1px solid #eee;
    font-size:14px;
}

.databook-related-list li a{
   color:black;
}
.databook-related-list li::before{
    content: "»";
    position: absolute;
    left: 2px;
    top: 4px;
    font-size:16px;
    color:#303030;
}
.databook-custom-btn{
display:block;
text-align:center;
padding:9px;
border:2px solid #232E63;
border-radius:30px;
color:#232E63;
text-decoration:none;
font-weight:500;
    font-size: 16px;
}
.databook-price-option label{
        /*display: flex;*/
    font-size: 15px;
    gap: 10px;
}
.databook-table h4{
    font-size: 1.7rem;
    margin: 20px 0px;
}
.databook-sidebar{
    position: sticky;
    top: 100px; 
    height: fit-content;
}

.breadcrumb-item+.breadcrumb-item::before {
    
    color: white;
}
.bg-purple,
.bg-blue,
.bg-yellow ,
.bg-green {
    border-radius: 6px;
    background: #FFFFFF;
}
.info-value {
    font-size: 14px;}
    
    .w-90{
        width: 95%;
    }

.code-holder {
    padding: 1rem 2.1rem;
    background: #e1e1e1;
    font-size: 1.5rem;
    font-weight: 600;
}
.code-holder-input {
    font-size: 1.4rem !important;
    width: 35% !important;
}

















/*new databook css*/
.main-databook{
        background: url(../images/databook-banner1_11.webp) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 30px;
        text-align: center;
}

.main-databook h1{
font-size: 46px;
    padding-bottom: 0rem;
    margin-bottom: 0;
    font-weight: 700;
    line-height: 54px;
    color: #0F297A;


}
.main-databook p{
        font-size: 1.6rem;
    padding: 1rem 0;
}
.databook-search {
background: #FFFFFFB8;
/*border: 1px solid #FFFFFF;*/
box-shadow: 0px 0px 14px 0px #B1CBFF80;

  border-radius: 10px;
  padding: 10px 10px 10px 15px;
}

.search-icon-databook {
  font-size: 18px;
  margin-right: 10px;
  color: #888;
      top: 0;
}

.search-input {
  border: none;
  outline: none;
  flex: 1;
  background: transparent;
  font-size: 14px;
}

.search-btn {
  background: #0d3ea5;
  color: #fff;
  border: none;
  padding: 10px 25px;
  border-radius: 6px;
  font-weight: 500;
  margin-left: 10px;
  font-size: 14px;
}

.search-btn:hover {
  background: #0b3490;
}

.popular-industries span {
  font-size: 14px;
}

.industry-tag {
background: #FFFFFFAB;
box-shadow: 0px 0px 24px 0px #0F297A1A;

    padding: 8px 15px;
  border-radius: 6px;
  margin: 5px;
  font-size: 13px;
}

.logo-strip {
  background: #8ea2d0; /* blue background */
  padding: 15px 0;
  overflow: hidden;
}

.logo-track {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 60px;
}

.logo-track img {
  height: 30px;
  object-fit: contain;
  opacity: 0.9;
}

.publication-card {
   background: #FFFFFF;
   box-shadow: 0px 0px 24px 0px #F0F0F0;
    padding: 20px;
    border-radius: 10px;
    height: 100%;
    display: flex;
  flex-direction: column;
}


.card-header-databook {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 10px;
    margin-top: 15px;
}

.card-header-databook h5 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
}


.publication-card p {
    font-size: 14px;
  flex-grow: 1;
    line-height: 1.6;
    margin-bottom: 15px;
}

.card-links {
    display: flex;
    gap: 150px;
     margin-top: auto;
    padding-top: 10px;
}

.card-links a {
    font-size: 13px;
    text-decoration: none;
    color: #0231AC;
    font-weight: 600;
    border-bottom: 1px solid;
    padding-bottom: 3px;
}

.card-links a:hover {
    text-decoration: none;
}


.databook-heding{
font-weight: 600;
font-size: 20px;

   
}


/*databook code*/


.databook-tab{
    background: linear-gradient(180deg, #E9EFFF 0%, #E9EFFF 100%);
padding: 25px
}

/* Header */
.databook-tab .tab-header {
  display: inline-flex;
  background: #ffffff;
  padding: 5px;
  border-radius: 8px;
  width:100%;
}

/* Buttons */
.databook-tab .tab-btn {
  border: none;
  background: transparent;
  padding: 7px 18px;
  cursor: pointer;
  font-size: 16px;
  color: #555;

  border-radius: 6px;
  border: 2px solid transparent;
  box-sizing: border-box;
  transition: background 0.2s ease, color 0.2s ease;
}

/* Active state */
.databook-tab .tab-btn.active {
  color: #1e3a8a;
  /*font-weight: 600;*/
}

/* Content area */
.databook-tab .tab-body {
  margin-top: 20px;
}

/* Panels */
.databook-tab .tab-panel {
  display: none;
}

/* Active panel */
.databook-tab .tab-panel.active {
  display: block;
}
.databook-tab .tab-btn {
  position: relative;
 
}

/* Active vertical line */
.databook-tab .tab-btn.active::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 60%;
  background-color: #1e3a8a;
  border-radius: 2px;
}
.databook-tabs-text h2{
    font-size: 18px;
    margin-bottom: 10px;
        font-weight: 600;
}
.databook-tabs-text ul li{
          font-size: 1.6rem;
    text-align: justify;
    line-height: 1.8;
    word-break: break-word;
}
.databook-card-4{
    background: #FFFFFF;
box-shadow: 0px 0px 24px 0px #F0F0F0;
}



/*stat card*/

.databook-stat-card {
background: #E9EFFF;
  border-radius: 12px;
  padding: 15px 18px;
  display: flex;
  align-items: center;
  gap: 15px;
  height: 100%;
  transition: all 0.3s ease;
}

.databook-stat-card:hover {
  transform: translateY(-5px);
}


.databook-stat-card .icon-box img {
     width: 5.5rem;
}

.databook-stat-card h3 {
  font-size: 22px;
  font-weight: 700;
  color: #0F297A;
  /*margin: 0;*/
}

.databook-stat-card p {
  font-size: 14px;
  color: #0F297A;
  margin: 0;
}

/*testimonials*/
.testimonial-card {
  background: #ffffff;
  border-radius: 12px;
  padding: 30px 25px;
  position: relative;
  text-align: center;
  height: 100%;
 box-shadow: 0px 0px 13px 0px #E3EBFF;
  border-bottom: 3px solid #0231AC;
  
}

/* Heading */
.testimonial-card h5 {
  font-size: 16px;
  font-weight: 600;
  color: #1c2c5b;
      text-align: start;
}

/* Paragraph */
.testimonial-card p {
  font-size: 14px;
  /*color: #5c6b8a;*/
  line-height: 1.6;
      text-align: start;
} 
.databook-contact{
  background: url(../images/DB_b2-contact.webp) no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 50px;   
}

/* Content stays above overlay */
.cta-content {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #fff;
  flex-wrap: wrap;
}

/* Left text */
.cta-text h2 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 8px;
}

.cta-text p {
  font-size: 14px;
  margin: 0;
}

/* Buttons */
.cta-buttons {
  display: flex;
  gap: 15px;
}

.data-btn{
     padding: 10px 18px;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
}

/* Primary button */
.btn-primary-data {
  background: #ffffff;
  color: #1c2c5b;
 
}
.btn-primary-data:hover{
   color: #1c2c5b;
}
/* Outline button */
.btn-outline-data {
  border: 1px solid #ffffff;
  color: #ffffff;
 
}
.btn-outline-data:hover{
    color: #ffffff;
}
/*databook list*/
   /* FILTER BOX */
   .filter-box {
   background: #fff;
   padding: 20px;
   border-radius: 10px;
   box-shadow: 0px 0px 20px 0px #0231AC21;
   position: sticky;
    top: 100px;
   }
   .filter-list label {
   display: flex;
   justify-content: space-between;
   font-size: 14px;
   margin-bottom: 10px;
   cursor: pointer;
   /*margin-top: 15px;*/
   }
   .filter-list input {
   margin-right: 8px;
   }
   /* TOP BAR */
   .top-bar {
   background: #fff;
   padding: 12px 15px;
   border-radius: 10px;
   box-shadow: 0 2px 10px rgba(0,0,0,0.05);
   }
   /* PAGINATION */
   .pagination-custom button {
   border: 1px solid #ddd;
   background: #fff;
   padding: 5px 10px;
   margin: 0 2px;
   border-radius: 5px;
   }
   .pagination-custom .active {
   background: #0d6efd;
   color: #fff;
   }
   /* CARD */
   .report-card-data {
   background: #fff;
   padding: 20px;
   border-radius: 12px;
   margin-bottom: 20px;
   box-shadow: 0px 0px 24px 0px #E2EAFF;
   }
.databooklist-hed{
     font-weight: 600;
    color: black;}
    
   .report-card-data a {
   font-size: 16px;
    cursor: pointer;
   }
   .report-card-data p {
   font-size: 14px;
       margin-top: 5px;
   }
   .report-card-data small {
   font-size: 12px;
   }
   /* BUTTONS */
   .rst-filter {
   background: #0231AC;
   border-radius: 6px;
   font-size: 14px;
   color: white;
   padding: 8px 15px;
   }
   .btn-view-pri {
   border-radius: 6px;
   font-size: 14px;
   padding: 8px 15px;
   margin-left: 10px;
   border: 1px solid #0231ac;
   color: #0231ac;
   }
   .databook-input{
   border: 1px solid #979797;
   padding:10px;
   font-size: 1.4rem;
   }
   
   /*serch iocn*/
   /* CONTAINER */
.search-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid #2f55d4;
    border-radius: 12px;
    padding: 6px;
    background: #fff;
    max-width: 400px;
}

/* INPUT AREA */
.search-input {
    display: flex;
    align-items: center;
    flex: 1;
    padding-left: 10px;
}



/* INPUT */
.search-input input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 15px;
}

.search-icon1{
    background: white; 
    border: none;
    padding: 5px;
    font-size: 14px;
}



/*cell and gene market*/
.main-cell-gene{
    background-image:url(../images/cell-gene/tool_b1.webp);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
        padding-bottom: 2rem;
            padding-top: 2rem;
}
.main-cell-gene h1{
font-weight: 700;
font-style: Bold;
font-size: 45px;
text-align: center;
color: #0F297A;
}




.cell-gene-card {
   background: #FFFFFFB0;

    border-radius: 12px;
       padding: 15px 5px;
    text-align: center;
   box-shadow: 0px 0px 24px 0px #CDCDCD40;

    transition: all 0.3s ease;
}

/* Hover effect (optional but nice) */

.cell-gene-card h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    color: #2d2d2d;
}

.cell-gene-card p {
    margin: 0;
    font-size: 14px;
    color: #323232;
;
}


.btn-wrapper-cell {
    margin-top: 25px;
        justify-content: center;
}

/* Common button style */
.btn-cell {
    display: inline-block;
 padding: 10px 25px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 15px;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
}

/* Green Button */
.btn-green {
    background: #8bbf7a;
    color: #000;
}

.btn-green:hover {
    color: #000;}

/* Blue Button */
.btn-blue {
    background: #0b1a63;
    color: #fff;
}

.btn-blue:hover {
   color: #fff;
}
.analyze-container{
    background: #FFFFFF;
    box-shadow: 0px 0px 24px 0px #DEE6FF;
    padding:25px;
        height: 100%;
}
.graph-images{
   border: 1px solid #9DB5FF;
    padding: 10px;
        border-radius: 8px;
}

.graph-head{
    color: #0F297A;
font-weight: 600;
font-size: 20px;
text-align: center;
margin-bottom: 15px;

}
.sticky {
  
    z-index: 9999;
}

.spinner-border {
    width: 3rem;
    height: 3rem;
    border: 0.25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    display: inline-block;
    animation: spinner-border .75s linear infinite;
}

@keyframes spinner-border {
    to { transform: rotate(360deg); }
}


/* Inputs & Select */
.cell-gene-form .form-control {
    height: 45px;
    border-radius: 6px;
    border: 1px solid #ddd;
    font-size: 14px;
}

/* Button */
.cell-gene-form button {
    background: #8bbf7a;
    color: #000;
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
   font-size: 14px;
   
}



.news-card {
    background: #ffffff;
    box-shadow: 0px 0px 24px 0px #DEE6FF;
    border-radius: 12px;
    padding: 15px;
    position: relative;
    height: 100%;
}

/* Image box */
.img-box {
    width: 140px;
    height: 140px;
    background: #cfcfcf;
    border-radius: 6px;
    flex-shrink: 0;
}

/* Big card image */
.big-card .img-box {
    width: 200px;
    height: 200px;
}

/* Content */
.news-card .content {
    padding-left: 15px;
    position: relative;
}

/* Tag */
.tag {
   background: #EFFDFF;
    padding: 4px 10px;
    border-radius: 20px;
    font-size: 12px;
    display: inline-block;
    margin-bottom: 8px;
    color:#494949;
}

/* Read more */
.read-more {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 13px;
    text-decoration: none;
    color: #000;
}

/* Title */
.news-card h5,
.news-card h6 {
    font-weight: 600;
    margin: 10px 0;
        font-size: 16px;
}

/* Text */
.news-card p {
    font-size: 14px;
    color: #555;
}




.celll-gene-cards {
  box-shadow: 0px 0px 24px 0px #DEE6FF;
background: #FFFFFF;

    border-radius: 16px;
    padding:10px 20px;
    text-align: left;
    /*display: flex;*/
    /*align-items: center;*/
    /*gap: 15px;*/
    /*transition: all 0.3s ease;*/
}



.celll-gene-cards .icon-box-cell img {
    width: 38px;
}

/* Text */
.celll-gene-cards h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    color: #1e3a8a;
}

.celll-gene-cards p {
    margin: 0;
    font-size: 14px;
    color: #555;
}

.report-cell-container {
background: #FFFFFF;
box-shadow: 0px 0px 24px 0px #DEE6FF;

  border-radius: 12px;
  padding: 20px;
  height: 100%;
  transition: all 0.3s ease;
}

/* Date Badge */
.report-date {
  display: inline-block;
  background: #e9ecef;
  color: #555;
  font-size: 12px;
  padding: 6px 12px;
  border-radius: 20px;
  margin-bottom: 15px;
}

/* Title */
.report-title {
  font-size: 16px;
  font-weight: 600;
  color: #111;
  line-height: 1.4;
  margin-bottom: 10px;
}

/* Description */
.report-desc {
  font-size: 13px;
  color: #777;
  line-height: 1.6;
  margin-bottom: 15px;
}

/* Read More */
.report-link {
  font-size: 13px;
  font-weight: 600;
  color: #000;
  text-decoration: none;
}

.report-tabs .nav-link {
  border: none;
  color: #000;
  /*font-weight: 500;*/
}

.report-tabs .nav-link.active {
  color: #0C65B2;
  border-bottom: 2px solid #0C65B2;
  background: none;
}

.report-tabs {
  border-bottom: 0px solid #e5e5e5;
  background: #fff;
    font-size: 14px;
    padding: 5px 10px;
}

.cell-gene-filter {
justify-content: center;
}

.cell-gene-filter label {
  font-weight: 600;
  white-space: nowrap;
}

.cell-gene-filter .form-select {
  width: 120px;
  border-radius: 6px;
}

.cell-gene-filter .search-btn {
  background-color: #7fb069;
  color: #fff;
  border: none;
  border-radius: 6px;
}

.cell-gene-filter .search-btn:hover {
  background-color: #6aa65c;
}