.h{
    
    display:grid;
    grid-template-columns: repeat(3,1fr);
    grid-auto-rows:minmax(200px,auto);
    grid-gap:10px;
    

}

.boxt{
    
    
     border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
 
    transition:1s;
    
  
}

.boxt:hover{
 
 transform:scale(1.3);
 
}

.boxt1{
   
    
    grid-row:1/3;

}

.t_block_1 {
  
     display:flex;
    justify-content:center;
    align-items:center;

}


.boxt1 .text-block_1{
    
    background-color: #ffffffbd;
    color: black;
    width: 139px;
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    
}


 .boxt1 .text-block {
 
    background-color: #00000094;
    color: white;
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    
}



.boxt2{
    
    grid-row:1/3;
    
}

.t_block_3 {
  
     display:flex;
    justify-content:center;
    align-items:center;

}


.boxt2 .text-block_3{
    
    
    background-color: #ffffffbd;
    color: black;
    width: 139px;
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    
}

 .boxt2 .text-block3 {
  
  
    background-color: #00000094;
    color: white;
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    
}

.boxt3{
    
    grid-column:3/4;
    
}

.t_block_4 {
  
   margin-top: 58px;
     display:flex;
    justify-content:center;
    align-items:center;

}


.boxt3 .text-block_4{
    
   
    background-color: #ffffffbd;
    color: black;
    width: 139px;
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    
}

.boxt3 .text-block4 {

margin-top: 48px;
    background-color: #00000094;
    color: white;
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    
}


.t_block_5 {
  
   margin-top: 58px;
     display:flex;
    justify-content:center;
    align-items:center;

}


.boxt4 .text-block_5{
    
   
    background-color: #ffffffbd;
    color: black;
    width: 139px;
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    
}


.boxt4 .text-block5 {
  
  
margin-top: 52px;
    background-color: #00000094;
    color: white;
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    
}

.boxt5{
    
    grid-column:1/3;
    
}



.t_block_2 {
  
  margin-top: 89px;
     display:flex;
    justify-content:center;
    align-items:center;

}

.boxt5 .text-block_2{
    
  
    background-color: #ffffffbd;
    color: black;
    width: 139px;
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    
}

.boxt5 .text-block2 {
  
    margin-top: 98px;
    background-color: #00000094;
    color: white;
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    
}



.t_block_6 {
  
  margin-top: 89px;
     display:flex;
    justify-content:center;
    align-items:center;

}

.boxt6 .text-block_6 {
 

    background-color: #ffffffbd;
    color: black;
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
}


.boxt6 .text-block6 {
  
   margin-top: 102px;
    background-color: #00000094;
    color: white;
    border-bottom-left-radius: calc(0.25rem - 1px);
    border-bottom-right-radius: calc(0.25rem - 1px);
    
}

@media only screen and (max-width: 1000px){
    
    
    
    
 .boxt1{
    
    grid-column:1/4;
    
}
.boxt2{
    
     grid-column:1/4;
        
    grid-row:3/5;
    
}
.boxt3{
    
    grid-column:1/4;
    
    grid-row:5/7;
    
}


.t_block_4 {
  
   margin-top: 177px;
   
}

.boxt3 .text-block4 {

margin-top: 139px;


}

.boxt4{
    
    grid-column:1/4;
    
      grid-row:7/9;
    
}



.t_block_5 {
  
   margin-top: 177px;
   
}

.boxt4 .text-block5 {

margin-top: 143px;


}

.boxt5{
    
    grid-column:1/4;
    
     grid-row:9/11;
    
}

.boxt5 .text-block2 {
  
    margin-top: 139px;
}

.t_block_2 {
  
  margin-top: 177px;
  
}

.boxt6{
    
    grid-column:1/4;
    
     grid-row:11/13;
    
}


.t_block_6 {
  
   margin-top: 177px;
   
}

.boxt6 .text-block6 {

margin-top: 142px;


}

    
}


  
