/* Custom hover effects for feature boxes */

/* Feature box link styling */
.feature-box-link {
    text-decoration: none;
    color: inherit;
    display: block;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

/* Hover effect for the feature boxes */
.hover-effect {
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}

.hover-effect:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    background-color: rgba(57, 72, 137, 0.1);
}

/* Icon styling */
.fbox-ico {
    transition: all 0.3s ease-in-out;
}

/* Icon hover effect */
.hover-effect:hover .fbox-ico {
    transform: scale(1.1);
    color: #394889 !important;
}

/* Icon span transition */
.fbox-ico span {
    transition: all 0.3s ease-in-out;
    color: #767676; /* Default gray color */
}

.hover-effect:hover .fbox-ico span {
    color: #394889; /* Blue color on hover */
}

/* Title hover effect */
.hover-effect:hover h5.h5-xs {
    color: #394889;
}

/* Add a subtle border indication on hover */
.hover-effect:hover {
    border-bottom: 3px solid #394889;
}