.featureSection {
    padding: 40px 0;
}

.featureBox {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 30px; 
}

.featureIcon i {
    font-size: 32px;
    color: #9ebbbd;
    margin-top: 2px;
}

.featureText h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 0 0 6px;
    color: #4b4f5c;
}

.featureText p {
    font-size: 13px;
    color: #7f8495;
    margin: 0;
    line-height: 1.5;
}

@media (max-width: 575px) {

    .featureBox {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 8px;
    }

    .featureIcon {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .featureIcon i {
        font-size: 36px;
        margin: 0;
    }

    .featureText h3 {
        margin: 6px 0 4px;
    }

    .featureText p {
        max-width: 260px; 
        margin: 0 auto;
    }
}
@media (max-width: 768px) {

    .featureBox {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 8px;
    }
}