* {
  touch-action: pan-y;
}
body {
  background-color: #ffffff;
}
ul,
li {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
a {
  text-decoration: none !important;
}
@media (min-width: 768px) {
  .mui-segmented-control.mui-scroll-wrapper .mui-scroll {
    width: 100%;
  }
}

.solution_section {
  position: relative;
  min-height: calc(100vh - 345px);
  top: 40px;
}
.mui-fullscreen .mui-segmented-control ~ .mui-slider-group {
  top: 55px;
}
.mui-segmented-control.mui-scroll-wrapper .mui-control-item {
  display: inline-block;
  width: auto;
  padding: 0px;
  margin: 0 9px;
  font-size: 14px;
  color: #626262;
}
.mui-segmented-control.mui-segmented-control-inverted
  .mui-control-item.mui-active {
  color: #357ebd;
  border-bottom: 2px solid#357ebd;
  position: relative;
}
.mui-segmented-control.mui-segmented-control-inverted
  .mui-control-item.mui-active::before {
  content: "";
  width: 100%;
  height: 2px;
  background-color: #357ebd;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0;
}
.mui-slider
  .mui-segmented-control.mui-segmented-control-inverted
  ~ .mui-slider-group
  .mui-slider-item {
  border: 0px;
}
.mui-slider .mui-scroll-wrapper{
  overflow: auto ;
  overflow-x:hidden;
  overflow-y:scroll;
}
.solution_section .mui-scroll-wrapper .mui-scroll ul {
  padding: 15px;
  box-sizing: border-box;
}
.solution_section .mui-scroll-wrapper .mui-scroll ul > li {
  padding: 0px 15px;
}
.solution_section .mui-scroll-wrapper .mui-scroll ul > li .detail {
  padding: 0 12px;
  height: 108px;
}
.solution_section  .mui-slider .mui-slider-group .mui-slider-item img {
  height: 190px;
}
.solution_section .mui-scroll .item .detail {
  border: 1px solid #eee;
}
.solution_section .mui-scroll .item:hover {
  box-shadow: 0px 12px 28px 0px rgba(0, 0, 0, 0.15);
}
.solution_section .mui-scroll .item h3 {
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  color:#4c4c4c;
  margin: 16px 0 12px;
}
.solution_section .mui-scroll .item p {
  font-size: 12px;
  line-height: 18px;
  color: #bababa;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

@media (max-width: 768px) {
  .solution_section {
    position: relative;
    height: 390px;
    top: 5px;
    background-color: #ffffff;
  }
  .mui-segmented-control.mui-scroll-wrapper .mui-scroll::before {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #eee;
    display: inline-block;
    position: absolute;
    bottom: 2px;
    left: 0;
  }
  .mui-fullscreen .mui-segmented-control ~ .mui-slider-group {
    top: 40px;
  }
  .mui-scroll .container .row > li {
    margin-bottom: 40px;
  }
  .mui-scroll .container .row > li:nth-of-type(1) {
    display: block;
  }
  .solution_section .mui-scroll-wrapper .mui-scroll ul > li {
    border: 0px;
    padding: 0px;
  }
}
@media (min-width: 768px) {
  .mui-slider .mui-slider-group .mui-slider-item img {
    height: 140px;
  }

  .solution_section .mui-scroll .item h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -moz-text-overflow: ellipsis;
    white-space: nowrap;
  }

  .solution_section .mui-scroll ul li a {
    display: block;
    padding: 0 4px;
  }
}