.d3-tabs { display:flex; gap:10px; margin-bottom:20px; justify-content: center; }
.d3-tab { padding: 5px 20px; ackground: #eee; cursor: pointer; border-radius: 0; justify-content: center; }
.d3-tab.active { background:#333; color:#fff; }
.d3-tab:hover  { background:#333; color:#fff; }
.d3-posts { display:grid; grid-template-columns: repeat(3,1fr); gap:25px; }

.d3-card { background:#fff; padding:15px; border:1px solid #ddd; border-radius:8px; }
.d3-img img { width:100%; border-radius:6px; }

.d3-meta { font-size:13px; color:#666; margin:8px 0; }

.d3-title { font-size:18px; margin:10px 0; }
.d3-readmore { color:#0073aa; font-weight:bold; }

.d3-loadmore { margin-top:25px; padding:10px 20px; cursor:pointer; }

.d3-loader {
    width:40px;
    height:40px;
    border:4px solid #ccc;
    border-top-color:#0073aa;
    border-radius:50%;
    animation: spin 0.7s linear infinite;
    margin:20px auto;
}
body button.d3-loadmore {
    margin: 50px auto!important;
    text-align: center;
    display: block;
    background: transparent;
    border: none!important;
    color: #333;
}
body  h3.d3-title {
    font-size: 18px!important;
    margin: 0;
}
.d3-card .vamtam-post-thumb-wrap {
    position: relative;
}

.d3-card .vamtam-read-more-wrap {
    overflow: hidden;
    display: flex;
    flex-flow: row-reverse nowrap;
    justify-content: flex-end;
    align-items: stretch;
    position: absolute;
    bottom: var(--vamtam-img-spacing, 0);
    right: 0;
}

.d3-card a.vamtam-read-more-icon {
    z-index: 1;
    font-size: 22px;
    padding: 15px;
    background-color: var(--vamtam-accent-color-5);
    color: var(--vamtam-accent-color-1);
    transition: color 0.3s ease;
}

.d3-card a.elementor-post__read-more {
    transform-origin: center right;
    translate: 100% 0%;
    transition: translate 0.7s ease, color 0.3s ease;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    align-self: auto;
    padding: 15px 20px;
    background-color: var(--vamtam-accent-color-5);
    font-size: 12px;
    font-weight: 700;
}

.d3-card .vamtam-post-thumb-wrap:hover a.elementor-post__read-more{
    translate: 0%;
}
@keyframes spin { 100% { transform: rotate(360deg); } }