/* Specific home rules */

/* Logos slider animation */
@keyframes logoscroll_to_left {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%);
    }
}

@keyframes logoscroll_to_right {
    from {
        transform: translateX(-50%);
    }

    to {
        transform: translateX(0);
    }
}

.home {

    /* Logos slider */
    .logos-slider {
        position: relative;
        overflow: hidden;
    }

    .logos-slider .logos-track {
        display: flex;
        width: max-content;
        animation: 30s linear infinite;
    }

    .logos-slider .logos-track.to-left {
        animation-name: logoscroll_to_left;
    }

    .logos-slider .logos-track.to-right {
        margin-top: 40px;
        animation-name: logoscroll_to_right;
    }

    .logos-slider .logos-track figure {
        margin: 0 40px !important;
    }

    .logos-slider .logos-track figure img {
        height: 40px;
        /*filter: invert(85%);*/
    }

    .logos-slider::before,
    .logos-slider::after {
        content: "";
        position: absolute;
        top: 0;
        width: 120px;
        height: 100%;
        z-index: 10;
        pointer-events: none;
    }

    /* Left fade */
    .logos-slider::before {
        left: 0;
        background: linear-gradient(to right, #E3EBFD 0%, rgba(255, 255, 255, 0) 100%);
    }

    /* Right fade */
    .logos-slider::after {
        right: 0;
        background: linear-gradient(to left, #E3EBFD 0%, rgba(255, 255, 255, 0) 100%);
    }

    /* Goal */
    #goal_section {
        position: relative;
        z-index: 1;
    }

    #goal_section .bluegradienthighlight div span {
        font-weight: 600;
        color: #124EF7;
        letter-spacing: -0.02em;
        text-shadow: 0 0 12px rgba(18, 78, 247, 0.25);
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 20px;
        max-width: 1000px;
        margin: auto;

        &:before {
            content: "";
            position: absolute;
            inset: -8px;
            z-index: -1;
            border-radius: 12px;
            background: radial-gradient(circle at 50% 50%, rgba(18, 78, 247, 0.35) 0%, rgba(18, 78, 247, 0.15) 40%, rgba(228, 235, 254, 0.2) 70%, transparent 100%);
            filter: blur(20px);
        }
    }

    #goal_section .goal {
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    #goal_section .goal:hover {
        transform: translateY(-6px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);

        .ic {
            filter: brightness(10);
        }

        span,
        p,
        .elementor-icon-list-icon i {
            color: white !important;
        }

        .ic-arrow {
            filter: invert(1);
        }
    }


    /* Objective */
    .objective {}

    .objective p {
        min-height: 70px;
    }

    .objective {
        transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    .objective:hover {
        transform: translateY(-6px);
        box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
    }

    /* Stat */
    #stat_section .ic-container .elementor-widget-container {
        height: 36px;
        width: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #stat_section .icon {
        width: 18px;
        height: 18px;
        stroke: var(--e-global-color-primary);
        fill: none;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
    }
    #stat_section .stat-bar-fill {
    transition: width 1.4s cubic-bezier(0.16, 1, 0.3, 1);
    }
}