/* category.php */

/* breadcrumb */

#main.main-blog .blog-hero-content .breadcrumb ,#main.cat-blog .breadcrumb{
  margin-left: auto;
  margin-right: auto;
  max-width: 1336px;
  padding-left: 1rem;
  padding-right: 1rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(179 184 185 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  #main.main-blog .blog-hero-content .breadcrumb ,#main.cat-blog .breadcrumb{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

#main.main-blog .blog-hero-content .breadcrumb i ,#main.cat-blog .breadcrumb i{
  margin-left: 0.25rem;
  margin-right: 0.25rem;
  font-size: 4px;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(241 241 241 / var(--tw-text-opacity));
}

/* blog top section background */

.main-blog > section:first-of-type{
  position: relative;
  display: flex;
  height: 24rem;
  width: 100%;
  flex-direction: row;
  justify-content: flex-end;
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){
  .main-blog > section:first-of-type{
    height: 60vh;
  }
}

.main-blog section:first-of-type .blog-hero-content{
  position: absolute;
  z-index: 10;
  height: 100%;
  width: 100%;
  align-content: flex-end;
  background-color: #00000070;
  padding-bottom: 5rem;
}

@media (min-width: 1024px){
  .main-blog section:first-of-type .blog-hero-content{
    padding-bottom: 7rem;
  }
}

