.tabs-wrapper {
    max-width: 100%;
    margin: 0 auto 30px;
	
}
.project-tab {
    transition: all 0.25s ease;
}


.project-tab:hover,.project-tab.active {
    background: #000;
    color: #fff;
}

/* Project card */
.project-card {
    background: #fff;
    padding: 40px;
	border:1px solid #e0e0e0;
    border-radius: 30px;
    display: flex;
    gap: 40px;
    align-items: center;
    
    margin: auto;
}
.project-card .project-image{width:45%;    flex: 0 0 45%;}
.project-card .project-content{width:55%;     padding-right: 30px;   flex: 0 0 55%;}
.project-image img {
        margin-bottom: -120px;
        border-radius: 30px !important;
}

.project-content .btn {
    display: inline-block;
    margin-top: 20px;
    background: #e53935;
    color: #fff;
    padding: 12px 28px;
    border-radius: 30px;
    text-decoration: none;
}

.loader {
	    background: #fff;
    padding: 40px;
    border: 1px solid #e0e0e0;
    border-radius: 30px;
 
    margin: auto;
}
/* FIX: Elementor collapsing Splide */

.projectTabsSplide .splide__track,
.projectTabsSplide .splide__list {
    display: block !important;
    height: auto !important;
   
}
.projectTabsSplide .splide__list {
    display: flex !important;
    align-items: center;
}
.projectTabsSplide .splide__slide {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 48px;
}
.project-tab {
       color: #000;     width: 100%;   min-width: 183px;
    padding: 12px 30px;
    border-radius: 50px;
    background: #fff;
    border: none;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.project-tab:focus {background:#000;}

/* Skeleton grid */
.skeleton-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

@media(max-width:768px){
    .skeleton-grid { grid-template-columns: 1fr; }
}

/* Skeleton card */
.skeleton-card {
    background: #fff;
    border-radius: 22px;
    padding: 24px;
    display: grid;
    grid-template-columns: 50% 1fr;
    gap: 24px;
    box-shadow: 0 12px 30px rgba(0,0,0,.06);
}

/* Skeleton shimmer */
.skeleton-img,
.skeleton-lines span,
.skeleton-btn {
    background: linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);
    background-size: 400% 100%;
    animation: shimmer 1.4s infinite;
}

@keyframes shimmer {
    to { background-position: -400% 0; }
}

.skeleton-img { height: 320px; border-radius: 30px; }
.skeleton-lines span {    display: block; height: 20px; margin-bottom: 14px; border-radius: 8px; }
.skeleton-btn { width: 140px; height: 42px; border-radius: 22px; }
@media (min-width:992px) and (max-width:1199px){
.skeleton-img { height: 284px;}
}