/* Why choose codexis */
@media (max-width: 768px) {
  .features {
    flex-direction: column;
    gap: 1rem;
  }

  .line {
    display: none;
  }
}
/* 1920px screens */
@media (max-width: 1920px)  { 
  body{
    overflow-x: hidden;

  } 
  /* Explore Our Services */
  .web{
  margin-top: 50px;
  }
  }
/* 1400px screens */
@media (max-width: 1400px)  {
  body{
    overflow-x: hidden;

  } 
  .web{
  margin-top: 50px;
  }
  /* Our Clients */
  }
/* 1300px screens */
@media (max-width: 1300px)  {
  body{
    overflow-x: hidden;

  } 
  .web{
  margin-top: 50px;
  }
  }

/* 1200px screens */
@media (max-width: 1200px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */
  /* h1{
      font-size:40px ;
      width: auto;
  }
  h5{
  width:auto;
  }
  h2{
  font-size:40px ;
  }
  p{
  width:auto;
  } */
  .homepage_image{
  width: 600px;
  }
  
  /* Explore Our Services */
  /* .project-even {
    display: flex;flex-direction:column-reverse;
        justify-content: center;
  } */
   /* .card{
    width: 150px;
    height: 200px;
   } */
   /* .card h5{
    font-size: 10px;
   }
   .card p{
    font-size: 8px;
    padding: 15px;
   } */
  .explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  
  }
  .explore p{
  width: auto;
  font-size: 16px;
  }
  .web{
  margin-top: 25px;
  }
  
  /* About us */
  .about{
  display: flex;flex-direction:column-reverse;
  }
  .different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .different p{
  width: auto;
  font-size: 16px;
  }
  .about_image img{
  width: 400px;
  }
  /* Our Clients */
  .clients h2{
  font-size: 40px;
  }
  .clients p{
  width: auto;
  font-size: 16px;
  }
  .profile{
  margin-top: 10px;
  }
  /* .whyChooseUs{ display: flex;flex-direction:row-reverse;} */
  .reached h3{
  
  font-size: 20px;
  text-align: center;
  }
  .reached p{
  
  font-size: 10px;
  text-align: center;
  }
  /* .icon svg{
  width: 18px;
  } */
  .location h3{
  font-size: 12px;
  }
  .location p{
  font-size: 8px;
  }
  /* .social{
    width: 40px;
    height: 40px;
  } */
  /* .career1{
  display: flex;flex-direction:column-reverse;
  
  } */
  .form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 20px;  
  }
  /* web development */
  .webDevelopment{
  margin: 0px 20px;
  }
  .discovery h5{
  font-size:20px;
  /* text-align: center; */
  }
  .process{
    width: 150px;
    height: 150px;
  }
  .flip-card {
    perspective: 1000px;
  }
  .flip-card-inner {
    position: relative;
    width: 150px;
    height: 150px;
    transition: transform 0.6s;
    transform-style: preserve-3d;
  }
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  .flip-card-front,
  .flip-card-back {
    position: absolute;
    width: 150px;
    height: 150px;
    backface-visibility: hidden;
    /* border: 1px solid #ccc; */
    /* border-radius: 10px; */
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  }
  .flip-card-front {
    background: #f8f9fa;
  }
  .flip-card-back {
    background: #3b8ce3;
    color: #fff;
    transform: rotateY(180deg);
  }
  .sdlc_head{
    font-size: 15px;
  }
  /* .box{
  margin-left: 500px;
  }
  .box1{
  margin-left: 270px;
  } */
  .codexis{
  font-size: 30px;
  }
  .aboutPage h2{
  font-size: 25px;
  }
  .Vision{
  width: 300px;
  }
  }

