.bg-blue{
    background-color: #00206C;
 }
 .text-blue{
    color: #00206C;
}
.service{
    background-image: url("image/home/bgcolor.png") ;
    background-repeat: no-repeat;
  }
  .header{
    background-image: url("image/home/header.png") ;
    background-repeat: no-repeat;
background-size: cover;
  
   }
  
   @media only screen and (max-width: 992px) {
    .half1{
    background-image: url("image/home/half1.svg") ;
    background-size: 0%;
    }
    
   }
   @media only screen and (max-width: 378px) {
    .heading{
     font-size: smaller;
    }
   }
   @media only screen and (max-width: 344px) {
     .heading{
      font-size: small;
     }
    }
    @media only screen and (max-width: 341px) {
     .heading{
      font-size: x-small;
     }
    }
    @media only screen and (max-width: 303px) {
     .heading{
      display: none;
     }
    }
   @media only screen and (min-width: 326px) {
    .arrow{
    width: 326px !important;
    }
  }
  @media only screen and (max-width: 767px) {
    .half1{
  padding: 30px;
    }
    
   }
   @media only screen and (max-width: 561px) {
    .copyright{
      font-size: revert;
    }
    
   }
   @media only screen and (max-width: 767px) {
  
    .serviceimg{
         flex-flow: column-reverse;
        }
    
   }
   @media only screen and (max-width: 487px) {
  
    .topfont{
         font-size: inherit;
        }
    
   }
   @media only screen and (max-width: 373px) {
  
    .topfont{
         font-size: smaller;
        }
    
   }

   @media (max-width: 767px) {
    .allheading {
      text-align: center;
    }
  }