.elementor-2887 .elementor-element.elementor-element-a6f350d:not(.elementor-motion-effects-element-type-background), .elementor-2887 .elementor-element.elementor-element-a6f350d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-6b82c04 );background-image:url("https://greencasetech.w3sitedesign.com/hk/wp-content/uploads/2025/09/kenan-kitchen-NuVatYA1cEU-unsplash-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2887 .elementor-element.elementor-element-a6f350d > .elementor-background-overlay{background-color:var( --e-global-color-6b82c04 );background-image:url("https://greencasetech.w3sitedesign.com/hk/wp-content/uploads/2025/09/Rectangle-831.png");background-position:center center;background-size:cover;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2887 .elementor-element.elementor-element-a6f350d > .elementor-container{min-height:583px;}.elementor-2887 .elementor-element.elementor-element-a6f350d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;color:var( --e-global-color-primary );}.elementor-2887 .elementor-element.elementor-element-cca7e36{text-align:center;}.elementor-2887 .elementor-element.elementor-element-cca7e36 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:45px;font-weight:700;color:var( --e-global-color-50356c0 );}.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;}.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-2887 .elementor-element.elementor-element-c26148f{--divider-border-style:solid;--divider-color:var( --e-global-color-a475ed9 );--divider-border-width:2px;}.elementor-2887 .elementor-element.elementor-element-c26148f .elementor-divider-separator{width:20%;margin:0 auto;margin-center:0;}.elementor-2887 .elementor-element.elementor-element-c26148f .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-2887 .elementor-element.elementor-element-173e8e1{padding:50px 100px 0px 100px;}.elementor-bc-flex-widget .elementor-2887 .elementor-element.elementor-element-a4ac837.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2887 .elementor-element.elementor-element-a4ac837.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2887 .elementor-element.elementor-element-a4ac837 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-text-editor{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-2887 .elementor-element.elementor-element-dd02e0c{text-align:center;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-822bf46 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );}.elementor-2887 .elementor-element.elementor-element-368eb2a{padding:0px 0px 50px 0px;}.elementor-2887 .elementor-element.elementor-element-fb9fb77 > .elementor-element-populated{padding:0px 100px 0px 100px;}.elementor-2887 .elementor-element.elementor-element-f513354{padding:25px 0px 20px 0px;text-align:start;font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-822bf46 );}.elementor-2887 .elementor-element.elementor-element-f4e75e7{text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-822bf46 );}.elementor-2887 .elementor-element.elementor-element-3ab9251{padding:0px 0px 50px 0px;}.elementor-2887 .elementor-element.elementor-element-649e7b1 > .elementor-element-populated{padding:0px 100px 0px 100px;}.elementor-2887 .elementor-element.elementor-element-14139e9{padding:25px 0px 20px 0px;text-align:center;font-family:"Inter", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-822bf46 );}.elementor-2887 .elementor-element.elementor-element-2441b0a{text-align:start;font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-822bf46 );}.elementor-2887 .elementor-element.elementor-element-1037fb2:not(.elementor-motion-effects-element-type-background), .elementor-2887 .elementor-element.elementor-element-1037fb2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-2887 .elementor-element.elementor-element-1037fb2, .elementor-2887 .elementor-element.elementor-element-1037fb2 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-2887 .elementor-element.elementor-element-1037fb2{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2887 .elementor-element.elementor-element-1037fb2 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2887 .elementor-element.elementor-element-04c6376:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2887 .elementor-element.elementor-element-04c6376 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-50356c0 );}.elementor-2887 .elementor-element.elementor-element-04c6376 > .elementor-element-populated, .elementor-2887 .elementor-element.elementor-element-04c6376 > .elementor-element-populated > .elementor-background-overlay, .elementor-2887 .elementor-element.elementor-element-04c6376 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-2887 .elementor-element.elementor-element-04c6376 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:30px 30px 30px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:20px 20px 20px 20px;}.elementor-2887 .elementor-element.elementor-element-04c6376 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2887 .elementor-element.elementor-element-1411706{padding:20px 0px 0px 0px;text-align:center;}.elementor-2887 .elementor-element.elementor-element-1411706 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:30px;color:var( --e-global-color-6b82c04 );}.elementor-2887 .elementor-element.elementor-element-980f175:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2887 .elementor-element.elementor-element-980f175 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-50356c0 );}.elementor-2887 .elementor-element.elementor-element-980f175 > .elementor-element-populated, .elementor-2887 .elementor-element.elementor-element-980f175 > .elementor-element-populated > .elementor-background-overlay, .elementor-2887 .elementor-element.elementor-element-980f175 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-2887 .elementor-element.elementor-element-980f175 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:30px 30px 30px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:20px 20px 20px 20px;}.elementor-2887 .elementor-element.elementor-element-980f175 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2887 .elementor-element.elementor-element-0012dfa{padding:0px 0px 0px 0px;text-align:center;}.elementor-2887 .elementor-element.elementor-element-0012dfa .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:30px;color:var( --e-global-color-6b82c04 );}.elementor-2887 .elementor-element.elementor-element-7fee086:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2887 .elementor-element.elementor-element-7fee086 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-50356c0 );}.elementor-2887 .elementor-element.elementor-element-7fee086 > .elementor-element-populated, .elementor-2887 .elementor-element.elementor-element-7fee086 > .elementor-element-populated > .elementor-background-overlay, .elementor-2887 .elementor-element.elementor-element-7fee086 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-2887 .elementor-element.elementor-element-7fee086 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:30px 30px 30px 30px;--e-column-margin-right:30px;--e-column-margin-left:30px;padding:20px 20px 20px 20px;}.elementor-2887 .elementor-element.elementor-element-7fee086 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2887 .elementor-element.elementor-element-df23662{padding:20px 0px 0px 0px;text-align:center;}.elementor-2887 .elementor-element.elementor-element-df23662 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:30px;color:var( --e-global-color-6b82c04 );}.elementor-2887 .elementor-element.elementor-element-d06f81c{padding:0px 100px 0px 100px;}.elementor-bc-flex-widget .elementor-2887 .elementor-element.elementor-element-eb60d45.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2887 .elementor-element.elementor-element-eb60d45.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2887 .elementor-element.elementor-element-eb60d45 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2887 .elementor-element.elementor-element-66fee0b{padding:0px 0px 20px 0px;text-align:center;}.elementor-2887 .elementor-element.elementor-element-66fee0b .elementor-heading-title{font-family:"Manrope", Sans-serif;color:var( --e-global-color-6b82c04 );}.elementor-2887 .elementor-element.elementor-element-96e7be8 > .elementor-container{max-width:900px;}.elementor-2887 .elementor-element.elementor-element-d6c5332{padding:50px 100px 0px 100px;z-index:10;}.elementor-bc-flex-widget .elementor-2887 .elementor-element.elementor-element-050ee62.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2887 .elementor-element.elementor-element-050ee62.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2887 .elementor-element.elementor-element-050ee62 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2887 .elementor-element.elementor-element-29fa5ff > .elementor-container{max-width:750px;}.elementor-2887 .elementor-element.elementor-element-9cc2a24{padding:0px 0px 30px 0px;text-align:center;}.elementor-2887 .elementor-element.elementor-element-9cc2a24 .elementor-heading-title{font-family:"Manrope", Sans-serif;color:var( --e-global-color-6b82c04 );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-2887 .elementor-element.elementor-element-09282e9 .elementor-button{background-color:var( --e-global-color-3dd6ed5 );font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;fill:var( --e-global-color-50356c0 );color:var( --e-global-color-50356c0 );border-radius:5px 5px 5px 5px;}.elementor-2887 .elementor-element.elementor-element-09282e9{padding:20px 20px 20px 20px;}.elementor-2887 .elementor-element.elementor-element-993c769:not(.elementor-motion-effects-element-type-background), .elementor-2887 .elementor-element.elementor-element-993c769 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-2887 .elementor-element.elementor-element-993c769, .elementor-2887 .elementor-element.elementor-element-993c769 > .elementor-background-overlay{border-radius:10px 10px 10px 10px;}.elementor-2887 .elementor-element.elementor-element-993c769{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2887 .elementor-element.elementor-element-993c769 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2887 .elementor-element.elementor-element-b17a19f:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2887 .elementor-element.elementor-element-b17a19f > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-50356c0 );}.elementor-2887 .elementor-element.elementor-element-b17a19f > .elementor-element-populated, .elementor-2887 .elementor-element.elementor-element-b17a19f > .elementor-element-populated > .elementor-background-overlay, .elementor-2887 .elementor-element.elementor-element-b17a19f > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-2887 .elementor-element.elementor-element-b17a19f > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:20px 20px 20px 20px;}.elementor-2887 .elementor-element.elementor-element-b17a19f > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2887 .elementor-element.elementor-element-241cc81 img{width:35%;}.elementor-2887 .elementor-element.elementor-element-bcb3885{padding:20px 0px 0px 0px;text-align:center;}.elementor-2887 .elementor-element.elementor-element-bcb3885 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:30px;color:var( --e-global-color-6b82c04 );}.elementor-2887 .elementor-element.elementor-element-4b1251a:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2887 .elementor-element.elementor-element-4b1251a > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-50356c0 );}.elementor-2887 .elementor-element.elementor-element-4b1251a > .elementor-element-populated, .elementor-2887 .elementor-element.elementor-element-4b1251a > .elementor-element-populated > .elementor-background-overlay, .elementor-2887 .elementor-element.elementor-element-4b1251a > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-2887 .elementor-element.elementor-element-4b1251a > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:20px 20px 20px 20px;}.elementor-2887 .elementor-element.elementor-element-4b1251a > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2887 .elementor-element.elementor-element-27d3241{padding:20px 0px 0px 0px;text-align:center;}.elementor-2887 .elementor-element.elementor-element-27d3241 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:30px;color:var( --e-global-color-6b82c04 );}.elementor-2887 .elementor-element.elementor-element-f5ec636:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-2887 .elementor-element.elementor-element-f5ec636 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-50356c0 );}.elementor-2887 .elementor-element.elementor-element-f5ec636 > .elementor-element-populated, .elementor-2887 .elementor-element.elementor-element-f5ec636 > .elementor-element-populated > .elementor-background-overlay, .elementor-2887 .elementor-element.elementor-element-f5ec636 > .elementor-background-slideshow{border-radius:5px 5px 5px 5px;}.elementor-2887 .elementor-element.elementor-element-f5ec636 > .elementor-element-populated{box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:20px 20px 20px 20px;}.elementor-2887 .elementor-element.elementor-element-f5ec636 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2887 .elementor-element.elementor-element-4a99439{padding:20px 0px 0px 0px;text-align:center;}.elementor-2887 .elementor-element.elementor-element-4a99439 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:20px;font-weight:700;line-height:30px;color:var( --e-global-color-6b82c04 );}.elementor-2887 .elementor-element.elementor-element-f3dc58b:not(.elementor-motion-effects-element-type-background), .elementor-2887 .elementor-element.elementor-element-f3dc58b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://greencasetech.w3sitedesign.com/hk/wp-content/uploads/2025/09/Untitled-12-e1757495799489.png");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-2887 .elementor-element.elementor-element-f3dc58b > .elementor-background-overlay{background-image:url("https://greencasetech.w3sitedesign.com/hk/wp-content/uploads/2025/09/Rectangle-7.png");background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2887 .elementor-element.elementor-element-f3dc58b > .elementor-container{min-height:850px;}.elementor-2887 .elementor-element.elementor-element-f3dc58b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-50px;margin-bottom:0px;padding:0px 100px 0px 100px;}@media(max-width:1024px){.elementor-2887 .elementor-element.elementor-element-f3dc58b{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-2887 .elementor-element.elementor-element-a6f350d > .elementor-container{min-height:400px;}.elementor-2887 .elementor-element.elementor-element-cca7e36 .elementor-heading-title{font-size:35px;}.elementor-2887 .elementor-element.elementor-element-173e8e1{padding:10px 10px 10px 10px;}.elementor-2887 .elementor-element.elementor-element-a4ac837 > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-2887 .elementor-element.elementor-element-368eb2a{padding:020px 020px 020px 020px;}.elementor-2887 .elementor-element.elementor-element-fb9fb77 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2887 .elementor-element.elementor-element-3ab9251{padding:020px 020px 020px 020px;}.elementor-2887 .elementor-element.elementor-element-649e7b1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2887 .elementor-element.elementor-element-04c6376 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:10px 10px 10px 10px;}.elementor-2887 .elementor-element.elementor-element-1411706 .elementor-heading-title{font-size:24px;line-height:1.5em;}.elementor-2887 .elementor-element.elementor-element-980f175 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:10px 10px 10px 10px;}.elementor-2887 .elementor-element.elementor-element-0012dfa .elementor-heading-title{font-size:24px;line-height:1.5em;}.elementor-2887 .elementor-element.elementor-element-7fee086 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:10px 10px 10px 10px;}.elementor-2887 .elementor-element.elementor-element-df23662 .elementor-heading-title{font-size:24px;line-height:1.5em;}.elementor-2887 .elementor-element.elementor-element-d06f81c{padding:0px 0px 0px 0px;}.elementor-2887 .elementor-element.elementor-element-eb60d45 > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-2887 .elementor-element.elementor-element-d6c5332{padding:0px 0px 0px 0px;}.elementor-2887 .elementor-element.elementor-element-050ee62 > .elementor-element-populated{padding:15px 15px 15px 15px;}.elementor-2887 .elementor-element.elementor-element-b17a19f > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:10px 10px 10px 10px;}.elementor-2887 .elementor-element.elementor-element-bcb3885 .elementor-heading-title{font-size:24px;line-height:1.5em;}.elementor-2887 .elementor-element.elementor-element-4b1251a > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:10px 10px 10px 10px;}.elementor-2887 .elementor-element.elementor-element-27d3241 .elementor-heading-title{font-size:24px;line-height:1.5em;}.elementor-2887 .elementor-element.elementor-element-f5ec636 > .elementor-element-populated{margin:10px 10px 10px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;padding:10px 10px 10px 10px;}.elementor-2887 .elementor-element.elementor-element-4a99439 .elementor-heading-title{font-size:24px;line-height:1.5em;}.elementor-2887 .elementor-element.elementor-element-f3dc58b > .elementor-container{min-height:600px;}.elementor-2887 .elementor-element.elementor-element-f3dc58b{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html,class:.elementor-element-d58e24a */.custom-l-border{position:relative;padding:60px;background-color:#ffffff;box-sizing:border-box;color:#565656;/* Text color */}/* ---------------- DESKTOP STYLES ---------------- */ /* Top horizontal green line */ .custom-l-border::before{content:'';position:absolute;top:0;left:0;width:700px;max-width:100%;height:4px;background-color:#4CAF50}/* Left vertical green line */ .custom-l-border::after{content:'';position:absolute;top:0;left:0;width:4px;height:70px;background-color:#4CAF50}/* Bottom horizontal green line */ .custom-l-border .bottom-line{content:'';position:absolute;bottom:0;right:0;width:700px;max-width:100%;height:4px;background-color:#4CAF50}/* Bottom-right corner (vertical+horizontal) */ .custom-l-border .bottom-right-corner::before{content:'';position:absolute;bottom:0;right:0;width:4px;height:70px;background-color:#4CAF50;/* Vertical red */}.custom-l-border .bottom-right-corner::after{content:'';position:absolute;bottom:0;right:0;width:700px;max-width:100%;height:4px;background-color:#4CAF5;/* Horizontal red */}/* Top-right icon */ .custom-l-border .icon-top-right{position:absolute;top:-20px;right:10px;width:55px;height:auto}/* Bottom-left icon */ .custom-l-border .icon-bottom-left{position:absolute;bottom:0px;left:-20px;width:55px;height:auto}/* ---------------- MOBILE RESPONSIVE ---------------- */ @media (max-width:768px){.custom-l-border{padding:30px}.custom-l-border::before,.custom-l-border .bottom-line,.custom-l-border .bottom-right-corner::after{width:70%;/* shrink lines on small screens */}.custom-l-border::after,.custom-l-border .bottom-right-corner::before{height:40px;/* shorter vertical lines */}.custom-l-border .icon-top-right,.custom-l-border .icon-bottom-left{width:40px;/* smaller icons */}}/* End custom CSS */