*{margin:0;
padding:0;
}
.imfreast_structure_main{

    height:auto;
    align-items:center;
}
.imfreast_structure_main2{

 height: auto;
 width:80%;
 display: flex;
 justify-content: space-between;
 margin:auto;
  
}
.imfreast_structure_main2_firstdiv{

height:426px;
width:383px;
background-image: url("../../../../images/about/infrastructure/infrastructure-img/infra.jpg");
background-size: cover;
position: relative;
margin:0px 10px;
}


 .imfreast_structure_main2_firstdiv2{

    height: 30%;
    width: 100%;
    position: absolute;
    top: 300px;
    background-color:#1F3C4E;
    opacity: 0.7;
    transition:1.2s all ease;
    display: flex;
justify-content: center;
align-items: center;
   
   
}

.imfreast_structure_main2_firstdiv:hover .imfreast_structure_main2_firstdiv2{
top:0;
height:100%;
}
.imfreast_structure_main2_firstdiv:hover .imfreast_structure_main2_firstdiv2_inner p{
    display:block;
     transition: 1.2s;

}



.imfreast_structure_main2_firstdiv2_box{

     height: 100px;
     width: 200px;
     margin:auto;
     position: relative;
    bottom:9px;
     
}

 .imfreast_structure_main2_firstdiv2_box1{

    color:#ffffff;
    text-align: center;
     align-content: center; 
     font-size: 25px;

}
.imfreast_structure_main2_firstdiv2_inner{
    justify-items: center;
    width:70%;
}
.imfreast_structure_main2_firstdiv2_inner p{
    color:#ffffff;
    display:none;
    transition: 1.2s;
}
.infras_button{
  
    color:white;
    background-color:#1F3C4E;
    opacity: 0.8; 
    border-color:rgb(245, 238, 238);
   /* position:absolute;
   left:40px; */
   padding:10px 20px;
   margin:10px 0px;
   border:1px solid #ffffff;
   cursor:pointer;
   
}

@media(max-width:1024px)
{
 
    .imfreast_structure_main2{
 width:88%;

}
.imfreast_structure_main2_firstdiv{
height:377px;
width:280px;

}
 .imfreast_structure_main2_firstdiv2{
    height: 103px;
    width: 100%;
    position: relative;
    top: 273px;
    background-color:black;
    opacity: 0.7;
}
}

@media(max-width:800px)
{
 
    .imfreast_structure_main2{
 width:88%;
 flex-wrap:wrap;
 display: flex;
  justify-content:center;
 align-items: center;
 gap:25px;
 justify-content: space-around;
margin:20px auto;

}
.imfreast_structure_main2_firstdiv{
height: 434px;
        width: 398px;


}
    .imfreast_structure_main2_firstdiv2 {
        top: 332px;
    }
 .imfreast_structure_main2_firstdiv2{
    
    height: 103px;
    width: 100%;
    
}
}




@media(max-width:700px)
{
 
    .imfreast_structure_main2{
       
 width:87%;
}
.imfreast_structure_main2_firstdiv{
    
height: 435px;
        width: 401px;


}
 
}




@media (max-width: 420px) {
    .imfreast_structure_main2_firstdiv {
         height: 338px;
        width: 401px;
    }
     .imfreast_structure_main2_firstdiv2{

    top: 237px;
       
}
}




/* 

@media(max-width:650px)
{
 
    .imfreast_structure_main2{
 width:85%;
}
.imfreast_structure_main2_firstdiv{
height:360px;
width:259px;


}
 .imfreast_structure_main2_firstdiv2{
    height: 90px;
    width: 100%;
    position: absolute;
    top: 268px;
       
}
.imfreast_structure_main2_firstdiv2_box{
    position:relative;
    left:-23px;

}
}


  @media(max-width:638px)
{
 
    .imfreast_structure_main2{
 width:85%;
}
.imfreast_structure_main2_firstdiv{
height: 345px;
        width: 253px;

}
 .imfreast_structure_main2_firstdiv2{
    height: 85px;
        width: 100%;
        position: absolute;
        top: 258px;
       
}
}   


@media(max-width:620px)
{
 
.imfreast_structure_main2_firstdiv{
height: 334px;
        width: 246px;

}
 .imfreast_structure_main2_firstdiv2{
    height: 80px;
        width: 100%;
        position: absolute;
        top: 253px;
       
}





@media(max-width:600px)
{
 
    .imfreast_structure_main2{
 width:90%;
}
.imfreast_structure_main2_firstdiv{
height: 390px;
        width: 355px;


}
 .imfreast_structure_main2_firstdiv2{
    height: 92px;
    width: 100%;
     position: absolute;
    top: 298px;
       
   
}
}
} */