.middle_container{
    display: flex;
    flex-wrap: wrap;
    align-items:center;
    justify-content:center;            
 }
 .sub_box{
    width: 270px;
    padding: 2%;
    box-shadow: -1px 0px 4px rgba(175, 175, 175, 0.747);
    border: 2px solid white;
    transition: .5s;
 }
 .sub_box .box1{
    background: rgb(184, 209, 221);
    border-radius: 50%;
    width: 100px;
    height: 100px;
    align-items: center;
    justify-content: center;
    justify-self: center;
    display: flex;
    transition: .5s;
 }
 .sub_box .box1 img{
    width: 60%;
    height: 60%;
 }
 .sub_box .text_heading{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin: 10% 0%;
 }
 .sub_box p{
    text-align: center;
 }
 .arrow{
    background: rgb(231, 231, 231);
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    justify-self: center;
    border-radius: 50%;
    margin-top: 10%;
    transition: .5s;
 }
  .sub_box:hover{
   background-color: #2f5c8f;          
   color:white;
 }
 .sub_box:hover .arrow{
    background: rgb(255, 255, 255);
    color: black;
 }
 .sub_box:hover .box1{
    background-color: white;
 }
 @media (max-width:1350px){
    .middle_container {
        justify-content: start;
        padding: 0% 10%;
    }
 }
 @media (max-width:1012px){
    .middle_container {
        justify-content: center;
        padding: 0%;
    }
 }