.elementor-1957 .elementor-element.elementor-element-66143ff{--display:flex;--min-height:620px;--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;--justify-content:center;--overlay-opacity:0.4;}.elementor-1957 .elementor-element.elementor-element-66143ff:not(.elementor-motion-effects-element-type-background), .elementor-1957 .elementor-element.elementor-element-66143ff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://kodeindia.in/wp-content/uploads/2026/04/Goelst_slider_top-quality_curtain_rails-1644x560-1.webp");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-1957 .elementor-element.elementor-element-66143ff::before, .elementor-1957 .elementor-element.elementor-element-66143ff > .elementor-background-video-container::before, .elementor-1957 .elementor-element.elementor-element-66143ff > .e-con-inner > .elementor-background-video-container::before, .elementor-1957 .elementor-element.elementor-element-66143ff > .elementor-background-slideshow::before, .elementor-1957 .elementor-element.elementor-element-66143ff > .e-con-inner > .elementor-background-slideshow::before, .elementor-1957 .elementor-element.elementor-element-66143ff > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-1957 .elementor-element.elementor-element-66143ff.e-con{--align-self:center;}.elementor-1957 .elementor-element.elementor-element-1c630ee{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0100px;--padding-bottom:0100px;--padding-left:20px;--padding-right:020px;}.elementor-1957 .elementor-element.elementor-element-8c28806{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-1957 .elementor-element.elementor-element-6d89a00{text-align:start;}.elementor-1957 .elementor-element.elementor-element-6d89a00 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:50px;font-weight:700;line-height:1.2px;letter-spacing:-0.5px;color:#111111;}.elementor-1957 .elementor-element.elementor-element-6f52a7c{--display:flex;}.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-1957 .elementor-element.elementor-element-be985ec{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Lora", Sans-serif;font-size:19px;font-weight:400;color:#7A7A7A;}.elementor-1957 .elementor-element.elementor-element-a8ff1b4 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:23px;font-weight:600;color:#474747;}.elementor-1957 .elementor-element.elementor-element-9ac82ea{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;font-family:"Lora", Sans-serif;font-size:19px;font-weight:400;color:#7A7A7A;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1957 .elementor-element.elementor-element-936983a .elementor-icon-list-icon i{color:#7A7A7A;transition:color 0.3s;}.elementor-1957 .elementor-element.elementor-element-936983a .elementor-icon-list-icon svg{fill:#7A7A7A;transition:fill 0.3s;}.elementor-1957 .elementor-element.elementor-element-936983a{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1957 .elementor-element.elementor-element-936983a .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1957 .elementor-element.elementor-element-936983a .elementor-icon-list-item > a{font-family:"Lora", Sans-serif;font-size:19px;font-weight:400;}.elementor-1957 .elementor-element.elementor-element-936983a .elementor-icon-list-text{color:#7A7A7A;transition:color 0.3s;}.elementor-1957 .elementor-element.elementor-element-75366d4{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.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-1957 .elementor-element.elementor-element-3377fa1 img{max-width:61%;border-radius:20px 20px 20px 20px;}.elementor-1957 .elementor-element.elementor-element-a450dcd{--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-1957 .elementor-element.elementor-element-fabfd34{text-align:center;}.elementor-1957 .elementor-element.elementor-element-fabfd34 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:40px;font-weight:600;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-1957 .elementor-element.elementor-element-5586f40{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;margin:-24px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1957 .elementor-element.elementor-element-5586f40 .elementor-divider-separator{width:11%;margin:0 auto;margin-center:0;}.elementor-1957 .elementor-element.elementor-element-5586f40 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-1957 .elementor-element.elementor-element-07c6b83{--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;--justify-content:space-between;--gap:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-1957 .elementor-element.elementor-element-73a5096{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1957 .elementor-element.elementor-element-a49dc90 .elementor-icon-wrapper{text-align:center;}.elementor-1957 .elementor-element.elementor-element-a49dc90.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1957 .elementor-element.elementor-element-a49dc90.elementor-view-framed .elementor-icon, .elementor-1957 .elementor-element.elementor-element-a49dc90.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1957 .elementor-element.elementor-element-a49dc90.elementor-view-framed .elementor-icon, .elementor-1957 .elementor-element.elementor-element-a49dc90.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1957 .elementor-element.elementor-element-bf02047{text-align:center;}.elementor-1957 .elementor-element.elementor-element-bf02047 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:30px;font-weight:700;text-transform:none;color:#000000;}.elementor-1957 .elementor-element.elementor-element-7d5bb23{padding:0px 30px 0px 030px;text-align:center;color:#000000;}.elementor-1957 .elementor-element.elementor-element-a707728{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1957 .elementor-element.elementor-element-6678de9 .elementor-icon-wrapper{text-align:center;}.elementor-1957 .elementor-element.elementor-element-6678de9.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1957 .elementor-element.elementor-element-6678de9.elementor-view-framed .elementor-icon, .elementor-1957 .elementor-element.elementor-element-6678de9.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1957 .elementor-element.elementor-element-6678de9.elementor-view-framed .elementor-icon, .elementor-1957 .elementor-element.elementor-element-6678de9.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1957 .elementor-element.elementor-element-7463c27{text-align:center;}.elementor-1957 .elementor-element.elementor-element-7463c27 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:30px;font-weight:700;text-transform:none;color:#000000;}.elementor-1957 .elementor-element.elementor-element-07a1abf{padding:0px 30px 0px 030px;text-align:center;color:#000000;}.elementor-1957 .elementor-element.elementor-element-e61fe92{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1957 .elementor-element.elementor-element-20aef07 .elementor-icon-wrapper{text-align:center;}.elementor-1957 .elementor-element.elementor-element-20aef07.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1957 .elementor-element.elementor-element-20aef07.elementor-view-framed .elementor-icon, .elementor-1957 .elementor-element.elementor-element-20aef07.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1957 .elementor-element.elementor-element-20aef07.elementor-view-framed .elementor-icon, .elementor-1957 .elementor-element.elementor-element-20aef07.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1957 .elementor-element.elementor-element-3b402df{margin:-2px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-1957 .elementor-element.elementor-element-3b402df .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:30px;font-weight:700;text-transform:none;color:#000000;}.elementor-1957 .elementor-element.elementor-element-7ea9aab{padding:0px 30px 0px 030px;text-align:center;color:#000000;}.elementor-1957 .elementor-element.elementor-element-df4d5e8{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1957 .elementor-element.elementor-element-80646a7 .elementor-icon-wrapper{text-align:center;}.elementor-1957 .elementor-element.elementor-element-80646a7.elementor-view-stacked .elementor-icon{background-color:#000000;}.elementor-1957 .elementor-element.elementor-element-80646a7.elementor-view-framed .elementor-icon, .elementor-1957 .elementor-element.elementor-element-80646a7.elementor-view-default .elementor-icon{color:#000000;border-color:#000000;}.elementor-1957 .elementor-element.elementor-element-80646a7.elementor-view-framed .elementor-icon, .elementor-1957 .elementor-element.elementor-element-80646a7.elementor-view-default .elementor-icon svg{fill:#000000;}.elementor-1957 .elementor-element.elementor-element-4f71d4a{text-align:center;}.elementor-1957 .elementor-element.elementor-element-4f71d4a .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:30px;font-weight:700;text-transform:none;color:#000000;}.elementor-1957 .elementor-element.elementor-element-ddf6199{padding:0px 30px 0px 030px;text-align:center;color:#000000;}.elementor-1957 .elementor-element.elementor-element-886c658{--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-1957 .elementor-element.elementor-element-82d7ecd{--spacer-size:50px;}.elementor-1957 .elementor-element.elementor-element-936185b{--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-1957 .elementor-element.elementor-element-b14e737{text-align:center;}.elementor-1957 .elementor-element.elementor-element-b14e737 .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:40px;font-weight:600;color:#000000;}.elementor-1957 .elementor-element.elementor-element-0990f57{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;margin:-32px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1957 .elementor-element.elementor-element-0990f57 .elementor-divider-separator{width:24%;margin:0 auto;margin-center:0;}.elementor-1957 .elementor-element.elementor-element-0990f57 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-1957 .elementor-element.elementor-element-0db9b18{margin:-48px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;font-family:"Lora", Sans-serif;font-weight:400;color:#534E4E;}.elementor-1957 .elementor-element.elementor-element-3c98297{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1957 .elementor-element.elementor-element-3c98297.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1957 .elementor-element.elementor-element-4bd8e79{margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-1957 .elementor-element.elementor-element-b0ac3fe{--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-1957 .elementor-element.elementor-element-76b1d35{--display:flex;--min-height:30vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-1957 .elementor-element.elementor-element-76b1d35:not(.elementor-motion-effects-element-type-background), .elementor-1957 .elementor-element.elementor-element-76b1d35 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1957 .elementor-element.elementor-element-f8bec9a .elementor-heading-title{font-family:"Lora", Sans-serif;font-size:40px;font-weight:600;color:#FFFFFF;}.elementor-1957 .elementor-element.elementor-element-114aef4{font-family:"Lora", Sans-serif;font-weight:400;color:#D6D5D5;}.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-1957 .elementor-element.elementor-element-dd62017 .elementor-button{background-color:#FFFFFF;font-family:"Lora", Sans-serif;font-weight:500;fill:#000000;color:#000000;border-style:solid;border-width:4px 4px 4px 4px;border-radius:6px 6px 6px 6px;padding:020px 035px 020px 035px;}.elementor-1957 .elementor-element.elementor-element-dd62017 .elementor-button:hover, .elementor-1957 .elementor-element.elementor-element-dd62017 .elementor-button:focus{background-color:#050505;color:#FFFFFF;border-color:#FFFFFF;}.elementor-1957 .elementor-element.elementor-element-dd62017 .elementor-button:hover svg, .elementor-1957 .elementor-element.elementor-element-dd62017 .elementor-button:focus svg{fill:#FFFFFF;}@media(max-width:1024px){.elementor-1957 .elementor-element.elementor-element-6d89a00 .elementor-heading-title{line-height:1.1em;}}@media(min-width:768px){.elementor-1957 .elementor-element.elementor-element-66143ff{--content-width:1035px;}.elementor-1957 .elementor-element.elementor-element-1c630ee{--content-width:1200px;}.elementor-1957 .elementor-element.elementor-element-3c98297{--width:98.308%;}}/* Start custom CSS for icon-list, class: .elementor-element-936983a */ul li {
    border: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-73a5096 *//* 1. The Main Card Container */
