/* Default styles */
.content-scale-scrap,
.content-scale-scrap * {
    font-size: 21px !important;
    text-align: justify;
    line-height: 1.6;
}

.content-scale-title,
.content-scale-title label {
    font-size: 22px !important;
    text-align: justify;
    line-height: 1.6;
}

/* Scale 125% */
@media (min-resolution: 1.25dppx) and (max-resolution: 1.49dppx) {
    .content-scale-scrap,
    .content-scale-scrap * {
        font-size: 19px !important;
    }

    .content-scale-title,
    .content-scale-title label {
        font-size: 19px !important;
    }
}

/* Scale 150% */
@media (min-resolution: 1.5dppx) and (max-resolution: 1.74dppx) {
    .content-scale-scrap,
    .content-scale-scrap * {
        font-size: 15px !important;
    }

    .content-scale-title,
    .content-scale-title label {
        font-size: 15px !important;
    }
}

/* Scale 175% and above */
@media (min-resolution: 1.75dppx) {
    .content-scale-scrap,
    .content-scale-scrap * {
        font-size: 12px !important;
    }

    .content-scale-title,
    .content-scale-title label {
        font-size: 13px !important;
    }
}
@media (max-width: 579.98px){.brandlogoimgsizeleft{height:50px;}  }

@media (min-width: 580px) and (max-width: 709.98px){.brandlogoleft{margin-left:-14%;} .brandlogoimgsizeleft{height:70px;}  }

@media (min-width: 710px) and (max-width: 767.98px){.brandlogoleft{margin-left:-22%;margin-right:100px;} .brandlogoimgsizeleft{height:70px;}  }


@media (min-width: 768px) and (max-width: 980px){.brandlogoleft{margin-left:5%;} }

/* Container */
.dgb-instruction {
    max-width: 860px;           /* محدودیت پهنا برای خوانایی */
    margin: 1rem auto;          /* مرکز کردن در صفحه (در صورت نیاز) */
    padding: 14px 18px;
    background: #ffffff;        /* یا #fbfbfb برای کمی گرادیان */
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(35, 47, 63, 0.06);
    border: 1px solid rgba(34,34,34,0.04);
    display: block;
    -webkit-font-smoothing: antialiased;
}

/* متن داخل */
.dgb-instruction-text {
    display: block;             /* label به صورت بلوک نمایش داده شود */
    margin: 0;
    font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #1f2937;             /* تیره برای خوانایی */
    text-align: left;
}

/* اگر می‌خواهید متن وسط چین شود، از این کلاس استفاده کنید:
.dgb-instruction-text { text-align: center; } */

/* دکمه تماشای ویدئو (اختیاری) */
.dgb-watch-btn {
    display: inline-block;
    margin-top: 12px;
    padding: 8px 14px;
    border-radius: 8px;
    background: #0b74de;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
}

/* ویدئو کانتینر */
.dgb-video-container {
    max-width: 860px;
    margin: 12px auto 0;
    padding: 0 12px;
}

.dgb-video {
    width: 100%;
    height: 480px;              /* یا نسبت 16:9 با calc */
    border: 0;
    border-radius: 8px;
}

/* Responsive: موبایل */
@media (max-width: 768px) {
    .dgb-instruction {
        padding: 12px;
        margin: 0.75rem 12px;
    }

    .dgb-instruction-text {
        font-size: 15px;
    }

    .dgb-video {
        height: 220px;
    }
}

/* کوچک‌تر از 420px */
@media (max-width: 420px) {
    .dgb-instruction-text {
        font-size: 14px;
    }
}