/* default view */

.banner2{
  background: url("/media/About\ Us.jpg") no-repeat;
  background-size: 100%;
  height: 750px;
}
.para2{
  /* margin-top: 30px; */
   padding: 50px;
}
.para2 p{
  font-family: poppins;
  text-align: justify;
  margin-top: 30px;
}
.para2 h1{
  color:rgb(20, 100, 192) ;
  font-family: none;
  font-size: 30px;
  font-weight: 600;
  margin-top: 30px;
}
.img1 img{
  width: 600px;
  margin-top: 70px;
}
.mandv{
    display: flex;
    justify-content: space-evenly;
    margin-top: 30px;

}
.mv{
    background-color: rgb(188,208,230);
    height: 500px;
    width: 500px;
    border-radius: 20px;
     box-shadow: 0px 0px 10px #535353;
}
.mv h3{
    color:rgb(20, 100, 192);
    font-family: spectral;
    font-weight: 600;
    margin-top: 50px;

}
.mv p{
      font-family: poppins;
  text-align: justify;
  margin-top: 30px;
  padding: 30px;
}
.mv .img1{
  width: 100px;
  margin-top: 30px;
}
.mv .img2{
  width: 95px;
   margin-top: 30px;
}
/* gallery */
#gallery{
  margin-top: 70px;
}
.row {

  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

.column {
  flex: 25%;
  max-width: 33.3%;
  padding: 0 4px;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
  filter: brightness(0.7);
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s linear;
  /* height: 400px; */
}

.column img:hover {
  filter: grayscale(0);
}
#gallery p{
    font-family: poppins;
  text-align: justify;
  margin-top: 10px;
}
@media screen and (max-width: 700px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
  .column img {
      filter: grayscale(0);
  }

}
.founder{
  display: flex;
  justify-content: space-evenly;
  margin-top: 80px;
  
 
}
.vjsir img{
  height: 650px;
   box-shadow: 0px 0px 20px #949596;
   border-radius: 20px;

}
.info{
  margin-top: 20px;
}
.info p{
  text-align: justify;
  font-family: poppins;
  width: 1200px;
}
.banks{
  display: flex;
  justify-content: space-evenly;
 margin-top: 45px;
}
.bnklogo img{
  width: 200px;
  height: 168;
}
.bankaxis{
  margin-top: 25px;
}
.bankicici{
  margin-top: 10px;
}
.bankhdb{
  margin-top: 10px;
  /* width: 100px; */
}

.banktata{
  margin-top: 0px;
 
}
.bankbajaj{
  margin-top: 25px;
}
.Benefits{
  margin-top: 70px;
  align-items: center;
}
.Benefits p{
  font-family: poppins;
}
.Benefits ul{
  font-family: poppins;
  text-align: justify;
  margin-left: 18%;
  margin-top: 40px;
}
ul b{
  color: rgb(13, 95, 189);
}


/* laptop view */


 @media (max-width:1700px){
  
.banner2{
  background: url("/media/About\ Us.jpg") no-repeat;
  background-size: 100%;
  height: 550px;
}
.founder{
  display: flex;
  justify-content: space-evenly;
  margin-top: 80px;
  
 
}
.vjsir img{
  height: 450px;
   box-shadow: 0px 0px 20px #949596;
   border-radius: 20px;

}
.info{
  margin-top: 20px;
}
.info p{
  text-align: justify;
  font-family: poppins;
  width: 800px;
  font-size: 15px;
}
.banks{
  display: flex;
  justify-content: space-evenly;
 margin-top: 15px;
}
.bnklogo img{
  width: 100px;
  height: 168
  ;
}
.bankaxis{
  margin-top: 25px;
}
.bankicici{
  margin-top: 10px;
}
.bankhdb{
  margin-top: 10px;
  /* width: 100px; */
}

.banktata{
  margin-top: 15px;
}
.bankbajaj{
  margin-top: 25px;
}
.Benefits{
  margin-top: 70px;
  align-items: center;
}
.Benefits p{
  font-family: poppins;
  font-size: 14px;
}
.Benefits ul{
  font-family: poppins;
  text-align: justify;
  margin-left: 10%;
  margin-top: 40px;
  font-size: 15px;
  padding: 20px;
}
ul b{
  color: rgb(13, 95, 189);
}
#gallery p{
    font-family: poppins;
  text-align: justify;
  margin-top: 10px;
   font-size: 15px;
} 
 }


 /* tablet view */
