.alphabets-wrapper{clear:both;column-gap:5px;display:grid;grid-template-columns:repeat(auto-fill,minmax(35px,1fr));margin-bottom:12px;row-gap:10px;width:100%}.alphabets-wrapper .alphabet-item{align-items:center;cursor:pointer;display:flex;height:35px;justify-content:center;width:35px}.alphabets-wrapper .alphabet-item .alphabet-number{align-items:center;border:1px solid #000;border-radius:100%;color:#000;display:flex;font-size:14px;font-weight:400;height:100%;justify-content:center;text-decoration:none;text-transform:uppercase;width:100%}@media (max-width:768px){.alphabets-wrapper .alphabet-item .alphabet-number{font-size:12px}}.alphabets-wrapper .alphabet-item:hover .alphabet-number{background-color:#f5f5f5}.alphabets-wrapper .alphabet-item.no-data .alphabet-number{background-color:transparent;border-color:#b2b2b2;color:#ccc;cursor:not-allowed}.alphabets-wrapper .alphabet-item.selected .alphabet-number{background:#000;border:1px solid #000;color:#fff;font-weight:600}