.sb-care-table {
  --sb-al: #448f9c;
  --sb-sn: #766a62;
  --sb-mc: #449c7c;
  --sb-rh: #d1ba76;
  --sb-rs: #446d9c;
  --sb-feature: #589199;
  --sb-bullet: #766a62;
  width: 100%;
}

.sb-care-table *,
.sb-care-table *::before,
.sb-care-table *::after {
  box-sizing: border-box;
}

.sb-care-table__scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
}

.sb-care-table__grid {
  display: flex;
  flex-direction: column;
  width: 1158px;
  min-width: 1158px;
}

.sb-care-table__header {
  display: flex;
  align-items: flex-end;
  height: 72px;
  width: 100%;
}

.sb-care-table__spacer {
  width: 433px;
  flex-shrink: 0;
}

.sb-care-table__tab {
  width: 145px;
  flex-shrink: 0;
  position: relative;
  height: 72px;
}

.sb-care-table__arch {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.sb-care-table__label {
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 13px;
  color: #fff;
  text-align: center;
  line-height: normal;
}

.sb-care-table__icon {
  position: absolute;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
  width: 34px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.sb-care-table__icon svg {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.sb-care-table__row {
  display: flex;
  height: 52px;
  width: 100%;
}

.sb-care-table__feature {
  width: 433px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  padding: 0 12px;
  border: 1px solid #000;
}

.sb-care-table__feature-text {
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  color: var(--sb-feature);
  line-height: normal;
}

.sb-care-table__check {
  width: 145px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #000;
  overflow: hidden;
}

.sb-care-table__bullet {
  font-family: "Dhurjati", sans-serif;
  font-size: 44px;
  color: var(--sb-bullet);
  line-height: 1;
  display: block;
  height: 1em;
  transform: translateY(-3px);
}

.sb-care-table__check--al { background-color: rgba(68, 143, 156, 0.15); }
.sb-care-table__check--sn { background-color: rgba(118, 106, 98, 0.12); }
.sb-care-table__check--mc { background-color: rgba(68, 156, 124, 0.08); }
.sb-care-table__check--rh { background-color: rgba(209, 186, 118, 0.14); }
.sb-care-table__check--rs { background-color: rgba(68, 109, 156, 0.11); }

.sb-care-table__mobile {
  display: none;
}

.sb-care-table__mobile-type {
  margin: 0 0 28px;
}

.sb-care-table__mobile-type:last-child {
  margin-bottom: 0;
}

.sb-care-table__mobile-heading {
  margin: 0 0 12px;
  padding: 10px 14px;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.25;
  color: #fff;
  background: var(--sb-al);
}

.sb-care-table__mobile-type--al .sb-care-table__mobile-heading { background: var(--sb-al); }
.sb-care-table__mobile-type--sn .sb-care-table__mobile-heading { background: var(--sb-sn); }
.sb-care-table__mobile-type--mc .sb-care-table__mobile-heading { background: var(--sb-mc); }
.sb-care-table__mobile-type--rh .sb-care-table__mobile-heading { background: var(--sb-rh); color: #3f3a34; }
.sb-care-table__mobile-type--rs .sb-care-table__mobile-heading { background: var(--sb-rs); }

.sb-care-table .sb-care-table__mobile-list {
  margin: 0 !important;
  padding: 0 !important;
  padding-left: 0 !important;
  list-style: none !important;
}

.sb-care-table .sb-care-table__mobile-list li {
  margin: 0 0 6px;
  padding: 12px 14px;
  list-style: none;
  font-family: "Open Sans", sans-serif;
  font-weight: 700;
  font-size: 16px;
  line-height: 1.4;
  color: var(--sb-feature);
  background: rgba(88, 145, 153, 0.1);
}

.sb-care-table .sb-care-table__mobile-list li:last-child {
  margin-bottom: 0;
}

.sb-care-table__mobile-type--al .sb-care-table__mobile-list li { background: rgba(68, 143, 156, 0.15); }
.sb-care-table__mobile-type--sn .sb-care-table__mobile-list li { background: rgba(118, 106, 98, 0.12); }
.sb-care-table__mobile-type--mc .sb-care-table__mobile-list li { background: rgba(68, 156, 124, 0.12); }
.sb-care-table__mobile-type--rh .sb-care-table__mobile-list li { background: rgba(209, 186, 118, 0.18); }
.sb-care-table__mobile-type--rs .sb-care-table__mobile-list li { background: rgba(68, 109, 156, 0.12); }

@media (max-width: 1200px) {
  .sb-care-table__feature-text {
    font-size: 16px;
  }
}

@media (max-width: 768px) {
  .sb-care-table__desktop {
    display: none;
  }

  .sb-care-table__mobile {
    display: block;
  }
}
