.featuresSec{margin-top:50px}.featuresSec .container .achiementDiv{display:flex;flex-direction:column;text-align:center;padding-top:5px;font-weight:700}.featuresSec .container .achiementDiv h1{font-size:40px;color:#1193d0}.featuresSec .container .achiementDiv p{font-size:16px}.fade-in{opacity:0;animation:fadeIn 5s ease forwards}@keyframes fadeIn{to{opacity:1}}.slide-in{opacity:0;transform:translateY(40px);animation:slideIn .8s ease forwards}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.hidden{opacity:0;pointer-events:none}.cardSec .cardClass{display:flex;justify-content:center}.cardSec .cardClass .cardBox{display:flex;flex-wrap:wrap;justify-content:space-between;text-align:center;align-items:center;gap:20px;padding-top:20px;width:80%}.cardSec .cardClass .cardBox:hover{transition:.4s}.cardSec .cardClass .cardBox .cardGame{display:flex;align-items:center;gap:5px;flex-direction:column;border:2px solid #c1c1c1;border-radius:20px;width:30%;height:200px;padding-top:20px}.cardSec .cardClass .cardBox .cardGame .imgBox{width:50px;height:45px;background-color:#90d1ca;border-radius:50%;display:flex;justify-content:center;align-items:center}.cardSec .cardClass .cardBox .cardGame .imgBox img{width:40px;height:40px;padding:5px}.cardSec .cardClass .cardBox .cardGame .txtBox{display:flex;flex-direction:column;font-weight:700;gap:5px}.cardSec .cardClass .cardBox .cardGame .txtBox span{font-size:20px;color:#129990}.cardSec .cardClass .cardBox .cardGame .txtBox p{font-size:15px}.cardSec .cardClass .cardBox .cardBook{display:flex;align-items:center;gap:5px;flex-direction:column;border:2px solid #c1c1c1;border-radius:20px;width:30%;height:200px;padding-top:20px}.cardSec .cardClass .cardBox .cardBook .svgBook{width:50px;height:45px;background-color:#e0eaf7;border-radius:50%;display:flex;align-items:center;justify-content:center}.cardSec .cardClass .cardBox .cardBook .txtBook{display:flex;flex-direction:column;font-weight:700;gap:5px}.cardSec .cardClass .cardBox .cardBook .txtBook span{font-size:20px;color:#4774af}.cardSec .cardClass .cardBox .cardBook .txtBook p{font-size:15px}.cardSec .cardClass .cardBox .cardAll{display:flex;align-items:center;gap:5px;flex-direction:column;border:2px solid #c1c1c1;border-radius:20px;width:30%;height:200px;padding-top:20px}.cardSec .cardClass .cardBox .cardAll .svgAll{width:50px;height:45px;background-color:#dff4ff;border-radius:50%;display:flex;align-items:center;justify-content:center}.cardSec .cardClass .cardBox .cardAll .txtAll{display:flex;flex-direction:column;font-weight:700;gap:5px}.cardSec .cardClass .cardBox .cardAll .txtAll span{font-size:20px;color:#4399c7}.cardSec .cardClass .cardBox .cardAll .txtAll p{font-size:15px}.cardSec .cardClass .cardBox .cardMap{display:flex;align-items:center;gap:5px;flex-direction:column;border:2px solid #c1c1c1;border-radius:20px;width:30%;height:200px;padding-top:20px}.cardSec .cardClass .cardBox .cardMap .svgMap{width:50px;height:45px;background-color:#e0f9d7;border-radius:50%;display:flex;align-items:center;justify-content:center}.cardSec .cardClass .cardBox .cardMap .txtMap{display:flex;flex-direction:column;font-weight:700;gap:5px}.cardSec .cardClass .cardBox .cardMap .txtMap span{font-size:20px;color:#597c4c}.cardSec .cardClass .cardBox .cardMap .txtMap p{font-size:15px}.cardSec .cardClass .cardBox .cardCup{display:flex;align-items:center;gap:5px;flex-direction:column;border:2px solid #c1c1c1;border-radius:20px;width:30%;height:200px;padding-top:20px}.cardSec .cardClass .cardBox .cardCup .svgCup{width:50px;height:45px;background-color:#e5deff;border-radius:50%;display:flex;align-items:center;justify-content:center}.cardSec .cardClass .cardBox .cardCup .txtCup{display:flex;flex-direction:column;font-weight:700;gap:5px}.cardSec .cardClass .cardBox .cardCup .txtCup span{font-size:20px;color:#331992}.cardSec .cardClass .cardBox .cardCup .txtCup p{font-size:15px}.cardSec .cardClass .cardBox .cardStatik{display:flex;align-items:center;gap:5px;flex-direction:column;border:2px solid #c1c1c1;border-radius:20px;width:30%;height:200px;padding-top:20px}.cardSec .cardClass .cardBox .cardStatik .svgStatik{width:50px;height:45px;background-color:#90d1ca;border-radius:50%;display:flex;align-items:center;justify-content:center}.cardSec .cardClass .cardBox .cardStatik .txtStatik{display:flex;flex-direction:column;font-weight:700;gap:5px}.cardSec .cardClass .cardBox .cardStatik .txtStatik span{font-size:20px;color:#129990}.cardSec .cardClass .cardBox .cardStatik .txtStatik p{font-size:15px}@media screen and (min-width:300px)and (max-width:576px){.featuresSec .container .achiementDiv h1{font-size:25px}.featuresSec .container .achiementDiv p{font-size:15px}.cardSec .cardClass .cardBox{display:flex;flex-direction:column;width:100%}.cardSec .cardClass .cardBox .cardAll,.cardSec .cardClass .cardBox .cardBook,.cardSec .cardClass .cardBox .cardCup,.cardSec .cardClass .cardBox .cardGame,.cardSec .cardClass .cardBox .cardMap,.cardSec .cardClass .cardBox .cardStatik{width:90%}}@media screen and (min-width:576px)and (max-width:700px){.featuresSec .container .achiementDiv h1{font-size:35px}.featuresSec .container .achiementDiv p{font-size:20px}.cardSec .cardClass .cardBox{flex-direction:column;width:100%;display:grid;grid-template-columns:1fr 1fr;position:relative;left:2.5%}.cardSec .cardClass .cardBox .cardAll,.cardSec .cardClass .cardBox .cardBook,.cardSec .cardClass .cardBox .cardCup,.cardSec .cardClass .cardBox .cardGame,.cardSec .cardClass .cardBox .cardMap,.cardSec .cardClass .cardBox .cardStatik{width:90%}}@media screen and (min-width:700px)and (max-width:1024px){.featuresSec .container .achiementDiv h1{font-size:45px}.featuresSec .container .achiementDiv p{font-size:22px}.cardSec .cardClass .cardBox{display:flex;flex-direction:column;width:100%;display:grid;grid-template-columns:1fr 1fr 1fr}.cardSec .cardClass .cardBox .cardAll,.cardSec .cardClass .cardBox .cardBook,.cardSec .cardClass .cardBox .cardCup,.cardSec .cardClass .cardBox .cardGame,.cardSec .cardClass .cardBox .cardMap,.cardSec .cardClass .cardBox .cardStatik{width:95%}}