.document-section{position:relative;padding:50px 0 120px 0}.doc-item{display:block;width:100%;padding-top:100%;position:relative;background-image:var(--bg-url);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:30px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;outline:0}.doc-item::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.1);transition:background-color .3s ease;z-index:1}.doc-item .item-title{position:absolute;bottom:0;left:0;width:100%;padding:15px;color:#fff;font-size:16px;font-weight:bold;text-transform:none;text-align:center;opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease;z-index:2;background-color:rgba(0,0,0,.7)}.doc-item:hover,.doc-item:focus{transform:scale(1.05);box-shadow:0 10px 20px rgba(0,0,0,.2)}.doc-item:hover::before,.doc-item:focus::before{background-color:rgba(0,0,0,.7)}.doc-item:hover .item-title,.doc-item:focus .item-title{opacity:1;transform:translateY(0)}.document-detail .description{width:100%;margin-bottom:20px;font-size:16px}.catalog-frame{width:100%}.document-viewer{width:100%}.document-viewer iframe{width:100%;height:600px}@media(max-width:768px){.document-viewer iframe{width:100%;height:300px}}