.aboutusimg{
    background-image: url("image/home/aboutus.svg") ;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  .text-blue{
    color: #00206C;
}
.philosophy{
    background-image: url("image/home/blue bg.jpg") ;
    background-repeat: no-repeat;
    background-attachment: fixed;
  

  }
  .whitecolor{
    background: rgba(248, 250, 251, 0.69);
  }
  .bg-blue{
    background-color: #00206C;
 }

 .half2{
  background-image: url("image/home/topcolor22.jpg") ;
 
 }
 .header{
  background-image: url("image/home/header.png") ;
    background-repeat: no-repeat;
background-size: cover;

 }
 .logo{
  width: 26px;
 }
 @media only screen and (max-width: 1000px) {
  .half1{
  background-image: url("image/home/half1.svg") ;
  background-size: 0%;
  }
  
 }
 @media only screen and (max-width: 460px)  {
  .arrow{
width: 100%;
  }
  
 }
 @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) {
  .aboutus{
padding: 30px;
  }
  
 }
 @media only screen and (max-width: 561px) {
  .copyright{
    font-size: revert;
  }
  
 }
 @media only screen and (max-width: 575px) {
  
  .missiongap{
       flex-flow: column-reverse;
      }
      .vission1{
        margin-top: -66px;
       }
       .mission1{
        margin-top: -30px;
       }
 }

 @media only screen and (max-width: 991px) {
  .qualityfont{
    font-size: 17px !important;
  }
  
 }

 @media only screen and (max-width: 991px) {
  
  .ourphilosophy{
       flex-flow: column-reverse;
      }

 }

 @media only screen and (max-width: 991px) {
  
  .quality{
      padding-top: 0px !important;
      }

 }