.elementor-1957 .elementor-element.elementor-element-73a5096 {
    --bg-color: #ffffff;
    --shimmer-color: #f0f0f0; /* Soft Metallic Grey */
    --accent-color: #e5e5e5;
    
    position: relative;
    padding: 40px;
    background: var(--bg-color);
    border: 1px solid #eeeeee;
    border-radius: 20px;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease;
}

/* 2. The Animated Liquid Background */
.elementor-1957 .elementor-element.elementor-element-73a5096::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 400%; /* Extra wide for smooth movement */
    height: 100%;
    background: linear-gradient(
        -45deg, 
        var(--bg-color) 25%, 
        var(--shimmer-color) 35%, 
        var(--accent-color) 50%, 
        var(--shimmer-color) 65%, 
        var(--bg-color) 75%
    );
    background-size: 50% 100%;
    animation: liquidMove 8s linear infinite;
    z-index: -1;
    opacity: 0.6;
}

/* 3. The Animation Logic */
@keyframes liquidMove {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

/* 4. The "KODE" Hover Effect */
.elementor-1957 .elementor-element.elementor-element-73a5096:hover {
    border-color: #000000;
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.06);
}

/* 5. Keeping Text Sharp */
.elementor-1957 .elementor-element.elementor-element-73a5096 .elementor-widget-container {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a707728 *//* 1. The Main Card Container */
.elementor-1957 .elementor-element.elementor-element-a707728 {
    --bg-color: #ffffff;
    --shimmer-color: #f0f0f0; /* Soft Metallic Grey */
    --accent-color: #e5e5e5;
    
    position: relative;
    padding: 40px;
    background: var(--bg-color);
    border: 1px solid #eeeeee;
    border-radius: 20px;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease;
}

/* 2. The Animated Liquid Background */
.elementor-1957 .elementor-element.elementor-element-a707728::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 400%; /* Extra wide for smooth movement */
    height: 100%;
    background: linear-gradient(
        -45deg, 
        var(--bg-color) 25%, 
        var(--shimmer-color) 35%, 
        var(--accent-color) 50%, 
        var(--shimmer-color) 65%, 
        var(--bg-color) 75%
    );
    background-size: 50% 100%;
    animation: liquidMove 8s linear infinite;
    z-index: -1;
    opacity: 0.6;
}

