.separate-plan-tier {
    border-radius: 4px;
    border: 1px solid #d1d1d1;
}
.separate-plan-section {
    padding: 0;
}
.tiers-section {
    padding: 5rem 0 0.3rem;
}

@media (min-width: 1200px) {
    .tiers-section {
        padding-top: 7rem;
    }
}

@media (max-width: 991px) {
    .wp2, .premier {
        margin-top: 2.2rem;
    }
}

@media (max-width: 568px) {
    .premier {
        margin-top: 0;
    }
}

.tier .tier-level h3, .tier .tier-level h3 {
    font-size: 1.13rem !important;
    font-weight: 500;
    text-transform: uppercase;
}

.card {
    border: none;
    background: none;
}

.card .card-footer {
    border-top: none;
    border-bottom: 1px solid #ececec;
}

.card-footer:last-child {
    border-radius: 0 0 0.25rem 0.25rem;
}

.tier a.btn-primary {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    padding: 0.29rem 0.75rem;
    text-transform: uppercase;
}

.card-body .acct {
    display: block;
    font-size: 0.9rem;
    min-height: 3.1rem;
}
.card-body .acct em {
    font-style: normal;
    display: block;
}
.card-body .acct small {
    display: block;
    font-size: 0.75rem;
}
.gray-600 {
    color: #4b4b4b;
}

.tier .card-footer ul {
    font-size: 90%;
    list-style: none;
    padding: 0 1rem 0.5rem 1.5rem;
}

.tier .card-footer ul li {
    line-height: 1.5rem;
}

.tier .card-footer ul li::before {
    background-image: url('https://www.cpanel.net/wp-content/themes/cPbase/assets/img/icons/check-green.png');
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 6px;
    margin-bottom: -2px;
}

.tier .card-footer ul li.not-included::before {
    background-image: url('https://www.cpanel.net/wp-content/themes/cPbase/assets/img/icons/close-red.png');
}

.tier .card-footer ul li.to-add::before {
    background-image: url('https://www.cpanel.net/wp-content/themes/cPbase/assets/img/icons/plus-grey.png');
}

.tier .tier-info .tier-price {
    display: inline-block;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-size: 3.75em;
    font-weight: 500;
    margin-left: 0;
}

.separate-plan-tier .tier .tier-info .tier-price {
    margin-left: 15px;
}

.tier .tier-info .monthly {
    margin-bottom: 1rem;
    font-size: 0.88rem;
    margin-top: -8px;
}

.tiers-section .tier .tier-info .monthly {
    display: inline-block;
    margin-left: -26px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 95%;
}

.tier .tier-info .tier-price sup {
    top: -33px;
}

.card-footer > .p-3 {
    padding: 1rem 1rem 1.3rem !important
}

.card-footer h6 {
    color: #4B4B4B;
    font-size: 0.82rem;
    line-height: 1.2rem; 
}

.separate-plan-section .card-body .acct {
    margin-bottom: 0.37rem;
    min-height: auto;
}

.separate-plan-section .tier .tier-info .monthly {
    margin-bottom: 0.5rem;
}

.separate-plan-section .card-body {
    padding: 0 0.45rem 0 0;
}

.separate-plan-section .separate-plan-tier > .row {
    padding: 1.7rem 0;
    align-items: center;
}

.separate-plan-info h5 {
    font-weight: 500;
    max-width: 500px;
}

.separate-plan-info p {
    margin-bottom: 0;
    max-width: 450px;
}

.separate-plan-info p strong {
    display: inline-block;
    font-size: 0.87rem;
    margin-top: 1rem;
}

