/**
 * Styles for the Notes Section pattern
 */

/* Icon box styling with background color */
.notes-icon-box {
    background-color: rgba(252, 118, 50, 0.12) !important;
    min-width: 140px;
    transition: all 0.3s ease;
}

/* Hover effect for icon boxes */
.notes-icon-box:hover {
    background-color: rgba(252, 118, 50, 0.18) !important;
    transform: translateY(-2px);
}

/* Responsive adjustments */
@media (max-width: 781px) {
    .notes-icon-box {
        min-width: 100px;
        min-height: 80px !important;
    }
    
    .notes-icon-box img {
        width: 50px !important;
        height: 50px !important;
    }
}

@media (max-width: 599px) {
    .notes-icon-box {
        min-width: 80px;
        padding: 15px !important;
    }
}