.hero-banner > .e-con-inner > div {
    position: relative;
    overflow: hidden;
    border-radius: 24px;
    isolation: isolate;
}

.hero-banner > .e-con-inner > div::before {
    content: "";
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            135deg,
            rgba(130, 56, 255, 0.28) 0%,
            rgba(130, 56, 255, 0.12) 18%,
            rgba(130, 56, 255, 0) 45%
        ),

        linear-gradient(
            90deg,
            #151742 0%,
            #191A41 38%,
            rgba(25, 26, 65, 0.95) 52%,
            rgba(25, 26, 65, 0.45) 72%,
            rgba(25, 26, 65, 0) 100%
        );

    z-index: 0;
    pointer-events: none;
}

.hero-banner .elementor-icon-list-items {
    display: flex;
    flex-wrap: nowrap !important;
}

@media screen and ( max-width: 767px ) {
    .hero-banner .elementor-icon-list-items {
        flex-wrap: wrap !important;
        gap: 20px !important;
    }

    .hero-banner > .e-con-inner > div::before { 
            background:
            linear-gradient(
                180deg,
                rgba(130, 56, 255, 0.22) 0%,
                rgba(130, 56, 255, 0.10) 30%,
                rgba(130, 56, 255, 0) 60%
            ),

            linear-gradient(
                180deg,
                #151742 0%,
                #191A41 45%,
                rgba(25, 26, 65, 0.92) 62%,
                rgba(25, 26, 65, 0.35) 82%,
                rgba(25, 26, 65, 0) 100%
            );
   
    }

     .hero-banner .abs-img {
        position: relative !important;
        min-width: calc(100% + 60px) !important;
        margin-left: -30px;
        overflow: hidden;
     }
}