.tw-active .tw-grow {
     color: white;
}

.tw-active .tw-border-primary-content { 
       border-color: white;
}

.tw-btn span { 
 color: white;
}

.tw-btn svg {
fill: white;
color: white;
}

img, iframe { 
border-radius: 20px;
}

h1 {
color: #39a487;
}

.tw-drawer-button svg {
color: white;
}

blockquote {
    border-left: 4px solid #e49aa3 !important;
    margin-left: 30px;
    color: #1D4653;
    font-weight: 600;
    font-family: 'Assistant';
}

ol {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

ol  {
  list-style: none;
  padding: 0;
  margin: 0;
  counter-reset: list-counter;
}

ol  li {
  counter-increment: list-counter;
  margin-bottom: 20px;
  padding-left: 55px;
  position: relative;
}

ol  li::before {
  content: counter(list-counter);
  position: absolute;
  left: 0;
  top: 0;
  width: 40px!important;
  height: 40px;
  background-color: #ffffff;
  border: 2px solid #f0a8b6;
  border-radius: 50%;
  color: #f0a8b6;
  font-weight: bold;
  font-size: 18px;
  text-align: center!important;
  line-height: 38px;
padding-left: 3px;
}

.crash-pink-background-text {
    background-color: #F8E3E4;
    padding: 20px;
    border-radius: 20px;
color: #1D4653;
}

.tw-btn-ghost svg  {
    fill: #000;
    color: #000;
}