html {
    font-family: 'Open Sans', sans-serif;
}

.section {
    padding-top: 55px;
    padding-bottom: 60px;   
}

.container {
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
    max-width: 540px;
}
@media (min-width: 768px){
.container {
    max-width: 720px;
}
}
@media (min-width: 992px){
.container {
    max-width: 960px;
}
}
@media (min-width: 1200px){
.container {
    max-width: 1140px;
}
}
.section .section__title {
    text-align: center;
    margin-bottom: 40px;
}
.pricing-container .section .section__title h2 {
    margin-bottom: 1.5rem;
}
.section .section__title h6 {
    color: #999;
}
h6 {
    display: block;
    font-size: 0.67em;
    margin-block-start: 2.33em;
    margin-block-end: 2.33em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
.pricing-container .section .section__content {
    display: block;
    vertical-align: top;
}
.pricing-container .pricing-plans .section__content {
    width: 100%;
}
.pricing-container .btn-list {
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
.pricing-container .btn-list .btn:first-child {
    border-radius: 4px 0 0 4px;
}
.pricing-container .btn-list .btn:last-child {
    border-radius: 0 4px 4px 0;
}
.pricing-container .btn-list .btn.btn-theme {
    color: #fff;
}
.pricing-container .btn-list .btn {
    color: #4777ff;
    border-color: #4777ff;
    width: 120px;
    padding: 2px;
}
.btn-lg {
    font-size: 14px;
    line-height: 1.6;
}
.btn-theme {
    cursor: pointer;
    background-color: #4777ff;
    border: 1px solid #4777ff;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    user-select: none;
    transition: all .15s ease-in-out;
}
.pricing-container .member-plans {
    text-align: center;
    box-shadow: 0 0 2rem rgb(51 51 51 / 15%);
    margin-top: 40px;
}
.f__j--e {
    justify-content: space-evenly;
}
.flex {
    display: flex;
}
.pricing-container .payment-item {
    display: inline-block;
    vertical-align: top;
    position: relative;
    width: 25%;
    transition: transform .3s ease,border .3s ease;
    background: #fff;
    border-right-color: #ccc;
}
.payment-item {
    padding: 40px 15px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid transparent;
}
.payment-item__content {
    height: 100%;
    max-width: 250px;
    margin: auto;
}
.payment-item__name {
    font-size: 24px;
    margin-bottom: 10px;
}
.payment-item__suit-for {
    color: #999;
    font-size: 14px;
}
.payment-item__prices .price {
    font-size: 16px;
    color: #999;
}
.price .text-wrap {
    align-items: baseline;
}
.flex {
    display: flex;
}
.payment-item__prices .per-text, .payment-item__prices .symbol {
    font-size: 16px;
}
.payment-item__prices .price-text, .payment-item__prices .symbol {
    color: #333;
}
.payment-item__prices .price-text {
    font-size: 48px;
}
.payment-item__prices .per-text {
    color: inherit;
}
.payment-item__yearly-saving {
    min-height: 1em;
    color: #333;
    margin-bottom: 15px;
}
.payment-item__price-hint {
    min-height: 5em;
    line-height: 1.8;
    color: #666;
}
.pricing-container .payment-item__action {
    width: 120px;
    margin-top: 20px;
}
.btn-lg {
    padding: 8px 18px;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 4px;
}
.btn-theme-frame {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #4777ff;
    color: #4777ff;
}
.btn-theme {
    color: #fff;
    cursor: pointer;
    background-color: #4777ff;
    border: 1px solid #4777ff;
}
.payment-item__descriptions {
    min-height: 3em;
    line-height: 1.8;
    border-top: 1px solid #ccc;
    padding-top: 25px;
    margin-top: 25px;
    text-align:left;
}
.pricing-container .pricing-plans .section__content p {
    color: #666;
}
p {
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 5px;
}
.underline {
    text-decoration: underline;
}
.link-theme {
    cursor: pointer;
    color: #4777ff;
}
.link {
    white-space: nowrap;
    user-select: none;
    transition: all .15s ease-in-out;
    font-size: 14px;
}
.link, .vertical-center {
    display: inline-block;
    vertical-align: middle;
}
.btn-lg {
    padding: 8px 18px;
    font-size: 14px;
    line-height: 1.6;
    border-radius: 4px;
}
.payment-item:not(.is-free) .payment-item__prices .price-text, .payment-item:not(.is-free) .payment-item__prices .symbol {
    color: #333;
}
.payment-item em {
    font-style: normal;
    color: #ff6544;
}
.pricing-container .payment-item.active, .pricing-container .payment-item:hover {
    transform: scale(1.05);
    border: 1px solid #4777ff;
    outline: 1px solid #4777ff;
    z-index: 1;
    box-shadow: 0 0 2rem rgb(51 51 51 / 15%);
}
.pricing-container .pricing-compare {
    padding-top: 20px;
    color: #333;
}
.section .section__title {
    text-align: center;
    margin-bottom: 40px;
}
.pricing-container .section .section__title h2 {
    margin-bottom: 1.5rem;
}
.pricing-container .section .section__content {
    display: block;
    vertical-align: top;
}
.pricing-container .pricing-compare {
    padding-top: 20px;
}
.pricing-container__panel {
    padding: 30px;
    background: #fff;
}
.pricing-compare {
    color: #333;
}
.pricing-compare .table {
    width: 100%;
    border-collapse: collapse;
}
table {
    display: table;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: grey;
}
.pricing-compare__header {
    font-size: 20px;
}
thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}
tr {
    display: table-row;
    vertical-align: inherit;
    border-color: inherit;
}
.pricing-compare th {
    font-weight: 400;
}
th {
    display: table-cell;
    vertical-align: inherit;
    text-align: -internal-center;
}
.table-cell {
    padding: 20px 5px;
    text-align: center;
}
tbody {
    display: table-row-group;
    vertical-align: middle;
    border-color: inherit;
}
.pricing-compare__field, .pricing-compare__sec-header {
    border-bottom: 1px solid #efefef;
}
.pricing-compare__sec-header {
    border-top: 1px solid #efefef;
    font-size: 18px;
    color: #999;
    padding: 25px 5px;
}
td {
    display: table-cell;
    vertical-align: inherit;
}
.table-cell:first-child {
    text-align: left;
}
.table-cell {
    padding: 20px 5px;
    text-align: center;
}
.table-cell__support-icon {
    color: #4777ff;
}