.zarinthdec-archive-desc-wrap{ width:100%; max-width:100%; position:relative; direction:rtl; color:#64748b; font-size:16px; line-height:1.9; text-align:justify; overflow:hidden; } .zarinthdec-archive-desc-box{ position:relative; overflow:hidden; max-height:300px; transition:max-height 0.45s ease; will-change:max-height; } .zarinthdec-archive-desc-wrap.zarinthdec-is-open .zarinthdec-archive-desc-box{ max-height:5000px; } .zarinthdec-archive-desc-content{ color:#64748b; font-size:16px; line-height:1.9; word-break:break-word; overflow-wrap:anywhere; text-align:justify; } .zarinthdec-archive-desc-content p, .zarinthdec-archive-desc-content ul, .zarinthdec-archive-desc-content ol, .zarinthdec-archive-desc-content blockquote, .zarinthdec-archive-desc-content h1, .zarinthdec-archive-desc-content h2, .zarinthdec-archive-desc-content h3, .zarinthdec-archive-desc-content h4, .zarinthdec-archive-desc-content h5, .zarinthdec-archive-desc-content h6{ margin:0 0 12px 0; text-align:justify; } .zarinthdec-archive-desc-content h1, .zarinthdec-archive-desc-content h2, .zarinthdec-archive-desc-content h3, .zarinthdec-archive-desc-content h4, .zarinthdec-archive-desc-content h5, .zarinthdec-archive-desc-content h6{ color:#25303e; font-weight:700; line-height:1.45; } .zarinthdec-archive-desc-content h1{ font-size:1.38rem; } .zarinthdec-archive-desc-content h2{ font-size:1.22rem; } .zarinthdec-archive-desc-content h3{ font-size:1.08rem; } .zarinthdec-archive-desc-content h4{ font-size:0.98rem; } .zarinthdec-archive-desc-content h5{ font-size:0.92rem; } .zarinthdec-archive-desc-content h6{ font-size:0.88rem; } .zarinthdec-archive-desc-content ul, .zarinthdec-archive-desc-content ol{ padding-right:20px; padding-left:0; } .zarinthdec-archive-desc-content li{ margin-bottom:6px; text-align:justify; } .zarinthdec-archive-desc-content a{ color:#0d59f1; text-decoration:none; } .zarinthdec-archive-desc-content a:hover, .zarinthdec-archive-desc-content a:focus, .zarinthdec-archive-desc-content a:active{ color:#0848cc; text-decoration:underline; } .zarinthdec-archive-desc-fade{ position:absolute; left:0; right:0; bottom:0; height:88px; pointer-events:none; background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.96) 82%, rgba(255,255,255,1)); transition:opacity 0.3s ease; opacity:1; } .zarinthdec-archive-desc-wrap.zarinthdec-is-open .zarinthdec-archive-desc-fade{ opacity:0; } .zarinthdec-archive-desc-toggle{ margin-top:10px; display:inline-flex; align-items:center; justify-content:center; gap:7px; border:0; background:transparent; padding:0; color:#0d59f1; font-size:15px; font-weight:600; cursor:pointer; transition:opacity 0.2s ease, color 0.2s ease; line-height:1.4; width:100%; text-align:center; } .zarinthdec-archive-desc-toggle:hover, .zarinthdec-archive-desc-toggle:focus, .zarinthdec-archive-desc-toggle:active{ color:#0848cc; opacity:1; outline:none; } .zarinthdec-archive-desc-icon{ display:inline-flex; align-items:center; justify-content:center; width:18px; height:18px; flex:0 0 18px; color:inherit; } .zarinthdec-archive-desc-icon svg{ width:18px; height:18px; display:block; stroke:currentColor; fill:none; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round; } .zarinthdec-archive-desc-toggle-text{ white-space:nowrap; } @media (max-width: 768px){ .zarinthdec-archive-desc-wrap{ font-size:15px; line-height:1.85; } .zarinthdec-archive-desc-content h1{ font-size:1.26rem; } .zarinthdec-archive-desc-content h2{ font-size:1.12rem; } .zarinthdec-archive-desc-content h3{ font-size:1.02rem; } .zarinthdec-archive-desc-content h4{ font-size:0.94rem; } .zarinthdec-archive-desc-content h5{ font-size:0.88rem; } } @media (max-width: 480px){ .zarinthdec-archive-desc-wrap{ font-size:14px; line-height:1.8; } .zarinthdec-archive-desc-toggle{ font-size:14px; } .zarinthdec-archive-desc-fade{ height:72px; } .zarinthdec-archive-desc-content h1{ font-size:1.16rem; } .zarinthdec-archive-desc-content h2{ font-size:1.06rem; } .zarinthdec-archive-desc-content h3{ font-size:0.98rem; } .zarinthdec-archive-desc-content h4{ font-size:0.92rem; } .zarinthdec-archive-desc-content h5{ font-size:0.86rem; } .zarinthdec-archive-desc-content h6{ font-size:0.84rem; } }