/* 990px screens */
@media (max-width: 990px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */
  h1{
      font-size:40px ;
      width: auto;
  }
  h5{
  width:auto;
  }
  h2{
  font-size:40px ;
  }
  p{
  width:auto;
  }
  .homepage_image{
  width: 500px;
  }
  
  /* Explore Our Services */
  /* .project-even {
    display: flex;flex-direction:column-reverse;
        justify-content: center;
  } */
   .card{
    width: 150px;
    height: 200px;
   }
   .card h5{
    font-size: 10px;
   }
   .card p{
    font-size: 8px;
    padding: 15px;
   }
  .explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  
  }
  .explore p{
  width: auto;
  font-size: 16px;
  }
  .web{
  margin-top: 25px;
  }
  
  /* About us */
  .about{
  display: flex;flex-direction:column-reverse;
  }
  .different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .different p{
  width: auto;
  font-size: 16px;
  }
  .about_image img{
  width: 400px;
  }
  /* Our Clients */
  .clients h2{
  font-size: 40px;
  }
  .clients p{
  width: auto;
  font-size: 16px;
  }
  .profile{
  margin-top: 10px;
  }
  /* .whyChooseUs{ display: flex;flex-direction:row-reverse;} */
  .reached h3{
  
  font-size: 20px;
  text-align: center;
  }
  .reached p{
  
  font-size: 10px;
  text-align: center;
  }
  .icon svg{
  width: 18px;
  }
  .location h3{
  font-size: 12px;
  }
  .location p{
  font-size: 8px;
  }
  .social{
    width: 40px;
    height: 40px;
  }
  /* .career1{
  display: flex;flex-direction:column-reverse;
  
  } */
  .form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 20px;  
  }
  /* web development */
  .webDevelopment{
  margin: 0px 20px;
  }
  .discovery h5{
  font-size:20px;
  /* text-align: center; */
  }
  .process{
    width: 150px;
    height: 150px;
  }
  .flip-card {
    perspective: 1000px;
  }
  .flip-card-inner {
    position: relative;
    width: 150px;
    height: 150px;
    transition: transform 0.6s;
    transform-style: preserve-3d;
  }
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  .flip-card-front,
  .flip-card-back {
    position: absolute;
    width: 150px;
    height: 150px;
    backface-visibility: hidden;
    /* border: 1px solid #ccc; */
    /* border-radius: 10px; */
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  }
  .flip-card-front {
    background: #f8f9fa;
  }
  .flip-card-back {
    background: #3b8ce3;
    color: #fff;
    transform: rotateY(180deg);
  }
  .sdlc_head{
    font-size: 15px;
  }
  /* .box{
  margin-left: 500px;
  }
  .box1{
  margin-left: 270px;
  } */
  .codexis{
  font-size: 30px;
  }
  .aboutPage h2{
  font-size: 25px;
  }
  .Vision{
  width: 300px;
  }
  }

/* 820 screens */
@media (max-width: 820px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */
  h1{
      font-size:40px ;
      width: auto;
  }
  h5{
  width:auto;
  }
  h2{
  font-size:40px ;
  }
  p{
  width:auto;
  }
  .homepage_image{
  width: 380px;
  }
  
  /* Explore Our Services */
  /* .project-even {
    display: flex;flex-direction:column-reverse;
        justify-content: center;
  } */
   .card{
    width: 150px;
    height: 200px;
   }
   .card h5{
    font-size: 10px;
   }
   .card p{
    font-size: 8px;
    padding: 15px;
   }
  .explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  
  }
  .explore p{
  width: auto;
  font-size: 16px;
  }
  .web{
  margin-top: 25px;
  }
  
  /* About us */
  .about{
  display: flex;flex-direction:column-reverse;
  }
  .different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .different p{
  width: auto;
  font-size: 16px;
  }
  .about_image img{
  width: 300px;
  }
  /* Our Clients */
  .clients h2{
  font-size: 40px;
  }
  .clients p{
  width: auto;
  font-size: 16px;
  }
  .profile{
  margin-top: 10px;
  }
  .whyChooseUs{ display: flex;flex-direction:row-reverse;}
  .reached h3{
  
  font-size: 20px;
  text-align: center;
  }
  .reached p{
  
  font-size: 10px;
  text-align: center;
  }
  .icon svg{
  width: 18px;
  }
  .location h3{
  font-size: 12px;
  }
  .location p{
  font-size: 8px;
  }
  .social{
    width: 40px;
    height: 40px;
  }
  /* .career1{
  display: flex;flex-direction:column-reverse;
  
  } */
  .form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 20px;  
  }
  /* web development */
  .webDevelopment{
  margin: 0px 20px;
  }
  .discovery h5{
  font-size:20px;
  /* text-align: center; */
  }
  .process{
    width: 150px;
    height: 150px;
  }
  .flip-card {
    perspective: 1000px;
    width: 160px;
  }
  .flip-card-inner {
    position: relative;
    width: 150px;
    height: 150px;
    transition: transform 0.6s;
    transform-style: preserve-3d;
  }
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  .flip-card-front,
  .flip-card-back {
    position: absolute;
    width: 150px;
    height: 150px;
    backface-visibility: hidden;
    /* border: 1px solid #ccc; */
    /* border-radius: 10px; */
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  }
  .flip-card-front {
    background: #f8f9fa;
  }
  .flip-card-back {
    background: #3b8ce3;
    color: #fff;
    transform: rotateY(180deg);
  }
  .sdlc_head{
    font-size: 15px;
  }
  /* .box{
  margin-left: 500px;
  }
  .box1{
  margin-left: 270px;
  } */
  .codexis{
  font-size: 30px;
  }
  .aboutPage h2{
  font-size: 25px;
  }
  .Vision{
  width: 300px;
  }
  }

