body{ font-family: "Poppins", sans-serif; font-weight: 400; font-size: 14px; }
.header-top{ font-size: 12px; padding: 10px; border-bottom: solid 1px #ddd;}
.header-top a{ text-decoration: none; display: inline-block; padding: 2px 15px; color: #333;}
.header-top a:hover{ background-color: #ddd;}
header{ padding: 20px 0;}
.logo{ font-size: 30px; font-weight: bold;}
.logo a{ text-decoration: none; color: #BB2D3B;}
.topmenu{display: flex; justify-content: flex-end; font-size: 16px;}
.topmenu ul{  list-style: none; margin: 0; padding: 0; display: flex; gap: 10px;}
.topmenu ul li a{ display: inline-block; text-decoration: none; color: #444; padding: 8px 20px;}
.topmenu a:hover{ color: #BB2D3B;}

.banner{ margin-bottom: 50px; position: relative; }
.banner-title{ position: absolute; left: 0; right: 0; padding: 40px 0; color: #fff; top: 0; text-align: center; font-size: 30px; bottom: 0; display: flex; justify-content: center; align-items: center;}

section{ padding: 40px 0;}
.sbox{ padding: 40px 15px 15px 15px; border-radius: 12px; position: relative;}
.sbox img.scrap{ position: absolute; bottom: 10px; right: 10px;}
.sbox img.img1{ position: absolute; top: -50px; left: 30%; width: 100px; border-radius: 100px;}

.projects{ background-color: #fff; }
.product-image{ border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden;}

footer{ background-color: #F4F7FC; padding: 30px 0;}
footer h5{ margin-bottom: 12px;}
footer ul{ list-style: none; margin: 0; padding: 0;}
footer ul li{ margin-bottom: 8px;}
footer ul a{ color: #333; text-decoration: none;}
.copyright{ background-color: #E03C33;}