.outer-table {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    overflow-x: auto;
    width: 100%;
  }
  
  @media (width >= 320px) {
    .outer-table {
      overflow-x: visible;
    }
  }
  
  .comparison-table--default {
    border: 0;
    border-collapse: collapse;
    border-radius: 35px;
    border-spacing: 0;
    box-shadow: 0 3px 60px rgba(0, 0, 0, 0.10);
    overflow: hidden;
    position: relative;
    table-layout: auto;
    width: 100%;
  }
  
  .comparison-table--default th[scope="col"] {
    border: 0;
    color: #040725;
    font-size: 22px;
    padding: 40px 20px 10px;
  }
  
  .comparison-table--default th[scope="col"]:nth-of-type(1) {
    background-color: #fff;
    width: 65%;
  }
  
  @media (width >= 768px) {
    .comparison-table--default th[scope="col"] {
      font-size: 36px;
      padding: 60px 20px 30px;
    }
  }
  
  .comparison-table--default th[scope="col"]:nth-of-type(2),
  .comparison-table--default .comparison-table__row td:nth-of-type(2) {
    background-color: #f8f8f8;
    box-shadow: inset 60px 0 30px -30px rgba(0, 0, 0, 0.05);
  }
  
  .comparison-table--default .comparison-table__row {
    text-wrap-style: pretty;
    vertical-align: top;
  }
  
  .comparison-table--default .comparison-table__row strong {
    display: block;
    line-height: 1.2;
  }
  
  .comparison-table--default .comparison-table__row td {
    border: 0;
    border-bottom: 1px solid #ebebeb;
    font-size: 16px;
    padding: 20px 10px;
  }
  
  .comparison-table--default .comparison-table__row:last-of-type td {
    padding-bottom: 40px;
  }
  
  .comparison-table--default .comparison-table__column {
    display: grid;
    gap: 0.5em;
  }
  
  @media (width >= 768px) {
    .comparison-table--default .comparison-table__row td {
      font-size: 20px;
      padding: 20px;
    }
    
    .comparison-table--default .comparison-table__column {
      align-items: center;
      grid-template-columns: auto 1fr;
      gap: 1.5em;
    }
  }
  
  @media (width >= 992px) {
    .comparison-table--default .comparison-table__row td {
      padding: 20px 60px;
    }
  }
  
  .comparison-table--default .comparison-table__column::before {
    align-self: flex-start;
    background-repeat: no-repeat;
    content: "";
    min-height: 30px;
    min-width: 30px;
    position: relative;
  }
  
  .comparison-table--default .comparison-table__column-1::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%2333b596' d='M20 40A20 20 0 1 0 0 20a20 20 0 0 0 20 20Zm8.828-23.672-10 10a1.867 1.867 0 0 1-2.648 0l-5-5a1.873 1.873 0 0 1 2.648-2.648l3.672 3.672 8.672-8.68a1.873 1.873 0 1 1 2.648 2.648Z'/%3E%3C/svg%3E");
  }
  
  .comparison-table--default .comparison-table__column-2::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath fill='%23d66868' d='M20 40A20 20 0 1 0 0 20a20 20 0 0 0 20 20Zm-6.328-26.328a1.867 1.867 0 0 1 2.648 0l3.672 3.672 3.672-3.672a1.873 1.873 0 1 1 2.648 2.648l-3.672 3.672 3.672 3.672a1.873 1.873 0 0 1-2.648 2.648l-3.672-3.672-3.672 3.673a1.873 1.873 0 0 1-2.648-2.648l3.672-3.672-3.672-3.673a1.867 1.867 0 0 1 0-2.648Z'/%3E%3C/svg%3E");
  }
  
  @media (width >= 768px) {
    .comparison-table--default .comparison-table__column::before {
      min-height: 40px;
      min-width: 40px;
    }
  }

{# Before/With #}
.outer-table--before-with {

  margin: 1rem 0 1.4rem;
}

.comparison-table--before-with {
  border: 0;
    border-collapse: collapse;
/*     border-radius: 15px; */
    border-spacing: 0;
  margin: 0;
    overflow: hidden;
    position: relative;
    table-layout: auto;
    width: 100%;
}

.comparison-table--before-with {
  background-color: transparent;
}

.comparison-table--before-with,
.comparison-table--before-with td,
.comparison-table--before-with th {
  padding: 0.5rem;
}

.comparison-table--before-with th {
  background-color: transparent;
}

@media (width >= 768px) {
  .comparison-table--before-with,
  .comparison-table--before-with td {
    padding: 0.75rem 1rem;
  }
  
  .comparison-table--before-with th {
    padding: 0.675rem 1rem;
  }
}

.comparison-table--before-with td,
.comparison-table--before-with th {
  border: 1px solid #E5E7EB;
}

.comparison-table--before-with th[scope="col"] {
  border: 0;
  font-size: 16px;
  text-align: left;
  line-height: 1;
  position: relative;
  z-index: 1;
}

@media (width >= 768px) {
  .comparison-table--before-with th[scope="col"] {
    font-size: 20px;
  }
}

.comparison-table--before-with th[scope="col"]:nth-of-type(1) {
  height: 55px;
}

.comparison-table--before-with th[scope="col"]:nth-of-type(2) {
  height: 70px;
}

.comparison-table--before-with th[scope="col"]::before {
  background-repeat: no-repeat;
  background-size: cover;
  border-color: transparent;
  bottom: 0;
  position: absolute;
  content: '';
  height: inherit;
  left: 0;
  width: 100%;
  z-index: -1;
}

.comparison-table--before-with th[scope="col"]:nth-of-type(1)::before {
  background-color: #040725;
  border-radius: 15px 0 0 0;
}

.product-page--develop .comparison-table--before-with th[scope="col"]:nth-of-type(2)::before {
  background-image: linear-gradient(90deg, #1665AB 0%, #FD8C07 100%);
  border-radius: 15px 15px 0 0;
}

.outer-table-caption p {
  color: #6A7282;
  font-size: 14px;
  font-style: italic;
  text-align: left;
}

@media (width >= 768px) {
  .outer-table-caption p {
    font-size: 16px;
  }
}

.comparison-table--before-with .comparison-table__row td {
  font-size: 14px;
}

@media (width >= 768px) {
  .comparison-table--before-with .comparison-table__row td {
    font-size: 16px;
  }
}

.comparison-table--before-with .comparison-table__column-2 {
  font-weight: 600;
}

.comparison-table--before-with tbody tr {
  background-color: #fff;
}

.comparison-table--before-with tbody tr:nth-child(2n) td:nth-of-type(1) {
  background-color: #F9FAFB;
}

.comparison-table--before-with tbody tr:nth-child(2n) td:nth-of-type(2) {
  background-color: #EEF7FF;
}