/*=========================================================
    INSURANCE PLANS SECTION
=========================================================*/

.plans{
    padding:100px 0;
    background:#ffffff;
}

.plans-header{
    text-align:center;
    margin-bottom:60px;
}

.plans-header h2{
    margin:15px 0;
}

.plans-header p{
    max-width:720px;
    margin:auto;
}

.plan-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:35px;

}

.plan{

    background:#ffffff;

    border:1px solid var(--border);

    border-radius:20px;

    padding:40px 35px;

    box-shadow:var(--shadow);

    transition:.3s;

    position:relative;

}

.plan:hover{

    transform:translateY(-10px);

}

.plan.active{

    border:2px solid var(--primary);

    transform:scale(1.03);

}

.plan.active:hover{

    transform:translateY(-10px) scale(1.03);

}

.plan-title{

    text-align:center;

}

.plan-title h3{

    margin-bottom:15px;

}

.price{

    font-size:3rem;

    font-weight:bold;

    color:var(--primary);

    margin:20px 0;
}

.price span{

    font-size:1rem;

    color:var(--text-light);

}

.plan ul{

    margin:30px 0;

}

.plan ul li{

    padding:12px 0;

    border-bottom:1px solid var(--border);

    color:var(--text-light);

}

.plan ul li:last-child{

    border-bottom:none;

}

.plan .btn{

    width:100%;

    text-align:center;

}

.recommended{

    position:absolute;

    top:-15px;

    left:50%;

    transform:translateX(-50%);

    background:var(--primary);

    color:#ffffff;

    padding:8px 20px;

    border-radius:50px;

    font-size:.85rem;

    font-weight:600;

}

@media(max-width:992px){

.plan-grid{

grid-template-columns:1fr;

}

.plan.active{

transform:none;

}

}