.resp-text {
    line-height: 35px;
    font-size: 1.3rem; /* پیش‌فرض دسکتاپ */
}

@media (max-width: 576px) {
    .resp-text {
        font-size: 1rem; /* سایز کوچیک‌تر برای موبایل */
        line-height: 25px; /* اختیاری برای قشنگ‌تر شدن */
        display: -webkit-box;
        -webkit-line-clamp: 4; /* حداکثر ۳ خط */
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

}
.text-about {
    display: -webkit-box;
    -webkit-line-clamp: 7; /* حداکثر ۳ خط */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.image-wrapper {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: auto;
    background-color: #f5f5f5;
    background: linear-gradient(135deg, #e0e0e0, #ffffff);
    padding: 2em;
    border-radius: 12px;
}

.main-image {
    display: block;
    margin: auto;
    width: 250px;
    z-index: 2;
}

.counter-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    padding: 10px;
    word-wrap: break-word; /* برای شکستن متن‌های طولانی */
    text-align: center;
}

.counter-value {
    font-size: 3rem; /* عدد بزرگ‌تر */
    font-weight: 900; /* خیلی بولد */
    margin-bottom: 0.5em;
    line-height: 1.2;
}

.counter-label {
    font-size: 1rem;
    font-weight: 700; /* بولد متوسط */
    margin: 0;
}
/* وقتی عرض صفحه کوچیک‌تر از 576px (موبایل) شد */
@media (max-width: 576px) {
    .counter-box .counter-value {
        font-size: 1.4rem; /* عدد کوچیک‌تر */
    }

    .counter-box .counter-label {
        font-size: 0.85rem; /* متن کوچیک‌تر */
        white-space: nowrap; /* جلوگیری از شکستن خط */
    }
}
@media (max-width: 576px) {
    .counter-box {
        margin-top: -40px; /* هر عددی که می‌خوای */
        
    }
}

.slider-container {
    width: 100%;
    overflow: hidden;
    background: #369ec4;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

    .slider {
        display: flex;
        animation: scroll 40s linear infinite;
    }
@media (max-width: 576px) {
    .slider {
        animation-duration: 10s; /* سرعت بیشتر روی موبایل */
    }
}

    .slidelogo {
        flex: 0 0 auto;
        width: 150px;
        margin: 0 15px;
        text-align: center;
    }

        .slidelogo img {
            width: 100px;
            height: 100px;
            object-fit: contain;
            margin-bottom: 10px;
            border-radius: 50%;
            border: 3px solid #cfcdcd;
        }

        .slidelogo p {
            font-size: 14px;
            color: white;
            font-weight:bold;
        }

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}