.klveapeg{background-color:<?php echo $background_color;?>;padding:15px}.title-container{text-align:center;margin-bottom:15px;background-color:<?php echo $background_color;?>}.title-container h1{font-size:28px;margin:5px 0}.title-container p{font-size:16px;margin:0;color:#444}.grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:0;gap:10px;box-sizing:border-box}.grid-item{padding:5px;text-align:center;background-color:#fff;border:1px solid #d0d0ff;border-radius:6px}.grid-item img{width:100%;height:170px;object-fit:cover;border-radius:4px}.grid-item h1{font-size:18px;margin:1px 0 3px}.grid-item h1 a{text-decoration:none;color:#333}.grid-item p{font-size:14px;color:#555;text-align:right;margin:0 0 8px}.grid-item .meta-data{font-size:13px;color:#777;text-align:right;display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px;border-top:1px solid #eee;padding-top:6px}.grid-item .meta-data i{margin-left:4px}.view-all-button{text-align:center;margin:20px 0 10px}.view-all-button a{text-decoration:none;padding:8px 18px;background-color:#687bff;color:#fff;border-radius:6px;transition:background-color 0.3s}.view-all-button a:hover{background-color:#4a5de0}@media (max-width:600px){.title-container h1{font-size:22px}.title-container p{font-size:14px}.grid-item h1{font-size:18px}.grid-item p{font-size:13px}.grid-item .meta-data{font-size:12px}}.section-name{text-align:center;padding:5px}.title-container h1{font-size:30px}.title-container p{font-size:20px}.sub-sections{display:flex;overflow-x:auto;gap:5px;padding:5px}.sub-section{flex:0 0 auto;width:110px;border:1px solid #ccc;padding:3px;border-radius:5px;box-sizing:border-box}.sub-section img{width:100px;height:80px}