.upk-holux-tabs {
  display: grid; }

.upk-holux-tabs-item {
  grid-template-columns: repeat(1, 1fr);
  border-top: 1px solid #7b707038;
  padding: 20px 0; }
  .upk-holux-tabs-item:nth-child(1) {
    border: none;
    padding-top: 0; }
  .upk-holux-tabs-item .upk-holux-tabs-item-box {
    display: flex;
    align-items: center;
    height: 100%; }
  .upk-holux-tabs-item .upk-holux-tabs-image {
    height: 100%;
    width: clamp(8.75rem, 50%, 21.875rem); }
    .upk-holux-tabs-item .upk-holux-tabs-image img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block; }
  .upk-holux-tabs-item .upk-holux-tabs-content {
    padding-left: clamp(0.625rem, 1.5vw, 1.25rem); }
  .upk-holux-tabs-item .upk-holux-tabs-category a {
    border: 1px solid #d90429;
    display: inline-block;
    padding: 5px 14px;
    font-size: clamp(0.625rem, 1vw, 0.938rem);
    color: #d90429;
    font-weight: 500;
    margin-bottom: clamp(0.75rem, 1vw, 1.125rem); }
    .upk-holux-tabs-item .upk-holux-tabs-category a:hover {
      background: #d90429;
      color: #fff; }
  .upk-holux-tabs-item .upk-holux-tabs-category a,
  .upk-holux-tabs-item .upk-holux-tabs-title a {
    text-decoration: none;
    transition: all 0.3s ease; }
  .upk-holux-tabs-item .upk-holux-tabs-title {
    font-weight: 700;
    font-size: clamp(0.938rem, 2vw, 1.5rem);
    margin: 0 0 clamp(0.75rem, 1vw, 1.125rem); }
    .upk-holux-tabs-item .upk-holux-tabs-title a {
      color: #2b2d42; }
      .upk-holux-tabs-item .upk-holux-tabs-title a:hover {
        color: #d90429; }

.upk-holux-tabs-header-tabs {
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  padding: 0;
  margin: 0; }
  .upk-holux-tabs-header-tabs .upk-holux-tabs-tabs-list {
    flex: 1;
    list-style: none; }
    .upk-holux-tabs-header-tabs .upk-holux-tabs-tabs-list a {
      height: clamp(2.5rem, 4vw, 3.75rem);
      line-height: clamp(2.5rem, 4vw, 3.75rem);
      font-size: clamp(0.875rem, 1.5vw, 1rem);
      color: #544e4e;
      transition: all 0.3s ease;
      display: block;
      background-color: #efefef; }
  .upk-holux-tabs-header-tabs .upk-holux-tabs-active a {
    background: #2b2d42;
    color: #fff; }

.upk-holux-tabs-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  color: #969696;
  text-transform: capitalize;
  font-size: clamp(0.75rem, 1vw, 0.938rem); }
  .upk-holux-tabs-meta > div {
    display: inline-flex;
    align-items: center; }
  .upk-holux-tabs-meta i {
    padding-right: 6px; }
  .upk-holux-tabs-meta .upk-separator {
    display: none; }

.upk-holux-tabs-author a {
  text-decoration: none;
  color: #969696; }

@media (min-width: 768px) {
  .upk-holux-tabs-meta .upk-separator {
    display: block; } }