/* Panel container */
.isbg-panels {
    width: 100%;
}

.isbg-panel {
    position: relative;
    height: 100vh;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Box styles */
.isbg-box {
    background-color: #ffffff;  /* Default white box */
    opacity: 1;                 /* Fully opaque */
    padding: 30px;
    border-radius: 12px;
    text-align: center;
    max-width: 600px;
    color: #000000;             /* Default text color */
    transition: background-color 0.3s ease, opacity 0.3s ease;
}

/* Number colors */
.isbg-number {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 10px;
}
.isbg-number .active {
    color: #000000;  /* Default active number color */
}
.isbg-number .faded {
    color: #cccccc;  /* Default faded number color */
}

/* Title defaults (Elementor will override) */
.isbg-title {
    font-size: 2rem;
    font-family: Arial, sans-serif;
    color: #000000;
    margin-bottom: 10px;
}

/* Image */
.isbg-img img {
    max-width: 100%;
    height: auto;
    margin-bottom: 15px;
}

/* Subtext defaults (Elementor will override) */
.isbg-subtext {
    font-size: 1rem;
    font-family: Arial, sans-serif;
    color: #444444;
}