.containerrow {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
  }

 
  .section{
    margin-top: 79px;
    height: 90vh;

  }
  .computer {
    text-align: center;
    scroll-behavior: smooth;
  }
  
  .vision-ai-inner-card {
    height: 40vh;
    border: 1px solid #ccc;
    background-color: rgba(255, 254, 254, 0.747);
    box-shadow: 0.2px 0.2px 1px 0.2px  rgb(73, 73, 73);
    padding: 20px;
    margin-bottom: 20px;
    overflow: scroll;
    
  }
  
  .grid-content {
    text-align: center;
  }
  
  .row {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 20px;
  }
  
  /* @media (max-width: 767px) {
    .row {
      grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    }
  } */

  h4{
    color: black;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 20px;
  }
  h4:hover{
    text-decoration: underline;
    text-shadow: 3px 4px 8px rgb(104, 104, 104);  
    transition: 1000ms;  
  }

  /* Css for  */
  .vision-ai-inner-card:hover {
   

    border: 1px solid #ccc;
    background-color: rgba(255, 254, 254, 0.747);
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 2px 3px 15px 3px  rgb(124, 124, 124);
    transition: 500ms;
  }
  p{
    color: rgb(115, 115, 145);
    font-weight: 800;
  }
  .featurette-heading{
    color: black;
    font-weight: 700;
  }
  .computer h3{
    font-size: 25px;
    color: black;
    font-weight: 700;
  }
  section .section{
    height: 150vh;
  }

  .featurette img{

    border: 2px rgb(158, 157, 157);
    box-shadow: 2px 3px 8px 1px rgb(123, 123, 123);
    border-radius: 10px;
    align-items: center;
  }
  .featurette{
    display: flex;
    flex-wrap: wrap;
  }