.academy-offer{


    padding:90px 20px;


    background:#fffaf2;


}




.offer-container{


    max-width:1180px;


    margin:auto;


}




.offer-heading{


    text-align:center;


    max-width:800px;


    margin:auto;


}



.offer-heading h2{


    margin-top:20px;


    font-size:44px;


    color:#4d0000;


    font-weight:900;


}




.offer-heading p{


    margin-top:15px;


    color:#777;


    font-size:17px;


}





.pricing-grid{


    margin-top:55px;


    display:grid;


    grid-template-columns:repeat(3,1fr);


    gap:25px;


}





.price-card{


    background:#fff;


    border-radius:30px;


    padding:40px 30px;


    border:1px solid #eadfc8;


    position:relative;


    transition:.3s;


}





.price-card:hover{


    transform:translateY(-10px);


    box-shadow:0 20px 50px rgba(0,0,0,.1);


}





.price-title{


    font-size:26px;


    font-weight:900;


    color:#650000;


}



.duration{


    margin-top:10px;


    color:#777;


    font-weight:700;


}



.price-card h3{


    margin:25px 0;


    font-size:42px;


    color:#4d0000;


    font-weight:900;


}





.price-card ul{


    padding:0;


    list-style:none;


}



.price-card li{


    margin-bottom:12px;


    color:#555;


    font-size:14px;


}





.price-btn{


    display:block;


    margin-top:30px;


    text-align:center;


    padding:14px;


    background:#650000;


    color:white;


    border-radius:15px;


    text-decoration:none;


    font-weight:900;


}





.popular{


    border:2px solid #d4af37;


}



.popular-badge{


    position:absolute;


    top:-15px;


    right:25px;


    background:#d4af37;


    color:#4d0000;


    padding:8px 15px;


    border-radius:30px;


    font-size:11px;


    font-weight:900;


}





.empire{


    background:

    linear-gradient(

    135deg,

    #fff5d6,

    #fff

    );


}





.payment-note{


    margin-top:50px;


    text-align:center;


    color:#666;


    font-weight:700;


    line-height:2;


}





@media(max-width:900px){


.pricing-grid{


grid-template-columns:1fr;


}



.offer-heading h2{


font-size:32px;


}


}