.banner-wrapper {
    width: 100%;
    padding: 20px 0;
}

.banner-box {
    width: 100%;
    height: 240px;
    background-color: #F9A61A; /* رنگ موردنظر */
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #fff; /* فونت سفید */
    text-align: center;
    position: relative;
    overflow: hidden;
}

    /* اگر بخوای مثل عکس پس‌زمینه طرح‌دار داشته باشه */
    .banner-box::before {
        content: "";
        position: absolute;
        inset: 0;
        
        background-size: 800px;
        background-repeat: repeat;
        opacity: 0.15; /* دقیقا مثل عکس */
    }


.banner-title {
    font-size: 36px;
    font-weight: 800;
    margin: 0;
    position: relative;
    z-index: 2;
}

.banner-sub {
    margin-top: 8px;
    font-size: 15px;
    opacity: .85;
    position: relative;
    z-index: 2;
}