.hero-features-img {
    width: 100%;
    max-width: 656px !important;
    height: auto !important;
}

/* LEFT GLOW */
.hero-section::before {
    content: "";
    position: absolute;
    width: 587.755126953125px;
    height: 587.755126953125px;
    top: -176.33px;
    left: -117.55px;
    filter: blur(97px);
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(1, 226, 253, 0.18) 0%, rgba(1, 226, 253, 0) 60%);
}

/* RIGHT GLOW */
.hero-section::after {
    content: "";
    position: absolute;
    width: 489.7959289550781px;
    height: 489.7959289550781px;
    top: -85.33px;
    right: -117.55px;
    filter: blur(97px);
    background: radial-gradient(70.71% 70.71% at 50% 50%, rgba(0, 74, 156, 0.2) 0%, rgba(0, 74, 156, 0) 60%);
}

.points-number {
    border: 0.98px solid #01E2FD24
}

.w-max-719 {
    max-width: 719px;
}

.feature-div-bg {
    background: -webkit-linear-gradient(180deg, rgba(1, 226, 253, 0.06) 0%, rgba(1, 226, 253, 0.02) 100%);
    background: linear-gradient(180deg, rgba(1, 226, 253, 0.06) 0%, rgba(1, 226, 253, 0.02) 100%);

}

.feature-heading {
    background: #01E2FD24 !important;
    color: #01E2FD !important;
}

.risk-heading {
    background: #FF4D6A1F !important;
    color: #FF4D6A !important;
}

.impact-heading {
    background: #34D3991F !important;
    color: #34D399 !important;
}

.compare-div {
    gap: 2px !important;
}

.letter-spacing-1-5 {
    letter-spacing: 1.51px !important;
}

.featurecard-dot {
    width: 8px;
    height: 8px;
    background-color: #01E2FD;
    border-radius: 50%;
    display: inline-block;
}

.sepration-line {
    background: linear-gradient(90deg, rgba(1, 226, 253, 0) 0%, rgba(1, 226, 253, 0.2) 50%, rgba(1, 226, 253, 0) 100%);
    height: 3px !important;
}

.Premium-section {
    background: radial-gradient(98.99% 113.14% at 70% 20%, rgba(1, 226, 253, 0.1) 0%, rgba(1, 226, 253, 0) 40%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0.01) 100%);

}

.Upgrade-div {
    position: relative;
    border: 0.98px solid #FFFFFF0F;
    background: radial-gradient(55.44% 231.53% at 50% 0%,
            rgba(1, 226, 253, 0.12) 0%,
            rgba(1, 226, 253, 0.06) 30%,
            #111111 40%);

}

.Upgrade-div::before {
    content: '';
    position: absolute;

    top: 0;
    left: 50%;
    transform: translateX(-50%);

    width: 60%;
    height: 2px;

    background: linear-gradient(90deg,
            rgba(1, 226, 253, 0) 0%,
            #01E2FD 50%,
            rgba(1, 226, 253, 0) 100%);
}

.feature-contact-btn {
    background: transparent !important;
}

.hero-title {
    background: linear-gradient(100deg,
            #00cfe6 0%,
            #7ff6ff 35%,
            #ffffff 55%,
            /* 🔥 hotspot near "Architecture" */
            #e6feff 65%,
            #00eaff 100%);

    background-size: 200% auto;
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    will-change: transform;


    animation: heroFocus 5s ease-in-out infinite;
}

@keyframes heroFocus {
    0% {
        background-position: -10% center;
    }

    50% {
        background-position: 25% center;
        /* 🔥 moves highlight to right */
    }

    100% {
        background-position: -10% center;
    }
}



@media (max-width: 992px) {
    .hero-section {
        margin-top: 72px !important;
    }

    .compare-div {
        flex-direction: column;
    }

    .justify-content-end.Premium_section-img {
        justify-content: center !important;
        margin-top: 16px !important;
    }

    .compare-div>div {
        width: 100% !important;
    }

    .fs-16.riskcard-points,
    .fs-16.featurecard-points {
        font-size: 15px !important;
    }
    .riskcard-points .d-block.mb-12.fs-18.color-white{
        font-size: 16px !important;
    }

    .fs-16.riskcard-points .d-block.mb-1 {
        margin-bottom: 8px !important;
    }

    .compare-div .custom-border.right {
        border-width: 1px 1px 1px 1px !important;
    }

    .fs-24.featurecard-heading {
        font-size: 18px !important;
        line-height: 1.18 !important;
        letter-spacing: -0.01em;
        font-weight: 500 !important;
    }

    .intelligent-section .d-flex.align-items-baseline {
        align-items: center !important;
    }

    .points-title.fs-40 {
        font-size: 21px !important;
    }

    .fs-56.hero-title {
        font-size: 27px !important;
    }

    .hero-subtitle.fs-16 {
        font-size: 15px !important;
    }

    .px-64.py-64.Premium-section {
        padding: 24px !important;
    }

    .Premium-section .w-100.flex-center {
        flex-direction: column !important;
    }

    .Premium-section .w-100.flex-center .w-100 .fs-32 {
        font-size: 20px !important;
    }

    .built-subtitle {
        line-height: 1.5 !important;
    }

    .premium-last-lines.fs-24 {
        font-size: 16px !important;
    }

    .Upgrade-div .upgrade-title {
        font-size: 28px !important;
        padding: 14px !important;
        line-height: 1 !important;
    }

    .Upgrade-div .d-flex {
        flex-direction: column !important;
        width: 100% !important;
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .scroll-container.wrapper-1290 {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .hero-title.mt-72.pt-52 {
        padding-top: 0px !important;
        margin-top: 0px !important;
    }

    .mb-72 {
        margin-bottom: 48px !important;
    }

    .sepration-line {
        margin-top: 48px !important;
    }

    .enterprise-section .d-flex.align-items-baseline.gap-24.mb-64,
    .structured-section .d-flex.align-items-baseline.gap-24.mb-64,
    .intelligent-section .d-flex.align-items-baseline.gap-24.mb-64,
    .core-section .d-flex.align-items-baseline.gap-24.mb-64 {
        margin-bottom: 48px !important;
    }

    .core-section p.d-flex,
    .intelligent-section p.d-flex,
    .enterprise-section p.d-flex,
    .structured-section p.d-flex,
    .Premium-section p.d-flex {

        align-items: flex-start !important;
        gap: 14px !important;
    }

    .points-title {
        line-height: 1.25 !important;
        flex: 1;
        min-width: 0;
    }

    .points-number {
        flex-shrink: 0;
    }

    /* LEFT GLOW */
    .hero-section::before,
    .hero-section::after{
        filter: blur(60px);
    }

    .hero-section::after{
        display: none !important;
    }

    .hero-section::before{
        display: none !important;
    }

}