.view-container{display:flex;flex-direction:column;width:100%;max-width:1240px}#no-muniments.hide{display:none}.view-container>.head{margin-bottom:20px}.muniments{display:flex;gap:20px;flex-wrap:wrap}.muniment{position:relative;display:flex;align-items:center;gap:20px;width:calc(100% / 3 - 40px / 3);padding:15px;box-sizing:border-box;background:white;border-radius:15px;box-shadow:0 2px 5px var(--light-shadow);transition:all .2s ease;cursor:pointer}.muniment:hover{transform:translateY(-3px);box-shadow:0 3px 7px var(--medium-shadow)}.muniment .border{width:7px;border-radius:4px;height:100%}.muniment .details h3{margin-bottom:5px}.muniment .options{position:absolute;top:10px}.ltr .muniment .options{right:10px}.rtl .muniment .options{left:10px}.muniment .options span{position:relative;display:block;width:28px;height:28px;border-radius:8px;transition:background-color .1s ease-in-out;cursor:pointer}.muniment .options span:hover{background-color:var(--platin-white)}.muniment .options span i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:#708090}@media (max-width: 1000px){.muniment{width:calc(50% - 10px)}}@media (max-width: 680px){.muniment{width:100%}}@media (max-width: 420px){.view-container{padding:0 10px}}@media (max-width: 400px){.muniment .details h3{font-size:1.05rem}.muniment .details p{font-size:.9rem}}