.mdm-case {
    padding-left: 8.5rem!important;
    padding-top: 12rem;
}

@media (max-width: 576px){
.mdm-case{
    display: none!important;
}
}

.osl-service-flow {
  position: relative;
  overflow: hidden;
}

.osl-service-flow__title {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.5em 1em 0.5em 2em;
  background-color: #7EC400;
  color: #fff;
  font-weight: bold;
  overflow: hidden;
}
.osl-service-flow__title::after {
  content: "";
  display: block;
  width: 18px;
  height: 150%;
  position: absolute;
  top: -2px;
  left: -1px;
  background-color: #f3f3f3;
  /* background-color: #3ff; */
  clip-path: polygon(0 0,100% 0,0 100%);
}

.osl-accordion-button {
  position: relative;
  display: inline-flex;
  padding: 0 20px 0 0;
  float: right;
  color: #7EC400;
  font-weight: bold;
  background: transparent;
  font-size: 13px;
}


.osl-accordion-content {
  display: none;
}

.osl-accordion-button:hover {
  opacity: 0.8;
}

.osl-accordion-button::before,
.osl-accordion-button::after {
  content: "";
  display: block;
  position: absolute;
  top: calc(50% - 1px);
  right: 0;
  font-weight: bold;
  width: 11px;
  height: 2px;
  background-color: #7EC400;
}

.osl-accordion-button::before {
  top: calc(50% - 1px);
  right: 0;
  rotate: 90deg;
}

.osl-accordion-content.-open + .osl-accordion-button::before {
  display: none;
}