.header-AD{
    background-image: url(https://static.igem.wiki/teams/4663/wiki/headers-of-pages/header-low-quality.png);
    position: static;
}

.image-holderNB{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
}

/* .image-holderNB img:nth-child(1) {
    top: 20px;
    left: 20px;
}

.image-holderNB img:nth-child(2) {
    top: 50px;
    left: 50px;
} */



.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 10px 18px ;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  
 
  
}

div > .active, .accordion:hover {
  background-color: #e5d9c1; 
  padding-left: 80px;
}

.panel {
    padding: 0 30px;
    /* margin: 20px 0; */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-in-out;
    background-color: #fffef5bd
}

.BlockAD{
    width: 80%;
    align-items: center;
    text-align: center;
}

.titlesAD {
    display: flex;
    font-family: "OpenSans", sans-serif;
    font-weight: 500;
    font-style: normal;
    justify-content: center;
    align-items: center;
    font-size: 3.5rem;

    color: var(--palette-purple);
    margin-top: 2rem;
    margin-bottom: 0.5rem;
    text-align: center !important;
    
}

.weeksNB{
    color: rgb(95, 39, 95);
    font-weight:500;
    margin-bottom: 0px !important;
}

.daysNB{
   color: rgb(120, 47, 82);
   font-weight:500;

}




.cardAD {
    border-radius: 1rem;
    /* box-shadow: 1px 2px 3px 4px rgba(12,12,12,0.2); */
    background-color: #f2f2e2;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 0%;
    margin-right: 0%;
    /* TO DO: make the width around 110% and left minus 5%*/
  }
  .alignementcontenuuAD {
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 0px;
    padding-bottom: 0px;
    font-family: 'OpenSans', sans-serif !important; 
    font-weight: 400;
    color: black;
    text-align: justify;
    text-justify: inter-word;
  } 

  .heading-tableAD{
    color: var(--palette-purple);
    font-size: large;
    /* padding-left: 1em; */
    
  font-weight: 600;
  font-family: 'OpenSans', sans-serif;
}




  .line-h li {
    line-height: 1.8; 
    margin-left: 30px;
  }

  .line-h {
    list-style-type: none; /* Remove default numbering */
    counter-reset: item;
    padding-left: 0;
  }

  .line-h > li::before {
    content: counter(item) ". "; /* Add custom numbering */
    font-weight: bold; /* Make the numbers bold */
    counter-increment: item;
  }

  .custom-numbering {
    list-style: none;
    counter-reset: custom-counter 2; /* Start counting from 3 (2 + 1) */
    padding-left: 0;
}

.custom-numbering li:before {
    content: counter(custom-counter) ". "; /* Display the custom counter as content */
    counter-increment: custom-counter; /* Increment the counter for each list item */

}

.custom-numbering-3 {
  list-style: none;
  counter-reset: custom-counter 17; /* Start counting from 3 (2 + 1) */
  padding-left: 0;
}

.custom-numbering-3 li:before {
  content: counter(custom-counter) ". "; /* Display the custom counter as content */
  counter-increment: custom-counter; /* Increment the counter for each list item */

}