@media  (max-width:1000px) {
    .banner2{
  background: url("/media/About\ Us.jpg") no-repeat;
  background-size: 100%;
  height: 350px;
}
.para2{
  /* margin-top: 30px; */
   padding: 20px;
}
.para2 p{
  font-family: poppins;
  text-align: justify;
  margin-top: 10px;
  font-size: 13px;
}
.para2 h1{
  color:rgb(20, 100, 192) ;
  font-family: none;
  font-size: 20px;
  font-weight: 600;
  margin-top: 10px;
}
.img1 img{
  width: 350px;
  margin-top: 0px;
  margin-left: 24px;
}
.mandv{
    display: flex;
  flex-direction: row;
    margin-top: 30px;
       row-gap: 20px;
       padding: 20px;

}
.mv{
    background-color: rgb(188,208,230);
    height: 400px;
    width: 345px;
    border-radius: 20px;
     box-shadow: 0px 0px 10px #535353;
}
.mv h3{
    color:rgb(20, 100, 192);
    font-family: spectral;
    font-weight: 600;
    margin-top: 30px;
    font-size: 20px;

}
.mv p{
      font-family: poppins;
  text-align: justify;
  margin-top: 0px;
  padding: 30px;
  font-size: 13px;
}
.mv .img1{
  width: 70px;
  margin-top: 30px;
}
.mv .img2{
  width: 65px;
   margin-top: 30px;
}
.founder{
  display: flex;
flex-direction: row;
flex-wrap: wrap;
  margin-top: 50px;
  
 
}
.vjsir img{
  height: 400px;
   box-shadow: 0px 0px 20px #949596;
   border-radius: 20px;
   margin-left: 0px;

}
.info{
  margin-top: 20px;
}
.info p{
  text-align: justify;
  font-family: poppins;
  width: 700px;
  font-size: 13px;
  padding: 20px;
}

.banks{
  display: flex;
  flex-direction: column;
 margin-top: 5px;
  justify-content: space-evenly;
align-items: center;
}
.bnklogo img{
  width: 200px;

}
.bankaxis{
  margin-top: 20px;
}
.bankicici{
  margin-top: 30px;
}
.bankhdb{
  margin-top: 40px;
  /* width: 100px; */
}

.banktata{
  margin-top: 0px;
}
.bankbajaj{
  margin-top: 70px;
}
.banktvs{
  margin-top: 50px;
}
.bankhero{
  margin-top: 30px;
}
.bankindian{
  margin-top: 30px;
}
.info2{
  margin-top: 30px;
}
.Benefits{
  margin-top: 10px;
  align-items: center;
}
.Benefits p{
  font-family: poppins;
  font-size: 13px;
  padding: 20px;
  text-align: justify;
  margin-top: 10px;
}
.Benefits ul{
  font-family: poppins;
  text-align: justify;
  margin-left: 0%;
  margin-top: 0px;
  font-size: 13px;
  padding: 20px;
  list-style: none;
 
}
ul b{
  color: rgb(13, 95, 189);
}
#gallery p{
    font-family: poppins;
  text-align: justify;
  margin-top: 10px;
  font-size: 13px;
}
  
}


/* mobile view */
 @media (max-width:500px){
  .banner2{
  background: url("/media/About\ Us.jpg") no-repeat;
  background-size: 100%;
  height: 150px;
}
.para2{
  /* margin-top: 30px; */
   padding: 20px;
}
.para2 p{
  font-family: poppins;
  text-align: justify;
  margin-top: 10px;
  font-size: 13px;
}
.para2 h1{
  color:rgb(20, 100, 192) ;
  font-family: none;
  font-size: 20px;
  font-weight: 600;
  margin-top: 10px;
}
.img1 img{
  width: 350px;
  margin-top: 0px;
  margin-left: 24px;
}
.mandv{
    display: flex;
  flex-direction: column;
    margin-top: 30px;
       row-gap: 20px;
       padding: 20px;

}
.mv{
    background-color: rgb(188,208,230);
    height: 400px;
    width: 345px;
    border-radius: 20px;
     box-shadow: 0px 0px 10px #535353;
}
.mv h3{
    color:rgb(20, 100, 192);
    font-family: spectral;
    font-weight: 600;
    margin-top: 30px;
    font-size: 20px;

}
.mv p{
      font-family: poppins;
  text-align: justify;
  margin-top: 0px;
  padding: 30px;
  font-size: 13px;
}
.mv .img1{
  width: 70px;
  margin-top: 30px;
}
.mv .img2{
  width: 65px;
   margin-top: 30px;
}
.founder{
  display: flex;
flex-direction: column;
  margin-top: 50px;
  
 
}
.vjsir img{
  height: 400px;
   box-shadow: 0px 0px 20px #949596;
   border-radius: 20px;
   margin-left: 58px;

}
.info{
  margin-top: 20px;
}
.info p{
  text-align: justify;
  font-family: poppins;
  width: 380px;
  font-size: 13px;
  padding: 20px;
}

.banks{
  display: flex;
  flex-direction: column;
 margin-top: 5px;
  justify-content: space-evenly;
align-items: center;
}
.bnklogo img{
  width: 200px;

}
.bankaxis{
  margin-top: 20px;
}
.bankicici{
  margin-top: 30px;
}
.bankhdb{
  margin-top: 40px;
  /* width: 100px; */
}

.banktata{
  margin-top: 0px;
}
.bankbajaj{
  margin-top: 70px;
}
.banktvs{
  margin-top: 50px;
}
.bankhero{
  margin-top: 30px;
}
.bankindian{
  margin-top: 30px;
}
.info2{
  margin-top: 30px;
}
.Benefits{
  margin-top: 10px;
  align-items: center;
}
.Benefits p{
  font-family: poppins;
  font-size: 13px;
  padding: 20px;
  text-align: justify;
  margin-top: 10px;
}
.Benefits ul{
  font-family: poppins;
  text-align: justify;
  margin-left: 0%;
  margin-top: 0px;
  font-size: 13px;
  padding: 20px;
  list-style: none;
 
}
ul b{
  color: rgb(13, 95, 189);
}
#gallery p{
    font-family: poppins;
  text-align: justify;
  margin-top: 10px;
  font-size: 13px;
}
}