section[data-plan-cards-section] {
    padding-inline: 0.8rem;
}

.plan-cards-wrapper * {
    margin: 0;
    padding: 0;
    line-height: 1;
}

.plan-cards-wrapper {
    --card-background: #2157A9;
    --cta-background: #F37601;
    --white: #FFF;
}

/* Card container */

.plan-cards-wrapper {
    display: flex;
    justify-content: center;
    column-gap: 1.6rem;
    row-gap: 2rem;
}

/* Card */

.card {
    max-width: 32rem;
    border-radius: 0.8rem;
    background: var(--card-background);
    color: var(--white);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 2rem;
    flex: 1;
    
}

/* Enterprise Card */

#enterprise-card {
    max-width: 22rem;
    --card-background: #1F4886;
}

p[data-custom-price] {
    font-family: "Inter";
    font-size: 2.4rem;
    font-weight: 600;
}

.price-container-enterprise {
    margin: 4rem 0 3.75rem;
}

/* Card header */

.heading .card-header {
    font-size: 2.2rem;
    line-height: 2.578rem;
    font-weight: 600;
    margin: 0 0 1.6rem;
    color: var(--white);
}

.heading .card-header-text {
    font-size: 1.4rem;
    line-height: 1.6rem;
}

/* Pricing */

.pricing {
    margin: 3.2rem 0;
}

.starting-at-text {
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.694rem;
    margin-bottom: 1.6rem;
}

/* Price */

.price-container {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.price-amount {
    font-size: 3.4rem;
    line-height: 4.115rem;
    font-weight: 600;
}

.price-amount sup {
    font-size: 1.6rem;
    font-weight: 400;
    top: -0.9em;
}

.price-duration {
    font-size: 1.4rem;
    line-height: 1.694rem;
    font-weight: 400;
}

.offset {
    margin-bottom: 3px;
}

.price-amount p,
.price-duration p,
.starting-at-text,
.price-amount sup,
.cta-button {
    font-family: 'Inter';
}

/* Checklist */

.checklist,
.checklist ul {
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
}

.checklist ul {
    margin-bottom: 3.2rem;
}

.includes-text {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.4rem;
}

.checklist-item {
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.checklist svg {
    fill: none;
    width: 2.0rem;
    height: 2.0rem;
}

.svg-offset svg {
    min-width: 2.0rem;
    align-self: flex-start;
}

.checklist-item p {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 400;
}

/* CTA */

.cta-button {
    background: var(--cta-background);
    color: var(--white);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 2.8rem;
    border-radius: 0.5rem;
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 500;
}

.cta-button:visited, .cta-button:hover {
    color: var(--white);
}

a[data-enterprise], a[data-enterprise]:visited, a[data-enterprise]:hover {
    color: #1B4482;
    background: var(--white);
}

.disclaimer {
    font-size: 1.7rem;
    line-height: 1.5;
    font-weight: 500;
    text-align: center;
    margin: 2rem 0 3.5rem;
}

/* text box trim */

.heading .card-header::before {
    content: "";
    margin-bottom: -0.205em;
    display: table;
}

.heading .card-header::after {
    content: "";
    margin-top: -0.2395em;
    display: table;
}

.heading .card-header-text::before,
.starting-at-text::before,
.price-duration::before {
    content: "";
    margin-bottom: -0.2023em;
    display: table;
}

.heading .card-header-text::after,
.starting-at-text::after,
.price-duration::after {
    content: "";
    margin-top: -0.2296em;
    display: table;
}

.price-amount::before {
    content: "";
    margin-bottom: -0.2485em;
    display: table;
}

.price-amount::after {
    content: "";
    margin-top: -0.2759em;
    display: table;
}

.cta-button::before {
    content: "";
    margin-bottom: -0.2559em;
    display: table;
}

.cta-button::after {
    content: "";
    margin-top: -0.2832em;
    display: table;
}

.checklist-item p::before,
.includes-text::before {
    content: "";
    margin-bottom: -0.3809em;
    display: table;
}

.checklist-item p::after,
.includes-text::after {
    content: "";
    margin-top: -0.4082em;
    display: table;
}

@media (max-width: 948px) {
    #enterprise-card {
        max-width: 32rem;
        
    }

    .plan-cards-wrapper {
        flex-direction: column;
        align-items: center;
    }

    p[data-custom-price] {
        font-weight: 700;
    }

    .price-container-enterprise {
        margin: -0.3rem 0;
    }

    .disclaimer p {
        max-width: 320px;
        margin: 0 auto;
        line-height: 1.5;
        font-size: 1.6rem;
    }
}

@media (max-width: 1107px) {

    .enterprise-plan-card #enterprise-card {
        max-width: 32rem;
        display:none;
    }

    .enterprise-plan-card .plan-cards-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .enterprise-plan-card p[data-custom-price] {
        font-weight: 700;
    }

    .enterprise-plan-card .price-container-enterprise {
        margin: -0.3rem 0;
    }

    .enterprise-plan-card .disclaimer p {
        max-width: 320px;
        margin: 0 auto;
        line-height: 1.5;
        font-size: 1.6rem;
    }
}
