.heading-txt,.more-content{text-align:center}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f4f4f4}.building-material-container{display:flex;flex-wrap:wrap;justify-content:space-between;padding:20px;max-width:1200px;margin:0 auto}.card,.heading-txt{margin-bottom:20px}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);width:calc(25% - 20px);overflow:hidden;transition:transform .3s,box-shadow .3s}.more-card,.more-content button{transition:background-color .3s;cursor:pointer}.card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.card img{width:100%;height:150px;object-fit:cover}.card h3{font-size:1.2rem;margin:15px 10px 10px;color:#333}.card p{font-size:.9rem;margin:0 10px 10px;color:#666}.card p strong{color:#333}@media (max-width:768px){.card{width:calc(50% - 20px)}}@media (max-width:480px){.card{width:100%}}.more-card{display:flex;align-items:center;justify-content:center;background-color:#f0f0f0;border:2px dashed #ccc}.heading-txt{font-size:2rem;font-weight:700}.more-card:hover{background-color:#e0e0e0}.more-content h3{font-size:1.5rem;color:#333;margin-bottom:10px}.more-content p{font-size:.9rem;color:#666;margin-bottom:15px}.more-content button{padding:10px 20px;background-color:#007bff;color:#fff;border:none;border-radius:5px;margin-bottom:15px}.more-content button:hover{background-color:#0056b3}.modal{display:none;position:fixed;z-index:3;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.5)}@media only screen and (min-width:1024px){.modal{top:95px}}@media only screen and (max-width:490px){.modal{top:88px!important}}@media only screen and (min-width:767px){.modal{top:80px}}.modal-content{background-color:#fff;margin:10% auto;padding:20px;border-radius:10px;width:80%;max-width:600px;box-shadow:0 4px 8px rgba(0,0,0,.2)}.close{color:#aaa;float:right;font-size:28px;font-weight:700;cursor:pointer}.close:hover{color:#000}#productList{list-style-type:none;padding:0}#productList li{margin-bottom:15px;padding:10px;border-bottom:1px solid #ddd}#productList li:last-child{border-bottom:none}