/* 768 screens */
@media (max-width: 768px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */
  h1{
      font-size:40px ;
      width: auto;
  }
  h5{
  width:auto;
  }
  h2{
  font-size:40px ;
  }
  p{
  width:auto;
  }
  .homepage_image{
  width: 380px;
  }
  
  /* Explore Our Services */
  /* .project-even {
    display: flex;flex-direction:column-reverse;
        justify-content: center;
  } */
   .card{
    width: 150px;
    height: 200px;
   }
   .card h5{
    font-size: 10px;
   }
   .card p{
    font-size: 8px;
    padding: 15px;
   }
  .explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  
  }
  .explore p{
  width: auto;
  font-size: 16px;
  }
  .web{
  margin-top: 25px;
  }
  
  /* About us */
  .about{
  display: flex;flex-direction:column-reverse;
  }
  .different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .different p{
  width: auto;
  font-size: 16px;
  }
  .about_image img{
  width: 300px;
  }
  /* Our Clients */
  .clients h2{
  font-size: 40px;
  }
  .clients p{
  width: auto;
  font-size: 16px;
  }
  .profile{
  margin-top: 10px;
  }
  .whyChooseUs{ display: flex;flex-direction:row-reverse;}
  .reached h3{
  
  font-size: 20px;
  text-align: center;
  }
  .reached p{
  
  font-size: 10px;
  text-align: center;
  }
  .icon svg{
  width: 18px;
  }
  .location h3{
  font-size: 12px;
  }
  .location p{
  font-size: 8px;
  }
  .social{
    width: 40px;
    height: 40px;
  }
  
  .form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 20px;  
  }
  /* web development */
  .webDevelopment{
  margin: 0px 20px;
  }
  .discovery h5{
  font-size:20px;
  /* text-align: center; */
  }
  .process{
    width: 150px;
    height: 150px;
  }
  .flip-card {
    perspective: 1000px;
    width: 160PX;
  }
  .flip-card-inner {
    position: relative;
    width: 150px;
    height: 150px;
    transition: transform 0.6s;
    transform-style: preserve-3d;
  }
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  .flip-card-front,
  .flip-card-back {
    position: absolute;
    width: 150px;
    height: 150px;
    backface-visibility: hidden;
    /* border: 1px solid #ccc; */
    /* border-radius: 10px; */
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  }
  .flip-card-front {
    background: #f8f9fa;
  }
  .flip-card-back {
    background: #3b8ce3;
    color: #fff;
    transform: rotateY(180deg);
  }
  .sdlc_head{
    font-size: 15px;
  }
  /* .box{
  margin-left: 500px;
  }
  .box1{
  margin-left: 270px;
  } */
  .codexis{
  font-size: 30px;
  }
  .aboutPage h2{
  font-size: 25px;
  }
  .Vision{
  width: 300px;
  }
  }
/* 720 screens */
@media (max-width: 720px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */
  h1{
      font-size:60px ;
      width: auto;
  }
  h5{
  width:auto;
  }
  h2{
  font-size:40px ;
  }
  p{
  width:auto;
  }
  .homepage_image{
  width: 550px;
  }
  
  /* Explore Our Services */
  .project-even {display: flex;flex-direction:column-reverse;
    align-content: center;
  }
  .explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  
  }
  .explore p{
  width: auto;
  font-size: 16px;
  }
  .web{
  margin-top: 25px;
  }
  
  /* About us */
  .about{
  display: flex;flex-direction:column-reverse;
  }
  .different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .different p{
  width: auto;
  font-size: 16px;
  }
  .about_image img{
  width: 300px;
  }
  /* Our Clients */
  .clients h2{
  font-size: 40px;
  }
  .clients p{
  width: auto;
  font-size: 16px;
  }
  .profile{
  margin-top: 10px;
  width: 200px;
  }
  .whyChooseUs{ display: flex;flex-direction:row-reverse;}
  .reached h3{
  
  font-size: 20px;
  text-align: center;
  }
  .reached p{
  
  font-size: 10px;
  text-align: center;
  }
  .icon svg{
  width: 18px;
  }
  .location h3{
  font-size: 12px;
  }
  .location p{
  font-size: 8px;
  }
  .social_media{
  display: flex;flex-direction:column-reverse;
  }
  .social_image{
  margin-top: 20px;
  text-align: center;
  }
  .career1{
    display: flex;flex-direction:column-reverse;
    width: 600px;
  }
  .career1 p{
    font-size: 18px;
   }
   .career1 h3{
     font-size: 26px;
    }
  .career2{
    width: 600px;
  }
  .career2 p{
   font-size: 18px;
  }
  .career2 h3{
    font-size: 26px;
   }
  .form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 20px;  
  }
  /* web development */
  .webDevelopment{
  margin: 0px 20px;
  }
  .discovery h5{
  font-size:30px;
  text-align: center;
  }
  .box{
    margin-left: 80px;
    width: 210px;
   }
   .box1{
     margin-left: 60px;
   }
  .codexis{
  font-size: 30px;
  }
  .aboutPage h2{
  font-size: 25px;
  }
  .Vision{
  width: 300px;
  }
  .card{
    /* margin-right: 100px; */
    width: 360px;
    height: 200px;
   } 
   .card h5{
    font-size: 16px;
   }
   .card p{
    font-size: 10px;
    padding: 8px;
   }
   .sdlc p{
    font-size: 16px;
  }
  }

