.eptw-tabs {
 text-align: center;
 margin-bottom: 25px;
}

.eptw-tabs button {
 margin: 5px;
 padding: 8px 16px;
 border-radius: 50px;
 border: 2px solid #0b4991;
 cursor: pointer;
 color: #0b4991;
 font-weight: 600;
}

.eptw-tabs button.active,
.eptw-tabs button:hover {
 background: #0b4991;
 color: #fff;
}

.eptw-posts {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 20px;
 padding-bottom: 100px;
}

.eptw-card {
 border-radius: 12px;
 overflow: hidden;
 background: #fff;
 box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.eptw-image {
 position: relative;
}

.eptw-badge {
 position: absolute;
 bottom: 30px;
 left: 30px;
 background: #fff;
 color: #0b4991;
 font-size: 12px;
 font-weight: 600;
 padding: 10px 20px;
 border-radius: 50px;
 z-index: 2;
}

.eptw-image img {
 width: 100%;
 height: 235px !important;
 object-fit: cover;
}

.eptw-content {
 padding: 15px 30px;
}
.eptw-content h3 a {
 color: #0b4991;
 font-size: 22px;
}
.eptw-pagination {
 position: absolute;
 bottom: 0px;
 left: 50%;
 transform: translateX(-50%);
 display: flex;
}

.eptw-pagination .page-btn {
 margin: 5px;
 border: 2px solid #0b4991;
 background: #fff;
 cursor: pointer;
 border-radius: 100%;
 width: 30px;
 height: 33px;
 display: flex;
 justify-content: center;
 align-items: center;
 color: #0b4991;
 font-weight: bold;
}
.eptw-pagination .page-btn.active,
.eptw-pagination .page-btn.prev,
.eptw-pagination .page-btn.next {
 background: #0b4991;
 color: #fff;
}
.eptw-pagination img {
 width: 10px;
 height: 10px !important;
}
.eptw-pagination .page-btn.disabled {
 opacity: 0.4;
 pointer-events: none;
}
/* Skeleton base */
.skeleton-box,
.skeleton-line {
 background: linear-gradient(90deg, #eeeeee 25%, #dddddd 37%, #eeeeee 63%);
 background-size: 400% 100%;
 animation: skeleton-loading 1.4s ease infinite;
 border-radius: 8px;
}

/* Image placeholder */
.skeleton .eptw-image {
 height: 220px;
}

/* Text lines */
.skeleton-line {
 height: 12px;
 margin-bottom: 10px;
}

.skeleton-line.title {
 height: 16px;
 width: 70%;
}

.skeleton-line.short {
 width: 50%;
}

/* Animation */
@keyframes skeleton-loading {
 0% {
  background-position: 100% 50%;
 }
 100% {
  background-position: 0 50%;
 }
}
@media(min-width:769px){
    .eptw-tabs button{
        min-width:150px
    }
}
@media (max-width: 767px) {
 .eptw-tabs {
  display: flex;
  overflow-x: scroll;
 }
 .eptw-posts{
    grid-template-columns: repeat(1, 1fr);
 }
}