@media screen and (min-width: 650px) {


}


}

@media screen and (min-width: 950px) {

   
  }


  @media screen and (min-width: 1100px) {
      
    

    
}

  @media screen and (max-width: 950pxs) {
       

.hero-card-section {
    background-color: green;
}


        
    }

    

  @media screen and (max-width: 749px) {
  
         .hero-card-section {
            width: 100%;
            gap: 50;
        }

        .card {
        width: 98%!important;
        }

        .about-main-container h5 {
            padding-bottom: 15px;
        }
}