.features-section {
background: #0d0d0d;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px 20px;
gap: 25px;
}
.feature-box {
width: calc(14% - 10px);
text-align: center;
color: #ffffff;
font-family: Arial, sans-serif;
}
.icon-circle {
width: 80px;
height: 80px;
border: 2px dotted #ffffff;
border-radius: 50%;
margin: 0 auto 10px;
display: flex;
justify-content: center;
align-items: center;
font-size: 28px;
}
.feature-box h3 {
margin: 5px 0;
font-size: 20px;
font-weight: 700;
}
.feature-box p {
margin: 0;
font-size: 14px;
opacity: 0.9;
}
/* Responsive */
@media (max-width: 768px) {
.feature-box {
width: 45%;
}
}
@media (max-width: 480px) {
.feature-box {
width: 100%;
}
}