.elementor-12 .elementor-element.elementor-element-e49d684{margin-top:050px;margin-bottom:0px;padding:050px 0px 050px 0px;}.elementor-12 .elementor-element.elementor-element-5e9dfd1.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-5e9dfd1 > .elementor-element-populated, .elementor-12 .elementor-element.elementor-element-5e9dfd1 > .elementor-element-populated > .elementor-background-overlay, .elementor-12 .elementor-element.elementor-element-5e9dfd1 > .elementor-background-slideshow{border-radius:30px 30px 30px 30px;}.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-12 .elementor-element.elementor-element-92b9618{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-92b9618 .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-80eee58{text-align:center;}.elementor-12 .elementor-element.elementor-element-80eee58 .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-bc-flex-widget .elementor-12 .elementor-element.elementor-element-c07d2de.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-c07d2de.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-c07d2de.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title, .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{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-12 .elementor-element.elementor-element-698f043:hover{--e-transform-translateY:-15px;}.elementor-12 .elementor-element.elementor-element-698f043{padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-698f043.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-698f043.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-698f043.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-698f043.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-698f043.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-698f043.elementor-view-framed:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-698f043.elementor-view-default:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-698f043.elementor-view-framed:has(:focus) .elementor-icon, .elementor-12 .elementor-element.elementor-element-698f043.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-698f043 .elementor-icon{font-size:30px;}.elementor-12 .elementor-element.elementor-element-698f043 .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-698f043:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-698f043:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-698f043 .elementor-icon-box-description{color:var( --e-global-color-astglobalcolor3 );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-388e9bd.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-388e9bd.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-388e9bd.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-72c8782:hover{--e-transform-translateY:-15px;}.elementor-12 .elementor-element.elementor-element-72c8782{padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-72c8782.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-72c8782.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-72c8782.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-72c8782.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-72c8782.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-72c8782.elementor-view-framed:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-72c8782.elementor-view-default:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-72c8782.elementor-view-framed:has(:focus) .elementor-icon, .elementor-12 .elementor-element.elementor-element-72c8782.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-72c8782 .elementor-icon{font-size:30px;}.elementor-12 .elementor-element.elementor-element-72c8782 .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-72c8782:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-72c8782:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-72c8782 .elementor-icon-box-description{color:var( --e-global-color-astglobalcolor3 );}.elementor-12 .elementor-element.elementor-element-1af422d:hover{--e-transform-translateY:-15px;}.elementor-12 .elementor-element.elementor-element-1af422d{padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-1af422d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-1af422d.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-1af422d.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-1af422d.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-1af422d.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-1af422d.elementor-view-framed:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-1af422d.elementor-view-default:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-1af422d.elementor-view-framed:has(:focus) .elementor-icon, .elementor-12 .elementor-element.elementor-element-1af422d.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-1af422d .elementor-icon{font-size:30px;}.elementor-12 .elementor-element.elementor-element-1af422d .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-1af422d:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-1af422d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-1af422d .elementor-icon-box-description{color:var( --e-global-color-astglobalcolor3 );}.elementor-12 .elementor-element.elementor-element-c27e9ee:hover{--e-transform-translateY:-15px;}.elementor-12 .elementor-element.elementor-element-c27e9ee{padding:10px 10px 10px 10px;border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-primary );border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-c27e9ee.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-c27e9ee.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-c27e9ee.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-c27e9ee.elementor-view-stacked:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-c27e9ee.elementor-view-stacked:has(:focus) .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-c27e9ee.elementor-view-framed:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-c27e9ee.elementor-view-default:has(:hover) .elementor-icon, .elementor-12 .elementor-element.elementor-element-c27e9ee.elementor-view-framed:has(:focus) .elementor-icon, .elementor-12 .elementor-element.elementor-element-c27e9ee.elementor-view-default:has(:focus) .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-c27e9ee .elementor-icon{font-size:30px;}.elementor-12 .elementor-element.elementor-element-c27e9ee .elementor-icon-box-title{color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-c27e9ee:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-c27e9ee:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-c27e9ee .elementor-icon-box-description{color:var( --e-global-color-astglobalcolor3 );}.elementor-12 .elementor-element.elementor-element-d9100e6 > .elementor-background-overlay{background-image:url("https://geethikapowertech.com/wp-content/uploads/2026/08/5c6eb0f9-1e9d-482b-a6d1-d5a8db0796cb-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0.14;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-d9100e6{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:50px 0px 50px 0px;}.elementor-12 .elementor-element.elementor-element-34ed23f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-3e75bae{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-3e75bae .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-0ffdffc{text-align:center;}.elementor-12 .elementor-element.elementor-element-0ffdffc .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;}.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-12 .elementor-element.elementor-element-55b2281:hover{--e-transform-translateY:-10px;}.elementor-12 .elementor-element.elementor-element-55b2281{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2525257A;border-radius:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-55b2281 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-12 .elementor-element.elementor-element-55b2281.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-55b2281.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-55b2281.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-55b2281.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-55b2281 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;}.elementor-12 .elementor-element.elementor-element-55b2281 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-55b2281 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-12 .elementor-element.elementor-element-55b2281 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-55b2281:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-55b2281:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-55b2281 .elementor-icon-box-description{font-family:"Red Hat Text", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-4f5f45d:hover{--e-transform-translateY:-10px;}.elementor-12 .elementor-element.elementor-element-4f5f45d{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2525257A;border-radius:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-4f5f45d .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-12 .elementor-element.elementor-element-4f5f45d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-4f5f45d.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-4f5f45d.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-4f5f45d.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-4f5f45d .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;}.elementor-12 .elementor-element.elementor-element-4f5f45d .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-4f5f45d .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-12 .elementor-element.elementor-element-4f5f45d .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-4f5f45d:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-4f5f45d:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-4f5f45d .elementor-icon-box-description{font-family:"Red Hat Text", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-text );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-bc-flex-widget .elementor-12 .elementor-element.elementor-element-6b4732e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-12 .elementor-element.elementor-element-6b4732e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-12 .elementor-element.elementor-element-8ad600b img{height:349px;}.elementor-12 .elementor-element.elementor-element-0e4778f{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:050px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-0e4778f > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-440bc99:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-12 .elementor-element.elementor-element-440bc99 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-12 .elementor-element.elementor-element-440bc99.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-440bc99 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-440bc99 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-f3da4c9{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-f3da4c9 .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-a2b5603{text-align:center;}.elementor-12 .elementor-element.elementor-element-a2b5603 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-2cb4ef0{text-align:center;}.elementor-12 .elementor-element.elementor-element-b8d1a55:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b8d1a55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://geethikapowertech.com/wp-content/uploads/2026/08/photo-1473341304170-971dccb5ac1e.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-b8d1a55{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-b8d1a55 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-eb369e9{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-eb369e9 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-counter .elementor-counter-number-wrapper{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-counter .elementor-counter-title{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-12 .elementor-element.elementor-element-548514a:hover{--e-transform-translateY:-5px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-astglobalcolor7 );border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(255, 247.40544493302056, 247.40544493302056, 0.5) inset;}.elementor-12 .elementor-element.elementor-element-548514a{padding:10px 10px 10px 10px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-astglobalcolor7 );border-radius:25px 25px 25px 25px;box-shadow:0px 0px 26px 11px rgba(255, 250.50978768390158, 250.50978768390158, 0.5) inset;}.elementor-12 .elementor-element.elementor-element-548514a .elementor-counter{gap:0px;}.elementor-12 .elementor-element.elementor-element-548514a .elementor-counter-number-wrapper{gap:0px;color:var( --e-global-color-astglobalcolor4 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12 .elementor-element.elementor-element-548514a .elementor-counter-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-110a1df:hover{--e-transform-translateY:-5px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-astglobalcolor7 );border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(255, 247.40544493302056, 247.40544493302056, 0.5) inset;}.elementor-12 .elementor-element.elementor-element-110a1df{padding:10px 10px 10px 10px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-astglobalcolor7 );border-radius:25px 25px 25px 25px;box-shadow:0px 0px 26px 11px rgba(255, 250.50978768390158, 250.50978768390158, 0.5) inset;}.elementor-12 .elementor-element.elementor-element-110a1df .elementor-counter{gap:0px;}.elementor-12 .elementor-element.elementor-element-110a1df .elementor-counter-number-wrapper{gap:0px;color:var( --e-global-color-astglobalcolor4 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12 .elementor-element.elementor-element-110a1df .elementor-counter-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-daa3f80:hover{--e-transform-translateY:-5px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-astglobalcolor7 );border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(255, 247.40544493302056, 247.40544493302056, 0.5) inset;}.elementor-12 .elementor-element.elementor-element-daa3f80{padding:10px 10px 10px 10px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-astglobalcolor7 );border-radius:25px 25px 25px 25px;box-shadow:0px 0px 26px 11px rgba(255, 250.50978768390158, 250.50978768390158, 0.5) inset;}.elementor-12 .elementor-element.elementor-element-daa3f80 .elementor-counter{gap:0px;}.elementor-12 .elementor-element.elementor-element-daa3f80 .elementor-counter-number-wrapper{gap:0px;color:var( --e-global-color-astglobalcolor4 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12 .elementor-element.elementor-element-daa3f80 .elementor-counter-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-81714fc{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-12 .elementor-element.elementor-element-81714fc > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-12 .elementor-element.elementor-element-7227f5f:hover{--e-transform-translateY:-5px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-astglobalcolor7 );border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(255, 247.40544493302056, 247.40544493302056, 0.5) inset;}.elementor-12 .elementor-element.elementor-element-7227f5f{padding:10px 10px 10px 10px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-astglobalcolor7 );border-radius:25px 25px 25px 25px;box-shadow:0px 0px 26px 11px rgba(255, 250.50978768390158, 250.50978768390158, 0.5) inset;}.elementor-12 .elementor-element.elementor-element-7227f5f .elementor-counter{gap:0px;}.elementor-12 .elementor-element.elementor-element-7227f5f .elementor-counter-number-wrapper{gap:0px;color:var( --e-global-color-astglobalcolor4 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12 .elementor-element.elementor-element-7227f5f .elementor-counter-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-7336c5c:hover{--e-transform-translateY:-5px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-astglobalcolor7 );border-radius:25px 25px 25px 25px;box-shadow:0px 0px 10px 0px rgba(255, 247.40544493302056, 247.40544493302056, 0.5) inset;}.elementor-12 .elementor-element.elementor-element-7336c5c{padding:10px 10px 10px 10px;border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-astglobalcolor7 );border-radius:25px 25px 25px 25px;box-shadow:0px 0px 26px 11px rgba(255, 250.50978768390158, 250.50978768390158, 0.5) inset;}.elementor-12 .elementor-element.elementor-element-7336c5c .elementor-counter{gap:0px;}.elementor-12 .elementor-element.elementor-element-7336c5c .elementor-counter-number-wrapper{gap:0px;color:var( --e-global-color-astglobalcolor4 );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12 .elementor-element.elementor-element-7336c5c .elementor-counter-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-a0ed2f5 > .elementor-background-overlay{background-image:url("https://geethikapowertech.com/wp-content/uploads/2026/08/sl_113022_54210_10-scaled.jpg");opacity:0.91;}.elementor-12 .elementor-element.elementor-element-a0ed2f5{margin-top:050px;margin-bottom:0px;padding:050px 0px 050px 0px;}.elementor-12 .elementor-element.elementor-element-8956617.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-f268e5b{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-f268e5b .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-8b77925{text-align:center;}.elementor-12 .elementor-element.elementor-element-8b77925 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-d7cecde{text-align:center;}.elementor-widget-call-to-action .elementor-cta__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-call-to-action .elementor-cta__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-call-to-action .elementor-cta__button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-call-to-action .elementor-ribbon-inner{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-12 .elementor-element.elementor-element-8419afd{border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-8419afd:hover{border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__content{text-align:start;padding:05px 0px 010px 010px;}.elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__description{color:var( --e-global-color-astglobalcolor3 );}.elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-12 .elementor-element.elementor-element-81a196c{border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-81a196c:hover{border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__content{text-align:start;padding:05px 0px 010px 010px;}.elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__description{color:var( --e-global-color-astglobalcolor3 );}.elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-12 .elementor-element.elementor-element-5ad837f{border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-5ad837f:hover{border-radius:25px 25px 25px 25px;}.elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__content{text-align:start;padding:05px 0px 010px 010px;}.elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__description{color:var( --e-global-color-astglobalcolor3 );}.elementor-12 .elementor-element.elementor-element-8b43a25{margin-top:0px;margin-bottom:0px;padding:050px 0px 050px 0px;}.elementor-12 .elementor-element.elementor-element-707cd1c.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-25b26fa{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-25b26fa .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-bd9afef{text-align:center;}.elementor-12 .elementor-element.elementor-element-bd9afef .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-761a933{text-align:center;color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-7b7f378{margin-top:0px;margin-bottom:020px;}.elementor-12 .elementor-element.elementor-element-62672c6 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-12 .elementor-element.elementor-element-b1e7a44:hover{--e-transform-translateY:-10px;}.elementor-12 .elementor-element.elementor-element-b1e7a44{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2525257A;border-radius:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-b1e7a44 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-12 .elementor-element.elementor-element-b1e7a44.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-b1e7a44.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-b1e7a44.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-b1e7a44.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-b1e7a44 .elementor-icon{font-size:28px;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;}.elementor-12 .elementor-element.elementor-element-b1e7a44 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-b1e7a44 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-12 .elementor-element.elementor-element-b1e7a44 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-b1e7a44:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-b1e7a44:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-b1e7a44 .elementor-icon-box-description{font-family:"Red Hat Text", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-a7878c5 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-12 .elementor-element.elementor-element-48e6a7e:hover{--e-transform-translateY:-10px;}.elementor-12 .elementor-element.elementor-element-48e6a7e{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2525257A;border-radius:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-48e6a7e .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-12 .elementor-element.elementor-element-48e6a7e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-48e6a7e.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-48e6a7e.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-48e6a7e.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-48e6a7e .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;}.elementor-12 .elementor-element.elementor-element-48e6a7e .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-48e6a7e .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-12 .elementor-element.elementor-element-48e6a7e .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-48e6a7e:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-48e6a7e:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-48e6a7e .elementor-icon-box-description{font-family:"Red Hat Text", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-5cfa876 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-12 .elementor-element.elementor-element-7b28f48:hover{--e-transform-translateY:-10px;}.elementor-12 .elementor-element.elementor-element-7b28f48{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2525257A;border-radius:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-7b28f48 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-12 .elementor-element.elementor-element-7b28f48.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-7b28f48.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-7b28f48.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-7b28f48.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-7b28f48 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;}.elementor-12 .elementor-element.elementor-element-7b28f48 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-7b28f48 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-12 .elementor-element.elementor-element-7b28f48 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-7b28f48:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-7b28f48:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-7b28f48 .elementor-icon-box-description{font-family:"Red Hat Text", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-3f18169 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-12 .elementor-element.elementor-element-f4b3b61:hover{--e-transform-translateY:-10px;}.elementor-12 .elementor-element.elementor-element-f4b3b61{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2525257A;border-radius:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-f4b3b61 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-12 .elementor-element.elementor-element-f4b3b61.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-f4b3b61.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-f4b3b61.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-f4b3b61.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-f4b3b61 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;}.elementor-12 .elementor-element.elementor-element-f4b3b61 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-f4b3b61 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-12 .elementor-element.elementor-element-f4b3b61 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-f4b3b61:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-f4b3b61:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-f4b3b61 .elementor-icon-box-description{font-family:"Red Hat Text", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-7fa6d14 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-12 .elementor-element.elementor-element-333e821:hover{--e-transform-translateY:-10px;}.elementor-12 .elementor-element.elementor-element-333e821{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2525257A;border-radius:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-333e821 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-12 .elementor-element.elementor-element-333e821.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-333e821.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-333e821.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-333e821.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-333e821 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;}.elementor-12 .elementor-element.elementor-element-333e821 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-333e821 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-12 .elementor-element.elementor-element-333e821 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-333e821:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-333e821:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-333e821 .elementor-icon-box-description{font-family:"Red Hat Text", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-21ba69e > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){--kit-widget-spacing:0px;}.elementor-12 .elementor-element.elementor-element-9925ab0:hover{--e-transform-translateY:-10px;}.elementor-12 .elementor-element.elementor-element-9925ab0{padding:15px 15px 15px 15px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#2525257A;border-radius:20px 20px 20px 20px;}.elementor-12 .elementor-element.elementor-element-9925ab0 .elementor-icon-box-wrapper{align-items:center;gap:10px;}.elementor-12 .elementor-element.elementor-element-9925ab0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );fill:var( --e-global-color-astglobalcolor4 );color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-9925ab0.elementor-view-framed .elementor-icon, .elementor-12 .elementor-element.elementor-element-9925ab0.elementor-view-default .elementor-icon{fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-12 .elementor-element.elementor-element-9925ab0.elementor-view-framed .elementor-icon{background-color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-9925ab0 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;border-radius:5px 5px 5px 5px;}.elementor-12 .elementor-element.elementor-element-9925ab0 .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-9925ab0 .elementor-icon-box-title a{font-family:"Roboto", Sans-serif;font-size:18px;font-weight:700;}.elementor-12 .elementor-element.elementor-element-9925ab0 .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-9925ab0:has(:hover) .elementor-icon-box-title, .elementor-12 .elementor-element.elementor-element-9925ab0:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-9925ab0 .elementor-icon-box-description{font-family:"Red Hat Text", Sans-serif;font-size:14px;font-weight:400;color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-37e3e03 > .elementor-background-overlay{background-image:url("https://geethikapowertech.com/wp-content/uploads/2026/08/sun-setting-silhouette-electricity-pylons-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;opacity:0.5;}.elementor-12 .elementor-element.elementor-element-37e3e03{margin-top:0px;margin-bottom:0px;padding:050px 0px 050px 0px;}.elementor-12 .elementor-element.elementor-element-8d5023b.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-1926976{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-1926976 .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-6b4505a{text-align:center;}.elementor-12 .elementor-element.elementor-element-6b4505a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-c250c89{text-align:center;}.elementor-12 .elementor-element.elementor-element-c282bc9 > .elementor-element-populated{border-style:none;}.elementor-12 .elementor-element.elementor-element-cae0993 .elementor-cta__content-item{transition-duration:500ms;}.elementor-12 .elementor-element.elementor-element-cae0993.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 500ms / 3 );}.elementor-12 .elementor-element.elementor-element-cae0993.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 500ms / 3 ) * 2 );}.elementor-12 .elementor-element.elementor-element-cae0993.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 500ms / 3 ) * 3 );}.elementor-12 .elementor-element.elementor-element-cae0993 .elementor-cta .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-cae0993 .elementor-cta .elementor-cta__bg-overlay{transition-duration:500ms;}.elementor-12 .elementor-element.elementor-element-cae0993{padding:0px 0px 0px 0px;border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-cae0993 .elementor-cta__content{min-height:350px;text-align:start;padding:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-cae0993 .elementor-cta__title{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-cae0993 .elementor-cta__description{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-cae0993 .elementor-cta__button{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );border-width:2px;border-radius:10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-cae0993 .elementor-cta__bg-overlay{mix-blend-mode:overlay;}.elementor-12 .elementor-element.elementor-element-cae0993 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-a783643 > .elementor-element-populated{border-style:none;}.elementor-12 .elementor-element.elementor-element-1e12a1d .elementor-cta__content-item{transition-duration:500ms;}.elementor-12 .elementor-element.elementor-element-1e12a1d.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 500ms / 3 );}.elementor-12 .elementor-element.elementor-element-1e12a1d.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 500ms / 3 ) * 2 );}.elementor-12 .elementor-element.elementor-element-1e12a1d.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 500ms / 3 ) * 3 );}.elementor-12 .elementor-element.elementor-element-1e12a1d .elementor-cta .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-1e12a1d .elementor-cta .elementor-cta__bg-overlay{transition-duration:500ms;}.elementor-12 .elementor-element.elementor-element-1e12a1d{padding:0px 0px 0px 0px;border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-1e12a1d .elementor-cta__content{min-height:350px;text-align:start;padding:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-1e12a1d .elementor-cta__title{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-1e12a1d .elementor-cta__description{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-1e12a1d .elementor-cta__button{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );border-width:2px;border-radius:10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-1e12a1d .elementor-cta__bg-overlay{mix-blend-mode:overlay;}.elementor-12 .elementor-element.elementor-element-1e12a1d .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-b07aad3 > .elementor-element-populated{border-style:none;}.elementor-12 .elementor-element.elementor-element-7f8c959 .elementor-cta__content-item{transition-duration:500ms;}.elementor-12 .elementor-element.elementor-element-7f8c959.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 500ms / 3 );}.elementor-12 .elementor-element.elementor-element-7f8c959.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 500ms / 3 ) * 2 );}.elementor-12 .elementor-element.elementor-element-7f8c959.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 500ms / 3 ) * 3 );}.elementor-12 .elementor-element.elementor-element-7f8c959 .elementor-cta .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-7f8c959 .elementor-cta .elementor-cta__bg-overlay{transition-duration:500ms;}.elementor-12 .elementor-element.elementor-element-7f8c959{padding:0px 0px 0px 0px;border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-7f8c959 .elementor-cta__content{min-height:350px;text-align:start;padding:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-7f8c959 .elementor-cta__title{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-7f8c959 .elementor-cta__description{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-7f8c959 .elementor-cta__button{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );border-width:2px;border-radius:10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-7f8c959 .elementor-cta__bg-overlay{mix-blend-mode:overlay;}.elementor-12 .elementor-element.elementor-element-7f8c959 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-c74a4dc > .elementor-element-populated{border-style:none;}.elementor-12 .elementor-element.elementor-element-aea9e40 .elementor-cta__content-item{transition-duration:500ms;}.elementor-12 .elementor-element.elementor-element-aea9e40.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 500ms / 3 );}.elementor-12 .elementor-element.elementor-element-aea9e40.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 500ms / 3 ) * 2 );}.elementor-12 .elementor-element.elementor-element-aea9e40.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 500ms / 3 ) * 3 );}.elementor-12 .elementor-element.elementor-element-aea9e40 .elementor-cta .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-aea9e40 .elementor-cta .elementor-cta__bg-overlay{transition-duration:500ms;}.elementor-12 .elementor-element.elementor-element-aea9e40{padding:0px 0px 0px 0px;border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-aea9e40 .elementor-cta__content{min-height:350px;text-align:start;padding:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-aea9e40 .elementor-cta__title{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-aea9e40 .elementor-cta__description{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-aea9e40 .elementor-cta__button{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );border-width:2px;border-radius:10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-aea9e40 .elementor-cta__bg-overlay{mix-blend-mode:overlay;}.elementor-12 .elementor-element.elementor-element-aea9e40 .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-e32ac8a > .elementor-element-populated{border-style:none;}.elementor-12 .elementor-element.elementor-element-330e1bb .elementor-cta__content-item{transition-duration:500ms;}.elementor-12 .elementor-element.elementor-element-330e1bb.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(2){transition-delay:calc( 500ms / 3 );}.elementor-12 .elementor-element.elementor-element-330e1bb.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(3){transition-delay:calc( ( 500ms / 3 ) * 2 );}.elementor-12 .elementor-element.elementor-element-330e1bb.elementor-cta--sequenced-animation .elementor-cta__content-item:nth-child(4){transition-delay:calc( ( 500ms / 3 ) * 3 );}.elementor-12 .elementor-element.elementor-element-330e1bb .elementor-cta .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-330e1bb .elementor-cta .elementor-cta__bg-overlay{transition-duration:500ms;}.elementor-12 .elementor-element.elementor-element-330e1bb{padding:0px 0px 0px 0px;border-style:solid;border-width:5px 5px 5px 5px;border-color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-330e1bb .elementor-cta__content{min-height:350px;text-align:start;padding:10px 10px 10px 10px;}.elementor-12 .elementor-element.elementor-element-330e1bb .elementor-cta__title{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-330e1bb .elementor-cta__description{color:var( --e-global-color-astglobalcolor4 );}.elementor-12 .elementor-element.elementor-element-330e1bb .elementor-cta__button{color:var( --e-global-color-astglobalcolor4 );border-color:var( --e-global-color-secondary );background-color:var( --e-global-color-primary );border-width:2px;border-radius:10px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-330e1bb .elementor-ribbon-inner{background-color:var( --e-global-color-accent );color:var( --e-global-color-astglobalcolor3 );}.elementor-12 .elementor-element.elementor-element-330e1bb .elementor-cta__bg-overlay{mix-blend-mode:overlay;}.elementor-12 .elementor-element.elementor-element-330e1bb .elementor-cta:hover .elementor-cta__bg-overlay{background-color:var( --e-global-color-text );}.elementor-12 .elementor-element.elementor-element-9d357ac > .elementor-element-populated{border-style:none;}.elementor-12 .elementor-element.elementor-element-0b6768f > .elementor-background-overlay{opacity:0.5;}.elementor-12 .elementor-element.elementor-element-0b6768f{margin-top:0px;margin-bottom:0px;padding:050px 0px 050px 0px;}.elementor-12 .elementor-element.elementor-element-c2414b0.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-7abf50c{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-7abf50c .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-e67cd9c{text-align:center;}.elementor-12 .elementor-element.elementor-element-e67cd9c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-d2f7eec{text-align:center;}.elementor-12 .elementor-element.elementor-element-992aacc > .elementor-background-overlay{background-image:url("https://geethikapowertech.com/wp-content/uploads/2026/08/row-equipment-producing-metal-parts-works-photo-with-depth-field-scaled.jpg");opacity:0.5;}.elementor-12 .elementor-element.elementor-element-992aacc{margin-top:0px;margin-bottom:0px;padding:050px 0px 050px 0px;}.elementor-12 .elementor-element.elementor-element-5457655.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-5859396{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-5859396 .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-8a5a16c{text-align:center;}.elementor-12 .elementor-element.elementor-element-8a5a16c .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-6f86820{text-align:center;}.elementor-12 .elementor-element.elementor-element-09ba23a{margin-top:0px;margin-bottom:0px;padding:050px 0px 050px 0px;}.elementor-12 .elementor-element.elementor-element-7c1037f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-9b9ad56{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-9b9ad56 .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-2290e96{text-align:center;}.elementor-12 .elementor-element.elementor-element-2290e96 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-cd82e68{text-align:center;}.elementor-12 .elementor-element.elementor-element-6bf08a1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-e5b604f{margin-top:0px;margin-bottom:0px;padding:050px 0px 050px 0px;}.elementor-12 .elementor-element.elementor-element-c0ce485.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-125f142{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-125f142 .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-e6d9238{text-align:center;}.elementor-12 .elementor-element.elementor-element-e6d9238 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;color:var( --e-global-color-primary );}.elementor-12 .elementor-element.elementor-element-f9e085c{text-align:center;}.elementor-12 .elementor-element.elementor-element-4b7b95f{margin-top:0px;margin-bottom:0px;padding:050px 0px 50px 0px;}.elementor-12 .elementor-element.elementor-element-015ce2a.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-12 .elementor-element.elementor-element-7ff00d6{width:auto;max-width:auto;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-12 .elementor-element.elementor-element-7ff00d6 .elementor-heading-title{color:var( --e-global-color-astglobalcolor2 );}.elementor-12 .elementor-element.elementor-element-6d0ebb6{text-align:center;}.elementor-12 .elementor-element.elementor-element-6d0ebb6 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-weight:700;}.elementor-12 .elementor-element.elementor-element-1de7761{text-align:center;color:var( --e-global-color-astglobalcolor3 );}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-12 .elementor-element.elementor-element-db47624 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-12 .elementor-element.elementor-element-db47624 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-12 .elementor-element.elementor-element-db47624{--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}.elementor-12 .elementor-element.elementor-element-3ce49d1 .elementor-button{background-color:#162B5B;fill:#F8FAFD;color:#F8FAFD;}.elementor-12 .elementor-element.elementor-element-3ce49d1 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-3ce49d1 .elementor-button:focus{background-color:var( --e-global-color-primary );}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-e49d684{margin-top:50px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-12 .elementor-element.elementor-element-5e9dfd1 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-d9100e6{margin-top:025px;margin-bottom:0px;padding:025px 015px 025px 015px;}.elementor-12 .elementor-element.elementor-element-34ed23f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-0e4778f{margin-top:025px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-12 .elementor-element.elementor-element-440bc99 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-b8d1a55{padding:0px 015px 025px 015px;}.elementor-12 .elementor-element.elementor-element-1af50e6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-a0ed2f5{margin-top:0px;margin-bottom:0px;padding:025px 015px 0px 015px;}.elementor-12 .elementor-element.elementor-element-8956617 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-8b43a25{margin-top:50px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-12 .elementor-element.elementor-element-707cd1c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-37e3e03{margin-top:025px;margin-bottom:0px;padding:025px 015px 0px 015px;}.elementor-12 .elementor-element.elementor-element-8d5023b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-0b6768f{margin-top:50px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-12 .elementor-element.elementor-element-c2414b0 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-992aacc{margin-top:025px;margin-bottom:0px;padding:025px 15px 025px 015px;}.elementor-12 .elementor-element.elementor-element-5457655 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-09ba23a{margin-top:025px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-12 .elementor-element.elementor-element-7c1037f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-e5b604f{margin-top:50px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-12 .elementor-element.elementor-element-c0ce485 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-4b7b95f{margin-top:50px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-12 .elementor-element.elementor-element-015ce2a > .elementor-element-populated{padding:0px 0px 0px 0px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-3d7608e{width:50%;}.elementor-12 .elementor-element.elementor-element-bb98b0d{width:50%;}.elementor-12 .elementor-element.elementor-element-456d740{width:100%;}.elementor-12 .elementor-element.elementor-element-37e3e03{padding:025px 015px 025px 015px;}.elementor-12 .elementor-element.elementor-element-cae0993 .elementor-cta__content{min-height:200px;}.elementor-12 .elementor-element.elementor-element-1e12a1d .elementor-cta__content{min-height:200px;}.elementor-12 .elementor-element.elementor-element-7f8c959 .elementor-cta__content{min-height:200px;}.elementor-12 .elementor-element.elementor-element-aea9e40 .elementor-cta__content{min-height:200px;}.elementor-12 .elementor-element.elementor-element-330e1bb .elementor-cta__content{min-height:200px;}.elementor-12 .elementor-element.elementor-element-bd190a5{padding:0px 0px 0px 0px;}.elementor-12 .elementor-element.elementor-element-907dc57{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}}@media(min-width:1025px){.elementor-12 .elementor-element.elementor-element-d9100e6 > .elementor-background-overlay{background-attachment:scroll;}.elementor-12 .elementor-element.elementor-element-b8d1a55:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-b8d1a55 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}.elementor-12 .elementor-element.elementor-element-37e3e03 > .elementor-background-overlay{background-attachment:scroll;}}/* Start custom CSS for heading, class: .elementor-element-92b9618 *//* ========================================================= SUBTITLE 1 — PRECISION SIGNATURE FRAME Elementor CSS Class: sub-title-1 COLOR SYSTEM Primary: #9E2A2B Secondary: #00235D Text: #0F0F0F Accent: #FFA300 Warm Gold: #DAA14C Warm White: #F8F6F3 Heading: #1e293b Theme Text: #334155 ========================================================= */ /* ========================================================= MAIN FRAME ========================================================= */ .sub-title-1 { position: relative; display: inline-flex; align-items: center; justify-content: center; /* Typography */ font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2.5px !important; line-height: 1.2; text-transform: uppercase; color: #9E2A2B !important; /* Spacing */ padding: 11px 21px; /* Premium warm surface */ background: linear-gradient( 135deg, rgba(158, 42, 43, 0.075), rgba(218, 161, 76, 0.055), rgba(0, 35, 93, 0.045) ); /* Precision border */ border: 1px solid rgba(158, 42, 43, 0.28); border-radius: 4px; /* Glass effect */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Layered depth */ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 0 1px rgba(218, 161, 76, 0.025); overflow: hidden; transform: translateZ(0); transition: color 0.35s ease, background 0.45s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.4s ease; } /* ========================================================= TEXT LAYER Keeps Elementor text above animations ========================================================= */ .sub-title-1 > * { position: relative; z-index: 5; } /* ========================================================= MOVING GOLDEN LIGHT TRACE ========================================================= */ .sub-title-1::before { content: ""; position: absolute; top: -100%; left: -35%; width: 20%; height: 300%; background: linear-gradient( 90deg, transparent 0%, rgba(218, 161, 76, 0.05) 20%, rgba(255, 163, 0, 0.55) 48%, rgba(248, 246, 243, 0.75) 50%, rgba(218, 161, 76, 0.35) 55%, transparent 100% ); transform: rotate(18deg); opacity: 0; animation: precisionSweep 4.8s cubic-bezier(.4, 0, .2, 1) infinite; pointer-events: none; z-index: 1; } /* ========================================================= PRECISION CORNER DETAIL ========================================================= */ .sub-title-1::after { content: ""; position: absolute; right: 7px; top: 7px; width: 11px; height: 11px; border-top: 2px solid #FFA300; border-right: 2px solid #9E2A2B; opacity: 0.9; filter: drop-shadow( 0 0 4px rgba(255, 163, 0, 0.35) ); transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1), border-color 0.35s ease, filter 0.35s ease; } /* ========================================================= MICRO ACCENT LINE Created with background + box-shadow ========================================================= */ .sub-title-1 { --trace-size: 30px; background-image: linear-gradient( 90deg, transparent, transparent ); } /* ========================================================= BOTTOM PRECISION MARK ========================================================= */ .sub-title-1 { isolation: isolate; } .sub-title-1 .elementor-heading-title::after { content: ""; position: absolute; bottom: -1px; left: 0; width: var(--trace-size); height: 2px; background: linear-gradient( 90deg, #9E2A2B, #FFA300, transparent ); opacity: 0.9; pointer-events: none; } /* ========================================================= AMBIENT BORDER PULSE ========================================================= */ .sub-title-1 { animation: precisionPulse 4s ease-in-out infinite; } /* ========================================================= HOVER ========================================================= */ .sub-title-1:hover { color: #00235D !important; background: linear-gradient( 135deg, rgba(158, 42, 43, 0.12), rgba(218, 161, 76, 0.10), rgba(0, 35, 93, 0.08) ); border-color: rgba(255, 163, 0, 0.65); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10), 0 0 24px rgba(255, 163, 0, 0.10), 0 0 0 1px rgba(218, 161, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8); transform: translateY(-2px); } /* ========================================================= CORNER EXPANSION ========================================================= */ .sub-title-1:hover::after { width: 18px; height: 18px; border-top-color: #FFA300; border-right-color: #9E2A2B; filter: drop-shadow( 0 0 7px rgba(255, 163, 0, 0.7) ); } /* ========================================================= HOVER GOLD TRACE ========================================================= */ .sub-title-1:hover::before { animation-duration: 2.4s; } /* ========================================================= KEYFRAME — LIGHT SWEEP ========================================================= */ @keyframes precisionSweep { 0% { left: -35%; opacity: 0; } 8% { opacity: 1; } 45% { left: 125%; opacity: 1; } 55% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* ========================================================= KEYFRAME — AMBIENT PULSE ========================================================= */ @keyframes precisionPulse { 0%, 100% { border-color: rgba(158, 42, 43, 0.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 0 rgba(255, 163, 0, 0); } 50% { border-color: rgba(218, 161, 76, 0.48); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 18px rgba(218, 161, 76, 0.09); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sub-title-1 { font-size: 12px !important; letter-spacing: 2px !important; padding: 10px 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sub-title-1 { font-size: 10px !important; letter-spacing: 1.5px !important; padding: 8px 14px; border-radius: 4px; } .sub-title-1::after { width: 8px; height: 8px; right: 5px; top: 5px; } .sub-title-1:hover { transform: translateY(-1px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .sub-title-1 { animation: none; transition: none; } .sub-title-1::before { animation: none; } .sub-title-1:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-80eee58 *//* ========================================================= ELEMENTOR HEADING WIDGET — CLEAN & UNIQUE STYLE System Colors: Primary: #B5122B (Crimson) Secondary: #162B5B (Navy) Accent: #F4C400 (Warm Amber) Dark/Text: #252525 (Charcoal) ========================================================= */ .elementor-12 .elementor-element.elementor-element-80eee58 .elementor-heading-title { position: relative; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; /* Gradient text fill */ background: linear-gradient(135deg, #162B5B 25%, #B5122B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 16px; transition: transform 0.3s ease; } /* Accent underline bar (Crimson to Amber) */ .elementor-12 .elementor-element.elementor-element-80eee58 .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 3.5px; background: linear-gradient(90deg, #B5122B 0%, #F4C400 100%); border-radius: 2px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); } /* Interactive hover extension */ .elementor-12 .elementor-element.elementor-element-80eee58:hover .elementor-heading-title::after { width: 90px; } /* Center alignment handling (if heading is centered) */ .elementor-12 .elementor-element.elementor-element-80eee58.elementor-align-center .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } /* Right alignment handling (if heading is right-aligned) */ .elementor-12 .elementor-element.elementor-element-80eee58.elementor-align-right .elementor-heading-title::after { left: auto; right: 0; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-3e75bae *//* ========================================================= SUBTITLE 1 — PRECISION SIGNATURE FRAME Elementor CSS Class: sub-title-1 COLOR SYSTEM Primary: #9E2A2B Secondary: #00235D Text: #0F0F0F Accent: #FFA300 Warm Gold: #DAA14C Warm White: #F8F6F3 Heading: #1e293b Theme Text: #334155 ========================================================= */ /* ========================================================= MAIN FRAME ========================================================= */ .sub-title-1 { position: relative; display: inline-flex; align-items: center; justify-content: center; /* Typography */ font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2.5px !important; line-height: 1.2; text-transform: uppercase; color: #9E2A2B !important; /* Spacing */ padding: 11px 21px; /* Premium warm surface */ background: linear-gradient( 135deg, rgba(158, 42, 43, 0.075), rgba(218, 161, 76, 0.055), rgba(0, 35, 93, 0.045) ); /* Precision border */ border: 1px solid rgba(158, 42, 43, 0.28); border-radius: 4px; /* Glass effect */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Layered depth */ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 0 1px rgba(218, 161, 76, 0.025); overflow: hidden; transform: translateZ(0); transition: color 0.35s ease, background 0.45s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.4s ease; } /* ========================================================= TEXT LAYER Keeps Elementor text above animations ========================================================= */ .sub-title-1 > * { position: relative; z-index: 5; } /* ========================================================= MOVING GOLDEN LIGHT TRACE ========================================================= */ .sub-title-1::before { content: ""; position: absolute; top: -100%; left: -35%; width: 20%; height: 300%; background: linear-gradient( 90deg, transparent 0%, rgba(218, 161, 76, 0.05) 20%, rgba(255, 163, 0, 0.55) 48%, rgba(248, 246, 243, 0.75) 50%, rgba(218, 161, 76, 0.35) 55%, transparent 100% ); transform: rotate(18deg); opacity: 0; animation: precisionSweep 4.8s cubic-bezier(.4, 0, .2, 1) infinite; pointer-events: none; z-index: 1; } /* ========================================================= PRECISION CORNER DETAIL ========================================================= */ .sub-title-1::after { content: ""; position: absolute; right: 7px; top: 7px; width: 11px; height: 11px; border-top: 2px solid #FFA300; border-right: 2px solid #9E2A2B; opacity: 0.9; filter: drop-shadow( 0 0 4px rgba(255, 163, 0, 0.35) ); transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1), border-color 0.35s ease, filter 0.35s ease; } /* ========================================================= MICRO ACCENT LINE Created with background + box-shadow ========================================================= */ .sub-title-1 { --trace-size: 30px; background-image: linear-gradient( 90deg, transparent, transparent ); } /* ========================================================= BOTTOM PRECISION MARK ========================================================= */ .sub-title-1 { isolation: isolate; } .sub-title-1 .elementor-heading-title::after { content: ""; position: absolute; bottom: -1px; left: 0; width: var(--trace-size); height: 2px; background: linear-gradient( 90deg, #9E2A2B, #FFA300, transparent ); opacity: 0.9; pointer-events: none; } /* ========================================================= AMBIENT BORDER PULSE ========================================================= */ .sub-title-1 { animation: precisionPulse 4s ease-in-out infinite; } /* ========================================================= HOVER ========================================================= */ .sub-title-1:hover { color: #00235D !important; background: linear-gradient( 135deg, rgba(158, 42, 43, 0.12), rgba(218, 161, 76, 0.10), rgba(0, 35, 93, 0.08) ); border-color: rgba(255, 163, 0, 0.65); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10), 0 0 24px rgba(255, 163, 0, 0.10), 0 0 0 1px rgba(218, 161, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8); transform: translateY(-2px); } /* ========================================================= CORNER EXPANSION ========================================================= */ .sub-title-1:hover::after { width: 18px; height: 18px; border-top-color: #FFA300; border-right-color: #9E2A2B; filter: drop-shadow( 0 0 7px rgba(255, 163, 0, 0.7) ); } /* ========================================================= HOVER GOLD TRACE ========================================================= */ .sub-title-1:hover::before { animation-duration: 2.4s; } /* ========================================================= KEYFRAME — LIGHT SWEEP ========================================================= */ @keyframes precisionSweep { 0% { left: -35%; opacity: 0; } 8% { opacity: 1; } 45% { left: 125%; opacity: 1; } 55% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* ========================================================= KEYFRAME — AMBIENT PULSE ========================================================= */ @keyframes precisionPulse { 0%, 100% { border-color: rgba(158, 42, 43, 0.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 0 rgba(255, 163, 0, 0); } 50% { border-color: rgba(218, 161, 76, 0.48); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 18px rgba(218, 161, 76, 0.09); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sub-title-1 { font-size: 12px !important; letter-spacing: 2px !important; padding: 10px 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sub-title-1 { font-size: 10px !important; letter-spacing: 1.5px !important; padding: 8px 14px; border-radius: 4px; } .sub-title-1::after { width: 8px; height: 8px; right: 5px; top: 5px; } .sub-title-1:hover { transform: translateY(-1px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .sub-title-1 { animation: none; transition: none; } .sub-title-1::before { animation: none; } .sub-title-1:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0ffdffc *//* ========================================================= ELEMENTOR HEADING WIDGET — CLEAN & UNIQUE STYLE System Colors: Primary: #B5122B (Crimson) Secondary: #162B5B (Navy) Accent: #F4C400 (Warm Amber) Dark/Text: #252525 (Charcoal) ========================================================= */ .elementor-12 .elementor-element.elementor-element-0ffdffc .elementor-heading-title { position: relative; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; /* Gradient text fill */ background: linear-gradient(135deg, #162B5B 25%, #B5122B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 16px; transition: transform 0.3s ease; } /* Accent underline bar (Crimson to Amber) */ .elementor-12 .elementor-element.elementor-element-0ffdffc .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 3.5px; background: linear-gradient(90deg, #B5122B 0%, #F4C400 100%); border-radius: 2px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); } /* Interactive hover extension */ .elementor-12 .elementor-element.elementor-element-0ffdffc:hover .elementor-heading-title::after { width: 90px; } /* Center alignment handling (if heading is centered) */ .elementor-12 .elementor-element.elementor-element-0ffdffc.elementor-align-center .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } /* Right alignment handling (if heading is right-aligned) */ .elementor-12 .elementor-element.elementor-element-0ffdffc.elementor-align-right .elementor-heading-title::after { left: auto; right: 0; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-f0c9edf *//* ========================================= PREMIUM BUTTON - MODERN ENHANCED Class: pro-btn ========================================= */ .pro-btn .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; background: linear-gradient(135deg, #00235D 0%, #003B8F 100%); color: #FFFFFF; border: none; border-radius: 50px; font-size: 16px; font-weight: 600; line-height: 1; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(0, 35, 93, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15); overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); cursor: pointer; text-decoration: none; } /* ========================================= SHIMMER EFFECT (Hover Layer) ========================================= */ .pro-btn .elementor-button::before { content: ''; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transform: skewX(-25deg); transition: left 0.7s ease; pointer-events: none; } /* ========================================= BORDER GLOW ANIMATION (Background Layer) ========================================= */ .pro-btn .elementor-button::after { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient( 135deg, #00235D, #9E2A2B, #00235D, #9E2A2B ); background-size: 300% 300%; border-radius: 52px; z-index: -1; opacity: 0; transition: opacity 0.4s ease; } /* ========================================= Text & Icon - Stay above layers ========================================= */ .pro-btn .elementor-button-text, .pro-btn .elementor-button-icon { position: relative; z-index: 2; } .pro-btn .elementor-button-icon { margin-left: 10px; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); } /* ========================================= HOVER STATE ========================================= */ .pro-btn .elementor-button:hover { background: linear-gradient(135deg, #9E2A2B 0%, #C0392B 100%); color: #FFFFFF; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158, 42, 43, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); } /* Shimmer slides across on hover */ .pro-btn .elementor-button:hover::before { left: 125%; } /* Border glow activates */ .pro-btn .elementor-button:hover::after { opacity: 1; animation: gradientShift 2s ease infinite; } /* Icon moves with bounce */ .pro-btn .elementor-button:hover .elementor-button-icon { transform: translateX(6px) scale(1.1); } /* ========================================= ACTIVE / CLICK STATE ========================================= */ .pro-btn .elementor-button:active { transform: translateY(-1px) scale(0.98); box-shadow: 0 4px 12px rgba(0, 35, 93, 0.2); transition-duration: 0.08s; } /* ========================================= FOCUS STATE ========================================= */ .pro-btn .elementor-button:focus-visible { outline: 3px solid rgba(255, 163, 0, 0.5); outline-offset: 4px; border-radius: 50px; } /* ========================================= KEYFRAME ANIMATIONS ========================================= */ @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================= RIPPLE EFFECT (Optional - Add via JS) ========================================= */ .pro-btn .ripple { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.4); transform: scale(0); animation: rippleAnim 0.6s linear; pointer-events: none; z-index: 1; } @keyframes rippleAnim { to { transform: scale(4); opacity: 0; } } /* ========================================= LOADING STATE (Optional) ========================================= */ .pro-btn .elementor-button.loading { pointer-events: none; opacity: 0.8; } .pro-btn .elementor-button.loading .elementor-button-text { visibility: hidden; } .pro-btn .elementor-button.loading::after { content: ''; position: absolute; width: 24px; height: 24px; border: 3px solid rgba(255, 255, 255, 0.3); border-top-color: #FFFFFF; border-radius: 50%; animation: spin 0.8s linear infinite; z-index: 2; } @keyframes spin { to { transform: rotate(360deg); } } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .pro-btn .elementor-button { padding: 14px 26px; font-size: 14px; border-radius: 40px; } .pro-btn .elementor-button:hover { transform: translateY(-2px) scale(1.01); } } /* ========================================= DARK MODE SUPPORT ========================================= */ @media (prefers-color-scheme: dark) { .pro-btn .elementor-button { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08); } } /* ========================================= REDUCED MOTION PREFERENCE ========================================= */ @media (prefers-reduced-motion: reduce) { .pro-btn .elementor-button, .pro-btn .elementor-button *, .pro-btn .elementor-button::before, .pro-btn .elementor-button::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8ad600b *//* ========================================================= IMG_PRO — INDUSTRIAL IMAGE MOVING 2PX GRADIENT BORDER + CORNER ANIMATION Primary: #9E2A2B Secondary: #00235D Accent: #FFA300 Gold: #DAA14C Warm: #F8F6F3 ========================================================= */ /* ========================================================= MAIN IMAGE CONTAINER ========================================================= */ .img_pro { position: relative; display: block; width: 100%; padding: 2px; overflow: hidden; border-radius: 16px; background: #F8F6F3; box-shadow: 0 18px 45px rgba(0, 35, 93, 0.12); transform: translateZ(0); transition: transform 0.55s cubic-bezier(.22, 1, .36, 1), box-shadow 0.55s ease, filter 0.45s ease; isolation: isolate; } /* ========================================================= MOVING 2PX GRADIENT BORDER ========================================================= */ .img_pro::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; background: conic-gradient( from 0deg, #9E2A2B, #9E2A2B, #FFA300, #DAA14C, #00235D, #9E2A2B ); animation: imgBorderSpin 5s linear infinite; pointer-events: none; } /* ========================================================= BOTTOM-RIGHT PRECISION CORNER ========================================================= */ .img_pro::after { content: ""; position: absolute; right: 18px; bottom: 18px; width: 42px; height: 42px; z-index: 5; border-right: 3px solid #FFA300; border-bottom: 3px solid #DAA14C; border-radius: 0 0 7px 0; filter: drop-shadow( 0 0 6px rgba(255, 163, 0, 0.30) ); pointer-events: none; transition: width 0.5s cubic-bezier(.22, 1, .36, 1), height 0.5s cubic-bezier(.22, 1, .36, 1), border-color 0.4s ease, filter 0.4s ease; } /* ========================================================= IMAGE ========================================================= */ .img_pro img { position: relative; z-index: 2; display: block; width: 100% !important; height: auto; aspect-ratio: 1.35 / 1; object-fit: cover; object-position: center; border-radius: 14px; transform: scale(1); filter: saturate(0.96) contrast(1.02); transition: transform 0.8s cubic-bezier(.22, 1, .36, 1), filter 0.6s ease; } /* ========================================================= HOVER ========================================================= */ .img_pro:hover { transform: translateY(-6px); box-shadow: 0 25px 60px rgba(0, 35, 93, 0.16), 0 5px 20px rgba(158, 42, 43, 0.08), 0 0 25px rgba(255, 163, 0, 0.10); filter: drop-shadow( 0 0 5px rgba(255, 163, 0, 0.15) ); } /* ========================================================= IMAGE ZOOM ========================================================= */ .img_pro:hover img { transform: scale(1.045); filter: saturate(1) contrast(1.04); } /* ========================================================= SPEED UP BORDER ON HOVER ========================================================= */ .img_pro:hover::before { animation-duration: 2.6s; filter: drop-shadow( 0 0 5px rgba(255, 163, 0, 0.40) ); } /* ========================================================= BOTTOM-RIGHT CORNER HOVER ========================================================= */ .img_pro:hover::after { width: 68px; height: 68px; border-right-color: #FFA300; border-bottom-color: #9E2A2B; filter: drop-shadow( 0 0 10px rgba(255, 163, 0, 0.55) ); } /* ========================================================= MOVING BORDER ANIMATION ========================================================= */ @keyframes imgBorderSpin { from { transform: rotate(0deg) scale(1.15); } to { transform: rotate(360deg) scale(1.15); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .img_pro { border-radius: 13px; padding: 2px; box-shadow: 0 14px 38px rgba(0, 35, 93, 0.11); } .img_pro img { aspect-ratio: 1.3 / 1; border-radius: 11px; } .img_pro::after { right: 13px; bottom: 13px; width: 36px; height: 36px; border-width: 2px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .img_pro { border-radius: 9px; padding: 2px; } .img_pro img { aspect-ratio: 1.15 / 1; border-radius: 7px; } .img_pro::after { right: 9px; bottom: 9px; width: 28px; height: 28px; border-width: 2px; } .img_pro:hover { transform: translateY(-3px); } .img_pro:hover::after { width: 42px; height: 42px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .img_pro { transition: none; filter: none; } .img_pro::before { animation: none; filter: none; } .img_pro::after { transition: none; filter: none; } .img_pro img { transition: none; } .img_pro:hover { transform: none; } .img_pro:hover img { transform: none; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-be330a8 *//* ========================================================= IMG_PRO — INDUSTRIAL IMAGE MOVING 2PX GRADIENT BORDER + CORNER ANIMATION Primary: #9E2A2B Secondary: #00235D Accent: #FFA300 Gold: #DAA14C Warm: #F8F6F3 ========================================================= */ /* ========================================================= MAIN IMAGE CONTAINER ========================================================= */ .img_pro { position: relative; display: block; width: 100%; padding: 2px; overflow: hidden; border-radius: 16px; background: #F8F6F3; box-shadow: 0 18px 45px rgba(0, 35, 93, 0.12); transform: translateZ(0); transition: transform 0.55s cubic-bezier(.22, 1, .36, 1), box-shadow 0.55s ease, filter 0.45s ease; isolation: isolate; } /* ========================================================= MOVING 2PX GRADIENT BORDER ========================================================= */ .img_pro::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; background: conic-gradient( from 0deg, #9E2A2B, #9E2A2B, #FFA300, #DAA14C, #00235D, #9E2A2B ); animation: imgBorderSpin 5s linear infinite; pointer-events: none; } /* ========================================================= BOTTOM-RIGHT PRECISION CORNER ========================================================= */ .img_pro::after { content: ""; position: absolute; right: 18px; bottom: 18px; width: 42px; height: 42px; z-index: 5; border-right: 3px solid #FFA300; border-bottom: 3px solid #DAA14C; border-radius: 0 0 7px 0; filter: drop-shadow( 0 0 6px rgba(255, 163, 0, 0.30) ); pointer-events: none; transition: width 0.5s cubic-bezier(.22, 1, .36, 1), height 0.5s cubic-bezier(.22, 1, .36, 1), border-color 0.4s ease, filter 0.4s ease; } /* ========================================================= IMAGE ========================================================= */ .img_pro img { position: relative; z-index: 2; display: block; width: 100% !important; height: auto; aspect-ratio: 1.35 / 1; object-fit: cover; object-position: center; border-radius: 14px; transform: scale(1); filter: saturate(0.96) contrast(1.02); transition: transform 0.8s cubic-bezier(.22, 1, .36, 1), filter 0.6s ease; } /* ========================================================= HOVER ========================================================= */ .img_pro:hover { transform: translateY(-6px); box-shadow: 0 25px 60px rgba(0, 35, 93, 0.16), 0 5px 20px rgba(158, 42, 43, 0.08), 0 0 25px rgba(255, 163, 0, 0.10); filter: drop-shadow( 0 0 5px rgba(255, 163, 0, 0.15) ); } /* ========================================================= IMAGE ZOOM ========================================================= */ .img_pro:hover img { transform: scale(1.045); filter: saturate(1) contrast(1.04); } /* ========================================================= SPEED UP BORDER ON HOVER ========================================================= */ .img_pro:hover::before { animation-duration: 2.6s; filter: drop-shadow( 0 0 5px rgba(255, 163, 0, 0.40) ); } /* ========================================================= BOTTOM-RIGHT CORNER HOVER ========================================================= */ .img_pro:hover::after { width: 68px; height: 68px; border-right-color: #FFA300; border-bottom-color: #9E2A2B; filter: drop-shadow( 0 0 10px rgba(255, 163, 0, 0.55) ); } /* ========================================================= MOVING BORDER ANIMATION ========================================================= */ @keyframes imgBorderSpin { from { transform: rotate(0deg) scale(1.15); } to { transform: rotate(360deg) scale(1.15); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .img_pro { border-radius: 13px; padding: 2px; box-shadow: 0 14px 38px rgba(0, 35, 93, 0.11); } .img_pro img { aspect-ratio: 1.3 / 1; border-radius: 11px; } .img_pro::after { right: 13px; bottom: 13px; width: 36px; height: 36px; border-width: 2px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .img_pro { border-radius: 9px; padding: 2px; } .img_pro img { aspect-ratio: 1.15 / 1; border-radius: 7px; } .img_pro::after { right: 9px; bottom: 9px; width: 28px; height: 28px; border-width: 2px; } .img_pro:hover { transform: translateY(-3px); } .img_pro:hover::after { width: 42px; height: 42px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .img_pro { transition: none; filter: none; } .img_pro::before { animation: none; filter: none; } .img_pro::after { transition: none; filter: none; } .img_pro img { transition: none; } .img_pro:hover { transform: none; } .img_pro:hover img { transform: none; } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-a0fd8b5 *//* ========================================================= IMG_PRO — INDUSTRIAL IMAGE MOVING 2PX GRADIENT BORDER + CORNER ANIMATION Primary: #9E2A2B Secondary: #00235D Accent: #FFA300 Gold: #DAA14C Warm: #F8F6F3 ========================================================= */ /* ========================================================= MAIN IMAGE CONTAINER ========================================================= */ .img_pro { position: relative; display: block; width: 100%; padding: 2px; overflow: hidden; border-radius: 16px; background: #F8F6F3; box-shadow: 0 18px 45px rgba(0, 35, 93, 0.12); transform: translateZ(0); transition: transform 0.55s cubic-bezier(.22, 1, .36, 1), box-shadow 0.55s ease, filter 0.45s ease; isolation: isolate; } /* ========================================================= MOVING 2PX GRADIENT BORDER ========================================================= */ .img_pro::before { content: ""; position: absolute; inset: 0; z-index: 0; border-radius: inherit; background: conic-gradient( from 0deg, #9E2A2B, #9E2A2B, #FFA300, #DAA14C, #00235D, #9E2A2B ); animation: imgBorderSpin 5s linear infinite; pointer-events: none; } /* ========================================================= BOTTOM-RIGHT PRECISION CORNER ========================================================= */ .img_pro::after { content: ""; position: absolute; right: 18px; bottom: 18px; width: 42px; height: 42px; z-index: 5; border-right: 3px solid #FFA300; border-bottom: 3px solid #DAA14C; border-radius: 0 0 7px 0; filter: drop-shadow( 0 0 6px rgba(255, 163, 0, 0.30) ); pointer-events: none; transition: width 0.5s cubic-bezier(.22, 1, .36, 1), height 0.5s cubic-bezier(.22, 1, .36, 1), border-color 0.4s ease, filter 0.4s ease; } /* ========================================================= IMAGE ========================================================= */ .img_pro img { position: relative; z-index: 2; display: block; width: 100% !important; height: auto; aspect-ratio: 1.35 / 1; object-fit: cover; object-position: center; border-radius: 14px; transform: scale(1); filter: saturate(0.96) contrast(1.02); transition: transform 0.8s cubic-bezier(.22, 1, .36, 1), filter 0.6s ease; } /* ========================================================= HOVER ========================================================= */ .img_pro:hover { transform: translateY(-6px); box-shadow: 0 25px 60px rgba(0, 35, 93, 0.16), 0 5px 20px rgba(158, 42, 43, 0.08), 0 0 25px rgba(255, 163, 0, 0.10); filter: drop-shadow( 0 0 5px rgba(255, 163, 0, 0.15) ); } /* ========================================================= IMAGE ZOOM ========================================================= */ .img_pro:hover img { transform: scale(1.045); filter: saturate(1) contrast(1.04); } /* ========================================================= SPEED UP BORDER ON HOVER ========================================================= */ .img_pro:hover::before { animation-duration: 2.6s; filter: drop-shadow( 0 0 5px rgba(255, 163, 0, 0.40) ); } /* ========================================================= BOTTOM-RIGHT CORNER HOVER ========================================================= */ .img_pro:hover::after { width: 68px; height: 68px; border-right-color: #FFA300; border-bottom-color: #9E2A2B; filter: drop-shadow( 0 0 10px rgba(255, 163, 0, 0.55) ); } /* ========================================================= MOVING BORDER ANIMATION ========================================================= */ @keyframes imgBorderSpin { from { transform: rotate(0deg) scale(1.15); } to { transform: rotate(360deg) scale(1.15); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .img_pro { border-radius: 13px; padding: 2px; box-shadow: 0 14px 38px rgba(0, 35, 93, 0.11); } .img_pro img { aspect-ratio: 1.3 / 1; border-radius: 11px; } .img_pro::after { right: 13px; bottom: 13px; width: 36px; height: 36px; border-width: 2px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .img_pro { border-radius: 9px; padding: 2px; } .img_pro img { aspect-ratio: 1.15 / 1; border-radius: 7px; } .img_pro::after { right: 9px; bottom: 9px; width: 28px; height: 28px; border-width: 2px; } .img_pro:hover { transform: translateY(-3px); } .img_pro:hover::after { width: 42px; height: 42px; } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .img_pro { transition: none; filter: none; } .img_pro::before { animation: none; filter: none; } .img_pro::after { transition: none; filter: none; } .img_pro img { transition: none; } .img_pro:hover { transform: none; } .img_pro:hover img { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f3da4c9 *//* ========================================================= SUBTITLE 1 — PRECISION SIGNATURE FRAME Elementor CSS Class: sub-title-1 COLOR SYSTEM Primary: #9E2A2B Secondary: #00235D Text: #0F0F0F Accent: #FFA300 Warm Gold: #DAA14C Warm White: #F8F6F3 Heading: #1e293b Theme Text: #334155 ========================================================= */ /* ========================================================= MAIN FRAME ========================================================= */ .sub-title-1 { position: relative; display: inline-flex; align-items: center; justify-content: center; /* Typography */ font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2.5px !important; line-height: 1.2; text-transform: uppercase; color: #9E2A2B !important; /* Spacing */ padding: 11px 21px; /* Premium warm surface */ background: linear-gradient( 135deg, rgba(158, 42, 43, 0.075), rgba(218, 161, 76, 0.055), rgba(0, 35, 93, 0.045) ); /* Precision border */ border: 1px solid rgba(158, 42, 43, 0.28); border-radius: 4px; /* Glass effect */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Layered depth */ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 0 1px rgba(218, 161, 76, 0.025); overflow: hidden; transform: translateZ(0); transition: color 0.35s ease, background 0.45s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.4s ease; } /* ========================================================= TEXT LAYER Keeps Elementor text above animations ========================================================= */ .sub-title-1 > * { position: relative; z-index: 5; } /* ========================================================= MOVING GOLDEN LIGHT TRACE ========================================================= */ .sub-title-1::before { content: ""; position: absolute; top: -100%; left: -35%; width: 20%; height: 300%; background: linear-gradient( 90deg, transparent 0%, rgba(218, 161, 76, 0.05) 20%, rgba(255, 163, 0, 0.55) 48%, rgba(248, 246, 243, 0.75) 50%, rgba(218, 161, 76, 0.35) 55%, transparent 100% ); transform: rotate(18deg); opacity: 0; animation: precisionSweep 4.8s cubic-bezier(.4, 0, .2, 1) infinite; pointer-events: none; z-index: 1; } /* ========================================================= PRECISION CORNER DETAIL ========================================================= */ .sub-title-1::after { content: ""; position: absolute; right: 7px; top: 7px; width: 11px; height: 11px; border-top: 2px solid #FFA300; border-right: 2px solid #9E2A2B; opacity: 0.9; filter: drop-shadow( 0 0 4px rgba(255, 163, 0, 0.35) ); transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1), border-color 0.35s ease, filter 0.35s ease; } /* ========================================================= MICRO ACCENT LINE Created with background + box-shadow ========================================================= */ .sub-title-1 { --trace-size: 30px; background-image: linear-gradient( 90deg, transparent, transparent ); } /* ========================================================= BOTTOM PRECISION MARK ========================================================= */ .sub-title-1 { isolation: isolate; } .sub-title-1 .elementor-heading-title::after { content: ""; position: absolute; bottom: -1px; left: 0; width: var(--trace-size); height: 2px; background: linear-gradient( 90deg, #9E2A2B, #FFA300, transparent ); opacity: 0.9; pointer-events: none; } /* ========================================================= AMBIENT BORDER PULSE ========================================================= */ .sub-title-1 { animation: precisionPulse 4s ease-in-out infinite; } /* ========================================================= HOVER ========================================================= */ .sub-title-1:hover { color: #00235D !important; background: linear-gradient( 135deg, rgba(158, 42, 43, 0.12), rgba(218, 161, 76, 0.10), rgba(0, 35, 93, 0.08) ); border-color: rgba(255, 163, 0, 0.65); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10), 0 0 24px rgba(255, 163, 0, 0.10), 0 0 0 1px rgba(218, 161, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8); transform: translateY(-2px); } /* ========================================================= CORNER EXPANSION ========================================================= */ .sub-title-1:hover::after { width: 18px; height: 18px; border-top-color: #FFA300; border-right-color: #9E2A2B; filter: drop-shadow( 0 0 7px rgba(255, 163, 0, 0.7) ); } /* ========================================================= HOVER GOLD TRACE ========================================================= */ .sub-title-1:hover::before { animation-duration: 2.4s; } /* ========================================================= KEYFRAME — LIGHT SWEEP ========================================================= */ @keyframes precisionSweep { 0% { left: -35%; opacity: 0; } 8% { opacity: 1; } 45% { left: 125%; opacity: 1; } 55% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* ========================================================= KEYFRAME — AMBIENT PULSE ========================================================= */ @keyframes precisionPulse { 0%, 100% { border-color: rgba(158, 42, 43, 0.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 0 rgba(255, 163, 0, 0); } 50% { border-color: rgba(218, 161, 76, 0.48); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 18px rgba(218, 161, 76, 0.09); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sub-title-1 { font-size: 12px !important; letter-spacing: 2px !important; padding: 10px 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sub-title-1 { font-size: 10px !important; letter-spacing: 1.5px !important; padding: 8px 14px; border-radius: 4px; } .sub-title-1::after { width: 8px; height: 8px; right: 5px; top: 5px; } .sub-title-1:hover { transform: translateY(-1px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .sub-title-1 { animation: none; transition: none; } .sub-title-1::before { animation: none; } .sub-title-1:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-a2b5603 *//* ========================================================= ELEMENTOR HEADING WIDGET — CLEAN & UNIQUE STYLE System Colors: Primary: #B5122B (Crimson) Secondary: #162B5B (Navy) Accent: #F4C400 (Warm Amber) Dark/Text: #252525 (Charcoal) ========================================================= */ .elementor-12 .elementor-element.elementor-element-a2b5603 .elementor-heading-title { position: relative; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; /* Gradient text fill */ background: linear-gradient(135deg, #162B5B 25%, #B5122B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 16px; transition: transform 0.3s ease; } /* Accent underline bar (Crimson to Amber) */ .elementor-12 .elementor-element.elementor-element-a2b5603 .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 3.5px; background: linear-gradient(90deg, #B5122B 0%, #F4C400 100%); border-radius: 2px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); } /* Interactive hover extension */ .elementor-12 .elementor-element.elementor-element-a2b5603:hover .elementor-heading-title::after { width: 90px; } /* Center alignment handling (if heading is centered) */ .elementor-12 .elementor-element.elementor-element-a2b5603.elementor-align-center .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } /* Right alignment handling (if heading is right-aligned) */ .elementor-12 .elementor-element.elementor-element-a2b5603.elementor-align-right .elementor-heading-title::after { left: auto; right: 0; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-f268e5b *//* ========================================================= SUBTITLE 1 — PRECISION SIGNATURE FRAME Elementor CSS Class: sub-title-1 COLOR SYSTEM Primary: #9E2A2B Secondary: #00235D Text: #0F0F0F Accent: #FFA300 Warm Gold: #DAA14C Warm White: #F8F6F3 Heading: #1e293b Theme Text: #334155 ========================================================= */ /* ========================================================= MAIN FRAME ========================================================= */ .sub-title-1 { position: relative; display: inline-flex; align-items: center; justify-content: center; /* Typography */ font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2.5px !important; line-height: 1.2; text-transform: uppercase; color: #9E2A2B !important; /* Spacing */ padding: 11px 21px; /* Premium warm surface */ background: linear-gradient( 135deg, rgba(158, 42, 43, 0.075), rgba(218, 161, 76, 0.055), rgba(0, 35, 93, 0.045) ); /* Precision border */ border: 1px solid rgba(158, 42, 43, 0.28); border-radius: 4px; /* Glass effect */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Layered depth */ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 0 1px rgba(218, 161, 76, 0.025); overflow: hidden; transform: translateZ(0); transition: color 0.35s ease, background 0.45s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.4s ease; } /* ========================================================= TEXT LAYER Keeps Elementor text above animations ========================================================= */ .sub-title-1 > * { position: relative; z-index: 5; } /* ========================================================= MOVING GOLDEN LIGHT TRACE ========================================================= */ .sub-title-1::before { content: ""; position: absolute; top: -100%; left: -35%; width: 20%; height: 300%; background: linear-gradient( 90deg, transparent 0%, rgba(218, 161, 76, 0.05) 20%, rgba(255, 163, 0, 0.55) 48%, rgba(248, 246, 243, 0.75) 50%, rgba(218, 161, 76, 0.35) 55%, transparent 100% ); transform: rotate(18deg); opacity: 0; animation: precisionSweep 4.8s cubic-bezier(.4, 0, .2, 1) infinite; pointer-events: none; z-index: 1; } /* ========================================================= PRECISION CORNER DETAIL ========================================================= */ .sub-title-1::after { content: ""; position: absolute; right: 7px; top: 7px; width: 11px; height: 11px; border-top: 2px solid #FFA300; border-right: 2px solid #9E2A2B; opacity: 0.9; filter: drop-shadow( 0 0 4px rgba(255, 163, 0, 0.35) ); transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1), border-color 0.35s ease, filter 0.35s ease; } /* ========================================================= MICRO ACCENT LINE Created with background + box-shadow ========================================================= */ .sub-title-1 { --trace-size: 30px; background-image: linear-gradient( 90deg, transparent, transparent ); } /* ========================================================= BOTTOM PRECISION MARK ========================================================= */ .sub-title-1 { isolation: isolate; } .sub-title-1 .elementor-heading-title::after { content: ""; position: absolute; bottom: -1px; left: 0; width: var(--trace-size); height: 2px; background: linear-gradient( 90deg, #9E2A2B, #FFA300, transparent ); opacity: 0.9; pointer-events: none; } /* ========================================================= AMBIENT BORDER PULSE ========================================================= */ .sub-title-1 { animation: precisionPulse 4s ease-in-out infinite; } /* ========================================================= HOVER ========================================================= */ .sub-title-1:hover { color: #00235D !important; background: linear-gradient( 135deg, rgba(158, 42, 43, 0.12), rgba(218, 161, 76, 0.10), rgba(0, 35, 93, 0.08) ); border-color: rgba(255, 163, 0, 0.65); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10), 0 0 24px rgba(255, 163, 0, 0.10), 0 0 0 1px rgba(218, 161, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8); transform: translateY(-2px); } /* ========================================================= CORNER EXPANSION ========================================================= */ .sub-title-1:hover::after { width: 18px; height: 18px; border-top-color: #FFA300; border-right-color: #9E2A2B; filter: drop-shadow( 0 0 7px rgba(255, 163, 0, 0.7) ); } /* ========================================================= HOVER GOLD TRACE ========================================================= */ .sub-title-1:hover::before { animation-duration: 2.4s; } /* ========================================================= KEYFRAME — LIGHT SWEEP ========================================================= */ @keyframes precisionSweep { 0% { left: -35%; opacity: 0; } 8% { opacity: 1; } 45% { left: 125%; opacity: 1; } 55% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* ========================================================= KEYFRAME — AMBIENT PULSE ========================================================= */ @keyframes precisionPulse { 0%, 100% { border-color: rgba(158, 42, 43, 0.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 0 rgba(255, 163, 0, 0); } 50% { border-color: rgba(218, 161, 76, 0.48); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 18px rgba(218, 161, 76, 0.09); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sub-title-1 { font-size: 12px !important; letter-spacing: 2px !important; padding: 10px 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sub-title-1 { font-size: 10px !important; letter-spacing: 1.5px !important; padding: 8px 14px; border-radius: 4px; } .sub-title-1::after { width: 8px; height: 8px; right: 5px; top: 5px; } .sub-title-1:hover { transform: translateY(-1px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .sub-title-1 { animation: none; transition: none; } .sub-title-1::before { animation: none; } .sub-title-1:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8b77925 *//* ========================================================= ELEMENTOR HEADING WIDGET — CLEAN & UNIQUE STYLE System Colors: Primary: #B5122B (Crimson) Secondary: #162B5B (Navy) Accent: #F4C400 (Warm Amber) Dark/Text: #252525 (Charcoal) ========================================================= */ .elementor-12 .elementor-element.elementor-element-8b77925 .elementor-heading-title { position: relative; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; /* Gradient text fill */ background: linear-gradient(135deg, #162B5B 25%, #B5122B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 16px; transition: transform 0.3s ease; } /* Accent underline bar (Crimson to Amber) */ .elementor-12 .elementor-element.elementor-element-8b77925 .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 3.5px; background: linear-gradient(90deg, #B5122B 0%, #F4C400 100%); border-radius: 2px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); } /* Interactive hover extension */ .elementor-12 .elementor-element.elementor-element-8b77925:hover .elementor-heading-title::after { width: 90px; } /* Center alignment handling (if heading is centered) */ .elementor-12 .elementor-element.elementor-element-8b77925.elementor-align-center .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } /* Right alignment handling (if heading is right-aligned) */ .elementor-12 .elementor-element.elementor-element-8b77925.elementor-align-right .elementor-heading-title::after { left: auto; right: 0; }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-8419afd *//* ========================================================= PRODUCT CTA CARD — FIXED ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd { position: relative !important; overflow: visible !important; isolation: isolate; border-radius: 25px !important; - --floating-icon-size: 72px; --floating-icon-right: 28px; } /* ========================================================= CTA CARD + TOP/BOTTOM RADIUS ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta { position: relative !important; z-index: 1 !important; overflow: visible !important; border-radius: 25px !important; border: 1px solid #D1D5DB !important; } /* TOP IMAGE — FORCE TOP CORNERS */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__image { position: relative !important; z-index: 1 !important; border-radius: 25px 25px 0 0 !important; overflow: hidden !important; } /* Elementor image itself */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__image img { border-radius: 25px 25px 0 0 !important; display: block; width: 100%; } /* CONTENT — BOTTOM CORNERS */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__content { position: relative !important; z-index: 1 !important; border-radius: 0 0 25px 25px !important; } /* ========================================================= CARD GLOW ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd::before { content: ""; position: absolute; inset: -3px; z-index: 0; border-radius: 25px; background: linear-gradient( 120deg, #00235D, #9E2A2B, #FFA300, #9E2A2B, #00235D ); background-size: 300% 300%; opacity: 0.55; filter: blur(11px); pointer-events: none; animation: productCardGradient 8s ease-in-out infinite; } /* ========================================================= FLOATING PNG ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd::after { content: ""; position: absolute !important; top: 50% !important; right: 28px !important; width: var(--floating-icon-size) !important; height: var(--floating-icon-size) !important; transform: translateY(-50%) !important; z-index: 2 !important; display: block !important; background-image: var(--floating-icon-url) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-color: transparent !important; border-radius: 10px; pointer-events: none !important; filter: drop-shadow(0 0 7px rgba(0, 30, 90, 0.90)) drop-shadow(0 0 4px rgba(158, 42, 43, 0.55)); animation: floatingProductIcon 4.5s ease-in-out infinite; } /* ========================================================= CARD HOVER ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(0, 35, 93, 0.13), 0 8px 28px rgba(158, 42, 43, 0.08); transition: transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94), box-shadow 0.45s ease; } /* ========================================================= BUTTON ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button { position: relative !important; display: inline-flex !important; align-items: center; justify-content: center; padding: 16px 32px; background: linear-gradient( 135deg, #00235D 0%, #003B8F 100% ) !important; color: #FFFFFF !important; border: none !important; border-radius: 25px; font-size: 16px; font-weight: 600; line-height: 1; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(0,35,93,0.25), inset 0 1px 0 rgba(255,255,255,0.15); overflow: hidden; transition: all 0.4s cubic-bezier(0.25,0.46,0.45,0.94); text-decoration: none; } /* ========================================================= BUTTON SHIMMER ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.2), transparent ); transform: skewX(-25deg); transition: left 0.7s ease; pointer-events: none; z-index: 1; } /* ========================================================= BUTTON GRADIENT LAYER ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button::after { content: ""; position: absolute; inset: -2px; background: linear-gradient( 135deg, #00235D, #9E2A2B, #00235D, #9E2A2B ); background-size: 300% 300%; border-radius: 25px; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; /* * IMPORTANT FIX */ z-index: 2; } /* ========================================================= BUTTON TEXT + ICON ALWAYS ABOVE ANIMATION ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button .elementor-button-text, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button .elementor-button-icon { position: relative !important; z-index: 3 !important; color: #FFFFFF !important; } /* ========================================================= BUTTON ICON ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button .elementor-button-icon { margin-left: 10px; z-index: 3; transition: transform 0.4s cubic-bezier( 0.34,1.56,0.64,1 ); } /* ========================================================= HOVER ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button:hover { background: linear-gradient( 135deg, #9E2A2B 0%, #C0392B 100% ) !important; color: #FFFFFF !important; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158,42,43,0.35), inset 0 1px 0 rgba(255,255,255,0.2); } /* SHIMMER */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button:hover::before { left: 125%; } /* GRADIENT */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button:hover::after { opacity: 1; animation: gradientShift 2s ease infinite; } /* ICON */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button:hover .elementor-button-icon { transform: translateX(6px) scale(1.1); } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes productCardGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes floatingProductIcon { 0%, 100% { transform: translateY(-50%) translateX(0) scale(1); } 50% { transform: translateY(-50%) translateX(-5px) scale(1.04); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-8419afd { --floating-icon-size: 54px; --floating-icon-right: 18px; } .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta { border-radius: 25px !important; } .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__image, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__image img { border-radius: 25px 25px 0 0 !important; } .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__content { border-radius: 0 0 25px 25px !important; } .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button { padding: 14px 26px; font-size: 14px; border-radius: 25px; } } /* ========================================================= FINAL FIX PATCH Add this AFTER your existing product-crd CSS ========================================================= */ /* ========================================================= 1. FORCE CARD RADIUS ON ALL CTA LAYERS ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__bg-wrapper, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__image, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__content { border-radius: 25px !important; } /* TOP IMAGE CORNERS */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__bg-wrapper, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__image { border-radius: 25px 25px 0 0 !important; } /* ACTUAL IMAGE */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__image img { border-radius: 25px 25px 0 0 !important; } /* CONTENT BOTTOM */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__content { border-radius: 0 0 25px 25px !important; } /* ========================================================= 2. BUTTON RESET ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button { position: relative !important; isolation: isolate !important; overflow: hidden !important; border-radius: 25px !important; color: #FFFFFF !important; background: linear-gradient( 135deg, #00235D 0%, #003B8F 100% ) !important; } /* ========================================================= 3. BUTTON TEXT MUST NEVER DISAPPEAR ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button .elementor-button-text, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button .elementor-button-icon, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button span { position: relative !important; z-index: 10 !important; color: #FFFFFF !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= 4. SHIMMER ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button::before { z-index: 1 !important; pointer-events: none !important; } /* ========================================================= 5. FIX GRADIENT LAYER ========================================================= */ /* The previous ::after was covering the button background. Instead of letting it sit over the button, put it behind the button using isolation. */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button::after { z-index: -1 !important; opacity: 0 !important; border-radius: 25px !important; } /* ========================================================= 6. HOVER GRADIENT ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button:hover::after { opacity: 1 !important; animation: gradientShift 2s ease infinite; } /* ========================================================= 7. BUTTON HOVER ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button:hover { color: #FFFFFF !important; background: linear-gradient( 135deg, #9E2A2B 0%, #C0392B 100% ) !important; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158, 42, 43, 0.35), inset 0 1px 0 rgba(255,255,255,0.20); } /* ========================================================= 8. FORCE TEXT ON HOVER ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button:hover .elementor-button-text, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button:hover .elementor-button-icon, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__button:hover span { color: #FFFFFF !important; opacity: 1 !important; visibility: visible !important; z-index: 10 !important; } /* ========================================================= 9. KEEP PNG ABOVE EVERYTHING ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd::after { z-index: 20 !important; right: 28px !important; top: 50% !important; } /* ========================================================= 10. KEEP CARD CONTENT BELOW PNG ========================================================= */ .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__image, .elementor-12 .elementor-element.elementor-element-8419afd .elementor-cta__content { z-index: 1 !important; } /* ========================================================= 11. GRADIENT ANIMATION ========================================================= */ @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-81a196c *//* ========================================================= PRODUCT CTA CARD — FIXED ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c { position: relative !important; overflow: visible !important; isolation: isolate; border-radius: 25px !important; - --floating-icon-size: 72px; --floating-icon-right: 28px; } /* ========================================================= CTA CARD + TOP/BOTTOM RADIUS ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta { position: relative !important; z-index: 1 !important; overflow: visible !important; border-radius: 25px !important; border: 1px solid #D1D5DB !important; } /* TOP IMAGE — FORCE TOP CORNERS */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__image { position: relative !important; z-index: 1 !important; border-radius: 25px 25px 0 0 !important; overflow: hidden !important; } /* Elementor image itself */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__image img { border-radius: 25px 25px 0 0 !important; display: block; width: 100%; } /* CONTENT — BOTTOM CORNERS */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__content { position: relative !important; z-index: 1 !important; border-radius: 0 0 25px 25px !important; } /* ========================================================= CARD GLOW ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c::before { content: ""; position: absolute; inset: -3px; z-index: 0; border-radius: 25px; background: linear-gradient( 120deg, #00235D, #9E2A2B, #FFA300, #9E2A2B, #00235D ); background-size: 300% 300%; opacity: 0.55; filter: blur(11px); pointer-events: none; animation: productCardGradient 8s ease-in-out infinite; } /* ========================================================= FLOATING PNG ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c::after { content: ""; position: absolute !important; top: 50% !important; right: 28px !important; width: var(--floating-icon-size) !important; height: var(--floating-icon-size) !important; transform: translateY(-50%) !important; z-index: 2 !important; display: block !important; background-image: var(--floating-icon-url) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-color: transparent !important; border-radius: 10px; pointer-events: none !important; filter: drop-shadow(0 0 7px rgba(0, 30, 90, 0.90)) drop-shadow(0 0 4px rgba(158, 42, 43, 0.55)); animation: floatingProductIcon 4.5s ease-in-out infinite; } /* ========================================================= CARD HOVER ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(0, 35, 93, 0.13), 0 8px 28px rgba(158, 42, 43, 0.08); transition: transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94), box-shadow 0.45s ease; } /* ========================================================= BUTTON ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button { position: relative !important; display: inline-flex !important; align-items: center; justify-content: center; padding: 16px 32px; background: linear-gradient( 135deg, #00235D 0%, #003B8F 100% ) !important; color: #FFFFFF !important; border: none !important; border-radius: 25px; font-size: 16px; font-weight: 600; line-height: 1; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(0,35,93,0.25), inset 0 1px 0 rgba(255,255,255,0.15); overflow: hidden; transition: all 0.4s cubic-bezier(0.25,0.46,0.45,0.94); text-decoration: none; } /* ========================================================= BUTTON SHIMMER ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.2), transparent ); transform: skewX(-25deg); transition: left 0.7s ease; pointer-events: none; z-index: 1; } /* ========================================================= BUTTON GRADIENT LAYER ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button::after { content: ""; position: absolute; inset: -2px; background: linear-gradient( 135deg, #00235D, #9E2A2B, #00235D, #9E2A2B ); background-size: 300% 300%; border-radius: 25px; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; /* * IMPORTANT FIX */ z-index: 2; } /* ========================================================= BUTTON TEXT + ICON ALWAYS ABOVE ANIMATION ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button .elementor-button-text, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button .elementor-button-icon { position: relative !important; z-index: 3 !important; color: #FFFFFF !important; } /* ========================================================= BUTTON ICON ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button .elementor-button-icon { margin-left: 10px; z-index: 3; transition: transform 0.4s cubic-bezier( 0.34,1.56,0.64,1 ); } /* ========================================================= HOVER ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button:hover { background: linear-gradient( 135deg, #9E2A2B 0%, #C0392B 100% ) !important; color: #FFFFFF !important; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158,42,43,0.35), inset 0 1px 0 rgba(255,255,255,0.2); } /* SHIMMER */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button:hover::before { left: 125%; } /* GRADIENT */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button:hover::after { opacity: 1; animation: gradientShift 2s ease infinite; } /* ICON */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button:hover .elementor-button-icon { transform: translateX(6px) scale(1.1); } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes productCardGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes floatingProductIcon { 0%, 100% { transform: translateY(-50%) translateX(0) scale(1); } 50% { transform: translateY(-50%) translateX(-5px) scale(1.04); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-81a196c { --floating-icon-size: 54px; --floating-icon-right: 18px; } .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta { border-radius: 25px !important; } .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__image, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__image img { border-radius: 25px 25px 0 0 !important; } .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__content { border-radius: 0 0 25px 25px !important; } .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button { padding: 14px 26px; font-size: 14px; border-radius: 25px; } } /* ========================================================= FINAL FIX PATCH Add this AFTER your existing product-crd CSS ========================================================= */ /* ========================================================= 1. FORCE CARD RADIUS ON ALL CTA LAYERS ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__bg-wrapper, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__image, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__content { border-radius: 25px !important; } /* TOP IMAGE CORNERS */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__bg-wrapper, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__image { border-radius: 25px 25px 0 0 !important; } /* ACTUAL IMAGE */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__image img { border-radius: 25px 25px 0 0 !important; } /* CONTENT BOTTOM */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__content { border-radius: 0 0 25px 25px !important; } /* ========================================================= 2. BUTTON RESET ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button { position: relative !important; isolation: isolate !important; overflow: hidden !important; border-radius: 25px !important; color: #FFFFFF !important; background: linear-gradient( 135deg, #00235D 0%, #003B8F 100% ) !important; } /* ========================================================= 3. BUTTON TEXT MUST NEVER DISAPPEAR ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button .elementor-button-text, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button .elementor-button-icon, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button span { position: relative !important; z-index: 10 !important; color: #FFFFFF !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= 4. SHIMMER ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button::before { z-index: 1 !important; pointer-events: none !important; } /* ========================================================= 5. FIX GRADIENT LAYER ========================================================= */ /* The previous ::after was covering the button background. Instead of letting it sit over the button, put it behind the button using isolation. */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button::after { z-index: -1 !important; opacity: 0 !important; border-radius: 25px !important; } /* ========================================================= 6. HOVER GRADIENT ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button:hover::after { opacity: 1 !important; animation: gradientShift 2s ease infinite; } /* ========================================================= 7. BUTTON HOVER ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button:hover { color: #FFFFFF !important; background: linear-gradient( 135deg, #9E2A2B 0%, #C0392B 100% ) !important; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158, 42, 43, 0.35), inset 0 1px 0 rgba(255,255,255,0.20); } /* ========================================================= 8. FORCE TEXT ON HOVER ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button:hover .elementor-button-text, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button:hover .elementor-button-icon, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__button:hover span { color: #FFFFFF !important; opacity: 1 !important; visibility: visible !important; z-index: 10 !important; } /* ========================================================= 9. KEEP PNG ABOVE EVERYTHING ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c::after { z-index: 20 !important; right: 28px !important; top: 50% !important; } /* ========================================================= 10. KEEP CARD CONTENT BELOW PNG ========================================================= */ .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__image, .elementor-12 .elementor-element.elementor-element-81a196c .elementor-cta__content { z-index: 1 !important; } /* ========================================================= 11. GRADIENT ANIMATION ========================================================= */ @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for call-to-action, class: .elementor-element-5ad837f *//* ========================================================= PRODUCT CTA CARD — FIXED ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f { position: relative !important; overflow: visible !important; isolation: isolate; border-radius: 25px !important; - --floating-icon-size: 72px; --floating-icon-right: 28px; } /* ========================================================= CTA CARD + TOP/BOTTOM RADIUS ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta { position: relative !important; z-index: 1 !important; overflow: visible !important; border-radius: 25px !important; border: 1px solid #D1D5DB !important; } /* TOP IMAGE — FORCE TOP CORNERS */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__image { position: relative !important; z-index: 1 !important; border-radius: 25px 25px 0 0 !important; overflow: hidden !important; } /* Elementor image itself */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__image img { border-radius: 25px 25px 0 0 !important; display: block; width: 100%; } /* CONTENT — BOTTOM CORNERS */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__content { position: relative !important; z-index: 1 !important; border-radius: 0 0 25px 25px !important; } /* ========================================================= CARD GLOW ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f::before { content: ""; position: absolute; inset: -3px; z-index: 0; border-radius: 25px; background: linear-gradient( 120deg, #00235D, #9E2A2B, #FFA300, #9E2A2B, #00235D ); background-size: 300% 300%; opacity: 0.55; filter: blur(11px); pointer-events: none; animation: productCardGradient 8s ease-in-out infinite; } /* ========================================================= FLOATING PNG ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f::after { content: ""; position: absolute !important; top: 50% !important; right: 28px !important; width: var(--floating-icon-size) !important; height: var(--floating-icon-size) !important; transform: translateY(-50%) !important; z-index: 2 !important; display: block !important; background-image: var(--floating-icon-url) !important; background-repeat: no-repeat !important; background-position: center !important; background-size: contain !important; background-color: transparent !important; border-radius: 10px; pointer-events: none !important; filter: drop-shadow(0 0 7px rgba(0, 30, 90, 0.90)) drop-shadow(0 0 4px rgba(158, 42, 43, 0.55)); animation: floatingProductIcon 4.5s ease-in-out infinite; } /* ========================================================= CARD HOVER ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f:hover { transform: translateY(-5px); box-shadow: 0 18px 40px rgba(0, 35, 93, 0.13), 0 8px 28px rgba(158, 42, 43, 0.08); transition: transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94), box-shadow 0.45s ease; } /* ========================================================= BUTTON ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button { position: relative !important; display: inline-flex !important; align-items: center; justify-content: center; padding: 16px 32px; background: linear-gradient( 135deg, #00235D 0%, #003B8F 100% ) !important; color: #FFFFFF !important; border: none !important; border-radius: 25px; font-size: 16px; font-weight: 600; line-height: 1; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(0,35,93,0.25), inset 0 1px 0 rgba(255,255,255,0.15); overflow: hidden; transition: all 0.4s cubic-bezier(0.25,0.46,0.45,0.94); text-decoration: none; } /* ========================================================= BUTTON SHIMMER ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,0.2), transparent ); transform: skewX(-25deg); transition: left 0.7s ease; pointer-events: none; z-index: 1; } /* ========================================================= BUTTON GRADIENT LAYER ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button::after { content: ""; position: absolute; inset: -2px; background: linear-gradient( 135deg, #00235D, #9E2A2B, #00235D, #9E2A2B ); background-size: 300% 300%; border-radius: 25px; opacity: 0; transition: opacity 0.4s ease; pointer-events: none; /* * IMPORTANT FIX */ z-index: 2; } /* ========================================================= BUTTON TEXT + ICON ALWAYS ABOVE ANIMATION ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button .elementor-button-text, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button .elementor-button-icon { position: relative !important; z-index: 3 !important; color: #FFFFFF !important; } /* ========================================================= BUTTON ICON ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button .elementor-button-icon { margin-left: 10px; z-index: 3; transition: transform 0.4s cubic-bezier( 0.34,1.56,0.64,1 ); } /* ========================================================= HOVER ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button:hover { background: linear-gradient( 135deg, #9E2A2B 0%, #C0392B 100% ) !important; color: #FFFFFF !important; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158,42,43,0.35), inset 0 1px 0 rgba(255,255,255,0.2); } /* SHIMMER */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button:hover::before { left: 125%; } /* GRADIENT */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button:hover::after { opacity: 1; animation: gradientShift 2s ease infinite; } /* ICON */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button:hover .elementor-button-icon { transform: translateX(6px) scale(1.1); } /* ========================================================= ANIMATIONS ========================================================= */ @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes productCardGradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes floatingProductIcon { 0%, 100% { transform: translateY(-50%) translateX(0) scale(1); } 50% { transform: translateY(-50%) translateX(-5px) scale(1.04); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .elementor-12 .elementor-element.elementor-element-5ad837f { --floating-icon-size: 54px; --floating-icon-right: 18px; } .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta { border-radius: 25px !important; } .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__image, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__image img { border-radius: 25px 25px 0 0 !important; } .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__content { border-radius: 0 0 25px 25px !important; } .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button { padding: 14px 26px; font-size: 14px; border-radius: 25px; } } /* ========================================================= FINAL FIX PATCH Add this AFTER your existing product-crd CSS ========================================================= */ /* ========================================================= 1. FORCE CARD RADIUS ON ALL CTA LAYERS ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__bg-wrapper, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__image, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__content { border-radius: 25px !important; } /* TOP IMAGE CORNERS */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__bg-wrapper, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__image { border-radius: 25px 25px 0 0 !important; } /* ACTUAL IMAGE */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__bg, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__image img { border-radius: 25px 25px 0 0 !important; } /* CONTENT BOTTOM */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__content { border-radius: 0 0 25px 25px !important; } /* ========================================================= 2. BUTTON RESET ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button { position: relative !important; isolation: isolate !important; overflow: hidden !important; border-radius: 25px !important; color: #FFFFFF !important; background: linear-gradient( 135deg, #00235D 0%, #003B8F 100% ) !important; } /* ========================================================= 3. BUTTON TEXT MUST NEVER DISAPPEAR ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button .elementor-button-text, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button .elementor-button-icon, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button span { position: relative !important; z-index: 10 !important; color: #FFFFFF !important; opacity: 1 !important; visibility: visible !important; } /* ========================================================= 4. SHIMMER ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button::before { z-index: 1 !important; pointer-events: none !important; } /* ========================================================= 5. FIX GRADIENT LAYER ========================================================= */ /* The previous ::after was covering the button background. Instead of letting it sit over the button, put it behind the button using isolation. */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button::after { z-index: -1 !important; opacity: 0 !important; border-radius: 25px !important; } /* ========================================================= 6. HOVER GRADIENT ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button:hover::after { opacity: 1 !important; animation: gradientShift 2s ease infinite; } /* ========================================================= 7. BUTTON HOVER ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button:hover { color: #FFFFFF !important; background: linear-gradient( 135deg, #9E2A2B 0%, #C0392B 100% ) !important; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158, 42, 43, 0.35), inset 0 1px 0 rgba(255,255,255,0.20); } /* ========================================================= 8. FORCE TEXT ON HOVER ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button:hover .elementor-button-text, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button:hover .elementor-button-icon, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__button:hover span { color: #FFFFFF !important; opacity: 1 !important; visibility: visible !important; z-index: 10 !important; } /* ========================================================= 9. KEEP PNG ABOVE EVERYTHING ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f::after { z-index: 20 !important; right: 28px !important; top: 50% !important; } /* ========================================================= 10. KEEP CARD CONTENT BELOW PNG ========================================================= */ .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__image, .elementor-12 .elementor-element.elementor-element-5ad837f .elementor-cta__content { z-index: 1 !important; } /* ========================================================= 11. GRADIENT ANIMATION ========================================================= */ @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-25b26fa *//* ========================================================= SUBTITLE 1 — PRECISION SIGNATURE FRAME Elementor CSS Class: sub-title-1 COLOR SYSTEM Primary: #9E2A2B Secondary: #00235D Text: #0F0F0F Accent: #FFA300 Warm Gold: #DAA14C Warm White: #F8F6F3 Heading: #1e293b Theme Text: #334155 ========================================================= */ /* ========================================================= MAIN FRAME ========================================================= */ .sub-title-1 { position: relative; display: inline-flex; align-items: center; justify-content: center; /* Typography */ font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2.5px !important; line-height: 1.2; text-transform: uppercase; color: #9E2A2B !important; /* Spacing */ padding: 11px 21px; /* Premium warm surface */ background: linear-gradient( 135deg, rgba(158, 42, 43, 0.075), rgba(218, 161, 76, 0.055), rgba(0, 35, 93, 0.045) ); /* Precision border */ border: 1px solid rgba(158, 42, 43, 0.28); border-radius: 4px; /* Glass effect */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Layered depth */ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 0 1px rgba(218, 161, 76, 0.025); overflow: hidden; transform: translateZ(0); transition: color 0.35s ease, background 0.45s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.4s ease; } /* ========================================================= TEXT LAYER Keeps Elementor text above animations ========================================================= */ .sub-title-1 > * { position: relative; z-index: 5; } /* ========================================================= MOVING GOLDEN LIGHT TRACE ========================================================= */ .sub-title-1::before { content: ""; position: absolute; top: -100%; left: -35%; width: 20%; height: 300%; background: linear-gradient( 90deg, transparent 0%, rgba(218, 161, 76, 0.05) 20%, rgba(255, 163, 0, 0.55) 48%, rgba(248, 246, 243, 0.75) 50%, rgba(218, 161, 76, 0.35) 55%, transparent 100% ); transform: rotate(18deg); opacity: 0; animation: precisionSweep 4.8s cubic-bezier(.4, 0, .2, 1) infinite; pointer-events: none; z-index: 1; } /* ========================================================= PRECISION CORNER DETAIL ========================================================= */ .sub-title-1::after { content: ""; position: absolute; right: 7px; top: 7px; width: 11px; height: 11px; border-top: 2px solid #FFA300; border-right: 2px solid #9E2A2B; opacity: 0.9; filter: drop-shadow( 0 0 4px rgba(255, 163, 0, 0.35) ); transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1), border-color 0.35s ease, filter 0.35s ease; } /* ========================================================= MICRO ACCENT LINE Created with background + box-shadow ========================================================= */ .sub-title-1 { --trace-size: 30px; background-image: linear-gradient( 90deg, transparent, transparent ); } /* ========================================================= BOTTOM PRECISION MARK ========================================================= */ .sub-title-1 { isolation: isolate; } .sub-title-1 .elementor-heading-title::after { content: ""; position: absolute; bottom: -1px; left: 0; width: var(--trace-size); height: 2px; background: linear-gradient( 90deg, #9E2A2B, #FFA300, transparent ); opacity: 0.9; pointer-events: none; } /* ========================================================= AMBIENT BORDER PULSE ========================================================= */ .sub-title-1 { animation: precisionPulse 4s ease-in-out infinite; } /* ========================================================= HOVER ========================================================= */ .sub-title-1:hover { color: #00235D !important; background: linear-gradient( 135deg, rgba(158, 42, 43, 0.12), rgba(218, 161, 76, 0.10), rgba(0, 35, 93, 0.08) ); border-color: rgba(255, 163, 0, 0.65); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10), 0 0 24px rgba(255, 163, 0, 0.10), 0 0 0 1px rgba(218, 161, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8); transform: translateY(-2px); } /* ========================================================= CORNER EXPANSION ========================================================= */ .sub-title-1:hover::after { width: 18px; height: 18px; border-top-color: #FFA300; border-right-color: #9E2A2B; filter: drop-shadow( 0 0 7px rgba(255, 163, 0, 0.7) ); } /* ========================================================= HOVER GOLD TRACE ========================================================= */ .sub-title-1:hover::before { animation-duration: 2.4s; } /* ========================================================= KEYFRAME — LIGHT SWEEP ========================================================= */ @keyframes precisionSweep { 0% { left: -35%; opacity: 0; } 8% { opacity: 1; } 45% { left: 125%; opacity: 1; } 55% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* ========================================================= KEYFRAME — AMBIENT PULSE ========================================================= */ @keyframes precisionPulse { 0%, 100% { border-color: rgba(158, 42, 43, 0.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 0 rgba(255, 163, 0, 0); } 50% { border-color: rgba(218, 161, 76, 0.48); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 18px rgba(218, 161, 76, 0.09); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sub-title-1 { font-size: 12px !important; letter-spacing: 2px !important; padding: 10px 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sub-title-1 { font-size: 10px !important; letter-spacing: 1.5px !important; padding: 8px 14px; border-radius: 4px; } .sub-title-1::after { width: 8px; height: 8px; right: 5px; top: 5px; } .sub-title-1:hover { transform: translateY(-1px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .sub-title-1 { animation: none; transition: none; } .sub-title-1::before { animation: none; } .sub-title-1:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-bd9afef *//* ========================================================= ELEMENTOR HEADING WIDGET — CLEAN & UNIQUE STYLE System Colors: Primary: #B5122B (Crimson) Secondary: #162B5B (Navy) Accent: #F4C400 (Warm Amber) Dark/Text: #252525 (Charcoal) ========================================================= */ .elementor-12 .elementor-element.elementor-element-bd9afef .elementor-heading-title { position: relative; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; /* Gradient text fill */ background: linear-gradient(135deg, #162B5B 25%, #B5122B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 16px; transition: transform 0.3s ease; } /* Accent underline bar (Crimson to Amber) */ .elementor-12 .elementor-element.elementor-element-bd9afef .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 3.5px; background: linear-gradient(90deg, #B5122B 0%, #F4C400 100%); border-radius: 2px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); } /* Interactive hover extension */ .elementor-12 .elementor-element.elementor-element-bd9afef:hover .elementor-heading-title::after { width: 90px; } /* Center alignment handling (if heading is centered) */ .elementor-12 .elementor-element.elementor-element-bd9afef.elementor-align-center .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } /* Right alignment handling (if heading is right-aligned) */ .elementor-12 .elementor-element.elementor-element-bd9afef.elementor-align-right .elementor-heading-title::after { left: auto; right: 0; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-62672c6 *//* ========================================================= MODERN SERVICE CARD 2026 Elementor Parent Class: srvc-card Icon Box Class: srvc-icon Button Class: srvc-btn ========================================================= */ /* ========================================================= COLUMN RESPONSIVE FIX Make each column 100% width on mobile & tablet ========================================================= */ /* Target the column that contains .srvc-card – add class "srvc-col" to the column in Elementor */ @media (max-width: 1024px) { .srvc-col { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } /* Ensure the card fills its column */ .srvc-card { width: 100%; box-sizing: border-box; } /* ========================================================= SERVICE CARD ========================================================= */ .srvc-card { position: relative; overflow: hidden; padding: 5px 5px 5px; margin: 10px; background: #FFFFFF; border: 1px solid rgba(22, 43, 91, 0.10); border-radius: 18px; box-shadow: 0 8px 30px rgba(22, 43, 91, 0.06); transition: transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease, border-color 0.45s ease; } /* ========================================================= TOP ACCENT ========================================================= */ .srvc-card::before { content: ""; position: absolute; top: 0; left: 0; width: 58px; height: 4px; background: #B5122B; border-radius: 0 0 8px 0; transition: width 0.45s ease, background 0.45s ease; } /* ========================================================= SOFT CORNER GLOW ========================================================= */ .srvc-card::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 150px; height: 150px; background: rgba(244, 196, 0, 0.12); border-radius: 50%; filter: blur(25px); opacity: 0; pointer-events: none; transition: opacity 0.45s ease, transform 0.5s ease; } /* ========================================================= CARD HOVER ========================================================= */ .srvc-card:hover { transform: translateY(-7px); border-color: rgba(181, 18, 43, 0.20); box-shadow: 0 18px 45px rgba(22, 43, 91, 0.12), 0 5px 15px rgba(181, 18, 43, 0.06); } .srvc-card:hover::before { width: 100%; background: #F4C400; } .srvc-card:hover::after { opacity: 1; transform: scale(1.25); } /* ========================================================= BUTTON WRAPPER ========================================================= */ .srvc-card .srvc-btn { position: relative; z-index: 5; margin-top: 24px; } /* ========================================================= PREMIUM BUTTON Exact style based on supplied pro-btn ========================================================= */ .srvc-card .srvc-btn .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; background: linear-gradient( 135deg, #00235D 0%, #003B8F 100% ) !important; color: #FFFFFF !important; border: none !important; border-radius: 50px !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(0, 35, 93, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15); overflow: hidden; transition: all 0.4s cubic-bezier( 0.25, 0.46, 0.45, 0.94 ); cursor: pointer; text-decoration: none !important; } /* ========================================================= BUTTON SHIMMER ========================================================= */ .srvc-card .srvc-btn .elementor-button::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transform: skewX(-25deg); transition: left 0.7s ease; pointer-events: none; } /* ========================================================= BUTTON BORDER GLOW ========================================================= */ .srvc-card .srvc-btn .elementor-button::after { content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient( 135deg, #00235D, #9E2A2B, #00235D, #9E2A2B ); background-size: 300% 300%; border-radius: 52px; z-index: -1; opacity: 0; transition: opacity 0.4s ease; } /* ========================================================= BUTTON TEXT + ICON ========================================================= */ .srvc-card .srvc-btn .elementor-button-text, .srvc-card .srvc-btn .elementor-button-icon { position: relative; z-index: 2; } /* ICON */ .srvc-card .srvc-btn .elementor-button-icon { margin-left: 10px; transition: transform 0.4s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } /* ========================================================= BUTTON HOVER ========================================================= */ .srvc-card .srvc-btn .elementor-button:hover { background: linear-gradient( 135deg, #9E2A2B 0%, #C0392B 100% ) !important; color: #FFFFFF !important; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158, 42, 43, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); } /* SHIMMER */ .srvc-card .srvc-btn .elementor-button:hover::before { left: 125%; } /* BORDER GLOW */ .srvc-card .srvc-btn .elementor-button:hover::after { opacity: 1; animation: srvcGradientShift 2s ease infinite; } /* ICON BOUNCE */ .srvc-card .srvc-btn .elementor-button:hover .elementor-button-icon { transform: translateX(6px) scale(1.1); } /* ========================================================= ACTIVE / CLICK STATE ========================================================= */ .srvc-card .srvc-btn .elementor-button:active { transform: translateY(-1px) scale(0.98); box-shadow: 0 4px 12px rgba(0, 35, 93, 0.2); transition-duration: 0.08s; } /* ========================================================= FOCUS ========================================================= */ .srvc-card .srvc-btn .elementor-button:focus-visible { outline: 3px solid rgba(255, 163, 0, 0.5); outline-offset: 4px; border-radius: 50px; } /* ========================================================= BUTTON GRADIENT ANIMATION ========================================================= */ @keyframes srvcGradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================================= OPTIONAL RIPPLE SUPPORT ========================================================= */ .srvc-card .srvc-btn .ripple { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.4); transform: scale(0); animation: srvcRippleAnim 0.6s linear; pointer-events: none; z-index: 1; } @keyframes srvcRippleAnim { to { transform: scale(4); opacity: 0; } } /* ========================================================= OPTIONAL LOADING STATE ========================================================= */ .srvc-card .srvc-btn .elementor-button.loading { pointer-events: none; opacity: 0.8; } .srvc-card .srvc-btn .elementor-button.loading .elementor-button-text { visibility: hidden; } .srvc-card .srvc-btn .elementor-button.loading::after { content: ""; position: absolute; width: 24px; height: 24px; border: 3px solid rgba(255, 255, 255, 0.3); border-top-color: #FFFFFF; border-radius: 50%; animation: srvcSpin 0.8s linear infinite; z-index: 2; } @keyframes srvcSpin { to { transform: rotate(360deg); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .srvc-card { padding: 28px 24px 24px; border-radius: 16px; } .srvc-card .srvc-icon .elementor-icon { width: 52px; height: 52px; font-size: 22px; } .srvc-card .srvc-icon .elementor-icon-box-title { font-size: 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .srvc-card { padding: 25px 22px 22px; border-radius: 15px; box-shadow: 0 6px 22px rgba(22, 43, 91, 0.06); } .srvc-card:hover { transform: translateY(-3px); } .srvc-card .srvc-icon .elementor-icon { width: 48px; height: 48px; font-size: 20px; } .srvc-card .srvc-icon .elementor-icon-box-title { margin-top: 14px; font-size: 17px; } .srvc-card .srvc-icon .elementor-icon-box-description { font-size: 13px; line-height: 1.65; } .srvc-card .srvc-btn { margin-top: 19px; } .srvc-card .srvc-btn .elementor-button { width: 100%; padding: 14px 26px; font-size: 14px !important; border-radius: 40px !important; } .srvc-card .srvc-btn .elementor-button:hover { transform: translateY(-2px) scale(1.01); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .srvc-card, .srvc-card *, .srvc-card::before, .srvc-card::after, .srvc-card .elementor-button::before, .srvc-card .elementor-button::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-a7878c5 *//* ========================================================= MODERN SERVICE CARD 2026 Elementor Parent Class: srvc-card Icon Box Class: srvc-icon Button Class: srvc-btn ========================================================= */ /* ========================================================= COLUMN RESPONSIVE FIX Make each column 100% width on mobile & tablet ========================================================= */ /* Target the column that contains .srvc-card – add class "srvc-col" to the column in Elementor */ @media (max-width: 1024px) { .srvc-col { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } /* Ensure the card fills its column */ .srvc-card { width: 100%; box-sizing: border-box; } /* ========================================================= SERVICE CARD ========================================================= */ .srvc-card { position: relative; overflow: hidden; padding: 5px 5px 5px; background: #FFFFFF; border: 1px solid rgba(22, 43, 91, 0.10); border-radius: 18px; box-shadow: 0 8px 30px rgba(22, 43, 91, 0.06); transition: transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease, border-color 0.45s ease; } /* ========================================================= TOP ACCENT ========================================================= */ .srvc-card::before { content: ""; position: absolute; top: 0; left: 0; width: 58px; height: 4px; background: #B5122B; border-radius: 0 0 8px 0; transition: width 0.45s ease, background 0.45s ease; } /* ========================================================= SOFT CORNER GLOW ========================================================= */ .srvc-card::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 150px; height: 150px; background: rgba(244, 196, 0, 0.12); border-radius: 50%; filter: blur(25px); opacity: 0; pointer-events: none; transition: opacity 0.45s ease, transform 0.5s ease; } /* ========================================================= CARD HOVER ========================================================= */ .srvc-card:hover { transform: translateY(-7px); border-color: rgba(181, 18, 43, 0.20); box-shadow: 0 18px 45px rgba(22, 43, 91, 0.12), 0 5px 15px rgba(181, 18, 43, 0.06); } .srvc-card:hover::before { width: 100%; background: #F4C400; } .srvc-card:hover::after { opacity: 1; transform: scale(1.25); } /* ========================================================= ICON BOX ========================================================= */ .srvc-card .srvc-icon { position: relative; z-index: 2; } /* ========================================================= ICON ========================================================= */ .srvc-card .srvc-icon .elementor-icon { width: 58px; height: 58px; display: inline-flex; align-items: center; justify-content: center; background: #EEF3FA; color: #B5122B; border-radius: 14px; font-size: 25px; box-shadow: inset 0 0 0 1px rgba(22, 43, 91, 0.05); transition: transform 0.4s ease, background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease; } /* ========================================================= ICON HOVER ========================================================= */ .srvc-card:hover .srvc-icon .elementor-icon { transform: translateY(-3px) rotate(-4deg); background: #EEF3FA; color: #FFFFFF; box-shadow: 0 8px 20px rgba(18, 18, 432, 0.22); } /* ========================================================= ICON BOX TITLE ========================================================= */ .srvc-card .srvc-icon .elementor-icon-box-title { margin-top: 18px; margin-bottom: 9px; color: #1e293b; font-size: 20px; font-weight: 700; line-height: 1.3; transition: color 0.3s ease; } /* ========================================================= TITLE HOVER ========================================================= */ .srvc-card:hover .srvc-icon .elementor-icon-box-title { color: #B5122B; } /* ========================================================= DESCRIPTION ========================================================= */ .srvc-card .srvc-icon .elementor-icon-box-description { color: #334155; font-size: 14px; line-height: 1.7; opacity: 0.88; } /* ========================================================= BUTTON WRAPPER ========================================================= */ .srvc-card .srvc-btn { position: relative; z-index: 5; margin-top: 24px; } /* ========================================================= PREMIUM BUTTON Exact style based on supplied pro-btn ========================================================= */ .srvc-card .srvc-btn .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; background: linear-gradient( 135deg, #00235D 0%, #003B8F 100% ) !important; color: #FFFFFF !important; border: none !important; border-radius: 50px !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(0, 35, 93, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15); overflow: hidden; transition: all 0.4s cubic-bezier( 0.25, 0.46, 0.45, 0.94 ); cursor: pointer; text-decoration: none !important; } /* ========================================================= BUTTON SHIMMER ========================================================= */ .srvc-card .srvc-btn .elementor-button::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transform: skewX(-25deg); transition: left 0.7s ease; pointer-events: none; } /* ========================================================= BUTTON BORDER GLOW ========================================================= */ .srvc-card .srvc-btn .elementor-button::after { content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient( 135deg, #00235D, #9E2A2B, #00235D, #9E2A2B ); background-size: 300% 300%; border-radius: 52px; z-index: -1; opacity: 0; transition: opacity 0.4s ease; } /* ========================================================= BUTTON TEXT + ICON ========================================================= */ .srvc-card .srvc-btn .elementor-button-text, .srvc-card .srvc-btn .elementor-button-icon { position: relative; z-index: 2; } /* ICON */ .srvc-card .srvc-btn .elementor-button-icon { margin-left: 10px; transition: transform 0.4s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } /* ========================================================= BUTTON HOVER ========================================================= */ .srvc-card .srvc-btn .elementor-button:hover { background: linear-gradient( 135deg, #9E2A2B 0%, #C0392B 100% ) !important; color: #FFFFFF !important; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158, 42, 43, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); } /* SHIMMER */ .srvc-card .srvc-btn .elementor-button:hover::before { left: 125%; } /* BORDER GLOW */ .srvc-card .srvc-btn .elementor-button:hover::after { opacity: 1; animation: srvcGradientShift 2s ease infinite; } /* ICON BOUNCE */ .srvc-card .srvc-btn .elementor-button:hover .elementor-button-icon { transform: translateX(6px) scale(1.1); } /* ========================================================= ACTIVE / CLICK STATE ========================================================= */ .srvc-card .srvc-btn .elementor-button:active { transform: translateY(-1px) scale(0.98); box-shadow: 0 4px 12px rgba(0, 35, 93, 0.2); transition-duration: 0.08s; } /* ========================================================= FOCUS ========================================================= */ .srvc-card .srvc-btn .elementor-button:focus-visible { outline: 3px solid rgba(255, 163, 0, 0.5); outline-offset: 4px; border-radius: 50px; } /* ========================================================= BUTTON GRADIENT ANIMATION ========================================================= */ @keyframes srvcGradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================================= OPTIONAL RIPPLE SUPPORT ========================================================= */ .srvc-card .srvc-btn .ripple { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.4); transform: scale(0); animation: srvcRippleAnim 0.6s linear; pointer-events: none; z-index: 1; } @keyframes srvcRippleAnim { to { transform: scale(4); opacity: 0; } } /* ========================================================= OPTIONAL LOADING STATE ========================================================= */ .srvc-card .srvc-btn .elementor-button.loading { pointer-events: none; opacity: 0.8; } .srvc-card .srvc-btn .elementor-button.loading .elementor-button-text { visibility: hidden; } .srvc-card .srvc-btn .elementor-button.loading::after { content: ""; position: absolute; width: 24px; height: 24px; border: 3px solid rgba(255, 255, 255, 0.3); border-top-color: #FFFFFF; border-radius: 50%; animation: srvcSpin 0.8s linear infinite; z-index: 2; } @keyframes srvcSpin { to { transform: rotate(360deg); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .srvc-card { padding: 28px 24px 24px; border-radius: 16px; } .srvc-card .srvc-icon .elementor-icon { width: 52px; height: 52px; font-size: 22px; } .srvc-card .srvc-icon .elementor-icon-box-title { font-size: 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .srvc-card { padding: 25px 22px 22px; border-radius: 15px; box-shadow: 0 6px 22px rgba(22, 43, 91, 0.06); } .srvc-card:hover { transform: translateY(-3px); } .srvc-card .srvc-icon .elementor-icon { width: 48px; height: 48px; font-size: 20px; } .srvc-card .srvc-icon .elementor-icon-box-title { margin-top: 14px; font-size: 17px; } .srvc-card .srvc-icon .elementor-icon-box-description { font-size: 13px; line-height: 1.65; } .srvc-card .srvc-btn { margin-top: 19px; } .srvc-card .srvc-btn .elementor-button { width: 100%; padding: 14px 26px; font-size: 14px !important; border-radius: 40px !important; } .srvc-card .srvc-btn .elementor-button:hover { transform: translateY(-2px) scale(1.01); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .srvc-card, .srvc-card *, .srvc-card::before, .srvc-card::after, .srvc-card .elementor-button::before, .srvc-card .elementor-button::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-5cfa876 *//* ========================================================= MODERN SERVICE CARD 2026 Elementor Parent Class: srvc-card Icon Box Class: srvc-icon Button Class: srvc-btn ========================================================= */ /* ========================================================= COLUMN RESPONSIVE FIX Make each column 100% width on mobile & tablet ========================================================= */ /* Target the column that contains .srvc-card – add class "srvc-col" to the column in Elementor */ @media (max-width: 1024px) { .srvc-col { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } /* Ensure the card fills its column */ .srvc-card { width: 100%; box-sizing: border-box; } /* ========================================================= SERVICE CARD ========================================================= */ .srvc-card { position: relative; overflow: hidden; padding: 5px 5px 5px; background: #FFFFFF; border: 1px solid rgba(22, 43, 91, 0.10); border-radius: 18px; box-shadow: 0 8px 30px rgba(22, 43, 91, 0.06); transition: transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease, border-color 0.45s ease; } /* ========================================================= TOP ACCENT ========================================================= */ .srvc-card::before { content: ""; position: absolute; top: 0; left: 0; width: 58px; height: 4px; background: #B5122B; border-radius: 0 0 8px 0; transition: width 0.45s ease, background 0.45s ease; } /* ========================================================= SOFT CORNER GLOW ========================================================= */ .srvc-card::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 150px; height: 150px; background: rgba(244, 196, 0, 0.12); border-radius: 50%; filter: blur(25px); opacity: 0; pointer-events: none; transition: opacity 0.45s ease, transform 0.5s ease; } /* ========================================================= CARD HOVER ========================================================= */ .srvc-card:hover { transform: translateY(-7px); border-color: rgba(181, 18, 43, 0.20); box-shadow: 0 18px 45px rgba(22, 43, 91, 0.12), 0 5px 15px rgba(181, 18, 43, 0.06); } .srvc-card:hover::before { width: 100%; background: #F4C400; } .srvc-card:hover::after { opacity: 1; transform: scale(1.25); } /* ========================================================= ICON BOX ========================================================= */ .srvc-card .srvc-icon { position: relative; z-index: 2; } /* ========================================================= ICON ========================================================= */ .srvc-card .srvc-icon .elementor-icon { width: 58px; height: 58px; display: inline-flex; align-items: center; justify-content: center; background: #EEF3FA; color: #B5122B; border-radius: 14px; font-size: 25px; box-shadow: inset 0 0 0 1px rgba(22, 43, 91, 0.05); transition: transform 0.4s ease, background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease; } /* ========================================================= ICON HOVER ========================================================= */ .srvc-card:hover .srvc-icon .elementor-icon { transform: translateY(-3px) rotate(-4deg); background: #EEF3FA; color: #FFFFFF; box-shadow: 0 8px 20px rgba(18, 18, 432, 0.22); } /* ========================================================= ICON BOX TITLE ========================================================= */ .srvc-card .srvc-icon .elementor-icon-box-title { margin-top: 18px; margin-bottom: 9px; color: #1e293b; font-size: 20px; font-weight: 700; line-height: 1.3; transition: color 0.3s ease; } /* ========================================================= TITLE HOVER ========================================================= */ .srvc-card:hover .srvc-icon .elementor-icon-box-title { color: #B5122B; } /* ========================================================= DESCRIPTION ========================================================= */ .srvc-card .srvc-icon .elementor-icon-box-description { color: #334155; font-size: 14px; line-height: 1.7; opacity: 0.88; } /* ========================================================= BUTTON WRAPPER ========================================================= */ .srvc-card .srvc-btn { position: relative; z-index: 5; margin-top: 24px; } /* ========================================================= PREMIUM BUTTON Exact style based on supplied pro-btn ========================================================= */ .srvc-card .srvc-btn .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; background: linear-gradient( 135deg, #00235D 0%, #003B8F 100% ) !important; color: #FFFFFF !important; border: none !important; border-radius: 50px !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(0, 35, 93, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15); overflow: hidden; transition: all 0.4s cubic-bezier( 0.25, 0.46, 0.45, 0.94 ); cursor: pointer; text-decoration: none !important; } /* ========================================================= BUTTON SHIMMER ========================================================= */ .srvc-card .srvc-btn .elementor-button::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transform: skewX(-25deg); transition: left 0.7s ease; pointer-events: none; } /* ========================================================= BUTTON BORDER GLOW ========================================================= */ .srvc-card .srvc-btn .elementor-button::after { content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient( 135deg, #00235D, #9E2A2B, #00235D, #9E2A2B ); background-size: 300% 300%; border-radius: 52px; z-index: -1; opacity: 0; transition: opacity 0.4s ease; } /* ========================================================= BUTTON TEXT + ICON ========================================================= */ .srvc-card .srvc-btn .elementor-button-text, .srvc-card .srvc-btn .elementor-button-icon { position: relative; z-index: 2; } /* ICON */ .srvc-card .srvc-btn .elementor-button-icon { margin-left: 10px; transition: transform 0.4s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } /* ========================================================= BUTTON HOVER ========================================================= */ .srvc-card .srvc-btn .elementor-button:hover { background: linear-gradient( 135deg, #9E2A2B 0%, #C0392B 100% ) !important; color: #FFFFFF !important; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158, 42, 43, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); } /* SHIMMER */ .srvc-card .srvc-btn .elementor-button:hover::before { left: 125%; } /* BORDER GLOW */ .srvc-card .srvc-btn .elementor-button:hover::after { opacity: 1; animation: srvcGradientShift 2s ease infinite; } /* ICON BOUNCE */ .srvc-card .srvc-btn .elementor-button:hover .elementor-button-icon { transform: translateX(6px) scale(1.1); } /* ========================================================= ACTIVE / CLICK STATE ========================================================= */ .srvc-card .srvc-btn .elementor-button:active { transform: translateY(-1px) scale(0.98); box-shadow: 0 4px 12px rgba(0, 35, 93, 0.2); transition-duration: 0.08s; } /* ========================================================= FOCUS ========================================================= */ .srvc-card .srvc-btn .elementor-button:focus-visible { outline: 3px solid rgba(255, 163, 0, 0.5); outline-offset: 4px; border-radius: 50px; } /* ========================================================= BUTTON GRADIENT ANIMATION ========================================================= */ @keyframes srvcGradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================================= OPTIONAL RIPPLE SUPPORT ========================================================= */ .srvc-card .srvc-btn .ripple { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.4); transform: scale(0); animation: srvcRippleAnim 0.6s linear; pointer-events: none; z-index: 1; } @keyframes srvcRippleAnim { to { transform: scale(4); opacity: 0; } } /* ========================================================= OPTIONAL LOADING STATE ========================================================= */ .srvc-card .srvc-btn .elementor-button.loading { pointer-events: none; opacity: 0.8; } .srvc-card .srvc-btn .elementor-button.loading .elementor-button-text { visibility: hidden; } .srvc-card .srvc-btn .elementor-button.loading::after { content: ""; position: absolute; width: 24px; height: 24px; border: 3px solid rgba(255, 255, 255, 0.3); border-top-color: #FFFFFF; border-radius: 50%; animation: srvcSpin 0.8s linear infinite; z-index: 2; } @keyframes srvcSpin { to { transform: rotate(360deg); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .srvc-card { padding: 28px 24px 24px; border-radius: 16px; } .srvc-card .srvc-icon .elementor-icon { width: 52px; height: 52px; font-size: 22px; } .srvc-card .srvc-icon .elementor-icon-box-title { font-size: 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .srvc-card { padding: 25px 22px 22px; border-radius: 15px; box-shadow: 0 6px 22px rgba(22, 43, 91, 0.06); } .srvc-card:hover { transform: translateY(-3px); } .srvc-card .srvc-icon .elementor-icon { width: 48px; height: 48px; font-size: 20px; } .srvc-card .srvc-icon .elementor-icon-box-title { margin-top: 14px; font-size: 17px; } .srvc-card .srvc-icon .elementor-icon-box-description { font-size: 13px; line-height: 1.65; } .srvc-card .srvc-btn { margin-top: 19px; } .srvc-card .srvc-btn .elementor-button { width: 100%; padding: 14px 26px; font-size: 14px !important; border-radius: 40px !important; } .srvc-card .srvc-btn .elementor-button:hover { transform: translateY(-2px) scale(1.01); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .srvc-card, .srvc-card *, .srvc-card::before, .srvc-card::after, .srvc-card .elementor-button::before, .srvc-card .elementor-button::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-3f18169 *//* ========================================================= MODERN SERVICE CARD 2026 Elementor Parent Class: srvc-card Icon Box Class: srvc-icon Button Class: srvc-btn ========================================================= */ /* ========================================================= COLUMN RESPONSIVE FIX Make each column 100% width on mobile & tablet ========================================================= */ /* Target the column that contains .srvc-card – add class "srvc-col" to the column in Elementor */ @media (max-width: 1024px) { .srvc-col { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } /* Ensure the card fills its column */ .srvc-card { width: 100%; box-sizing: border-box; } /* ========================================================= SERVICE CARD ========================================================= */ .srvc-card { position: relative; overflow: hidden; padding: 5px 5px 5px; background: #FFFFFF; border: 1px solid rgba(22, 43, 91, 0.10); border-radius: 18px; box-shadow: 0 8px 30px rgba(22, 43, 91, 0.06); transition: transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease, border-color 0.45s ease; } /* ========================================================= TOP ACCENT ========================================================= */ .srvc-card::before { content: ""; position: absolute; top: 0; left: 0; width: 58px; height: 4px; background: #B5122B; border-radius: 0 0 8px 0; transition: width 0.45s ease, background 0.45s ease; } /* ========================================================= SOFT CORNER GLOW ========================================================= */ .srvc-card::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 150px; height: 150px; background: rgba(244, 196, 0, 0.12); border-radius: 50%; filter: blur(25px); opacity: 0; pointer-events: none; transition: opacity 0.45s ease, transform 0.5s ease; } /* ========================================================= CARD HOVER ========================================================= */ .srvc-card:hover { transform: translateY(-7px); border-color: rgba(181, 18, 43, 0.20); box-shadow: 0 18px 45px rgba(22, 43, 91, 0.12), 0 5px 15px rgba(181, 18, 43, 0.06); } .srvc-card:hover::before { width: 100%; background: #F4C400; } .srvc-card:hover::after { opacity: 1; transform: scale(1.25); } /* ========================================================= ICON BOX ========================================================= */ .srvc-card .srvc-icon { position: relative; z-index: 2; } /* ========================================================= ICON ========================================================= */ .srvc-card .srvc-icon .elementor-icon { width: 58px; height: 58px; display: inline-flex; align-items: center; justify-content: center; background: #EEF3FA; color: #B5122B; border-radius: 14px; font-size: 25px; box-shadow: inset 0 0 0 1px rgba(22, 43, 91, 0.05); transition: transform 0.4s ease, background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease; } /* ========================================================= ICON HOVER ========================================================= */ .srvc-card:hover .srvc-icon .elementor-icon { transform: translateY(-3px) rotate(-4deg); background: #EEF3FA; color: #FFFFFF; box-shadow: 0 8px 20px rgba(18, 18, 432, 0.22); } /* ========================================================= ICON BOX TITLE ========================================================= */ .srvc-card .srvc-icon .elementor-icon-box-title { margin-top: 18px; margin-bottom: 9px; color: #1e293b; font-size: 20px; font-weight: 700; line-height: 1.3; transition: color 0.3s ease; } /* ========================================================= TITLE HOVER ========================================================= */ .srvc-card:hover .srvc-icon .elementor-icon-box-title { color: #B5122B; } /* ========================================================= DESCRIPTION ========================================================= */ .srvc-card .srvc-icon .elementor-icon-box-description { color: #334155; font-size: 14px; line-height: 1.7; opacity: 0.88; } /* ========================================================= BUTTON WRAPPER ========================================================= */ .srvc-card .srvc-btn { position: relative; z-index: 5; margin-top: 24px; } /* ========================================================= PREMIUM BUTTON Exact style based on supplied pro-btn ========================================================= */ .srvc-card .srvc-btn .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; background: linear-gradient( 135deg, #00235D 0%, #003B8F 100% ) !important; color: #FFFFFF !important; border: none !important; border-radius: 50px !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(0, 35, 93, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15); overflow: hidden; transition: all 0.4s cubic-bezier( 0.25, 0.46, 0.45, 0.94 ); cursor: pointer; text-decoration: none !important; } /* ========================================================= BUTTON SHIMMER ========================================================= */ .srvc-card .srvc-btn .elementor-button::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transform: skewX(-25deg); transition: left 0.7s ease; pointer-events: none; } /* ========================================================= BUTTON BORDER GLOW ========================================================= */ .srvc-card .srvc-btn .elementor-button::after { content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient( 135deg, #00235D, #9E2A2B, #00235D, #9E2A2B ); background-size: 300% 300%; border-radius: 52px; z-index: -1; opacity: 0; transition: opacity 0.4s ease; } /* ========================================================= BUTTON TEXT + ICON ========================================================= */ .srvc-card .srvc-btn .elementor-button-text, .srvc-card .srvc-btn .elementor-button-icon { position: relative; z-index: 2; } /* ICON */ .srvc-card .srvc-btn .elementor-button-icon { margin-left: 10px; transition: transform 0.4s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } /* ========================================================= BUTTON HOVER ========================================================= */ .srvc-card .srvc-btn .elementor-button:hover { background: linear-gradient( 135deg, #9E2A2B 0%, #C0392B 100% ) !important; color: #FFFFFF !important; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158, 42, 43, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); } /* SHIMMER */ .srvc-card .srvc-btn .elementor-button:hover::before { left: 125%; } /* BORDER GLOW */ .srvc-card .srvc-btn .elementor-button:hover::after { opacity: 1; animation: srvcGradientShift 2s ease infinite; } /* ICON BOUNCE */ .srvc-card .srvc-btn .elementor-button:hover .elementor-button-icon { transform: translateX(6px) scale(1.1); } /* ========================================================= ACTIVE / CLICK STATE ========================================================= */ .srvc-card .srvc-btn .elementor-button:active { transform: translateY(-1px) scale(0.98); box-shadow: 0 4px 12px rgba(0, 35, 93, 0.2); transition-duration: 0.08s; } /* ========================================================= FOCUS ========================================================= */ .srvc-card .srvc-btn .elementor-button:focus-visible { outline: 3px solid rgba(255, 163, 0, 0.5); outline-offset: 4px; border-radius: 50px; } /* ========================================================= BUTTON GRADIENT ANIMATION ========================================================= */ @keyframes srvcGradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================================= OPTIONAL RIPPLE SUPPORT ========================================================= */ .srvc-card .srvc-btn .ripple { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.4); transform: scale(0); animation: srvcRippleAnim 0.6s linear; pointer-events: none; z-index: 1; } @keyframes srvcRippleAnim { to { transform: scale(4); opacity: 0; } } /* ========================================================= OPTIONAL LOADING STATE ========================================================= */ .srvc-card .srvc-btn .elementor-button.loading { pointer-events: none; opacity: 0.8; } .srvc-card .srvc-btn .elementor-button.loading .elementor-button-text { visibility: hidden; } .srvc-card .srvc-btn .elementor-button.loading::after { content: ""; position: absolute; width: 24px; height: 24px; border: 3px solid rgba(255, 255, 255, 0.3); border-top-color: #FFFFFF; border-radius: 50%; animation: srvcSpin 0.8s linear infinite; z-index: 2; } @keyframes srvcSpin { to { transform: rotate(360deg); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .srvc-card { padding: 28px 24px 24px; border-radius: 16px; } .srvc-card .srvc-icon .elementor-icon { width: 52px; height: 52px; font-size: 22px; } .srvc-card .srvc-icon .elementor-icon-box-title { font-size: 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .srvc-card { padding: 25px 22px 22px; border-radius: 15px; box-shadow: 0 6px 22px rgba(22, 43, 91, 0.06); } .srvc-card:hover { transform: translateY(-3px); } .srvc-card .srvc-icon .elementor-icon { width: 48px; height: 48px; font-size: 20px; } .srvc-card .srvc-icon .elementor-icon-box-title { margin-top: 14px; font-size: 17px; } .srvc-card .srvc-icon .elementor-icon-box-description { font-size: 13px; line-height: 1.65; } .srvc-card .srvc-btn { margin-top: 19px; } .srvc-card .srvc-btn .elementor-button { width: 100%; padding: 14px 26px; font-size: 14px !important; border-radius: 40px !important; } .srvc-card .srvc-btn .elementor-button:hover { transform: translateY(-2px) scale(1.01); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .srvc-card, .srvc-card *, .srvc-card::before, .srvc-card::after, .srvc-card .elementor-button::before, .srvc-card .elementor-button::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-7fa6d14 *//* ========================================================= MODERN SERVICE CARD 2026 Elementor Parent Class: srvc-card Icon Box Class: srvc-icon Button Class: srvc-btn ========================================================= */ /* ========================================================= COLUMN RESPONSIVE FIX Make each column 100% width on mobile & tablet ========================================================= */ /* Target the column that contains .srvc-card – add class "srvc-col" to the column in Elementor */ @media (max-width: 1024px) { .srvc-col { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } /* Ensure the card fills its column */ .srvc-card { width: 100%; box-sizing: border-box; } /* ========================================================= SERVICE CARD ========================================================= */ .srvc-card { position: relative; overflow: hidden; padding: 5px 5px 5px; background: #FFFFFF; border: 1px solid rgba(22, 43, 91, 0.10); border-radius: 18px; box-shadow: 0 8px 30px rgba(22, 43, 91, 0.06); transition: transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease, border-color 0.45s ease; } /* ========================================================= TOP ACCENT ========================================================= */ .srvc-card::before { content: ""; position: absolute; top: 0; left: 0; width: 58px; height: 4px; background: #B5122B; border-radius: 0 0 8px 0; transition: width 0.45s ease, background 0.45s ease; } /* ========================================================= SOFT CORNER GLOW ========================================================= */ .srvc-card::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 150px; height: 150px; background: rgba(244, 196, 0, 0.12); border-radius: 50%; filter: blur(25px); opacity: 0; pointer-events: none; transition: opacity 0.45s ease, transform 0.5s ease; } /* ========================================================= CARD HOVER ========================================================= */ .srvc-card:hover { transform: translateY(-7px); border-color: rgba(181, 18, 43, 0.20); box-shadow: 0 18px 45px rgba(22, 43, 91, 0.12), 0 5px 15px rgba(181, 18, 43, 0.06); } .srvc-card:hover::before { width: 100%; background: #F4C400; } .srvc-card:hover::after { opacity: 1; transform: scale(1.25); } /* ========================================================= ICON BOX ========================================================= */ .srvc-card .srvc-icon { position: relative; z-index: 2; } /* ========================================================= ICON ========================================================= */ .srvc-card .srvc-icon .elementor-icon { width: 58px; height: 58px; display: inline-flex; align-items: center; justify-content: center; background: #EEF3FA; color: #B5122B; border-radius: 14px; font-size: 25px; box-shadow: inset 0 0 0 1px rgba(22, 43, 91, 0.05); transition: transform 0.4s ease, background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease; } /* ========================================================= ICON HOVER ========================================================= */ .srvc-card:hover .srvc-icon .elementor-icon { transform: translateY(-3px) rotate(-4deg); background: #EEF3FA; color: #FFFFFF; box-shadow: 0 8px 20px rgba(18, 18, 432, 0.22); } /* ========================================================= ICON BOX TITLE ========================================================= */ .srvc-card .srvc-icon .elementor-icon-box-title { margin-top: 18px; margin-bottom: 9px; color: #1e293b; font-size: 20px; font-weight: 700; line-height: 1.3; transition: color 0.3s ease; } /* ========================================================= TITLE HOVER ========================================================= */ .srvc-card:hover .srvc-icon .elementor-icon-box-title { color: #B5122B; } /* ========================================================= DESCRIPTION ========================================================= */ .srvc-card .srvc-icon .elementor-icon-box-description { color: #334155; font-size: 14px; line-height: 1.7; opacity: 0.88; } /* ========================================================= BUTTON WRAPPER ========================================================= */ .srvc-card .srvc-btn { position: relative; z-index: 5; margin-top: 24px; } /* ========================================================= PREMIUM BUTTON Exact style based on supplied pro-btn ========================================================= */ .srvc-card .srvc-btn .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; background: linear-gradient( 135deg, #00235D 0%, #003B8F 100% ) !important; color: #FFFFFF !important; border: none !important; border-radius: 50px !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(0, 35, 93, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15); overflow: hidden; transition: all 0.4s cubic-bezier( 0.25, 0.46, 0.45, 0.94 ); cursor: pointer; text-decoration: none !important; } /* ========================================================= BUTTON SHIMMER ========================================================= */ .srvc-card .srvc-btn .elementor-button::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transform: skewX(-25deg); transition: left 0.7s ease; pointer-events: none; } /* ========================================================= BUTTON BORDER GLOW ========================================================= */ .srvc-card .srvc-btn .elementor-button::after { content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient( 135deg, #00235D, #9E2A2B, #00235D, #9E2A2B ); background-size: 300% 300%; border-radius: 52px; z-index: -1; opacity: 0; transition: opacity 0.4s ease; } /* ========================================================= BUTTON TEXT + ICON ========================================================= */ .srvc-card .srvc-btn .elementor-button-text, .srvc-card .srvc-btn .elementor-button-icon { position: relative; z-index: 2; } /* ICON */ .srvc-card .srvc-btn .elementor-button-icon { margin-left: 10px; transition: transform 0.4s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } /* ========================================================= BUTTON HOVER ========================================================= */ .srvc-card .srvc-btn .elementor-button:hover { background: linear-gradient( 135deg, #9E2A2B 0%, #C0392B 100% ) !important; color: #FFFFFF !important; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158, 42, 43, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); } /* SHIMMER */ .srvc-card .srvc-btn .elementor-button:hover::before { left: 125%; } /* BORDER GLOW */ .srvc-card .srvc-btn .elementor-button:hover::after { opacity: 1; animation: srvcGradientShift 2s ease infinite; } /* ICON BOUNCE */ .srvc-card .srvc-btn .elementor-button:hover .elementor-button-icon { transform: translateX(6px) scale(1.1); } /* ========================================================= ACTIVE / CLICK STATE ========================================================= */ .srvc-card .srvc-btn .elementor-button:active { transform: translateY(-1px) scale(0.98); box-shadow: 0 4px 12px rgba(0, 35, 93, 0.2); transition-duration: 0.08s; } /* ========================================================= FOCUS ========================================================= */ .srvc-card .srvc-btn .elementor-button:focus-visible { outline: 3px solid rgba(255, 163, 0, 0.5); outline-offset: 4px; border-radius: 50px; } /* ========================================================= BUTTON GRADIENT ANIMATION ========================================================= */ @keyframes srvcGradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================================= OPTIONAL RIPPLE SUPPORT ========================================================= */ .srvc-card .srvc-btn .ripple { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.4); transform: scale(0); animation: srvcRippleAnim 0.6s linear; pointer-events: none; z-index: 1; } @keyframes srvcRippleAnim { to { transform: scale(4); opacity: 0; } } /* ========================================================= OPTIONAL LOADING STATE ========================================================= */ .srvc-card .srvc-btn .elementor-button.loading { pointer-events: none; opacity: 0.8; } .srvc-card .srvc-btn .elementor-button.loading .elementor-button-text { visibility: hidden; } .srvc-card .srvc-btn .elementor-button.loading::after { content: ""; position: absolute; width: 24px; height: 24px; border: 3px solid rgba(255, 255, 255, 0.3); border-top-color: #FFFFFF; border-radius: 50%; animation: srvcSpin 0.8s linear infinite; z-index: 2; } @keyframes srvcSpin { to { transform: rotate(360deg); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .srvc-card { padding: 28px 24px 24px; border-radius: 16px; } .srvc-card .srvc-icon .elementor-icon { width: 52px; height: 52px; font-size: 22px; } .srvc-card .srvc-icon .elementor-icon-box-title { font-size: 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .srvc-card { padding: 25px 22px 22px; border-radius: 15px; box-shadow: 0 6px 22px rgba(22, 43, 91, 0.06); } .srvc-card:hover { transform: translateY(-3px); } .srvc-card .srvc-icon .elementor-icon { width: 48px; height: 48px; font-size: 20px; } .srvc-card .srvc-icon .elementor-icon-box-title { margin-top: 14px; font-size: 17px; } .srvc-card .srvc-icon .elementor-icon-box-description { font-size: 13px; line-height: 1.65; } .srvc-card .srvc-btn { margin-top: 19px; } .srvc-card .srvc-btn .elementor-button { width: 100%; padding: 14px 26px; font-size: 14px !important; border-radius: 40px !important; } .srvc-card .srvc-btn .elementor-button:hover { transform: translateY(-2px) scale(1.01); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .srvc-card, .srvc-card *, .srvc-card::before, .srvc-card::after, .srvc-card .elementor-button::before, .srvc-card .elementor-button::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-21ba69e *//* ========================================================= MODERN SERVICE CARD 2026 Elementor Parent Class: srvc-card Icon Box Class: srvc-icon Button Class: srvc-btn ========================================================= */ /* ========================================================= COLUMN RESPONSIVE FIX Make each column 100% width on mobile & tablet ========================================================= */ /* Target the column that contains .srvc-card – add class "srvc-col" to the column in Elementor */ @media (max-width: 1024px) { .srvc-col { width: 100% !important; max-width: 100% !important; flex: 0 0 100% !important; padding-left: 0 !important; padding-right: 0 !important; } } /* Ensure the card fills its column */ .srvc-card { width: 100%; box-sizing: border-box; } /* ========================================================= SERVICE CARD ========================================================= */ .srvc-card { position: relative; overflow: hidden; padding: 5px 5px 5px; background: #FFFFFF; border: 1px solid rgba(22, 43, 91, 0.10); border-radius: 18px; box-shadow: 0 8px 30px rgba(22, 43, 91, 0.06); transition: transform 0.45s cubic-bezier(.2,.8,.2,1), box-shadow 0.45s ease, border-color 0.45s ease; } /* ========================================================= TOP ACCENT ========================================================= */ .srvc-card::before { content: ""; position: absolute; top: 0; left: 0; width: 58px; height: 4px; background: #B5122B; border-radius: 0 0 8px 0; transition: width 0.45s ease, background 0.45s ease; } /* ========================================================= SOFT CORNER GLOW ========================================================= */ .srvc-card::after { content: ""; position: absolute; right: -70px; bottom: -70px; width: 150px; height: 150px; background: rgba(244, 196, 0, 0.12); border-radius: 50%; filter: blur(25px); opacity: 0; pointer-events: none; transition: opacity 0.45s ease, transform 0.5s ease; } /* ========================================================= CARD HOVER ========================================================= */ .srvc-card:hover { transform: translateY(-7px); border-color: rgba(181, 18, 43, 0.20); box-shadow: 0 18px 45px rgba(22, 43, 91, 0.12), 0 5px 15px rgba(181, 18, 43, 0.06); } .srvc-card:hover::before { width: 100%; background: #F4C400; } .srvc-card:hover::after { opacity: 1; transform: scale(1.25); } /* ========================================================= ICON BOX ========================================================= */ .srvc-card .srvc-icon { position: relative; z-index: 2; } /* ========================================================= ICON ========================================================= */ .srvc-card .srvc-icon .elementor-icon { width: 58px; height: 58px; display: inline-flex; align-items: center; justify-content: center; background: #EEF3FA; color: #B5122B; border-radius: 14px; font-size: 25px; box-shadow: inset 0 0 0 1px rgba(22, 43, 91, 0.05); transition: transform 0.4s ease, background 0.4s ease, color 0.4s ease, box-shadow 0.4s ease; } /* ========================================================= ICON HOVER ========================================================= */ .srvc-card:hover .srvc-icon .elementor-icon { transform: translateY(-3px) rotate(-4deg); background: #EEF3FA; color: #FFFFFF; box-shadow: 0 8px 20px rgba(18, 18, 432, 0.22); } /* ========================================================= ICON BOX TITLE ========================================================= */ .srvc-card .srvc-icon .elementor-icon-box-title { margin-top: 18px; margin-bottom: 9px; color: #1e293b; font-size: 20px; font-weight: 700; line-height: 1.3; transition: color 0.3s ease; } /* ========================================================= TITLE HOVER ========================================================= */ .srvc-card:hover .srvc-icon .elementor-icon-box-title { color: #B5122B; } /* ========================================================= DESCRIPTION ========================================================= */ .srvc-card .srvc-icon .elementor-icon-box-description { color: #334155; font-size: 14px; line-height: 1.7; opacity: 0.88; } /* ========================================================= BUTTON WRAPPER ========================================================= */ .srvc-card .srvc-btn { position: relative; z-index: 5; margin-top: 24px; } /* ========================================================= PREMIUM BUTTON Exact style based on supplied pro-btn ========================================================= */ .srvc-card .srvc-btn .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; background: linear-gradient( 135deg, #00235D 0%, #003B8F 100% ) !important; color: #FFFFFF !important; border: none !important; border-radius: 50px !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1 !important; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(0, 35, 93, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15); overflow: hidden; transition: all 0.4s cubic-bezier( 0.25, 0.46, 0.45, 0.94 ); cursor: pointer; text-decoration: none !important; } /* ========================================================= BUTTON SHIMMER ========================================================= */ .srvc-card .srvc-btn .elementor-button::before { content: ""; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transform: skewX(-25deg); transition: left 0.7s ease; pointer-events: none; } /* ========================================================= BUTTON BORDER GLOW ========================================================= */ .srvc-card .srvc-btn .elementor-button::after { content: ""; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient( 135deg, #00235D, #9E2A2B, #00235D, #9E2A2B ); background-size: 300% 300%; border-radius: 52px; z-index: -1; opacity: 0; transition: opacity 0.4s ease; } /* ========================================================= BUTTON TEXT + ICON ========================================================= */ .srvc-card .srvc-btn .elementor-button-text, .srvc-card .srvc-btn .elementor-button-icon { position: relative; z-index: 2; } /* ICON */ .srvc-card .srvc-btn .elementor-button-icon { margin-left: 10px; transition: transform 0.4s cubic-bezier( 0.34, 1.56, 0.64, 1 ); } /* ========================================================= BUTTON HOVER ========================================================= */ .srvc-card .srvc-btn .elementor-button:hover { background: linear-gradient( 135deg, #9E2A2B 0%, #C0392B 100% ) !important; color: #FFFFFF !important; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158, 42, 43, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); } /* SHIMMER */ .srvc-card .srvc-btn .elementor-button:hover::before { left: 125%; } /* BORDER GLOW */ .srvc-card .srvc-btn .elementor-button:hover::after { opacity: 1; animation: srvcGradientShift 2s ease infinite; } /* ICON BOUNCE */ .srvc-card .srvc-btn .elementor-button:hover .elementor-button-icon { transform: translateX(6px) scale(1.1); } /* ========================================================= ACTIVE / CLICK STATE ========================================================= */ .srvc-card .srvc-btn .elementor-button:active { transform: translateY(-1px) scale(0.98); box-shadow: 0 4px 12px rgba(0, 35, 93, 0.2); transition-duration: 0.08s; } /* ========================================================= FOCUS ========================================================= */ .srvc-card .srvc-btn .elementor-button:focus-visible { outline: 3px solid rgba(255, 163, 0, 0.5); outline-offset: 4px; border-radius: 50px; } /* ========================================================= BUTTON GRADIENT ANIMATION ========================================================= */ @keyframes srvcGradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================================= OPTIONAL RIPPLE SUPPORT ========================================================= */ .srvc-card .srvc-btn .ripple { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.4); transform: scale(0); animation: srvcRippleAnim 0.6s linear; pointer-events: none; z-index: 1; } @keyframes srvcRippleAnim { to { transform: scale(4); opacity: 0; } } /* ========================================================= OPTIONAL LOADING STATE ========================================================= */ .srvc-card .srvc-btn .elementor-button.loading { pointer-events: none; opacity: 0.8; } .srvc-card .srvc-btn .elementor-button.loading .elementor-button-text { visibility: hidden; } .srvc-card .srvc-btn .elementor-button.loading::after { content: ""; position: absolute; width: 24px; height: 24px; border: 3px solid rgba(255, 255, 255, 0.3); border-top-color: #FFFFFF; border-radius: 50%; animation: srvcSpin 0.8s linear infinite; z-index: 2; } @keyframes srvcSpin { to { transform: rotate(360deg); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .srvc-card { padding: 28px 24px 24px; border-radius: 16px; } .srvc-card .srvc-icon .elementor-icon { width: 52px; height: 52px; font-size: 22px; } .srvc-card .srvc-icon .elementor-icon-box-title { font-size: 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .srvc-card { padding: 25px 22px 22px; border-radius: 15px; box-shadow: 0 6px 22px rgba(22, 43, 91, 0.06); } .srvc-card:hover { transform: translateY(-3px); } .srvc-card .srvc-icon .elementor-icon { width: 48px; height: 48px; font-size: 20px; } .srvc-card .srvc-icon .elementor-icon-box-title { margin-top: 14px; font-size: 17px; } .srvc-card .srvc-icon .elementor-icon-box-description { font-size: 13px; line-height: 1.65; } .srvc-card .srvc-btn { margin-top: 19px; } .srvc-card .srvc-btn .elementor-button { width: 100%; padding: 14px 26px; font-size: 14px !important; border-radius: 40px !important; } .srvc-card .srvc-btn .elementor-button:hover { transform: translateY(-2px) scale(1.01); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .srvc-card, .srvc-card *, .srvc-card::before, .srvc-card::after, .srvc-card .elementor-button::before, .srvc-card .elementor-button::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-1926976 *//* ========================================================= SUBTITLE 1 — PRECISION SIGNATURE FRAME Elementor CSS Class: sub-title-1 COLOR SYSTEM Primary: #9E2A2B Secondary: #00235D Text: #0F0F0F Accent: #FFA300 Warm Gold: #DAA14C Warm White: #F8F6F3 Heading: #1e293b Theme Text: #334155 ========================================================= */ /* ========================================================= MAIN FRAME ========================================================= */ .sub-title-1 { position: relative; display: inline-flex; align-items: center; justify-content: center; /* Typography */ font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2.5px !important; line-height: 1.2; text-transform: uppercase; color: #9E2A2B !important; /* Spacing */ padding: 11px 21px; /* Premium warm surface */ background: linear-gradient( 135deg, rgba(158, 42, 43, 0.075), rgba(218, 161, 76, 0.055), rgba(0, 35, 93, 0.045) ); /* Precision border */ border: 1px solid rgba(158, 42, 43, 0.28); border-radius: 4px; /* Glass effect */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Layered depth */ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 0 1px rgba(218, 161, 76, 0.025); overflow: hidden; transform: translateZ(0); transition: color 0.35s ease, background 0.45s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.4s ease; } /* ========================================================= TEXT LAYER Keeps Elementor text above animations ========================================================= */ .sub-title-1 > * { position: relative; z-index: 5; } /* ========================================================= MOVING GOLDEN LIGHT TRACE ========================================================= */ .sub-title-1::before { content: ""; position: absolute; top: -100%; left: -35%; width: 20%; height: 300%; background: linear-gradient( 90deg, transparent 0%, rgba(218, 161, 76, 0.05) 20%, rgba(255, 163, 0, 0.55) 48%, rgba(248, 246, 243, 0.75) 50%, rgba(218, 161, 76, 0.35) 55%, transparent 100% ); transform: rotate(18deg); opacity: 0; animation: precisionSweep 4.8s cubic-bezier(.4, 0, .2, 1) infinite; pointer-events: none; z-index: 1; } /* ========================================================= PRECISION CORNER DETAIL ========================================================= */ .sub-title-1::after { content: ""; position: absolute; right: 7px; top: 7px; width: 11px; height: 11px; border-top: 2px solid #FFA300; border-right: 2px solid #9E2A2B; opacity: 0.9; filter: drop-shadow( 0 0 4px rgba(255, 163, 0, 0.35) ); transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1), border-color 0.35s ease, filter 0.35s ease; } /* ========================================================= MICRO ACCENT LINE Created with background + box-shadow ========================================================= */ .sub-title-1 { --trace-size: 30px; background-image: linear-gradient( 90deg, transparent, transparent ); } /* ========================================================= BOTTOM PRECISION MARK ========================================================= */ .sub-title-1 { isolation: isolate; } .sub-title-1 .elementor-heading-title::after { content: ""; position: absolute; bottom: -1px; left: 0; width: var(--trace-size); height: 2px; background: linear-gradient( 90deg, #9E2A2B, #FFA300, transparent ); opacity: 0.9; pointer-events: none; } /* ========================================================= AMBIENT BORDER PULSE ========================================================= */ .sub-title-1 { animation: precisionPulse 4s ease-in-out infinite; } /* ========================================================= HOVER ========================================================= */ .sub-title-1:hover { color: #00235D !important; background: linear-gradient( 135deg, rgba(158, 42, 43, 0.12), rgba(218, 161, 76, 0.10), rgba(0, 35, 93, 0.08) ); border-color: rgba(255, 163, 0, 0.65); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10), 0 0 24px rgba(255, 163, 0, 0.10), 0 0 0 1px rgba(218, 161, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8); transform: translateY(-2px); } /* ========================================================= CORNER EXPANSION ========================================================= */ .sub-title-1:hover::after { width: 18px; height: 18px; border-top-color: #FFA300; border-right-color: #9E2A2B; filter: drop-shadow( 0 0 7px rgba(255, 163, 0, 0.7) ); } /* ========================================================= HOVER GOLD TRACE ========================================================= */ .sub-title-1:hover::before { animation-duration: 2.4s; } /* ========================================================= KEYFRAME — LIGHT SWEEP ========================================================= */ @keyframes precisionSweep { 0% { left: -35%; opacity: 0; } 8% { opacity: 1; } 45% { left: 125%; opacity: 1; } 55% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* ========================================================= KEYFRAME — AMBIENT PULSE ========================================================= */ @keyframes precisionPulse { 0%, 100% { border-color: rgba(158, 42, 43, 0.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 0 rgba(255, 163, 0, 0); } 50% { border-color: rgba(218, 161, 76, 0.48); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 18px rgba(218, 161, 76, 0.09); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sub-title-1 { font-size: 12px !important; letter-spacing: 2px !important; padding: 10px 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sub-title-1 { font-size: 10px !important; letter-spacing: 1.5px !important; padding: 8px 14px; border-radius: 4px; } .sub-title-1::after { width: 8px; height: 8px; right: 5px; top: 5px; } .sub-title-1:hover { transform: translateY(-1px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .sub-title-1 { animation: none; transition: none; } .sub-title-1::before { animation: none; } .sub-title-1:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6b4505a *//* ========================================================= ELEMENTOR HEADING WIDGET — CLEAN & UNIQUE STYLE System Colors: Primary: #B5122B (Crimson) Secondary: #162B5B (Navy) Accent: #F4C400 (Warm Amber) Dark/Text: #252525 (Charcoal) ========================================================= */ .elementor-12 .elementor-element.elementor-element-6b4505a .elementor-heading-title { position: relative; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; /* Gradient text fill */ background: linear-gradient(135deg, #162B5B 25%, #B5122B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 16px; transition: transform 0.3s ease; } /* Accent underline bar (Crimson to Amber) */ .elementor-12 .elementor-element.elementor-element-6b4505a .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 3.5px; background: linear-gradient(90deg, #B5122B 0%, #F4C400 100%); border-radius: 2px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); } /* Interactive hover extension */ .elementor-12 .elementor-element.elementor-element-6b4505a:hover .elementor-heading-title::after { width: 90px; } /* Center alignment handling (if heading is centered) */ .elementor-12 .elementor-element.elementor-element-6b4505a.elementor-align-center .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } /* Right alignment handling (if heading is right-aligned) */ .elementor-12 .elementor-element.elementor-element-6b4505a.elementor-align-right .elementor-heading-title::after { left: auto; right: 0; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-27913a1 *//* ========================================= PREMIUM BUTTON - MODERN ENHANCED Class: pro-btn ========================================= */ .pro-btn .elementor-button { position: relative; display: inline-flex; align-items: center; justify-content: center; padding: 16px 32px; background: linear-gradient(135deg, #00235D 0%, #003B8F 100%); color: #FFFFFF; border: none; border-radius: 50px; font-size: 16px; font-weight: 600; line-height: 1; letter-spacing: 0.5px; box-shadow: 0 8px 24px rgba(0, 35, 93, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.15); overflow: hidden; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); cursor: pointer; text-decoration: none; } /* ========================================= SHIMMER EFFECT (Hover Layer) ========================================= */ .pro-btn .elementor-button::before { content: ''; position: absolute; top: 0; left: -75%; width: 50%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transform: skewX(-25deg); transition: left 0.7s ease; pointer-events: none; } /* ========================================= BORDER GLOW ANIMATION (Background Layer) ========================================= */ .pro-btn .elementor-button::after { content: ''; position: absolute; top: -2px; left: -2px; right: -2px; bottom: -2px; background: linear-gradient( 135deg, #00235D, #9E2A2B, #00235D, #9E2A2B ); background-size: 300% 300%; border-radius: 52px; z-index: -1; opacity: 0; transition: opacity 0.4s ease; } /* ========================================= Text & Icon - Stay above layers ========================================= */ .pro-btn .elementor-button-text, .pro-btn .elementor-button-icon { position: relative; z-index: 2; } .pro-btn .elementor-button-icon { margin-left: 10px; transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); } /* ========================================= HOVER STATE ========================================= */ .pro-btn .elementor-button:hover { background: linear-gradient(135deg, #9E2A2B 0%, #C0392B 100%); color: #FFFFFF; transform: translateY(-4px) scale(1.02); box-shadow: 0 16px 40px rgba(158, 42, 43, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2); } /* Shimmer slides across on hover */ .pro-btn .elementor-button:hover::before { left: 125%; } /* Border glow activates */ .pro-btn .elementor-button:hover::after { opacity: 1; animation: gradientShift 2s ease infinite; } /* Icon moves with bounce */ .pro-btn .elementor-button:hover .elementor-button-icon { transform: translateX(6px) scale(1.1); } /* ========================================= ACTIVE / CLICK STATE ========================================= */ .pro-btn .elementor-button:active { transform: translateY(-1px) scale(0.98); box-shadow: 0 4px 12px rgba(0, 35, 93, 0.2); transition-duration: 0.08s; } /* ========================================= FOCUS STATE ========================================= */ .pro-btn .elementor-button:focus-visible { outline: 3px solid rgba(255, 163, 0, 0.5); outline-offset: 4px; border-radius: 50px; } /* ========================================= KEYFRAME ANIMATIONS ========================================= */ @keyframes gradientShift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* ========================================= RIPPLE EFFECT (Optional - Add via JS) ========================================= */ .pro-btn .ripple { position: absolute; border-radius: 50%; background: rgba(255, 255, 255, 0.4); transform: scale(0); animation: rippleAnim 0.6s linear; pointer-events: none; z-index: 1; } @keyframes rippleAnim { to { transform: scale(4); opacity: 0; } } /* ========================================= LOADING STATE (Optional) ========================================= */ .pro-btn .elementor-button.loading { pointer-events: none; opacity: 0.8; } .pro-btn .elementor-button.loading .elementor-button-text { visibility: hidden; } .pro-btn .elementor-button.loading::after { content: ''; position: absolute; width: 24px; height: 24px; border: 3px solid rgba(255, 255, 255, 0.3); border-top-color: #FFFFFF; border-radius: 50%; animation: spin 0.8s linear infinite; z-index: 2; } @keyframes spin { to { transform: rotate(360deg); } } /* ========================================= MOBILE RESPONSIVE ========================================= */ @media (max-width: 767px) { .pro-btn .elementor-button { padding: 14px 26px; font-size: 14px; border-radius: 40px; } .pro-btn .elementor-button:hover { transform: translateY(-2px) scale(1.01); } } /* ========================================= DARK MODE SUPPORT ========================================= */ @media (prefers-color-scheme: dark) { .pro-btn .elementor-button { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.08); } } /* ========================================= REDUCED MOTION PREFERENCE ========================================= */ @media (prefers-reduced-motion: reduce) { .pro-btn .elementor-button, .pro-btn .elementor-button *, .pro-btn .elementor-button::before, .pro-btn .elementor-button::after { animation-duration: 0.01ms !important; transition-duration: 0.01ms !important; animation-iteration-count: 1 !important; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7abf50c *//* ========================================================= SUBTITLE 1 — PRECISION SIGNATURE FRAME Elementor CSS Class: sub-title-1 COLOR SYSTEM Primary: #9E2A2B Secondary: #00235D Text: #0F0F0F Accent: #FFA300 Warm Gold: #DAA14C Warm White: #F8F6F3 Heading: #1e293b Theme Text: #334155 ========================================================= */ /* ========================================================= MAIN FRAME ========================================================= */ .sub-title-1 { position: relative; display: inline-flex; align-items: center; justify-content: center; /* Typography */ font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2.5px !important; line-height: 1.2; text-transform: uppercase; color: #9E2A2B !important; /* Spacing */ padding: 11px 21px; /* Premium warm surface */ background: linear-gradient( 135deg, rgba(158, 42, 43, 0.075), rgba(218, 161, 76, 0.055), rgba(0, 35, 93, 0.045) ); /* Precision border */ border: 1px solid rgba(158, 42, 43, 0.28); border-radius: 4px; /* Glass effect */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Layered depth */ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 0 1px rgba(218, 161, 76, 0.025); overflow: hidden; transform: translateZ(0); transition: color 0.35s ease, background 0.45s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.4s ease; } /* ========================================================= TEXT LAYER Keeps Elementor text above animations ========================================================= */ .sub-title-1 > * { position: relative; z-index: 5; } /* ========================================================= MOVING GOLDEN LIGHT TRACE ========================================================= */ .sub-title-1::before { content: ""; position: absolute; top: -100%; left: -35%; width: 20%; height: 300%; background: linear-gradient( 90deg, transparent 0%, rgba(218, 161, 76, 0.05) 20%, rgba(255, 163, 0, 0.55) 48%, rgba(248, 246, 243, 0.75) 50%, rgba(218, 161, 76, 0.35) 55%, transparent 100% ); transform: rotate(18deg); opacity: 0; animation: precisionSweep 4.8s cubic-bezier(.4, 0, .2, 1) infinite; pointer-events: none; z-index: 1; } /* ========================================================= PRECISION CORNER DETAIL ========================================================= */ .sub-title-1::after { content: ""; position: absolute; right: 7px; top: 7px; width: 11px; height: 11px; border-top: 2px solid #FFA300; border-right: 2px solid #9E2A2B; opacity: 0.9; filter: drop-shadow( 0 0 4px rgba(255, 163, 0, 0.35) ); transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1), border-color 0.35s ease, filter 0.35s ease; } /* ========================================================= MICRO ACCENT LINE Created with background + box-shadow ========================================================= */ .sub-title-1 { --trace-size: 30px; background-image: linear-gradient( 90deg, transparent, transparent ); } /* ========================================================= BOTTOM PRECISION MARK ========================================================= */ .sub-title-1 { isolation: isolate; } .sub-title-1 .elementor-heading-title::after { content: ""; position: absolute; bottom: -1px; left: 0; width: var(--trace-size); height: 2px; background: linear-gradient( 90deg, #9E2A2B, #FFA300, transparent ); opacity: 0.9; pointer-events: none; } /* ========================================================= AMBIENT BORDER PULSE ========================================================= */ .sub-title-1 { animation: precisionPulse 4s ease-in-out infinite; } /* ========================================================= HOVER ========================================================= */ .sub-title-1:hover { color: #00235D !important; background: linear-gradient( 135deg, rgba(158, 42, 43, 0.12), rgba(218, 161, 76, 0.10), rgba(0, 35, 93, 0.08) ); border-color: rgba(255, 163, 0, 0.65); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10), 0 0 24px rgba(255, 163, 0, 0.10), 0 0 0 1px rgba(218, 161, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8); transform: translateY(-2px); } /* ========================================================= CORNER EXPANSION ========================================================= */ .sub-title-1:hover::after { width: 18px; height: 18px; border-top-color: #FFA300; border-right-color: #9E2A2B; filter: drop-shadow( 0 0 7px rgba(255, 163, 0, 0.7) ); } /* ========================================================= HOVER GOLD TRACE ========================================================= */ .sub-title-1:hover::before { animation-duration: 2.4s; } /* ========================================================= KEYFRAME — LIGHT SWEEP ========================================================= */ @keyframes precisionSweep { 0% { left: -35%; opacity: 0; } 8% { opacity: 1; } 45% { left: 125%; opacity: 1; } 55% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* ========================================================= KEYFRAME — AMBIENT PULSE ========================================================= */ @keyframes precisionPulse { 0%, 100% { border-color: rgba(158, 42, 43, 0.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 0 rgba(255, 163, 0, 0); } 50% { border-color: rgba(218, 161, 76, 0.48); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 18px rgba(218, 161, 76, 0.09); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sub-title-1 { font-size: 12px !important; letter-spacing: 2px !important; padding: 10px 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sub-title-1 { font-size: 10px !important; letter-spacing: 1.5px !important; padding: 8px 14px; border-radius: 4px; } .sub-title-1::after { width: 8px; height: 8px; right: 5px; top: 5px; } .sub-title-1:hover { transform: translateY(-1px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .sub-title-1 { animation: none; transition: none; } .sub-title-1::before { animation: none; } .sub-title-1:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e67cd9c *//* ========================================================= ELEMENTOR HEADING WIDGET — CLEAN & UNIQUE STYLE System Colors: Primary: #B5122B (Crimson) Secondary: #162B5B (Navy) Accent: #F4C400 (Warm Amber) Dark/Text: #252525 (Charcoal) ========================================================= */ .elementor-12 .elementor-element.elementor-element-e67cd9c .elementor-heading-title { position: relative; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; /* Gradient text fill */ background: linear-gradient(135deg, #162B5B 25%, #B5122B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 16px; transition: transform 0.3s ease; } /* Accent underline bar (Crimson to Amber) */ .elementor-12 .elementor-element.elementor-element-e67cd9c .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 3.5px; background: linear-gradient(90deg, #B5122B 0%, #F4C400 100%); border-radius: 2px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); } /* Interactive hover extension */ .elementor-12 .elementor-element.elementor-element-e67cd9c:hover .elementor-heading-title::after { width: 90px; } /* Center alignment handling (if heading is centered) */ .elementor-12 .elementor-element.elementor-element-e67cd9c.elementor-align-center .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } /* Right alignment handling (if heading is right-aligned) */ .elementor-12 .elementor-element.elementor-element-e67cd9c.elementor-align-right .elementor-heading-title::after { left: auto; right: 0; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-5859396 *//* ========================================================= SUBTITLE 1 — PRECISION SIGNATURE FRAME Elementor CSS Class: sub-title-1 COLOR SYSTEM Primary: #9E2A2B Secondary: #00235D Text: #0F0F0F Accent: #FFA300 Warm Gold: #DAA14C Warm White: #F8F6F3 Heading: #1e293b Theme Text: #334155 ========================================================= */ /* ========================================================= MAIN FRAME ========================================================= */ .sub-title-1 { position: relative; display: inline-flex; align-items: center; justify-content: center; /* Typography */ font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2.5px !important; line-height: 1.2; text-transform: uppercase; color: #9E2A2B !important; /* Spacing */ padding: 11px 21px; /* Premium warm surface */ background: linear-gradient( 135deg, rgba(158, 42, 43, 0.075), rgba(218, 161, 76, 0.055), rgba(0, 35, 93, 0.045) ); /* Precision border */ border: 1px solid rgba(158, 42, 43, 0.28); border-radius: 4px; /* Glass effect */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Layered depth */ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 0 1px rgba(218, 161, 76, 0.025); overflow: hidden; transform: translateZ(0); transition: color 0.35s ease, background 0.45s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.4s ease; } /* ========================================================= TEXT LAYER Keeps Elementor text above animations ========================================================= */ .sub-title-1 > * { position: relative; z-index: 5; } /* ========================================================= MOVING GOLDEN LIGHT TRACE ========================================================= */ .sub-title-1::before { content: ""; position: absolute; top: -100%; left: -35%; width: 20%; height: 300%; background: linear-gradient( 90deg, transparent 0%, rgba(218, 161, 76, 0.05) 20%, rgba(255, 163, 0, 0.55) 48%, rgba(248, 246, 243, 0.75) 50%, rgba(218, 161, 76, 0.35) 55%, transparent 100% ); transform: rotate(18deg); opacity: 0; animation: precisionSweep 4.8s cubic-bezier(.4, 0, .2, 1) infinite; pointer-events: none; z-index: 1; } /* ========================================================= PRECISION CORNER DETAIL ========================================================= */ .sub-title-1::after { content: ""; position: absolute; right: 7px; top: 7px; width: 11px; height: 11px; border-top: 2px solid #FFA300; border-right: 2px solid #9E2A2B; opacity: 0.9; filter: drop-shadow( 0 0 4px rgba(255, 163, 0, 0.35) ); transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1), border-color 0.35s ease, filter 0.35s ease; } /* ========================================================= MICRO ACCENT LINE Created with background + box-shadow ========================================================= */ .sub-title-1 { --trace-size: 30px; background-image: linear-gradient( 90deg, transparent, transparent ); } /* ========================================================= BOTTOM PRECISION MARK ========================================================= */ .sub-title-1 { isolation: isolate; } .sub-title-1 .elementor-heading-title::after { content: ""; position: absolute; bottom: -1px; left: 0; width: var(--trace-size); height: 2px; background: linear-gradient( 90deg, #9E2A2B, #FFA300, transparent ); opacity: 0.9; pointer-events: none; } /* ========================================================= AMBIENT BORDER PULSE ========================================================= */ .sub-title-1 { animation: precisionPulse 4s ease-in-out infinite; } /* ========================================================= HOVER ========================================================= */ .sub-title-1:hover { color: #00235D !important; background: linear-gradient( 135deg, rgba(158, 42, 43, 0.12), rgba(218, 161, 76, 0.10), rgba(0, 35, 93, 0.08) ); border-color: rgba(255, 163, 0, 0.65); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10), 0 0 24px rgba(255, 163, 0, 0.10), 0 0 0 1px rgba(218, 161, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8); transform: translateY(-2px); } /* ========================================================= CORNER EXPANSION ========================================================= */ .sub-title-1:hover::after { width: 18px; height: 18px; border-top-color: #FFA300; border-right-color: #9E2A2B; filter: drop-shadow( 0 0 7px rgba(255, 163, 0, 0.7) ); } /* ========================================================= HOVER GOLD TRACE ========================================================= */ .sub-title-1:hover::before { animation-duration: 2.4s; } /* ========================================================= KEYFRAME — LIGHT SWEEP ========================================================= */ @keyframes precisionSweep { 0% { left: -35%; opacity: 0; } 8% { opacity: 1; } 45% { left: 125%; opacity: 1; } 55% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* ========================================================= KEYFRAME — AMBIENT PULSE ========================================================= */ @keyframes precisionPulse { 0%, 100% { border-color: rgba(158, 42, 43, 0.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 0 rgba(255, 163, 0, 0); } 50% { border-color: rgba(218, 161, 76, 0.48); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 18px rgba(218, 161, 76, 0.09); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sub-title-1 { font-size: 12px !important; letter-spacing: 2px !important; padding: 10px 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sub-title-1 { font-size: 10px !important; letter-spacing: 1.5px !important; padding: 8px 14px; border-radius: 4px; } .sub-title-1::after { width: 8px; height: 8px; right: 5px; top: 5px; } .sub-title-1:hover { transform: translateY(-1px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .sub-title-1 { animation: none; transition: none; } .sub-title-1::before { animation: none; } .sub-title-1:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-8a5a16c *//* ========================================================= ELEMENTOR HEADING WIDGET — CLEAN & UNIQUE STYLE System Colors: Primary: #B5122B (Crimson) Secondary: #162B5B (Navy) Accent: #F4C400 (Warm Amber) Dark/Text: #252525 (Charcoal) ========================================================= */ .elementor-12 .elementor-element.elementor-element-8a5a16c .elementor-heading-title { position: relative; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; /* Gradient text fill */ background: linear-gradient(135deg, #162B5B 25%, #B5122B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 16px; transition: transform 0.3s ease; } /* Accent underline bar (Crimson to Amber) */ .elementor-12 .elementor-element.elementor-element-8a5a16c .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 3.5px; background: linear-gradient(90deg, #B5122B 0%, #F4C400 100%); border-radius: 2px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); } /* Interactive hover extension */ .elementor-12 .elementor-element.elementor-element-8a5a16c:hover .elementor-heading-title::after { width: 90px; } /* Center alignment handling (if heading is centered) */ .elementor-12 .elementor-element.elementor-element-8a5a16c.elementor-align-center .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } /* Right alignment handling (if heading is right-aligned) */ .elementor-12 .elementor-element.elementor-element-8a5a16c.elementor-align-right .elementor-heading-title::after { left: auto; right: 0; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9b9ad56 *//* ========================================================= SUBTITLE 1 — PRECISION SIGNATURE FRAME Elementor CSS Class: sub-title-1 COLOR SYSTEM Primary: #9E2A2B Secondary: #00235D Text: #0F0F0F Accent: #FFA300 Warm Gold: #DAA14C Warm White: #F8F6F3 Heading: #1e293b Theme Text: #334155 ========================================================= */ /* ========================================================= MAIN FRAME ========================================================= */ .sub-title-1 { position: relative; display: inline-flex; align-items: center; justify-content: center; /* Typography */ font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2.5px !important; line-height: 1.2; text-transform: uppercase; color: #9E2A2B !important; /* Spacing */ padding: 11px 21px; /* Premium warm surface */ background: linear-gradient( 135deg, rgba(158, 42, 43, 0.075), rgba(218, 161, 76, 0.055), rgba(0, 35, 93, 0.045) ); /* Precision border */ border: 1px solid rgba(158, 42, 43, 0.28); border-radius: 4px; /* Glass effect */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Layered depth */ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 0 1px rgba(218, 161, 76, 0.025); overflow: hidden; transform: translateZ(0); transition: color 0.35s ease, background 0.45s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.4s ease; } /* ========================================================= TEXT LAYER Keeps Elementor text above animations ========================================================= */ .sub-title-1 > * { position: relative; z-index: 5; } /* ========================================================= MOVING GOLDEN LIGHT TRACE ========================================================= */ .sub-title-1::before { content: ""; position: absolute; top: -100%; left: -35%; width: 20%; height: 300%; background: linear-gradient( 90deg, transparent 0%, rgba(218, 161, 76, 0.05) 20%, rgba(255, 163, 0, 0.55) 48%, rgba(248, 246, 243, 0.75) 50%, rgba(218, 161, 76, 0.35) 55%, transparent 100% ); transform: rotate(18deg); opacity: 0; animation: precisionSweep 4.8s cubic-bezier(.4, 0, .2, 1) infinite; pointer-events: none; z-index: 1; } /* ========================================================= PRECISION CORNER DETAIL ========================================================= */ .sub-title-1::after { content: ""; position: absolute; right: 7px; top: 7px; width: 11px; height: 11px; border-top: 2px solid #FFA300; border-right: 2px solid #9E2A2B; opacity: 0.9; filter: drop-shadow( 0 0 4px rgba(255, 163, 0, 0.35) ); transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1), border-color 0.35s ease, filter 0.35s ease; } /* ========================================================= MICRO ACCENT LINE Created with background + box-shadow ========================================================= */ .sub-title-1 { --trace-size: 30px; background-image: linear-gradient( 90deg, transparent, transparent ); } /* ========================================================= BOTTOM PRECISION MARK ========================================================= */ .sub-title-1 { isolation: isolate; } .sub-title-1 .elementor-heading-title::after { content: ""; position: absolute; bottom: -1px; left: 0; width: var(--trace-size); height: 2px; background: linear-gradient( 90deg, #9E2A2B, #FFA300, transparent ); opacity: 0.9; pointer-events: none; } /* ========================================================= AMBIENT BORDER PULSE ========================================================= */ .sub-title-1 { animation: precisionPulse 4s ease-in-out infinite; } /* ========================================================= HOVER ========================================================= */ .sub-title-1:hover { color: #00235D !important; background: linear-gradient( 135deg, rgba(158, 42, 43, 0.12), rgba(218, 161, 76, 0.10), rgba(0, 35, 93, 0.08) ); border-color: rgba(255, 163, 0, 0.65); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10), 0 0 24px rgba(255, 163, 0, 0.10), 0 0 0 1px rgba(218, 161, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8); transform: translateY(-2px); } /* ========================================================= CORNER EXPANSION ========================================================= */ .sub-title-1:hover::after { width: 18px; height: 18px; border-top-color: #FFA300; border-right-color: #9E2A2B; filter: drop-shadow( 0 0 7px rgba(255, 163, 0, 0.7) ); } /* ========================================================= HOVER GOLD TRACE ========================================================= */ .sub-title-1:hover::before { animation-duration: 2.4s; } /* ========================================================= KEYFRAME — LIGHT SWEEP ========================================================= */ @keyframes precisionSweep { 0% { left: -35%; opacity: 0; } 8% { opacity: 1; } 45% { left: 125%; opacity: 1; } 55% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* ========================================================= KEYFRAME — AMBIENT PULSE ========================================================= */ @keyframes precisionPulse { 0%, 100% { border-color: rgba(158, 42, 43, 0.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 0 rgba(255, 163, 0, 0); } 50% { border-color: rgba(218, 161, 76, 0.48); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 18px rgba(218, 161, 76, 0.09); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sub-title-1 { font-size: 12px !important; letter-spacing: 2px !important; padding: 10px 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sub-title-1 { font-size: 10px !important; letter-spacing: 1.5px !important; padding: 8px 14px; border-radius: 4px; } .sub-title-1::after { width: 8px; height: 8px; right: 5px; top: 5px; } .sub-title-1:hover { transform: translateY(-1px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .sub-title-1 { animation: none; transition: none; } .sub-title-1::before { animation: none; } .sub-title-1:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-2290e96 *//* ========================================================= ELEMENTOR HEADING WIDGET — CLEAN & UNIQUE STYLE System Colors: Primary: #B5122B (Crimson) Secondary: #162B5B (Navy) Accent: #F4C400 (Warm Amber) Dark/Text: #252525 (Charcoal) ========================================================= */ .elementor-12 .elementor-element.elementor-element-2290e96 .elementor-heading-title { position: relative; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; /* Gradient text fill */ background: linear-gradient(135deg, #162B5B 25%, #B5122B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 16px; transition: transform 0.3s ease; } /* Accent underline bar (Crimson to Amber) */ .elementor-12 .elementor-element.elementor-element-2290e96 .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 3.5px; background: linear-gradient(90deg, #B5122B 0%, #F4C400 100%); border-radius: 2px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); } /* Interactive hover extension */ .elementor-12 .elementor-element.elementor-element-2290e96:hover .elementor-heading-title::after { width: 90px; } /* Center alignment handling (if heading is centered) */ .elementor-12 .elementor-element.elementor-element-2290e96.elementor-align-center .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } /* Right alignment handling (if heading is right-aligned) */ .elementor-12 .elementor-element.elementor-element-2290e96.elementor-align-right .elementor-heading-title::after { left: auto; right: 0; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-125f142 *//* ========================================================= SUBTITLE 1 — PRECISION SIGNATURE FRAME Elementor CSS Class: sub-title-1 COLOR SYSTEM Primary: #9E2A2B Secondary: #00235D Text: #0F0F0F Accent: #FFA300 Warm Gold: #DAA14C Warm White: #F8F6F3 Heading: #1e293b Theme Text: #334155 ========================================================= */ /* ========================================================= MAIN FRAME ========================================================= */ .sub-title-1 { position: relative; display: inline-flex; align-items: center; justify-content: center; /* Typography */ font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2.5px !important; line-height: 1.2; text-transform: uppercase; color: #9E2A2B !important; /* Spacing */ padding: 11px 21px; /* Premium warm surface */ background: linear-gradient( 135deg, rgba(158, 42, 43, 0.075), rgba(218, 161, 76, 0.055), rgba(0, 35, 93, 0.045) ); /* Precision border */ border: 1px solid rgba(158, 42, 43, 0.28); border-radius: 4px; /* Glass effect */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Layered depth */ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 0 1px rgba(218, 161, 76, 0.025); overflow: hidden; transform: translateZ(0); transition: color 0.35s ease, background 0.45s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.4s ease; } /* ========================================================= TEXT LAYER Keeps Elementor text above animations ========================================================= */ .sub-title-1 > * { position: relative; z-index: 5; } /* ========================================================= MOVING GOLDEN LIGHT TRACE ========================================================= */ .sub-title-1::before { content: ""; position: absolute; top: -100%; left: -35%; width: 20%; height: 300%; background: linear-gradient( 90deg, transparent 0%, rgba(218, 161, 76, 0.05) 20%, rgba(255, 163, 0, 0.55) 48%, rgba(248, 246, 243, 0.75) 50%, rgba(218, 161, 76, 0.35) 55%, transparent 100% ); transform: rotate(18deg); opacity: 0; animation: precisionSweep 4.8s cubic-bezier(.4, 0, .2, 1) infinite; pointer-events: none; z-index: 1; } /* ========================================================= PRECISION CORNER DETAIL ========================================================= */ .sub-title-1::after { content: ""; position: absolute; right: 7px; top: 7px; width: 11px; height: 11px; border-top: 2px solid #FFA300; border-right: 2px solid #9E2A2B; opacity: 0.9; filter: drop-shadow( 0 0 4px rgba(255, 163, 0, 0.35) ); transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1), border-color 0.35s ease, filter 0.35s ease; } /* ========================================================= MICRO ACCENT LINE Created with background + box-shadow ========================================================= */ .sub-title-1 { --trace-size: 30px; background-image: linear-gradient( 90deg, transparent, transparent ); } /* ========================================================= BOTTOM PRECISION MARK ========================================================= */ .sub-title-1 { isolation: isolate; } .sub-title-1 .elementor-heading-title::after { content: ""; position: absolute; bottom: -1px; left: 0; width: var(--trace-size); height: 2px; background: linear-gradient( 90deg, #9E2A2B, #FFA300, transparent ); opacity: 0.9; pointer-events: none; } /* ========================================================= AMBIENT BORDER PULSE ========================================================= */ .sub-title-1 { animation: precisionPulse 4s ease-in-out infinite; } /* ========================================================= HOVER ========================================================= */ .sub-title-1:hover { color: #00235D !important; background: linear-gradient( 135deg, rgba(158, 42, 43, 0.12), rgba(218, 161, 76, 0.10), rgba(0, 35, 93, 0.08) ); border-color: rgba(255, 163, 0, 0.65); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10), 0 0 24px rgba(255, 163, 0, 0.10), 0 0 0 1px rgba(218, 161, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8); transform: translateY(-2px); } /* ========================================================= CORNER EXPANSION ========================================================= */ .sub-title-1:hover::after { width: 18px; height: 18px; border-top-color: #FFA300; border-right-color: #9E2A2B; filter: drop-shadow( 0 0 7px rgba(255, 163, 0, 0.7) ); } /* ========================================================= HOVER GOLD TRACE ========================================================= */ .sub-title-1:hover::before { animation-duration: 2.4s; } /* ========================================================= KEYFRAME — LIGHT SWEEP ========================================================= */ @keyframes precisionSweep { 0% { left: -35%; opacity: 0; } 8% { opacity: 1; } 45% { left: 125%; opacity: 1; } 55% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* ========================================================= KEYFRAME — AMBIENT PULSE ========================================================= */ @keyframes precisionPulse { 0%, 100% { border-color: rgba(158, 42, 43, 0.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 0 rgba(255, 163, 0, 0); } 50% { border-color: rgba(218, 161, 76, 0.48); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 18px rgba(218, 161, 76, 0.09); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sub-title-1 { font-size: 12px !important; letter-spacing: 2px !important; padding: 10px 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sub-title-1 { font-size: 10px !important; letter-spacing: 1.5px !important; padding: 8px 14px; border-radius: 4px; } .sub-title-1::after { width: 8px; height: 8px; right: 5px; top: 5px; } .sub-title-1:hover { transform: translateY(-1px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .sub-title-1 { animation: none; transition: none; } .sub-title-1::before { animation: none; } .sub-title-1:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-e6d9238 *//* ========================================================= ELEMENTOR HEADING WIDGET — CLEAN & UNIQUE STYLE System Colors: Primary: #B5122B (Crimson) Secondary: #162B5B (Navy) Accent: #F4C400 (Warm Amber) Dark/Text: #252525 (Charcoal) ========================================================= */ .elementor-12 .elementor-element.elementor-element-e6d9238 .elementor-heading-title { position: relative; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; /* Gradient text fill */ background: linear-gradient(135deg, #162B5B 25%, #B5122B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 16px; transition: transform 0.3s ease; } /* Accent underline bar (Crimson to Amber) */ .elementor-12 .elementor-element.elementor-element-e6d9238 .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 3.5px; background: linear-gradient(90deg, #B5122B 0%, #F4C400 100%); border-radius: 2px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); } /* Interactive hover extension */ .elementor-12 .elementor-element.elementor-element-e6d9238:hover .elementor-heading-title::after { width: 90px; } /* Center alignment handling (if heading is centered) */ .elementor-12 .elementor-element.elementor-element-e6d9238.elementor-align-center .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } /* Right alignment handling (if heading is right-aligned) */ .elementor-12 .elementor-element.elementor-element-e6d9238.elementor-align-right .elementor-heading-title::after { left: auto; right: 0; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-7ff00d6 *//* ========================================================= SUBTITLE 1 — PRECISION SIGNATURE FRAME Elementor CSS Class: sub-title-1 COLOR SYSTEM Primary: #9E2A2B Secondary: #00235D Text: #0F0F0F Accent: #FFA300 Warm Gold: #DAA14C Warm White: #F8F6F3 Heading: #1e293b Theme Text: #334155 ========================================================= */ /* ========================================================= MAIN FRAME ========================================================= */ .sub-title-1 { position: relative; display: inline-flex; align-items: center; justify-content: center; /* Typography */ font-size: 13px !important; font-weight: 800 !important; letter-spacing: 2.5px !important; line-height: 1.2; text-transform: uppercase; color: #9E2A2B !important; /* Spacing */ padding: 11px 21px; /* Premium warm surface */ background: linear-gradient( 135deg, rgba(158, 42, 43, 0.075), rgba(218, 161, 76, 0.055), rgba(0, 35, 93, 0.045) ); /* Precision border */ border: 1px solid rgba(158, 42, 43, 0.28); border-radius: 4px; /* Glass effect */ backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); /* Layered depth */ box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 0 0 1px rgba(218, 161, 76, 0.025); overflow: hidden; transform: translateZ(0); transition: color 0.35s ease, background 0.45s ease, border-color 0.4s ease, box-shadow 0.45s ease, transform 0.4s ease; } /* ========================================================= TEXT LAYER Keeps Elementor text above animations ========================================================= */ .sub-title-1 > * { position: relative; z-index: 5; } /* ========================================================= MOVING GOLDEN LIGHT TRACE ========================================================= */ .sub-title-1::before { content: ""; position: absolute; top: -100%; left: -35%; width: 20%; height: 300%; background: linear-gradient( 90deg, transparent 0%, rgba(218, 161, 76, 0.05) 20%, rgba(255, 163, 0, 0.55) 48%, rgba(248, 246, 243, 0.75) 50%, rgba(218, 161, 76, 0.35) 55%, transparent 100% ); transform: rotate(18deg); opacity: 0; animation: precisionSweep 4.8s cubic-bezier(.4, 0, .2, 1) infinite; pointer-events: none; z-index: 1; } /* ========================================================= PRECISION CORNER DETAIL ========================================================= */ .sub-title-1::after { content: ""; position: absolute; right: 7px; top: 7px; width: 11px; height: 11px; border-top: 2px solid #FFA300; border-right: 2px solid #9E2A2B; opacity: 0.9; filter: drop-shadow( 0 0 4px rgba(255, 163, 0, 0.35) ); transition: width 0.45s cubic-bezier(.4, 0, .2, 1), height 0.45s cubic-bezier(.4, 0, .2, 1), border-color 0.35s ease, filter 0.35s ease; } /* ========================================================= MICRO ACCENT LINE Created with background + box-shadow ========================================================= */ .sub-title-1 { --trace-size: 30px; background-image: linear-gradient( 90deg, transparent, transparent ); } /* ========================================================= BOTTOM PRECISION MARK ========================================================= */ .sub-title-1 { isolation: isolate; } .sub-title-1 .elementor-heading-title::after { content: ""; position: absolute; bottom: -1px; left: 0; width: var(--trace-size); height: 2px; background: linear-gradient( 90deg, #9E2A2B, #FFA300, transparent ); opacity: 0.9; pointer-events: none; } /* ========================================================= AMBIENT BORDER PULSE ========================================================= */ .sub-title-1 { animation: precisionPulse 4s ease-in-out infinite; } /* ========================================================= HOVER ========================================================= */ .sub-title-1:hover { color: #00235D !important; background: linear-gradient( 135deg, rgba(158, 42, 43, 0.12), rgba(218, 161, 76, 0.10), rgba(0, 35, 93, 0.08) ); border-color: rgba(255, 163, 0, 0.65); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.10), 0 0 24px rgba(255, 163, 0, 0.10), 0 0 0 1px rgba(218, 161, 76, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8); transform: translateY(-2px); } /* ========================================================= CORNER EXPANSION ========================================================= */ .sub-title-1:hover::after { width: 18px; height: 18px; border-top-color: #FFA300; border-right-color: #9E2A2B; filter: drop-shadow( 0 0 7px rgba(255, 163, 0, 0.7) ); } /* ========================================================= HOVER GOLD TRACE ========================================================= */ .sub-title-1:hover::before { animation-duration: 2.4s; } /* ========================================================= KEYFRAME — LIGHT SWEEP ========================================================= */ @keyframes precisionSweep { 0% { left: -35%; opacity: 0; } 8% { opacity: 1; } 45% { left: 125%; opacity: 1; } 55% { left: 135%; opacity: 0; } 100% { left: 135%; opacity: 0; } } /* ========================================================= KEYFRAME — AMBIENT PULSE ========================================================= */ @keyframes precisionPulse { 0%, 100% { border-color: rgba(158, 42, 43, 0.25); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 0 rgba(255, 163, 0, 0); } 50% { border-color: rgba(218, 161, 76, 0.48); box-shadow: 0 8px 28px rgba(0, 0, 0, 0.08), 0 0 18px rgba(218, 161, 76, 0.09); } } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .sub-title-1 { font-size: 12px !important; letter-spacing: 2px !important; padding: 10px 18px; } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .sub-title-1 { font-size: 10px !important; letter-spacing: 1.5px !important; padding: 8px 14px; border-radius: 4px; } .sub-title-1::after { width: 8px; height: 8px; right: 5px; top: 5px; } .sub-title-1:hover { transform: translateY(-1px); } } /* ========================================================= REDUCED MOTION ========================================================= */ @media (prefers-reduced-motion: reduce) { .sub-title-1 { animation: none; transition: none; } .sub-title-1::before { animation: none; } .sub-title-1:hover { transform: none; } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-6d0ebb6 *//* ========================================================= ELEMENTOR HEADING WIDGET — CLEAN & UNIQUE STYLE System Colors: Primary: #B5122B (Crimson) Secondary: #162B5B (Navy) Accent: #F4C400 (Warm Amber) Dark/Text: #252525 (Charcoal) ========================================================= */ .elementor-12 .elementor-element.elementor-element-6d0ebb6 .elementor-heading-title { position: relative; display: inline-block; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: -0.5px !important; /* Gradient text fill */ background: linear-gradient(135deg, #162B5B 25%, #B5122B 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-bottom: 16px; transition: transform 0.3s ease; } /* Accent underline bar (Crimson to Amber) */ .elementor-12 .elementor-element.elementor-element-6d0ebb6 .elementor-heading-title::after { content: ""; position: absolute; bottom: 0; left: 0; width: 45px; height: 3.5px; background: linear-gradient(90deg, #B5122B 0%, #F4C400 100%); border-radius: 2px; transition: width 0.4s cubic-bezier(0.2, 0.8, 0.2, 1); } /* Interactive hover extension */ .elementor-12 .elementor-element.elementor-element-6d0ebb6:hover .elementor-heading-title::after { width: 90px; } /* Center alignment handling (if heading is centered) */ .elementor-12 .elementor-element.elementor-element-6d0ebb6.elementor-align-center .elementor-heading-title::after { left: 50%; transform: translateX(-50%); } /* Right alignment handling (if heading is right-aligned) */ .elementor-12 .elementor-element.elementor-element-6d0ebb6.elementor-align-right .elementor-heading-title::after { left: auto; right: 0; }/* End custom CSS */