.elementor-4060 .elementor-element.elementor-element-f69596e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4060 .elementor-element.elementor-element-a8e7f0e{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4060 .elementor-element.elementor-element-e2d0c56{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4060 .elementor-element.elementor-element-ab8f88c .elementor-heading-title{font-size:18px;font-weight:600;letter-spacing:0.22em;}.elementor-4060 .elementor-element.elementor-element-78f8d87 .elementor-heading-title{color:#000000;}.elementor-4060 .elementor-element.elementor-element-6cb821f{color:#000000;}.elementor-4060 .elementor-element.elementor-element-5db68a9{--display:flex;}.elementor-4060 .elementor-element.elementor-element-9ff8de4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4060 .elementor-element.elementor-element-9ff8de4:not(.elementor-motion-effects-element-type-background), .elementor-4060 .elementor-element.elementor-element-9ff8de4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FE;}.elementor-4060 .elementor-element.elementor-element-9e9705a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4060 .elementor-element.elementor-element-14ce5e6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 35px) 0px;text-align:center;}.elementor-4060 .elementor-element.elementor-element-da6d0a9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4060 .elementor-element.elementor-element-d7c3a49{--display:flex;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-4060 .elementor-element.elementor-element-d7c3a49:not(.elementor-motion-effects-element-type-background), .elementor-4060 .elementor-element.elementor-element-d7c3a49 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4060 .elementor-element.elementor-element-8109040{text-align:center;}.elementor-4060 .elementor-element.elementor-element-8109040 img{width:50%;}.elementor-4060 .elementor-element.elementor-element-12c2ef4{text-align:center;}.elementor-4060 .elementor-element.elementor-element-2b75211{text-align:center;}.elementor-4060 .elementor-element.elementor-element-7bd952e{--display:flex;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-4060 .elementor-element.elementor-element-7bd952e:not(.elementor-motion-effects-element-type-background), .elementor-4060 .elementor-element.elementor-element-7bd952e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4060 .elementor-element.elementor-element-64bced3{text-align:center;}.elementor-4060 .elementor-element.elementor-element-64bced3 img{width:50%;}.elementor-4060 .elementor-element.elementor-element-7091c2d{text-align:center;}.elementor-4060 .elementor-element.elementor-element-7120bae{text-align:center;}.elementor-4060 .elementor-element.elementor-element-bbe10a4{--display:flex;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-4060 .elementor-element.elementor-element-bbe10a4:not(.elementor-motion-effects-element-type-background), .elementor-4060 .elementor-element.elementor-element-bbe10a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4060 .elementor-element.elementor-element-20a85af{text-align:center;}.elementor-4060 .elementor-element.elementor-element-20a85af img{width:50%;}.elementor-4060 .elementor-element.elementor-element-84f003d{text-align:center;}.elementor-4060 .elementor-element.elementor-element-d9a10f5{text-align:center;}.elementor-4060 .elementor-element.elementor-element-c3c0db8{--display:flex;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-4060 .elementor-element.elementor-element-c3c0db8:not(.elementor-motion-effects-element-type-background), .elementor-4060 .elementor-element.elementor-element-c3c0db8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4060 .elementor-element.elementor-element-91d0ca7{text-align:center;}.elementor-4060 .elementor-element.elementor-element-91d0ca7 img{width:50%;}.elementor-4060 .elementor-element.elementor-element-735f9cf{text-align:center;}.elementor-4060 .elementor-element.elementor-element-9d6f290{text-align:center;}.elementor-4060 .elementor-element.elementor-element-be27237{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-4060 .elementor-element.elementor-element-e1c92f3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4060 .elementor-element.elementor-element-2b5f1ff{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4060 .elementor-element.elementor-element-ae24f79{--display:flex;}.elementor-4060 .elementor-element.elementor-element-93a0567{--display:flex;--padding-top:35px;--padding-bottom:35px;--padding-left:35px;--padding-right:35px;}.elementor-4060 .elementor-element.elementor-element-8dadcd3 .elementor-heading-title{color:#FFFFFF;}.elementor-4060 .elementor-element.elementor-element-30512f2{color:#FFFFFF;}.elementor-4060 .elementor-element.elementor-element-797704d .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-4060 .elementor-element.elementor-element-797704d .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-4060 .elementor-element.elementor-element-797704d{--e-icon-list-icon-size:16px;--icon-vertical-offset:0px;}.elementor-4060 .elementor-element.elementor-element-797704d .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-4060 .elementor-element.elementor-element-cfe5834{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-4060 .elementor-element.elementor-element-cfe5834:not(.elementor-motion-effects-element-type-background), .elementor-4060 .elementor-element.elementor-element-cfe5834 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F7FE;}.elementor-4060 .elementor-element.elementor-element-d7d6ce9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4060 .elementor-element.elementor-element-c489c99{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4060 .elementor-element.elementor-element-c1bc1f4{--display:flex;}.elementor-4060 .elementor-element.elementor-element-909d069{text-align:center;}.elementor-4060 .elementor-element.elementor-element-4774e99{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:36px 36px;--row-gap:36px;--column-gap:36px;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4060 .elementor-element.elementor-element-8e4b9b8{--display:flex;--border-radius:25px 25px 25px 25px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:25px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-4060 .elementor-element.elementor-element-8e4b9b8:not(.elementor-motion-effects-element-type-background), .elementor-4060 .elementor-element.elementor-element-8e4b9b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4060 .elementor-element.elementor-element-0faf162 .elementor-heading-title{font-weight:700;color:#000000;}.elementor-4060 .elementor-element.elementor-element-679b59d{color:#000000;}.elementor-4060 .elementor-element.elementor-element-292be9b{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-4060 .elementor-element.elementor-element-292be9b:not(.elementor-motion-effects-element-type-background), .elementor-4060 .elementor-element.elementor-element-292be9b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4060 .elementor-element.elementor-element-b6f5c6e .elementor-heading-title{font-weight:700;color:#000000;}.elementor-4060 .elementor-element.elementor-element-4aaf8a8{color:#000000;}.elementor-4060 .elementor-element.elementor-element-d522235{--display:flex;--border-radius:25px 25px 25px 25px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-4060 .elementor-element.elementor-element-d522235:not(.elementor-motion-effects-element-type-background), .elementor-4060 .elementor-element.elementor-element-d522235 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4060 .elementor-element.elementor-element-60eb771 .elementor-heading-title{font-weight:700;color:#000000;}.elementor-4060 .elementor-element.elementor-element-b620d19{color:#000000;}.elementor-4060 .elementor-element.elementor-element-62509d6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:50px;--margin-left:0px;--margin-right:0px;}.elementor-4060 .elementor-element.elementor-element-68e95e6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:25px 25px 25px 25px;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-4060 .elementor-element.elementor-element-5a13538{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-4060 .elementor-element.elementor-element-d5f9152{--display:flex;}.elementor-4060 .elementor-element.elementor-element-e038c04 .elementor-heading-title{color:#FFFFFF;}.elementor-4060 .elementor-element.elementor-element-a11f492{color:#FFFFFF;}.elementor-4060 .elementor-element.elementor-element-96c100a{--display:flex;}@media(min-width:768px){.elementor-4060 .elementor-element.elementor-element-a8e7f0e{--width:100%;}.elementor-4060 .elementor-element.elementor-element-9e9705a{--width:100%;}.elementor-4060 .elementor-element.elementor-element-e1c92f3{--width:100%;}.elementor-4060 .elementor-element.elementor-element-d7d6ce9{--width:100%;}.elementor-4060 .elementor-element.elementor-element-68e95e6{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-78f8d87 */.asp-hosting-title span {


    background: linear-gradient(
        90deg,
        #20c7f5 0%,
        #527cff 48%,
        #d246da 100%
    );

    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-db662bf *//* =========================================================
   HOSTING DASHBOARD VISUAL
   ========================================================= */

.asp-dashboard-visual {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    overflow: visible;
    isolation: isolate;

    padding: 30px;
}

/* Main purple/cyan glow */
.asp-dashboard-visual::before {
    content: "";
    position: absolute;
    z-index: -2;

    width: 85%;
    height: 85%;

    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 65% 35%,
            rgba(146, 52, 255, 0.42),
            transparent 48%
        ),
        radial-gradient(
            circle at 30% 70%,
            rgba(0, 190, 255, 0.3),
            transparent 52%
        );

    filter: blur(55px);
    opacity: 0.85;
    pointer-events: none;
}

/* Subtle pool of light beneath the dashboard */
.asp-dashboard-visual::after {
    content: "";
    position: absolute;
    z-index: -1;

    left: 12%;
    right: 5%;
    bottom: 2%;

    height: 20%;

    border-radius: 50%;

    background: linear-gradient(
        90deg,
        rgba(0, 195, 255, 0.35),
        rgba(102, 80, 255, 0.28),
        rgba(206, 44, 231, 0.3)
    );

    filter: blur(40px);
    opacity: 0.65;
    transform: perspective(300px) rotateX(65deg);
    pointer-events: none;
}

/* Dashboard image */
.asp-dashboard-image {
    position: relative;
    z-index: 2;

    width: 100%;
    max-width: 660px;

    transform:
        perspective(1200px)
        rotateY(-2deg)
        rotateX(1deg);

    filter:
        drop-shadow(0 28px 38px rgba(0, 0, 0, 0.35))
        drop-shadow(0 0 18px rgba(50, 111, 255, 0.18));

    transition:
        transform 0.4s ease,
        filter 0.4s ease;
}

.asp-dashboard-image img {
    display: block;
    width: 100%;
    height: auto;
}

/* Very subtle interaction */
.asp-dashboard-visual:hover .asp-dashboard-image {
    transform:
        perspective(1200px)
        rotateY(0deg)
        rotateX(0deg)
        translateY(-4px);

    filter:
        drop-shadow(0 34px 45px rgba(0, 0, 0, 0.4))
        drop-shadow(0 0 25px rgba(84, 91, 255, 0.25));
}

@media (max-width: 767px) {
    .asp-dashboard-visual {
        width: 100%;
        padding: 15px 0 0;
        margin: 20px 0 0;
    }

    .asp-dashboard-image {
        width: 100%;
        max-width: 520px;
        transform: none;
    }

    .asp-dashboard-visual:hover .asp-dashboard-image {
        transform: none;
    }

    .asp-dashboard-visual::before {
        width: 95%;
        height: 95%;
        filter: blur(45px);
        opacity: 0.65;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5db68a9 */.asp-hosting-dashboard {
    position: relative;
    z-index: 2;
}

.asp-hosting-dashboard::before {
    content: "";
    position: absolute;
    z-index: -1;

    inset: 8% -6% -8% 6%;

    border-radius: 50%;
    background:
        radial-gradient(
            circle,
            rgba(112, 45, 255, 0.35) 0%,
            rgba(0, 187, 255, 0.14) 42%,
            transparent 72%
        );

    filter: blur(45px);
    pointer-events: none;
}
@media (max-width: 767px) {
    .asp-hosting-hero {
        min-height: auto;
    }

    .asp-hosting-hero::after {
        inset: 40% -30% 0 10%;
        opacity: 0.4;
    }

    .asp-hosting-hero::before {
        width: 350px;
        height: 350px;
        left: -220px;
        bottom: -220px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f69596e *//* ASPIRIUM DIGITAL ASSISTANT HERO */
.aspirium-ai-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background:
        radial-gradient(
            circle at 58% 54%,
            rgba(8, 191, 224, 0.17) 0%,
            rgba(8, 191, 224, 0.07) 22%,
            transparent 46%
        ),
        radial-gradient(
            circle at 92% 52%,
            rgba(200, 50, 165, 0.14) 0%,
            rgba(200, 50, 165, 0.05) 20%,
            transparent 42%
        ),
        linear-gradient(
            110deg,
            #ffffff 0%,
            #fbfdff 47%,
            #f3f9ff 100%
        );


}

/* Subtle dotted pattern on the right */
.aspirium-ai-hero::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 7%;
    right: -2%;
    width: 48%;
    height: 86%;

    background-image:
        radial-gradient(
            circle,
            rgba(22, 136, 238, 0.24) 1.2px,
            transparent 1.4px
        );

    background-size: 18px 18px;
    mask-image:
        linear-gradient(
            to left,
            rgba(0, 0, 0, 0.85),
            transparent 92%
        );
    -webkit-mask-image:
        linear-gradient(
            to left,
            rgba(0, 0, 0, 0.85),
            transparent 92%
        );

    opacity: 0.65;
    pointer-events: none;
}

/* Fine decorative curves */
.aspirium-ai-hero::after {
    content: "";
    position: absolute;
    z-index: -1;
    left: -130px;
    bottom: -310px;
    width: 720px;
    height: 720px;

    border: 1px solid rgba(8, 191, 224, 0.16);
    border-radius: 50%;

    box-shadow:
        90px -100px 0 -89px rgba(22, 136, 238, 0.12),
        190px -210px 0 -189px rgba(200, 50, 165, 0.09);

    pointer-events: none;
}

/* Tablet */
@media (max-width: 1024px) {
    .aspirium-ai-hero {
        min-height: auto;

        background:
            radial-gradient(
                circle at 75% 62%,
                rgba(8, 191, 224, 0.15),
                transparent 42%
            ),
            radial-gradient(
                circle at 100% 70%,
                rgba(200, 50, 165, 0.11),
                transparent 38%
            ),
            linear-gradient(135deg, #ffffff, #f4f9ff);
    }

    .aspirium-ai-hero::before {
        width: 65%;
        opacity: 0.45;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .aspirium-ai-hero {
        background:
            radial-gradient(
                circle at 70% 82%,
                rgba(8, 191, 224, 0.16),
                transparent 38%
            ),
            radial-gradient(
                circle at 100% 88%,
                rgba(200, 50, 165, 0.1),
                transparent 35%
            ),
            linear-gradient(160deg, #ffffff, #f5faff);
    }

    .aspirium-ai-hero::before {
        top: 48%;
        width: 100%;
        height: 50%;
        opacity: 0.35;
    }

    .aspirium-ai-hero::after {
        width: 450px;
        height: 450px;
        left: -270px;
        bottom: -230px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d7c3a49 */.hosting-card:hover {
    transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7bd952e */.hosting-card:hover {
    transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bbe10a4 */.hosting-card:hover {
    transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c3c0db8 */.hosting-card:hover {
    transform: translateY(-6px);
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be27237 *//* =========================================================
   MORE THAN SOMEWHERE TO STORE YOUR WEBSITE
   Main class: asp-hosting-difference
   ========================================================= */

.asp-hosting-difference {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    padding-top: 10px;
    padding-bottom: 10px;

    background:
        radial-gradient(
            circle at 12% 85%,
            rgba(0, 191, 255, 0.18) 0%,
            transparent 34%
        ),
        radial-gradient(
            circle at 88% 30%,
            rgba(125, 61, 255, 0.16) 0%,
            transparent 38%
        ),
        radial-gradient(
            circle at 55% 110%,
            rgba(205, 45, 220, 0.11) 0%,
            transparent 42%
        ),
        linear-gradient(
            115deg,
            #071326 0%,
            #091831 48%,
            #0e1735 100%
        );
}

/* Ambient blurred colour beneath the network lines */
.asp-hosting-difference::before {
    content: "";
    position: absolute;
    z-index: -2;

    width: 650px;
    height: 300px;
    left: -100px;
    bottom: -190px;

    border-radius: 50%;

    background: linear-gradient(
        90deg,
        rgba(0, 196, 255, 0.48),
        rgba(76, 93, 255, 0.3),
        rgba(201, 45, 226, 0.38)
    );

    filter: blur(85px);
    opacity: 0.65;
    transform: rotate(-8deg);
    pointer-events: none;
}

/* Curved network/wave lines */
.asp-hosting-difference::after {
    content: "";
    position: absolute;
    z-index: -1;

    width: 780px;
    height: 360px;

    left: -90px;
    bottom: -190px;

    background-image:
        repeating-radial-gradient(
            ellipse at 50% 100%,
            transparent 0,
            transparent 21px,
            rgba(36, 195, 255, 0.18) 22px,
            transparent 23px,
            transparent 42px
        ),
        repeating-radial-gradient(
            ellipse at 60% 105%,
            transparent 0,
            transparent 30px,
            rgba(153, 72, 255, 0.13) 31px,
            transparent 32px,
            transparent 58px
        );

    transform: rotate(-5deg) scaleX(1.3);

    -webkit-mask-image: linear-gradient(
        90deg,
        transparent 0%,
        black 18%,
        black 75%,
        transparent 100%
    );

    mask-image: linear-gradient(
        90deg,
        transparent 0%,
        black 18%,
        black 75%,
        transparent 100%
    );

    opacity: 0.85;
    pointer-events: none;
}

/* Keep Elementor content above the decorative background */
.asp-hosting-difference > .e-con-inner,
.asp-hosting-difference > .elementor-container,
.asp-hosting-difference > .elementor-widget-wrap {
    position: relative;
    z-index: 2;
}

@media (max-width: 767px) {
    .asp-hosting-difference {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .asp-hosting-difference::before {
        width: 430px;
        height: 220px;
        left: -190px;
        bottom: -130px;
        opacity: 0.5;
    }

    .asp-hosting-difference::after {
        width: 520px;
        height: 260px;
        left: -220px;
        bottom: -140px;
        opacity: 0.55;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-5d80459 */.asp-step-number {
    position: absolute;
    top: -21px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    width: 42px;
    height: 42px;
    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;

    background: linear-gradient(
        135deg,
        #158dff 0%,
        #783dff 52%,
        #e91b9b 100%
    );

    border: 1px solid rgba(255, 255, 255, 0.14);

    box-shadow:
        0 0 0 5px #121c39,
        0 0 20px rgba(112, 74, 255, 0.8);
}

/* Elementor wraps the actual heading inside another element */
.asp-step-number .elementor-heading-title {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e4b9b8 *//* Main three-step container */
.asp-rewards-step {
    position: relative;
    z-index: 2;
    border: 1px solid rgba(92, 137, 255, 0.3);
    border-radius: 22px;
    padding: 48px 54px 38px;

}

/* Curved glowing connector */
.asp-rewards-steps::before {
    content: "";
    position: absolute;
    z-index: 0;

    /* Adjust this to align the line with your numbered circles */
    top: 36px;

    left: 0%;
    right: 8%;
    height: 55px;


    pointer-events: none;
}

/* Keep cards above the line */
.asp-rewards-step {
    position: relative;
    z-index: 1;
}

@media (max-width: 767px) {
    .asp-rewards-steps::before {
        display: none;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-acd712a */.asp-step-number {
    position: absolute;
    top: -21px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    width: 42px;
    height: 42px;
    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;

    background: linear-gradient(
        135deg,
        #158dff 0%,
        #783dff 52%,
        #e91b9b 100%
    );

    border: 2px solid rgba(255, 255, 255, 0.14);

    box-shadow:
        0 0 0 5px #121c39,
        0 0 20px rgba(112, 74, 255, 0.8);
}

/* Elementor wraps the actual heading inside another element */
.asp-step-number .elementor-heading-title {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-292be9b *//* Main three-step container */
.asp-rewards-step {
    position: relative;
    z-index: 2;

    /* Fully opaque so the line cannot show through */
    background: linear-gradient(
        145deg,
        #15203f 0%,
        #0e162f 100%
    );

    border: 1px solid rgba(92, 137, 255, 0.3);
    border-radius: 22px;
    padding: 48px 54px 38px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 16px 40px rgba(0,0,0,0.16);
}

/* Curved glowing connector */
.asp-rewards-steps::before {
    content: "";
    position: absolute;
    z-index: 0;

    /* Adjust this to align the line with your numbered circles */
    top: 36px;

    left: 15%;
    right: 15%;
    height: 55px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 80' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%2300bfff'/%3E%3Cstop offset='.5' stop-color='%237c3cff'/%3E%3Cstop offset='1' stop-color='%23ed1a9b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 20 C125 20 125 60 250 60 S375 20 500 20 S625 60 750 60 S875 20 1000 20' fill='none' stroke='url(%23g)' stroke-width='2'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    filter:
        drop-shadow(0 0 4px rgba(0, 190, 255, 0.7))
        drop-shadow(0 0 9px rgba(184, 38, 255, 0.4));

    pointer-events: none;
}

/* Keep cards above the line */
.asp-rewards-step {
    position: relative;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-9b0c39f */.asp-step-number {
    position: absolute;
    top: -21px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    width: 42px;
    height: 42px;
    min-width: 42px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin: 0 !important;
    padding: 0 !important;

    border-radius: 50%;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;

    background: linear-gradient(
        135deg,
        #158dff 0%,
        #783dff 52%,
        #e91b9b 100%
    );

    border: 2px solid rgba(255, 255, 255, 0.14);

    box-shadow:
        0 0 0 5px #121c39,
        0 0 20px rgba(112, 74, 255, 0.8);
}

/* Elementor wraps the actual heading inside another element */
.asp-step-number .elementor-heading-title {
    margin: 0;
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d522235 *//* Main three-step container */
.asp-rewards-step {
    position: relative;
    z-index: 2;

    /* Fully opaque so the line cannot show through */
    background: linear-gradient(
        145deg,
        #15203f 0%,
        #0e162f 100%
    );

    border: 1px solid rgba(92, 137, 255, 0.3);
    border-radius: 22px;
    padding: 48px 54px 38px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.04),
        0 16px 40px rgba(0,0,0,0.16);
}

/* Curved glowing connector */
.asp-rewards-steps::before {
    content: "";
    position: absolute;
    z-index: 0;

    /* Adjust this to align the line with your numbered circles */
    top: 36px;

    left: 15%;
    right: 15%;
    height: 55px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 80' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%2300bfff'/%3E%3Cstop offset='.5' stop-color='%237c3cff'/%3E%3Cstop offset='1' stop-color='%23ed1a9b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 20 C125 20 125 60 250 60 S375 20 500 20 S625 60 750 60 S875 20 1000 20' fill='none' stroke='url(%23g)' stroke-width='2'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    filter:
        drop-shadow(0 0 4px rgba(0, 190, 255, 0.7))
        drop-shadow(0 0 9px rgba(184, 38, 255, 0.4));

    pointer-events: none;
}

/* Keep cards above the line */
.asp-rewards-step {
    position: relative;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4774e99 *//* Main three-step container */
.asp-rewards-steps {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}

/* Curved glowing connector */
.asp-rewards-steps::before {
    content: "";
    position: absolute;
    z-index: 0;

    /* Adjust this to align the line with your numbered circles */
    top: 25%;

    left: 14%;
    right: 15%;
    height: 55px;

    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 80' preserveAspectRatio='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' x2='1'%3E%3Cstop offset='0' stop-color='%2300bfff'/%3E%3Cstop offset='.5' stop-color='%237c3cff'/%3E%3Cstop offset='1' stop-color='%23ed1a9b'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M0 20 C125 20 125 60 250 60 S375 20 500 20 S625 60 750 60 S875 20 1000 20' fill='none' stroke='url(%23g)' stroke-width='2'/%3E%3C/svg%3E");

    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;

    filter:
        drop-shadow(0 0 4px rgba(0, 190, 255, 0.7))
        drop-shadow(0 0 9px rgba(184, 38, 255, 0.4));

    pointer-events: none;
}

/* Keep cards above the line */
.asp-rewards-step {
    position: relative;
    z-index: 1;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-d13bcf1 *//* ==================================================
   ASPIRIUM PRIMARY BUTTON
   ================================================== */


/* Centre the complete button widget inside its column */

.asp-primary-button {
    display: flex;
    align-self: stretch;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
    min-height: 100%;

    margin: 0 !important;
}


/* Ensure Elementor's internal wrapper also fills the area */

.asp-primary-button > .elementor-widget-container {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 100%;
}


/* Main button styling */

.asp-primary-button .elementor-button {
    position: relative;
    overflow: hidden;

    padding: 17px 28px;

    /* Remove Elementor/global button outlines */
    border: none !important;
    outline: none !important;
    border-radius: 8px;

    background:
        linear-gradient(
            90deg,
            #08bdf2 0%,
            #3278f6 48%,
            #bc25ed 100%
        );

    background-clip: padding-box;

    -webkit-appearance: none;
    appearance: none;

    color: #ffffff;

    font-weight: 600;
    line-height: 1;

    box-shadow:
        0 8px 24px rgba(54, 104, 255, 0.3),
        0 0 28px rgba(143, 45, 255, 0.18);

    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        filter 0.25s ease;
}


/* Subtle light sweep */

.asp-primary-button .elementor-button::before {
    content: "";

    position: absolute;
    top: 0;
    left: -80%;

    width: 55%;
    height: 100%;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.28),
            transparent
        );

    transform: skewX(-20deg);

    transition: left 0.55s ease;
}


/* Hover */

.asp-primary-button .elementor-button:hover {
    color: #ffffff;

    transform: translateY(-2px);
    filter: brightness(1.08);

    box-shadow:
        0 12px 30px rgba(54, 104, 255, 0.42),
        0 0 35px rgba(167, 44, 255, 0.28);
}


.asp-primary-button .elementor-button:hover::before {
    left: 135%;
}


/* Pressed */

.asp-primary-button .elementor-button:active {
    transform: translateY(0);
}


/* Keep the button text and icon above the light sweep */

.asp-primary-button .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;

    gap: 10px;
}


/* Keyboard accessibility */

.asp-primary-button .elementor-button:focus-visible {
    outline: 3px solid rgba(38, 199, 255, 0.45) !important;
    outline-offset: 4px;
}


/* ==================================================
   MOBILE
   ================================================== */

@media (max-width: 767px) {

    .asp-primary-button {
        height: auto;
        min-height: 0;
        margin-top: 15px !important;
    }

    .asp-primary-button > .elementor-widget-container {
        height: auto;
    }

    .asp-primary-button .elementor-button {
        width: 100%;
        padding: 17px 22px;
    }

    .asp-primary-button .elementor-button-wrapper {
        width: 100%;
    }
}/* End custom CSS */