.elementor-1032 .elementor-element.elementor-element-b4a23a3{--display:flex;--min-height:80vh;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1032 .elementor-element.elementor-element-b4a23a3:not(.elementor-motion-effects-element-type-background), .elementor-1032 .elementor-element.elementor-element-b4a23a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.apraglobal.com/wp-content/uploads/2026/07/domain-hosting.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1032 .elementor-element.elementor-element-93f9c40{--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-1032 .elementor-element.elementor-element-fb888a6{--display:flex;}.elementor-1032 .elementor-element.elementor-element-5bbba0e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-1032 .elementor-element.elementor-element-ae86906{color:var( --e-global-color-astglobalcolor5 );}.elementor-1032 .elementor-element.elementor-element-c58c208{--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-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1032 .elementor-element.elementor-element-5e5f092.elementor-element{--align-self:flex-start;}.elementor-1032 .elementor-element.elementor-element-6c43444{--display:flex;}@media(min-width:768px){.elementor-1032 .elementor-element.elementor-element-b4a23a3{--content-width:1550px;}}@media(max-width:767px){.elementor-1032 .elementor-element.elementor-element-b4a23a3:not(.elementor-motion-effects-element-type-background), .elementor-1032 .elementor-element.elementor-element-b4a23a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.apraglobal.com/wp-content/uploads/2026/07/brand-sec-hero.png");background-position:center left;}.elementor-1032 .elementor-element.elementor-element-93f9c40{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for button, class: .elementor-element-5e5f092 *//* ===== VIDEO STYLE ANIMATED BUTTON ===== */

.elementor-1032 .elementor-element.elementor-element-5e5f092 .elementor-button {
    position: relative;
    overflow: hidden;
    min-width: 150px;
    height: 46px;
    padding: 0 24px;
    
    display: inline-flex;
    align-items: center;
    justify-content: center;

background: linear-gradient(
    100deg,
    #EF001D 0%,
    #c90018 48%,
    #7a000f 100%
);

   border: 1.5px solid #ff6678;
    border-radius: 50px;

    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;

    box-shadow:
    inset 0 0 10px rgba(255, 255, 255, 0.18),
    0 4px 12px rgba(239, 0, 29, 0.25);

    transition:
        color 0.45s ease,
        border-color 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.3s ease;
}

/* White circular hover animation */
.elementor-1032 .elementor-element.elementor-element-5e5f092 .elementor-button::before {
    content: "";
    position: absolute;

    width: 32px;
    height: 32px;

    left: 50%;
    bottom: -34px;

    background: #ffffff;
    border-radius: 50%;

    transform: translateX(-50%) scale(0);
    transition: transform 0.55s cubic-bezier(.65, 0, .2, 1);

    z-index: 1;
}

/* Sparkle icon */
.elementor-1032 .elementor-element.elementor-element-5e5f092 .elementor-button::after {
    content: "✦";
    position: relative;
    z-index: 3;

    margin-left: 14px;

    color: #ffffff;
    font-size: 15px;
    line-height: 1;

    text-shadow: 0 0 7px rgba(255, 255, 255, 0.9);
    transition:
        color 0.4s ease,
        transform 0.4s ease,
        text-shadow 0.4s ease;
}

/* Keep button text above animation */
.elementor-1032 .elementor-element.elementor-element-5e5f092 .elementor-button-content-wrapper,
.elementor-1032 .elementor-element.elementor-element-5e5f092 .elementor-button-text {
    position: relative;
    z-index: 3;
}

/* Hover effect */
.elementor-1032 .elementor-element.elementor-element-5e5f092 .elementor-button:hover::before {
    transform: translateX(-50%) scale(12);
}

/* Blue text after white fill */
.elementor-1032 .elementor-element.elementor-element-5e5f092 .elementor-button:hover {
    color: #EF001D;
    border-color: #EF001D;

    box-shadow:
        0 6px 18px rgba(25, 105, 190, 0.18);

    transform: translateY(-1px);
}

.elementor-1032 .elementor-element.elementor-element-5e5f092 .elementor-button:hover::after {
    color: #126dcc;
    transform: rotate(90deg) scale(1.08);
    text-shadow: 0 0 7px rgba(18, 109, 204, 0.35);
}

/* Click effect */
.elementor-1032 .elementor-element.elementor-element-5e5f092 .elementor-button:active {
    transform: translateY(0) scale(0.98);
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5ee8527 *//* ===== WHITE BUTTON — RED HOVER ANIMATION ===== */

.elementor-1032 .elementor-element.elementor-element-5ee8527 .elementor-button {
    position: relative;
    overflow: hidden;

    min-width: 150px;
    height: 46px;
    padding: 0 24px;

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

    background: #ffffff;
    border: 1.5px solid #EF001D;
    border-radius: 50px;

    color: #EF001D;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;

    box-shadow:
        inset 0 0 10px rgba(239, 0, 29, 0.05),
        0 4px 12px rgba(239, 0, 29, 0.15);

    transition:
        color 0.45s ease,
        border-color 0.45s ease,
        box-shadow 0.45s ease,
        transform 0.3s ease;
}

/* Red circular hover animation */
.elementor-1032 .elementor-element.elementor-element-5ee8527 .elementor-button::before {
    content: "";
    position: absolute;

    width: 32px;
    height: 32px;

    left: 50%;
    bottom: -34px;

    background: linear-gradient(
        100deg,
        #EF001D 0%,
        #c90018 48%,
        #7a000f 100%
    );

    border-radius: 50%;

    transform: translateX(-50%) scale(0);
    transition: transform 0.55s cubic-bezier(.65, 0, .2, 1);

    z-index: 1;
}

/* Sparkle icon */
.elementor-1032 .elementor-element.elementor-element-5ee8527 .elementor-button::after {
    content: "✦";
    position: relative;
    z-index: 3;

    margin-left: 14px;

    color: #EF001D;
    font-size: 15px;
    line-height: 1;

    text-shadow: 0 0 7px rgba(239, 0, 29, 0.25);

    transition:
        color 0.4s ease,
        transform 0.4s ease,
        text-shadow 0.4s ease;
}

/* Keep button text above animation */
.elementor-1032 .elementor-element.elementor-element-5ee8527 .elementor-button-content-wrapper,
.elementor-1032 .elementor-element.elementor-element-5ee8527 .elementor-button-text {
    position: relative;
    z-index: 3;
}

/* Hover red fill */
.elementor-1032 .elementor-element.elementor-element-5ee8527 .elementor-button:hover::before {
    transform: translateX(-50%) scale(12);
}

/* White text on hover */
.elementor-1032 .elementor-element.elementor-element-5ee8527 .elementor-button:hover {
    color: #ffffff;
    border-color: #EF001D;

    box-shadow:
        0 7px 20px rgba(239, 0, 29, 0.30);

    transform: translateY(-1px);
}

.elementor-1032 .elementor-element.elementor-element-5ee8527 .elementor-button:hover::after {
    color: #ffffff;

    transform: rotate(90deg) scale(1.08);

    text-shadow:
        0 0 8px rgba(255, 255, 255, 0.8);
}

/* Click effect */
.elementor-1032 .elementor-element.elementor-element-5ee8527 .elementor-button:active {
    transform: translateY(0) scale(0.98);
}/* End custom CSS */