.main-blog section:first-of-type .blog-hero-content > div{
  margin-left: auto;
  margin-right: auto;
  max-width: 1336px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.main-blog section:first-of-type .blog-hero-content .blog-hero-title{
  display: block;
  width: 100%;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 2.2;
  --tw-text-opacity: 1;
  color: rgb(245 245 245 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .main-blog section:first-of-type .blog-hero-content .blog-hero-title{
    width: 24rem;
  }
}

@media (min-width: 1024px){
  .main-blog section:first-of-type .blog-hero-content .blog-hero-title{
    width: 28rem;
    font-size: 1.2rem;
  }
}

@media (min-width: 1280px){
  .main-blog section:first-of-type .blog-hero-content .blog-hero-title{
    font-size: 1.5rem;
  }
}

.main-blog section:first-of-type .blog-hero-content .blog-hero-excerpt{
  width: 100%;
  font-size: 0.8rem;
  font-weight: 400;
  line-height: 2.2;
  --tw-text-opacity: 1;
  color: rgb(179 184 185 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .main-blog section:first-of-type .blog-hero-content .blog-hero-excerpt{
    width: 24rem;
    font-size: 0.9rem;
  }
}

@media (min-width: 1024px){
  .main-blog section:first-of-type .blog-hero-content .blog-hero-excerpt{
    width: 28rem;
  }
}

.main-blog section:first-of-type .blog-hero-content .blog-hero-btn{
  margin-top: 0.75rem;
  display: inline-block;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(13 29 45 / var(--tw-text-opacity));
}

.main-blog section:first-of-type .blog-hero-content .blog-hero-btn:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 103 39 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.blog-hero{
  width: 100%;
  background-image: url(/wp-content/uploads/2025/08/017.webp);
  background-size: cover;
  background-position: center;
}

@media (min-width: 768px){
  .blog-hero{
    width: 60%;
  }
}

/* category top section */

.cat-blog > section:first-of-type{
  height: 50vh;
  align-content: flex-end;
  --tw-bg-opacity: 1;
  background-color: rgb(36 36 36 / var(--tw-bg-opacity));
  padding-bottom: 6rem;
}

/* h1 title */

.main-blog h1 , .cat-blog h1{
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(13 29 45 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .main-blog h1 , .cat-blog h1{
    font-size: 1.875rem;
    line-height: 2.25rem;
  }
}

.main-blog .archive-blog-title-section , .cat-blog .archive-blog-title-section{
  position: relative;
  z-index: 20;
  margin-left: auto;
  margin-right: auto;
  margin-top: -3.5rem;
  max-width: 1336px;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
}

@media (min-width: 1024px){
  .main-blog .archive-blog-title-section , .cat-blog .archive-blog-title-section{
    margin-top: -4rem;
    padding: 2rem;
  }
}

.main-blog .archive-blog-post-section , .cat-blog .archive-blog-post-section{
  width: 100%;
}

@media (min-width: 1024px){
  .main-blog .archive-blog-post-section , .cat-blog .archive-blog-post-section{
    width: 65%;
  }
}

.archive-blog-post-section .archive-blog-post-title b{
  display: block;
  padding: 1rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 800;
  --tw-text-opacity: 1;
  color: rgb(13 29 45 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .archive-blog-post-section .archive-blog-post-title b{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.archive-blog-posts li{
  margin-bottom: 1rem;
}

.archive-blog-posts li article{
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(249 249 249 / var(--tw-border-opacity));
}

@media (min-width: 768px){
  .archive-blog-posts li article{
    flex-direction: row;
  }
}

.archive-blog-posts li article{
  box-shadow: 0px 0px 18px -9px rgba(71.4, 71.4, 71.4, 0.5);
}

.blog-flex{
  margin-left: auto;
  margin-right: auto;
  display: flex;
  max-width: 1336px;
  flex-direction: column;
  justify-content: space-between;
  gap: 3rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 1rem;
  padding-bottom: 3rem;
}

@media (min-width: 1024px){
  .blog-flex{
    flex-direction: row;
    gap: 4rem;
  }
}

.archive-blog-posts img{
  height: 100%;
  max-height: 14rem;
  width: 100%;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

@media (min-width: 768px){
  .archive-blog-posts img{
    min-height: 100%;
    border-top-right-radius: 1rem;
    border-bottom-right-radius: 1rem;
    border-top-left-radius: 0px;
  }
}

.archive-blog-post-content{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
}

@media (min-width: 768px){
  .archive-blog-post-content{
    width: 55%;
  }
}

.archive-blog-posts .post-meta a{
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  padding-top: 0.625rem;
  padding-bottom: 0.625rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(13 29 45 / var(--tw-text-opacity));
}

.archive-blog-posts .post-meta a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(13 29 45 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.archive-blog-posts .post-meta{
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
}

.post-excerpt{
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  text-align: justify;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  line-height: 2;
  --tw-text-opacity: 1;
  color: rgb(13 29 45 / var(--tw-text-opacity));
}

.archive-blog-posts .post-meta span.post-date{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 400;
  --tw-text-opacity: 1;
  color: rgb(13 29 45 / var(--tw-text-opacity));
}

.archive-blog-posts .post-title{
  font-size: 0.8rem;
  font-weight: 800;
  line-height: 2;
  color: #000000b0;
}

@media (min-width: 1024px){
  .archive-blog-posts .post-title{
    font-size: 1rem;
  }
}

@media (min-width: 768px){
  .post-thumbnail{
    width: 45%;
  }
}

/* post-meta-categories */

.post-meta-categories{
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(179 184 185 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .post-meta-categories{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.post-meta-categories a:hover{
  --tw-text-opacity: 1;
  color: rgb(251 103 39 / var(--tw-text-opacity));
}

/* .pagination-inner */

.blog-flex .pagination{
  border-radius: 0.375rem;
  --tw-bg-opacity: 1;
  background-color: rgb(70 70 70 / var(--tw-bg-opacity));
  padding: 0.5rem;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .blog-flex .pagination{
    font-size: 1.125rem;
    line-height: 1.75rem;
  }
}

.blog-flex .pagination .current{
  cursor: default;
  --tw-text-opacity: 1;
  color: rgb(251 103 39 / var(--tw-text-opacity));
}

.blog-flex .pagination .page-numbers{
  margin-left: 0.25rem;
  cursor: pointer;
  padding: 0.5rem;
}

.blog-flex .pagination .page-numbers:hover{
  --tw-text-opacity: 1;
  color: rgb(251 103 39 / var(--tw-text-opacity));
}

/* sidebar */

.blog-sidebar{
  display: flex;
  width: 100%;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 2rem;
}

@media (min-width: 768px){
  .blog-sidebar{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 4rem;
  }
}

@media (min-width: 1024px){
  .blog-sidebar{
    width: 35%;
    max-width: 20rem;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: flex-start;
    gap: 3rem;
  }
}

@media (min-width: 768px){
  .blog-sidebar > div{
    width: 45%;
  }
}

@media (min-width: 1024px){
  .blog-sidebar > div{
    width: 100%;
  }
}

/* recent-posts */

.blog-sidebar .recent-posts .recent-posts-title{
  margin-bottom: 0.75rem;
  display: block;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 800;
  color: #000000b0;
}

.blog-sidebar .recent-posts ul{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.blog-sidebar .recent-posts li{
  display: flex;
  flex-direction: row;
  border-radius: 1rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(244 244 244 / var(--tw-border-opacity));
}

.blog-sidebar .recent-posts li:hover{
  --tw-border-opacity: 1;
  border-color: rgb(179 184 185 / var(--tw-border-opacity));
}

.blog-sidebar .recent-posts li a{
  display: flex;
  flex-direction: row;
}

.blog-sidebar .recent-posts li .recent-post-thumb{
  min-width: 5.6rem;
}

.blog-sidebar .recent-posts li .recent-post-thumb img{
  height: 5.6rem;
  width: 100%;
  border-radius: 14px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.blog-sidebar .recent-posts li .recent-post-info{
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding: 0.5rem;
}

.blog-sidebar .recent-posts li span{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(13 29 45 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .blog-sidebar .recent-posts li span{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.blog-sidebar .recent-posts li .recent-post-date{
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(179 184 185 / var(--tw-text-opacity));
}

/* categories */

.blog-sidebar-title{
  margin-bottom: 1rem;
  display: block;
  text-align: center;
  font-size: 0.9rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(13 29 45 / var(--tw-text-opacity));
}

.blog-sidebar .categories ul{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.375rem;
}

@media (min-width: 768px){
  .blog-sidebar .categories ul{
    flex-direction: column;
  }
}

.blog-sidebar .categories ul li{
  width: 32%;
}

@media (min-width: 768px){
  .blog-sidebar .categories ul li{
    width: 100%;
  }
}

.blog-sidebar .categories ul li:last-child{
  width: 9rem;
  min-width: 32%;
}

@media (min-width: 768px){
  .blog-sidebar .categories ul li:last-child{
    min-width: 100%;
  }
}

.blog-sidebar .categories a{
  display: block;
  cursor: pointer;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(70 70 70 / var(--tw-bg-opacity));
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  padding-left: 0.25rem;
  padding-right: 0.25rem;
  text-align: center;
  font-size: 0.8rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.blog-sidebar .categories a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 103 39 / var(--tw-bg-opacity));
}

@media (min-width: 1024px){
  .blog-sidebar .categories a{
    font-size: 0.9rem;
  }
}

/* social icons */

.blog-social a{
  display: inline-block;
  height: 3.5rem;
  width: 3.5rem;
  align-content: center;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(245 245 245 / var(--tw-bg-opacity));
  text-align: center;
  font-size: 1.875rem;
  line-height: 2.25rem;
  color: #00000042;
  transition-property: none;
}

.blog-social a:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 103 39 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.blog-social div{
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 0.75rem;
}

/* search */

.blog-sidebar .search div{
  display: flex;
  height: 3rem;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity));
  padding: 0.25rem;
  padding-right: 1rem;
}

.blog-sidebar .search div span{
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 400;
  color: #00000070;
}

.blog-sidebar .search div button{
  height: 100%;
  width: 6rem;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(13 29 45 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.blog-sidebar .search div button:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(251 103 39 / var(--tw-bg-opacity));
}

/* Search blog */

.blog-sidebar form.search-form{
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 0px;
  border-radius: 0.5rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.25rem;
}

.blog-sidebar .search-results{
  position: absolute;
  top: 2.5rem;
  right: 0px;
  display: flex;
  width: 100%;
  flex-direction: column;
  gap: 0.5rem;
  border-radius: 0.75rem;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
}

.blog-sidebar .search-results:empty{
  padding: 0px;
}

.blog-sidebar .search-results {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
}

.blog-sidebar .search-results p{
  padding: 1rem;
  font-size: 0.8rem;
  font-weight: 500;
  color: #000000b0;
}

.blog-sidebar .search-form input#search-input{
  width: 75%;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  padding: 0.5rem;
  font-size: 0.8rem;
  font-weight: 500;
  color: #00000070;
}

.blog-sidebar .search-form input#search-input:focus-visible{
  border-width: 0px;
}

.blog-sidebar form.search-form button.icon-search{
  width: 25%;
  border-radius: 0.5rem;
  --tw-bg-opacity: 1;
  background-color: rgb(13 29 45 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.blog-sidebar .search-form img{
  height: 4rem;
  width: 4rem;
  min-width: 4rem;
  border-radius: 0.75rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.blog-sidebar .search-results a{
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.75rem;
  border-width: 1px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
}

.blog-sidebar .search-results a:hover{
  --tw-border-opacity: 1;
  border-color: rgb(221 221 221 / var(--tw-border-opacity));
}

.blog-sidebar span.post-card-title{
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 2;
  --tw-text-opacity: 1;
  color: rgb(13 29 45 / var(--tw-text-opacity));
}

/* blog youtube banner */

.blog-youtube-banner{
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  background-image: url('/wp-content/uploads/2025/08/youtube2-30-1.webp');
  background-size: cover;
  background-position: left;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding-left: 1rem;
  padding-right: 1rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

@media (min-width: 768px){
  .blog-youtube-banner{
    gap: 1rem;
    background-position: center;
  }
}

@media (min-width: 1024px){
  .blog-youtube-banner{
    padding-top: 3rem;
    padding-bottom: 3rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.blog-youtube-banner > a:last-of-type span{
  display: flex;
  height: 100%;
  flex-direction: row-reverse;
  align-items: center;
  gap: 0.5rem;
  border-radius: 0.5rem;
  border-width: 2px;
  border-style: solid;
  --tw-border-opacity: 1;
  border-color: rgb(255 255 255 / var(--tw-border-opacity));
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-weight: 500;
}

.blog-youtube-banner > a:last-of-type span:hover{
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(250 59 69 / var(--tw-text-opacity));
}

/* blog top posts */

.blog-best-posts{
  margin-left: auto;
  margin-right: auto;
  max-width: 1336px;
  padding-left: 1rem;
  padding-right: 1rem;
}

.blog-best-posts > span{
  margin-bottom: 1.25rem;
  display: block;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 900;
  --tw-text-opacity: 1;
  color: rgb(13 29 45 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .blog-best-posts > span{
    font-size: 1.25rem;
    line-height: 1.75rem;
  }
}

.blog-best-posts .best-posts-list{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
}

@media (min-width: 1024px){
  .blog-best-posts .best-posts-list{
    flex-direction: row;
  }
}

.blog-best-posts .best-posts-list li.best-post-item{
  width: 100%;
}

@media (min-width: 1024px){
  .blog-best-posts .best-posts-list li.best-post-item{
    width: 30%;
  }
}

.blog-best-posts .best-posts-list li.best-post-item article{
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
}

.blog-best-posts .best-posts-list li.best-post-item article img{
  max-height: 12rem;
  min-height: 12rem;
  width: 100%;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (min-width: 1024px){
  .blog-best-posts .best-posts-list li.best-post-item article img{
    max-height: 14rem;
    min-height: 14rem;
  }
}

.blog-best-posts .best-posts-list li.best-post-item article .best-post-content{
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.blog-best-posts .best-posts-list li.best-post-item article .best-post-content .post-title{
  display: block;
  padding-top: 0.5rem;
  padding-bottom: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(13 29 45 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .blog-best-posts .best-posts-list li.best-post-item article .best-post-content .post-title{
    font-size: 0.875rem;
    line-height: 1.25rem;
  }
}

.blog-best-posts .best-posts-list li.best-post-item article .best-post-content .post-excerpt{
  margin: 0px;
}

.blog-best-posts .best-posts-list li.best-post-item article .best-post-content .post-excerpt p{
  text-align: justify;
}

.blog-best-posts .best-posts-list li.best-post-item article .best-post-content .post-meta{
  position: absolute;
  left: 1rem;
  top: 10.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 500;
  --tw-text-opacity: 1;
  color: rgb(221 221 221 / var(--tw-text-opacity));
}

@media (min-width: 1024px){
  .blog-best-posts .best-posts-list li.best-post-item article .best-post-content .post-meta{
    top: 12rem;
  }
}