/* Parent Grid */
 
    .bestpractice, .legal{
        display:grid;
        grid-template-rows: auto auto 1fr;
        scroll-padding: 5em 0 0 0 ;
        scroll-behavior: smooth;
        
         h2{
        padding-block-start: .5rem;
        font-weight: bold;
        order:2;
        

     }
     
    

    }
    
    .fw-bolder {
        order:1;
        padding-block-start: 1rem;
    }
    
     .fw-bolder a {
        color:tomato;
    }
    
      .fw-bolder a:hover {
        color:red;
    }
    
    h3 .fw-bolder{
        font-size: 3rem;
        padding-block-start: 1rem;
    }
    
/* tab flex */
 
 
 .mytabs{
        display: flex;
        flex-wrap: wrap;
        margin:2rem auto;
        gap: 0.3rem;
        order:3; /* order in the parent grid*/
        
    }
    
    .mytabs input[type="radio"]{
        display: none;
        
    }
    
    .mytabs label{
        padding: 15px;
        background:black;
        border-block-end: 5px solid #FFC41F;
        border-radius: 8px;
        color:white;
        font-weight:bold;
        cursor: pointer;
    }
    
    .mytabs .tab{
    width:100%;
    padding: 2rem .2rem;
    background:white;
    order: 1;
    display: none;
    min-block-size: 75vh;
    }
    
     .mytabs .tab h3{
         font-size: 2rem;
         padding-block-end: 1rem;
     }
     
     .mytabs input[type="radio"]:checked+label+ .tab{
        display: block;
    }
    
    .mytabs input[type="radio"]:checked+label{
        background: #FFC41F;
        color:black;
        border-block-end: 5px solid black;
    }
    

    /* list style for tabs */
    .tab ol li{
        list-style-type: persian;
        direction: rtl;
        padding-block-end: 1rem;
    }
    
    .tab ul li{
        list-style: inside;
    }
    
    /* list page */
    
        .bestlist li{
        font-size:1.3rem;
    }

/*legal table of content */

    .legaltable {
        display:flex;
        gap: 1rem;
        
        ul{
            display: contents;
        }
        ul li{
         list-style-type: none;
        }
    }