*{m
margin: 0;
padding: 0;}


body{
    height: auto;
     background: #ffffff;
   }

   nav{
       width: 100%;
    background: #ffffff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    height: 90px;
    padding: 0 60px;
    position: fixed;
  }

  .heading{ 
width: 700px;
height: 80px;
margin-right: 550px;
font-size: 32px;
letter-spacing: 1px;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;}
 
.banner{
    background-color: rgb(206, 206, 206);
    width: 100%;
    height: 350px;
    padding: 20px;
    position: absolute;
    }

    .ban1{
        background-color: rgb(255, 255, 255);
        width: 300px;
        height: 250px;
        margin: 0 30px;
    }

    .ban2{
        background-color: rgb(255, 255, 255);
        width: 300px;
        height: 250px;
        margin-right: 50px;
    }

    .cards{
        max-width: 1100px;
        margin: 0 auto;
        text-align: center;
        padding: 200px;
        
      }
      .cards h2.header{
        font-size: 10px;
        margin: 0 0 30px 0;
        text-transform: uppercase;
        letter-spacing: 1px;
      }
      .services{
        display: flex;
        align-items: center;
      }
      .content{
        display: flex;
        flex-wrap: wrap;
        flex: 1;
        margin: 20px;
        padding: 20px;
        border-radius: 4px;
        transition: all .3s ease;
      }
      .content .fab{
        font-size: 70px;
        margin: 12px 0;
        
      }

      .Pik1{
          width: 240px;
          height: 240px;
      }
      .Pik1{
        width: 240px;
        height: 240px;
    }

      
      .content > *{
        flex: 1 1 100%;
      }
      .content:hover{
        color: white;
      }
      .content:hover a{
        border-color: white;
        background: white;
      }
      .content-1:hover{
        border-color: #e5f5ff;
        background: #e5f5ff;
      }
      .content-1:hover a{
        color: black;
      }
      .content-2:hover{
        border-color: #e5f5ff;
        background: #e5f5ff;
      }
      .content-2:hover a{
        color:black;
      }
      
      .content h2{
        font-size: 20px;
        margin: 16px 0;
        letter-spacing: 1px;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      }
      
      .content a{
        margin: 21px 0;
        background: rgb(0, 47, 100);
        color: white;
        text-decoration: none;
        padding: 14px 0;
        border-radius: 25px;
        transition: .3s ease;
        font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      }