.main{
        width: 100vw;
        height: 100%;
        position: relative;
        overflow-x: hidden;
        scrollbar-width: none;
    }
    .MainImage{
    padding-top: 90px;
    position: relative;
  }
  .MainImage img{
    width: 100%;height: 80vh
  }
  /* //content */
  .MainPart2{
    position: absolute;
    top: 15%;
    left: 0%;
    height: 80vh;
    background: #000000ad;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
   
  }
  .mainPart2A{
    height:auto;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;
  }
  
    @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 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;
       }
    }