/* ===== OUTER WRAPPER ===== */
.section-wrapper {
    border: 3px solid #d97706;
    border-radius: 12px;
    padding: 30px;
    background: #ffffff;
}

/* ===== IMAGE CONTAINER ===== */
.image-box {
    background: #ffffff;
    padding: 12px;
    border-radius: 8px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
    text-align: center;
}

/* ===== SINGLE IMAGE (UPDATED) ===== */
.image-box img {
    width: 100%;
    height: auto;              /* ❗ fixed height removed */
    max-height: 380px;         /* desktop limit */
    object-fit: contain;       /* ❗ image cut nahi hogi */
    border-radius: 6px;
}

/* ===== HEADING ===== */
.section-title {
    color: #c45a00;
    font-weight: 700;
}

/* ===== TEXT ===== */
.section-text {
    line-height: 1.9;
    font-size: 16px;
    color: #1a0b05;
}

/* ===== RESPONSIVE FIX ===== */
@media (max-width: 767px) {
    .section-wrapper {
        padding: 20px;
    }

    .image-box img {
        max-height: 260px;
    }

    .section-title {
        text-align: center;
    }
}