@media only screen and (min-width: 601px) and (max-width: 1024px){

.heroSection {
    width: 90%;
    display: flex;
    margin-top: 300px;
    
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
    gap: 50px;
  }
  .morqueeSectionContainer{
    display: flex;
    margin-top: 200px;
    align-items: center;
    width: 100%;
    overflow: hidden;
  }

  .featureContainer {
    width: 90%;
    margin: auto;
  }
  .footerContainer {
    width: 100%;
    height: 300px;
  }
  .footerContainerContactinfo{
    margin-top: 10px;
  }

}