/* 576 screens */
@media (max-width: 576px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */
  h1{
      font-size:40px ;
      width: auto;
  }
  h5{
  width:auto;
  }
  h2{
  font-size:40px ;
  }
  p{
  width:auto;
  }
  .homepage_image{
  width: 450px;
  }
  
  /* Explore Our Services */
  .project-even {display: flex;flex-direction:column-reverse;
    align-content: center;
  }
  .explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .explore p{
  width: auto;
  font-size: 16px;
  }
  .web{
  margin-top: 25px;
  }
  .card{
    /* margin-left: 20px; */
    width: 360px;
    height: 200px;
   } 
   .card h5{
    font-size: 16px;
   }
   .card p{
    font-size: 10px;
    padding: 8px;
   }
  
  /* About us */
  .about{
  display: flex;flex-direction:column-reverse;
  }
  .different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .different p{
  width: auto;
  font-size: 16px;
  }
  .about_image img{
  width: 300px;
  }
  /* Our Clients */
  .clients h2{
  font-size: 40px;
  }
  .clients p{
  width: auto;
  font-size: 16px;
  }
  .profile{
  margin-top: 10px;
  }
  .whyChooseUs{ display: flex;flex-direction:row-reverse;}
  .reached h3{
  
  font-size: 20px;
  text-align: center;
  }
  .reached p{
  
  font-size: 10px;
  text-align: center;
  }
  .icon svg{
  width: 30px;
  }
  .location h3{
  font-size: 16px;
  }
  .location p{
  font-size: 12px;
  }
  .social_media{
  display: flex;flex-direction:column-reverse;
  }
  .social_image{
  margin-top: 20px;
  text-align: center;
  }
  .career1{
    display: flex;flex-direction:column-reverse;
    width: 500px;
  }
  .career1 p{
    font-size: 16px;
   }
   .career1 h3{
     font-size: 22px;
    }
  .career2{
    width: 500px;
  }
  .career2 p{
   font-size: 16px;
  }
  .career2 h3{
    font-size: 22px;
   }
  .form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 20px;  
  }
  /* web development */
  .webDevelopment{
  margin: 0px 20px;
  }
  .discovery h5{
  font-size:30px;
  text-align: center;
  }
  .box{
    margin-left: 80px;
    width: 210px;
   }
   .box1{
     margin-left: 60px;
   }
  .codexis{
  font-size: 30px;
  }
  .aboutPage h2{
  font-size: 25px;
  }
  .Vision{
  width: 250px;
  }
  .sdlc p{
    font-size: 15px;
  }
  .ourVision h2{
    font-size: 30px;    
  }
  .ourVision p{
    font-size: 14px;    
  }
  }

