/*=========================================
PLANS
=========================================*/

.plans{

    padding:120px 0;

    /*background:#071320;*/

}

.plan-grid{

    display:grid;

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

    gap:35px;

    margin-top:70px;

}

.plan-card{

    position:relative;

    background:#0f223c;

    border-radius:25px;

    padding:40px;

    border:1px solid rgba(255,255,255,.08);

    transition:.4s;

}

.plan-card:hover{

    transform:translateY(-15px);

    border-color:#FFC928;

    box-shadow:0 25px 60px rgba(0,0,0,.30);

}

.popular{

    transform:scale(1.05);

    border:2px solid #FFC928;

}

.popular-tag{

    position:absolute;

    top:-15px;

    left:50%;

    transform:translateX(-50%);

    background:#FFC928;

    color:#111;

    padding:8px 22px;

    border-radius:50px;

    font-size:13px;

    font-weight:700;

}

.plan-top{

    text-align:center;

}

.plan-top h3{

    color:white;

    font-size:28px;

}

.plan-top h2{

    color:#FFC928;

    font-size:56px;

    margin:15px 0;

}

.plan-top span{

    color:#b9c8d8;

}

.speed{

    margin:35px 0;

    text-align:center;

    background:#1c3357;

    color:white;

    padding:18px;

    border-radius:15px;

    font-size:28px;

    font-weight:700;

}

.plan-card ul{

    list-style:none;

}

.plan-card li{

    color:#d2dbea;

    margin-bottom:18px;

}

.plan-card li i{

    color:#FFC928;

    margin-right:10px;

}

.plan-btn{

    display:block;

    text-align:center;

    margin-top:35px;

    padding:18px;

    border-radius:12px;

    background:#FFC928;

    color:#111;

    font-weight:700;

}

@media(max-width:992px){

.plan-grid{

grid-template-columns:1fr;

}

.popular{

transform:none;

}

}