body {
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
background-color: #f4f4f9;
margin: 20px;
}
.features-container {
background-color: #ffffff;
border-radius: 10px;
padding: 20px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
.features-title {
font-size: 24px;
color: #4a3b2d; /* Rich brown */
margin-bottom: 15px;
text-align: center;
}
.features-list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.feature-item {
display: flex;
align-items: center;
width: calc(33.333% - 10px); /* Three items per row with space */
margin-bottom: 15px;
padding: 10px;
background-color: #f9f9f9; /* Light gray background */
border-radius: 8px;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease;
}
.feature-item:hover {
transform: translateY(-5px);
}
.icon {
margin-right: 15px;
}
.icon img {
width: 40px; /* Set appropriate icon size */
height: 40px;
}
.feature-description h3 {
margin: 0;
color: #d7a600; /* Gold */
font-weight: bold;
}
.feature-description p {
margin: 5px 0 0;
color: #333; /* Darker text */
}
Chat with Us