/* 478 screens */
@media (max-width: 478px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */
  h1{
      font-size:40px ;
      width: auto;
  }
  h5{
  width:auto;
  }
  h2{
  font-size:40px ;
  }
  p{
  width:auto;
  }
  .homepage_image{
  width: 450px;
  }
  
  /* Explore Our Services */
  .project-even {display: flex;flex-direction:column-reverse;
  }
  .explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  
  }
  .explore p{
  width: auto;
  font-size: 16px;
  }
  .web{
  margin-top: 25px;
  }
  
  /* About us */
  .about{
  display: flex;flex-direction:column-reverse;
  }
  .different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .different p{
  width: auto;
  font-size: 16px;
  }
  .about_image img{
  width: 300px;
  }
  /* Our Clients */
  .clients h2{
  font-size: 40px;
  }
  .clients p{
  width: auto;
  font-size: 16px;
  }
  .profile{
  margin-top: 10px;
  }
  .whyChooseUs{ display: flex;flex-direction:row-reverse;}
  .reached h3{
  
  font-size: 20px;
  text-align: center;
  }
  .reached p{
  
  font-size: 10px;
  text-align: center;
  }
  .icon svg{
  width: 18px;
  }
  .location h3{
  font-size: 12px;
  }
  .location p{
  font-size: 8px;
  }
  .social_media{
  display: flex;flex-direction:column-reverse;
  }
  .social_image{
  margin-top: 20px;
  text-align: center;
  }
  .career1{
    display: flex;flex-direction:column-reverse;
    width: 400px;
  }
  .career1 p{
    font-size: 16px;
   }
   .career1 h3{
     font-size: 22px;
    }
  .career2{
    width: 400px;
  }
  .career2 p{
   font-size: 16px;
  }
  .career2 h3{
    font-size: 22px;
   }
  .form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 20px;  
  }
  /* web development */
  .webDevelopment{
  margin: 0px 20px;
  }
  .discovery h5{
  font-size:30px;
  text-align: center;
  }
  .box{
    margin-left: 80px;
    width: 210px;
   }
   .box1{
     margin-left: 60px;
   }
  .codexis{
  font-size: 30px;
  }
  .aboutPage h2{
  font-size: 25px;
  }
  .Vision{
  width: 300px;
  }
  .card{
    /* margin-left:15px; */
    width: 360px;
    height: 200px;
   } 
   .card h5{
    font-size: 16px;
   }
   .card p{
    font-size: 10px;
    padding: 8px;
   }
   .sdlc p{
    font-size: 14px;
  }
  }

/* 412 screens */
@media (max-width: 412px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */

  h1{
      font-size:40px ;
      width: auto;
  }
  h5{
  width:auto;
  }
  h2{
  font-size:40px ;
  }
  p{
  width:auto;
  }
  .homepage_image{
  width: 250px;
  }
  
  /* Explore Our Services */
  .project-even {display: flex;flex-direction:column-reverse;
  }
  .explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .explore p{
  width: auto;
  font-size: 16px;
  }
  .web{
  margin-top: 25px;
  }
  
  /* About us */
  .about{
  display: flex;flex-direction:column-reverse;
  }
  .different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .different p{
  width: auto;
  font-size: 16px;
  }
  .about_image img{
  width: 300px;
  }
  /* Our Clients */
  .clients h2{
  font-size: 40px;
  }
  .clients p{
  width: auto;
  font-size: 16px;
  }
  .profile{
  margin-top: 10px;
  }
  .whyChooseUs{ display: flex;flex-direction:row-reverse;}
  .reached h3{
  
  font-size: 20px;
  text-align: center;
  }
  .reached p{
  
  font-size: 10px;
  text-align: center;
  }
  .icon svg{
  width: 18px;
  }
  .location h3{
  font-size: 12px;
  }
  .location p{
  font-size: 8px;
  }
  .social_media{
  display: flex;flex-direction:column-reverse;
  }
  .social_image{
  margin-top: 20px;
  text-align: center;
  }
  .career1{
    display: flex;flex-direction:column-reverse;
    width: 300px;
  }
  .career1 p{
    font-size: 14px;
   }
   .career1 h3{
     font-size: 20px;
    }
  .career2{
    width: 300px;
  }
  .career2 p{
   font-size: 14px;
  }
  .career2 h3{
    font-size: 20px;
   }
  .form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 20px;  
  }
  /* web development */
  .webDevelopment{
  margin: 0px 20px;
  }
  .discovery h5{
  font-size:30px;
  text-align: center;
  }
  .box{
    margin-left: 80px;
    width: 210px;
   }
   .box1{
     margin-left: 60px;
   }
  .codexis{
  font-size: 30px;
  }
  .aboutPage h2{
  font-size: 25px;
  }
  .Vision{
  width: 300px;
  }
  .card{
    width: 300px;
    height: 200px;
   } 
   .card h5{
    font-size: 16px;
   }
   .card p{
    font-size: 10px;
    padding: 8px;
   }
   .sdlc p{
    font-size: 14px;
  }
  }

