.elementor-27 .elementor-element.elementor-element-0d32f04{--display:flex;--min-height:551px;--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-27 .elementor-element.elementor-element-0d32f04:not(.elementor-motion-effects-element-type-background), .elementor-27 .elementor-element.elementor-element-0d32f04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shop.digiabhas.shop/wp-content/uploads/2026/05/Hero-Section.jpg");}.elementor-27 .elementor-element.elementor-element-0d32f04.e-con{--align-self:flex-end;}.elementor-27 .elementor-element.elementor-element-ddd3bab{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:11px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.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-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-27 .elementor-element.elementor-element-6eb3438{--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;}/* Start custom CSS for container, class: .elementor-element-ddd3bab *//* ================================
   GLASS MOTION EFFECT
   Works directly in Elementor Custom CSS
   Apply on: Container / Button / Image / Icon / Text
   Trigger: Hover
   Intensity: Medium
   Loop: No
================================ */

/* Main glass styling */
.elementor-27 .elementor-element.elementor-element-ddd3bab{
    position: relative;
    overflow: hidden;

    /* Glass look */
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border: 1px solid rgba(255,255,255,0.18);
    box-shadow:
        0 8px 32px rgba(0,0,0,0.12),
        inset 0 1px 1px rgba(255,255,255,0.15);

    transition:
        transform 0.5s ease,
        box-shadow 0.5s ease,
        background 0.5s ease;
}

/* Floating glass movement on hover */
.elementor-27 .elementor-element.elementor-element-ddd3bab:hover{
    transform: translateY(-8px) scale(1.02);

    background: rgba(255,255,255,0.12);

    box-shadow:
        0 18px 40px rgba(0,0,0,0.18),
        inset 0 1px 1px rgba(255,255,255,0.2);
}

/* Animated glossy reflection */
.elementor-27 .elementor-element.elementor-element-ddd3bab::before{
    content: "";
    position: absolute;
    top: -120%;
    left: -40%;

    width: 60%;
    height: 300%;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.35),
        transparent
    );

    transform: rotate(25deg);
    transition: all 0.8s ease;

    pointer-events: none;
}

/* Shine motion on hover */
.elementor-27 .elementor-element.elementor-element-ddd3bab:hover::before{
    left: 140%;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0593114 *//* ================================
   GLASS MOTION EFFECT
   Works directly in Elementor Custom CSS
   Apply on: Container / Button / Image / Icon / Text
   Trigger: Hover
   Intensity: Medium
   Loop: No
================================ */

/* Main glass styling */
.elementor-27 .elementor-element.elementor-element-0593114{
    position: relative;
    overflow: hidden;

    /* Glass look */
    background: rgba(255,255,255,0.08);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);

    border: 1px solid rgba(255,255,255,0.18);
    box-shadow:
        0 8px 32px rgba(0,0,0,0.12),
        inset 0 1px 1px rgba(255,255,255,0.15);

    transition:
        transform 0.5s ease,
        box-shadow 0.5s ease,
        background 0.5s ease;
}

/* Floating glass movement on hover */
.elementor-27 .elementor-element.elementor-element-0593114:hover{
    transform: translateY(-8px) scale(1.02);

    background: rgba(255,255,255,0.12);

    box-shadow:
        0 18px 40px rgba(0,0,0,0.18),
        inset 0 1px 1px rgba(255,255,255,0.2);
}

/* Animated glossy reflection */
.elementor-27 .elementor-element.elementor-element-0593114::before{
    content: "";
    position: absolute;
    top: -120%;
    left: -40%;

    width: 60%;
    height: 300%;

    background: linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.35),
        transparent
    );

    transform: rotate(25deg);
    transition: all 0.8s ease;

    pointer-events: none;
}

/* Shine motion on hover */
.elementor-27 .elementor-element.elementor-element-0593114:hover::before{
    left: 140%;
}/* End custom CSS */