/* 3. The Animation Logic */
@keyframes liquidMove {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

/* 4. The "KODE" Hover Effect */
.elementor-1957 .elementor-element.elementor-element-a707728:hover {
    border-color: #000000;
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.06);
}

/* 5. Keeping Text Sharp */
.elementor-1957 .elementor-element.elementor-element-a707728 .elementor-widget-container {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e61fe92 *//* 1. The Main Card Container */
.elementor-1957 .elementor-element.elementor-element-e61fe92 {
    --bg-color: #ffffff;
    --shimmer-color: #f0f0f0; /* Soft Metallic Grey */
    --accent-color: #e5e5e5;
    
    position: relative;
    padding: 40px;
    background: var(--bg-color);
    border: 1px solid #eeeeee;
    border-radius: 20px;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease;
}

/* 2. The Animated Liquid Background */
.elementor-1957 .elementor-element.elementor-element-e61fe92::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 400%; /* Extra wide for smooth movement */
    height: 100%;
    background: linear-gradient(
        -45deg, 
        var(--bg-color) 25%, 
        var(--shimmer-color) 35%, 
        var(--accent-color) 50%, 
        var(--shimmer-color) 65%, 
        var(--bg-color) 75%
    );
    background-size: 50% 100%;
    animation: liquidMove 8s linear infinite;
    z-index: -1;
    opacity: 0.6;
}