/* 384 screens */
@media (max-width: 384px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */
  h1{
      font-size:40px ;
      width: auto;
  }
  h5{
  width:auto;
  }
  h2{
  font-size:40px ;
  }
  p{
  width:auto;
  }
  .homepage_image{
  width: 250px;
  }
  
  /* Explore Our Services */
  .project-even {display: flex;flex-direction:column-reverse;
  }
  .explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  
  }
  .explore p{
  width: auto;
  font-size: 16px;
  }
  .web{
  margin-top: 25px;
  }
  
  /* About us */
  .about{
  display: flex;flex-direction:column-reverse;
  }
  .different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .different p{
  width: auto;
  font-size: 16px;
  }
  .about_image img{
  width: 300px;
  }
  /* Our Clients */
  .clients h2{
  font-size: 40px;
  }
  .clients p{
  width: auto;
  font-size: 16px;
  }
  .profile{
  margin-top: 10px;
  }
  .whyChooseUs{ display: flex;flex-direction:row-reverse;}
  .reached h3{
  
  font-size: 20px;
  text-align: center;
  }
  .reached p{
  
  font-size: 10px;
  text-align: center;
  }
  .icon svg{
  width: 18px;
  }
  .location h3{
  font-size: 12px;
  }
  .location p{
  font-size: 8px;
  }
  .social_media{
  display: flex;flex-direction:column-reverse;
  }
  .social_image{
  margin-top: 20px;
  text-align: center;
  }
  .career1{
    display: flex;flex-direction:column-reverse;
    width: 300px;
  }
  .career1 p{
    font-size: 14px;
   }
   .career1 h3{
     font-size: 20px;
    }
  .career2{
    width: 300px;
  }
  .career2 p{
   font-size: 14px;
  }
  .career2 h3{
    font-size: 20px;
   }
  .form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 20px;  
  }
  /* web development */
  .webDevelopment{
  margin: 0px 20px;
  }
  .discovery h5{
  font-size:30px;
  text-align: center;
  }
  .box{
    margin-left: 80px;
    width: 210px;
   }
   .box1{
     margin-left: 60px;
   }
  .codexis{
  font-size: 30px;
  }
  .aboutPage h2{
  font-size: 25px;
  }
  .Vision{
  width: 300px;
  }
  .card{
    width: 270px;
    height: 200px;
   } 
   .card h5{
    font-size: 16px;
   }
   .card p{
    font-size: 10px;
    padding: 8px;
   }
   .sdlc p{
    font-size: 13px;
  }
  }


/* 370 screens */
@media (max-width: 370px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */
  h1{
      font-size:40px ;
      width: auto;
  }
  h5{
  width:auto;
  }
  h2{
  font-size:40px ;
  }
  p{
  width:auto;
  }
  .homepage_image{
  width: 250px;
  }
  
  /* Explore Our Services */
  .project-even {display: flex;flex-direction:column-reverse;
  }
  .card{
    width: 260px;
    height: 200px;
   } 
   .card h5{
    font-size: 16px;
   }
   .card p{
    font-size: 10px;
    padding: 10px;
   }
  .explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  
  }
  .explore p{
  width: auto;
  font-size: 16px;
  }
  .web{
  margin-top: 25px;
  }
  
  /* About us */
  .about{
  display: flex;flex-direction:column-reverse;
  }
  .different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .different p{
  width: auto;
  font-size: 16px;
  }
  .about_image img{
  width: 300px;
  }
  /* Our Clients */
  .clients h2{
  font-size: 40px;
  }
  .clients p{
  width: auto;
  font-size: 16px;
  }
  .profile{
  margin-top: 10px;
  }
  .whyChooseUs{ display: flex;flex-direction:row-reverse;}
  .reached h3{
  
  font-size: 20px;
  text-align: center;
  }
  .reached p{
  
  font-size: 10px;
  text-align: center;
  }
  .icon svg{
  width: 18px;
  }
  .location h3{
  font-size: 12px;
  }
  .location p{
  font-size: 8px;
  }
  .social_media{
  display: flex;flex-direction:column-reverse;
  }
  .social_image{
  margin-top: 20px;
  text-align: center;
  }
  .career1{
    display: flex;flex-direction:column-reverse;
    width: 300px;
  }
  .career2{
    width: 300px;
  }
  .form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 20px;  
  }
  /* web development */
  .webDevelopment{
  margin: 0px 20px;
  }
  .discovery h5{
  font-size:30px;
  text-align: center;
  }
  .box{
    margin-left: 80px;
    width: 210px;
   }
   .box1{
     margin-left: 60px;
   }
  .codexis{
  font-size: 30px;
  }
  .aboutPage h2{
  font-size: 25px;
  }
  .Vision{
  width: 300px;
  }
  .sdlc p{
    font-size: 12px;
  }
  }

