/*
Theme Name: Divi Child
Template: Divi
*/

.pricing-section{
    padding:40px 20px;
}

/* GRID */

.pricing-grid{

    display:grid;

    grid-template-columns:
        repeat(3,minmax(320px,1fr));

    gap:28px;

    align-items:stretch;
}

/* CARD */

.pricing-card{

    position:relative;

    background:#ffffff;

    border-radius:14px;

    padding:34px;

    box-shadow:
        0 10px 30px rgba(0,0,0,.08);

    display:flex;

    flex-direction:column;

    height:100%;
}

.pricing-card.featured{

    border:2px solid #22c55e;
}

/* TOP */

.card-top{

    flex-grow:1;

    display:flex;

    flex-direction:column;
}

/* BADGE */

.badge{

    position:absolute;

    top:-18px;

    left:50%;

    transform:translateX(-50%);

    background:#22c55e;

    color:#fff;

    padding:10px 24px;

    border-radius:999px;

    font-weight:700;
}

/* TITLE */

.pricing-card h3{

    margin:0 0 20px;

    font-size:56px;

    font-weight:900;

    line-height:1;

    color:#08162d;
}

.subtitle{

    margin-bottom:34px;

    font-size:20px;

    color:#6b7280;

    min-height:70px;
}

/* PRICE */

.price-wrap{

    margin-bottom:34px;

    display:flex;

    align-items:flex-end;

    gap:10px;
}

.price{

    font-size:76px;

    font-weight:900;

    line-height:1;

    color:#08162d;
}

.custom{

    font-size:64px;
}

.per{

    font-size:20px;

    color:#6b7280;
}

/* FEATURES */

.features{

    list-style:none;

    padding:0;

    margin:0;

    flex-grow:1;
}

.features li{

    position:relative;

    padding-left:38px;

    margin-bottom:18px;

    line-height:1.5;

    font-size:20px;
}

.features li:before{

    content:"✓";

    position:absolute;

    left:0;

    color:#22c55e;

    font-weight:900;
}

/* BUTTON */

.plan-btn{

    margin-top:40px;

    width:100%;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:10px;

    text-decoration:none;

    background:#082856;

    color:#fff;

    font-size:22px;

    font-weight:800;
}

.featured-btn{

    background:#22c55e;
}

/* MOBILE */

@media(max-width:991px){

.pricing-grid{

grid-template-columns:1fr;

}

.price{

font-size:58px;

}

.pricing-card h3{

font-size:42px;

}

}




/* TABLES STYLING FOR POSTS */
table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    margin: 35px 0 50px;
    font-size: 14px;
    line-height: 1.6;
}

table thead th {
    text-align: left;
    font-size: 16px !important;
    font-weight: 700;
    color: #1f2937;
    padding: 16px 20px;
    border-bottom: 3px solid #0ea5e9;
}

table tbody td {
    padding: 16px 20px;
    vertical-align: top;
    font-size: 14px !important;
    line-height: 1.6;
    color: #4b5563;
    border-bottom: 1px solid #e5e7eb;
}

/* Extra spacing between columns */
table th:not(:last-child),
table td:not(:last-child) {
    padding-right: 35px;
}

/* Hover effect */
table tbody tr:hover {
    background: #f8fafc;
}

/* Space after the table */
table + * {
    margin-top: 50px;
}