:root {
  --bg-btn-blog: #FCAF16;
  --color-btn-blog: #000000; }

.flexbox-about-us-blog .button {
  color: var(--color-btn-blog);
  background-color: var(--bg-btn-blog); }

.flexbox-about-us-blog .btn-more {
  margin-top: 40px;
  text-align: center; }

.flexbox-about-us-blog .swiper:not(.swiper-initialized) .swiper-wrapper {
  display: flex;
  gap: 30px; }
  .flexbox-about-us-blog .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    flex: 0 0 25%; }

.flexbox-about-us-blog .swiper .swiper-pagination {
  position: relative;
  margin-top: 30px;
  text-align: center; }
  .flexbox-about-us-blog .swiper .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: currentcolor;
    opacity: 0.3; }
    .flexbox-about-us-blog .swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
      opacity: 1; }

@media (max-width: 767px) {
  .flexbox-about-us-blog .article-loop .article-detail .article-title .post-title {
    font-size: 20px; } }

.flexbox-about-us-blog .article-loop .article-detail .article-title .post-title {
  min-height: 58px; }