body{background-color:#fff;box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}.section-heading{padding:20px;text-align:center}.section-heading h2{color:#333;font-size:24px;font-weight:700;margin:0 0 10px}.section-heading p{color:#666;font-size:16px;margin:0}.container-wrapper{background-color:#8cb8ff;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.4);margin:20px auto;max-width:1200px;padding:20px}.container{display:flex;flex-wrap:wrap;justify-content:space-between}.card{background-color:#fff;border:1px solid #ddd;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;margin:10px;overflow:hidden;padding:20px;text-align:center;transition:background-color .3s ease,max-height .3s ease;width:calc(30% - 20px)}.card:hover{background-color:#f5f5f5}.card h3{color:#333;flex-shrink:0;font-size:18px;font-weight:700;margin:0 0 10px}.card-content{color:#666;font-size:14px;max-height:0;overflow:hidden;transition:max-height .3s ease}@media (max-width:1200px){.card{width:calc(50% - 20px)}}@media (max-width:768px){.card{margin:10px 0;width:100%}}