@import url('materialize.min.css');
@import url('font-awesome.min.css');
@import url('../fonts/line-awesome/css/line-awesome.min.css');
@import url('style.css');
@import url('custom.css');
@import url('responsive.css');

.related-service{
  border: 1px solid #e3e3e3;
  padding: 10px;
  margin-top: 80px;
  margin-bottom: 20px;
}

.related-service .process__title {
    padding: 0 0px;
}
.similar-plan{
  margin-bottom: 20px;
}
.similar-plan table th{
  max-width: 70px;
}
.similar-plan table th span{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);
  text-align: center;
  vertical-align: middle;
  display: block;
  text-transform: uppercase;
  color: var(--theme-color);
  letter-spacing: 1px;
  margin-bottom: -20px;
}

.similar-plan table{
  border-collapse: collapse;
  border: 1px solid #e3e3e3;
}
.similar-plan table th{
  border: 1px solid #e3e3e3;
}

.sm-plan h1{
  margin: 0;
  font-size: 1.7rem;
  font-weight: 800;
}

.sm-plan h3{
  margin: 0;
  font-size: 1rem;
  margin: 5px 0;
}

.sm-plan a{
  font-size: 0.8rem;
  color: var(--alt-color);
  font-weight: 500;
  border-bottom: 2px solid var(--alt-color);
}
.similar-plan .active-sm{
  background-color: #ebfff8;
  -webkit-box-shadow: 0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 7px 2px rgb(0 0 0 / 6%), 0 5px 5px -3px rgb(0 0 0 / 10%);
box-shadow: 0 8px 17px 2px rgb(0 0 0 / 14%), 0 3px 7px 2px rgb(0 0 0 / 6%), 0 5px 5px -3px rgb(0 0 0 / 10%);
}
.similar-plan .active-sm a{
  display: none;
}
.similar-plan-sm table th span{
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  margin-bottom: 0;
  font-size: 13px;
}
.similar-plan-sm table td{
  border: 1px solid #e3e3e3;
  vertical-align: top;
}
.similar-plan-sm table td h1{
  font-size: 1.3rem;
}
.similar-plan-sm .sm-plan h3{
  font-size: 0.9rem;
}
.sm.is_stuck{
  margin-top: 80px;
}
