.zarinvir-title-block{ display:flex; align-items:flex-start; gap:14px; width:100%; direction:rtl; box-sizing:border-box; } .zarinvir-title-block__icon{ flex:0 0 auto; width:34px; height:34px; display:flex; align-items:flex-start; justify-content:center; margin-top:3px; color:#ffb900; } .zarinvir-title-block__icon svg{ width:34px; height:34px; display:block; } .zarinvir-title-block__content{ display:flex; flex-direction:column; gap:6px; min-width:0; } .zarinvir-title-block__main{ display:flex; flex-wrap:wrap; align-items:baseline; gap:6px; font-size:24px; line-height:1.3; } .zarinvir-title-block__first{ font-weight:800; color:#111827; } .zarinvir-title-block__second{ font-weight:700; color:#ffb900; } .zarinvir-title-block__divider{ width:120px; height:3px; border-radius:4px; background:linear-gradient(to left,#ffb900,#ffd65c,transparent); } .zarinvir-title-block__sub{ font-size:13px; color:#6b7280; line-height:1.4; } @media (max-width:768px){ .zarinvir-title-block{ gap:10px; } .zarinvir-title-block__icon{ width:30px; height:30px; } .zarinvir-title-block__icon svg{ width:30px; height:30px; } .zarinvir-title-block__main{ font-size:20px; } .zarinvir-title-block__divider{ width:90px; height:2.5px; } .zarinvir-title-block__sub{ font-size:12px; } }