/* 3. The Animation Logic */
@keyframes liquidMove {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

/* 4. The "KODE" Hover Effect */
.elementor-1957 .elementor-element.elementor-element-e61fe92:hover {
    border-color: #000000;
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.06);
}

/* 5. Keeping Text Sharp */
.elementor-1957 .elementor-element.elementor-element-e61fe92 .elementor-widget-container {
    position: relative;
    z-index: 2;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-df4d5e8 *//* 1. The Main Card Container */
.elementor-1957 .elementor-element.elementor-element-df4d5e8 {
    --bg-color: #ffffff;
    --shimmer-color: #f0f0f0; /* Soft Metallic Grey */
    --accent-color: #e5e5e5;
    
    position: relative;
    padding: 40px;
    background: var(--bg-color);
    border: 1px solid #eeeeee;
    border-radius: 20px;
    overflow: hidden;
    z-index: 1;
    transition: all 0.4s ease;
}

/* 2. The Animated Liquid Background */
.elementor-1957 .elementor-element.elementor-element-df4d5e8::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 400%; /* Extra wide for smooth movement */
    height: 100%;
    background: linear-gradient(
        -45deg, 
        var(--bg-color) 25%, 
        var(--shimmer-color) 35%, 
        var(--accent-color) 50%, 
        var(--shimmer-color) 65%, 
        var(--bg-color) 75%
    );
    background-size: 50% 100%;
    animation: liquidMove 8s linear infinite;
    z-index: -1;
    opacity: 0.6;
}

/* 3. The Animation Logic */
@keyframes liquidMove {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}

/* 4. The "KODE" Hover Effect */
.elementor-1957 .elementor-element.elementor-element-df4d5e8:hover {
    border-color: #000000;
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0,0,0,0.06);
}

/* 5. Keeping Text Sharp */
.elementor-1957 .elementor-element.elementor-element-df4d5e8 .elementor-widget-container {
    position: relative;
    z-index: 2;
}/* End custom CSS */