.separate-plan-info ul {
    font-size: 0.87rem;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

.separate-plan-info ul li {
    display: flex;
}

.separate-plan-info ul li::before {
    display: inline-block;
    content: '';
    background-image: url('https://www.cpanel.net/wp-content/themes/cPbase/assets/img/icons/check-green-clean.svg');
    background-repeat: no-repeat;
    background-position: bottom;
    margin-right: 5px;
    width: 16px;
    height: 12px;
    margin-top: 2px;
}

.col-partner {
    border-left: 1px solid #D1D1D1;
    border-right: 1px solid #D1D1D1;
    border-bottom: 1px solid #D1D1D1;
    border-radius: 0 0 0.25rem 0.25rem;
    padding: 2rem 3rem;
}

.partner-section .tier-color {
    background: linear-gradient(45deg, #48A79D, #1A9BD5);
    border-radius: 0.25rem 0.25rem 0 0;
    width: 100%;
    height: 8px;
}

.partner-section .col {
    max-width: 840px;
}

.col-partner h3 {
    font-weight: 500;
    letter-spacing: 2%;
}

.col-partner > .row {
    align-items: center;
    padding-bottom: 0;
}

.col-partner p {
    margin-top: 0.9rem;
    margin-bottom: 0;
}

.col-partner .row > div:nth-child(2) {
    text-align: right;
}

.col-partner .btn {
    display: inline-block;
    max-width: 186px;
}

.faq-section {
    padding: 4rem 0;
}

.faq-section .col {
    max-width: 555px;
}

.faq-section h2 {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 2%;
}

@media (max-width: 768px) {
    .faq-section h2 {
      font-size: 1.8rem;
    }
    h2 {
       font-size: 2rem;
    }
}

.tiers-section .col-sm-6 {
    padding-right: 10px;
    padding-left: 10px;
}

.card .card-footer {
    border-bottom: 1px solid #d1d1d1;
}


.card .card-body {
    border-top: 1px solid #d1d1d1;
    border-radius: 0.25rem 0.25rem;
}

.card .card-body, .card .card-footer {
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
}

.wp2-section {
    padding: 0;
}

.wp2-section .card-body .acct {
    margin-bottom: 0.37rem;
    min-height: auto;
}

.wp2-section .tier .tier-info .monthly {
    margin-bottom: 0.5rem;
}

.wp2-section .card-body {
    padding: 0 0.45rem 0 0;
}

.wp2-section .wp2-tier > .row {
    padding: 1.5rem 0;
    align-items: center;
}

.wp2-info h5 {
    font-weight: 500;
    max-width: 500px;
}

.wp2-info p {
    margin-bottom: 0;
    max-width: 450px;
}

.wp2-info p strong {
    display: inline-block;
    font-size: 0.87rem;
    margin-top: 1rem;
}

.wp2-info ul {
    font-size: 0.87rem;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none;
}

.wp2-info ul li {
    display: flex;
}

.wp2-info ul li::before {
    display: inline-block;
    content: '';
    background-image: url('https://www.cpanel.net/wp-content/themes/cPbase/assets/img/icons/check-green-clean.svg');
    background-repeat: no-repeat;
    background-position: bottom;
    margin-right: 5px;
    width: 16px;
    height: 12px;
    margin-top: 2px;
}

.wp2-tier {
    background-color: #E9F4FF;
    border-radius: 4px;
    border: 1px solid #C5E0F9;
}


/* .wp2 class has tag for feautured plan */
.wp2 .card-body::before {
    background: linear-gradient(45deg, #48A79D, #1A9BD5);
    border-radius: 0.25rem 0.25rem 0 0;
    color: #fff;
    font-size: 0.8rem;
    display: block;
    content: "Best for WordPress Websites";
    position: absolute;
    width: calc(100% - 40px);
    min-height: 32px;
    line-height: 32px;
    text-align: center;
    top: -32px;
    left: 20px;
    padding: 0 15px;
}

@media (max-width: 1199px) and (min-width: 992px) {
    .wp2 .card-body::before {
        height: 64px;
        top: -64px;
        line-height: 1.4rem;
        display: flex;
        align-items: center;
    }
}

.extensions .border {
    border: 1px solid #e1e1e1 !important;
}

/* Accordion styles */
.tabs input {
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.tabs {
    overflow: hidden;
}
.tab {
    width: 100%;
    overflow: hidden;
}

.tab-label {
    display: flex;
    justify-content: space-between;
    font-size: 1.125rem;
    padding: 1.2rem 0 1.2rem 0;
    margin-bottom: 0;
    font-weight: bold;
    cursor: pointer;
}

.tabs input:checked + .tab-label {
    padding: 1.2rem 0 0.5rem 0;
}

.tab-label h3 {
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0;
}

/*
.tab-label:hover {  
}
*/

/* Icon */

.tab-label::after {
    background-image: url('https://www.cpanel.net/wp-content/themes/cPbase/assets/img/icons/arrow_icon.svg');
    background-repeat: no-repeat;
    background-size: 100%;
    content: '';
    flex-shrink: 0;
    width: 20px;
    height: 11px;
    margin-top: 4px;
    text-align: center;
    transition: all 0.35s;
}

.tab-content {
    border-bottom: 1px solid #000;
    max-height: 0;
    padding: 0 25px 0 0;
    transition: all 0.35s;
}

.tab-content ul {
    margin-bottom: 0;
}

/* :checked */

.tabs input:checked + .tab-label h3 {
    font-weight: 600;
}

.tabs input:checked + .tab-label::after {
    transform: rotate(180deg);
}

.tabs input:checked ~ .tab-content {
    max-height: 100vh;
    padding: 0 25px 1em 0;
}

@media (min-width: 768px) {
    .tier .tier-level .acct {
        min-height: 3em;
    }
    .separate-plan-info {
        padding: 0 0.56rem;
    }

    .wp2-info {
        padding: 0 0.56rem;
    }
}

@media (max-width: 768px) {
    .card {
        max-width: 320px;
    }
    .separate-plan-section {
        padding: 1rem 2rem;
    }
    .separate-plan-section .col {
        max-width: 300px;
    }
    .separate-plan-section .card-body {
        padding: 0 0.45rem;
    }
    .separate-plan-info ul {
        padding-bottom: 1rem;
    }
    .col-partner .row > div:nth-child(2) {
        text-align: center;
        padding-top: 1.2rem;
    }
    .row.extensions {
        margin: 0;
        padding-bottom: 0;
    }

    .wp2-tier {
        max-width: 302px;
    }

    .wp2-section {
        padding: 0 1.6rem;
    }
    .wp2-section .card-body {
        padding: 0 0.45rem;
    }
    .wp2-info ul {
        padding-bottom: 1rem;
    }

}

@media (max-width: 568px) {
    .separate-plan-info ul li {
        margin-bottom: 0.6rem;
    }
    .separate-plan-info ul li:last-child {
        margin-bottom: 0;
    }
    .extensions .ext-price h3 sup {
        top: 14px;
    }
    .extensions .ext-price h3 {
        font-size: 1.5rem!important;
    }

    .wp2-info ul li {
        margin-bottom: 0.6rem;
    }
    .wp2-info ul li:last-child {
        margin-bottom: 0;
    }

}

@media (max-width: 364px) {
    .separate-plan-section {
        padding: 1rem 1.5rem;
    }
    .extensions .ext-price h3 {
        font-size: 1.25rem!important;
    }
    .extensions .ext-price h3 {
        padding-left: 12px;
    }
}

/* Comparing table */

.comparing-table table tr {
    border-bottom: 1px solid #ececec;
}

@media (min-width: 992px) {
    .comparing-table .col-md-12 {
        border: 1px solid #d1d1d1;
        border-radius: 0.25rem;
    }
}

@media (min-width: 768px) {
    .comparing-table table tr:first-child {
        border-bottom: 1px solid #d1d1d1;
    }
    .comparing-table table tbody tr:first-child td:first-child {
        display: block;
        margin-left: -15px;
        position: absolute;
        border-bottom: 1px solid #d1d1d1;
        width: 15px;
    }
    .comparing-table table tbody tr:first-child td:last-child {
        display: block;
        right: 0;
        position: absolute;
        border-bottom: 1px solid #d1d1d1;
        width: 15px;
    }
}

.comparing-table table thead tr th h6 {
    color:#212529;
    letter-spacing: 2%;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 1.13rem;
    margin-bottom: 0;
}

.comparing-table table thead tr th p {
    margin-bottom: 0;
    font-size: 1.13rem;
}

.comparing-table table thead tr th p sup {
    top: -0.1em;
    font-size: 75%;
    margin-right: 0.2rem;
}

.comparing-table table thead tr th p sub {
    bottom: 0;
}

.comparing-table table thead tr th p i {
    font-style: normal;
    font-size: 75%;
    font-weight: 300;
    margin-left: 0.15rem;
}

.comparing-table table {
    color: #4b4b4b;
    border-top: none;
    margin: 0;
    width: 100%;
}

.comparing-table table tr th {
    text-transform: none;
    font-size: 1rem;
    font-weight: 500;
    padding: 2rem 0.5rem 1.7rem;
    text-align: center;
}

.comparing-table table tr td {
    text-align: center;
}

.comparing-table table tr td {
    padding: 1.1rem;
}

.comparing-table table tbody tr:first-child td {
    padding: 0;
}

.comparing-table table tr:last-child td {
    padding: 2rem 0.5rem;
}

.comparing-table table tr td:first-child {
    text-align: left;
    padding-left: 0;
}

.comparing-table table tr:last-child {
    border-bottom: none;
}

.comparing-table table thead tr:last-child {
    border-bottom: none;
}

.comparing-table table thead tr th {
    width: 15%;
    min-width: 90px;
}

.comparing-table table tr td {
    font-size: 0.88rem;
    line-height: 1.15rem;
}

.comparing-table table thead tr th:nth-child(1) {
    width: 17%;
    min-width: 105px;
}

.comparing-table table tr td:nth-child(1) {
    font-size: 0.88rem;
    vertical-align: middle;
    line-height: 1.5rem;
}

.comparing-table table td i {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    display: inline-block;
    content: '';
    font-style: normal;
    margin-top: 4px;
    height: 15px;
    width: 15px;
}

.comparing-table table td i.icon-check {
    background-image: url('https://www.cpanel.net/wp-content/themes/cPbase/assets/img/icons/check-green.png');
}

.comparing-table table td i.icon-close {
    background-image: url('https://www.cpanel.net/wp-content/themes/cPbase/assets/img/icons/close-red.png');
}

.comparing-table table td i.icon-2-add {
    background-image: url('https://www.cpanel.net/wp-content/themes/cPbase/assets/img/icons/plus-grey.png');
}

.comparing-table table tbody tr:first-child td em {
    display: none;
}

.comparing-table table tbody tr:first-child td.tbl-col-open em {
    display: block;
}

@media (max-width: 768px) {
    .comparing-table table thead tr th {
        padding: 0;
    }

    .comparing-table table tr:last-child td {
        padding: 2rem 0;
    }

    .comparing-table table tr td:nth-child(1) {  
        vertical-align: middle;
    }

    .comparing-table table {
        table-layout: fixed;
    }

    .comparing-table table thead tr th:nth-child(1) {
        width: 60%;
    }
    .comparing-table table thead tr th:nth-child(2) {
        width: 40%;
    }

    .comparing-table table thead tr th:nth-child(3),
    .comparing-table table thead tr th:nth-child(4),
    .comparing-table table thead tr th:nth-child(5),
    .comparing-table table thead tr th:nth-child(6),
    .comparing-table table tr td:nth-child(3),
    .comparing-table table tr td:nth-child(4),
    .comparing-table table tr td:nth-child(5),
    .comparing-table table tr td:nth-child(6)
        {
        width: 0;
        min-width: 0;
        overflow: hidden;
    }

    .tbl-col-hidden {
        width: 0 !important;
        min-width: 0 !important;
        overflow: hidden;
    }

    .tbl-col-open {
        width: 40% !important;
        background-color: transparent;
    }
    .comparing-table table tbody tr:first-child td.tbl-col-open {
        width: auto !important;
    }

    .comparing-table table tr td, .comparing-table table thead tr th {
        transition: width 0.2s;
    }

    .comparing-table table tr td span {
        display: inline-block;
        width: 135px; /*min-width: 135px;*/
    }

    .comparing-table table tbody tr:first-child td:nth-child(2) em.tbl-prev, 
    .comparing-table table tbody tr:first-child td:nth-child(6) em.tbl-next {
        opacity: 0.2;
        cursor: auto;
    }

    .comparing-table table tbody tr:first-child td.tbl-col-open {
        align-items: center;
        display: flex;
        justify-content: space-evenly;
        height: 4rem;
        padding: 0;
        user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

    .comparing-table table tbody td.tbl-col-open em {
        cursor: pointer;
        font-style: normal;
        display: block;
        content: '';
        background-image: url('https://www.cpanel.net/wp-content/themes/cPbase/assets/img/icons/arrow_icon.svg');
        background-repeat: no-repeat;
        background-size: 60%;
        background-position: center;
        flex-shrink: 0;
        width: 50px;
        height: 50px;
        transform: rotate(90deg);
    }

    .comparing-table tbody td.tbl-col-open em.tbl-next {
        transform: rotate(270deg);
    }

    .comparing-table table td .btn {
        text-wrap: nowrap;
    }
}

.comparing-table table tr td span.show-on-xs {
    display: none;
}

.comparing-table table td .btn {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    text-transform: uppercase;
    padding: 0.17rem 0.75rem;
}

@media (max-width:368px) {
    .comparing-table table thead tr th h6 {
        font-size: 0.9rem;
    }
    .comparing-table table tr td span.hide-on-xs {
        display: none;       
    }
    .comparing-table table tr td span.show-on-xs {
        display: inline-block;
    }
    .comparing-table table tr td span {
        width: auto;
        max-width: 135px;
    }
    .comparing-table table td .btn {
        font-size: 0.8rem;
    }
}