/* 364 screens */
@media (max-width: 364px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */
  h1{
      font-size:40px ;
      width: auto;
  }
  h5{
  width:auto;
  }
  h2{
  font-size:40px ;
  }
  p{
  width:auto;
  }
  .homepage_image{
  width: 250px;
  }
  
  /* Explore Our Services */
  .project-even {display: flex;flex-direction:column-reverse;
  }
  .explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  
  }
  .explore p{
  width: auto;
  font-size: 16px;
  }
  .web{
  margin-top: 25px;
  }
  
  /* About us */
  .about{
  display: flex;flex-direction:column-reverse;
  }
  .different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  }
  .different p{
  width: auto;
  font-size: 16px;
  }
  .about_image img{
  width: 300px;
  }
  /* Our Clients */
  .clients h2{
  font-size: 40px;
  }
  .clients p{
  width: auto;
  font-size: 16px;
  }
  .profile{
  margin-top: 10px;
  }
  .whyChooseUs{ display: flex;flex-direction:row-reverse;}
  .reached h3{
  
  font-size: 20px;
  text-align: center;
  }
  .reached p{
  
  font-size: 10px;
  text-align: center;
  }
  .icon svg{
  width: 18px;
  }
  .location h3{
  font-size: 12px;
  }
  .location p{
  font-size: 8px;
  }
  .social_media{
  display: flex;flex-direction:column-reverse;
  }
  .social_image{
  margin-top: 20px;
  text-align: center;
  }
  .career1{
    display: flex;flex-direction:column-reverse;
    width: 300px;
  }
  .career2{
    width: 300px;
  }
  .form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  margin: 20px;  
  }
  /* web development */
  .webDevelopment{
  margin: 0px 20px;
  }
  .discovery h5{
  font-size:30px;
  text-align: center;
  }
  .box{
    margin-left: 80px;
    width: 210px;
   }
   .box1{
     margin-left: 60px;
   }
  .codexis{
  font-size: 30px;
  }
  .aboutPage h2{
  font-size: 25px;
  }
  .Vision{
  width: 300px;
  }
  .card{
    width: 260px;
    height: 200px;
   } 
   .card h5{
    font-size: 16px;
   }
   .card p{
    font-size: 10px;
    padding: 10px;
   }
   .sdlc p{
    font-size: 10px;
  }
  }


/* 360 screens */
@media (max-width: 360px)  {
  body{
    overflow-x: hidden;

  } 
/* homepage */
h1{
    font-size:40px ;
    width: auto;
}
h5{
width:auto;
}
h2{
font-size:40px ;
}
p{
width:auto;
}
.homepage_image{
width: 250px;
}

/* Explore Our Services */
.project-even {display: flex;flex-direction:column-reverse;
}
.explore h2{
width: 300px;
height: auto;
font-size: 40px;

}
.explore p{
width: auto;
font-size: 16px;
}
.web{
margin-top: 25px;
}

/* About us */
.about{
display: flex;flex-direction:column-reverse;
}
.different h2{
width: 300px;
height: auto;
font-size: 40px;
}
.different p{
width: auto;
font-size: 16px;
}
.about_image img{
width: 300px;
}
/* Our Clients */
.clients h2{
font-size: 40px;
}
.clients p{
width: auto;
font-size: 16px;
}
.profile{
margin-top: 10px;
}
.whyChooseUs{ display: flex;flex-direction:row-reverse;}
.reached h3{

font-size: 20px;
text-align: center;
}
.reached p{

font-size: 10px;
text-align: center;
}
.icon svg{
width: 18px;
}
.location h3{
font-size: 12px;
}
.location p{
font-size: 8px;
}
.social_media{
display: flex;flex-direction:column-reverse;
}
.social_image{
margin-top: 20px;
text-align: center;
}
.career1{
  display: flex;flex-direction:column-reverse;
  width: 300px;
}
.career2{
  width: 300px;
}
.form-container {
background-color: #fff;
padding: 2rem;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin: 20px;  
}
/* web development */
.webDevelopment{
margin: 0px 20px;
}
.discovery h5{
font-size:30px;
text-align: center;
}
.box{
  margin-left: 80px;
  width: 210px;
 }
 .box1{
   margin-left: 60px;
 }
.codexis{
font-size: 30px;
}
.aboutPage h2{
font-size: 25px;
}
.Vision{
width: 300px;
}
.card{
  width: 250px;
  height: 200px;
 } 
 .card h5{
  font-size: 16px;
 }
 .card p{
  font-size: 10px;
  padding: 10px;
 }
 .sdlc p{
  font-size: 10px;
}
.tehnologies{
  width: 150px;
}
}
/* 344 screens */
@media (max-width: 344px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */
  h1{
      font-size:40px ;
      width: auto;
  }
h5{
  width:auto;
}
h2{
  font-size:40px ;
}
p{
width:auto;
}
.homepage_image{
  width: 250px;
}

/* Explore Our Services */
.project-even {display: flex;flex-direction:column-reverse;
}
.explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  
}
.explore p{
  width: auto;
  font-size: 16px;
}
.web{
  margin-top: 25px;
}

