.tabs-blogitems {
  gap: 12px;
  margin-bottom: 40px;
  padding-bottom: 0;
  transition: 0.3s all linear;
}
.content-blogtab .stretch-blogcard:not(:last-child) {
    margin-bottom: 32px;
}
.btn--blogtab {
  color: var(--color2);
  background-color: white;
  border-radius: 8px;
  padding: 1px 20px;
  transition: 0.3s all linear;
  cursor:pointer;
  border: 1px solid #0B265033;
}
.btn--blogtab:hover,
.btn--blogtab.active {
  background-color: var(--color1);
  border: 1px solid var(--color1);
}

.bloglist-btn{
font-size: 16px;
line-height: 20.22px;
color: var(--color1);
}




.sidebar-banner {
  margin-bottom: 2.4rem;
  display: block;
}
.sidebar-banner img {
  width: 100%;
  border-radius: 8px;
}
.mobile a.sidebar-banner:active,
.desktop a.sidebar-banner:is(:hover, :focus-visible) {
  opacity: 0.8;
}
.blogtab-aside-btn {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background: var(--color2);
      margin-bottom: 1rem;
      border-radius: 16px;
      padding: 21px 16px;
      color: white;
      min-width: auto;
      height: auto;
      white-space: normal;
      transition: 0.28s all linear;
}

.blogtab-aside-btn:hover {
    box-shadow: 3px 4px 8px #0b26502b;
  background: var(--color3);
    color: var(--color2) !important;
}
.blogtab-aside-btn:hover .blogtab-aside-btn__icon{
  color: var(--color2) !important;
}

.blogtab-aside-btn__icon {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    font-size: 20px;
    line-height: 30px;
    transition: 0.28s all linear;
}

.blogtab-aside-btn__icon i {
    font-size:22px;
    color: var(--color1) !important;
    line-height: 1;
}

.blogtab-aside-btn__icon img {
  width: 28px;
  height: 28px;
  -o-object-fit: contain;
  object-fit: contain;
}

.sidebar-tab-icon{
  transform: rotate(180deg);
  font-size: 15px;
  opacity: 50%;
  color: white;
  transition: 0.28s all linear;
}
.blogtab-aside-btn:hover .sidebar-tab-icon{
  color: var(--color2);
}

.blogtab-aside-btn__title {
  font-size: 14px;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  color: #3E3E3E;
  white-space: nowrap;
}
.btn .blogtab-aside-btn__title i:after {
  background-color:#222222;
}
.post-item-content {
    padding: 4px;
    display: flex;
        flex-direction: column;
        gap: 16px;
}

.post-item-content h2{
  min-height: auto;
}


/**************************/
/* ABOVE 768px */
/**************************/
@media (min-width: 48em) {

}
/**************************/
/* ABOVE 992px */
/**************************/
@media (min-width: 62em) {
  .stretch-blogcard .post-item {
	  display:flex;
    flex-direction: row;
    align-items: center;
  }
  .sectiob-blogtab .stretch-blogcard .post-card__date {
    left: auto;
    right: 0;
    transform-origin: 75% -18%;
  }
  .stretch-blogcard .post-item-image img {
        width: 100%;
        aspect-ratio: 5 / 3;
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        transition: 0.3s;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }
	.stretch-blogcard .blog-date {
    margin-top: 0;
	        margin-bottom: 0.5rem;
}
}
@media (min-width: 62em) {
  .stretch-blogcard .post-item-image {
    margin: 0;
    width: 39%;
    flex: 0 0 39%;
	display:flex;
  }
  .stretch-blogcard ..post-item-image img {
    border-radius: unset;
  }

  .stretch-blogcard {
    margin-bottom: 1.4rem;
  }
}




@media (min-width: 1024px){
  .section-blogtab{
      margin-top: 80px !important;
  }
}


@media (max-width: 991.98px) {

    .side-tab{
     margin-top: 32px;
    }

    .btn--blogtab{
        height: 37px;
        display: flex;
        align-items: center;
    }
    .tabs-blogitems{
        margin-bottom: 24px;
    }

    .post-item-content{
        gap: 8px;
    }

    .sidebar-banner{
        margin-bottom: 0;
    }
}