/* ===================================
   Levels Page
=================================== */

.levels{

    display:grid;

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

    gap:35px;

    padding:80px;

}

.level-card{

    background:#fff;

    border-radius:20px;

    padding:35px;

    text-align:center;

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

    transition:.4s;

}

.level-card:hover{

    transform:translateY(-10px);

}

.level-card i{

    font-size:65px;

    color:#0d6efd;

    margin-bottom:20px;

}

.level-card h2{

    color:#0d6efd;

    margin-bottom:15px;

}

.level-card h4{

    color:#666;

    margin-bottom:20px;

}

.level-card ul{

    list-style:none;

    text-align:right;

    margin-bottom:30px;

}

.level-card ul li{

    margin:15px 0;

    color:#555;

    position:relative;

    padding-right:25px;

}

.level-card ul li::before{

    content:"✔";

    position:absolute;

    right:0;

    color:#0d6efd;

    font-weight:bold;

}

.levels-info{

    padding:70px 80px;

    text-align:center;

    background:#eef5ff;

}

.levels-info p{

    max-width:800px;

    margin:auto;

    line-height:2;

    color:#555;

    font-size:18px;

}

.cta{

    background:#0d6efd;

    color:#fff;

    text-align:center;

    padding:80px 20px;

}

.cta h2{

    font-size:38px;

    margin-bottom:20px;

}

.cta p{

    max-width:700px;

    margin:auto;

    margin-bottom:35px;

    line-height:2;

}

.cta .btn{

    background:#fff;

    color:#0d6efd;

}

.cta .btn:hover{

    background:#e9ecef;

}

@media(max-width:992px){

.levels{

grid-template-columns:1fr;

padding:40px 20px;

}

.levels-info{

padding:40px 20px;

}

.level-card{

padding:30px;

}

}