@import url('https://fonts.maateen.me/adorsho-lipi/font.css');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Bengali:wght@100..900&display=swap');


.m-bn-font-noto-100 {
  font-family: "Noto Sans Bengali", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500; /*100-900*/
  font-style: normal;
  font-variation-settings: "wdth" 80; /*62.5-100 */
}


.m{
    margin:0;
    padding:0;
    box-sizing:border-box;
    /*font-family:Arial, Helvetica, sans-serif;*/
}

.m-container{
    /*font-family: 'Adorsho Lipi', sans-serif;*/
    max-width:100%;
    margin:auto;
}

.m-h1{
    text-align:center;
    margin-bottom:25px;
    color:red;
}

.m-row{
    display:flex;
    gap:2px;
    padding:6px;
    border-radius:6px;
    margin-bottom:5px;
    align-items:center;
    transition:.3s;
}

.m-row div{
    flex:1;
    padding:2px;
    word-break:break-word;
    
}

/* Header */

.m-header{
    background:#1e88e5;
    color:white;
    font-weight:bold;
    padding:20px;
    font-size: 16px;
    /*border: 2px solid red;*/
}

/* Alternate row colors */

.m-data-row:nth-child(odd){
    background:#ffffff;
    color:green;
}

.m-data-row:nth-child(even){
    background:green;
    color: white;
}

/* Hover */

.m-data-row:hover{
    background:#ffe082;
    transform:scale(1.01);
    cursor:pointer;
}

/* Mobile */

@media (max-width:700px){

.m-header{
    display:none;
}

.m-data-row{
    display:block;
    border-left:6px solid #1e88e5;
    padding:15px;
}

.m-data-row div{
    display:flex;
    justify-content:space-between;
    padding:8px 0;
    border-bottom:1px solid #ddd;
}

.m-data-row div:last-child{
    border-bottom:none;
}

.m-data-row div::before{
    content:attr(data-label);
    font-weight:bold;
    color:#1565c0;
}

}