.row{
    width: 100%;
}

.section {
    overflow-x: auto;
    height: 300px;
    width: 100%;
    margin: 50px auto;
    scroll-snap-type: y mandatory;
    scroll-snap-stop: normal(Y Mandatory);
}

.section::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.section_item {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 0 0 300px;
    height: 100%;
    font-size: 50px;
    text-align: left;
}

.item1 {
  /*  background-color: #FF7373; */
    scroll-snap-align: start;
    height: 300px;
    padding: 15px;
}

.item2 {
 /*   background-color: #FF9640; */
    scroll-snap-align: start;
    height: 300px;
    padding: 15px;
}

.item3 {
  /*  background-color: #5CCCCC; */
    scroll-snap-align: start;
    height: 300px;
    padding: 15px;
}

.item4 {
  /*  background-color: #67E667; */
    scroll-snap-align: start;
    height: 300px;
    padding: 10px;
}

.item5 {
  /*  background-color: #1D7373; */
    scroll-snap-align: start;
    height: 300px;
    padding: 10px;
}

.section-1{
  /*  background-color: #FF7373; */
    height: 500px;
}
.section-2{
  /* background-color:#1D7373; */
    height: 500px;
}

@media (max-width: 1024px){
    .section_item {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 0 0 400px;
        height: 100%;
        font-size: 50px;
        text-align: left;
    }

    .item1, .item2, .item3, .item4, .item5 {
        /*  background-color: #1D7373; */
        scroll-snap-align: start;
        height: 400px;
        padding: 10px;
    }
}