.elementor-2148 .elementor-element.elementor-element-2d1a806 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2148 .elementor-element.elementor-element-2d1a806:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-2d1a806 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2148 .elementor-element.elementor-element-2d1a806 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2148 .elementor-element.elementor-element-2d1a806{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-2148 .elementor-element.elementor-element-037d868 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-c1c8122{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-bd30d7c > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2148 .elementor-element.elementor-element-bd30d7c:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-bd30d7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2148 .elementor-element.elementor-element-bd30d7c > .elementor-container{min-height:300px;}.elementor-2148 .elementor-element.elementor-element-bd30d7c > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2148 .elementor-element.elementor-element-bd30d7c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:29px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-04ee8f4{--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:center;--border-radius:15px 15px 15px 15px;--margin-top:65px;--margin-bottom:20px;--margin-left:220px;--margin-right:220px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2148 .elementor-element.elementor-element-4fe1712{--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;--justify-content:center;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:10px;}.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-2148 .elementor-element.elementor-element-8764321{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-2148 .elementor-element.elementor-element-8764321 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:900;line-height:35px;color:#000000;}.elementor-2148 .elementor-element.elementor-element-e3e4b55{--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;--justify-content:center;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#C4A8EA;--border-color:#C4A8EA;--border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px #C4A8EA;--margin-top:40px;--margin-bottom:40px;--margin-left:10px;--margin-right:0px;}.elementor-2148 .elementor-element.elementor-element-e3e4b55:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-e3e4b55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #F3E9FF 0%, #F3E9FF7A 100%);}.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-2148 .elementor-element.elementor-element-e111b77{width:var( --container-widget-width, 100% );max-width:100%;margin:-75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 10px 20px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;line-height:24px;color:#000000;}.elementor-2148 .elementor-element.elementor-element-8cdf812 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2148 .elementor-element.elementor-element-8cdf812 > .elementor-container{min-height:547px;}.elementor-2148 .elementor-element.elementor-element-8cdf812 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2148 .elementor-element.elementor-element-8cdf812{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-68980c1 > .elementor-element-populated{margin:0px 150px 0px 150px;--e-column-margin-right:150px;--e-column-margin-left:150px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-e34185d{--display:flex;}.elementor-2148 .elementor-element.elementor-element-7b33211 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2148 .elementor-element.elementor-element-7b33211 > .elementor-container{min-height:547px;}.elementor-2148 .elementor-element.elementor-element-7b33211 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2148 .elementor-element.elementor-element-7b33211{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-7bce6a0 > .elementor-element-populated{margin:0px 150px 0px 150px;--e-column-margin-right:150px;--e-column-margin-left:150px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-09f281f{--display:flex;}.elementor-2148 .elementor-element.elementor-element-e1e2e4e > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2148 .elementor-element.elementor-element-e1e2e4e > .elementor-container{min-height:547px;}.elementor-2148 .elementor-element.elementor-element-e1e2e4e > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2148 .elementor-element.elementor-element-e1e2e4e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-9b4cd5c > .elementor-element-populated{margin:0px 150px 0px 150px;--e-column-margin-right:150px;--e-column-margin-left:150px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-c1a72a0{--display:flex;}.elementor-2148 .elementor-element.elementor-element-b729603 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2148 .elementor-element.elementor-element-b729603 > .elementor-container{min-height:547px;}.elementor-2148 .elementor-element.elementor-element-b729603 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2148 .elementor-element.elementor-element-b729603{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-ce271bd > .elementor-element-populated{margin:0px 150px 0px 150px;--e-column-margin-right:150px;--e-column-margin-left:150px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-a87b60a > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2148 .elementor-element.elementor-element-a87b60a:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-a87b60a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-ab1f0f0 );}.elementor-2148 .elementor-element.elementor-element-a87b60a > .elementor-container{min-height:424px;}.elementor-2148 .elementor-element.elementor-element-a87b60a > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2148 .elementor-element.elementor-element-a87b60a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:30px;margin-bottom:0px;padding:50px 0px 0px 0px;z-index:10;}.elementor-2148 .elementor-element.elementor-element-a67a732{--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;--justify-content:center;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:100px;--margin-right:100px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2148 .elementor-element.elementor-element-a67a732:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-a67a732 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-2148 .elementor-element.elementor-element-38ae46d{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2148 .elementor-element.elementor-element-38ae46d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:900;line-height:35px;color:#000000;}.elementor-2148 .elementor-element.elementor-element-357e4ea{--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:center;--border-radius:15px 15px 15px 15px;--margin-top:0px;--margin-bottom:0px;--margin-left:90px;--margin-right:90px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2148 .elementor-element.elementor-element-357e4ea:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-357e4ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-2148 .elementor-element.elementor-element-7df2f92{--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;--border-radius:15px 15px 15px 15px;--margin-top:14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2148 .elementor-element.elementor-element-7df2f92:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-7df2f92 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-2148 .elementor-element.elementor-element-0709b01{--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;--border-radius:15px 15px 15px 15px;--margin-top:14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2148 .elementor-element.elementor-element-0709b01:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-0709b01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF00;}.elementor-2148 .elementor-element.elementor-element-79f9484 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2148 .elementor-element.elementor-element-79f9484:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-79f9484 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://staturecap.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-10-2026-12_13_39-PM-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2148 .elementor-element.elementor-element-79f9484 > .elementor-container{min-height:424px;}.elementor-2148 .elementor-element.elementor-element-79f9484 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2148 .elementor-element.elementor-element-79f9484{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 0px 0px 0px;z-index:11;}.elementor-2148 .elementor-element.elementor-element-e041790{--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:center;--border-radius:15px 15px 15px 15px;--margin-top:20px;--margin-bottom:20px;--margin-left:90px;--margin-right:90px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2148 .elementor-element.elementor-element-e041790:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-e041790 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-2148 .elementor-element.elementor-element-0ae5a5a{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-2148 .elementor-element.elementor-element-0ae5a5a .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:900;line-height:35px;color:#000000;}.elementor-2148 .elementor-element.elementor-element-8457080{--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:center;--border-radius:15px 15px 15px 15px;--margin-top:-12px;--margin-bottom:0px;--margin-left:90px;--margin-right:90px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2148 .elementor-element.elementor-element-8457080:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-8457080 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-2148 .elementor-element.elementor-element-4dadcd2{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 300px 0px 300px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-2148 .elementor-element.elementor-element-4dadcd2.elementor-element{--align-self:center;}.elementor-2148 .elementor-element.elementor-element-4dadcd2 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;line-height:30px;color:#000000;}.elementor-2148 .elementor-element.elementor-element-c41fef4{--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;--border-radius:15px 15px 15px 15px;--margin-top:14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2148 .elementor-element.elementor-element-c41fef4:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-c41fef4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-2148 .elementor-element.elementor-element-5c45653{--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;--border-radius:15px 15px 15px 15px;--margin-top:14px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2148 .elementor-element.elementor-element-5c45653:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-5c45653 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#00000000;}.elementor-2148 .elementor-element.elementor-element-ba968d0 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2148 .elementor-element.elementor-element-ba968d0:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-ba968d0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #C8B6FF 0%, #000000 100%);}.elementor-2148 .elementor-element.elementor-element-ba968d0 > .elementor-container{min-height:175px;}.elementor-2148 .elementor-element.elementor-element-ba968d0 > .elementor-background-overlay{opacity:1;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2148 .elementor-element.elementor-element-ba968d0{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:-20px;padding:0px 0px 0px 0px;z-index:12;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-2148 .elementor-element.elementor-element-037d868{width:100%;}.elementor-2148 .elementor-element.elementor-element-04ee8f4{--content-width:1354px;}.elementor-2148 .elementor-element.elementor-element-a67a732{--content-width:1354px;}.elementor-2148 .elementor-element.elementor-element-357e4ea{--content-width:1600px;}.elementor-2148 .elementor-element.elementor-element-7df2f92{--content-width:1354px;}.elementor-2148 .elementor-element.elementor-element-0709b01{--content-width:1354px;}.elementor-2148 .elementor-element.elementor-element-e377212{width:100%;}.elementor-2148 .elementor-element.elementor-element-e041790{--content-width:1600px;}.elementor-2148 .elementor-element.elementor-element-8457080{--content-width:1600px;}.elementor-2148 .elementor-element.elementor-element-c41fef4{--content-width:1354px;}.elementor-2148 .elementor-element.elementor-element-5c45653{--content-width:1354px;}}@media(max-width:1024px){.elementor-2148 .elementor-element.elementor-element-2d1a806{margin-top:-100px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-bd30d7c{margin-top:-100px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-8cdf812{margin-top:-100px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-7b33211{margin-top:-100px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-e1e2e4e{margin-top:-100px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-b729603{margin-top:-100px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-a87b60a{margin-top:-100px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-79f9484:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-79f9484 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-62px 0px;}.elementor-2148 .elementor-element.elementor-element-79f9484{margin-top:-100px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-ba968d0{margin-top:-100px;margin-bottom:0px;padding:0px 20px 0px 20px;}}@media(max-width:767px){.elementor-2148 .elementor-element.elementor-element-2d1a806{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-bd30d7c{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-04ee8f4{--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-2148 .elementor-element.elementor-element-8764321 .elementor-heading-title{font-size:15px;line-height:1.5em;}.elementor-2148 .elementor-element.elementor-element-e3e4b55{--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-2148 .elementor-element.elementor-element-e111b77{margin:-77px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;font-size:12px;}.elementor-2148 .elementor-element.elementor-element-8cdf812{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-68980c1 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-fff276b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-e34185d{--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-2148 .elementor-element.elementor-element-b469f6b{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-7b33211{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-7bce6a0 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2148 .elementor-element.elementor-element-262c31b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-09f281f{--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-2148 .elementor-element.elementor-element-14dbc08{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-e1e2e4e{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-9b4cd5c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2148 .elementor-element.elementor-element-c1a72a0{--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-2148 .elementor-element.elementor-element-6b21682{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-b729603{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-ce271bd > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-2148 .elementor-element.elementor-element-ead8997{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-e13806f{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-e455fcb{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-2b2cc87{margin:-20px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-a87b60a{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-a67a732{--margin-top:10px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-2148 .elementor-element.elementor-element-38ae46d{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-38ae46d .elementor-heading-title{font-size:15px;line-height:1.3em;}.elementor-2148 .elementor-element.elementor-element-357e4ea{--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-2148 .elementor-element.elementor-element-79f9484:not(.elementor-motion-effects-element-type-background), .elementor-2148 .elementor-element.elementor-element-79f9484 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:-30px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-2148 .elementor-element.elementor-element-79f9484{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-e041790{--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-2148 .elementor-element.elementor-element-0ae5a5a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-0ae5a5a .elementor-heading-title{font-size:15px;line-height:1.5em;}.elementor-2148 .elementor-element.elementor-element-8457080{--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-2148 .elementor-element.elementor-element-4dadcd2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-4dadcd2 .elementor-heading-title{font-size:12px;line-height:1.5em;}.elementor-2148 .elementor-element.elementor-element-ba968d0{margin-top:0px;margin-bottom:0px;padding:0px 20px 0px 20px;}.elementor-2148 .elementor-element.elementor-element-71190e5 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-2148 .elementor-element.elementor-element-edc7de3{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for html, class: .elementor-element-c1c8122 */@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Roboto:wght@400;500;700&display=swap"); /* ======================================== FULL WIDTH WORDPRESS FIX ======================================== */ html, body { margin: 0; padding: 0; overflow-x: hidden; } .product-hero, .product-hero *, .product-hero *::before, .product-hero *::after { box-sizing: border-box; } .product-hero { width: 100vw; max-width: none; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } /* ======================================== EASY CUSTOMIZATION SETTINGS ======================================== */ .product-hero { /* CONTENT WIDTH */ --hero-max-width: 1400px; /* DESKTOP GAP BETWEEN CONTENT AND IMAGE */ --hero-column-gap: 70px; /* IMAGE SETTINGS */ --hero-image-height: 540px; --hero-image-radius: 28px; /* COLORS */ --dark-color: #070811; --body-color: #111522; --blue-color: #258ff3; --purple-color: #6759eb; --pink-color: #eb6b90; } /* ======================================== MAIN HERO SECTION ======================================== */ .product-hero { position: relative; min-height: 760px; overflow: hidden; isolation: isolate; font-family: "Roboto", sans-serif; background: radial-gradient( circle at 88% 40%, rgba(190, 153, 255, 0.30) 0%, rgba(218, 199, 255, 0.18) 27%, transparent 54% ), radial-gradient( circle at 7% 6%, rgba(220, 202, 255, 0.50) 0%, rgba(240, 233, 255, 0.24) 32%, transparent 58% ), linear-gradient( 115deg, #faf8ff 0%, #ffffff 43%, #f8f3ff 72%, #eee5ff 100% ); } /* ======================================== DECORATIVE BACKGROUND LINES ======================================== */ .product-hero::before { content: ""; position: absolute; z-index: -1; left: -260px; bottom: -330px; width: 720px; height: 720px; border-radius: 50%; opacity: 0.25; background: repeating-radial-gradient( circle at center, transparent 0, transparent 12px, rgba(111, 82, 225, 0.18) 13px, transparent 14px ); } .product-hero::after { content: ""; position: absolute; z-index: -1; top: -290px; right: -230px; width: 640px; height: 640px; border-radius: 50%; opacity: 0.18; background: repeating-radial-gradient( circle at center, transparent 0, transparent 13px, rgba(111, 82, 225, 0.16) 14px, transparent 15px ); } /* ======================================== INNER CONTAINER ======================================== */ .product-hero__inner { position: relative; width: 100%; max-width: var(--hero-max-width); min-height: 860px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(450px, 0.95fr); align-items: center; /* GAP BETWEEN TEXT AND IMAGE */ gap: var(--hero-column-gap); padding: 55px clamp( 30px, 6vw, 110px ); } /* ======================================== LEFT CONTENT ======================================== */ .product-hero__content { position: relative; z-index: 5; width: 100%; max-width: 700px; } /* ======================================== TOP BADGE ======================================== */ .product-hero__badge { display: inline-flex; align-items: center; gap: 10px; width: fit-content; margin-bottom: 22px; padding: 9px 16px; border: 1px solid rgba( 120, 89, 235, 0.08 ); border-radius: 999px; color: #2a245f; background: linear-gradient( 90deg, rgba(249, 247, 255, 0.98), rgba(225, 208, 255, 0.84) ); box-shadow: 0 8px 24px rgba( 89, 63, 170, 0.08 ); font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 600; line-height: 1.3; } .product-hero__badge-icon { width: 18px; height: 18px; flex: 0 0 18px; color: #6855f2; } .product-hero__badge-icon svg { display: block; width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* ======================================== MAIN HEADING ======================================== */ .product-hero__heading { margin: 0; font-family: "Montserrat", sans-serif; font-size: clamp( 30px, 4.2vw, 50px ); font-weight: 800; line-height: 1.04; letter-spacing: -2.5px; } .product-hero__heading span { display: block; } .product-hero__heading-dark { margin-bottom: 8px; color: var(--dark-color); } .product-hero__heading-gradient { width: fit-content; padding-bottom: 4px; background: linear-gradient( 90deg, #258ff3 0%, #6669f0 43%, #ae52dd 72%, #eb6b90 100% ); background-clip: text; -webkit-background-clip: text; color: transparent; -webkit-text-fill-color: transparent; } /* ======================================== SMALL GRADIENT LINE ======================================== */ .product-hero__line { width: 48px; height: 3px; margin: 18px 0; border-radius: 50px; background: linear-gradient( 90deg, #278ff3, #8257e8, #ec698b ); } /* ======================================== DESCRIPTION ======================================== */ .product-hero__description { width: 100%; max-width: 640px; margin: 0; color: var(--body-color); font-family: "Roboto", sans-serif; font-size: 15px; font-weight: 400; line-height: 1.58; } .product-hero__description strong { color: #6759eb; font-weight: 700; } /* ======================================== FEATURE BOX ======================================== */ .product-hero__features { display: grid; grid-template-columns: repeat( 4, minmax(0, 1fr) ); margin-top: 28px; padding: 16px 12px; border: 1px solid rgba( 255, 255, 255, 0.82 ); border-radius: 19px; background: rgba( 255, 255, 255, 0.86 ); box-shadow: 0 20px 42px rgba( 89, 61, 153, 0.10 ); backdrop-filter: blur(15px); -webkit-backdrop-filter: blur(15px); } /* ======================================== FEATURE ITEM ======================================== */ .product-feature { display: flex; align-items: center; gap: 10px; padding: 4px 12px; border-right: 1px solid rgba( 104, 85, 242, 0.12 ); } .product-feature:last-child { border-right: none; } /* ======================================== FEATURE ICON ======================================== */ .product-feature__icon { display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; flex: 0 0 42px; border-radius: 50%; color: #6759eb; background: linear-gradient( 135deg, rgba(37, 143, 243, 0.11), rgba(174, 82, 221, 0.15) ); } .product-feature__icon svg { width: 21px; height: 21px; fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* ======================================== FEATURE TEXT ======================================== */ .product-feature__text { color: #111522; font-family: "Montserrat", sans-serif; font-size: 12.5px; font-weight: 600; line-height: 1.35; } /* ======================================== RANGE TEXT ======================================== */ .product-hero__range { display: flex; align-items: flex-start; gap: 11px; margin-top: 23px; } .product-hero__range-icon { display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; flex: 0 0 28px; border-radius: 50%; color: #ffffff; background: linear-gradient( 135deg, #3a86f1, #7955ef ); box-shadow: 0 8px 18px rgba( 96, 75, 233, 0.25 ); font-size: 13px; } .product-hero__range p { margin: 0; color: #293160; font-family: "Montserrat", sans-serif; font-size: 14.5px; font-weight: 600; line-height: 1.55; } /* ======================================== BUTTONS ======================================== */ .product-hero__buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; margin-top: 29px; } .product-button { display: inline-flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 56px; padding: 13px 24px 13px 27px; border-radius: 13px; font-family: "Montserrat", sans-serif; font-size: 15.5px; font-weight: 700; line-height: 1; text-decoration: none !important; transition: transform 0.25s ease, box-shadow 0.25s ease; } .product-button:hover { transform: translateY(-3px); } .product-button__arrow { display: inline-flex; align-items: center; justify-content: center; font-size: 25px; transition: transform 0.25s ease; } .product-button:hover .product-button__arrow { transform: translateX(5px); } /* PRIMARY BUTTON */ .product-button--primary { min-width: 220px; color: #ffffff !important; border: 1px solid transparent; background: linear-gradient( 100deg, #1498eb 0%, #546ff2 48%, #b647e2 100% ); box-shadow: 0 15px 30px rgba( 92, 69, 222, 0.24 ); } /* SECONDARY BUTTON */ .product-button--secondary { min-width: 210px; color: #10111a !important; border: 2px solid transparent; background: linear-gradient( #ffffff, #ffffff ) padding-box, linear-gradient( 100deg, #4789f2, #a050e2 ) border-box; box-shadow: 0 12px 25px rgba( 96, 73, 184, 0.08 ); } /* ======================================== RIGHT IMAGE AREA ======================================== */ .product-hero__visual { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; min-height: 590px; /* EXTRA SPACE AROUND IMAGE Change this value for more gap */ padding: 35px 20px; } /* ======================================== IMAGE BACKDROP ======================================== */ .product-hero__image-backdrop { position: absolute; width: 86%; height: 82%; right: 0; bottom: 20px; border-radius: 34px; background: radial-gradient( circle at 50% 40%, rgba(220, 193, 255, 0.80), rgba(190, 162, 252, 0.58) 50%, rgba(147, 127, 236, 0.48) 100% ); box-shadow: 0 0 90px rgba( 161, 113, 245, 0.20 ); } /* ======================================== IMAGE LINK ======================================== */ .product-hero__image-link { position: relative; z-index: 4; display: block; width: 100%; border-radius: var(--hero-image-radius); overflow: hidden; box-shadow: 0 28px 60px rgba( 53, 40, 95, 0.18 ); } /* ======================================== IMAGE ======================================== */ .product-hero__image { display: block; width: 100%; height: var(--hero-image-height); object-fit: cover; object-position: center; border-radius: var(--hero-image-radius); transition: transform 0.5s ease; } .product-hero__image-link:hover .product-hero__image { transform: scale(1.025); } /* ======================================== FLOATING ICON ======================================== */ .product-hero__floating-icon { position: absolute; z-index: 8; top: 55px; right: -5px; display: flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 50%; color: #dc38e3; background: rgba( 255, 255, 255, 0.94 ); box-shadow: 0 16px 35px rgba( 92, 61, 162, 0.13 ); backdrop-filter: blur(12px); } .product-hero__floating-icon svg { width: 32px; height: 32px; fill: none; stroke: currentColor; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } /* ======================================== LAPTOP ======================================== */ @media (max-width: 1200px) { .product-hero { --hero-column-gap: 45px; --hero-image-height: 500px; } .product-hero__inner { grid-template-columns: minmax(0, 1fr) minmax(400px, 0.9fr); padding-left: 45px; padding-right: 45px; } .product-hero__features { grid-template-columns: repeat( 2, 1fr ); gap: 14px; } .product-feature { border-right: none; } } /* ======================================== TABLET ======================================== */ @media (max-width: 900px) { .product-hero { min-height: auto; --hero-image-height: 500px; } .product-hero__inner { grid-template-columns: 1fr; min-height: auto; gap: 45px; padding: 45px 28px; } .product-hero__content { max-width: 720px; margin: 0 auto; } .product-hero__visual { width: min( 720px, 100% ); min-height: auto; margin: 0 auto; padding: 30px; } } /* ======================================== MOBILE ======================================== */ @media (max-width: 600px) { .product-hero { --hero-image-height: 330px; --hero-image-radius: 20px; } .product-hero__inner { gap: 35px; padding: 32px 18px 45px; } .product-hero__badge { padding: 8px 12px; font-size: 9.5px; } .product-hero__heading { font-size: clamp( 36px, 11vw, 50px ); letter-spacing: -1.8px; } .product-hero__description { font-size: 15px; line-height: 1.55; } .product-hero__features { grid-template-columns: 1fr; gap: 10px; padding: 14px; } .product-feature { padding: 8px 4px; } .product-hero__range p { font-size: 13.5px; } .product-hero__buttons { gap: 13px; } .product-button { width: 100%; min-width: 0; min-height: 54px; padding: 12px 20px; font-size: 15px; } .product-hero__visual { padding: 20px 10px; } .product-hero__floating-icon { top: 0; right: -5px; width: 56px; height: 56px; } .product-hero__floating-icon svg { width: 26px; height: 26px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-bd30d7c */.hero-full{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-left:0 !important; padding-right:0 !important; } .hero-full img{ width:100% !important; max-width:100% !important; display:block !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-fff276b *//* ========================================================= GREENFIELD CARD STATURE CAPITAL WEBSITE THEME FULLY ISOLATED ========================================================= */ .scgf-card { /* ========================================= HEADER IMAGE ========================================= */ --scgf-header-image: url("http://staturecap.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-15-2026-12_50_01-PM.png"); /* ========================================= BODY IMAGE ========================================= */ --scgf-body-image: url("http://staturecap.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-15-2026-01_10_23-PM.png"); /* ========================================= MAIN SIZE OPTIONS ========================================= */ --scgf-max-width: 1850px; --scgf-side-space: 0px; --scgf-card-radius: 32px; --scgf-box-radius: 18px; /* ========================================= WEBSITE THEME COLORS ========================================= */ --scgf-black: #08070d; --scgf-dark: #17101f; --scgf-purple: #8f5be8; --scgf-purple-dark: #6f3ed7; --scgf-purple-light: #d9c5ff; --scgf-pink: #ef8bc5; --scgf-pink-light: #ffd8ef; --scgf-yellow: #ffc400; --scgf-yellow-light: #fff1a5; --scgf-white: #ffffff; --scgf-soft-white: #fffaff; --scgf-border: #ddcdfa; --scgf-text: #17131f; --scgf-muted: #5b5363; /* ========================================= FONTS ========================================= */ --scgf-heading-font: "Montserrat", sans-serif; --scgf-body-font: "Roboto", sans-serif; /* ========================================= MAIN CARD ========================================= */ width: calc(100% - (var(--scgf-side-space) * 2)); max-width: var(--scgf-max-width); margin: 18px auto; position: relative; isolation: isolate; overflow: hidden; background: #ffffff; border-radius: var(--scgf-card-radius); box-shadow: 0 18px 45px rgba(97, 61, 139, 0.18), 0 5px 15px rgba(0, 0, 0, 0.07); color: var(--scgf-text); font-family: var(--scgf-body-font); } /* ========================================================= SAFE RESET ========================================================= */ .scgf-card *, .scgf-card *::before, .scgf-card *::after { box-sizing: border-box; } .scgf-card .scgf-header-subtitle, .scgf-card .scgf-info-text p { margin: 0; } /* ========================================================= HEADER ========================================================= */ .scgf-card .scgf-header { position: relative; min-height: 10px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; gap: 34px; color: #ffffff; /* THEME OVERLAY + HEADER IMAGE */ background-image: linear-gradient( 90deg, rgba(18, 10, 29, 0.92) 0%, rgba(83, 49, 142, 0.74) 48%, rgba(170, 96, 227, 0.46) 100% ), var(--scgf-header-image); background-size: cover; background-repeat: no-repeat; background-position: center center; } /* SOFT PINK-PURPLE GLOW */ .scgf-card .scgf-header::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: radial-gradient( circle at 15% 50%, rgba(239, 139, 197, 0.14), transparent 28% ), radial-gradient( circle at 80% 30%, rgba(143, 91, 232, 0.22), transparent 30% ); z-index: 1; } /* HEADER BOTTOM POINT */ .scgf-card .scgf-header::after { content: ""; position: absolute; left: 50%; bottom: -19px; width: 82px; height: 38px; transform: translateX(-50%); background: #fffff; clip-path: polygon( 0 0, 30% 0, 50% 45%, 70% 0, 100% 0, 50% 100% ); z-index: 5; } /* ========================================================= HEADER LEFT ========================================================= */ .scgf-card .scgf-header-left { position: relative; z-index: 3; display: flex; align-items: center; gap: 15px; } /* LEFT ROUND ICON */ .scgf-card .scgf-main-icon { width: 70px; height: 70px; flex: 0 0 70px; display: flex; align-items: center; justify-content: center; border: 5px solid var(--scgf-yellow); border-radius: 50%; background: radial-gradient( circle, #382461 0%, #211335 65%, #0d0714 10% ); color: var(--scgf-yellow); font-size: 39px; box-shadow: 0 0 0 5px rgba(255, 196, 0, 0.08), 0 10px 24px rgba(0, 0, 0, 0.25); } /* HEADER CONTENT */ .scgf-card .scgf-header-content { display: flex; flex-direction: column; align-items: flex-start; } /* YELLOW BADGE */ .scgf-card .scgf-badge { padding: 10px 15px; border-radius: 100px; background: linear-gradient( 90deg, var(--scgf-yellow-light) 0%, var(--scgf-yellow) 100% ); color: #111111; font-family: var(--scgf-heading-font); font-size: 14px; font-weight: 800; line-height: 1.2; box-shadow: 0 8px 20px rgba(255, 196, 0, 0.15); } /* HEADER SUBTITLE */ .scgf-card .scgf-header-subtitle { margin-top: 8px; color: #ffffff; font-family: var(--scgf-heading-font); font-size: 12px; font-weight: 600; } /* ========================================================= HEADER RIGHT ========================================================= */ .scgf-card .scgf-header-right { position: relative; z-index: 3; display: flex; align-items: center; gap: 18px; flex-shrink: 0; } /* RIGHT ROUND ICON */ .scgf-card .scgf-factory-icon { width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.16), rgba(143, 91, 232, 0.52) ); color: #ffffff; font-size: 37px; box-shadow: 0 0 0 4px rgba(196, 151, 255, 0.18); } /* RIGHT TITLE */ .scgf-card .scgf-header-right-title { color: #ffffff; font-family: var(--scgf-heading-font); font-size: 14px; font-weight: 800; line-height: 1.15; } /* ========================================================= BODY ========================================================= */ .scgf-card .scgf-body { position: relative; padding: 20px 20px 10px; background: radial-gradient( circle at 10% 10%, rgba(239, 139, 197, 0.07), transparent 25% ), radial-gradient( circle at 90% 80%, rgba(143, 91, 232, 0.08), transparent 28% ), linear-gradient( 135deg, #ffffff 0%, #fffaff 55%, #f8f2ff 100% ); } /* ========================================================= MAIN TITLE ========================================================= */ .scgf-card .scgf-title-area { margin-bottom: 15px; text-align: center; } .scgf-card .scgf-main-title { margin-bottom: 12px; color: #18131f; font-family: var(--scgf-heading-font); font-size: px; font-weight: 800; line-height: 1.2; } /* TITLE LINE */ .scgf-card .scgf-title-line { position: relative; width: 100%; height: 1px; background: #d9cde6; } .scgf-card .scgf-title-line span { position: absolute; top: -1px; left: 50%; width: 260px; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, var(--scgf-yellow), transparent ); } /* CENTER DIAMOND */ .scgf-card .scgf-title-line span::after { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(45deg); background: var(--scgf-yellow); border: 4px solid #ffffff; } /* ========================================================= GRID ========================================================= */ .scgf-card .scgf-grid { display: grid; grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr); gap: 18px; align-items: stretch; } /* ========================================================= LEFT COLUMN ========================================================= */ .scgf-card .scgf-left-column { display: flex; flex-direction: column; gap: 12px; } /* ========================================================= INFO BOX ========================================================= */ .scgf-card .scgf-info-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scgf-border); border-radius: var(--scgf-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fffaff 58%, #f8f1ff 100% ); box-shadow: 0 8px 20px rgba(107, 71, 158, 0.05); } /* INFO ICON */ .scgf-card .scgf-info-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3eaff 60%, #eadcff 100% ); color: var(--scgf-purple-dark); font-size: 20px; box-shadow: inset 0 0 0 1px rgba(143, 91, 232, 0.08); } /* INFO TEXT */ .scgf-card .scgf-info-text p { color: #2b2430; font-family: var(--scgf-body-font); font-size: 15px; font-weight: 400; line-height: 1.45; } .scgf-card .scgf-info-text strong { color: var(--scgf-purple-dark); font-family: var(--scgf-heading-font); font-weight: 700; } /* ========================================================= RIGHT FINANCE BOX ========================================================= */ .scgf-card .scgf-finance-box { position: relative; min-height: 322px; padding: 40px 24px 10px; overflow: hidden; border: 1.5px solid var(--scgf-border); border-radius: var(--scgf-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fdf9ff 60%, #f2eaff 100% ); box-shadow: 0 8px 20px rgba(107, 71, 158, 0.05); } /* FLOATING TITLE */ .scgf-card .scgf-finance-heading { position: absolute; top: -1px; left: 50%; min-width: 335px; padding: 10px 1px; transform: translateX(-50%); border-radius: 0 0 11px 11px; background: linear-gradient( 90deg, #9c5ce8 0%, #7a4ee4 55%, #e786c6 100% ); color: #ffffff; text-align: center; font-family: var(--scgf-heading-font); font-size: 15px; font-weight: 700; box-shadow: 0 8px 18px rgba(128, 81, 210, 0.22); z-index: 5; } /* ========================================================= FINANCE LIST ========================================================= */ .scgf-card .scgf-finance-list { position: relative; z-index: 3; margin: 0; padding: 0; list-style: none; } .scgf-card .scgf-finance-list li { min-height: 49px; padding: 7px 0; display: flex; align-items: center; gap: 14px; border-bottom: 1px dotted #d7c8e9; color: #2b2430; font-family: var(--scgf-body-font); font-size: 15px; line-height: 1.3; } .scgf-card .scgf-finance-list li:last-child { border-bottom: 0; } /* CHECK ICON */ .scgf-card .scgf-check { width: 24px; height: 24px; flex: 0 0 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient( 135deg, #7a4ee4, #d36dc0 ); color: #ffffff; font-size: 10px; box-shadow: 0 4px 10px rgba(128, 81, 210, 0.18); } /* ========================================================= BODY IMAGE ========================================================= */ .scgf-card .scgf-body-image { position: absolute; right: -4px; bottom: 0; width: 205px; height: auto; max-height: 180px; object-fit: contain; object-position: right bottom; opacity: 0.22; filter: hue-rotate(35deg) saturate(0.75); pointer-events: none; z-index: 1; } /* ========================================================= OUTCOME ========================================================= */ .scgf-card .scgf-outcome { position: relative; min-height: 6px; margin-top: 10px; display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--scgf-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff 0%, #fffaff 72%, #f4eaff 100% ); } /* TROPHY AREA */ .scgf-card .scgf-outcome-icon { position: relative; width: 100px; align-self: stretch; flex: 0 0 100px; display: flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #7a4ee4 0%, #b663df 60%, #ec83bd 100% ); color: #ffffff; font-size: 23px; } .scgf-card .scgf-outcome-icon::before { content: ""; position: absolute; width: 48px; height: 48px; border: 1px dashed #ffffff; border-radius: 50%; } /* OUTCOME TEXT */ .scgf-card .scgf-outcome-text { position: relative; z-index: 3; padding: 10px 18px; display: flex; align-items: center; gap: 16px; font-family: var(--scgf-body-font); font-size: 15px; } .scgf-card .scgf-outcome-text strong { color: var(--scgf-purple-dark); font-family: var(--scgf-heading-font); font-size: 18px; font-weight: 800; } /* ========================================================= DOT PATTERN ========================================================= */ .scgf-card .scgf-dot-pattern { width: 120px; margin-left: auto; padding-right: 20px; display: grid; grid-template-columns: repeat(5, 4px); justify-content: end; gap: 8px; position: relative; z-index: 3; } .scgf-card .scgf-dot-pattern span { width: 4px; height: 4px; display: block; border-radius: 50%; background: var(--scgf-purple); } /* ========================================================= HOVER EFFECT ========================================================= */ @media (hover: hover) and (pointer: fine) { .scgf-card .scgf-info-box, .scgf-card .scgf-finance-box { transition: transform 0.25s ease, box-shadow 0.25s ease; } .scgf-card .scgf-info-box:hover, .scgf-card .scgf-finance-box:hover { transform: translateY(-3px); box-shadow: 0 14px 30px rgba(115, 76, 166, 0.10); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .scgf-card .scgf-header { padding: 22px 28px; } .scgf-card .scgf-grid { grid-template-columns: 1fr; gap: 40px; } .scgf-card .scgf-body { padding: 26px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 700px) { .scgf-card { --scgf-side-space: 8px; --scgf-card-radius: 20px; } .scgf-card .scgf-header { min-height: auto; padding: 22px 16px; flex-direction: column; align-items: flex-start; } .scgf-card .scgf-header-left { width: 100%; align-items: flex-start; gap: 12px; } .scgf-card .scgf-main-icon { width: 66px; height: 66px; flex-basis: 66px; font-size: 26px; } .scgf-card .scgf-badge { padding: 8px 12px; font-size: 13px; } .scgf-card .scgf-header-subtitle { font-size: 12px; } .scgf-card .scgf-header-right { margin-left: auto; } .scgf-card .scgf-factory-icon { width: 64px; height: 64px; flex-basis: 64px; font-size: 25px; } .scgf-card .scgf-header-right-title { font-size: 15px; } .scgf-card .scgf-body { padding: 25px 14px 18px; } .scgf-card .scgf-main-title { font-size: 18px; } .scgf-card .scgf-info-box { grid-template-columns: 1fr; min-height: auto; padding: 20px 16px; text-align: center; } .scgf-card .scgf-info-icon { margin: 0 auto; } .scgf-card .scgf-info-text p { font-size: 14px; } .scgf-card .scgf-finance-box { min-height: auto; padding: 52px 16px 112px; } .scgf-card .scgf-finance-heading { min-width: 0; width: calc(100% - 22px); font-size: 14px; } .scgf-card .scgf-finance-list li { font-size: 14px; } .scgf-card .scgf-body-image { width: 140px; } .scgf-card .scgf-outcome { flex-direction: column; align-items: stretch; } .scgf-card .scgf-outcome-icon { width: 100%; min-height: 65px; flex-basis: auto; } .scgf-card .scgf-outcome-text { flex-direction: column; align-items: flex-start; gap: 6px; } .scgf-card .scgf-dot-pattern { display: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-b469f6b */.infinity-divider { width: 100%; display: flex; align-items: center; justify-content: center; gap: 14px; margin: 30px 0; } /* Left and right lines */ .infinity-divider .divider-line { flex: 1; height: 2px; background: linear-gradient( 90deg, transparent 0%, #5f35d9 25%, #a63bd4 70%, #e146aa 100% ); } /* Reverse gradient for right line */ .infinity-divider .divider-line:last-child { background: linear-gradient( 90deg, #5f35d9 0%, #a63bd4 50%, #e146aa 75%, transparent 100% ); } /* Small circles */ .infinity-divider .divider-dot { width: 12px; height: 12px; flex: 0 0 12px; border-radius: 50%; background: linear-gradient( 135deg, #6738dc, #cf46c0 ); box-shadow: 0 3px 9px rgba(115, 55, 218, 0.3); } /* Infinity icon */ .infinity-divider .infinity-icon { display: inline-flex; align-items: center; justify-content: center; color: transparent; font-family: Arial, sans-serif; font-size: 65px; font-weight: 700; line-height: 0.7; background: linear-gradient( 135deg, #6940dc, #d647bd ); background-clip: text; -webkit-background-clip: text; filter: drop-shadow( 0 4px 6px rgba(110, 52, 200, 0.18) ); } /* Mobile */ @media screen and (max-width: 767px) { .infinity-divider { gap: 8px; margin: 22px 0; } .infinity-divider .divider-line { height: 1.5px; } .infinity-divider .divider-dot { width: 9px; height: 9px; flex-basis: 9px; } .infinity-divider .infinity-icon { font-size: 46px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-8cdf812 */.hero-full{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-left:0 !important; padding-right:0 !important; } .hero-full img{ width:100% !important; max-width:100% !important; display:block !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-262c31b *//* ========================================================= BROWNFIELD PROJECT FINANCE CARD ALL ICONS ARE INLINE SVG FULLY ISOLATED WITH scbf- ========================================================= */ .scbf-card { --scbf-max-width: 1850px; --scbf-side-space: 0px; --scbf-card-radius: 32px; --scbf-box-radius: 18px; --scbf-black: #08070d; --scbf-dark: #17101f; --scbf-purple: #955be8; --scbf-purple-dark: #7028cc; --scbf-purple-deep: #4d159a; --scbf-pink: #ee83c3; --scbf-pink-soft: #ffd9ef; --scbf-yellow: #ffc400; --scbf-yellow-soft: #fff0a1; --scbf-border: #e0cef5; --scbf-text: #17131f; --scbf-heading-font: "Montserrat", sans-serif; --scbf-body-font: "Roboto", sans-serif; width: calc(100% - (var(--scbf-side-space) * 2)); max-width: var(--scbf-max-width); margin: 18px auto; position: relative; isolation: isolate; overflow: hidden; background: #ffffff; border-radius: var(--scbf-card-radius); box-shadow: 0 18px 45px rgba(99, 65, 142, 0.18), 0 5px 15px rgba(0, 0, 0, 0.07); font-family: var(--scbf-body-font); color: var(--scbf-text); } /* SAFE RESET */ .scbf-card *, .scbf-card *::before, .scbf-card *::after { box-sizing: border-box; } .scbf-card .scbf-header-subtitle, .scbf-card .scbf-info-text p { margin: 0; } /* SVG DEFAULTS */ .scbf-card svg { width: 100%; height: 100%; display: block; } .scbf-card .scbf-main-icon svg, .scbf-card .scbf-header-right-icon svg, .scbf-card .scbf-info-icon svg, .scbf-card .scbf-outcome-icon svg { width: 58%; height: 58%; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= HEADER ========================================================= */ .scbf-card .scbf-header { position: relative; min-height: 10px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; gap: 34px; color: #ffffff; overflow: hidden; background: radial-gradient( circle at 82% 30%, rgba(183, 87, 247, 0.36), transparent 30% ), radial-gradient( circle at 48% 40%, rgba(239, 131, 195, 0.16), transparent 35% ), linear-gradient( 100deg, #090712 0%, #2b114f 42%, #7a27c6 70%, #a73ff1 100% ); } /* HEADER PATTERN */ .scbf-card .scbf-header::before { content: ""; position: absolute; inset: 0; opacity: 0.12; background: repeating-radial-gradient( ellipse at 70% 50%, transparent 0 11px, rgba(255,255,255,0.22) 12px, transparent 13px 24px ); pointer-events: none; } /* HEADER BOTTOM POINT */ .scbf-card .scbf-header::after { content: ""; position: absolute; left: 50%; bottom: -19px; width: 82px; height: 38px; transform: translateX(-50%); background: #fffff; clip-path: polygon( 0 0, 30% 0, 50% 45%, 70% 0, 100% 0, 50% 100% ); z-index: 5; } /* ========================================================= HEADER LEFT ========================================================= */ .scbf-card .scbf-header-left { position: relative; z-index: 3; display: flex; align-items: center; gap: 15px; } .scbf-card .scbf-main-icon { width: 70px; height: 70px; flex: 0 0 70px; display: flex; align-items: center; justify-content: center; border: 5px solid var(--scbf-yellow); border-radius: 50%; background: radial-gradient( circle, #6a2ea6 0%, #30104f 62%, #12071d 100% ); color: #ffffff; box-shadow: 0 0 0 5px rgba(255, 196, 0, 0.08), 0 10px 24px rgba(0, 0, 0, 0.25); } .scbf-card .scbf-header-content { display: flex; flex-direction: column; align-items: flex-start; } .scbf-card .scbf-badge { padding: 10px 15px; border-radius: 100px; background: linear-gradient( 90deg, var(--scbf-yellow-soft) 0%, var(--scbf-yellow) 100% ); color: #111111; font-family: var(--scbf-heading-font); font-size: 14px; font-weight: 800; line-height: 1.2; box-shadow: 0 8px 20px rgba(255, 196, 0, 0.15); } .scbf-card .scbf-header-subtitle { margin-top: 8px; color: #ffffff; font-family: var(--scbf-heading-font); font-size: 12px; font-weight: 600; } /* ========================================================= HEADER RIGHT ========================================================= */ .scbf-card .scbf-header-right { position: relative; z-index: 3; display: flex; align-items: center; gap: 18px; flex-shrink: 0; } .scbf-card .scbf-header-right-icon { width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.15), rgba(130, 61, 219, 0.52) ); color: #ffffff; box-shadow: 0 0 0 4px rgba(215, 150, 255, 0.18); } .scbf-card .scbf-header-right-title { color: #ffffff; font-family: var(--scbf-heading-font); font-size: 14px; font-weight: 800; line-height: 1.15; } /* ========================================================= BODY ========================================================= */ .scbf-card .scbf-body { position: relative; padding: 20px 20px 10px; background: radial-gradient( circle at 8% 10%, rgba(239, 131, 195, 0.06), transparent 23% ), radial-gradient( circle at 90% 85%, rgba(149, 91, 232, 0.08), transparent 26% ), linear-gradient( 135deg, #ffffff 0%, #fffaff 55%, #f8f2ff 100% ); } /* ========================================================= TITLE ========================================================= */ .scbf-card .scbf-title-area { margin-bottom: 15px; text-align: center; } .scbf-card .scbf-main-title { margin-bottom: 12px; color: #18131f; font-family: var(--scbf-heading-font); font-size: 24px; font-weight: 800; line-height: 1.2; } .scbf-card .scbf-main-title span { color: var(--scbf-purple-dark); } /* TITLE LINE */ .scbf-card .scbf-title-line { position: relative; width: 100%; height: 1px; background: #d9cde6; } .scbf-card .scbf-title-line span { position: absolute; top: -1px; left: 50%; width: 260px; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, var(--scbf-yellow), transparent ); } .scbf-card .scbf-title-line span::after { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(45deg); background: var(--scbf-yellow); border: 4px solid #ffffff; } /* ========================================================= GRID ========================================================= */ .scbf-card .scbf-grid { display: grid; grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr); gap: 18px; align-items: stretch; } /* ========================================================= LEFT COLUMN ========================================================= */ .scbf-card .scbf-left-column { display: flex; flex-direction: column; gap: 12px; } /* ========================================================= INFO BOX ========================================================= */ .scbf-card .scbf-info-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scbf-border); border-radius: var(--scbf-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fffaff 58%, #f8f1ff 100% ); box-shadow: 0 8px 20px rgba(107, 71, 158, 0.05); } /* INFO ICON */ .scbf-card .scbf-info-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f6e8ff 60%, #ebd6ff 100% ); color: var(--scbf-purple-dark); box-shadow: inset 0 0 0 1px rgba(149, 91, 232, 0.08); } /* INFO TEXT */ .scbf-card .scbf-info-text p { color: #2b2430; font-family: var(--scbf-body-font); font-size: 15px; font-weight: 400; line-height: 1.45; } .scbf-card .scbf-info-text strong { color: var(--scbf-purple-dark); font-family: var(--scbf-heading-font); font-weight: 700; } /* ========================================================= RIGHT FINANCE BOX ========================================================= */ .scbf-card .scbf-finance-box { position: relative; min-height: 322px; padding: 40px 24px 10px; overflow: hidden; border: 1.5px solid var(--scbf-border); border-radius: var(--scbf-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fdf9ff 60%, #f3eaff 100% ); box-shadow: 0 8px 20px rgba(107, 71, 158, 0.05); } /* ========================================================= FINANCE LIST ========================================================= */ .scbf-card .scbf-finance-list { position: relative; z-index: 3; margin: 0; padding: 0; list-style: none; } .scbf-card .scbf-finance-list li { min-height: 49px; padding: 7px 0; display: flex; align-items: center; gap: 14px; border-bottom: 1px dotted #d7c8e9; color: #2b2430; font-family: var(--scbf-body-font); font-size: 15px; line-height: 1.3; } .scbf-card .scbf-finance-list li:last-child { border-bottom: 0; } /* CHECK */ .scbf-card .scbf-check { width: 24px; height: 24px; flex: 0 0 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient( 135deg, #a23de2, #7728c9 ); color: #ffffff; box-shadow: 0 4px 10px rgba(128, 81, 210, 0.18); } .scbf-card .scbf-check svg { width: 58%; height: 58%; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= FACTORY SVG ========================================================= */ .scbf-card .scbf-factory-art { position: absolute; right: 0; bottom: 0; width: 205px; color: rgba(229, 109, 208, 0.22); z-index: 1; pointer-events: none; } .scbf-card .scbf-factory-art svg { width: 100%; height: auto; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= OUTCOME ========================================================= */ .scbf-card .scbf-outcome { position: relative; min-height: 6px; margin-top: 10px; display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--scbf-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff 0%, #fffaff 72%, #f4eaff 100% ); } /* TROPHY AREA */ .scbf-card .scbf-outcome-icon { position: relative; width: 100px; align-self: stretch; flex: 0 0 100px; display: flex; align-items: center; justify-content: center; background: linear-gradient( 135deg, #5e13cb 0%, #9a2fe1 65%, #b83ff0 100% ); color: #ffffff; } .scbf-card .scbf-outcome-icon::before { content: ""; position: absolute; width: 48px; height: 48px; border: 1px dashed #ffffff; border-radius: 50%; } .scbf-card .scbf-outcome-icon svg { position: relative; z-index: 2; width: 45%; height: 45%; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } /* OUTCOME TEXT */ .scbf-card .scbf-outcome-text { position: relative; z-index: 3; padding: 10px 18px; display: flex; align-items: center; gap: 16px; font-family: var(--scbf-body-font); font-size: 15px; } .scbf-card .scbf-outcome-text strong { color: var(--scbf-purple-dark); font-family: var(--scbf-heading-font); font-size: 18px; font-weight: 800; } /* ========================================================= DOT PATTERN ========================================================= */ .scbf-card .scbf-dot-pattern { width: 120px; margin-left: auto; padding-right: 20px; display: grid; grid-template-columns: repeat(5, 4px); justify-content: end; gap: 8px; position: relative; z-index: 3; } .scbf-card .scbf-dot-pattern span { width: 4px; height: 4px; display: block; border-radius: 50%; background: var(--scbf-pink); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .scbf-card .scbf-header { padding: 22px 28px; } .scbf-card .scbf-grid { grid-template-columns: 1fr; gap: 40px; } .scbf-card .scbf-body { padding: 26px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 700px) { .scbf-card { --scbf-side-space: 8px; --scbf-card-radius: 20px; } .scbf-card .scbf-header { min-height: auto; padding: 22px 16px; flex-direction: column; align-items: flex-start; } .scbf-card .scbf-header-left { width: 100%; align-items: flex-start; gap: 12px; } .scbf-card .scbf-main-icon { width: 66px; height: 66px; flex-basis: 66px; } .scbf-card .scbf-badge { padding: 8px 12px; font-size: 13px; } .scbf-card .scbf-header-subtitle { font-size: 12px; } .scbf-card .scbf-header-right { margin-left: auto; } .scbf-card .scbf-header-right-icon { width: 64px; height: 64px; flex-basis: 64px; } .scbf-card .scbf-header-right-title { font-size: 15px; } .scbf-card .scbf-body { padding: 25px 14px 18px; } .scbf-card .scbf-main-title { font-size: 18px; } .scbf-card .scbf-info-box { grid-template-columns: 1fr; min-height: auto; padding: 20px 16px; text-align: center; } .scbf-card .scbf-info-icon { margin: 0 auto; } .scbf-card .scbf-info-text p { font-size: 14px; } .scbf-card .scbf-finance-box { min-height: auto; padding: 22px 16px 110px; } .scbf-card .scbf-finance-list li { font-size: 14px; } .scbf-card .scbf-factory-art { width: 160px; } .scbf-card .scbf-outcome { flex-direction: column; align-items: stretch; } .scbf-card .scbf-outcome-icon { width: 100%; min-height: 65px; flex-basis: auto; } .scbf-card .scbf-outcome-text { flex-direction: column; align-items: flex-start; gap: 6px; } .scbf-card .scbf-dot-pattern { display: none; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-7b33211 */.hero-full{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-left:0 !important; padding-right:0 !important; } .hero-full img{ width:100% !important; max-width:100% !important; display:block !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-14dbc08 */.infinity-divider { width: 100%; display: flex; align-items: center; justify-content: center; gap: 14px; margin: 30px 0; } /* Left and right lines */ .infinity-divider .divider-line { flex: 1; height: 2px; background: linear-gradient( 90deg, transparent 0%, #5f35d9 25%, #a63bd4 70%, #e146aa 100% ); } /* Reverse gradient for right line */ .infinity-divider .divider-line:last-child { background: linear-gradient( 90deg, #5f35d9 0%, #a63bd4 50%, #e146aa 75%, transparent 100% ); } /* Small circles */ .infinity-divider .divider-dot { width: 12px; height: 12px; flex: 0 0 12px; border-radius: 50%; background: linear-gradient( 135deg, #6738dc, #cf46c0 ); box-shadow: 0 3px 9px rgba(115, 55, 218, 0.3); } /* Infinity icon */ .infinity-divider .infinity-icon { display: inline-flex; align-items: center; justify-content: center; color: transparent; font-family: Arial, sans-serif; font-size: 65px; font-weight: 700; line-height: 0.7; background: linear-gradient( 135deg, #6940dc, #d647bd ); background-clip: text; -webkit-background-clip: text; filter: drop-shadow( 0 4px 6px rgba(110, 52, 200, 0.18) ); } /* Mobile */ @media screen and (max-width: 767px) { .infinity-divider { gap: 8px; margin: 22px 0; } .infinity-divider .divider-line { height: 1.5px; } .infinity-divider .divider-dot { width: 9px; height: 9px; flex-basis: 9px; } .infinity-divider .infinity-icon { font-size: 46px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-d41d704 *//* ========================================================= WORKING CAPITAL CARD FULLY ISOLATED WITH scwc- ========================================================= */ .scwc-card { /* ===== MAIN SIZE OPTIONS ===== */ --scwc-max-width: 1850px; --scwc-side-space: 0px; --scwc-card-radius: 32px; --scwc-box-radius: 18px; /* ===== THEME COLORS ===== */ --scwc-black: #08070d; --scwc-deep-purple: #250846; --scwc-purple: #8f49dd; --scwc-purple-dark: #711bc7; --scwc-purple-light: #e8d3ff; --scwc-pink: #f96dc9; --scwc-pink-dark: #e515a7; --scwc-yellow: #ffc400; --scwc-yellow-soft: #fff0a4; --scwc-border: #e2cff5; --scwc-text: #18131f; /* ===== HEADER IMAGE ===== Change this later if you want */ --scwc-header-image: url("http://staturecap.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-15-2026-12_50_01-PM.png"); /* ===== FONTS ===== */ --scwc-heading-font: "Montserrat", sans-serif; --scwc-body-font: "Roboto", sans-serif; /* ===== MAIN CARD ===== */ width: calc(100% - (var(--scwc-side-space) * 2)); max-width: var(--scwc-max-width); margin: 18px auto; position: relative; isolation: isolate; overflow: hidden; background: #ffffff; border-radius: var(--scwc-card-radius); box-shadow: 0 18px 45px rgba(99, 65, 142, 0.18), 0 5px 15px rgba(0, 0, 0, 0.07); color: var(--scwc-text); font-family: var(--scwc-body-font); } /* ========================================================= SAFE RESET ========================================================= */ .scwc-card *, .scwc-card *::before, .scwc-card *::after { box-sizing: border-box; } .scwc-card .scwc-header-subtitle, .scwc-card .scwc-info-text p, .scwc-card .scwc-finance-text p { margin: 0; } .scwc-card svg { display: block; } /* ========================================================= HEADER ========================================================= */ .scwc-card .scwc-header { position: relative; min-height: 10px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; gap: 34px; overflow: hidden; color: #ffffff; background-image: linear-gradient( 90deg, rgba(14, 8, 31, 0.95) 0%, rgba(34, 13, 77, 0.70) 44%, rgba(83, 39, 171, 0.42) 100% ), var(--scwc-header-image); background-size: cover; background-position: center center; background-repeat: no-repeat; } /* HEADER PINK/PURPLE GLOW */ .scwc-card .scwc-header::before { content: ""; position: absolute; inset: 0; background: radial-gradient( circle at 78% 28%, rgba(226, 93, 246, 0.22), transparent 31% ), radial-gradient( circle at 45% 70%, rgba(82, 56, 229, 0.15), transparent 31% ); pointer-events: none; } /* ========================================================= HEADER LEFT ========================================================= */ .scwc-card .scwc-header-left { position: relative; z-index: 3; display: flex; align-items: center; gap: 15px; } .scwc-card .scwc-main-icon { width: 70px; height: 70px; flex: 0 0 70px; display: flex; align-items: center; justify-content: center; border: 5px solid var(--scwc-yellow); border-radius: 50%; background: radial-gradient( circle, #7f21c8 0%, #431271 60%, #190723 100% ); color: #ffffff; box-shadow: 0 0 0 5px rgba(255, 196, 0, 0.08), 0 10px 24px rgba(0, 0, 0, 0.25); } .scwc-card .scwc-main-icon svg { width: 39px; height: 39px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; } .scwc-card .scwc-svg-rupee { fill: currentColor; stroke: none; font-family: Arial, sans-serif; font-size: 22px; font-weight: 700; } .scwc-card .scwc-header-content { display: flex; flex-direction: column; align-items: flex-start; } .scwc-card .scwc-badge { padding: 10px 15px; border-radius: 100px; background: linear-gradient( 90deg, var(--scwc-yellow-soft), var(--scwc-yellow) ); color: #111111; font-family: var(--scwc-heading-font); font-size: 14px; font-weight: 800; line-height: 1.2; box-shadow: 0 8px 20px rgba(255, 196, 0, 0.14); } .scwc-card .scwc-header-subtitle { margin-top: 8px; color: #ffffff; font-family: var(--scwc-heading-font); font-size: 12px; font-weight: 600; } /* ========================================================= HEADER RIGHT ========================================================= */ .scwc-card .scwc-header-right { position: relative; z-index: 3; display: flex; align-items: center; gap: 18px; flex-shrink: 0; } .scwc-card .scwc-header-right-icon { width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.16), rgba(126, 52, 221, 0.54) ); color: #ffffff; box-shadow: 0 0 0 4px rgba(215, 150, 255, 0.18); } .scwc-card .scwc-header-right-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scwc-card .scwc-header-right-title { color: #ffffff; font-family: var(--scwc-heading-font); font-size: 14px; font-weight: 800; line-height: 1.15; } /* ========================================================= BODY ========================================================= */ .scwc-card .scwc-body { position: relative; padding: 20px 20px 10px; background: radial-gradient( circle at 7% 8%, rgba(248, 109, 201, 0.06), transparent 23% ), radial-gradient( circle at 92% 82%, rgba(143, 73, 221, 0.08), transparent 25% ), linear-gradient( 135deg, #ffffff 0%, #fffaff 55%, #f8f1ff 100% ); } /* ========================================================= TITLE ========================================================= */ .scwc-card .scwc-title-area { margin-bottom: 15px; text-align: center; } .scwc-card .scwc-main-title { margin-bottom: 12px; color: #14122c; font-family: var(--scwc-heading-font); font-size: 24px; font-weight: 800; line-height: 1.2; } .scwc-card .scwc-main-title span { color: var(--scwc-purple-dark); } .scwc-card .scwc-title-line { position: relative; width: 100%; height: 1px; background: #d9cde6; } .scwc-card .scwc-title-line span { position: absolute; top: -1px; left: 50%; width: 260px; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, var(--scwc-yellow), transparent ); } .scwc-card .scwc-title-line span::after { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(45deg); background: var(--scwc-yellow); border: 4px solid #ffffff; } /* ========================================================= MAIN GRID ========================================================= */ .scwc-card .scwc-grid { display: grid; grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr); gap: 18px; align-items: stretch; } /* ========================================================= LEFT COLUMN ========================================================= */ .scwc-card .scwc-left-column { display: flex; flex-direction: column; gap: 12px; } /* INFO BOX */ .scwc-card .scwc-info-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scwc-border); border-radius: var(--scwc-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fffaff 58%, #f8f1ff 100% ); box-shadow: 0 8px 20px rgba(107, 71, 158, 0.05); } .scwc-card .scwc-info-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f5e5ff 60%, #ebd4ff 100% ); color: var(--scwc-pink-dark); } .scwc-card .scwc-info-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scwc-card .scwc-info-text p { color: #2b2430; font-family: var(--scwc-body-font); font-size: 15px; line-height: 1.45; } .scwc-card .scwc-info-text strong { color: var(--scwc-purple-dark); font-family: var(--scwc-heading-font); font-weight: 700; } /* ========================================================= RIGHT COLUMN ========================================================= */ .scwc-card .scwc-right-column { display: flex; flex-direction: column; gap: 12px; } /* RIGHT FINANCE ITEM */ .scwc-card .scwc-finance-item { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scwc-border); border-radius: var(--scwc-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fffaff 60%, #f7efff 100% ); box-shadow: 0 8px 20px rgba(107, 71, 158, 0.045); } .scwc-card .scwc-finance-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f4e5ff 60%, #ead4ff 100% ); color: var(--scwc-purple-dark); } .scwc-card .scwc-finance-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scwc-card .scwc-finance-text p { color: #2b2430; font-family: var(--scwc-body-font); font-size: 15px; line-height: 1.45; } .scwc-card .scwc-finance-text strong { color: var(--scwc-purple-dark); font-family: var(--scwc-heading-font); } .scwc-card .scwc-range { margin-top: 6px; color: #2b2430; font-family: var(--scwc-body-font); font-size: 15px; line-height: 1.35; } .scwc-card .scwc-range b { color: var(--scwc-pink-dark); font-weight: 700; } /* ========================================================= PRODUCTS STRIP ========================================================= */ .scwc-card .scwc-products-strip { min-height: 68px; margin-top: 10px; padding: 8px 18px; display: grid; grid-template-columns: 60px auto 1fr; align-items: center; gap: 16px; border: 1.5px solid var(--scwc-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff 0%, #fffaff 70%, #f8efff 100% ); } .scwc-card .scwc-product-main-icon { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #ffd9f5 70%, #f6b5e5 100% ); color: #e000a6; } .scwc-card .scwc-product-main-icon svg { width: 36px; height: 36px; fill: var(--scwc-pink-dark); stroke: none; } .scwc-card .scwc-products-label { font-family: var(--scwc-heading-font); font-size: 15px; font-weight: 700; color: #18131f; white-space: nowrap; } .scwc-card .scwc-products-icons { display: flex; align-items: center; justify-content: flex-start; gap: 16px; } .scwc-card .scwc-product-icon { width: 34px; height: 34px; display: flex; align-items: center; justify-content: center; color: var(--scwc-pink-dark); } .scwc-card .scwc-product-icon svg { width: 100%; height: 100%; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } .scwc-card .scwc-product-divider { width: 1px; height: 34px; background: #dfd1ec; } /* ========================================================= OUTCOME ========================================================= */ .scwc-card .scwc-outcome { position: relative; min-height: 6px; margin-top: 10px; display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--scwc-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff 0%, #fffaff 72%, #f4eaff 100% ); } .scwc-card .scwc-outcome-icon { width: 100px; align-self: stretch; flex: 0 0 100px; display: flex; align-items: center; justify-content: center; position: relative; background: linear-gradient( 135deg, #5e13cb 0%, #9a2fe1 65%, #b83ff0 100% ); color: #ffffff; } .scwc-card .scwc-outcome-icon::before { content: ""; position: absolute; width: 48px; height: 48px; border: 1px dashed #ffffff; border-radius: 50%; } .scwc-card .scwc-outcome-icon svg { position: relative; z-index: 2; width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scwc-card .scwc-outcome-text { position: relative; z-index: 3; padding: 10px 18px; display: flex; align-items: center; gap: 16px; font-family: var(--scwc-body-font); font-size: 15px; } .scwc-card .scwc-outcome-text strong { color: var(--scwc-purple-dark); font-family: var(--scwc-heading-font); font-size: 18px; font-weight: 800; } /* ========================================================= DOT PATTERN ========================================================= */ .scwc-card .scwc-dot-pattern { width: 120px; margin-left: auto; padding-right: 20px; display: grid; grid-template-columns: repeat(5, 4px); justify-content: end; gap: 8px; position: relative; z-index: 3; } .scwc-card .scwc-dot-pattern span { width: 4px; height: 4px; display: block; border-radius: 50%; background: var(--scwc-pink); } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1050px) { .scwc-card .scwc-header { padding: 22px 28px; } .scwc-card .scwc-grid { grid-template-columns: 1fr; gap: 40px; } .scwc-card .scwc-body { padding: 26px; } .scwc-card .scwc-products-strip { grid-template-columns: 60px 1fr; } .scwc-card .scwc-products-icons { grid-column: 1 / -1; padding-left: 6px; flex-wrap: wrap; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 700px) { .scwc-card { --scwc-side-space: 8px; --scwc-card-radius: 20px; } .scwc-card .scwc-header { min-height: auto; padding: 22px 16px; flex-direction: column; align-items: flex-start; } .scwc-card .scwc-header-left { width: 100%; align-items: flex-start; gap: 12px; } .scwc-card .scwc-main-icon { width: 66px; height: 66px; flex-basis: 66px; } .scwc-card .scwc-main-icon svg { width: 46px; height: 46px; } .scwc-card .scwc-badge { padding: 8px 12px; font-size: 13px; } .scwc-card .scwc-header-subtitle { font-size: 12px; } .scwc-card .scwc-header-right { margin-left: auto; } .scwc-card .scwc-header-right-icon { width: 64px; height: 64px; flex-basis: 64px; } .scwc-card .scwc-header-right-title { font-size: 15px; } .scwc-card .scwc-body { padding: 25px 14px 18px; } .scwc-card .scwc-main-title { font-size: 18px; } .scwc-card .scwc-info-box, .scwc-card .scwc-finance-item { grid-template-columns: 1fr; min-height: auto; padding: 20px 16px; text-align: center; } .scwc-card .scwc-info-icon, .scwc-card .scwc-finance-icon { margin: 0 auto; } .scwc-card .scwc-info-text p, .scwc-card .scwc-finance-text p, .scwc-card .scwc-range { font-size: 14px; } .scwc-card .scwc-products-strip { grid-template-columns: 1fr; text-align: center; } .scwc-card .scwc-product-main-icon { margin: 0 auto; } .scwc-card .scwc-products-label { white-space: normal; } .scwc-card .scwc-products-icons { justify-content: center; padding-left: 0; } .scwc-card .scwc-outcome { flex-direction: column; align-items: stretch; } .scwc-card .scwc-outcome-icon { width: 100%; min-height: 65px; flex-basis: auto; } .scwc-card .scwc-outcome-text { flex-direction: column; align-items: flex-start; gap: 6px; } .scwc-card .scwc-dot-pattern { display: none; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-e1e2e4e */.hero-full{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-left:0 !important; padding-right:0 !important; } .hero-full img{ width:100% !important; max-width:100% !important; display:block !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-6b21682 */.infinity-divider { width: 100%; display: flex; align-items: center; justify-content: center; gap: 14px; margin: 30px 0; } /* Left and right lines */ .infinity-divider .divider-line { flex: 1; height: 2px; background: linear-gradient( 90deg, transparent 0%, #5f35d9 25%, #a63bd4 70%, #e146aa 100% ); } /* Reverse gradient for right line */ .infinity-divider .divider-line:last-child { background: linear-gradient( 90deg, #5f35d9 0%, #a63bd4 50%, #e146aa 75%, transparent 100% ); } /* Small circles */ .infinity-divider .divider-dot { width: 12px; height: 12px; flex: 0 0 12px; border-radius: 50%; background: linear-gradient( 135deg, #6738dc, #cf46c0 ); box-shadow: 0 3px 9px rgba(115, 55, 218, 0.3); } /* Infinity icon */ .infinity-divider .infinity-icon { display: inline-flex; align-items: center; justify-content: center; color: transparent; font-family: Arial, sans-serif; font-size: 65px; font-weight: 700; line-height: 0.7; background: linear-gradient( 135deg, #6940dc, #d647bd ); background-clip: text; -webkit-background-clip: text; filter: drop-shadow( 0 4px 6px rgba(110, 52, 200, 0.18) ); } /* Mobile */ @media screen and (max-width: 767px) { .infinity-divider { gap: 8px; margin: 22px 0; } .infinity-divider .divider-line { height: 1.5px; } .infinity-divider .divider-dot { width: 9px; height: 9px; flex-basis: 9px; } .infinity-divider .infinity-icon { font-size: 46px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-cb93f96 *//* ========================================================= NON-FUND-BASED FINANCE CARD FULLY ISOLATED WITH scnf- ========================================================= */ .scnf-card { /* ===== EASY CUSTOMIZATION ===== */ --scnf-max-width: 1850px; --scnf-side-space: 0px; --scnf-card-radius: 32px; --scnf-box-radius: 18px; /* THEME COLORS */ --scnf-deep: #140322; --scnf-purple: #8e42dd; --scnf-purple-dark: #6e1cc4; --scnf-pink: #f66cc8; --scnf-pink-dark: #dc159f; --scnf-yellow: #ffc400; --scnf-yellow-soft: #fff0a4; --scnf-border: #e1cef5; --scnf-text: #18131f; /* FONTS */ --scnf-heading-font: "Montserrat", sans-serif; --scnf-body-font: "Roboto", sans-serif; width: calc(100% - (var(--scnf-side-space) * 2)); max-width: var(--scnf-max-width); margin: 18px auto; position: relative; isolation: isolate; overflow: hidden; background: #ffffff; border-radius: var(--scnf-card-radius); box-shadow: 0 18px 45px rgba(99, 65, 142, 0.18), 0 5px 15px rgba(0, 0, 0, 0.07); color: var(--scnf-text); font-family: var(--scnf-body-font); } /* ========================================================= SAFE RESET ========================================================= */ .scnf-card *, .scnf-card *::before, .scnf-card *::after { box-sizing: border-box; } .scnf-card .scnf-header-subtitle, .scnf-card .scnf-info-text p, .scnf-card .scnf-finance-text p { margin: 0; } .scnf-card svg { display: block; } /* ========================================================= HEADER ========================================================= */ .scnf-card .scnf-header { position: relative; min-height: 10px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; gap: 34px; overflow: hidden; color: #ffffff; background: radial-gradient( circle at 70% 42%, rgba(174, 63, 238, 0.34), transparent 29% ), radial-gradient( circle at 55% 55%, rgba(242, 88, 207, 0.16), transparent 34% ), linear-gradient( 100deg, #090712 0%, #260c4b 42%, #6214a7 70%, #9f2fe2 100% ); } /* SUBTLE TRADE SCENE / GLOW */ .scnf-card .scnf-header::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.24; background: radial-gradient( circle at 67% 28%, rgba(255,255,255,0.18), transparent 8% ), linear-gradient( 120deg, transparent 52%, rgba(255,255,255,0.07) 53%, transparent 54% ), linear-gradient( 20deg, transparent 63%, rgba(255,255,255,0.06) 64%, transparent 65% ); } /* DOTS */ .scnf-card .scnf-header::after { content: ""; position: absolute; right: 24px; top: 25px; width: 80px; height: 80px; opacity: 0.45; background-image: radial-gradient( circle, var(--scnf-pink) 2px, transparent 2.5px ); background-size: 14px 14px; pointer-events: none; } /* ========================================================= HEADER LEFT ========================================================= */ .scnf-card .scnf-header-left { position: relative; z-index: 3; display: flex; align-items: center; gap: 15px; } .scnf-card .scnf-main-icon { width: 70px; height: 70px; flex: 0 0 70px; display: flex; align-items: center; justify-content: center; border: 5px solid var(--scnf-yellow); border-radius: 50%; background: radial-gradient( circle, #7925bc 0%, #42106d 60%, #190624 100% ); color: #ffffff; box-shadow: 0 0 0 5px rgba(255, 196, 0, 0.08), 0 10px 24px rgba(0, 0, 0, 0.25); } .scnf-card .scnf-main-icon svg { width: 39px; height: 39px; fill: none; stroke: currentColor; stroke-width: 3.8; stroke-linecap: round; stroke-linejoin: round; } .scnf-card .scnf-header-content { display: flex; flex-direction: column; align-items: flex-start; } .scnf-card .scnf-badge { padding: 10px 15px; border-radius: 100px; background: linear-gradient( 90deg, var(--scnf-yellow-soft), var(--scnf-yellow) ); color: #111111; font-family: var(--scnf-heading-font); font-size: 14px; font-weight: 800; line-height: 1.2; box-shadow: 0 8px 20px rgba(255, 196, 0, 0.14); } .scnf-card .scnf-header-subtitle { margin-top: 8px; color: #ffffff; font-family: var(--scnf-heading-font); font-size: 12px; font-weight: 600; } /* ========================================================= HEADER RIGHT ========================================================= */ .scnf-card .scnf-header-right { position: relative; z-index: 3; display: flex; align-items: center; gap: 18px; flex-shrink: 0; } .scnf-card .scnf-header-right-icon { width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient( 145deg, rgba(255,255,255,0.16), rgba(126,52,221,0.54) ); color: #ffffff; box-shadow: 0 0 0 4px rgba(215,150,255,0.18); } .scnf-card .scnf-header-right-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scnf-card .scnf-header-right-title { color: #ffffff; font-family: var(--scnf-heading-font); font-size: 14px; font-weight: 800; line-height: 1.15; } /* ========================================================= BODY ========================================================= */ .scnf-card .scnf-body { position: relative; padding: 20px 20px 10px; background: radial-gradient( circle at 7% 8%, rgba(248,109,201,0.06), transparent 23% ), radial-gradient( circle at 92% 82%, rgba(143,73,221,0.08), transparent 25% ), linear-gradient( 135deg, #ffffff 0%, #fffaff 55%, #f8f1ff 100% ); } /* ========================================================= TITLE ========================================================= */ .scnf-card .scnf-title-area { margin-bottom: 15px; text-align: center; } .scnf-card .scnf-main-title { margin-bottom: 12px; color: #14122c; font-family: var(--scnf-heading-font); font-size: 24px; font-weight: 800; line-height: 1.2; } .scnf-card .scnf-main-title span { color: var(--scnf-purple-dark); } .scnf-card .scnf-title-line { position: relative; width: 100%; height: 1px; background: #d9cde6; } .scnf-card .scnf-title-line span { position: absolute; top: -1px; left: 50%; width: 260px; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, var(--scnf-yellow), transparent ); } .scnf-card .scnf-title-line span::after { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(45deg); background: var(--scnf-yellow); border: 4px solid #ffffff; } /* ========================================================= GRID ========================================================= */ .scnf-card .scnf-grid { display: grid; grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr); gap: 18px; align-items: stretch; } /* ========================================================= LEFT COLUMN ========================================================= */ .scnf-card .scnf-left-column { display: flex; flex-direction: column; gap: 12px; } /* INFO BOX */ .scnf-card .scnf-info-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scnf-border); border-radius: var(--scnf-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fffaff 58%, #f8f1ff 100% ); box-shadow: 0 8px 20px rgba(107,71,158,0.05); } .scnf-card .scnf-info-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f5e5ff 60%, #ebd4ff 100% ); color: var(--scnf-pink-dark); } .scnf-card .scnf-info-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scnf-card .scnf-info-text p { color: #2b2430; font-family: var(--scnf-body-font); font-size: 15px; line-height: 1.45; } .scnf-card .scnf-info-text strong { color: var(--scnf-purple-dark); font-family: var(--scnf-heading-font); font-weight: 700; } /* ========================================================= RIGHT COLUMN ========================================================= */ .scnf-card .scnf-right-column { display: flex; flex-direction: column; gap: 12px; } .scnf-card .scnf-finance-item { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0,1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scnf-border); border-radius: var(--scnf-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fffaff 60%, #f7efff 100% ); box-shadow: 0 8px 20px rgba(107,71,158,0.045); } .scnf-card .scnf-finance-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f4e5ff 60%, #ead4ff 100% ); color: var(--scnf-pink-dark); } .scnf-card .scnf-finance-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scnf-card .scnf-svg-rupee { fill: currentColor; stroke: none; font-family: Arial, sans-serif; font-size: 22px; font-weight: 700; } .scnf-card .scnf-finance-text p { color: #2b2430; font-family: var(--scnf-body-font); font-size: 15px; line-height: 1.45; } .scnf-card .scnf-finance-text strong { color: var(--scnf-purple-dark); font-family: var(--scnf-heading-font); } /* ========================================================= PRODUCTS STRIP ========================================================= */ .scnf-card .scnf-products-strip { min-height: 58px; margin-top: 10px; padding: 7px 18px; display: grid; grid-template-columns: 60px 1fr; align-items: center; gap: 16px; border: 1.5px solid var(--scnf-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff 0%, #fffaff 70%, #f8efff 100% ); } .scnf-card .scnf-product-main-icon { width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #ffd9f5 70%, #f6b5e5 100% ); color: #e000a6; } .scnf-card .scnf-product-main-icon svg { width: 36px; height: 36px; fill: var(--scnf-pink-dark); stroke: none; } .scnf-card .scnf-products-label { font-family: var(--scnf-heading-font); font-size: 15px; font-weight: 700; color: #18131f; } /* ========================================================= OUTCOME ========================================================= */ .scnf-card .scnf-outcome { position: relative; min-height: 6px; margin-top: 10px; display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--scnf-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff 0%, #fffaff 72%, #f4eaff 100% ); } .scnf-card .scnf-outcome-icon { width: 100px; align-self: stretch; flex: 0 0 100px; display: flex; align-items: center; justify-content: center; position: relative; background: linear-gradient( 135deg, #5e13cb 0%, #9a2fe1 65%, #b83ff0 100% ); color: #ffffff; } .scnf-card .scnf-outcome-icon::before { content: ""; position: absolute; width: 48px; height: 48px; border: 1px dashed #ffffff; border-radius: 50%; } .scnf-card .scnf-outcome-icon svg { position: relative; z-index: 2; width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scnf-card .scnf-outcome-text { position: relative; z-index: 3; padding: 10px 18px; display: flex; align-items: center; gap: 16px; font-family: var(--scnf-body-font); font-size: 15px; } .scnf-card .scnf-outcome-text strong { color: var(--scnf-purple-dark); font-family: var(--scnf-heading-font); font-size: 18px; font-weight: 800; } /* ========================================================= DOT PATTERN ========================================================= */ .scnf-card .scnf-dot-pattern { width: 120px; margin-left: auto; padding-right: 20px; display: grid; grid-template-columns: repeat(5, 4px); justify-content: end; gap: 8px; position: relative; z-index: 3; } .scnf-card .scnf-dot-pattern span { width: 4px; height: 4px; display: block; border-radius: 50%; background: var(--scnf-pink); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .scnf-card .scnf-header { padding: 22px 28px; } .scnf-card .scnf-grid { grid-template-columns: 1fr; gap: 40px; } .scnf-card .scnf-body { padding: 26px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 700px) { .scnf-card { --scnf-side-space: 8px; --scnf-card-radius: 20px; } .scnf-card .scnf-header { min-height: auto; padding: 22px 16px; flex-direction: column; align-items: flex-start; } .scnf-card .scnf-header-left { width: 100%; align-items: flex-start; gap: 12px; } .scnf-card .scnf-main-icon { width: 66px; height: 66px; flex-basis: 66px; } .scnf-card .scnf-main-icon svg { width: 44px; height: 44px; } .scnf-card .scnf-badge { padding: 8px 12px; font-size: 13px; } .scnf-card .scnf-header-subtitle { font-size: 12px; } .scnf-card .scnf-header-right { margin-left: auto; } .scnf-card .scnf-header-right-icon { width: 64px; height: 64px; flex-basis: 64px; } .scnf-card .scnf-header-right-title { font-size: 15px; } .scnf-card .scnf-body { padding: 25px 14px 18px; } .scnf-card .scnf-main-title { font-size: 18px; } .scnf-card .scnf-info-box, .scnf-card .scnf-finance-item { grid-template-columns: 1fr; min-height: auto; padding: 20px 16px; text-align: center; } .scnf-card .scnf-info-icon, .scnf-card .scnf-finance-icon { margin: 0 auto; } .scnf-card .scnf-info-text p, .scnf-card .scnf-finance-text p { font-size: 14px; } .scnf-card .scnf-products-strip { grid-template-columns: 1fr; text-align: center; } .scnf-card .scnf-product-main-icon { margin: 0 auto; } .scnf-card .scnf-outcome { flex-direction: column; align-items: stretch; } .scnf-card .scnf-outcome-icon { width: 100%; min-height: 65px; flex-basis: auto; } .scnf-card .scnf-outcome-text { flex-direction: column; align-items: flex-start; gap: 6px; } .scnf-card .scnf-dot-pattern { display: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ead8997 *//* ========================================================= MACHINERY & EQUIPMENT FINANCE CARD FULLY ISOLATED WITH scme- ========================================================= */ .scme-card { /* HEADER BACKGROUND IMAGE */ --scme-header-image: url("http://staturecap.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-15-2026-05_06_24-PM.png"); /* SIZE */ --scme-max-width: 1850px; --scme-side-space: 0px; --scme-card-radius: 32px; --scme-box-radius: 18px; /* COLORS */ --scme-black: #08070d; --scme-purple: #8d2fd3; --scme-purple-dark: #6715ba; --scme-purple-deep: #3e086d; --scme-pink: #f16bc4; --scme-pink-light: #ffd8ef; --scme-yellow: #ffc400; --scme-yellow-light: #fff1a5; --scme-border: #e0caf5; --scme-text: #191320; /* FONTS */ --scme-heading-font: "Montserrat", sans-serif; --scme-body-font: "Roboto", sans-serif; width: calc(100% - (var(--scme-side-space) * 2)); max-width: var(--scme-max-width); margin: 18px auto; position: relative; isolation: isolate; overflow: hidden; background: #ffffff; border-radius: var(--scme-card-radius); box-shadow: 0 18px 45px rgba(91, 48, 131, 0.18), 0 5px 15px rgba(0, 0, 0, 0.07); font-family: var(--scme-body-font); color: var(--scme-text); } /* ========================================================= RESET ========================================================= */ .scme-card *, .scme-card *::before, .scme-card *::after { box-sizing: border-box; } .scme-card p, .scme-card ul { margin: 0; } .scme-card svg { display: block; } /* ========================================================= HEADER ========================================================= */ .scme-card .scme-header { position: relative; min-height: 10px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; gap: 34px; overflow: hidden; color: #ffffff; background-image: linear-gradient( 90deg, rgba(10, 5, 24, 0.92) 0%, rgba(30, 7, 57, 0.73) 38%, rgba(99, 20, 150, 0.45) 70%, rgba(124, 36, 192, 0.36) 100% ), var(--scme-header-image); background-size: cover; background-position: center center; background-repeat: no-repeat; } /* HEADER OVERLAY GLOW */ .scme-card .scme-header::before { content: ""; position: absolute; inset: 0; background: radial-gradient( circle at 85% 25%, rgba(184, 76, 240, 0.25), transparent 28% ), radial-gradient( circle at 18% 55%, rgba(119, 25, 180, 0.15), transparent 30% ); pointer-events: none; } /* HEADER DOTS */ .scme-card .scme-header::after { content: ""; position: absolute; right: 24px; top: 25px; width: 80px; height: 80px; opacity: 0.55; background-image: radial-gradient( circle, #dc9bff 2px, transparent 2.5px ); background-size: 14px 14px; } /* ========================================================= HEADER LEFT ========================================================= */ .scme-card .scme-header-left { position: relative; z-index: 3; display: flex; align-items: center; gap: 15px; } .scme-card .scme-main-icon { width: 70px; height: 70px; flex: 0 0 70px; display: flex; align-items: center; justify-content: center; border: 5px solid var(--scme-yellow); border-radius: 50%; background: radial-gradient( circle at 35% 25%, #7d2cc0 0%, #45106f 56%, #190522 100% ); color: #ffffff; box-shadow: 0 0 0 5px rgba(255, 196, 0, 0.10), 0 0 24px rgba(255, 196, 0, 0.24), 0 12px 28px rgba(0, 0, 0, 0.28); } .scme-card .scme-main-icon svg { width: 39px; height: 39px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scme-card .scme-header-content { display: flex; flex-direction: column; align-items: flex-start; } .scme-card .scme-badge { padding: 10px 15px; border-radius: 100px; background: linear-gradient( 90deg, var(--scme-yellow-light), var(--scme-yellow) ); color: #111111; font-family: var(--scme-heading-font); font-size: 14px; font-weight: 800; line-height: 1.2; box-shadow: 0 8px 20px rgba(255, 196, 0, 0.16); } .scme-card .scme-header-subtitle { margin-top: 8px; color: #ffffff; font-family: var(--scme-heading-font); font-size: 12px; font-weight: 600; } /* ========================================================= HEADER RIGHT ========================================================= */ .scme-card .scme-header-right { position: relative; z-index: 3; display: flex; align-items: center; gap: 18px; } .scme-card .scme-header-right-icon { width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.18), rgba(128, 48, 214, 0.55) ); color: #ffffff; box-shadow: 0 0 0 4px rgba(214, 149, 255, 0.18); } .scme-card .scme-header-right-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scme-card .scme-header-right-title { color: #ffffff; font-family: var(--scme-heading-font); font-size: 14px; font-weight: 800; line-height: 1.15; } /* ========================================================= BODY ========================================================= */ .scme-card .scme-body { position: relative; padding: 20px 20px 10px; background: radial-gradient( circle at 8% 10%, rgba(242, 100, 199, 0.06), transparent 24% ), radial-gradient( circle at 94% 85%, rgba(143, 73, 221, 0.08), transparent 25% ), linear-gradient( 135deg, #ffffff 0%, #fffaff 55%, #f8f1ff 100% ); } /* ========================================================= MAIN TITLE ========================================================= */ .scme-card .scme-title-area { margin-bottom: 15px; text-align: center; } .scme-card .scme-main-title { margin-bottom: 12px; color: #15112b; font-family: var(--scme-heading-font); font-size: 24px; font-weight: 800; line-height: 1.2; } .scme-card .scme-main-title span { color: var(--scme-purple-dark); } /* TITLE LINE */ .scme-card .scme-title-line { position: relative; width: 100%; height: 1px; background: #dacde6; } .scme-card .scme-title-line span { position: absolute; left: 50%; top: -1px; width: 260px; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, var(--scme-yellow), transparent ); } .scme-card .scme-title-line span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(45deg); background: var(--scme-yellow); border: 4px solid #ffffff; } /* ========================================================= MAIN GRID ========================================================= */ .scme-card .scme-grid { display: grid; grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr); gap: 18px; align-items: stretch; } /* ========================================================= LEFT COLUMN ========================================================= */ .scme-card .scme-left-column { display: flex; flex-direction: column; gap: 12px; } /* INFO BOX */ .scme-card .scme-info-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scme-border); border-radius: var(--scme-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scme-card .scme-info-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scme-purple-dark); } .scme-card .scme-info-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scme-card .scme-info-text p { color: #29222f; font-family: var(--scme-body-font); font-size: 15px; line-height: 1.45; } .scme-card .scme-info-text strong { color: var(--scme-purple-dark); font-family: var(--scme-heading-font); font-weight: 700; } /* ========================================================= EQUIPMENT BOX ========================================================= */ .scme-card .scme-equipment-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scme-border); border-radius: var(--scme-box-radius); background: linear-gradient( 135deg, #ffffff, #fff8ff ); } .scme-card .scme-equipment-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scme-purple-dark); } .scme-card .scme-equipment-icon svg { width: 52px; height: 52px; fill: currentColor; stroke: none; } .scme-card .scme-equipment-list { margin: 0; padding-left: 22px; color: #29222f; font-family: var(--scme-body-font); font-size: 15px; line-height: 1.45; } .scme-card .scme-equipment-list li { margin-bottom: 5px; } .scme-card .scme-equipment-list li::marker { color: var(--scme-purple-dark); } /* SMALL LABEL */ .scme-card .scme-small-label { min-height: 44px; display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--scme-border); border-radius: 999px; background: #ffffff; color: #18131f; font-family: var(--scme-heading-font); font-size: 15px; font-weight: 700; } /* ========================================================= RIGHT COLUMN ========================================================= */ .scme-card .scme-right-column { display: flex; flex-direction: column; gap: 12px; } /* TICKET BOX */ .scme-card .scme-ticket-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scme-border); border-radius: var(--scme-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scme-card .scme-ticket-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff, #f3e4ff 62%, #ead4ff ); color: var(--scme-purple-dark); } .scme-card .scme-ticket-icon svg { width: 52px; height: 52px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scme-card .scme-svg-rupee { fill: currentColor; stroke: none; font-family: Arial, sans-serif; font-size: 24px; font-weight: 700; } .scme-card .scme-ticket-text { display: flex; flex-direction: column; gap: 10px; } .scme-card .scme-ticket-text p { color: #29222f; font-family: var(--scme-body-font); font-size: 15px; line-height: 1.45; } .scme-card .scme-ticket-text strong { color: var(--scme-purple-dark); font-family: var(--scme-heading-font); } /* ========================================================= RIGHT FINANCE BOX ========================================================= */ .scme-card .scme-finance-box { position: relative; flex: 1; min-height: 322px; padding: 40px 24px 10px; overflow: hidden; border: 1.5px solid var(--scme-border); border-radius: var(--scme-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fff9ff 62%, #f7edff 100% ); } .scme-card .scme-finance-list { position: relative; z-index: 3; margin: 0; padding: 0; list-style: none; } .scme-card .scme-finance-list li { min-height: 49px; padding: 7px 0; display: flex; align-items: center; gap: 14px; border-bottom: 1px dotted #dac8e9; color: #29222f; font-family: var(--scme-body-font); font-size: 15px; line-height: 1.3; } .scme-card .scme-finance-list li:last-child { border-bottom: 0; } /* CHECK */ .scme-card .scme-check { width: 24px; height: 24px; flex: 0 0 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient( 135deg, #9829d8, #6f16be ); color: #ffffff; } .scme-card .scme-check svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= FACTORY ART ========================================================= */ .scme-card .scme-factory-art { position: absolute; right: 0; bottom: 0; width: 205px; color: rgba(221, 98, 210, 0.23); z-index: 1; pointer-events: none; } .scme-card .scme-factory-art svg { width: 100%; height: auto; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= OUTCOME ========================================================= */ .scme-card .scme-outcome { position: relative; min-height: 6px; margin-top: 10px; display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--scme-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff, #fff9ff 75%, #f4e9ff ); } .scme-card .scme-outcome-icon { width: 100px; align-self: stretch; flex: 0 0 100px; display: flex; align-items: center; justify-content: center; position: relative; background: linear-gradient( 135deg, #5b0bb6, #8d22d1 60%, #ab39df ); color: #ffffff; } .scme-card .scme-outcome-icon::before { content: ""; position: absolute; width: 48px; height: 48px; border: 1px dashed #ffffff; border-radius: 50%; } .scme-card .scme-outcome-icon svg { position: relative; z-index: 2; width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; } .scme-card .scme-outcome-text { position: relative; z-index: 3; padding: 10px 18px; display: flex; align-items: center; gap: 16px; font-family: var(--scme-body-font); font-size: 15px; } .scme-card .scme-outcome-text strong { color: var(--scme-purple-dark); font-family: var(--scme-heading-font); font-size: 18px; font-weight: 800; } /* DOTS */ .scme-card .scme-dot-pattern { width: 120px; margin-left: auto; padding-right: 20px; display: grid; grid-template-columns: repeat(5, 4px); justify-content: end; gap: 8px; position: relative; z-index: 3; } .scme-card .scme-dot-pattern span { width: 4px; height: 4px; display: block; border-radius: 50%; background: var(--scme-pink); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .scme-card .scme-header { padding: 22px 28px; } .scme-card .scme-grid { grid-template-columns: 1fr; gap: 40px; } .scme-card .scme-body { padding: 26px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 700px) { .scme-card { --scme-side-space: 8px; --scme-card-radius: 20px; } .scme-card .scme-header { min-height: auto; padding: 22px 16px; flex-direction: column; align-items: flex-start; } .scme-card .scme-header-left { width: 100%; align-items: flex-start; gap: 12px; } .scme-card .scme-main-icon { width: 66px; height: 66px; flex-basis: 66px; } .scme-card .scme-main-icon svg { width: 44px; height: 44px; } .scme-card .scme-badge { padding: 8px 12px; font-size: 13px; } .scme-card .scme-header-subtitle { font-size: 12px; } .scme-card .scme-header-right { margin-left: auto; } .scme-card .scme-header-right-icon { width: 64px; height: 64px; flex-basis: 64px; } .scme-card .scme-header-right-title { font-size: 15px; } .scme-card .scme-body { padding: 25px 14px 18px; } .scme-card .scme-main-title { font-size: 18px; } .scme-card .scme-info-box, .scme-card .scme-equipment-box, .scme-card .scme-ticket-box { grid-template-columns: 1fr; min-height: auto; padding: 20px 16px; text-align: center; } .scme-card .scme-info-icon, .scme-card .scme-equipment-icon, .scme-card .scme-ticket-icon { margin: 0 auto; } .scme-card .scme-info-text p, .scme-card .scme-ticket-text p, .scme-card .scme-equipment-list, .scme-card .scme-finance-list li { font-size: 14px; } .scme-card .scme-equipment-list { text-align: left; } .scme-card .scme-finance-box { min-height: auto; padding: 52px 16px 112px; } .scme-card .scme-factory-art { width: 160px; } .scme-card .scme-outcome { flex-direction: column; align-items: stretch; } .scme-card .scme-outcome-icon { width: 100%; min-height: 65px; flex-basis: auto; } .scme-card .scme-outcome-text { flex-direction: column; align-items: flex-start; gap: 6px; } .scme-card .scme-dot-pattern { display: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ce4d724 *//* ========================================================= MACHINERY & EQUIPMENT FINANCE CARD FULLY ISOLATED WITH scme- ========================================================= */ .scme-card { /* HEADER BACKGROUND IMAGE */ --scme-header-image: url("http://staturecap.com/wp-content/uploads/2026/07/ChatGPT-Image-Jul-15-2026-05_06_24-PM.png"); /* SIZE */ --scme-max-width: 1850px; --scme-side-space: 0px; --scme-card-radius: 32px; --scme-box-radius: 18px; /* COLORS */ --scme-black: #08070d; --scme-purple: #8d2fd3; --scme-purple-dark: #6715ba; --scme-purple-deep: #3e086d; --scme-pink: #f16bc4; --scme-pink-light: #ffd8ef; --scme-yellow: #ffc400; --scme-yellow-light: #fff1a5; --scme-border: #e0caf5; --scme-text: #191320; /* FONTS */ --scme-heading-font: "Montserrat", sans-serif; --scme-body-font: "Roboto", sans-serif; width: calc(100% - (var(--scme-side-space) * 2)); max-width: var(--scme-max-width); margin: 18px auto; position: relative; isolation: isolate; overflow: hidden; background: #ffffff; border-radius: var(--scme-card-radius); box-shadow: 0 18px 45px rgba(91, 48, 131, 0.18), 0 5px 15px rgba(0, 0, 0, 0.07); font-family: var(--scme-body-font); color: var(--scme-text); } /* ========================================================= RESET ========================================================= */ .scme-card *, .scme-card *::before, .scme-card *::after { box-sizing: border-box; } .scme-card p, .scme-card ul { margin: 0; } .scme-card svg { display: block; } /* ========================================================= HEADER ========================================================= */ .scme-card .scme-header { position: relative; min-height: 10px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; gap: 34px; overflow: hidden; color: #ffffff; background-image: linear-gradient( 90deg, rgba(10, 5, 24, 0.92) 0%, rgba(30, 7, 57, 0.73) 38%, rgba(99, 20, 150, 0.45) 70%, rgba(124, 36, 192, 0.36) 100% ), var(--scme-header-image); background-size: cover; background-position: center center; background-repeat: no-repeat; } /* HEADER OVERLAY GLOW */ .scme-card .scme-header::before { content: ""; position: absolute; inset: 0; background: radial-gradient( circle at 85% 25%, rgba(184, 76, 240, 0.25), transparent 28% ), radial-gradient( circle at 18% 55%, rgba(119, 25, 180, 0.15), transparent 30% ); pointer-events: none; } /* HEADER DOTS */ .scme-card .scme-header::after { content: ""; position: absolute; right: 24px; top: 25px; width: 80px; height: 80px; opacity: 0.55; background-image: radial-gradient( circle, #dc9bff 2px, transparent 2.5px ); background-size: 14px 14px; } /* ========================================================= HEADER LEFT ========================================================= */ .scme-card .scme-header-left { position: relative; z-index: 3; display: flex; align-items: center; gap: 15px; } .scme-card .scme-main-icon { width: 70px; height: 70px; flex: 0 0 70px; display: flex; align-items: center; justify-content: center; border: 5px solid var(--scme-yellow); border-radius: 50%; background: radial-gradient( circle at 35% 25%, #7d2cc0 0%, #45106f 56%, #190522 100% ); color: #ffffff; box-shadow: 0 0 0 5px rgba(255, 196, 0, 0.10), 0 0 24px rgba(255, 196, 0, 0.24), 0 12px 28px rgba(0, 0, 0, 0.28); } .scme-card .scme-main-icon svg { width: 39px; height: 39px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scme-card .scme-header-content { display: flex; flex-direction: column; align-items: flex-start; } .scme-card .scme-badge { padding: 10px 15px; border-radius: 100px; background: linear-gradient( 90deg, var(--scme-yellow-light), var(--scme-yellow) ); color: #111111; font-family: var(--scme-heading-font); font-size: 14px; font-weight: 800; line-height: 1.2; box-shadow: 0 8px 20px rgba(255, 196, 0, 0.16); } .scme-card .scme-header-subtitle { margin-top: 8px; color: #ffffff; font-family: var(--scme-heading-font); font-size: 12px; font-weight: 600; } /* ========================================================= HEADER RIGHT ========================================================= */ .scme-card .scme-header-right { position: relative; z-index: 3; display: flex; align-items: center; gap: 18px; } .scme-card .scme-header-right-icon { width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient( 145deg, rgba(255, 255, 255, 0.18), rgba(128, 48, 214, 0.55) ); color: #ffffff; box-shadow: 0 0 0 4px rgba(214, 149, 255, 0.18); } .scme-card .scme-header-right-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scme-card .scme-header-right-title { color: #ffffff; font-family: var(--scme-heading-font); font-size: 14px; font-weight: 800; line-height: 1.15; } /* ========================================================= BODY ========================================================= */ .scme-card .scme-body { position: relative; padding: 20px 20px 10px; background: radial-gradient( circle at 8% 10%, rgba(242, 100, 199, 0.06), transparent 24% ), radial-gradient( circle at 94% 85%, rgba(143, 73, 221, 0.08), transparent 25% ), linear-gradient( 135deg, #ffffff 0%, #fffaff 55%, #f8f1ff 100% ); } /* ========================================================= MAIN TITLE ========================================================= */ .scme-card .scme-title-area { margin-bottom: 15px; text-align: center; } .scme-card .scme-main-title { margin-bottom: 12px; color: #15112b; font-family: var(--scme-heading-font); font-size: 24px; font-weight: 800; line-height: 1.2; } .scme-card .scme-main-title span { color: var(--scme-purple-dark); } /* TITLE LINE */ .scme-card .scme-title-line { position: relative; width: 100%; height: 1px; background: #dacde6; } .scme-card .scme-title-line span { position: absolute; left: 50%; top: -1px; width: 260px; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, var(--scme-yellow), transparent ); } .scme-card .scme-title-line span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(45deg); background: var(--scme-yellow); border: 4px solid #ffffff; } /* ========================================================= MAIN GRID ========================================================= */ .scme-card .scme-grid { display: grid; grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr); gap: 18px; align-items: stretch; } /* ========================================================= LEFT COLUMN ========================================================= */ .scme-card .scme-left-column { display: flex; flex-direction: column; gap: 12px; } /* INFO BOX */ .scme-card .scme-info-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scme-border); border-radius: var(--scme-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scme-card .scme-info-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scme-purple-dark); } .scme-card .scme-info-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scme-card .scme-info-text p { color: #29222f; font-family: var(--scme-body-font); font-size: 15px; line-height: 1.45; } .scme-card .scme-info-text strong { color: var(--scme-purple-dark); font-family: var(--scme-heading-font); font-weight: 700; } /* ========================================================= EQUIPMENT BOX ========================================================= */ .scme-card .scme-equipment-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scme-border); border-radius: var(--scme-box-radius); background: linear-gradient( 135deg, #ffffff, #fff8ff ); } .scme-card .scme-equipment-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scme-purple-dark); } .scme-card .scme-equipment-icon svg { width: 52px; height: 52px; fill: currentColor; stroke: none; } .scme-card .scme-equipment-list { margin: 0; padding-left: 22px; color: #29222f; font-family: var(--scme-body-font); font-size: 15px; line-height: 1.45; } .scme-card .scme-equipment-list li { margin-bottom: 5px; } .scme-card .scme-equipment-list li::marker { color: var(--scme-purple-dark); } /* SMALL LABEL */ .scme-card .scme-small-label { min-height: 44px; display: flex; align-items: center; justify-content: center; border: 1.5px solid var(--scme-border); border-radius: 999px; background: #ffffff; color: #18131f; font-family: var(--scme-heading-font); font-size: 15px; font-weight: 700; } /* ========================================================= RIGHT COLUMN ========================================================= */ .scme-card .scme-right-column { display: flex; flex-direction: column; gap: 12px; } /* TICKET BOX */ .scme-card .scme-ticket-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scme-border); border-radius: var(--scme-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scme-card .scme-ticket-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff, #f3e4ff 62%, #ead4ff ); color: var(--scme-purple-dark); } .scme-card .scme-ticket-icon svg { width: 52px; height: 52px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scme-card .scme-svg-rupee { fill: currentColor; stroke: none; font-family: Arial, sans-serif; font-size: 24px; font-weight: 700; } .scme-card .scme-ticket-text { display: flex; flex-direction: column; gap: 10px; } .scme-card .scme-ticket-text p { color: #29222f; font-family: var(--scme-body-font); font-size: 15px; line-height: 1.45; } .scme-card .scme-ticket-text strong { color: var(--scme-purple-dark); font-family: var(--scme-heading-font); } /* ========================================================= RIGHT FINANCE BOX ========================================================= */ .scme-card .scme-finance-box { position: relative; flex: 1; min-height: 322px; padding: 40px 24px 10px; overflow: hidden; border: 1.5px solid var(--scme-border); border-radius: var(--scme-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fff9ff 62%, #f7edff 100% ); } .scme-card .scme-finance-list { position: relative; z-index: 3; margin: 0; padding: 0; list-style: none; } .scme-card .scme-finance-list li { min-height: 49px; padding: 7px 0; display: flex; align-items: center; gap: 14px; border-bottom: 1px dotted #dac8e9; color: #29222f; font-family: var(--scme-body-font); font-size: 15px; line-height: 1.3; } .scme-card .scme-finance-list li:last-child { border-bottom: 0; } /* CHECK */ .scme-card .scme-check { width: 24px; height: 24px; flex: 0 0 24px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient( 135deg, #9829d8, #6f16be ); color: #ffffff; } .scme-card .scme-check svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= FACTORY ART ========================================================= */ .scme-card .scme-factory-art { position: absolute; right: 0; bottom: 0; width: 205px; color: rgba(221, 98, 210, 0.23); z-index: 1; pointer-events: none; } .scme-card .scme-factory-art svg { width: 100%; height: auto; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= OUTCOME ========================================================= */ .scme-card .scme-outcome { position: relative; min-height: 6px; margin-top: 10px; display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--scme-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff, #fff9ff 75%, #f4e9ff ); } .scme-card .scme-outcome-icon { width: 100px; align-self: stretch; flex: 0 0 100px; display: flex; align-items: center; justify-content: center; position: relative; background: linear-gradient( 135deg, #5b0bb6, #8d22d1 60%, #ab39df ); color: #ffffff; } .scme-card .scme-outcome-icon::before { content: ""; position: absolute; width: 48px; height: 48px; border: 1px dashed #ffffff; border-radius: 50%; } .scme-card .scme-outcome-icon svg { position: relative; z-index: 2; width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; } .scme-card .scme-outcome-text { position: relative; z-index: 3; padding: 10px 18px; display: flex; align-items: center; gap: 16px; font-family: var(--scme-body-font); font-size: 15px; } .scme-card .scme-outcome-text strong { color: var(--scme-purple-dark); font-family: var(--scme-heading-font); font-size: 18px; font-weight: 800; } /* DOTS */ .scme-card .scme-dot-pattern { width: 120px; margin-left: auto; padding-right: 20px; display: grid; grid-template-columns: repeat(5, 4px); justify-content: end; gap: 8px; position: relative; z-index: 3; } .scme-card .scme-dot-pattern span { width: 4px; height: 4px; display: block; border-radius: 50%; background: var(--scme-pink); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .scme-card .scme-header { padding: 22px 28px; } .scme-card .scme-grid { grid-template-columns: 1fr; gap: 40px; } .scme-card .scme-body { padding: 26px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 700px) { .scme-card { --scme-side-space: 8px; --scme-card-radius: 20px; } .scme-card .scme-header { min-height: auto; padding: 22px 16px; flex-direction: column; align-items: flex-start; } .scme-card .scme-header-left { width: 100%; align-items: flex-start; gap: 12px; } .scme-card .scme-main-icon { width: 66px; height: 66px; flex-basis: 66px; } .scme-card .scme-main-icon svg { width: 44px; height: 44px; } .scme-card .scme-badge { padding: 8px 12px; font-size: 13px; } .scme-card .scme-header-subtitle { font-size: 12px; } .scme-card .scme-header-right { margin-left: auto; } .scme-card .scme-header-right-icon { width: 64px; height: 64px; flex-basis: 64px; } .scme-card .scme-header-right-title { font-size: 15px; } .scme-card .scme-body { padding: 25px 14px 18px; } .scme-card .scme-main-title { font-size: 18px; } .scme-card .scme-info-box, .scme-card .scme-equipment-box, .scme-card .scme-ticket-box { grid-template-columns: 1fr; min-height: auto; padding: 20px 16px; text-align: center; } .scme-card .scme-info-icon, .scme-card .scme-equipment-icon, .scme-card .scme-ticket-icon { margin: 0 auto; } .scme-card .scme-info-text p, .scme-card .scme-ticket-text p, .scme-card .scme-equipment-list, .scme-card .scme-finance-list li { font-size: 14px; } .scme-card .scme-equipment-list { text-align: left; } .scme-card .scme-finance-box { min-height: auto; padding: 52px 16px 112px; } .scme-card .scme-factory-art { width: 160px; } .scme-card .scme-outcome { flex-direction: column; align-items: stretch; } .scme-card .scme-outcome-icon { width: 100%; min-height: 65px; flex-basis: auto; } .scme-card .scme-outcome-text { flex-direction: column; align-items: flex-start; gap: 6px; } .scme-card .scme-dot-pattern { display: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e13806f *//* ========================================================= STARTUP / MSME / GOVERNMENT FINANCE CARD FULLY ISOLATED WITH scsm- ========================================================= */ .scsm-card { /* ===== SIZE ===== */ --scsm-max-width: 1850px; --scsm-side-space: 0px; --scsm-card-radius: 32px; --scsm-box-radius: 18px; /* ===== COLORS ===== */ --scsm-black: #090712; --scsm-purple: #8e2fd5; --scsm-purple-dark: #6d15bd; --scsm-purple-deep: #410970; --scsm-pink: #f16bc4; --scsm-yellow: #ffc400; --scsm-yellow-light: #fff0a2; --scsm-border: #e0caf5; --scsm-text: #191320; /* ===== FONTS ===== */ --scsm-heading-font: "Montserrat", sans-serif; --scsm-body-font: "Roboto", sans-serif; /* ===== MAIN CARD ===== */ width: calc(100% - (var(--scsm-side-space) * 2)); max-width: var(--scsm-max-width); margin: 18px auto; position: relative; isolation: isolate; overflow: hidden; background: #ffffff; border-radius: var(--scsm-card-radius); box-shadow: 0 18px 45px rgba(93, 46, 136, 0.18), 0 5px 15px rgba(0, 0, 0, 0.07); font-family: var(--scsm-body-font); color: var(--scsm-text); } /* ========================================================= RESET ========================================================= */ .scsm-card *, .scsm-card *::before, .scsm-card *::after { box-sizing: border-box; } .scsm-card p { margin: 0; } .scsm-card svg { display: block; } /* ========================================================= HEADER ========================================================= */ .scsm-card .scsm-header { position: relative; min-height: 10px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; gap: 34px; overflow: hidden; color: #ffffff; background: radial-gradient( circle at 70% 30%, rgba(179, 54, 239, 0.26), transparent 28% ), linear-gradient( 100deg, #090712 0%, #2a0a4c 40%, #5f149e 68%, #8f2bd2 100% ); } /* HEADER CITY / STARTUP FEEL */ .scsm-card .scsm-header::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.16; background: linear-gradient( 90deg, transparent 0 53%, rgba(255,255,255,0.08) 53% 54%, transparent 54% 100% ), radial-gradient( ellipse at 68% 78%, rgba(255,255,255,0.15), transparent 22% ); } /* HEADER DOTS */ .scsm-card .scsm-header::after { content: ""; position: absolute; right: 22px; top: 24px; width: 82px; height: 82px; opacity: 0.52; background-image: radial-gradient( circle, #d99aff 2px, transparent 2.5px ); background-size: 14px 14px; } /* ========================================================= HEADER LEFT ========================================================= */ .scsm-card .scsm-header-left { position: relative; z-index: 3; display: flex; align-items: center; gap: 15px; } .scsm-card .scsm-main-icon { width: 70px; height: 70px; flex: 0 0 70px; display: flex; align-items: center; justify-content: center; border: 5px solid var(--scsm-yellow); border-radius: 50%; background: radial-gradient( circle at 35% 25%, #7d2cc0 0%, #45106f 56%, #190522 100% ); color: #ffffff; box-shadow: 0 0 0 5px rgba(255, 196, 0, 0.10), 0 0 24px rgba(255, 196, 0, 0.24), 0 12px 28px rgba(0, 0, 0, 0.28); } .scsm-card .scsm-main-icon svg { width: 39px; height: 39px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scsm-card .scsm-header-content { display: flex; flex-direction: column; align-items: flex-start; } .scsm-card .scsm-badge { padding: 10px 15px; border-radius: 100px; background: linear-gradient( 90deg, var(--scsm-yellow-light), var(--scsm-yellow) ); color: #111111; font-family: var(--scsm-heading-font); font-size: 14px; font-weight: 800; line-height: 1.2; box-shadow: 0 8px 20px rgba(255, 196, 0, 0.16); } .scsm-card .scsm-header-subtitle { margin-top: 8px; color: #ffffff; font-family: var(--scsm-heading-font); font-size: 12px; font-weight: 600; } /* ========================================================= HEADER RIGHT ========================================================= */ .scsm-card .scsm-header-right { position: relative; z-index: 3; display: flex; align-items: center; gap: 18px; } .scsm-card .scsm-header-right-icon { width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient( 145deg, rgba(255,255,255,0.18), rgba(128,48,214,0.55) ); color: #ffffff; box-shadow: 0 0 0 4px rgba(214,149,255,0.18); } .scsm-card .scsm-header-right-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scsm-card .scsm-header-right-title { color: #ffffff; font-family: var(--scsm-heading-font); font-size: 14px; font-weight: 800; line-height: 1.15; } /* ========================================================= BODY ========================================================= */ .scsm-card .scsm-body { position: relative; padding: 20px 20px 10px; background: radial-gradient( circle at 8% 10%, rgba(242,100,199,0.06), transparent 24% ), radial-gradient( circle at 94% 85%, rgba(143,73,221,0.08), transparent 25% ), linear-gradient( 135deg, #ffffff 0%, #fffaff 55%, #f8f1ff 100% ); } /* ========================================================= TITLE ========================================================= */ .scsm-card .scsm-title-area { margin-bottom: 15px; text-align: center; } .scsm-card .scsm-main-title { margin-bottom: 12px; color: #15112b; font-family: var(--scsm-heading-font); font-size: 24px; font-weight: 800; line-height: 1.2; } .scsm-card .scsm-main-title span { color: var(--scsm-purple-dark); } .scsm-card .scsm-title-line { position: relative; width: 100%; height: 1px; background: #dacde6; } .scsm-card .scsm-title-line span { position: absolute; left: 50%; top: -1px; width: 260px; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, var(--scsm-yellow), transparent ); } .scsm-card .scsm-title-line span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(45deg); background: var(--scsm-yellow); border: 4px solid #ffffff; } /* ========================================================= GRID ========================================================= */ .scsm-card .scsm-grid { display: grid; grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr); gap: 18px; align-items: stretch; } .scsm-card .scsm-left-column, .scsm-card .scsm-right-column { display: flex; flex-direction: column; gap: 12px; } /* ========================================================= INFO BOX ========================================================= */ .scsm-card .scsm-info-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scsm-border); border-radius: var(--scsm-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scsm-card .scsm-info-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scsm-purple-dark); } .scsm-card .scsm-info-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scsm-card .scsm-info-text p { color: #29222f; font-family: var(--scsm-body-font); font-size: 15px; line-height: 1.45; } .scsm-card .scsm-info-text strong { color: var(--scsm-purple-dark); font-family: var(--scsm-heading-font); font-weight: 700; } /* RUPEE SVG */ .scsm-card .scsm-svg-rupee { fill: currentColor; stroke: none; font-family: Arial, sans-serif; font-size: 24px; font-weight: 700; } /* ========================================================= LABEL BOX ========================================================= */ .scsm-card .scsm-label-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scsm-border); border-radius: var(--scsm-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scsm-card .scsm-label-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scsm-purple-dark); } .scsm-card .scsm-label-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scsm-card .scsm-label-text { color: var(--scsm-purple-dark); font-family: var(--scsm-heading-font); font-size: 18px; font-weight: 800; } /* ========================================================= OUTCOME ========================================================= */ .scsm-card .scsm-outcome { position: relative; min-height: 6px; margin-top: 10px; display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--scsm-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff, #fff9ff 75%, #f4e9ff ); } .scsm-card .scsm-outcome-icon { width: 100px; align-self: stretch; flex: 0 0 100px; display: flex; align-items: center; justify-content: center; position: relative; background: linear-gradient( 135deg, #5b0bb6, #8d22d1 60%, #ab39df ); color: #ffffff; } .scsm-card .scsm-outcome-icon::before { content: ""; position: absolute; width: 48px; height: 48px; border: 1px dashed #ffffff; border-radius: 50%; } .scsm-card .scsm-outcome-icon svg { position: relative; z-index: 2; width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; } .scsm-card .scsm-outcome-text { position: relative; z-index: 3; padding: 10px 18px; display: flex; align-items: center; gap: 16px; font-family: var(--scsm-body-font); font-size: 15px; } .scsm-card .scsm-outcome-text strong { color: var(--scsm-purple-dark); font-family: var(--scsm-heading-font); font-size: 18px; font-weight: 800; } /* DOTS */ .scsm-card .scsm-dot-pattern { width: 120px; margin-left: auto; padding-right: 20px; display: grid; grid-template-columns: repeat(5, 4px); justify-content: end; gap: 8px; position: relative; z-index: 3; } .scsm-card .scsm-dot-pattern span { width: 4px; height: 4px; display: block; border-radius: 50%; background: var(--scsm-pink); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .scsm-card .scsm-header { padding: 22px 28px; } .scsm-card .scsm-grid { grid-template-columns: 1fr; gap: 40px; } .scsm-card .scsm-body { padding: 26px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 800px) { .scsm-card { --scsm-side-space: 8px; --scsm-card-radius: 20px; } .scsm-card .scsm-header { min-height: auto; padding: 22px 16px; flex-direction: column; align-items: flex-start; } .scsm-card .scsm-header-left { width: 100%; align-items: flex-start; gap: 12px; } .scsm-card .scsm-main-icon { width: 66px; height: 66px; flex-basis: 66px; } .scsm-card .scsm-main-icon svg { width: 44px; height: 44px; } .scsm-card .scsm-badge { padding: 8px 12px; font-size: 13px; } .scsm-card .scsm-header-subtitle { font-size: 12px; } .scsm-card .scsm-header-right { margin-left: auto; } .scsm-card .scsm-header-right-icon { width: 64px; height: 64px; flex-basis: 64px; } .scsm-card .scsm-header-right-title { font-size: 15px; } .scsm-card .scsm-body { padding: 25px 14px 18px; } .scsm-card .scsm-main-title { font-size: 18px; } .scsm-card .scsm-grid { grid-template-columns: 1fr; } .scsm-card .scsm-info-box, .scsm-card .scsm-label-box { grid-template-columns: 1fr; min-height: auto; padding: 20px 16px; text-align: center; } .scsm-card .scsm-info-icon, .scsm-card .scsm-label-icon { margin: 0 auto; } .scsm-card .scsm-info-text p { font-size: 14px; } .scsm-card .scsm-outcome { flex-direction: column; align-items: stretch; } .scsm-card .scsm-outcome-icon { width: 100%; min-height: 65px; flex-basis: auto; } .scsm-card .scsm-outcome-text { flex-direction: column; align-items: flex-start; gap: 6px; } .scsm-card .scsm-dot-pattern { display: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-c60f9e3 *//* ========================================================= STARTUP / MSME / GOVERNMENT FINANCE CARD FULLY ISOLATED WITH scsm- ========================================================= */ .scsm-card { /* ===== SIZE ===== */ --scsm-max-width: 1850px; --scsm-side-space: 0px; --scsm-card-radius: 32px; --scsm-box-radius: 18px; /* ===== COLORS ===== */ --scsm-black: #090712; --scsm-purple: #8e2fd5; --scsm-purple-dark: #6d15bd; --scsm-purple-deep: #410970; --scsm-pink: #f16bc4; --scsm-yellow: #ffc400; --scsm-yellow-light: #fff0a2; --scsm-border: #e0caf5; --scsm-text: #191320; /* ===== FONTS ===== */ --scsm-heading-font: "Montserrat", sans-serif; --scsm-body-font: "Roboto", sans-serif; /* ===== MAIN CARD ===== */ width: calc(100% - (var(--scsm-side-space) * 2)); max-width: var(--scsm-max-width); margin: 18px auto; position: relative; isolation: isolate; overflow: hidden; background: #ffffff; border-radius: var(--scsm-card-radius); box-shadow: 0 18px 45px rgba(93, 46, 136, 0.18), 0 5px 15px rgba(0, 0, 0, 0.07); font-family: var(--scsm-body-font); color: var(--scsm-text); } /* ========================================================= RESET ========================================================= */ .scsm-card *, .scsm-card *::before, .scsm-card *::after { box-sizing: border-box; } .scsm-card p { margin: 0; } .scsm-card svg { display: block; } /* ========================================================= HEADER ========================================================= */ .scsm-card .scsm-header { position: relative; min-height: 10px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; gap: 34px; overflow: hidden; color: #ffffff; background: radial-gradient( circle at 70% 30%, rgba(179, 54, 239, 0.26), transparent 28% ), linear-gradient( 100deg, #090712 0%, #2a0a4c 40%, #5f149e 68%, #8f2bd2 100% ); } /* HEADER CITY / STARTUP FEEL */ .scsm-card .scsm-header::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.16; background: linear-gradient( 90deg, transparent 0 53%, rgba(255,255,255,0.08) 53% 54%, transparent 54% 100% ), radial-gradient( ellipse at 68% 78%, rgba(255,255,255,0.15), transparent 22% ); } /* HEADER DOTS */ .scsm-card .scsm-header::after { content: ""; position: absolute; right: 22px; top: 24px; width: 82px; height: 82px; opacity: 0.52; background-image: radial-gradient( circle, #d99aff 2px, transparent 2.5px ); background-size: 14px 14px; } /* ========================================================= HEADER LEFT ========================================================= */ .scsm-card .scsm-header-left { position: relative; z-index: 3; display: flex; align-items: center; gap: 15px; } .scsm-card .scsm-main-icon { width: 70px; height: 70px; flex: 0 0 70px; display: flex; align-items: center; justify-content: center; border: 5px solid var(--scsm-yellow); border-radius: 50%; background: radial-gradient( circle at 35% 25%, #7d2cc0 0%, #45106f 56%, #190522 100% ); color: #ffffff; box-shadow: 0 0 0 5px rgba(255, 196, 0, 0.10), 0 0 24px rgba(255, 196, 0, 0.24), 0 12px 28px rgba(0, 0, 0, 0.28); } .scsm-card .scsm-main-icon svg { width: 39px; height: 39px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scsm-card .scsm-header-content { display: flex; flex-direction: column; align-items: flex-start; } .scsm-card .scsm-badge { padding: 10px 15px; border-radius: 100px; background: linear-gradient( 90deg, var(--scsm-yellow-light), var(--scsm-yellow) ); color: #111111; font-family: var(--scsm-heading-font); font-size: 14px; font-weight: 800; line-height: 1.2; box-shadow: 0 8px 20px rgba(255, 196, 0, 0.16); } .scsm-card .scsm-header-subtitle { margin-top: 8px; color: #ffffff; font-family: var(--scsm-heading-font); font-size: 12px; font-weight: 600; } /* ========================================================= HEADER RIGHT ========================================================= */ .scsm-card .scsm-header-right { position: relative; z-index: 3; display: flex; align-items: center; gap: 18px; } .scsm-card .scsm-header-right-icon { width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient( 145deg, rgba(255,255,255,0.18), rgba(128,48,214,0.55) ); color: #ffffff; box-shadow: 0 0 0 4px rgba(214,149,255,0.18); } .scsm-card .scsm-header-right-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scsm-card .scsm-header-right-title { color: #ffffff; font-family: var(--scsm-heading-font); font-size: 14px; font-weight: 800; line-height: 1.15; } /* ========================================================= BODY ========================================================= */ .scsm-card .scsm-body { position: relative; padding: 20px 20px 10px; background: radial-gradient( circle at 8% 10%, rgba(242,100,199,0.06), transparent 24% ), radial-gradient( circle at 94% 85%, rgba(143,73,221,0.08), transparent 25% ), linear-gradient( 135deg, #ffffff 0%, #fffaff 55%, #f8f1ff 100% ); } /* ========================================================= TITLE ========================================================= */ .scsm-card .scsm-title-area { margin-bottom: 15px; text-align: center; } .scsm-card .scsm-main-title { margin-bottom: 12px; color: #15112b; font-family: var(--scsm-heading-font); font-size: 24px; font-weight: 800; line-height: 1.2; } .scsm-card .scsm-main-title span { color: var(--scsm-purple-dark); } .scsm-card .scsm-title-line { position: relative; width: 100%; height: 1px; background: #dacde6; } .scsm-card .scsm-title-line span { position: absolute; left: 50%; top: -1px; width: 260px; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, var(--scsm-yellow), transparent ); } .scsm-card .scsm-title-line span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(45deg); background: var(--scsm-yellow); border: 4px solid #ffffff; } /* ========================================================= GRID ========================================================= */ .scsm-card .scsm-grid { display: grid; grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr); gap: 18px; align-items: stretch; } .scsm-card .scsm-left-column, .scsm-card .scsm-right-column { display: flex; flex-direction: column; gap: 12px; } /* ========================================================= INFO BOX ========================================================= */ .scsm-card .scsm-info-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scsm-border); border-radius: var(--scsm-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scsm-card .scsm-info-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scsm-purple-dark); } .scsm-card .scsm-info-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scsm-card .scsm-info-text p { color: #29222f; font-family: var(--scsm-body-font); font-size: 15px; line-height: 1.45; } .scsm-card .scsm-info-text strong { color: var(--scsm-purple-dark); font-family: var(--scsm-heading-font); font-weight: 700; } /* RUPEE SVG */ .scsm-card .scsm-svg-rupee { fill: currentColor; stroke: none; font-family: Arial, sans-serif; font-size: 24px; font-weight: 700; } /* ========================================================= LABEL BOX ========================================================= */ .scsm-card .scsm-label-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scsm-border); border-radius: var(--scsm-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scsm-card .scsm-label-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scsm-purple-dark); } .scsm-card .scsm-label-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scsm-card .scsm-label-text { color: var(--scsm-purple-dark); font-family: var(--scsm-heading-font); font-size: 18px; font-weight: 800; } /* ========================================================= OUTCOME ========================================================= */ .scsm-card .scsm-outcome { position: relative; min-height: 6px; margin-top: 10px; display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--scsm-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff, #fff9ff 75%, #f4e9ff ); } .scsm-card .scsm-outcome-icon { width: 100px; align-self: stretch; flex: 0 0 100px; display: flex; align-items: center; justify-content: center; position: relative; background: linear-gradient( 135deg, #5b0bb6, #8d22d1 60%, #ab39df ); color: #ffffff; } .scsm-card .scsm-outcome-icon::before { content: ""; position: absolute; width: 48px; height: 48px; border: 1px dashed #ffffff; border-radius: 50%; } .scsm-card .scsm-outcome-icon svg { position: relative; z-index: 2; width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; } .scsm-card .scsm-outcome-text { position: relative; z-index: 3; padding: 10px 18px; display: flex; align-items: center; gap: 16px; font-family: var(--scsm-body-font); font-size: 15px; } .scsm-card .scsm-outcome-text strong { color: var(--scsm-purple-dark); font-family: var(--scsm-heading-font); font-size: 18px; font-weight: 800; } /* DOTS */ .scsm-card .scsm-dot-pattern { width: 120px; margin-left: auto; padding-right: 20px; display: grid; grid-template-columns: repeat(5, 4px); justify-content: end; gap: 8px; position: relative; z-index: 3; } .scsm-card .scsm-dot-pattern span { width: 4px; height: 4px; display: block; border-radius: 50%; background: var(--scsm-pink); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .scsm-card .scsm-header { padding: 22px 28px; } .scsm-card .scsm-grid { grid-template-columns: 1fr; gap: 40px; } .scsm-card .scsm-body { padding: 26px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 800px) { .scsm-card { --scsm-side-space: 8px; --scsm-card-radius: 20px; } .scsm-card .scsm-header { min-height: auto; padding: 22px 16px; flex-direction: column; align-items: flex-start; } .scsm-card .scsm-header-left { width: 100%; align-items: flex-start; gap: 12px; } .scsm-card .scsm-main-icon { width: 66px; height: 66px; flex-basis: 66px; } .scsm-card .scsm-main-icon svg { width: 44px; height: 44px; } .scsm-card .scsm-badge { padding: 8px 12px; font-size: 13px; } .scsm-card .scsm-header-subtitle { font-size: 12px; } .scsm-card .scsm-header-right { margin-left: auto; } .scsm-card .scsm-header-right-icon { width: 64px; height: 64px; flex-basis: 64px; } .scsm-card .scsm-header-right-title { font-size: 15px; } .scsm-card .scsm-body { padding: 25px 14px 18px; } .scsm-card .scsm-main-title { font-size: 18px; } .scsm-card .scsm-grid { grid-template-columns: 1fr; } .scsm-card .scsm-info-box, .scsm-card .scsm-label-box { grid-template-columns: 1fr; min-height: auto; padding: 20px 16px; text-align: center; } .scsm-card .scsm-info-icon, .scsm-card .scsm-label-icon { margin: 0 auto; } .scsm-card .scsm-info-text p { font-size: 14px; } .scsm-card .scsm-outcome { flex-direction: column; align-items: stretch; } .scsm-card .scsm-outcome-icon { width: 100%; min-height: 65px; flex-basis: auto; } .scsm-card .scsm-outcome-text { flex-direction: column; align-items: flex-start; gap: 6px; } .scsm-card .scsm-dot-pattern { display: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-e455fcb */@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Roboto:wght@400;500;700&display=swap"); /* ========================================================= PROFESSIONAL & PRACTICE FINANCE CARD FULLY ISOLATED WITH scpf- ========================================================= */ .scpf-card { /* SIZE */ --scpf-max-width: 1850px; --scpf-side-space: 0px; --scpf-card-radius: 32px; --scpf-box-radius: 18px; /* COLORS */ --scpf-black: #090712; --scpf-purple: #8e2fd5; --scpf-purple-dark: #6d15bd; --scpf-purple-deep: #410970; --scpf-pink: #f16bc4; --scpf-pink-light: #ffd8ef; --scpf-yellow: #ffc400; --scpf-yellow-light: #fff0a2; --scpf-border: #e0caf5; --scpf-text: #191320; /* FONTS */ --scpf-heading-font: "Montserrat", sans-serif; --scpf-body-font: "Roboto", sans-serif; width: calc(100% - (var(--scpf-side-space) * 2)); max-width: var(--scpf-max-width); margin: 18px auto; position: relative; overflow: hidden; isolation: isolate; background: #ffffff; border-radius: var(--scpf-card-radius); box-shadow: 0 18px 45px rgba(93, 46, 136, 0.18), 0 5px 15px rgba(0, 0, 0, 0.07); font-family: var(--scpf-body-font); color: var(--scpf-text); } /* ========================================================= RESET ========================================================= */ .scpf-card *, .scpf-card *::before, .scpf-card *::after { box-sizing: border-box; } .scpf-card p, .scpf-card ul { margin: 0; } .scpf-card svg { display: block; } /* ========================================================= HEADER ========================================================= */ .scpf-card .scpf-header { position: relative; min-height: 10px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; gap: 34px; overflow: hidden; color: #ffffff; background: radial-gradient( circle at 80% 35%, rgba(179, 54, 239, 0.28), transparent 30% ), linear-gradient( 100deg, #090712 0%, #250947 40%, #5d149b 68%, #8d2ed2 100% ); } /* BACKGROUND PATTERN */ .scpf-card .scpf-header::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.14; background: repeating-radial-gradient( ellipse at 70% 50%, transparent 0 14px, rgba(255,255,255,0.12) 15px, transparent 16px 30px ); } /* DOTS */ .scpf-card .scpf-header::after { content: ""; position: absolute; right: 22px; top: 24px; width: 82px; height: 82px; opacity: 0.52; background-image: radial-gradient( circle, #d99aff 2px, transparent 2.5px ); background-size: 14px 14px; } /* ========================================================= HEADER LEFT ========================================================= */ .scpf-card .scpf-header-left { position: relative; z-index: 3; display: flex; align-items: center; gap: 15px; } /* LEFT ICON */ .scpf-card .scpf-main-icon { width: 70px; height: 70px; flex: 0 0 70px; display: flex; align-items: center; justify-content: center; border: 5px solid var(--scpf-yellow); border-radius: 50%; background: radial-gradient( circle at 35% 25%, #7d2cc0 0%, #45106f 56%, #190522 100% ); color: #ffffff; box-shadow: 0 0 0 5px rgba(255, 196, 0, 0.10), 0 0 24px rgba(255, 196, 0, 0.24), 0 12px 28px rgba(0, 0, 0, 0.28); } .scpf-card .scpf-main-icon svg { width: 39px; height: 39px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } /* HEADER CONTENT */ .scpf-card .scpf-header-content { display: flex; flex-direction: column; align-items: flex-start; } /* YELLOW BADGE */ .scpf-card .scpf-badge { padding: 10px 15px; border-radius: 100px; background: linear-gradient( 90deg, var(--scpf-yellow-light), var(--scpf-yellow) ); color: #111111; font-family: var(--scpf-heading-font); font-size: 14px; font-weight: 800; line-height: 1.2; box-shadow: 0 8px 20px rgba(255, 196, 0, 0.16); } .scpf-card .scpf-header-subtitle { margin-top: 8px; color: #ffffff; font-family: var(--scpf-heading-font); font-size: 12px; font-weight: 600; } /* ========================================================= HEADER RIGHT WITH ICON ========================================================= */ .scpf-card .scpf-header-right { position: relative; z-index: 3; display: flex; align-items: center; justify-content: flex-end; gap: 18px; flex-shrink: 0; } /* RIGHT ICON */ .scpf-card .scpf-header-right-icon { width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient( 145deg, rgba(255,255,255,0.18), rgba(128,48,214,0.55) ); color: #ffffff; box-shadow: 0 0 0 4px rgba(214,149,255,0.18), 0 10px 24px rgba(0,0,0,0.15); } .scpf-card .scpf-header-right-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } /* RIGHT TITLE */ .scpf-card .scpf-header-right-title { color: #ffffff; font-family: var(--scpf-heading-font); font-size: 14px; font-weight: 800; line-height: 1.15; } /* ========================================================= BODY ========================================================= */ .scpf-card .scpf-body { position: relative; padding: 20px 20px 10px; background: radial-gradient( circle at 8% 10%, rgba(242,100,199,0.06), transparent 24% ), radial-gradient( circle at 94% 85%, rgba(143,73,221,0.08), transparent 25% ), linear-gradient( 135deg, #ffffff 0%, #fffaff 55%, #f8f1ff 100% ); } /* ========================================================= TITLE ========================================================= */ .scpf-card .scpf-title-area { margin-bottom: 15px; text-align: center; } .scpf-card .scpf-main-title { margin-bottom: 12px; color: #15112b; font-family: var(--scpf-heading-font); font-size: 24px; font-weight: 800; line-height: 1.2; } .scpf-card .scpf-main-title span { color: var(--scpf-purple-dark); } /* TITLE LINE */ .scpf-card .scpf-title-line { position: relative; width: 100%; height: 1px; background: #dacde6; } .scpf-card .scpf-title-line span { position: absolute; left: 50%; top: -1px; width: 260px; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, var(--scpf-yellow), transparent ); } .scpf-card .scpf-title-line span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(45deg); background: var(--scpf-yellow); border: 4px solid #ffffff; } /* ========================================================= GRID ========================================================= */ .scpf-card .scpf-grid { display: grid; grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr); gap: 18px; align-items: stretch; } .scpf-card .scpf-left-column, .scpf-card .scpf-right-column { display: flex; flex-direction: column; gap: 12px; } /* ========================================================= INFO BOX ========================================================= */ .scpf-card .scpf-info-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scpf-border); border-radius: var(--scpf-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } /* LEFT INFO ICON */ .scpf-card .scpf-info-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scpf-purple-dark); } .scpf-card .scpf-info-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } /* INFO TEXT */ .scpf-card .scpf-info-text p { color: #29222f; font-family: var(--scpf-body-font); font-size: 15px; line-height: 1.45; } .scpf-card .scpf-info-text strong { color: var(--scpf-purple-dark); font-family: var(--scpf-heading-font); font-weight: 700; } /* ========================================================= WHO WE SERVE ========================================================= */ .scpf-card .scpf-serve-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scpf-border); border-radius: var(--scpf-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scpf-card .scpf-serve-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scpf-purple-dark); } .scpf-card .scpf-serve-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scpf-card .scpf-serve-text { color: var(--scpf-purple-dark); font-family: var(--scpf-heading-font); font-size: 18px; font-weight: 800; } /* ========================================================= RIGHT PROFESSION BOX ========================================================= */ .scpf-card .scpf-profession-box { min-height: 285px; padding: 14px 24px; border: 1.5px solid var(--scpf-border); border-radius: var(--scpf-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fff9ff 62%, #f7edff 100% ); } .scpf-card .scpf-profession-list { margin: 0; padding: 0; list-style: none; } .scpf-card .scpf-profession-list li { min-height: 49px; padding: 7px 0; display: flex; align-items: center; gap: 14px; border-bottom: 1px dotted #dac8e9; color: #29222f; font-family: var(--scpf-body-font); font-size: 15px; line-height: 1.3; } .scpf-card .scpf-profession-list li:last-child { border-bottom: 0; } /* CHECK ICON */ .scpf-card .scpf-check { width: 24px; height: 24px; flex: 0 0 24px; margin-top: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient( 135deg, #9829d8, #6f16be ); color: #ffffff; } .scpf-card .scpf-check svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= TICKET BOX ========================================================= */ .scpf-card .scpf-ticket-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scpf-border); border-radius: var(--scpf-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scpf-card .scpf-ticket-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff, #f3e4ff 62%, #ead4ff ); color: var(--scpf-purple-dark); } .scpf-card .scpf-ticket-icon svg { width: 52px; height: 52px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scpf-card .scpf-svg-rupee { fill: currentColor; stroke: none; font-family: Arial, sans-serif; font-size: 22px; font-weight: 700; } .scpf-card .scpf-ticket-text p { color: #29222f; font-family: var(--scpf-body-font); font-size: 15px; line-height: 1.45; } .scpf-card .scpf-ticket-text strong { color: var(--scpf-purple-dark); font-family: var(--scpf-heading-font); } /* ========================================================= OUTCOME ========================================================= */ .scpf-card .scpf-outcome { position: relative; min-height: 6px; margin-top: 10px; display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--scpf-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff, #fff9ff 75%, #f4e9ff ); } /* OUTCOME ICON */ .scpf-card .scpf-outcome-icon { width: 100px; min-height: 0; align-self: stretch; flex: 0 0 100px; display: flex; align-items: center; justify-content: center; position: relative; background: linear-gradient( 135deg, #5b0bb6, #8d22d1 60%, #ab39df ); color: #ffffff; } .scpf-card .scpf-outcome-icon::before { content: ""; position: absolute; width: 48px; height: 48px; border: 1px dashed #ffffff; border-radius: 50%; } .scpf-card .scpf-outcome-icon svg { position: relative; z-index: 2; width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; } /* OUTCOME TEXT */ .scpf-card .scpf-outcome-text { position: relative; z-index: 3; padding: 10px 18px; display: flex; align-items: center; gap: 16px; font-family: var(--scpf-body-font); font-size: 15px; } .scpf-card .scpf-outcome-text strong { color: var(--scpf-purple-dark); font-family: var(--scpf-heading-font); font-size: 18px; font-weight: 800; } /* DOTS */ .scpf-card .scpf-dot-pattern { width: 120px; margin-left: auto; padding-right: 20px; display: grid; grid-template-columns: repeat(5, 4px); justify-content: end; gap: 8px; position: relative; z-index: 3; } .scpf-card .scpf-dot-pattern span { width: 4px; height: 4px; display: block; border-radius: 50%; background: var(--scpf-pink); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .scpf-card .scpf-header { padding: 22px 28px; } .scpf-card .scpf-grid { grid-template-columns: 1fr; gap: 40px; } .scpf-card .scpf-body { padding: 26px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 800px) { .scpf-card { --scpf-side-space: 8px; --scpf-card-radius: 20px; } .scpf-card .scpf-header { min-height: auto; padding: 22px 16px; flex-direction: column; align-items: flex-start; } .scpf-card .scpf-header-left { width: 100%; align-items: flex-start; gap: 12px; } .scpf-card .scpf-main-icon { width: 66px; height: 66px; flex-basis: 66px; } .scpf-card .scpf-main-icon svg { width: 44px; height: 44px; } .scpf-card .scpf-badge { padding: 8px 12px; font-size: 13px; } .scpf-card .scpf-header-subtitle { font-size: 12px; } .scpf-card .scpf-header-right { width: auto; margin-left: auto; justify-content: flex-end; } .scpf-card .scpf-header-right-icon { width: 64px; height: 64px; flex-basis: 64px; } .scpf-card .scpf-header-right-title { font-size: 15px; } .scpf-card .scpf-body { padding: 25px 14px 18px; } .scpf-card .scpf-main-title { font-size: 18px; } .scpf-card .scpf-grid { grid-template-columns: 1fr; } .scpf-card .scpf-info-box, .scpf-card .scpf-serve-box, .scpf-card .scpf-ticket-box { grid-template-columns: 1fr; min-height: auto; padding: 20px 16px; text-align: center; } .scpf-card .scpf-info-icon, .scpf-card .scpf-serve-icon, .scpf-card .scpf-ticket-icon { margin: 0 auto; } .scpf-card .scpf-info-text p, .scpf-card .scpf-ticket-text p, .scpf-card .scpf-profession-list li { font-size: 14px; } .scpf-card .scpf-outcome { flex-direction: column; align-items: stretch; } .scpf-card .scpf-outcome-icon { width: 100%; min-height: 65px; flex-basis: auto; } .scpf-card .scpf-outcome-text { flex-direction: column; align-items: flex-start; gap: 6px; } .scpf-card .scpf-dot-pattern { display: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-abcb3a3 */@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Roboto:wght@400;500;700&display=swap"); /* ========================================================= PROFESSIONAL & PRACTICE FINANCE CARD FULLY ISOLATED WITH scpf- ========================================================= */ .scpf-card { /* SIZE */ --scpf-max-width: 1850px; --scpf-side-space: 0px; --scpf-card-radius: 32px; --scpf-box-radius: 18px; /* COLORS */ --scpf-black: #090712; --scpf-purple: #8e2fd5; --scpf-purple-dark: #6d15bd; --scpf-purple-deep: #410970; --scpf-pink: #f16bc4; --scpf-pink-light: #ffd8ef; --scpf-yellow: #ffc400; --scpf-yellow-light: #fff0a2; --scpf-border: #e0caf5; --scpf-text: #191320; /* FONTS */ --scpf-heading-font: "Montserrat", sans-serif; --scpf-body-font: "Roboto", sans-serif; width: calc(100% - (var(--scpf-side-space) * 2)); max-width: var(--scpf-max-width); margin: 18px auto; position: relative; overflow: hidden; isolation: isolate; background: #ffffff; border-radius: var(--scpf-card-radius); box-shadow: 0 18px 45px rgba(93, 46, 136, 0.18), 0 5px 15px rgba(0, 0, 0, 0.07); font-family: var(--scpf-body-font); color: var(--scpf-text); } /* ========================================================= RESET ========================================================= */ .scpf-card *, .scpf-card *::before, .scpf-card *::after { box-sizing: border-box; } .scpf-card p, .scpf-card ul { margin: 0; } .scpf-card svg { display: block; } /* ========================================================= HEADER ========================================================= */ .scpf-card .scpf-header { position: relative; min-height: 10px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; gap: 34px; overflow: hidden; color: #ffffff; background: radial-gradient( circle at 80% 35%, rgba(179, 54, 239, 0.28), transparent 30% ), linear-gradient( 100deg, #090712 0%, #250947 40%, #5d149b 68%, #8d2ed2 100% ); } /* BACKGROUND PATTERN */ .scpf-card .scpf-header::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.14; background: repeating-radial-gradient( ellipse at 70% 50%, transparent 0 14px, rgba(255,255,255,0.12) 15px, transparent 16px 30px ); } /* DOTS */ .scpf-card .scpf-header::after { content: ""; position: absolute; right: 22px; top: 24px; width: 82px; height: 82px; opacity: 0.52; background-image: radial-gradient( circle, #d99aff 2px, transparent 2.5px ); background-size: 14px 14px; } /* ========================================================= HEADER LEFT ========================================================= */ .scpf-card .scpf-header-left { position: relative; z-index: 3; display: flex; align-items: center; gap: 15px; } /* LEFT ICON */ .scpf-card .scpf-main-icon { width: 70px; height: 70px; flex: 0 0 70px; display: flex; align-items: center; justify-content: center; border: 5px solid var(--scpf-yellow); border-radius: 50%; background: radial-gradient( circle at 35% 25%, #7d2cc0 0%, #45106f 56%, #190522 100% ); color: #ffffff; box-shadow: 0 0 0 5px rgba(255, 196, 0, 0.10), 0 0 24px rgba(255, 196, 0, 0.24), 0 12px 28px rgba(0, 0, 0, 0.28); } .scpf-card .scpf-main-icon svg { width: 39px; height: 39px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } /* HEADER CONTENT */ .scpf-card .scpf-header-content { display: flex; flex-direction: column; align-items: flex-start; } /* YELLOW BADGE */ .scpf-card .scpf-badge { padding: 10px 15px; border-radius: 100px; background: linear-gradient( 90deg, var(--scpf-yellow-light), var(--scpf-yellow) ); color: #111111; font-family: var(--scpf-heading-font); font-size: 14px; font-weight: 800; line-height: 1.2; box-shadow: 0 8px 20px rgba(255, 196, 0, 0.16); } .scpf-card .scpf-header-subtitle { margin-top: 8px; color: #ffffff; font-family: var(--scpf-heading-font); font-size: 12px; font-weight: 600; } /* ========================================================= HEADER RIGHT WITH ICON ========================================================= */ .scpf-card .scpf-header-right { position: relative; z-index: 3; display: flex; align-items: center; justify-content: flex-end; gap: 18px; flex-shrink: 0; } /* RIGHT ICON */ .scpf-card .scpf-header-right-icon { width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient( 145deg, rgba(255,255,255,0.18), rgba(128,48,214,0.55) ); color: #ffffff; box-shadow: 0 0 0 4px rgba(214,149,255,0.18), 0 10px 24px rgba(0,0,0,0.15); } .scpf-card .scpf-header-right-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } /* RIGHT TITLE */ .scpf-card .scpf-header-right-title { color: #ffffff; font-family: var(--scpf-heading-font); font-size: 14px; font-weight: 800; line-height: 1.15; } /* ========================================================= BODY ========================================================= */ .scpf-card .scpf-body { position: relative; padding: 20px 20px 10px; background: radial-gradient( circle at 8% 10%, rgba(242,100,199,0.06), transparent 24% ), radial-gradient( circle at 94% 85%, rgba(143,73,221,0.08), transparent 25% ), linear-gradient( 135deg, #ffffff 0%, #fffaff 55%, #f8f1ff 100% ); } /* ========================================================= TITLE ========================================================= */ .scpf-card .scpf-title-area { margin-bottom: 15px; text-align: center; } .scpf-card .scpf-main-title { margin-bottom: 12px; color: #15112b; font-family: var(--scpf-heading-font); font-size: 24px; font-weight: 800; line-height: 1.2; } .scpf-card .scpf-main-title span { color: var(--scpf-purple-dark); } /* TITLE LINE */ .scpf-card .scpf-title-line { position: relative; width: 100%; height: 1px; background: #dacde6; } .scpf-card .scpf-title-line span { position: absolute; left: 50%; top: -1px; width: 260px; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, var(--scpf-yellow), transparent ); } .scpf-card .scpf-title-line span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(45deg); background: var(--scpf-yellow); border: 4px solid #ffffff; } /* ========================================================= GRID ========================================================= */ .scpf-card .scpf-grid { display: grid; grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr); gap: 18px; align-items: stretch; } .scpf-card .scpf-left-column, .scpf-card .scpf-right-column { display: flex; flex-direction: column; gap: 12px; } /* ========================================================= INFO BOX ========================================================= */ .scpf-card .scpf-info-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scpf-border); border-radius: var(--scpf-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } /* LEFT INFO ICON */ .scpf-card .scpf-info-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scpf-purple-dark); } .scpf-card .scpf-info-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } /* INFO TEXT */ .scpf-card .scpf-info-text p { color: #29222f; font-family: var(--scpf-body-font); font-size: 15px; line-height: 1.45; } .scpf-card .scpf-info-text strong { color: var(--scpf-purple-dark); font-family: var(--scpf-heading-font); font-weight: 700; } /* ========================================================= WHO WE SERVE ========================================================= */ .scpf-card .scpf-serve-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scpf-border); border-radius: var(--scpf-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scpf-card .scpf-serve-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scpf-purple-dark); } .scpf-card .scpf-serve-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scpf-card .scpf-serve-text { color: var(--scpf-purple-dark); font-family: var(--scpf-heading-font); font-size: 18px; font-weight: 800; } /* ========================================================= RIGHT PROFESSION BOX ========================================================= */ .scpf-card .scpf-profession-box { min-height: 285px; padding: 14px 24px; border: 1.5px solid var(--scpf-border); border-radius: var(--scpf-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fff9ff 62%, #f7edff 100% ); } .scpf-card .scpf-profession-list { margin: 0; padding: 0; list-style: none; } .scpf-card .scpf-profession-list li { min-height: 49px; padding: 7px 0; display: flex; align-items: center; gap: 14px; border-bottom: 1px dotted #dac8e9; color: #29222f; font-family: var(--scpf-body-font); font-size: 15px; line-height: 1.3; } .scpf-card .scpf-profession-list li:last-child { border-bottom: 0; } /* CHECK ICON */ .scpf-card .scpf-check { width: 24px; height: 24px; flex: 0 0 24px; margin-top: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient( 135deg, #9829d8, #6f16be ); color: #ffffff; } .scpf-card .scpf-check svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= TICKET BOX ========================================================= */ .scpf-card .scpf-ticket-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scpf-border); border-radius: var(--scpf-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scpf-card .scpf-ticket-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff, #f3e4ff 62%, #ead4ff ); color: var(--scpf-purple-dark); } .scpf-card .scpf-ticket-icon svg { width: 52px; height: 52px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scpf-card .scpf-svg-rupee { fill: currentColor; stroke: none; font-family: Arial, sans-serif; font-size: 22px; font-weight: 700; } .scpf-card .scpf-ticket-text p { color: #29222f; font-family: var(--scpf-body-font); font-size: 15px; line-height: 1.45; } .scpf-card .scpf-ticket-text strong { color: var(--scpf-purple-dark); font-family: var(--scpf-heading-font); } /* ========================================================= OUTCOME ========================================================= */ .scpf-card .scpf-outcome { position: relative; min-height: 6px; margin-top: 10px; display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--scpf-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff, #fff9ff 75%, #f4e9ff ); } /* OUTCOME ICON */ .scpf-card .scpf-outcome-icon { width: 100px; min-height: 0; align-self: stretch; flex: 0 0 100px; display: flex; align-items: center; justify-content: center; position: relative; background: linear-gradient( 135deg, #5b0bb6, #8d22d1 60%, #ab39df ); color: #ffffff; } .scpf-card .scpf-outcome-icon::before { content: ""; position: absolute; width: 48px; height: 48px; border: 1px dashed #ffffff; border-radius: 50%; } .scpf-card .scpf-outcome-icon svg { position: relative; z-index: 2; width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; } /* OUTCOME TEXT */ .scpf-card .scpf-outcome-text { position: relative; z-index: 3; padding: 10px 18px; display: flex; align-items: center; gap: 16px; font-family: var(--scpf-body-font); font-size: 15px; } .scpf-card .scpf-outcome-text strong { color: var(--scpf-purple-dark); font-family: var(--scpf-heading-font); font-size: 18px; font-weight: 800; } /* DOTS */ .scpf-card .scpf-dot-pattern { width: 120px; margin-left: auto; padding-right: 20px; display: grid; grid-template-columns: repeat(5, 4px); justify-content: end; gap: 8px; position: relative; z-index: 3; } .scpf-card .scpf-dot-pattern span { width: 4px; height: 4px; display: block; border-radius: 50%; background: var(--scpf-pink); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .scpf-card .scpf-header { padding: 22px 28px; } .scpf-card .scpf-grid { grid-template-columns: 1fr; gap: 40px; } .scpf-card .scpf-body { padding: 26px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 800px) { .scpf-card { --scpf-side-space: 8px; --scpf-card-radius: 20px; } .scpf-card .scpf-header { min-height: auto; padding: 22px 16px; flex-direction: column; align-items: flex-start; } .scpf-card .scpf-header-left { width: 100%; align-items: flex-start; gap: 12px; } .scpf-card .scpf-main-icon { width: 66px; height: 66px; flex-basis: 66px; } .scpf-card .scpf-main-icon svg { width: 44px; height: 44px; } .scpf-card .scpf-badge { padding: 8px 12px; font-size: 13px; } .scpf-card .scpf-header-subtitle { font-size: 12px; } .scpf-card .scpf-header-right { width: auto; margin-left: auto; justify-content: flex-end; } .scpf-card .scpf-header-right-icon { width: 64px; height: 64px; flex-basis: 64px; } .scpf-card .scpf-header-right-title { font-size: 15px; } .scpf-card .scpf-body { padding: 25px 14px 18px; } .scpf-card .scpf-main-title { font-size: 18px; } .scpf-card .scpf-grid { grid-template-columns: 1fr; } .scpf-card .scpf-info-box, .scpf-card .scpf-serve-box, .scpf-card .scpf-ticket-box { grid-template-columns: 1fr; min-height: auto; padding: 20px 16px; text-align: center; } .scpf-card .scpf-info-icon, .scpf-card .scpf-serve-icon, .scpf-card .scpf-ticket-icon { margin: 0 auto; } .scpf-card .scpf-info-text p, .scpf-card .scpf-ticket-text p, .scpf-card .scpf-profession-list li { font-size: 14px; } .scpf-card .scpf-outcome { flex-direction: column; align-items: stretch; } .scpf-card .scpf-outcome-icon { width: 100%; min-height: 65px; flex-basis: auto; } .scpf-card .scpf-outcome-text { flex-direction: column; align-items: flex-start; gap: 6px; } .scpf-card .scpf-dot-pattern { display: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-2b2cc87 */@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Roboto:wght@400;500;700&display=swap"); /* ========================================================= PROFESSIONAL & PRACTICE FINANCE CARD FULLY ISOLATED WITH scpf- ========================================================= */ .scpf-card { /* SIZE */ --scpf-max-width: 1850px; --scpf-side-space: 0px; --scpf-card-radius: 32px; --scpf-box-radius: 18px; /* COLORS */ --scpf-black: #090712; --scpf-purple: #8e2fd5; --scpf-purple-dark: #6d15bd; --scpf-purple-deep: #410970; --scpf-pink: #f16bc4; --scpf-pink-light: #ffd8ef; --scpf-yellow: #ffc400; --scpf-yellow-light: #fff0a2; --scpf-border: #e0caf5; --scpf-text: #191320; /* FONTS */ --scpf-heading-font: "Montserrat", sans-serif; --scpf-body-font: "Roboto", sans-serif; width: calc(100% - (var(--scpf-side-space) * 2)); max-width: var(--scpf-max-width); margin: 18px auto; position: relative; overflow: hidden; isolation: isolate; background: #ffffff; border-radius: var(--scpf-card-radius); box-shadow: 0 18px 45px rgba(93, 46, 136, 0.18), 0 5px 15px rgba(0, 0, 0, 0.07); font-family: var(--scpf-body-font); color: var(--scpf-text); } /* ========================================================= RESET ========================================================= */ .scpf-card *, .scpf-card *::before, .scpf-card *::after { box-sizing: border-box; } .scpf-card p, .scpf-card ul { margin: 0; } .scpf-card svg { display: block; } /* ========================================================= HEADER ========================================================= */ .scpf-card .scpf-header { position: relative; min-height: 10px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; gap: 34px; overflow: hidden; color: #ffffff; background: radial-gradient( circle at 80% 35%, rgba(179, 54, 239, 0.28), transparent 30% ), linear-gradient( 100deg, #090712 0%, #250947 40%, #5d149b 68%, #8d2ed2 100% ); } /* BACKGROUND PATTERN */ .scpf-card .scpf-header::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.14; background: repeating-radial-gradient( ellipse at 70% 50%, transparent 0 14px, rgba(255,255,255,0.12) 15px, transparent 16px 30px ); } /* DOTS */ .scpf-card .scpf-header::after { content: ""; position: absolute; right: 22px; top: 24px; width: 82px; height: 82px; opacity: 0.52; background-image: radial-gradient( circle, #d99aff 2px, transparent 2.5px ); background-size: 14px 14px; } /* ========================================================= HEADER LEFT ========================================================= */ .scpf-card .scpf-header-left { position: relative; z-index: 3; display: flex; align-items: center; gap: 15px; } /* LEFT ICON */ .scpf-card .scpf-main-icon { width: 70px; height: 70px; flex: 0 0 70px; display: flex; align-items: center; justify-content: center; border: 5px solid var(--scpf-yellow); border-radius: 50%; background: radial-gradient( circle at 35% 25%, #7d2cc0 0%, #45106f 56%, #190522 100% ); color: #ffffff; box-shadow: 0 0 0 5px rgba(255, 196, 0, 0.10), 0 0 24px rgba(255, 196, 0, 0.24), 0 12px 28px rgba(0, 0, 0, 0.28); } .scpf-card .scpf-main-icon svg { width: 39px; height: 39px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } /* HEADER CONTENT */ .scpf-card .scpf-header-content { display: flex; flex-direction: column; align-items: flex-start; } /* YELLOW BADGE */ .scpf-card .scpf-badge { padding: 10px 15px; border-radius: 100px; background: linear-gradient( 90deg, var(--scpf-yellow-light), var(--scpf-yellow) ); color: #111111; font-family: var(--scpf-heading-font); font-size: 14px; font-weight: 800; line-height: 1.2; box-shadow: 0 8px 20px rgba(255, 196, 0, 0.16); } .scpf-card .scpf-header-subtitle { margin-top: 8px; color: #ffffff; font-family: var(--scpf-heading-font); font-size: 12px; font-weight: 600; } /* ========================================================= HEADER RIGHT WITH ICON ========================================================= */ .scpf-card .scpf-header-right { position: relative; z-index: 3; display: flex; align-items: center; justify-content: flex-end; gap: 18px; flex-shrink: 0; } /* RIGHT ICON */ .scpf-card .scpf-header-right-icon { width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; border: 4px solid #ffffff; border-radius: 50%; background: linear-gradient( 145deg, rgba(255,255,255,0.18), rgba(128,48,214,0.55) ); color: #ffffff; box-shadow: 0 0 0 4px rgba(214,149,255,0.18), 0 10px 24px rgba(0,0,0,0.15); } .scpf-card .scpf-header-right-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } /* RIGHT TITLE */ .scpf-card .scpf-header-right-title { color: #ffffff; font-family: var(--scpf-heading-font); font-size: 14px; font-weight: 800; line-height: 1.15; } /* ========================================================= BODY ========================================================= */ .scpf-card .scpf-body { position: relative; padding: 20px 20px 10px; background: radial-gradient( circle at 8% 10%, rgba(242,100,199,0.06), transparent 24% ), radial-gradient( circle at 94% 85%, rgba(143,73,221,0.08), transparent 25% ), linear-gradient( 135deg, #ffffff 0%, #fffaff 55%, #f8f1ff 100% ); } /* ========================================================= TITLE ========================================================= */ .scpf-card .scpf-title-area { margin-bottom: 15px; text-align: center; } .scpf-card .scpf-main-title { margin-bottom: 12px; color: #15112b; font-family: var(--scpf-heading-font); font-size: 24px; font-weight: 800; line-height: 1.2; } .scpf-card .scpf-main-title span { color: var(--scpf-purple-dark); } /* TITLE LINE */ .scpf-card .scpf-title-line { position: relative; width: 100%; height: 1px; background: #dacde6; } .scpf-card .scpf-title-line span { position: absolute; left: 50%; top: -1px; width: 260px; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, var(--scpf-yellow), transparent ); } .scpf-card .scpf-title-line span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(45deg); background: var(--scpf-yellow); border: 4px solid #ffffff; } /* ========================================================= GRID ========================================================= */ .scpf-card .scpf-grid { display: grid; grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr); gap: 18px; align-items: stretch; } .scpf-card .scpf-left-column, .scpf-card .scpf-right-column { display: flex; flex-direction: column; gap: 12px; } /* ========================================================= INFO BOX ========================================================= */ .scpf-card .scpf-info-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scpf-border); border-radius: var(--scpf-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } /* LEFT INFO ICON */ .scpf-card .scpf-info-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scpf-purple-dark); } .scpf-card .scpf-info-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } /* INFO TEXT */ .scpf-card .scpf-info-text p { color: #29222f; font-family: var(--scpf-body-font); font-size: 15px; line-height: 1.45; } .scpf-card .scpf-info-text strong { color: var(--scpf-purple-dark); font-family: var(--scpf-heading-font); font-weight: 700; } /* ========================================================= WHO WE SERVE ========================================================= */ .scpf-card .scpf-serve-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scpf-border); border-radius: var(--scpf-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scpf-card .scpf-serve-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scpf-purple-dark); } .scpf-card .scpf-serve-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scpf-card .scpf-serve-text { color: var(--scpf-purple-dark); font-family: var(--scpf-heading-font); font-size: 18px; font-weight: 800; } /* ========================================================= RIGHT PROFESSION BOX ========================================================= */ .scpf-card .scpf-profession-box { min-height: 285px; padding: 14px 24px; border: 1.5px solid var(--scpf-border); border-radius: var(--scpf-box-radius); background: linear-gradient( 135deg, #ffffff 0%, #fff9ff 62%, #f7edff 100% ); } .scpf-card .scpf-profession-list { margin: 0; padding: 0; list-style: none; } .scpf-card .scpf-profession-list li { min-height: 49px; padding: 7px 0; display: flex; align-items: center; gap: 14px; border-bottom: 1px dotted #dac8e9; color: #29222f; font-family: var(--scpf-body-font); font-size: 15px; line-height: 1.3; } .scpf-card .scpf-profession-list li:last-child { border-bottom: 0; } /* CHECK ICON */ .scpf-card .scpf-check { width: 24px; height: 24px; flex: 0 0 24px; margin-top: 0; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient( 135deg, #9829d8, #6f16be ); color: #ffffff; } .scpf-card .scpf-check svg { width: 14px; height: 14px; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } /* ========================================================= TICKET BOX ========================================================= */ .scpf-card .scpf-ticket-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scpf-border); border-radius: var(--scpf-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scpf-card .scpf-ticket-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff, #f3e4ff 62%, #ead4ff ); color: var(--scpf-purple-dark); } .scpf-card .scpf-ticket-icon svg { width: 52px; height: 52px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scpf-card .scpf-svg-rupee { fill: currentColor; stroke: none; font-family: Arial, sans-serif; font-size: 22px; font-weight: 700; } .scpf-card .scpf-ticket-text p { color: #29222f; font-family: var(--scpf-body-font); font-size: 15px; line-height: 1.45; } .scpf-card .scpf-ticket-text strong { color: var(--scpf-purple-dark); font-family: var(--scpf-heading-font); } /* ========================================================= OUTCOME ========================================================= */ .scpf-card .scpf-outcome { position: relative; min-height: 6px; margin-top: 10px; display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--scpf-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff, #fff9ff 75%, #f4e9ff ); } /* OUTCOME ICON */ .scpf-card .scpf-outcome-icon { width: 100px; min-height: 0; align-self: stretch; flex: 0 0 100px; display: flex; align-items: center; justify-content: center; position: relative; background: linear-gradient( 135deg, #5b0bb6, #8d22d1 60%, #ab39df ); color: #ffffff; } .scpf-card .scpf-outcome-icon::before { content: ""; position: absolute; width: 48px; height: 48px; border: 1px dashed #ffffff; border-radius: 50%; } .scpf-card .scpf-outcome-icon svg { position: relative; z-index: 2; width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; } /* OUTCOME TEXT */ .scpf-card .scpf-outcome-text { position: relative; z-index: 3; padding: 10px 18px; display: flex; align-items: center; gap: 16px; font-family: var(--scpf-body-font); font-size: 15px; } .scpf-card .scpf-outcome-text strong { color: var(--scpf-purple-dark); font-family: var(--scpf-heading-font); font-size: 18px; font-weight: 800; } /* DOTS */ .scpf-card .scpf-dot-pattern { width: 120px; margin-left: auto; padding-right: 20px; display: grid; grid-template-columns: repeat(5, 4px); justify-content: end; gap: 8px; position: relative; z-index: 3; } .scpf-card .scpf-dot-pattern span { width: 4px; height: 4px; display: block; border-radius: 50%; background: var(--scpf-pink); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1050px) { .scpf-card .scpf-header { padding: 22px 28px; } .scpf-card .scpf-grid { grid-template-columns: 1fr; gap: 40px; } .scpf-card .scpf-body { padding: 26px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 800px) { .scpf-card { --scpf-side-space: 8px; --scpf-card-radius: 20px; } .scpf-card .scpf-header { min-height: auto; padding: 22px 16px; flex-direction: column; align-items: flex-start; } .scpf-card .scpf-header-left { width: 100%; align-items: flex-start; gap: 12px; } .scpf-card .scpf-main-icon { width: 66px; height: 66px; flex-basis: 66px; } .scpf-card .scpf-main-icon svg { width: 44px; height: 44px; } .scpf-card .scpf-badge { padding: 8px 12px; font-size: 13px; } .scpf-card .scpf-header-subtitle { font-size: 12px; } .scpf-card .scpf-header-right { width: auto; margin-left: auto; justify-content: flex-end; } .scpf-card .scpf-header-right-icon { width: 64px; height: 64px; flex-basis: 64px; } .scpf-card .scpf-header-right-title { font-size: 15px; } .scpf-card .scpf-body { padding: 25px 14px 18px; } .scpf-card .scpf-main-title { font-size: 18px; } .scpf-card .scpf-grid { grid-template-columns: 1fr; } .scpf-card .scpf-info-box, .scpf-card .scpf-serve-box, .scpf-card .scpf-ticket-box { grid-template-columns: 1fr; min-height: auto; padding: 20px 16px; text-align: center; } .scpf-card .scpf-info-icon, .scpf-card .scpf-serve-icon, .scpf-card .scpf-ticket-icon { margin: 0 auto; } .scpf-card .scpf-info-text p, .scpf-card .scpf-ticket-text p, .scpf-card .scpf-profession-list li { font-size: 14px; } .scpf-card .scpf-outcome { flex-direction: column; align-items: stretch; } .scpf-card .scpf-outcome-icon { width: 100%; min-height: 65px; flex-basis: auto; } .scpf-card .scpf-outcome-text { flex-direction: column; align-items: flex-start; gap: 6px; } .scpf-card .scpf-dot-pattern { display: none; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-dbcae91 */@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Roboto:wght@400;500;700&display=swap"); /* ========================================================= SOLAR & CLEAN ENERGY PROJECT FINANCE UNIQUE PREFIX: scen4- ========================================================= */ .scen4-card { --scen4-max-width: 1850px; --scen4-side-space: 0px; --scen4-card-radius: 32px; --scen4-box-radius: 18px; --scen4-black: #090712; --scen4-purple: #8e2fd5; --scen4-purple-dark: #6d15bd; --scen4-purple-deep: #410970; --scen4-pink: #f16bc4; --scen4-yellow: #ffc400; --scen4-yellow-light: #fff0a2; --scen4-border: #e0caf5; --scen4-text: #191320; --scen4-heading-font: "Montserrat", sans-serif; --scen4-body-font: "Roboto", sans-serif; width: calc(100% - (var(--scen4-side-space) * 2)); max-width: var(--scen4-max-width); margin: 18px auto; position: relative; overflow: hidden; isolation: isolate; background: #ffffff; border-radius: var(--scen4-card-radius); box-shadow: 0 18px 45px rgba(93, 46, 136, 0.18), 0 5px 15px rgba(0, 0, 0, 0.07); font-family: var(--scen4-body-font); color: var(--scen4-text); } /* RESET */ .scen4-card *, .scen4-card *::before, .scen4-card *::after { box-sizing: border-box; } .scen4-card p, .scen4-card ul { margin: 0; } .scen4-card svg { display: block; } /* ========================================================= HEADER ========================================================= */ .scen4-card .scen4-header { position: relative; min-height: 10px; padding: 15px 30px; display: flex; align-items: center; justify-content: space-between; gap: 34px; overflow: hidden; color: #ffffff; background: radial-gradient( circle at 80% 35%, rgba(179, 54, 239, 0.28), transparent 30% ), linear-gradient( 100deg, #090712 0%, #250947 40%, #5d149b 68%, #8d2ed2 100% ); } /* HEADER PATTERN */ .scen4-card .scen4-header::before { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0.14; background: repeating-radial-gradient( ellipse at 70% 50%, transparent 0 14px, rgba(255,255,255,0.12) 15px, transparent 16px 30px ); } /* HEADER DOTS */ .scen4-card .scen4-header::after { content: ""; position: absolute; right: 22px; top: 24px; width: 82px; height: 82px; opacity: 0.52; background-image: radial-gradient( circle, #d99aff 2px, transparent 2.5px ); background-size: 14px 14px; } /* ========================================================= HEADER LEFT ========================================================= */ .scen4-card .scen4-header-left { position: relative; z-index: 3; display: flex; align-items: center; gap: 15px; } /* NEW LEFT ICON */ .scen4-card .scen4-main-icon { width: 70px; height: 70px; flex: 0 0 70px; display: flex; align-items: center; justify-content: center; border: 5px solid var(--scen4-yellow); border-radius: 50%; background: radial-gradient( circle at 35% 25%, #812bc8 0%, #481174 55%, #180421 100% ); color: #ffffff; box-shadow: 0 0 0 5px rgba(255, 196, 0, 0.10), 0 0 26px rgba(255, 196, 0, 0.24), 0 12px 28px rgba(0, 0, 0, 0.28); } .scen4-card .scen4-main-icon svg { width: 39px; height: 39px; overflow: visible; fill: none; stroke: currentColor; stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; } .scen4-card .scen4-rupee { fill: currentColor; stroke: none; font-family: Arial, sans-serif; font-size: 23px; font-weight: 700; } /* HEADER TEXT */ .scen4-card .scen4-header-content { display: flex; flex-direction: column; align-items: flex-start; } .scen4-card .scen4-badge { padding: 10px 15px; border-radius: 100px; background: linear-gradient( 90deg, var(--scen4-yellow-light), var(--scen4-yellow) ); color: #111111; font-family: var(--scen4-heading-font); font-size: 14px; font-weight: 800; line-height: 1.2; box-shadow: 0 8px 20px rgba(255,196,0,0.16); } .scen4-card .scen4-header-subtitle { margin-top: 8px; color: #ffffff; font-family: var(--scen4-heading-font); font-size: 12px; font-weight: 600; } /* ========================================================= HEADER RIGHT ========================================================= */ .scen4-card .scen4-header-right { position: relative; z-index: 3; display: flex; align-items: center; justify-content: flex-end; gap: 18px; flex-shrink: 0; } /* NEW RIGHT ICON */ .scen4-card .scen4-header-right-icon { width: 50px; height: 50px; flex: 0 0 50px; display: flex; align-items: center; justify-content: center; border: 4px solid #ffffff; border-radius: 50%; background: radial-gradient( circle at 35% 28%, rgba(255,255,255,0.20), rgba(126,46,209,0.58) 58%, rgba(47,10,88,0.90) 100% ); color: #ffffff; box-shadow: 0 0 0 4px rgba(214,149,255,0.18), 0 10px 24px rgba(0,0,0,0.16); } .scen4-card .scen4-header-right-icon svg { width: 37px; height: 37px; fill: none; stroke: currentColor; stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; } .scen4-card .scen4-header-right-title { color: #ffffff; font-family: var(--scen4-heading-font); font-size: 14px; font-weight: 800; line-height: 1.15; } /* ========================================================= BODY ========================================================= */ .scen4-card .scen4-body { position: relative; padding: 20px 20px 10px; background: radial-gradient( circle at 8% 10%, rgba(242,100,199,0.06), transparent 24% ), radial-gradient( circle at 94% 85%, rgba(143,73,221,0.08), transparent 25% ), linear-gradient( 135deg, #ffffff 0%, #fffaff 55%, #f8f1ff 100% ); } /* TITLE */ .scen4-card .scen4-title-area { margin-bottom: 15px; text-align: center; } .scen4-card .scen4-main-title { margin-bottom: 12px; color: #15112b; font-family: var(--scen4-heading-font); font-size: 24px; font-weight: 800; line-height: 1.2; } .scen4-card .scen4-main-title span { color: var(--scen4-purple-dark); } .scen4-card .scen4-title-line { position: relative; width: 100%; height: 1px; background: #dacde6; } .scen4-card .scen4-title-line span { position: absolute; left: 50%; top: -1px; width: 260px; height: 2px; transform: translateX(-50%); background: linear-gradient( 90deg, transparent, var(--scen4-yellow), transparent ); } .scen4-card .scen4-title-line span::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 12px; transform: translate(-50%, -50%) rotate(45deg); background: var(--scen4-yellow); border: 4px solid #ffffff; } /* GRID */ .scen4-card .scen4-grid { display: grid; grid-template-columns: minmax(0, 0.90fr) minmax(0, 1.10fr); gap: 18px; align-items: stretch; } .scen4-card .scen4-left-column, .scen4-card .scen4-right-column { display: flex; flex-direction: column; gap: 12px; } /* INFO BOX */ .scen4-card .scen4-info-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scen4-border); border-radius: var(--scen4-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scen4-card .scen4-info-box.compact { min-height: 100px; } /* INFO ICON */ .scen4-card .scen4-info-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scen4-purple-dark); } .scen4-card .scen4-info-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 3.7; stroke-linecap: round; stroke-linejoin: round; } /* INFO TEXT */ .scen4-card .scen4-info-text p { color: #29222f; font-family: var(--scen4-body-font); font-size: 15px; line-height: 1.45; } .scen4-card .scen4-info-text strong { color: var(--scen4-purple-dark); font-family: var(--scen4-heading-font); font-weight: 700; } /* LABEL */ .scen4-card .scen4-label-box { min-height: 100px; padding: 12px 12px; display: grid; grid-template-columns: 78px minmax(0, 1fr); gap: 12px; align-items: center; border: 1.5px solid var(--scen4-border); border-radius: var(--scen4-box-radius); background: linear-gradient( 135deg, #ffffff, #fff9ff ); } .scen4-card .scen4-label-icon { width: 74px; height: 74px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: radial-gradient( circle, #ffffff 0%, #f3e4ff 62%, #ead4ff 100% ); color: var(--scen4-purple-dark); } .scen4-card .scen4-label-icon svg { width: 50px; height: 50px; fill: none; stroke: currentColor; stroke-width: 4; stroke-linecap: round; stroke-linejoin: round; } .scen4-card .scen4-label-text { color: var(--scen4-purple-dark); font-family: var(--scen4-heading-font); font-size: 18px; font-weight: 800; } /* OUTCOME */ .scen4-card .scen4-outcome { position: relative; min-height: 6px; margin-top: 10px; display: flex; align-items: center; overflow: hidden; border: 1.5px solid var(--scen4-border); border-radius: 10px; background: linear-gradient( 90deg, #ffffff, #fff9ff 75%, #f4e9ff ); } .scen4-card .scen4-outcome-icon { width: 100px; align-self: stretch; flex: 0 0 100px; display: flex; align-items: center; justify-content: center; position: relative; background: linear-gradient( 135deg, #5b0bb6, #8d22d1 60%, #ab39df ); color: #ffffff; } .scen4-card .scen4-outcome-icon::before { content: ""; position: absolute; width: 48px; height: 48px; border: 1px dashed #ffffff; border-radius: 50%; } .scen4-card .scen4-outcome-icon svg { position: relative; z-index: 2; width: 42px; height: 42px; fill: none; stroke: currentColor; stroke-width: 3.4; stroke-linecap: round; stroke-linejoin: round; } .scen4-card .scen4-outcome-text { position: relative; z-index: 3; padding: 10px 18px; display: flex; align-items: center; gap: 16px; font-family: var(--scen4-body-font); font-size: 15px; } .scen4-card .scen4-outcome-text strong { color: var(--scen4-purple-dark); font-family: var(--scen4-heading-font); font-size: 18px; font-weight: 800; } /* DOTS */ .scen4-card .scen4-dot-pattern { width: 120px; margin-left: auto; padding-right: 20px; display: grid; grid-template-columns: repeat(5, 4px); justify-content: end; gap: 8px; position: relative; z-index: 3; } .scen4-card .scen4-dot-pattern span { width: 4px; height: 4px; display: block; border-radius: 50%; background: var(--scen4-pink); } /* TABLET */ @media (max-width: 1050px) { .scen4-card .scen4-header { padding: 22px 28px; } .scen4-card .scen4-grid { grid-template-columns: 1fr; gap: 40px; } .scen4-card .scen4-body { padding: 26px; } } /* MOBILE */ @media (max-width: 800px) { .scen4-card { --scen4-side-space: 8px; --scen4-card-radius: 20px; } .scen4-card .scen4-header { min-height: auto; padding: 22px 16px; flex-direction: column; align-items: flex-start; } .scen4-card .scen4-header-left { width: 100%; align-items: flex-start; gap: 12px; } .scen4-card .scen4-main-icon { width: 66px; height: 66px; flex-basis: 66px; } .scen4-card .scen4-main-icon svg { width: 44px; height: 44px; } .scen4-card .scen4-badge { padding: 8px 12px; font-size: 13px; } .scen4-card .scen4-header-subtitle { font-size: 12px; } .scen4-card .scen4-header-right { width: auto; margin-left: auto; justify-content: flex-end; } .scen4-card .scen4-header-right-icon { width: 64px; height: 64px; flex-basis: 64px; } .scen4-card .scen4-header-right-title { font-size: 15px; } .scen4-card .scen4-body { padding: 25px 14px 18px; } .scen4-card .scen4-main-title { font-size: 18px; } .scen4-card .scen4-grid { grid-template-columns: 1fr; } .scen4-card .scen4-info-box, .scen4-card .scen4-label-box { grid-template-columns: 1fr; min-height: auto; padding: 20px 16px; text-align: center; } .scen4-card .scen4-info-icon, .scen4-card .scen4-label-icon { margin: 0 auto; } .scen4-card .scen4-info-text p { font-size: 14px; } .scen4-card .scen4-outcome { flex-direction: column; align-items: stretch; } .scen4-card .scen4-outcome-icon { width: 100%; min-height: 65px; flex-basis: auto; } .scen4-card .scen4-outcome-text { flex-direction: column; align-items: flex-start; gap: 6px; } .scen4-card .scen4-dot-pattern { display: none; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-b729603 */.hero-full{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-left:0 !important; padding-right:0 !important; } .hero-full img{ width:100% !important; max-width:100% !important; display:block !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-af31b85 *//* ========================================================= JOURNEY CARDS MOBILE SLIDER - FINAL CSS ONLY MOBILE ========================================================= */ .journey-mobile-section { display: none; } /* ========================================================= MOBILE ONLY ========================================================= */ @media screen and (max-width: 767px) { .journey-mobile-section, .journey-mobile-section * { box-sizing: border-box; } /* ========================= MAIN SECTION ========================= */ .journey-mobile-section { display: block !important; width: 100%; /* IMPORTANT: Icon card ke bahar hai isliye upar extra space diya hai */ padding: 70px 0 30px; overflow: hidden; background: transparent; } /* ========================= SLIDER ========================= */ .journey-mobile-slider { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; width: 100%; gap: 14px; /* Top me extra space taaki circular icons cut na ho */ padding: 60px 18px 20px; margin-top: -60px; overflow-x: auto !important; overflow-y: visible !important; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; } .journey-mobile-slider::-webkit-scrollbar { display: none; } /* ========================= CARD ========================= */ .journey-card { position: relative; flex: 0 0 84% !important; width: 84% !important; min-width: 84% !important; max-width: 84% !important; min-height: 350px; /* Icon ke niche content ke liye proper space */ padding: 82px 18px 25px; border-radius: 26px; background: linear-gradient( 180deg, #faf7ff 0%, #ffffff 42%, #ffffff 100% ); text-align: center; scroll-snap-align: center; /* VERY IMPORTANT Icon ko visible rakhega */ overflow: visible !important; border: 1px solid rgba(132, 73, 190, 0.05); box-shadow: 0 10px 28px rgba(73, 48, 130, 0.10); } /* ========================= BIG TOP ICON CIRCLE ========================= */ .journey-icon-wrap { position: absolute !important; top: -55px !important; left: 50% !important; transform: translateX(-50%) !important; width: 115px !important; height: 115px !important; display: flex !important; align-items: center !important; justify-content: center !important; padding: 27px; border-radius: 50%; background: linear-gradient( 145deg, #ffffff 0%, #fdfaff 100% ); border: 1.5px solid #dcc4ee; box-shadow: 0 7px 20px rgba(104, 59, 157, 0.10); z-index: 50 !important; overflow: visible !important; } /* ========================= ICON SVG ========================= */ .journey-icon-wrap svg { display: block !important; width: 58px !important; height: 58px !important; min-width: 58px !important; min-height: 58px !important; overflow: visible !important; fill: none; stroke: #8b45c5 !important; stroke-width: 4.5 !important; stroke-linecap: round; stroke-linejoin: round; opacity: 1 !important; visibility: visible !important; position: relative; z-index: 60; } /* ========================= NUMBER PILLS ========================= */ .journey-number { position: relative; z-index: 5; display: inline-flex; align-items: center; justify-content: center; min-width: 70px; height: 38px; padding: 0 17px; margin: 0 auto 25px; border-radius: 15px; color: #111111; font-size: 15px; font-weight: 700; line-height: 1; } /* 01 */ .number-green { background: #dfffcf; } /* 02 */ .number-yellow { background: #ffe9a3; } /* 03 */ .number-blue { background: #d8e5ff; } /* 04 */ .number-red { background: #ffd5d2; } /* 05 */ .number-pink { background: #efc7ff; } /* ========================= HEADING ========================= */ .journey-card h3 { position: relative; z-index: 3; margin: 0; color: #171717; font-size: 15px !important; font-weight: 800; line-height: 1.4; } /* ========================= CENTER DIVIDER ========================= */ .journey-divider { position: relative; width: 76%; height: 18px; margin: 27px auto 23px; } /* LEFT LINE */ .journey-divider::before { content: ""; position: absolute; top: 8px; left: 0; width: calc(50% - 18px); height: 1.5px; background: #a05bd4; } /* RIGHT LINE */ .journey-divider::after { content: ""; position: absolute; top: 8px; right: 0; width: calc(50% - 18px); height: 1.5px; background: #a05bd4; } /* CENTER DOT */ .journey-divider span { position: absolute; top: 2px; left: 50%; transform: translateX(-50%); width: 13px; height: 13px; border-radius: 50%; background: #8b45c5; box-shadow: 0 0 0 4px rgba(139, 69, 197, 0.05); } /* ========================= DESCRIPTION ========================= */ .journey-card p { position: relative; z-index: 3; width: 100%; max-width: 95%; margin: 0 auto; color: #262626; font-size: 12px !important; font-weight: 400; line-height: 1.7; } } /* ========================================================= SMALL PHONES ========================================================= */ @media screen and (max-width: 380px) { .journey-mobile-section { padding-top: 65px; } .journey-mobile-slider { padding-left: 15px; padding-right: 15px; } .journey-card { flex-basis: 87% !important; width: 87% !important; min-width: 87% !important; max-width: 87% !important; min-height: 340px; padding: 77px 15px 22px; } /* ICON CIRCLE */ .journey-icon-wrap { top: -50px !important; width: 105px !important; height: 105px !important; padding: 24px; } /* ICON */ .journey-icon-wrap svg { width: 54px !important; height: 54px !important; min-width: 54px !important; min-height: 54px !important; } /* NUMBER */ .journey-number { height: 36px; margin-bottom: 22px; } /* DIVIDER */ .journey-divider { margin-top: 24px; margin-bottom: 20px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-462c098 *//* ================================================== EASY CHANGE OPTIONS Sirf yahan values change karke design update karein ================================================== */ :root { /* Website Theme Colors */ --primary-purple: #8148b8; --light-purple: #eee7f7; --soft-purple: #f7f4fc; --mint-green: #dff3df; --text-color: #111111; --card-background: rgba(255, 255, 255, 0.72); --border-color: rgba(129, 72, 184, 0.28); /* Shadow */ --card-shadow: 0 12px 30px rgba(45, 35, 60, 0.12); --icon-shadow: 0 8px 24px rgba(58, 40, 80, 0.14); /* Font Settings */ --body-font: "Roboto", sans-serif; --heading-font: "Montserrat", sans-serif; --body-font-size: 15px; --heading-font-size: 20px; /* Card Settings */ --card-radius: 28px; --icon-size: 118px; } /* ================================================== BASIC RESET ================================================== */ * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: var(--body-font); background: radial-gradient( circle at top, rgba(129, 72, 184, 0.08), transparent 38% ), linear-gradient( 180deg, #ffffff 0%, #f8f6fc 100% ); color: var(--text-color); } /* ================================================== MAIN SECTION ================================================== */ .process-section { width: 100%; padding: 90px 4px 70px; overflow: hidden; } /* ================================================== CARD GRID ================================================== */ .process-grid { width: 100%; max-width: 1800px; margin: 0 auto; display: grid; grid-template-columns: repeat(5, minmax(220px, 1fr)); gap: 25px; align-items: stretch; } /* ================================================== SINGLE CARD ================================================== */ .process-card { position: relative; min-height: 50px; padding: 80px 10px 10px; background: linear-gradient( 160deg, rgba(238, 231, 247, 0.88), rgba(255, 255, 255, 0.95) 55% ); border: 1px solid var(--border-color); border-radius: var(--card-radius); box-shadow: var(--card-shadow); text-align: center; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; } /* Card Hover Effect */ .process-card:hover { transform: translateY(-10px); border-color: rgba(129, 72, 184, 0.5); box-shadow: 0 22px 45px rgba(58, 40, 80, 0.18); } /* ================================================== ICON CIRCLE ================================================== */ .icon-box { width: var(--icon-size); height: var(--icon-size); border-radius: 50%; position: absolute; top: calc(var(--icon-size) / -2); left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; background: linear-gradient( 145deg, #ffffff, #f4effa ); border: 1px solid rgba(129, 72, 184, 0.28); box-shadow: var(--icon-shadow); } /* Icon */ .icon-box i { font-size: 45px; color: var(--primary-purple); } /* ================================================== STEP NUMBER ================================================== */ .step-number { display: inline-flex; align-items: center; justify-content: center; min-width: 67px; height: 38px; padding: 0 17px; background: var(--mint-green); border-radius: 14px; font-family: var(--heading-font); font-size: 17px; font-weight: 600; margin-bottom: 24px; box-shadow: 0 4px 12px rgba(50, 90, 60, 0.07); } /* ================================================== HEADING ================================================== */ .process-title { font-family: var(--heading-font); font-size: var(--heading-font-size); font-weight: 700; line-height: 1.45; color: var(--text-color); margin-bottom: 30px; } /* ================================================== CLASSIC DIVIDER ================================================== */ .divider { width: 180px; max-width: 75%; height: 16px; margin: 0 auto 28px; display: flex; align-items: center; justify-content: center; position: relative; } .divider::before, .divider::after { content: ""; width: 74px; height: 1px; background: var(--primary-purple); } .divider span { width: 11px; height: 11px; border-radius: 50%; background: var(--primary-purple); margin: 0 10px; flex-shrink: 0; } /* ================================================== DESCRIPTION TEXT ================================================== */ .process-text { font-family: var(--body-font); font-size: var(--body-font-size); font-weight: 400; line-height: 1.75; color: #191919; } /* ================================================== TABLET RESPONSIVE ================================================== */ @media (max-width: 1350px) { .process-grid { grid-template-columns: repeat(3, 1fr); row-gap: 95px; } } @media (max-width: 900px) { .process-section { padding: 90px 25px 60px; } .process-grid { grid-template-columns: repeat(2, 1fr); } } /* ================================================== MOBILE RESPONSIVE ================================================== */ @media (max-width: 600px) { .process-section { padding: 85px 18px 45px; } .process-grid { grid-template-columns: 1fr; gap: 90px; } .process-card { min-height: auto; padding: 95px 25px 40px; } .process-title { font-size: 20px; } .process-text { font-size: 15px; } } /* ========================================= STEP NUMBER DIFFERENT COLORS Add this at the bottom of your CSS ========================================= */ .process-card:nth-child(1) .step-number { background-color: #E5FFD7 !important; } .process-card:nth-child(2) .step-number { background-color: #FFF0BE !important; } .process-card:nth-child(3) .step-number { background-color: #DCE7FF !important; } .process-card:nth-child(4) .step-number { background-color: #FFDADA !important; } .process-card:nth-child(5) .step-number { background-color: #F3D4FF !important; } .process-card:nth-child(6) .step-number { background-color: #E5FFD7 !important; }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-a87b60a */.hero-full{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-left:0 !important; padding-right:0 !important; } .hero-full img{ width:100% !important; max-width:100% !important; display:block !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-dc7bec9 *//* ================================================== INDUSTRY MOBILE SLIDER DESKTOP / LAPTOP PAR HIDDEN ================================================== */ .industry-mobile-section { display: none; } @media screen and (max-width: 767px) { .industry-mobile-section, .industry-mobile-section * { box-sizing: border-box; } .industry-mobile-section { display: block; width: 100%; overflow: hidden; padding: 24px 0 30px; } /* SLIDER */ .industry-mobile-slider { display: flex; flex-wrap: nowrap; gap: 16px; width: 100%; padding: 0 18px 18px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; scrollbar-width: none; -ms-overflow-style: none; } .industry-mobile-slider::-webkit-scrollbar { display: none; } /* CARD */ .industry-card { flex: 0 0 86%; min-width: 86%; padding: 20px 18px 24px; border-radius: 26px; background: linear-gradient( 145deg, #ffffff 0%, #fbf9ff 60%, #f6f2ff 100% ); scroll-snap-align: center; box-shadow: 0 8px 25px rgba(87, 54, 160, 0.10); } /* TOP AREA */ .industry-top { display: flex; align-items: center; gap: 18px; } /* ICON CIRCLE */ .industry-icon-circle { position: relative; flex: 0 0 auto; width: 120px; height: 120px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: linear-gradient( 145deg, #ffffff, #f7f3ff ); box-shadow: 0 0 0 8px rgba(120, 73, 255, 0.03); } /* OUTER ARC */ .industry-icon-circle::before { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 3px solid transparent; border-top-color: #6f38f4; border-left-color: #8a5bf4; transform: rotate(20deg); } /* DOT */ .industry-icon-circle::after { content: ""; position: absolute; right: -9px; top: 50%; transform: translateY(-50%); width: 8px; height: 8px; border-radius: 50%; background: #7342eb; } /* ICON */ .industry-icon-circle svg { width: 54px; height: 54px; fill: none; stroke: #6430f3; stroke-width: 2.8; stroke-linecap: round; stroke-linejoin: round; } /* NUMBER */ .industry-number-wrap { min-width: 0; } .industry-number { color: #6334ed; font-size: 36px; font-weight: 800; line-height: 1; } .industry-small-line { width: 55px; height: 2px; margin-top: 13px; background: linear-gradient( 90deg, #7046f2, #a488ff ); } /* HEADING */ .industry-card h3 { margin: 22px 0 10px; color: #11172f; font-size: 15px; font-weight: 800; line-height: 1.35; } /* MINI DECORATION */ .industry-mini-decor { display: flex; align-items: center; gap: 4px; margin-bottom: 22px; } .industry-mini-decor span { width: 28px; height: 3px; border-radius: 20px; background: #6636ee; } .industry-mini-decor i { width: 4px; height: 4px; border-radius: 50%; background: #8b6df2; } /* DESCRIPTION */ .industry-card p { margin: 0; padding-left: 14px; border-left: 1px solid rgba(121, 72, 240, 0.22); color: #283049; font-size: 12px; font-weight: 400; line-height: 1.75; } } /* SMALL PHONES */ @media screen and (max-width: 380px) { .industry-card { flex-basis: 89%; min-width: 89%; } .industry-icon-circle { width: 108px; height: 108px; } .industry-icon-circle svg { width: 48px; height: 48px; } .industry-number { font-size: 32px; } }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-ed43a6a *//* ================================================== ISOLATED INDUSTRIES SECTION Ye CSS sirf .biz-industries ke andar apply hogi ================================================== */ .biz-industries, .biz-industries *, .biz-industries *::before, .biz-industries *::after { box-sizing: border-box; } /* Main Section */ .biz-industries { width: 100%; margin: 0; padding: 70px 40px; background: transparent; font-family: "Roboto", Arial, sans-serif; color: #20243a; } /* Main Grid */ .biz-industries .biz-industries__grid { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); column-gap: 65px; row-gap: 90px; background: transparent; } /* Single Item */ .biz-industries .biz-industries__item { width: 100%; margin: 0; padding: 0; display: grid; grid-template-columns: 145px minmax(0, 1fr); align-items: start; background: transparent; border: 0; border-radius: 0; box-shadow: none; overflow: visible; } /* Icon Wrapper */ .biz-industries .biz-industries__icon-wrap { width: 145px; margin: 0; padding: 0; display: flex; justify-content: center; align-items: flex-start; background: transparent; } /* Icon Circle */ .biz-industries .biz-industries__icon-circle { width: 125px; height: 125px; margin: 0; padding: 0; position: relative; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: transparent; border: 6px solid rgba(93, 47, 229, 0.05); box-shadow: 0 8px 20px rgba(93, 47, 229, 0.06); } /* Circular Accent */ .biz-industries .biz-industries__icon-circle::before { content: ""; position: absolute; top: -9px; right: -9px; bottom: -9px; left: -9px; border-radius: 50%; border-top: 2px solid #6333ed; border-right: 2px solid transparent; border-bottom: 2px solid #9877fa; border-left: 2px solid transparent; transform: rotate(22deg); pointer-events: none; } /* Small Circle Dot */ .biz-industries .biz-industries__icon-circle::after { content: ""; position: absolute; top: 50%; right: -10px; width: 7px; height: 7px; margin: 0; transform: translateY(-50%); border-radius: 50%; background: #6333ed; pointer-events: none; } /* SVG */ .biz-industries .biz-industries__icon-circle svg { display: block; width: 52px; height: 52px; margin: 0; padding: 0; fill: none; stroke: #6333ed; stroke-width: 2.4; stroke-linecap: round; stroke-linejoin: round; color: #6333ed; background: transparent; } /* Content */ .biz-industries .biz-industries__content { width: 100%; min-width: 0; margin: 0; padding: 0 0 0 25px; position: relative; background: transparent; border: 0; box-shadow: none; } /* Vertical Line */ .biz-industries .biz-industries__content::before { content: ""; position: absolute; left: 0; top: 155px; width: 1px; height: 135px; background: rgba(99, 51, 237, 0.22); } /* Number */ .biz-industries .biz-industries__number { margin: 0; padding: 0; font-family: "Montserrat", Arial, sans-serif; font-size: 44px; font-style: normal; font-weight: 600; line-height: 1; letter-spacing: 0; color: #6333ed; text-transform: none; text-shadow: none; } /* Number Line */ .biz-industries .biz-industries__number-line { width: 48px; height: 2px; margin: 14px 0 28px; padding: 0; background: #9b7afb; } /* Heading */ .biz-industries .biz-industries__title { margin: 0 0 16px; padding: 0; font-family: "Montserrat", Arial, sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 1.2; letter-spacing: 0; color: #111831; text-align: left; text-transform: none; text-decoration: none; text-shadow: none; background: transparent; border: 0; } /* Accent */ .biz-industries .biz-industries__accent { height: 5px; margin: 0 0 24px; padding: 0; display: flex; align-items: center; gap: 4px; background: transparent; } .biz-industries .biz-industries__accent span { display: block; width: 25px; height: 3px; margin: 0; padding: 0; border-radius: 20px; background: #6333ed; } .biz-industries .biz-industries__accent i { display: block; width: 4px; height: 4px; margin: 0; padding: 0; border-radius: 50%; background: #9877fa; font-style: normal; } /* Text */ .biz-industries .biz-industries__text { width: 100%; max-width: 330px; margin: 0; padding: 0; font-family: "Roboto", Arial, sans-serif; font-size: 15px; font-style: normal; font-weight: 400; line-height: 1.75; letter-spacing: 0; color: #20243a; text-align: left; text-transform: none; text-decoration: none; text-shadow: none; background: transparent; border: 0; } /* ========================================== TABLET ========================================== */ @media only screen and (max-width: 1100px) { .biz-industries { padding: 60px 30px; } .biz-industries .biz-industries__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 50px; row-gap: 75px; } } /* ========================================== MOBILE ========================================== */ @media only screen and (max-width: 700px) { .biz-industries { padding: 45px 20px; } .biz-industries .biz-industries__grid { grid-template-columns: 1fr; row-gap: 55px; } .biz-industries .biz-industries__item { grid-template-columns: 110px minmax(0, 1fr); } .biz-industries .biz-industries__icon-wrap { width: 110px; } .biz-industries .biz-industries__icon-circle { width: 95px; height: 95px; } .biz-industries .biz-industries__icon-circle svg { width: 40px; height: 40px; } .biz-industries .biz-industries__content { padding-left: 18px; } .biz-industries .biz-industries__number { font-size: 34px; } .biz-industries .biz-industries__number-line { margin-bottom: 22px; } .biz-industries .biz-industries__content::before { top: 130px; height: 115px; } } /* ========================================== SMALL MOBILE ========================================== */ @media only screen and (max-width: 480px) { .biz-industries .biz-industries__item { display: block; } .biz-industries .biz-industries__icon-wrap { width: 100%; justify-content: flex-start; margin-bottom: 28px; } .biz-industries .biz-industries__content { padding-left: 0; } .biz-industries .biz-industries__content::before { display: none; } .biz-industries .biz-industries__text { max-width: 100%; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-79f9484 */.hero-full{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-left:0 !important; padding-right:0 !important; } .hero-full img{ width:100% !important; max-width:100% !important; display:block !important; }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-edc7de3 *//* ========================================================= FUNDING CTA SECTION COMPLETELY ISOLATED CSS ========================================================= */ .funding-cta-section, .funding-cta-section *, .funding-cta-section *::before, .funding-cta-section *::after { box-sizing: border-box; } /* ============================= MAIN SECTION ============================= */ .funding-cta-section { width: 100%; margin: 0; padding: 45px 30px; background: radial-gradient( circle at 20% 20%, rgba(116, 48, 215, 0.24), transparent 30% ), radial-gradient( circle at 80% 70%, rgba(53, 22, 135, 0.20), transparent 35% ), linear-gradient( 1g, 0%, 52%, 100% ); font-family: "Roboto", Arial, sans-serif; overflow: hidden; } /* ============================= INNER WRAPPER ============================= */ .funding-cta-section .funding-cta-inner { width: 100%; max-width: 1450px; margin: 0 auto; padding: 50px 50px 40px; position: relative; text-align: center; border: 1px solid rgba(154, 82, 255, 0.35); border-radius: 28px; background: rgba(10, 10, 35, 0.12); } /* ============================= MAIN HEADING MONTSERRAT 20PX ============================= */ .funding-cta-section .funding-cta-heading { max-width: 1100px; margin: 0 auto; padding: 0; font-family: "Montserrat", Arial, sans-serif; font-size: 20px; font-weight: 700; line-height: 1.55; letter-spacing: 0; color: #00000; text-align: center; text-transform: none; background: transparent; border: 0; box-shadow: none; } /* Purple Highlight */ .funding-cta-section .funding-purple { color: #00000; } /* Orange Highlight */ .funding-cta-section .funding-orange { color: #00000; } /* ============================= TOP DIVIDER ============================= */ .funding-cta-section .funding-heading-divider { margin: 23px auto 25px; display: flex; align-items: center; justify-content: center; gap: 8px; } .funding-cta-section .funding-heading-divider span { display: block; width: 110px; height: 1px; background: linear-gradient( to right, transparent, #8b39ef ); } .funding-cta-section .funding-heading-divider span:last-child { background: linear-gradient( to right, #8b39ef, transparent ); } .funding-cta-section .funding-heading-divider i { display: block; width: 8px; height: 8px; border-radius: 50%; background: #ffa100; font-style: normal; } /* ============================= INTRO TEXT ROBOTO 15PX ============================= */ .funding-cta-section .funding-intro-text { width: 100%; max-width: 760px; margin: 0 auto; padding: 0; font-family: "Roboto", Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.8; color: rgba(255,255,255,0.92); text-align: center; background: transparent; } /* ============================= HIGHLIGHT ROW ============================= */ .funding-cta-section .funding-highlight-row { margin: 30px auto 25px; display: flex; align-items: center; justify-content: center; gap: 20px; } .funding-cta-section .funding-highlight-title { margin: 0; padding: 0; font-family: "Montserrat", Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 1.3; color: #ff9f00; background: transparent; } .funding-cta-section .funding-side-line { display: flex; align-items: center; gap: 8px; } .funding-cta-section .funding-side-line span { display: block; width: 120px; height: 1px; background: linear-gradient( to right, transparent, #6f36e8 ); } .funding-cta-section .funding-side-line-right span { background: linear-gradient( to right, #6f36e8, transparent ); } .funding-cta-section .funding-side-line i { display: block; width: 7px; height: 7px; border-radius: 50%; background: #ff9f00; font-style: normal; } /* ============================= SECONDARY TEXT ============================= */ .funding-cta-section .funding-sub-text { margin: 0 auto; padding: 0; font-family: "Roboto", Arial, sans-serif; font-size: 15px; font-weight: 400; line-height: 1.7; color: rgba(255,255,255,0.92); text-align: center; } /* ============================= BUTTON AREA ============================= */ .funding-cta-section .funding-buttons { margin-top: 35px; display: flex; align-items: center; justify-content: center; gap: 35px; flex-wrap: wrap; } /* ============================= COMMON BUTTON ============================= */ .funding-cta-section .funding-btn { min-width: 360px; min-height: 64px; padding: 14px 26px; display: inline-flex; align-items: center; justify-content: center; gap: 14px; border-radius: 22px; font-family: "Montserrat", Arial, sans-serif; font-size: 15px; font-weight: 700; line-height: 1.3; text-decoration: none; transition: transform 0.25s ease, box-shadow 0.25s ease; } .funding-cta-section .funding-btn:hover { transform: translateY(-3px); } /* ============================= PRIMARY BUTTON ============================= */ .funding-cta-section .funding-btn-primary { color: #ffffff; background: linear-gradient( 100deg, #00a9f5, #3669f1, #a72bea ); box-shadow: 0 10px 30px rgba(100, 65, 255, 0.25); } .funding-cta-section .funding-btn-primary:hover { box-shadow: 0 14px 38px rgba(99, 65, 255, 0.42); } /* Button Icon */ .funding-cta-section .funding-btn-icon { width: 38px; height: 38px; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 50%; background: #ffffff; } .funding-cta-section .funding-btn-icon svg { width: 21px; height: 21px; fill: none; stroke: #168fea; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .funding-cta-section .funding-arrow { margin-left: auto; font-size: 22px; } /* ============================= CALL BUTTON ============================= */ .funding-cta-section .funding-btn-call { color: #111111; background: #ffffff; border: 2px solid #9c22ef; box-shadow: 0 10px 30px rgba(111, 49, 241, 0.16); } .funding-cta-section .funding-btn-call:hover { box-shadow: 0 14px 38px rgba(111, 49, 241, 0.30); } /* Phone Icon */ .funding-cta-section .funding-call-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 50%; border: 2px solid #8e2ded; } .funding-cta-section .funding-call-icon svg { width: 21px; height: 21px; fill: none; stroke: #8e2ded; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; } /* ============================= BOTTOM INFO ============================= */ .funding-cta-section .funding-bottom-info { margin-top: 55px; padding-top: 5px; display: flex; align-items: center; justify-content: center; gap: 0; flex-wrap: wrap; } /* Single Info Item */ .funding-cta-section .funding-info-item { min-height: 35px; padding: 0 25px; display: flex; align-items: center; gap: 11px; position: relative; font-family: "Roboto", Arial, sans-serif; font-size: 15px; color: rgba(255,255,255,0.9); } /* Separator */ .funding-cta-section .funding-info-item:not(:last-child)::after { content: ""; position: absolute; right: 0; width: 1px; height: 28px; background: rgba(255,255,255,0.35); } /* Bottom Icons */ .funding-cta-section .funding-info-item svg { width: 27px; height: 27px; fill: none; stroke: #a24aff; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } /* Amount Text */ .funding-cta-section .funding-amount-item strong { font-weight: 700; color: #9b4dff; } /* Rupee Circle */ .funding-cta-section .funding-rupee { width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 50%; font-family: "Montserrat", Arial, sans-serif; font-size: 23px; font-weight: 700; color: #ffffff; background: linear-gradient( 145deg, #7436d5, #301171 ); border: 1px solid rgba(166, 91, 255, 0.65); } /* ========================================================= RESPONSIVE ========================================================= */ @media only screen and (max-width: 1000px) { .funding-cta-section .funding-cta-inner { padding: 45px 30px 35px; } .funding-cta-section .funding-bottom-info { gap: 20px; } .funding-cta-section .funding-info-item { padding: 0 12px; } .funding-cta-section .funding-info-item::after { display: none; } } @media only screen and (max-width: 700px) { .funding-cta-section { padding: 25px 15px; } .funding-cta-section .funding-cta-inner { padding: 35px 20px 30px; border-radius: 20px; } .funding-cta-section .funding-heading { font-size: 20px; } .funding-cta-section .funding-buttons { width: 100%; gap: 18px; } .funding-cta-section .funding-btn { width: 100%; min-width: 0; min-height: 58px; } .funding-cta-section .funding-highlight-row { gap: 10px; } .funding-cta-section .funding-side-line span { width: 50px; } .funding-cta-section .funding-bottom-info { flex-direction: column; align-items: flex-start; width: max-content; max-width: 100%; margin-left: auto; margin-right: auto; } .funding-cta-section .funding-info-item { padding: 5px 0; } } @media only screen and (max-width: 480px) { .funding-cta-section .funding-heading-divider span { width: 65px; } .funding-cta-section .funding-highlight-row { flex-wrap: wrap; } .funding-cta-section .funding-side-line { display: none; } .funding-cta-section .funding-btn { padding: 12px 18px; font-size: 14px; } .funding-cta-section .funding-btn-icon, .funding-cta-section .funding-call-icon { width: 34px; height: 34px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-ba968d0 */.hero-full{ width:100vw !important; max-width:100vw !important; margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important; padding-left:0 !important; padding-right:0 !important; } .hero-full img{ width:100% !important; max-width:100% !important; display:block !important; }/* End custom CSS */