/* About us */
.about{
  display: flex;flex-direction:column-reverse;
}
.different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
}
.different p{
  width: auto;
  font-size: 16px;
}
.about_image img{
  width: 300px;
}
/* Our Clients */
.clients h2{
  font-size: 40px;
}
.clients p{
  width: auto;
  font-size: 16px;
}
.profile{
  margin-top: 10px;
}
.whyChooseUs{ display: flex;flex-direction:row-reverse;}
.reached h3{

  font-size: 20px;
  text-align: center;
}
.reached p{
  
  font-size: 10px;
  text-align: center;
}
.icon svg{
  width: 18px;
}
.location h3{
  font-size: 12px;
}
.location p{
  font-size: 8px;
}
.social_media{
  display: flex;flex-direction:column-reverse;
}
.social_image{
  margin-top: 20px;
  text-align: center;
}
.career1{
  display: flex;flex-direction:column-reverse;
  width: 300px;
}
.career2{
  width: 300px;
}
.form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin: 20px;  
}
/* web development */
.webDevelopment{
  margin: 0px 20px;
}
.discovery h5{
  font-size:30px;
  text-align: center;
}
.box{
  margin-left: 40px;
  width: 210px;
 }
 .box1{
   margin-left: 60px;
 }

.codexis{
  font-size: 30px;
}
.aboutPage h2{
  font-size: 25px;
}
.Vision{
  width: 300px;
}
.card{
  width: 230px;
  height: 200px;
  /* margin-left: 40px; */
 } 
 .card h5{
  font-size: 16px;
 }
 .card p{
  font-size: 10px;
  padding: 8px;
 }
 .sdlc p{
  font-size: 10px;
}
.tehnologies{
  width: 130px;
}
}

/* 320 screens */
@media (max-width: 320px)  {
  body{
    overflow-x: hidden;

  } 
  /* homepage */
  h1{
      font-size:40px ;
      width: auto;
  }
h5{
  width:auto;
}
h2{
  font-size:40px ;
}
p{
width:auto;
}
.homepage_image{
  width: 250px;
}

/* Explore Our Services */
.project-even {display: flex;flex-direction:column-reverse;
}
.explore h2{
  width: 300px;
  height: auto;
  font-size: 40px;
  
}
.explore p{
  width: auto;
  font-size: 16px;
}
.web{
  margin-top: 25px;
}

/* About us */
.about{
  display: flex;flex-direction:column-reverse;
}
.different h2{
  width: 300px;
  height: auto;
  font-size: 40px;
}
.different p{
  width: auto;
  font-size: 16px;
}
.about_image img{
  width: 300px;
}
/* Our Clients */
.clients h2{
  font-size: 40px;
}
.clients p{
  width: auto;
  font-size: 16px;
}
.profile{
  margin-top: 10px;
}
.whyChooseUs{ display: flex;flex-direction:row-reverse;}
.reached h3{

  font-size: 20px;
  text-align: center;
}
.reached p{
  
  font-size: 10px;
  text-align: center;
}
.icon svg{
  width: 18px;
}
.location h3{
  font-size: 12px;
}
.location p{
  font-size: 8px;
}
.social_media{
  display: flex;flex-direction:column-reverse;
}
.social_image{
  margin-top: 20px;
  text-align: center;
}

.career1{
  display: flex;flex-direction:column-reverse;
  /* width: 250px; */
}
   .card{
    width: 200px;
    height: 200px;
   } 
   .card h5{
    font-size: 16px;
   }
   .card p{
    font-size: 10px;
    padding: 10px;
   }
.form-container {
  background-color: #fff;
  padding: 2rem;
  border-radius: 8px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
margin: 20px;  
}
/* web development */
.webDevelopment{
  margin: 0px 20px;
}
.discovery h5{
  font-size:30px;
  text-align: center;
}
.box{
 margin-left: 60px;
 width: 210px;
}
.box1{
  margin-left: 60px;
}

.codexis{
  font-size: 25px;
}
.aboutPage h2{
  font-size: 25px;
}
.Vision{
  width: 300px;
}
.sdlc p{
  font-size: 10px;
}
}