/* animate card  */
.animatecard {
  transform: rotateX(var(--rX)) rotateY(var(--rY));
  transition: 0.2s;
  --rX: 0deg;
  --rY: 0deg;
  --bX: 50%;
  --bY: 80%;
}

/* border radius */
.custom-shape {
  border-radius: 33% 66% 70% 30% / 49% 62% 38% 51%;
}

.blog-detail-content p {
  font-size: 15.5px;
  color: #333;
  margin-bottom: 12px;
  line-height: 28px;
}
.blog-detail-content li {
  font-size: 15.5px;
  color: #333;
}
.blog-detail-content li p {
  margin-bottom: 0;
}
.blog-detail-content ul,
.blog-detail-content ol {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 12px;
}
.blog-detail-content ol {
  list-style-type: decimal;
}
.blog-detail-content ul {
  list-style-type: disc;
}
.blog-detail-content h2 {
  font-size: 23px;
  color: #333;
  margin-bottom: 12px;
  font-weight: 600;
}
.blog-detail-content h3 {
  font-size: 20px;
  color: #333;
  margin-bottom: 12px;
  font-weight: 600;
}
.blog-detail-content h4 {
  font-size: 18px;
  color: #333;
  margin-bottom: 12px;
  font-weight: 600;
}
.blog-detail-content table,
.blog-detail-content th,
.blog-detail-content td {
  border: 1px solid #ddd;
  width: 100%;
}
.blog-detail-content th,
.blog-detail-content td {
  padding: 7px;
}
.blog-detail-content ul h2,
.blog-detail-content ol h2,
.blog-detail-content ul h3,
.blog-detail-content ol h3,
.blog-detail-content ul h4,
.blog-detail-content ol h4 {
  margin-bottom: 0;
}
.blog-detail-content table {
    width:100% !important;
    margin-bottom:12px;
}

@media (max-width:767px){
  .blog-detail-content p {
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 28px;
  }
  .blog-detail-content li {
    font-size: 15px;
  }
  .blog-detail-content h2 {
    font-size: 21px;
    margin-bottom: 10px;
  }
  .blog-detail-content h3 {
    font-size: 18px;
    margin-bottom: 10px;
  }
  .blog-detail-content h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }
}

@keyframes slide {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
  
  #logo-slider {
    animation: slide 20s linear infinite;
    width: max-content;
  }
  
  #logo-slider-container:hover #logo-slider {
    animation-play-state: paused;
  }