/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 30 2025 | 18:28:08 */
/* ===== COLUMN ===== */
.module_column.feature-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-size 1s ease;
}

/* Image zoom on hover */
.module_column.feature-card:hover {
    background-size: 115%;
}

/* ===== Dark overlay ===== */
.module_column.feature-card::before {
    content:"";
    position:absolute;
    inset:0;
    background: linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.2));
    opacity: 0;
    transition: 0.5s;
    z-index: 1;
}
.module_column.feature-card:hover::before {
    opacity:1;
}

/* BUTTON (TITLE always visible) */
.module_column.feature-card .feature-btn {
    position: relative;
    z-index: 3;
    background: transparent !important;
    border: none !important;
    color: white !important;
}

/* ICON - force hide in default */
.module_column.feature-card .feature-btn i,
.module_column.feature-card .feature-btn svg {
    opacity: 0 !important;
    visibility: hidden !important;
    transform: scale(0.4);
    transition: 0.4s ease;
}

/* Show icon ONLY on hover */
.module_column.feature-card:hover .feature-btn i,
.module_column.feature-card:hover .feature-btn svg {
    opacity: 1 !important;
    visibility: visible !important;
    transform: scale(1);
}

/* ===== Caption hidden by default ===== */
.module_column.feature-card .feature-desc {
    position: relative;
    z-index: 3;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.5s ease;
    color: white !important;
}

/* Show caption on hover */
.module_column.feature-card:hover .feature-desc {
    opacity: 1;
    transform: translateY(0);
}
/* ===== Caption hidden by default ===== */
.module_column.feature-card .feature-desc {
    position: relative;
    z-index: 3;
    opacity: 0;
    transform: translateX(-30px);  /* Move from left initially */
    transition: 0.5s ease;
    color: white !important;
}

/* Show caption on hover */
.module_column.feature-card:hover .feature-desc {
    opacity: 1;
    transform: translateX(0);  /* Animate to original position */
}
