.practise-page-container{background-color:#fff;flex-direction:column;justify-content:center;align-items:center;width:95%;margin:0 auto;padding:3em 0;display:flex}.practise-page-container .header-section div{border-bottom:3px solid #df4a38;width:30%;margin:.5em auto}.practise-page-container .header-title{color:#333;font-family:Cardo,serif;font-size:2rem;font-weight:500}.practise-page-container .grid-container{flex-wrap:wrap;justify-content:flex-start;gap:20px;width:100%;max-width:1200px;margin:3em 0;display:flex}.practise-page-container .card{cursor:pointer;box-sizing:border-box;border-radius:8px;flex:calc(30% - 20px);transition:transform .3s ease-in-out;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000001a}.practise-page-container .card:nth-child(4n){margin-right:0}.practise-page-container .card:hover{transform:translateY(-5px)}.practise-page-container .card-link{text-decoration:none}.practise-page-container .card-image{background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:200px;display:flex;position:relative}.practise-page-container .overlay{background:linear-gradient(45deg,#e44019b3,#e44019b3,#e6671ab3);justify-content:center;align-items:center;width:100%;height:100%;transition:background-color .3s ease-in-out;display:flex;position:absolute;top:0;left:0}.practise-page-container .card:hover .overlay{background-color:#00000080}.practise-page-container .card-title{color:#fff;text-align:center;z-index:1;text-shadow:1px 1px 2px #000c;font-family:Cardo,serif;font-size:1.2rem;font-weight:400;transition:font-weight .3s ease-in-out}.practise-page-container .card:hover .card-title{font-weight:700}.practise-page-container .grid-container:last-child{justify-content:center}@media (max-width:768px){.practise-page-container .card{flex:100%}.practise-page-container .grid-container{justify-content:center}}