html {
  scroll-behavior: smooth;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .crousel-mobile {
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
    position: relative;
    height: 47px;
  }

  .crousel-mobile > div >  ul {
    position: absolute;
    top: -10px;
    left: 0;
  }

  .crousel-mobile > div > ul > li {
    margin: 10px;
    float: left;
    width: max-content;
    overflow: hidden;
  }

  .crousel-mobile > div > ul > li:first-child{
    margin-left: 0;
  }
  .headbase-one{
    padding-top: 144px;
  }
 
}