@import url("https://fonts.cdnfonts.com/css/Poppins");

:root {
  --white: #f9f9f9;
  --black: #000000;
  --grey: #85888c;
  --logoblue: #549bd4;
  --button-border: #359bff;
}

/* html {
background-color: var(--black);
color: var(--white); 
font-family: Poppins;
font-weight: 400;
font-size: 16px;} */

p {
  line-height: normal;
  font-weight: 400;
  font-size: 0.8rem;
  /* padding: 0px 0px 14px 0px; */
}

.row-vtop p {
  line-height: normal;
  font-weight: 400;
  padding: 0px 0px 14px 0px;
  font-size: 0.9rem;
}

.smaller {
  padding: 3px 9px 3px 9px;
  font-size: 12px;
  margin: 4px 2px;
  border-radius: 26px;
  border: 1px solid #359bff;
}

header ul a {
  color: var(--white);
}
/* Clear floats after the columns */
/* 
.center-menu, .right-menu {
    background-color: var(--black);;
    padding: 0.8rem;
} */

/* .row:after {
  content: "";
  display: table;
  clear: both;
}
  
.row {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
} */

.founder img {
  width: 200px;
}

.column {
  width: 50%;
  display: table-cell;
  vertical-align: top;
}

.column:nth-child(2) {
  padding-left: 6px;
}

.column img {
  float: right;
}


/* 
.wrapper {
    width: 100%;
     height: 100vh;
     overflow-y: scroll;
     scroll-snap-type: y mandatory;
     z-index: 99;
     scroll-behavior: smooth;
  }
  
  section {

    padding: 62px 5px 5px 5px; 
    scroll-snap-align: start;
    scroll-snap-stop: always;
    scroll-margin: 25px 0;
    position: relative;
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

  .top-aligned-content > section {
        
    scroll-snap-align: start;
    scroll-snap-stop: always;
    scroll-margin: 25px 0;
    position: relative;
    height: 100vh;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

 */

.m350 {
  display: block;
}
.m400 {
  display: none;
}
.m460 {
  display: none;
}
.m520 {
  display: none;
}
.m600 {
  display: none;
}
.m700 {
  display: none;
}
.m800 {
  display: none;
}
.m1000 {
  display: none;
}
.m1200 {
  display: none;
}

/* .content {
    width: 350px;
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
    z-index: 99;
    scroll-behavior: smooth;
} */

.tech p {
  font-size: 0.75rem;
  padding-right: 60px;
}
.ani {
  width: 100%;
  text-align: center;
}
.ani img {
  width: 200px;
}

.button-tech {
  display: none;
}

h1 {
  font-size: 24px;
  line-height: 25px;
  font-weight: 600;
  padding: 20px 0;
}

.video-wrapper {
  width: 320px !important;
  padding: 0px 0px 0px 0px;
}

/*################################################################################  min-width:400px*/

@media screen and (min-width: 400px) {
  .m350 {
    display: none;
  }
  .m400 {
    display: block;
  }
  .m460 {
    display: none;
  }
  .m520 {
    display: none;
  }
  .m600 {
    display: none;
  }
  .m700 {
    display: none;
  }
  .m800 {
    display: none;
  }
  .m1000 {
    display: none;
  }
  .m1200 {
    display: none;
  }

  /* .content  {
        width: 400px;
    } */

  .tech p {
    font-size: 0.5rem;
  }
}
/*################################################################################  min-width:460px*/

@media screen and (min-width: 460px) {
  .m350 {
    display: none;
  }
  .m400 {
    display: none;
  }
  .m460 {
    display: block;
  }
  .m520 {
    display: none;
  }
  .m600 {
    display: none;
  }
  .m700 {
    display: none;
  }
  .m800 {
    display: none;
  }
  .m1000 {
    display: none;
  }
  .m1200 {
    display: none;
  }

  /* .content  {
        width: 460px;
    } */

  .tech p {
    font-size: 0.6rem;
  }

  .button-tech {
    display: block;
  }
}
/*################################################################################  min-width:520px*/

@media screen and (min-width: 520px) {
  .m350 {
    display: none;
  }
  .m400 {
    display: none;
  }
  .m460 {
    display: none;
  }
  .m520 {
    display: block;
  }
  .m600 {
    display: none;
  }
  .m700 {
    display: none;
  }
  .m800 {
    display: none;
  }
  .m1000 {
    display: none;
  }
  .m1200 {
    display: none;
  }

  /* .content  {
        width: 520px;
    } */

  .tech p {
    font-size: 1rem;
  }

  h1 {
    font-size: 28px;
    line-height: 26px;
    font-weight: 600;
    padding: 6px 0px 20px 0px;
  }

  .video-wrapper {
    width: 320px !important;
    /* float: right; */
    padding: 16px 0px 0px 0px;
  }
}
/*################################################################################  min-width:600px*/

@media screen and (min-width: 600px) {
  .m350 {
    display: none;
  }
  .m400 {
    display: none;
  }
  .m460 {
    display: none;
  }
  .m520 {
    display: none;
  }
  .m600 {
    display: block;
  }
  .m700 {
    display: none;
  }
  .m800 {
    display: none;
  }
  .m1000 {
    display: none;
  }
  .m1200 {
    display: none;
  }

  /* .content  {
        width: 600px;
    } */

  .ani img {
    width: 320px;
  }

  .sunil h1 {
    display: none;
  }
}
/*################################################################################  min-width:700px*/

@media screen and (min-width: 700px) {
  .m350 {
    display: none;
  }
  .m400 {
    display: none;
  }
  .m460 {
    display: none;
  }
  .m520 {
    display: none;
  }
  .m600 {
    display: none;
  }
  .m700 {
    display: block;
  }
  .m800 {
    display: none;
  }
  .m1000 {
    display: none;
  }
  .m1200 {
    display: none;
  }

  /* .content  {
        width: 700px;
    } */
}
/*################################################################################  min-width:800px*/

@media screen and (min-width: 800px) {
  .m350 {
    display: none;
  }
  .m400 {
    display: none;
  }
  .m460 {
    display: none;
  }
  .m520 {
    display: none;
  }
  .m600 {
    display: none;
  }
  .m700 {
    display: none;
  }
  .m800 {
    display: block;
  }
  .m1000 {
    display: none;
  }
  .m1200 {
    display: none;
  }

  /* 
    .content  {
        width: 800px;
    } */

  p {
    line-height: normal;
    font-weight: 400;
    font-size: 1.3rem;
    /* padding: 0px 0px 14px 0px; */
  }
}
/*################################################################################  min-width:1000px*/

@media screen and (min-width: 1000px) {
  .m350 {
    display: none;
  }
  .m400 {
    display: none;
  }
  .m460 {
    display: none;
  }
  .m520 {
    display: none;
  }
  .m600 {
    display: none;
  }
  .m700 {
    display: none;
  }
  .m800 {
    display: none;
  }
  .m1000 {
    display: block;
  }
  .m1200 {
    display: none;
  }
  /*     
    .content {
        width: 1000px;
    } */
}
/*################################################################################  min-width:1200pxm*/

@media screen and (min-width: 1200px) {
  .m350 {
    display: none;
  }
  .m400 {
    display: none;
  }
  .m460 {
    display: none;
  }
  .m520 {
    display: none;
  }
  .m600 {
    display: none;
  }
  .m700 {
    display: none;
  }
  .m800 {
    display: none;
  }
  .m1000 {
    display: none;
  }
  .m1200 {
    display: block;
  }
}