.lawServices{
    margin-top: 4rem;
    font-size: 12px;
    font-weight: 500;
}
.lawServices>.header__wrapper{
    justify-content: center;
}
.law_card_wrapper{
    margin-top: 2rem;
    padding-bottom: 1rem;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    justify-content: center;
    gap:1.5rem;
    text-align: center;
}
.law_card{
   
    padding-inline: 1rem;
    height:119px;
    border: none;
    box-shadow: 0 4px 4px 0 #00000025;
    align-items: center;
    --gap:1rem;
}
.law_image{
    width:80px;
    height:80px;
    border-radius: 5px;
}
.law_text{
   
    padding-inline:0.8rem;
}
.law_card:hover{
    cursor: pointer;
}
/* preview styles */
.law_preview{
    position: fixed;
     top:0; left:0;
     min-height: 100vh;
     width: 100%;
     background: rgba(0,0,0,.8);
     display: none;
     align-items: center;
     justify-content: center;
     margin-inline: auto;
  
    
    }
    .law_preview .preview{
        width: 291px;
        max-width:291px;
        height:230px;
       border: 2px solid var(--body-black);
       border-radius: 5px;
        display: none;
        padding-top:2rem;
        padding-bottom: 2rem;
       padding-inline:2rem;
       text-align: center;
       background: #fff;
       position: relative;
        margin-inline:2rem;
        font-size:var(--fs-100);
       font-weight: 600;
       margin-bottom: 1rem;
      }
      .preview:nth-child(4) .preview__title,
  .preview:nth-child(5) .preview__title,
  .preview:nth-child(6) .preview__title,
  .preview:nth-child(7) .preview__title
  {
    margin-top:4rem;
  }
  .law_preview .preview .preview__info{
 
    width:100%;
  
    text-align: left;
    line-height: 1rem;
  }
  .preview__list{
  
    width:100%;
    
  }
  .law_preview .preview h2{
   margin-top: 2rem;
   letter-spacing: 0rem;
   margin-bottom: 0.8rem;
    width:100%;
    white-space: nowrap;
    font-weight:800;
    font-size: var(--fs-100);
    
  }
  .law_preview .preview.active{
    display: inline-block;
 }

 .law_preview .preview .fa-times{
  position: absolute;
  top:1rem; right:1.0rem;
  cursor: pointer;
  color:#141414;
  font-size: 1.5rem;
}

.card__info_point{
  margin-top: 0.5rem;
  display: flex;
  width:100%;
  text-align: justify;
 
}
@media (min-width:468px){
    .law_text{
       
        padding-inline:0.8rem;
        font-size: 18px;
    }
}
@media (min-width:570px){
    .law_card_wrapper{
      
        grid-template-columns: repeat(2,1fr);
       justify-content: center;
       --gap:0.5rem !important;
    } 
    .law_text{
        font-size: 14px;
        text-align:center;
        padding-inline:0.5rem;
    }
}
@media (min-width:640px){
    .law_card_wrapper{
      
        grid-template-columns: repeat(2,1fr);
       justify-content: center;
    }
    .lawServices{
        margin-top: 4rem;
        font-size: 16px;
        text-align: center;
        font-weight: 500;
    }
    .law_card_wrapper{
        margin-top: 2rem;
        display: grid;
    }
    .law_card{
        /* padding-left: 1rem; */
        height:130px;
        align-items: center;
    }
    .law_image{
        width:100px;
        height:100px;
        border-radius: 5px;
    }
    .law_text{
        font-size: 14px;
        text-align:center;
        padding-inline:0.5rem;
    }
}
@media (min-width:1024px){
    .law_card_wrapper{
        margin-top: 2rem;
        grid-template-columns: repeat(2,450px);
        gap:3rem;
        
    }
    .law_text{
        font-size: 18px;
    }
}
@media (min-width:1440px){
    .lawServices{
        margin-top: 4rem;
        font-size: 20px;
        font-weight: 500;
    }
    .law_card_wrapper{
        margin-top: 2rem;
        grid-template-columns: repeat(2,500px);
        gap:3rem;
    }
    .law_card{
        width:500px;
        padding-left: 1rem;
        height:139px;
        
        align-items: center;
        --gap:2rem;
    }
    .law_image{
        width:117px;
        height:116px;
        border-radius: 5px;
    }
    .law_text{
        font-size: 20px;
    }
}