.nobiteb-services-clean {
    padding: 90px 20px;
    background: #f8fffe;
    text-align: center
}

.nobiteb-title {
    font-size: 46px;
    margin-bottom: 70px;
    color: #0d5c63;
    font-weight: 900
}

.nobiteb-grid {
    display: grid;
    gap: 40px;
    max-width: 1400px;
    margin: auto
}

.nobiteb-columns-1 {
    grid-template-columns:1fr
}

.nobiteb-columns-2 {
    grid-template-columns:repeat(2, 1fr)
}

.nobiteb-columns-3 {
    grid-template-columns:repeat(3, 1fr)
}

.nobiteb-columns-4 {
    grid-template-columns:repeat(4, 1fr)
}

.nobiteb-columns-5 {
    grid-template-columns:repeat(5, 1fr)
}

.nobiteb-columns-6 {
    grid-template-columns:repeat(6, 1fr)
}

.nobiteb-card {
    background: #fff;
    border-radius: 28px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(0, 0, 0, .08);
    transition: transform .4s
}

.nobiteb-card:hover {
    transform: translateY(-20px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, .18)
}

.nobiteb-card-header {
    padding: 35px 25px 25px;
    background: linear-gradient(135deg, #aecaa1, #5f884c);
    color: #fff
}

.nobiteb-cover, .nobiteb-avatar {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    border: 5px solid #fff;
    margin-bottom: 15px
}

.nobiteb-avatar {
    background: #fff;
    color: #667eea;
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.nobiteb-service-name {
    margin: 10px 0 8px;
    font-size: 26px;
    color: #fff;
}

.nobiteb-type {
    padding: 8px 18px;
    background: rgba(255, 255, 255, .25);
    border-radius: 30px;
    font-size: 15px;
    display: inline-block
}

.nobiteb-type.online {
    background: rgba(39, 174, 96, .3)
}

.nobiteb-type.offline {
    background: rgba(52, 152, 219, .3)
}

.nobiteb-card-body {
    padding: 35px 25px
}

.nobiteb-doctor {
    margin-bottom: 25px;
    padding-bottom: 20px;
    border-bottom: 2px dashed #eee;
    text-align: center
}

.nobiteb-doctor strong {
    font-size: 18px;
    color: #2c3e50;
    display: block
}

.nobiteb-doctor small {
    color: #7f8c8d
}

.nobiteb-price {
    margin: 30px 0
}

.nobiteb-price del {
    color: #e74c3c;
    font-size: 19px;
    display: block
}

.nobiteb-final-price {
    font-size: 32px;
    font-weight: bold;
    color: #27ae60;
    margin: 10px 0
}

.nobiteb-price-only {
    font-size: 32px;
    font-weight: bold;
    color: #2c3e50
}

.nobiteb-discount {
    background: #e74c3c;
    color: #fff;
    padding: 6px 14px;
    border-radius: 25px;
    font-size: 13px
}

.nobiteb-btn {
    display: inline-block;
    padding: 16px 45px;
    background: #aecaa1;
    color: #fff;
    border-radius: 50px;
    text-decoration: none;
    font-weight: bold;
    font-size: 17px;
    transition: .3s;
    /*box-shadow: 0 10px 30px rgba(95, 136, 70, .4)*/
}

.nobiteb-btn:hover {
    background: #5f884c;
    text-decoration: none;
    transform: translateY(-4px);
    box-shadow: 0 15px 35px rgba(95, 136, 70, .4)
}

@media (max-width: 992px) {
    .nobiteb-grid {
        grid-template-columns:repeat(2, 1fr) !important
    }
}

@media (max-width: 600px) {
    .nobiteb-grid {
        grid-template-columns:1fr !important
    }
}
.nobiteb-grid-flex{
    gap: 15px
}
.nobiteb-grid-flex .nobiteb-card {
    flex: 0 1 calc((100% - (var(--columns) - 1) * 20px) / var(--columns));
    box-sizing: border-box;
    margin-bottom:  1rem!important
}

/* Optional: responsive fallbacks */
@media (max-width: 992px) {
    .nobiteb-grid-flex { --columns: 3 !important; }
}
@media (max-width: 768px) {
    .nobiteb-grid-flex { --columns: 2 !important;  }
}
@media (max-width: 576px) {
    .nobiteb-grid-flex { --columns: 1 !important;padding: 0 !important; }
}