.MainImage{
    padding-top: 90px;
    position: relative;
  }
  .MainImage img{
    width: 100%;height: 80vh
  }
  /* //content */
  .MainPart2{
    position: absolute;
    top: 15%;
    left: 0%;
    height: 80vh;
    background: #2c2172ad;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
   
  }
  .mainPart2A{
    height:38vh;width: 50%;
  }
  .mainPart2A p{
    color: #fff;
    font-size:1.4vw;
  }
  .mainPart2A h1{
    color: white;
  }
  .mainPartbtnCont{
    height: 20vh;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly; 
    align-items: center;
  }
  .mainPart2B{
    height: 80vh;width: 50%
  }
  .mainPart2B img{
    width: 100%;height: auto;
  }
  .btnHover{
    background: #2c2172;
    color: white;
    border: none;
    padding: 0px 15px;
    font-size: 2vw;
  }
  .btnHover:hover{
    background: #3fcaff;
    color: black;
    font-size: 2.2vw;
  }
  .btnHover2{
    color: white;
    border: none;
    padding: 0px 8px;
    font-size: 2vw;
    border: 4px solid #2c2172;
    background: none;
  }
  .btnHover2:hover{
    border : 4px solid  #3fcaff;
    font-size: 2.3vw;
  }


 


   /* //gamedevelopment */
   .gameDevlopmentMain{
    background-color: #fff;height: 75vh;
   }
   .gamedevelopmentMain2{
    width: 100%;
    height: 75vh;
    position: relative;
   }
   .gamedevelopmentContent{
    height: 64vh;
    width: 80%;
    position: absolute;
    top: 10%;
    left: 6%;
    background-color: #2c2172;
   }
   .gamedevelopmentContentA{
    width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 65vh;
   }
   .gamedevelopmentContentB{
    border: 4px solid #3fcaff;
    width: 40%;
    position: absolute;
    top: 17%;right: 6%;
    height: 54vh;
    display: flex;
    justify-content: center;
    align-items: center;
   }
   .gameDevlopmentMainPart2{
    display: none;
   }


   /* <!-- //ourComp --> */
   .competiveMain2{
    display: none;
   }

   .competiveMain{
    height: 95vh;width: 100%;
    background: url(./Image/home/home-banner.jpg);
    display: flex;
    flex-direction: column;
    justify-content: space-around;
   
   }
   .competiveHead{
    width: 40%;height: 10vh;
    background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);
    display: flex;
    justify-content: center;
    align-items: center;
   }
   .competiveHead h2{
    letter-spacing: 0px;color: #2c2172
   }
   .competiveContent ,.competiveContent2{
    width: 100%;
    height: 30vh;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
  
   }
   .competiveCard1{
    background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);
    height: 30vh;
    width: 20%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    border-radius: 20px;
   }
   .competiveCard2{
    background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);height: 28vh;width: 25%;display: flex;flex-direction: column;justify-content: space-around;align-items: center;border-radius: 20px;
   }
   .ourProductsMain{
    width: 100%;height: 110vh;display: flex;flex-direction: column;justify-content: space-around;
   }
   .carouseProducts{
    width: 100%;display: flex;align-items: center;justify-content: center;height: 70vh;

   }
   .carouseProducts2{
    display: none;
   }

   .ourProductHeader{
    width: 40%;height: 10vh;background: #2c2172;display: flex;justify-content: center;align-items: center;
   }
   /* //whychoose */
   .whyChoose{
    height: 90vh;background: url(./Image/home/bgForNew.png);
   }
   .whyChoose2{
    background: #2c21729c;height: 90vh;width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    align-items: center;
   }
   .smallBox1{
    width: 40%;height: 27vh;background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);display: flex;flex-direction: column;justify-content: center;
   }
   .smallBox2{
    width: 40%;height: 27vh;background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);border-left: 4px solid white;display: flex;flex-direction: column;justify-content: center;
   }
   .smallBox3{
    width: 40%;height: 27vh;background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);border-top:4px solid white;display: flex;flex-direction: column;justify-content: center;
   }
   .smallBox4{
    width: 40%;height: 27vh;background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);border-top: 4px solid white;;border-left: 4px solid white;display: flex;flex-direction: column;justify-content: center;
   }
   .whyContent{
    height: 27vh;display: flex;flex-direction: row;justify-content: center
   }
   .whyChoose2A{
    width: 45%
   }
   .whyChoose2B{
    display: flex;flex-direction: column;justify-content: space-around;align-items: center;width: 45%;
   }
   .whyChoose2BForm{
    height: 90vh;width: 75%;background: #2c2172;display: flex;flex-direction: column;justify-content: center;align-items: center;
   }
   .whyChoose2BForm h3{
    color: #fff;letter-spacing: 10px;
   }
   .whyChoose2BForm label{
    color: #fff;font-size: 20px;
   }
   /* //ourdesign */
   .ourDesignMain{
    height: 120vh;background: url(./Image/home/home-banner.jpg);width: 100%;
   }
   .ourDesignHead{
    width: 100%;height: 20vh;display: flex;justify-content: end;align-items: center;
   }
   .ourDesignHaed2{
    background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);height: 10vh;width: 40%;display: flex;justify-content: center;align-items: center;
   }
   .ourDesignContA{
    width: 100%;height: 50vh;display: flex;flex-direction: row;justify-content: space-around;align-items: center;
   }
   .ourDesignContA1{
    width: 47%;height: 40vh;
   }
   .ourDesignContent{
    background: rgba(0, 0, 0, 0.572);height: 40vh;display: flex;flex-direction: column;align-items: center;justify-content: center;
   }
   .ourDesignContent p{
    color: #fff;padding: 0px;font-size: 17px;
   }
  @media (max-width : 600px) {
 .MainImage{
    padding-top: 50px;
    
  }
  .MainImage img{
    width: 100%;height: 25vh
  }
  /* //content */
  .MainPart2{
    height: 25vh;
    top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100vw;
  }
  .mainPart2A{
   
    height: 18vh;
    width: 40%;
  }
  .mainPart2A h1{
       font-size: 4vw;
  }
  .mainPart2A p{
    color: #fff;
    font-size:2vw;
  }
  .mainPartbtnCont{
    height: 5vh;
  }
  .btnHover2{
    border: 2px solid #2c2172;
  }
  .btnHover2:hover{
    border: 2px solid #3fcaff;
  }
  .mainPart2B{
    width: 55%;
    height: 23vh;
  }
  .mainPart2B img{
    width: 100%;height: 20vh;
  }


  /* //ouridentity */
  /* .identityMain{
    height: 97vh;
  
  }
  .identityMain2{
    height: 97vh;
  }
  .identityMainCol1 h1{
       font-size: 25px;
  }
  .identityMainCol1 p{
    font-size: 16px;color: #fff;
    padding: 10px;
   }
   .identityMainCol2 img{
    height: 24vh
   }
   .identityMainCol2Cont{
    height: 24vh;
   }
   .identityMainCol2Cont2 h1{
    color: #fff;line-height: 15px;
    font-size: 20px;
   } */

   /* //gamedevelopmentPart2 */
   .gameDevlopmentMain{
    display: none;
   }
  .gameDevlopmentMainPart2{
    background-color: #fff;height: 100vh;
    display: block;
  }
     /* <!-- //ourComp --> */
     .competiveMain{
      display: none;
     }
     .competiveMain2{
      display: block;
     }
     .competiveMain2{
      height: 69vh;width: 100%;
      background: url(./Image/home/home-banner.jpg);
      display: flex;
      flex-direction: column;
      justify-content: space-around;
     }
     .competiveHead2{
      width: 60%;height: 8vh;
      background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);
      display: flex;
      justify-content: center;
      align-items: center;
     }
     .competiveHead2 h2{
      letter-spacing: 0px;color: #2c2172;
      font-size: 20px;
     }
     .competiveContent2{
      width: 100%;
      height: 130vh;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;

     }
     .competiveContent22{
      width: 100%;
      height: 65vh;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
     
     }
     .competiveCard1 ,.competiveCard2{
      background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);
      height: 38vh;
      width: 100%;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center;
      border-radius: 20px;
     }
    
     

     /* //carousel */
     .carouseProducts{
      display: none;
     }
     .carouseProducts2{
      width: 100%;display: flex;align-items: center;justify-content: center;height: 70vh;
  
     }
     .ourProductHeader{
      width: 60%;height: 8vh;background: #2c2172;display: flex;justify-content: center;align-items: center;
     }
     
     /* //whychoose */
   .whyChoose{
    height: 135vh;background: url(./Image/home/bgForNew.png);
   }
   .whyChoose2{
    background: #2c21729c;height: 135vh;width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
 
   }
   .whyChoose2A{
    width: 90%
   }
   .smallBox1{
    width: 45%;height: 25vh;background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);display: flex;flex-direction: column;justify-content: center;
   }
   .smallBox2{
    width: 45%;height: 25vh;background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);border-left: 4px solid white;display: flex;flex-direction: column;justify-content: center;
   }
   .smallBox3{
    width: 45%;height: 25vh;background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);border-top:4px solid white;display: flex;flex-direction: column;justify-content: center;
   }
   .smallBox4{
    width: 45%;height: 25vh;background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);border-top: 4px solid white;;border-left: 4px solid white;display: flex;flex-direction: column;justify-content: center;
   }
   .whyContent{
    height: 25vh;display: flex;flex-direction: row;justify-content: center;
   }
   .smallBox1 h3,.smallBox2 h3,.smallBox3 h3,.smallBox4 h3{
    font-size: 18px;
   }
   .smallBox1 p,.smallBox2 p,.smallBox3 p,.smallBox4 p{
    font-size: 13px;
   }
   .whyChoose2B{
    display: flex;flex-direction: column;justify-content: space-around;align-items: center;width: 100%;
   }
   .whyChoose2BForm{
    height: 70vh;width: 80%;background: #2c2172;display: flex;flex-direction: column;justify-content: center;align-items: center;
   }
   .whyChoose2BForm h3{
    color: #fff;letter-spacing: 8px;
    font-size: 18px;
   }
   .whyChoose2BForm label{
    color: #fff;font-size: 15px;
   }
   /* //ourdesign */
   .ourDesignMain{
    height: 130vh;background: url(./Image/home/home-banner.jpg);width: 100%;
   }
   .ourDesignHead{
    width: 100%;height: 20vh;display: flex;justify-content: end;align-items: center;
   }
   .ourDesignHaed2{
    background: linear-gradient(to right, #3fcaff 0%, #a4ffb0 100%);height: 8vh;width: 60%;display: flex;justify-content: center;align-items: center;
   }
   .ourDesignContA{
    width: 100%;height: 54vh;display: flex;flex-direction: column;justify-content: space-around;align-items: center;
   
   }
   .ourDesignContA1{
    width: 95%;height: 70vh;
   }
   .ourDesignContent{
    background: rgba(0, 0, 0, 0.572);height: 27vh;display: flex;flex-direction: column;align-items: center;justify-content: center;
   }
   .ourDesignContent p{
    color: #fff;padding: 0px;font-size: 10px;
   }
   .ourProductsMain{
    width: 100%;height: 95vh;display: flex;flex-direction: column;justify-content: space-around;
   }
  }


/* //customerreview */

@keyframes background-color {
  0% {
      background: linear-gradient(to bottom, #000428, #004683);
  }

  25% {
      background: linear-gradient(135deg, #1a4223, #5ee95e);
  }

  50% {
      background: linear-gradient(to bottom, #421a31, #e95ed2);
  }

  100% {
      background: linear-gradient(-135deg, #fae37d, #881da8, #20668f);
  }

}