.elementor-213 .elementor-element.elementor-element-b0cb94f{--display:flex;--min-height:100vh;--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;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-213 .elementor-element.elementor-element-b0cb94f:not(.elementor-motion-effects-element-type-background), .elementor-213 .elementor-element.elementor-element-b0cb94f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-213 .elementor-element.elementor-element-b0cb94f::before, .elementor-213 .elementor-element.elementor-element-b0cb94f > .elementor-background-video-container::before, .elementor-213 .elementor-element.elementor-element-b0cb94f > .e-con-inner > .elementor-background-video-container::before, .elementor-213 .elementor-element.elementor-element-b0cb94f > .elementor-background-slideshow::before, .elementor-213 .elementor-element.elementor-element-b0cb94f > .e-con-inner > .elementor-background-slideshow::before, .elementor-213 .elementor-element.elementor-element-b0cb94f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-213 .elementor-element.elementor-element-a069937{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--overlay-opacity:1;}.elementor-213 .elementor-element.elementor-element-a069937::before, .elementor-213 .elementor-element.elementor-element-a069937 > .elementor-background-video-container::before, .elementor-213 .elementor-element.elementor-element-a069937 > .e-con-inner > .elementor-background-video-container::before, .elementor-213 .elementor-element.elementor-element-a069937 > .elementor-background-slideshow::before, .elementor-213 .elementor-element.elementor-element-a069937 > .e-con-inner > .elementor-background-slideshow::before, .elementor-213 .elementor-element.elementor-element-a069937 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://nine2elevenfoodservices.com/wp-content/uploads/2026/05/Indian-food-login-page-background.webp");--background-overlay:'';background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-213 .elementor-element.elementor-element-a069937.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-213 .elementor-element.elementor-element-22fc7c1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--border-radius:10px 10px 10px 10px;--margin-top:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-213 .elementor-element.elementor-element-22fc7c1:not(.elementor-motion-effects-element-type-background), .elementor-213 .elementor-element.elementor-element-22fc7c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-213 .elementor-element.elementor-element-09e29a5 img{width:11%;max-width:50%;}.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-213 .elementor-element.elementor-element-5c25870{text-align:center;}.elementor-213 .elementor-element.elementor-element-5c25870 .elementor-heading-title{font-size:14px;font-weight:600;color:var( --e-global-color-text );}.elementor-213 .elementor-element.elementor-element-738aaf3{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;text-align:center;}.elementor-213 .elementor-element.elementor-element-738aaf3 .elementor-heading-title{font-family:"Lato", Sans-serif;font-weight:400;line-height:20px;color:#0B1F3A;}.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-213 .elementor-element.elementor-element-ce97c2a{background-color:#02010100;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}@media(min-width:768px){.elementor-213 .elementor-element.elementor-element-a069937{--width:65%;}}@media(max-width:1024px) and (min-width:768px){.elementor-213 .elementor-element.elementor-element-a069937{--width:55%;}}@media(max-width:1366px){.elementor-213 .elementor-element.elementor-element-738aaf3{--container-widget-width:75%;--container-widget-flex-grow:0;width:var( --container-widget-width, 75% );max-width:75%;}}@media(max-width:1024px){.elementor-213 .elementor-element.elementor-element-738aaf3{--container-widget-width:80%;--container-widget-flex-grow:0;width:var( --container-widget-width, 80% );max-width:80%;}}@media(max-width:767px){.elementor-213 .elementor-element.elementor-element-a069937{--min-height:25vh;}.elementor-213 .elementor-element.elementor-element-22fc7c1{--margin-top:5px;--margin-bottom:5px;--margin-left:5px;--margin-right:5px;}}/* Start custom CSS for container, class: .elementor-element-22fc7c1 */.elementor-213 .elementor-element.elementor-element-22fc7c1 {
    background:
        radial-gradient(circle at 20% 30%, rgba(255, 122, 0, 0.10) 0%, transparent 35%),
        radial-gradient(circle at 80% 20%, rgba(255, 145, 40, 0.08) 0%, transparent 30%),
        radial-gradient(circle at 60% 80%, rgba(255, 122, 0, 0.06) 0%, transparent 35%),
        linear-gradient(135deg, #fffdf9 0%, #fff8ef 35%, #fffdf9 100%);
    position: relative;
    overflow: hidden;
    isolation: isolate;   /* IMPORTANT FIX */
}

.elementor-213 .elementor-element.elementor-element-22fc7c1::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        115deg,
        transparent 15%,
        rgba(255, 122, 0, 0.10) 30%,
        rgba(255, 180, 80, 0.16) 50%,
        rgba(255, 122, 0, 0.08) 70%,
        transparent 85%
    );
    background-size: 250% 250%;
    filter: blur(24px);
    animation: silkWaveMove 7s ease-in-out infinite;
    z-index: -1;   /* FIX */
    pointer-events: none;
}

.elementor-213 .elementor-element.elementor-element-22fc7c1::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:
        radial-gradient(circle at 30% 40%, rgba(255,122,0,0.12), transparent 28%),
        radial-gradient(circle at 70% 60%, rgba(255,160,50,0.10), transparent 25%);
    animation: silkGlowFloat 8s ease-in-out infinite alternate;
    z-index: -1;   /* FIX */
    pointer-events: none;
}

#smoke-container {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 9999;
    overflow: hidden;
}

.smoke-puff {
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient(
        circle,
        rgba(255, 122, 0, 0.18) 0%,
        rgba(255, 160, 60, 0.10) 35%,
        rgba(255, 200, 120, 0.05) 55%,
        transparent 75%
    );
    filter: blur(18px);
    mix-blend-mode: screen;
    animation: smokeDrift 1.8s ease-out forwards;
}

@keyframes smokeDrift {
    0% {
        opacity: 0.8;
        transform: translate(-50%, -50%) scale(0.4);
    }

    40% {
        opacity: 0.55;
    }

    100% {
        opacity: 0;
        transform: translate(-50%, -80%) scale(2.2);
    }
}/* End custom CSS */