.elementor-74 .elementor-element.elementor-element-13dcc662:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-13dcc662 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bhargaviengineeringworks.com/wp-content/uploads/2025/12/Gemini_Generated_Image_abnxcrabnxcrabnx-scaled.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-74 .elementor-element.elementor-element-13dcc662 > .elementor-background-overlay{background-color:var( --e-global-color-astglobalcolor2 );opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-13dcc662 > .elementor-container{max-width:1320px;}.elementor-74 .elementor-element.elementor-element-13dcc662{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-300px;margin-bottom:0px;padding:450px 30px 150px 30px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-13dcc662 > .elementor-shape-bottom svg{height:150px;transform:translateX(-50%) rotateY(180deg);}.elementor-74 .elementor-element.elementor-element-2e6a5080 > .elementor-element-populated{padding:0px 30px 0px 0px;}.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-74 .elementor-element.elementor-element-1ed3b321 .elementor-heading-title{color:#FFFFFF;}.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-74 .elementor-element.elementor-element-c601005{color:var( --e-global-color-astglobalcolor4 );}.elementor-widget-ha-dual-button .ha-dual-btn{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-ha-dual-button .ha-dual-btn--left{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-ha-dual-button .ha-dual-btn-connector{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-ha-dual-button .ha-dual-btn--right{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-74 .elementor-element.elementor-element-0c26400 .ha-dual-btn--left{background-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-0c26400 .ha-dual-btn--right{background-color:var( --e-global-color-accent );}.elementor-74 .elementor-element.elementor-element-6d743fe6 > .elementor-element-populated{padding:0px 0px 0px 30px;}.elementor-74 .elementor-element.elementor-element-4b769a74 > .elementor-container{max-width:1320px;}.elementor-74 .elementor-element.elementor-element-4b769a74{padding:0px 30px 100px 30px;overflow:visible;}.elementor-bc-flex-widget .elementor-74 .elementor-element.elementor-element-19b8213e.elementor-column .elementor-widget-wrap{align-items:flex-end;}.elementor-74 .elementor-element.elementor-element-19b8213e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:flex-end;align-items:flex-end;}.elementor-74 .elementor-element.elementor-element-19b8213e > .elementor-element-populated{padding:60px 30px 60px 0px;}.elementor-74 .elementor-element.elementor-element-73f1124c{overflow:visible;}.elementor-74 .elementor-element.elementor-element-1de4c42f > .elementor-element-populated{padding:0px 20px 0px 0px;}.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-74 .elementor-element.elementor-element-3b6f34b6{background-color:#FFFFFF;padding:35px 35px 35px 35px;border-radius:10px 10px 10px 10px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.07);--icon-box-icon-margin:20px;}.elementor-74 .elementor-element.elementor-element-3b6f34b6.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-3b6f34b6 .elementor-icon-box-wrapper{text-align:left;}.elementor-74 .elementor-element.elementor-element-3b6f34b6 .elementor-icon-box-title{margin-block-end:5px;}.elementor-74 .elementor-element.elementor-element-3b6f34b6.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-3b6f34b6.elementor-view-framed .elementor-icon, .elementor-74 .elementor-element.elementor-element-3b6f34b6.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-74 .elementor-element.elementor-element-3b6f34b6 .elementor-icon{font-size:35px;}.elementor-74 .elementor-element.elementor-element-3b6f34b6 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-74 .elementor-element.elementor-element-47256530 > .elementor-element-populated{padding:0px 10px 0px 10px;}.elementor-74 .elementor-element.elementor-element-1b0a1742{background-color:#FFFFFF;padding:35px 35px 35px 35px;border-radius:10px 10px 10px 10px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.07);--icon-box-icon-margin:20px;}.elementor-74 .elementor-element.elementor-element-1b0a1742.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-1b0a1742 .elementor-icon-box-wrapper{text-align:left;}.elementor-74 .elementor-element.elementor-element-1b0a1742 .elementor-icon-box-title{margin-block-end:5px;}.elementor-74 .elementor-element.elementor-element-1b0a1742.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-1b0a1742.elementor-view-framed .elementor-icon, .elementor-74 .elementor-element.elementor-element-1b0a1742.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-74 .elementor-element.elementor-element-1b0a1742 .elementor-icon{font-size:35px;}.elementor-74 .elementor-element.elementor-element-1b0a1742 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-74 .elementor-element.elementor-element-39a10b85 > .elementor-element-populated{padding:0px 0px 0px 20px;}.elementor-74 .elementor-element.elementor-element-7ef8a7d5{background-color:#FFFFFF;padding:35px 35px 35px 35px;border-radius:10px 10px 10px 10px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.07);--icon-box-icon-margin:20px;}.elementor-74 .elementor-element.elementor-element-7ef8a7d5.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-7ef8a7d5 .elementor-icon-box-wrapper{text-align:left;}.elementor-74 .elementor-element.elementor-element-7ef8a7d5 .elementor-icon-box-title{margin-block-end:5px;}.elementor-74 .elementor-element.elementor-element-7ef8a7d5.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-7ef8a7d5.elementor-view-framed .elementor-icon, .elementor-74 .elementor-element.elementor-element-7ef8a7d5.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-74 .elementor-element.elementor-element-7ef8a7d5 .elementor-icon{font-size:35px;}.elementor-74 .elementor-element.elementor-element-7ef8a7d5 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-74 .elementor-element.elementor-element-593f13a8:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-74 .elementor-element.elementor-element-593f13a8 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bhargaviengineeringworks.com/wp-content/uploads/2025/12/Gemini_Generated_Image_dlg37ydlg37ydlg3.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-74 .elementor-element.elementor-element-593f13a8 > .elementor-element-populated, .elementor-74 .elementor-element.elementor-element-593f13a8 > .elementor-element-populated > .elementor-background-overlay, .elementor-74 .elementor-element.elementor-element-593f13a8 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-74 .elementor-element.elementor-element-593f13a8 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:-160px 0px 0px 30px;--e-column-margin-right:0px;--e-column-margin-left:30px;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-593f13a8 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-51085e71{--spacer-size:50px;}.elementor-74 .elementor-element.elementor-element-34910a5b > .elementor-container{max-width:1320px;}.elementor-74 .elementor-element.elementor-element-34910a5b{padding:0px 30px 0px 30px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-203daddd:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-74 .elementor-element.elementor-element-203daddd > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bhargaviengineeringworks.com/wp-content/uploads/2025/12/Gemini_Generated_Image_ufpnx1ufpnx1ufpn.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-74 .elementor-element.elementor-element-203daddd > .elementor-element-populated, .elementor-74 .elementor-element.elementor-element-203daddd > .elementor-element-populated > .elementor-background-overlay, .elementor-74 .elementor-element.elementor-element-203daddd > .elementor-background-slideshow{border-radius:10px 10px 0px 0px;}.elementor-74 .elementor-element.elementor-element-203daddd > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 30px 0px 0px;--e-column-margin-right:30px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-203daddd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-679634b4{--spacer-size:50px;width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-bc-flex-widget .elementor-74 .elementor-element.elementor-element-6c639b23.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-74 .elementor-element.elementor-element-6c639b23.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-74 .elementor-element.elementor-element-6c639b23 > .elementor-element-populated{padding:60px 0px 100px 30px;}.elementor-74 .elementor-element.elementor-element-2368ae04 .elementor-heading-title{color:var( --e-global-color-primary );}.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-74 .elementor-element.elementor-element-54a68f5a{width:auto;max-width:auto;}.elementor-74 .elementor-element.elementor-element-7caede89{margin-top:35px;margin-bottom:0px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-29adafc5:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-74 .elementor-element.elementor-element-29adafc5 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bhargaviengineeringworks.com/wp-content/uploads/2025/12/Gemini_Generated_Image_hdnn25hdnn25hdnn.png");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-bc-flex-widget .elementor-74 .elementor-element.elementor-element-29adafc5.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-74 .elementor-element.elementor-element-29adafc5.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-74 .elementor-element.elementor-element-29adafc5 > .elementor-element-populated, .elementor-74 .elementor-element.elementor-element-29adafc5 > .elementor-element-populated > .elementor-background-overlay, .elementor-74 .elementor-element.elementor-element-29adafc5 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-74 .elementor-element.elementor-element-29adafc5 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-29adafc5 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-6688bdb2:not(.elementor-motion-effects-element-type-background) > .elementor-widget-wrap, .elementor-74 .elementor-element.elementor-element-6688bdb2 > .elementor-widget-wrap > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-6688bdb2 > .elementor-element-populated, .elementor-74 .elementor-element.elementor-element-6688bdb2 > .elementor-element-populated > .elementor-background-overlay, .elementor-74 .elementor-element.elementor-element-6688bdb2 > .elementor-background-slideshow{border-radius:10px 10px 10px 10px;}.elementor-74 .elementor-element.elementor-element-6688bdb2 > .elementor-element-populated{box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.07);transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:60px 0px 60px -100px;--e-column-margin-right:0px;--e-column-margin-left:-100px;padding:35px 35px 35px 35px;}.elementor-74 .elementor-element.elementor-element-6688bdb2 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-74a1c19b{background-color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-74a1c19b.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-74a1c19b .elementor-icon-box-wrapper{text-align:left;}.elementor-74 .elementor-element.elementor-element-74a1c19b .elementor-icon-box-title{margin-block-end:5px;}.elementor-74 .elementor-element.elementor-element-74a1c19b .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-74 .elementor-element.elementor-element-3c22d1ff{--divider-border-style:dashed;--divider-border-width:1px;}.elementor-74 .elementor-element.elementor-element-3c22d1ff .elementor-divider-separator{width:100%;}.elementor-74 .elementor-element.elementor-element-3c22d1ff .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-74 .elementor-element.elementor-element-7f3fa450{background-color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-7f3fa450.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-7f3fa450 .elementor-icon-box-wrapper{text-align:left;}.elementor-74 .elementor-element.elementor-element-7f3fa450 .elementor-icon-box-title{margin-block-end:5px;}.elementor-74 .elementor-element.elementor-element-7f3fa450 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-74 .elementor-element.elementor-element-68c612c > .elementor-container{max-width:1320px;}.elementor-74 .elementor-element.elementor-element-68c612c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:100px 30px 100px 30px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-68c612c > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-5f169abd > .elementor-container{max-width:720px;}.elementor-74 .elementor-element.elementor-element-5f169abd{margin-top:0px;margin-bottom:45px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-412ca0fc{text-align:center;}.elementor-74 .elementor-element.elementor-element-412ca0fc .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-3352f882{text-align:center;}.elementor-74 .elementor-element.elementor-element-1392b7c8 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:15px;}.elementor-74 .elementor-element.elementor-element-1392b7c8{margin-top:0px;margin-bottom:45px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-2ca3cd41.ekit-equal-height-enable, .elementor-74 .elementor-element.elementor-element-2ca3cd41.ekit-equal-height-enable > div, .elementor-74 .elementor-element.elementor-element-2ca3cd41.ekit-equal-height-enable .ekit-wid-con, .elementor-74 .elementor-element.elementor-element-2ca3cd41.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-infobox{background-color:var( --e-global-color-primary );padding:35px 35px 35px 35px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:10px 10px 10px 10px;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-infobox:hover{background-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-btn{background-color:#02010100;padding:0px 0px 0px 0px;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:#FFD8BE;fill:#FFD8BE;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-infobox .elementskit-info-box-title{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;color:#FFFFFF;font-family:"Source Sans Pro", Sans-serif;font-size:25px;font-weight:700;text-transform:capitalize;line-height:1.3em;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-infobox .box-body > p{color:#FFFFFFD4;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-infobox:hover .box-body > p{color:#FFFFFFD4;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-infobox p{margin:0px 0px 20px 0px;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-info-box-icon{color:#FFFFFF;fill:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-infobox .elementskit-info-box-icon{font-size:45px;transform:rotate(0deg);}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 0px 25px 0px;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-btn i{font-size:17px;margin-left:5px;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-btn svg{max-width:17px;margin-left:5px;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-infobox:hover .elementskit-btn{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-2e064e04.ekit-equal-height-enable, .elementor-74 .elementor-element.elementor-element-2e064e04.ekit-equal-height-enable > div, .elementor-74 .elementor-element.elementor-element-2e064e04.ekit-equal-height-enable .ekit-wid-con, .elementor-74 .elementor-element.elementor-element-2e064e04.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox{background-color:#FFFFFF;padding:35px 35px 35px 35px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:10px 10px 10px 10px;}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox:hover{background-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-btn{background-color:#02010100;padding:0px 0px 0px 0px;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox .elementskit-info-box-title{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;color:var( --e-global-color-accent );font-family:"Oswald", Sans-serif;font-size:25px;font-weight:600;text-transform:capitalize;line-height:1.3em;}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox .box-body > p{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-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox:hover .box-body > p{color:var( --e-global-color-astglobalcolor4 );}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox p{margin:0px 0px 20px 0px;}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-info-box-icon{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox:hover .elementskit-info-box-icon{color:#FFFFFF;fill:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox .elementskit-info-box-icon{font-size:45px;transform:rotate(0deg);}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 0px 25px 0px;}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-btn i{font-size:17px;margin-left:5px;}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-btn svg{max-width:17px;margin-left:5px;}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox:hover .elementskit-btn{color:var( --e-global-color-astglobalcolor4 );}.elementor-74 .elementor-element.elementor-element-5f5bf5d1.ekit-equal-height-enable, .elementor-74 .elementor-element.elementor-element-5f5bf5d1.ekit-equal-height-enable > div, .elementor-74 .elementor-element.elementor-element-5f5bf5d1.ekit-equal-height-enable .ekit-wid-con, .elementor-74 .elementor-element.elementor-element-5f5bf5d1.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox{background-color:#FFFFFF;padding:35px 35px 35px 35px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:10px 10px 10px 10px;}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox:hover{background-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-btn{background-color:#02010100;padding:0px 0px 0px 0px;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox .elementskit-info-box-title{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;color:var( --e-global-color-accent );font-family:"Oswald", Sans-serif;font-size:25px;font-weight:600;text-transform:capitalize;line-height:1.3em;}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox .box-body > p{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-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox:hover .box-body > p{color:var( --e-global-color-astglobalcolor4 );}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox p{margin:0px 0px 20px 0px;}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-info-box-icon{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox:hover .elementskit-info-box-icon{color:#FFFFFF;fill:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox .elementskit-info-box-icon{font-size:45px;transform:rotate(0deg);}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 0px 25px 0px;}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-btn i{font-size:17px;margin-left:5px;}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-btn svg{max-width:17px;margin-left:5px;}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox:hover .elementskit-btn{color:var( --e-global-color-astglobalcolor4 );}.elementor-74 .elementor-element.elementor-element-14123366.ekit-equal-height-enable, .elementor-74 .elementor-element.elementor-element-14123366.ekit-equal-height-enable > div, .elementor-74 .elementor-element.elementor-element-14123366.ekit-equal-height-enable .ekit-wid-con, .elementor-74 .elementor-element.elementor-element-14123366.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-infobox{background-color:#FFFFFF;padding:35px 35px 35px 35px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0);border-style:none;border-radius:10px 10px 10px 10px;}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-infobox:hover{background-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-btn{background-color:#02010100;padding:0px 0px 0px 0px;font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-infobox .elementskit-info-box-title{margin:0px 0px 10px 0px;padding:0px 0px 0px 0px;color:var( --e-global-color-accent );font-family:"Oswald", Sans-serif;font-size:25px;font-weight:600;text-transform:capitalize;line-height:1.3em;}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-infobox:hover .elementskit-info-box-title{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-infobox .box-body > p{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-74 .elementor-element.elementor-element-14123366 .elementskit-infobox:hover .box-body > p{color:var( --e-global-color-astglobalcolor4 );}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-infobox p{margin:0px 0px 20px 0px;}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-info-box-icon{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-infobox:hover .elementskit-info-box-icon{color:#FFFFFF;fill:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-infobox .elementskit-info-box-icon{font-size:45px;transform:rotate(0deg);}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-infobox .elementskit-box-header .elementskit-info-box-icon{margin:0px 0px 25px 0px;}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-btn i{font-size:17px;margin-left:5px;}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-btn svg{max-width:17px;margin-left:5px;}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-infobox:hover .elementskit-btn{color:var( --e-global-color-astglobalcolor4 );}.elementor-74 .elementor-element.elementor-element-486e4ece .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-74 .elementor-element.elementor-element-486e4ece .elementor-button .elementor-button-content-wrapper{gap:10px;}.elementor-74 .elementor-element.elementor-element-03a8d5b:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-03a8d5b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bhargaviengineeringworks.com/wp-content/uploads/2025/12/WhatsApp-Image-2025-12-04-at-12.45.57-1.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-74 .elementor-element.elementor-element-03a8d5b > .elementor-container{min-height:869px;}.elementor-74 .elementor-element.elementor-element-03a8d5b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-03a8d5b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-f314347 > .elementor-container{max-width:1320px;}.elementor-74 .elementor-element.elementor-element-f314347{padding:0px 30px 0px 30px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-8686dd8 > .elementor-element-populated, .elementor-74 .elementor-element.elementor-element-8686dd8 > .elementor-element-populated > .elementor-background-overlay, .elementor-74 .elementor-element.elementor-element-8686dd8 > .elementor-background-slideshow{border-radius:0px 0px 10px 10px;}.elementor-74 .elementor-element.elementor-element-8686dd8 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-74 .elementor-element.elementor-element-8686dd8 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-4e2fb87 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:50px;}.elementor-74 .elementor-element.elementor-element-4e2fb87{overflow:visible;}.elementor-74 .elementor-element.elementor-element-87f0889.elementor-column > .elementor-widget-wrap{justify-content:center;}.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-74 .elementor-element.elementor-element-8138ee9{width:auto;max-width:auto;}.elementor-74 .elementor-element.elementor-element-8138ee9 .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-74 .elementor-element.elementor-element-e7febf0{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-74 .elementor-element.elementor-element-e7febf0 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-6bc2d4d.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-74 .elementor-element.elementor-element-9fd8ca2{width:auto;max-width:auto;}.elementor-74 .elementor-element.elementor-element-9fd8ca2 .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-74 .elementor-element.elementor-element-6fc072e{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-74 .elementor-element.elementor-element-6fc072e .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-156b75f.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-74 .elementor-element.elementor-element-47dc027{width:auto;max-width:auto;}.elementor-74 .elementor-element.elementor-element-47dc027 .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-74 .elementor-element.elementor-element-4fec777{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-74 .elementor-element.elementor-element-4fec777 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-e9118ab.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-74 .elementor-element.elementor-element-e3c69b7{width:auto;max-width:auto;}.elementor-74 .elementor-element.elementor-element-e3c69b7 .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-74 .elementor-element.elementor-element-8c16aef{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-74 .elementor-element.elementor-element-8c16aef .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-2949ebb{margin-top:100px;margin-bottom:0px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-eb228be{text-align:center;}.elementor-74 .elementor-element.elementor-element-eb228be .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-37dd442{text-align:center;}.elementor-74 .elementor-element.elementor-element-a5be44f{overflow:visible;}.elementor-74 .elementor-element.elementor-element-b226d27{overflow:visible;}.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-74 .elementor-element.elementor-element-62ab6c6{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-widget-ha-creative-button .ha-creative-btn{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-74 .elementor-element.elementor-element-76dedd9 .elementor-widget-container{text-align:center;}.elementor-74 .elementor-element.elementor-element-76dedd9:not(:has(.elementor-widget-container)){text-align:center;}.elementor-74 .elementor-element.elementor-element-76dedd9 .ha-creative-btn{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );border-radius:15px 15px 15px 15px;}.elementor-74 .elementor-element.elementor-element-76dedd9 .ha-creative-btn, .elementor-74 .elementor-element.elementor-element-76dedd9 .ha-creative-btn.ha-eft--bloom div{border-style:solid;}.elementor-74 .elementor-element.elementor-element-76dedd9 .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom div{border-radius:15px 15px 15px 15px;}.elementor-74 .elementor-element.elementor-element-76dedd9 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:var( --e-global-color-accent );--ha-ctv-btn-border-clr:var( --e-global-color-accent );--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-accent );--ha-ctv-btn-border-hvr-clr:var( --e-global-color-accent );}.elementor-74 .elementor-element.elementor-element-3395388{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-74 .elementor-element.elementor-element-cb387d5 .elementor-widget-container{text-align:center;}.elementor-74 .elementor-element.elementor-element-cb387d5:not(:has(.elementor-widget-container)){text-align:center;}.elementor-74 .elementor-element.elementor-element-cb387d5 .ha-creative-btn{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );border-radius:15px 15px 15px 15px;}.elementor-74 .elementor-element.elementor-element-cb387d5 .ha-creative-btn, .elementor-74 .elementor-element.elementor-element-cb387d5 .ha-creative-btn.ha-eft--bloom div{border-style:solid;}.elementor-74 .elementor-element.elementor-element-cb387d5 .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom div{border-radius:15px 15px 15px 15px;}.elementor-74 .elementor-element.elementor-element-cb387d5 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:var( --e-global-color-accent );--ha-ctv-btn-border-clr:var( --e-global-color-accent );--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-accent );--ha-ctv-btn-border-hvr-clr:var( --e-global-color-accent );}.elementor-74 .elementor-element.elementor-element-369af96{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-74 .elementor-element.elementor-element-5ec535e .elementor-widget-container{text-align:center;}.elementor-74 .elementor-element.elementor-element-5ec535e:not(:has(.elementor-widget-container)){text-align:center;}.elementor-74 .elementor-element.elementor-element-5ec535e .ha-creative-btn{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );border-radius:15px 15px 15px 15px;}.elementor-74 .elementor-element.elementor-element-5ec535e .ha-creative-btn, .elementor-74 .elementor-element.elementor-element-5ec535e .ha-creative-btn.ha-eft--bloom div{border-style:solid;}.elementor-74 .elementor-element.elementor-element-5ec535e .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom div{border-radius:15px 15px 15px 15px;}.elementor-74 .elementor-element.elementor-element-5ec535e .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:var( --e-global-color-accent );--ha-ctv-btn-border-clr:var( --e-global-color-accent );--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-accent );--ha-ctv-btn-border-hvr-clr:var( --e-global-color-accent );}.elementor-74 .elementor-element.elementor-element-ffbf0e3{overflow:visible;}.elementor-74 .elementor-element.elementor-element-3ff3ef4{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-74 .elementor-element.elementor-element-82cb5d4 .elementor-widget-container{text-align:center;}.elementor-74 .elementor-element.elementor-element-82cb5d4:not(:has(.elementor-widget-container)){text-align:center;}.elementor-74 .elementor-element.elementor-element-82cb5d4 .ha-creative-btn{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );border-radius:15px 15px 15px 15px;}.elementor-74 .elementor-element.elementor-element-82cb5d4 .ha-creative-btn, .elementor-74 .elementor-element.elementor-element-82cb5d4 .ha-creative-btn.ha-eft--bloom div{border-style:solid;}.elementor-74 .elementor-element.elementor-element-82cb5d4 .ha-creative-btn.ha-stl--hermosa.ha-eft--bloom div{border-radius:15px 15px 15px 15px;}.elementor-74 .elementor-element.elementor-element-82cb5d4 .ha-creative-btn-wrap .ha-creative-btn{--ha-ctv-btn-txt-clr:var( --e-global-color-accent );--ha-ctv-btn-border-clr:var( --e-global-color-accent );--ha-ctv-btn-bg-hvr-clr:var( --e-global-color-accent );--ha-ctv-btn-border-hvr-clr:var( --e-global-color-accent );}.elementor-74 .elementor-element.elementor-element-3778d9c:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-3778d9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bhargaviengineeringworks.com/wp-content/uploads/2025/12/Gemini_Generated_Image_i6qfri6qfri6qfri.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-74 .elementor-element.elementor-element-3778d9c > .elementor-background-overlay{background-color:var( --e-global-color-astglobalcolor6 );opacity:0.33;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-3778d9c{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:50px;margin-bottom:0px;padding:100px 0px 100px 0px;overflow:visible;}.elementor-bc-flex-widget .elementor-74 .elementor-element.elementor-element-683656c.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-74 .elementor-element.elementor-element-683656c.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-74 .elementor-element.elementor-element-cb5322e .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-74 .elementor-element.elementor-element-965378c .elementor-heading-title{color:var( --e-global-color-astglobalcolor4 );}.elementor-74 .elementor-element.elementor-element-8ed37c5{color:var( --e-global-color-astglobalcolor4 );}.elementor-74 .elementor-element.elementor-element-09713ab{overflow:visible;}.elementor-74 .elementor-element.elementor-element-70370f3 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-74 .elementor-element.elementor-element-70370f3 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image-box .elementor-image-box-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-widget-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-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-74 .elementor-element.elementor-element-0ceb0ea{padding:20px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-0ceb0ea.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-74 .elementor-element.elementor-element-0ceb0ea.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-74 .elementor-element.elementor-element-0ceb0ea.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-0ceb0ea .elementor-image-box-title{margin-bottom:20px;}.elementor-74 .elementor-element.elementor-element-0ceb0ea .elementor-image-box-wrapper .elementor-image-box-img{width:49%;}.elementor-74 .elementor-element.elementor-element-0ceb0ea .elementor-image-box-img img{transition-duration:0.3s;}.elementor-74 .elementor-element.elementor-element-ca289fd > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-74 .elementor-element.elementor-element-ca289fd > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-74620d2{padding:20px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-74620d2.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-74 .elementor-element.elementor-element-74620d2.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-74 .elementor-element.elementor-element-74620d2.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-74620d2 .elementor-image-box-title{margin-bottom:20px;}.elementor-74 .elementor-element.elementor-element-74620d2 .elementor-image-box-wrapper .elementor-image-box-img{width:49%;}.elementor-74 .elementor-element.elementor-element-74620d2 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-74 .elementor-element.elementor-element-6f6ce84 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-74 .elementor-element.elementor-element-6f6ce84 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-015d297{padding:20px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-015d297.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-74 .elementor-element.elementor-element-015d297.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-74 .elementor-element.elementor-element-015d297.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-015d297 .elementor-image-box-title{margin-bottom:20px;}.elementor-74 .elementor-element.elementor-element-015d297 .elementor-image-box-wrapper .elementor-image-box-img{width:49%;}.elementor-74 .elementor-element.elementor-element-015d297 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-74 .elementor-element.elementor-element-4ecc4a0{overflow:visible;}.elementor-74 .elementor-element.elementor-element-0aea7aa > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-74 .elementor-element.elementor-element-0aea7aa > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-0361be9{padding:20px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-0361be9.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-74 .elementor-element.elementor-element-0361be9.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-74 .elementor-element.elementor-element-0361be9.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-0361be9 .elementor-image-box-title{margin-bottom:20px;}.elementor-74 .elementor-element.elementor-element-0361be9 .elementor-image-box-wrapper .elementor-image-box-img{width:49%;}.elementor-74 .elementor-element.elementor-element-0361be9 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-74 .elementor-element.elementor-element-a473ed9 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-74 .elementor-element.elementor-element-a473ed9 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-cda111c{padding:20px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-cda111c.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-74 .elementor-element.elementor-element-cda111c.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-74 .elementor-element.elementor-element-cda111c.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-cda111c .elementor-image-box-title{margin-bottom:20px;}.elementor-74 .elementor-element.elementor-element-cda111c .elementor-image-box-wrapper .elementor-image-box-img{width:49%;}.elementor-74 .elementor-element.elementor-element-cda111c .elementor-image-box-img img{transition-duration:0.3s;}.elementor-74 .elementor-element.elementor-element-ba1796d > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-74 .elementor-element.elementor-element-ba1796d > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-af34023{padding:20px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-af34023.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-74 .elementor-element.elementor-element-af34023.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-74 .elementor-element.elementor-element-af34023.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-af34023 .elementor-image-box-title{margin-bottom:20px;}.elementor-74 .elementor-element.elementor-element-af34023 .elementor-image-box-wrapper .elementor-image-box-img{width:49%;}.elementor-74 .elementor-element.elementor-element-af34023 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-74 .elementor-element.elementor-element-ae1c425{overflow:visible;}.elementor-74 .elementor-element.elementor-element-f1caf55 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-74 .elementor-element.elementor-element-f1caf55 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-b6c0eff{padding:20px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-b6c0eff.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-74 .elementor-element.elementor-element-b6c0eff.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-74 .elementor-element.elementor-element-b6c0eff.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-b6c0eff .elementor-image-box-title{margin-bottom:20px;}.elementor-74 .elementor-element.elementor-element-b6c0eff .elementor-image-box-wrapper .elementor-image-box-img{width:49%;}.elementor-74 .elementor-element.elementor-element-b6c0eff .elementor-image-box-img img{transition-duration:0.3s;}.elementor-74 .elementor-element.elementor-element-ad0ca39 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-74 .elementor-element.elementor-element-ad0ca39 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-66ad9f8{padding:20px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-66ad9f8.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-74 .elementor-element.elementor-element-66ad9f8.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-74 .elementor-element.elementor-element-66ad9f8.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-66ad9f8 .elementor-image-box-title{margin-bottom:20px;}.elementor-74 .elementor-element.elementor-element-66ad9f8 .elementor-image-box-wrapper .elementor-image-box-img{width:49%;}.elementor-74 .elementor-element.elementor-element-66ad9f8 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-74 .elementor-element.elementor-element-28aa62e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-74 .elementor-element.elementor-element-28aa62e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-74 .elementor-element.elementor-element-11dea7e{padding:20px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-11dea7e.elementor-position-right .elementor-image-box-img{margin-left:0px;}.elementor-74 .elementor-element.elementor-element-11dea7e.elementor-position-left .elementor-image-box-img{margin-right:0px;}.elementor-74 .elementor-element.elementor-element-11dea7e.elementor-position-top .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-11dea7e .elementor-image-box-title{margin-bottom:20px;}.elementor-74 .elementor-element.elementor-element-11dea7e .elementor-image-box-wrapper .elementor-image-box-img{width:49%;}.elementor-74 .elementor-element.elementor-element-11dea7e .elementor-image-box-img img{transition-duration:0.3s;}.elementor-74 .elementor-element.elementor-element-2c08e010 > .elementor-container{max-width:1320px;}.elementor-74 .elementor-element.elementor-element-2c08e010{padding:100px 30px 100px 30px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-30545e3b{margin-top:60px;margin-bottom:0px;overflow:visible;}.elementor-bc-flex-widget .elementor-74 .elementor-element.elementor-element-6b9dbcd6.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-74 .elementor-element.elementor-element-6b9dbcd6.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-74 .elementor-element.elementor-element-6b9dbcd6 > .elementor-element-populated{padding:0px 30px 0px 0px;}.elementor-74 .elementor-element.elementor-element-2fab6ab4 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-74 .elementor-element.elementor-element-48d7199e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(15px/2);}.elementor-74 .elementor-element.elementor-element-48d7199e .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(15px/2);}.elementor-74 .elementor-element.elementor-element-48d7199e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(15px/2);}.elementor-74 .elementor-element.elementor-element-48d7199e .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-15px/2);}.elementor-74 .elementor-element.elementor-element-48d7199e .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-15px/2);}.elementor-74 .elementor-element.elementor-element-48d7199e .elementor-icon-list-icon i{color:var( --e-global-color-primary );transition:color 0.3s;}.elementor-74 .elementor-element.elementor-element-48d7199e .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );transition:fill 0.3s;}.elementor-74 .elementor-element.elementor-element-48d7199e{--e-icon-list-icon-size:51px;--icon-vertical-offset:0px;}.elementor-74 .elementor-element.elementor-element-48d7199e .elementor-icon-list-text{color:var( --e-global-color-text );transition:color 0.3s;}.elementor-74 .elementor-element.elementor-element-5d447ee0 > .elementor-element-populated{padding:0px 0px 0px 30px;}.elementor-74 .elementor-element.elementor-element-773c5526{overflow:visible;}.elementor-74 .elementor-element.elementor-element-2f5c354 > .elementor-element-populated{padding:0px 15px 0px 0px;}.elementor-74 .elementor-element.elementor-element-7cd5501{width:var( --container-widget-width, 60px );max-width:60px;background-color:var( --e-global-color-primary );margin:0px -35px calc(var(--kit-widget-spacing, 0px) + -35px) 35px;padding:10px 0px 10px 0px;--container-widget-width:60px;--container-widget-flex-grow:0;z-index:2;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-74 .elementor-element.elementor-element-7cd5501.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-7cd5501 .elementor-heading-title{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-1c8f08ec{background-color:#FFFFFF;padding:50px 35px 35px 35px;border-radius:10px 10px 10px 10px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.07);}.elementor-74 .elementor-element.elementor-element-1c8f08ec.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-1c8f08ec .elementor-icon-box-wrapper{text-align:left;}.elementor-74 .elementor-element.elementor-element-1c8f08ec .elementor-icon-box-title{margin-block-end:5px;}.elementor-74 .elementor-element.elementor-element-1c8f08ec .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-74 .elementor-element.elementor-element-c915f7 > .elementor-element-populated{padding:0px 0px 0px 15px;}.elementor-74 .elementor-element.elementor-element-67ef6d2b{width:var( --container-widget-width, 60px );max-width:60px;background-color:var( --e-global-color-primary );margin:0px -35px calc(var(--kit-widget-spacing, 0px) + -35px) 35px;padding:10px 0px 10px 0px;--container-widget-width:60px;--container-widget-flex-grow:0;z-index:2;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-74 .elementor-element.elementor-element-67ef6d2b.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-67ef6d2b .elementor-heading-title{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-244e7925{background-color:#FFFFFF;padding:50px 35px 35px 35px;border-radius:10px 10px 10px 10px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.07);}.elementor-74 .elementor-element.elementor-element-244e7925.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-244e7925 .elementor-icon-box-wrapper{text-align:left;}.elementor-74 .elementor-element.elementor-element-244e7925 .elementor-icon-box-title{margin-block-end:5px;}.elementor-74 .elementor-element.elementor-element-244e7925 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-74 .elementor-element.elementor-element-1131bfc{margin-top:30px;margin-bottom:0px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-5871a955 > .elementor-element-populated{padding:0px 15px 0px 0px;}.elementor-74 .elementor-element.elementor-element-41fc5821{width:var( --container-widget-width, 60px );max-width:60px;background-color:var( --e-global-color-primary );margin:0px -35px calc(var(--kit-widget-spacing, 0px) + -35px) 35px;padding:10px 0px 10px 0px;--container-widget-width:60px;--container-widget-flex-grow:0;z-index:2;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-74 .elementor-element.elementor-element-41fc5821.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-41fc5821 .elementor-heading-title{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-19297939{background-color:#FFFFFF;padding:50px 35px 35px 35px;border-radius:10px 10px 10px 10px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.07);}.elementor-74 .elementor-element.elementor-element-19297939.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-19297939 .elementor-icon-box-wrapper{text-align:left;}.elementor-74 .elementor-element.elementor-element-19297939 .elementor-icon-box-title{margin-block-end:5px;}.elementor-74 .elementor-element.elementor-element-19297939 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-74 .elementor-element.elementor-element-38ad6518 > .elementor-element-populated{padding:0px 0px 0px 15px;}.elementor-74 .elementor-element.elementor-element-2cff6bd1{width:var( --container-widget-width, 60px );max-width:60px;background-color:var( --e-global-color-primary );margin:0px -35px calc(var(--kit-widget-spacing, 0px) + -35px) 35px;padding:10px 0px 10px 0px;--container-widget-width:60px;--container-widget-flex-grow:0;z-index:2;border-radius:10px 10px 10px 10px;text-align:center;}.elementor-74 .elementor-element.elementor-element-2cff6bd1.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-2cff6bd1 .elementor-heading-title{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-5d6e55a1{background-color:#FFFFFF;padding:50px 35px 35px 35px;border-radius:10px 10px 10px 10px;box-shadow:0px 10px 25px 0px rgba(0, 0, 0, 0.07);}.elementor-74 .elementor-element.elementor-element-5d6e55a1.ha-has-bg-overlay:hover::before{transition:background 0.3s;}.elementor-74 .elementor-element.elementor-element-5d6e55a1 .elementor-icon-box-wrapper{text-align:left;}.elementor-74 .elementor-element.elementor-element-5d6e55a1 .elementor-icon-box-title{margin-block-end:5px;}.elementor-74 .elementor-element.elementor-element-5d6e55a1 .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-74 .elementor-element.elementor-element-5724972 > .elementor-background-overlay{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF 0%, #FFFFFF4F 100%);opacity:1;}.elementor-74 .elementor-element.elementor-element-5724972 > .elementor-container{max-width:1320px;}.elementor-74 .elementor-element.elementor-element-5724972{padding:100px 30px 100px 30px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-5fc53ef9 > .elementor-container{max-width:720px;}.elementor-74 .elementor-element.elementor-element-5fc53ef9{margin-top:0px;margin-bottom:45px;overflow:visible;}.elementor-74 .elementor-element.elementor-element-3cc5d991{text-align:center;}.elementor-74 .elementor-element.elementor-element-3cc5d991 .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-4211f441{text-align:center;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:0px;--ekit_testimonial_slidetoshow:2;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider, .elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial_card, .elementor-74 .elementor-element.elementor-element-44038698 .elementskit-tootltip-testimonial .elementskit-commentor-content::before{background-color:#F8F7FF;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider:before{background-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider.testimonial-active{background-color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active{background-color:var( --e-global-color-primary );width:35px;height:10px;transform:scale(1.2);}.elementor-74 .elementor-element.elementor-element-44038698{margin:0px -15px calc(var(--kit-widget-spacing, 0px) + 0px) -15px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial-slider .swiper-wrapper{padding:0px 0px 20px 0px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-74 .elementor-element.elementor-element-44038698 .ekit-main-swiper .elementskit-single-testimonial-slider, .elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial_card{margin-left:15px;margin-right:15px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider, .elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial_card{padding:50px 50px 50px 50px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider, .elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial_card{border-radius:10px 10px 10px 10px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider .elementskit-commentor-content > p{color:var( --e-global-color-text );}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial_card .elementskit-commentor-coment{color:var( --e-global-color-text );}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider:hover .elementskit-commentor-content > p{color:var( --e-global-color-astglobalcolor4 );}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider.testimonial-active .elementskit-commentor-content > p{color:var( --e-global-color-astglobalcolor4 );}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider .elementskit-commentor-content > p, .elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial_card .elementskit-commentor-coment{font-family:"Source Sans Pro", Sans-serif;font-size:17px;font-weight:500;font-style:italic;line-height:1.5em;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-stars > li > a, .elementor-74 .elementor-element.elementor-element-44038698 .elementskit-stars > li > span{color:#fec42d;fill:#fec42d;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-stars > li:not(:last-child){margin-right:5px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-stars{padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-profile-info .elementskit-author-name{color:var( --e-global-color-astglobalcolor6 );font-family:"Source Sans Pro", Sans-serif;font-size:20px;font-weight:700;line-height:1.3em;margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider:hover .elementskit-author-name{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider.testimonial-active .elementskit-author-name{color:#FFFFFF;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-profile-info .elementskit-author-des{color:var( --e-global-color-primary );font-family:"Source Sans Pro", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;line-height:1.3em;letter-spacing:2.5px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider:hover .elementskit-author-des{color:#B8B8FF;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-single-testimonial-slider.testimonial-active .elementskit-author-des{color:#B8B8FF;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-commentor-bio .elementskit-commentor-image > img{height:70px;width:70px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial-slider .swiper-pagination span{width:10px;height:10px;border-radius:10% 10% 10% 10%;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial-slider .swiper-pagination span:not(:last-child){margin-right:12px;}.elementor-74 .elementor-element.elementor-element-4fb5a5f{overflow:visible;}.elementor-74 .elementor-element.elementor-element-332e3fc{text-align:center;}.elementor-74 .elementor-element.elementor-element-332e3fc .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-74 .elementor-element.elementor-element-8872823{text-align:center;}.elementor-widget-image-gallery .gallery-item .gallery-caption{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-74 .elementor-element.elementor-element-30f4971 .gallery-item .gallery-caption{text-align:center;}@media(max-width:1024px){.elementor-74 .elementor-element.elementor-element-13dcc662 > .elementor-shape-bottom svg{height:100px;}.elementor-74 .elementor-element.elementor-element-13dcc662{padding:300px 15px 150px 15px;}.elementor-74 .elementor-element.elementor-element-2e6a5080 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-6d743fe6 > .elementor-element-populated{padding:30px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-4b769a74{padding:0px 15px 50px 15px;}.elementor-74 .elementor-element.elementor-element-19b8213e > .elementor-element-populated{padding:30px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-1de4c42f > .elementor-element-populated{padding:0px 15px 0px 0px;}.elementor-74 .elementor-element.elementor-element-47256530 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 15px;}.elementor-74 .elementor-element.elementor-element-39a10b85 > .elementor-element-populated{padding:30px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-593f13a8 > .elementor-element-populated{margin:-100px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-51085e71{--spacer-size:400px;}.elementor-74 .elementor-element.elementor-element-34910a5b{padding:0px 15px 50px 15px;}.elementor-74 .elementor-element.elementor-element-203daddd > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-679634b4{--spacer-size:421px;}.elementor-74 .elementor-element.elementor-element-6c639b23 > .elementor-element-populated{padding:30px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-54a68f5a{width:auto;max-width:auto;}.elementor-74 .elementor-element.elementor-element-29adafc5 > .elementor-element-populated{margin:0px 15px 0px 0px;--e-column-margin-right:15px;--e-column-margin-left:0px;}.elementor-74 .elementor-element.elementor-element-68c612c{padding:50px 15px 50px 15px;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-infobox .elementskit-info-box-title{font-size:23px;}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox .elementskit-info-box-title{font-size:23px;}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox .elementskit-info-box-title{font-size:23px;}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-infobox .elementskit-info-box-title{font-size:23px;}.elementor-74 .elementor-element.elementor-element-f314347{padding:0px 15px 50px 15px;}.elementor-74 .elementor-element.elementor-element-4e2fb87 .elementor-column-gap-custom .elementor-column > .elementor-element-populated{padding:35px;}.elementor-74 .elementor-element.elementor-element-2c08e010{padding:50px 15px 50px 15px;}.elementor-74 .elementor-element.elementor-element-6b9dbcd6 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-5d447ee0 > .elementor-element-populated{padding:30px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-5724972{padding:50px 15px 50px 15px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:0px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-profile-info .elementskit-author-name{font-size:17px;}}@media(max-width:767px){.elementor-74 .elementor-element.elementor-element-1de4c42f > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-47256530 > .elementor-element-populated{padding:30px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-54a68f5a{z-index:2;}.elementor-74 .elementor-element.elementor-element-7caede89{margin-top:76px;margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-29adafc5 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:150px 0px 150px 0px;}.elementor-74 .elementor-element.elementor-element-6688bdb2{width:100%;}.elementor-74 .elementor-element.elementor-element-6688bdb2 > .elementor-element-populated{margin:-25% 7% 0% 7%;--e-column-margin-right:7%;--e-column-margin-left:7%;}.elementor-74 .elementor-element.elementor-element-1392b7c8{margin-top:0px;margin-bottom:20px;}.elementor-74 .elementor-element.elementor-element-2ca3cd41 .elementskit-infobox .elementskit-info-box-title{font-size:20px;}.elementor-74 .elementor-element.elementor-element-2e064e04 .elementskit-infobox .elementskit-info-box-title{font-size:20px;}.elementor-74 .elementor-element.elementor-element-5f5bf5d1 .elementskit-infobox .elementskit-info-box-title{font-size:20px;}.elementor-74 .elementor-element.elementor-element-14123366 .elementskit-infobox .elementskit-info-box-title{font-size:20px;}.elementor-74 .elementor-element.elementor-element-6bc2d4d{width:100%;}.elementor-74 .elementor-element.elementor-element-2949ebb{margin-top:50px;margin-bottom:0px;padding:0px 015px 0px 015px;}.elementor-74 .elementor-element.elementor-element-3778d9c{padding:100px 015px 100px 015px;}.elementor-74 .elementor-element.elementor-element-70370f3{width:50%;}.elementor-74 .elementor-element.elementor-element-0ceb0ea .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-ca289fd{width:50%;}.elementor-74 .elementor-element.elementor-element-74620d2 .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-6f6ce84{width:100%;}.elementor-74 .elementor-element.elementor-element-015d297 .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-0aea7aa{width:50%;}.elementor-74 .elementor-element.elementor-element-0361be9 .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-a473ed9{width:50%;}.elementor-74 .elementor-element.elementor-element-cda111c .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-af34023 .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-f1caf55{width:50%;}.elementor-74 .elementor-element.elementor-element-b6c0eff .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-ad0ca39{width:50%;}.elementor-74 .elementor-element.elementor-element-66ad9f8 .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-11dea7e .elementor-image-box-img{margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-30545e3b{margin-top:35px;margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-2f5c354 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-c915f7 > .elementor-element-populated{padding:20px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-1131bfc{margin-top:20px;margin-bottom:0px;}.elementor-74 .elementor-element.elementor-element-5871a955 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-38ad6518 > .elementor-element-populated{padding:20px 0px 0px 0px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:0px;}.elementor-74 .elementor-element.elementor-element-44038698 .elementskit-profile-info .elementskit-author-name{font-size:18px;}}@media(min-width:768px){.elementor-74 .elementor-element.elementor-element-2e6a5080{width:50%;}.elementor-74 .elementor-element.elementor-element-6d743fe6{width:50%;}.elementor-74 .elementor-element.elementor-element-19b8213e{width:75%;}.elementor-74 .elementor-element.elementor-element-593f13a8{width:25%;}.elementor-74 .elementor-element.elementor-element-203daddd{width:33%;}.elementor-74 .elementor-element.elementor-element-6c639b23{width:67%;}.elementor-74 .elementor-element.elementor-element-29adafc5{width:60%;}.elementor-74 .elementor-element.elementor-element-6688bdb2{width:39.999%;}.elementor-74 .elementor-element.elementor-element-81c2440{width:32%;}.elementor-74 .elementor-element.elementor-element-1468bb5{width:68%;}.elementor-74 .elementor-element.elementor-element-683656c{width:33.86%;}.elementor-74 .elementor-element.elementor-element-2cb48c1{width:66.14%;}}@media(max-width:1024px) and (min-width:768px){.elementor-74 .elementor-element.elementor-element-2e6a5080{width:100%;}.elementor-74 .elementor-element.elementor-element-6d743fe6{width:100%;}.elementor-74 .elementor-element.elementor-element-19b8213e{width:100%;}.elementor-74 .elementor-element.elementor-element-1de4c42f{width:50%;}.elementor-74 .elementor-element.elementor-element-47256530{width:50%;}.elementor-74 .elementor-element.elementor-element-39a10b85{width:100%;}.elementor-74 .elementor-element.elementor-element-593f13a8{width:100%;}.elementor-74 .elementor-element.elementor-element-203daddd{width:100%;}.elementor-74 .elementor-element.elementor-element-6c639b23{width:100%;}.elementor-74 .elementor-element.elementor-element-1ddca8d9{width:50%;}.elementor-74 .elementor-element.elementor-element-7f3597b1{width:50%;}.elementor-74 .elementor-element.elementor-element-37568f35{width:50%;}.elementor-74 .elementor-element.elementor-element-639a8211{width:50%;}.elementor-74 .elementor-element.elementor-element-87f0889{width:50%;}.elementor-74 .elementor-element.elementor-element-6bc2d4d{width:50%;}.elementor-74 .elementor-element.elementor-element-156b75f{width:50%;}.elementor-74 .elementor-element.elementor-element-e9118ab{width:50%;}.elementor-74 .elementor-element.elementor-element-6b9dbcd6{width:100%;}.elementor-74 .elementor-element.elementor-element-5d447ee0{width:100%;}}@media(min-width:1367px){.elementor-74 .elementor-element.elementor-element-3778d9c:not(.elementor-motion-effects-element-type-background), .elementor-74 .elementor-element.elementor-element-3778d9c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for icon-box, class: .elementor-element-3b6f34b6 *//* ================================================== ICON BOX – ANIMATED CARD (ONLY BOX) Widget: Icon Box Class: icon-box-ani Colors: Primary: #0D47A1 Accent: #F57C00 ================================================== */ .icon-box-ani { position: relative; border-radius: 16px; background: #ffffff; border: 1px solid rgba(13, 71, 161, 0.15); box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08); padding: 26px 22px; overflow: hidden; /* 🔹 Idle floating animation */ animation: boxIdleFloat 7s ease-in-out infinite; transition: transform 0.45s ease, box-shadow 0.45s ease, border-color 0.45s ease, background 0.45s ease; } /* Idle float keyframes */ @keyframes boxIdleFloat { 0% { transform: translateY(0); } 50% { transform: translateY(-4px); } 100% { transform: translateY(0); } } /* 🔥 Hover: stronger lift + scale */ .icon-box-ani:hover { animation-play-state: paused; /* stop idle motion on hover */ transform: translateY(-10px) scale(1.02); box-shadow: 0 20px 45px rgba(13, 71, 161, 0.4); border-color: rgba(245, 124, 0, 0.85); background: linear-gradient(135deg, #ffffff 0%, #e3f2fd 100%); } /* Glow overlay */ .icon-box-ani::before { content: ""; position: absolute; inset: 0; border-radius: inherit; background: radial-gradient(circle at bottom right, rgba(245, 124, 0, 0.3), transparent 60%) , radial-gradient(circle at top left, rgba(13, 71, 161, 0.35), transparent 60%); opacity: 0; transition: opacity 0.45s ease; pointer-events: none; } .icon-box-ani:hover::before { opacity: 1; } /* Shine / light sweep animation */ .icon-box-ani::after { content: ""; position: absolute; inset: -40%; background: linear-gradient( 120deg, transparent 0%, rgba(255, 255, 255, 0.45) 45%, transparent 80% ); opacity: 0; transform: translateX(-80%); pointer-events: none; } .icon-box-ani:hover::after { animation: boxShine 1.1s ease-out forwards; } /* Shine keyframes */ @keyframes boxShine { 0% { opacity: 0; transform: translateX(-80%); } 20% { opacity: 1; } 100% { opacity: 0; transform: translateX(80%); } } /* ⚠️ Icon + text stay still (no animation) */ .icon-box-ani .elementor-icon, .icon-box-ani .elementor-icon-box-title, .icon-box-ani .elementor-icon-box-description { transition: none !important; transform: none !important; } /* Optional: center layout */ .icon-box-ani .elementor-icon-box-wrapper { text-align: center; }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-87f0889 *//* ========================================= Animated Column – with MOVE EFFECT Use on: Elementor Column class = animated-column Effects: - Animated background movement - Breathing border radius - Column float (move) effect - Hover tilt + glow - Inner content motion ========================================= */ .animated-column { --ac-primary: #433d95; --ac-accent: #f2191e; position: relative; margin-top:10px; margin-bottom: 10px; margin-left: 10px; margin-right: 10px; border-style: solid; border-color: #0D47A1; border-radius: 15px; background: #ffffff; border-radius: 22px; overflow: hidden; cursor: pointer; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08); transform-style: preserve-3d; transition: transform 0.45s ease, box-shadow 0.45s ease, border-radius 0.45s ease, background 0.35s ease; /* breathing border-radius + idle bg + FLOAT (move) */ animation: acRadiusBreath 3.4s ease-in-out infinite, acBgIdle 11s ease-in-out infinite alternate, acFloat 6s ease-in-out infinite; } /* Stagger float if multiple columns next to each other */ .animated-column:nth-child(2) { animation-delay: 0.3s, 0.3s, 0.3s; } .animated-column:nth-child(3) { animation-delay: 0.6s, 0.6s, 0.6s; } .animated-column:nth-child(4) { animation-delay: 0.9s, 0.9s, 0.9s; } /* Animated gradient / radial background layer */ .animated-column::before { content: ""; position: absolute; inset: -40%; background: radial-gradient(circle at 20% 20%, rgba(67,61,149,0.35), transparent 60%), radial-gradient(circle at 80% 80%, rgba(242,25,30,0.35), transparent 60%); animation: acBgMove 14s ease-in-out infinite alternate; z-index: 0; } /* Glow ring */ .animated-column::after { content: ""; position: absolute; inset: 0; border-radius: inherit; border: 2px solid rgba(67,61,149,0.4); opacity: 0; transform: scale(1); transition: opacity 0.45s ease, transform 0.45s ease; pointer-events: none; } /* Content above background */ .animated-column > * { position: relative; z-index: 2; transition: transform 0.35s ease, opacity 0.35s ease; } /* Hover – tilt + depth, overrides float while hovered */ .animated-column:hover { transform: translateY(-10px) scale(1.03) rotate3d(1, 1, 0, 4deg); box-shadow: 0 20px 50px rgba(67, 61, 149, 0.35); background: radial-gradient(circle at top, rgba(67,61,149,0.06), transparent 60%), #ffffff; border-radius: 28px; } .animated-column:hover::after { opacity: 1; transform: scale(1.05); } /* Inner "parallax" motion on hover (optional structure) */ .animated-column:hover .col-icon { transform: translateY(-4px); } .animated-column:hover .col-title { transform: translateY(-2px); } .animated-column:hover .col-text { transform: translateY(-1px); opacity: 0.96; } /* Click / tap feedback */ .animated-column:active { transform: translateY(-4px) scale(0.99) rotate3d(0,0,0,0deg); box-shadow: 0 12px 30px rgba(67, 61, 149, 0.3); } /* ========================================= KEYFRAMES ========================================= */ /* Background large movement */ @keyframes acBgMove { 0% { transform: translate(-%, -%) scale(1); } 100% { transform: translate(6%, 6%) scale(1.12); } } /* Very subtle idle background shimmer */ @keyframes acBgIdle { 0% { background-position: 0% 0%; } 100% { background-position: 100% 100%; } } /* Breathing border radius */ @keyframes acRadiusBreath { 0%, 100% { border-radius: 22px; } 50% { border-radius: 32px; } } /* COLUMN MOVE / FLOAT EFFECT */ @keyframes acFloat { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } /* ========================================= OPTIONAL – Inner text/icon presets ========================================= */ .animated-column .col-icon { display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; border-radius: 50%; margin-bottom: 12px; background: radial-gradient(circle at 30% 30%, rgba(67,61,149,0.18), transparent 60%); transition: transform 0.35s ease; } .animated-column .col-title { font-size: 18px; font-weight: 600; margin-bottom: 6px; color: #222; transition: transform 0.35s ease, color 0.3s ease; } .animated-column .col-text { font-size: 14px; color: #555; line-height: 1.7; transition: transform 0.35s ease, opacity 0.35s ease; } .animated-column:hover .col-title { color: var(--ac-primary); } /* Responsive tweak */ @media (max-width: 767px) { .animated-column { padding: 22px 18px; border-radius: 18px; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-4e2fb87 *//* ============================== COUNTER SECTION – BACKGROUND + ENTRY Section Class: counter-section ============================== */ .counter-section { --primary: #433d95; --accent: #f2191e; --light: #f7f7fb; position: relative; padding: clamp(40px, 5vw, 80px) 0; background: radial-gradient(circle at top left, rgba(67,61,149,0.14), transparent 60%), radial-gradient(circle at bottom right, rgba(242,25,30,0.18), transparent 65%), var(--light); overflow: hidden; } /* Animated soft gradient overlay */ .counter-section::before { content: ""; position: absolute; inset: -20%; background: radial-gradient(circle at 0% 0%, rgba(67,61,149,0.12), transparent 55%), radial-gradient(circle at 100% 100%, rgba(242,25,30,0.12), transparent 55%); animation: counterBgMove 14s ease-in-out infinite alternate; opacity: 0.9; pointer-events: none; } /* Keep content above overlay */ .counter-section > * { position: relative; z-index: 1; } /* ============================== COUNTER BOXES ============================== */ .counter-row { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } .counter-box { background: #ffffff; border-radius: 18px; padding: 18px 16px 20px; text-align: center; box-shadow: 0 8px 22px rgba(0,0,0,0.06); border: 1px solid rgba(67,61,149,0.06); transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease; opacity: 0; transform: translateY(28px) scale(0.96); animation: counterCardIn 0.7s ease forwards; } /* stagger animation */ .counter-box:nth-child(1) { animation-delay: 0s; } .counter-box:nth-child(2) { animation-delay: 0.08s; } .counter-box:nth-child(3) { animation-delay: 0.16s; } .counter-box:nth-child(4) { animation-delay: 0.24s; } /* hover effect */ .counter-box:hover { transform: translateY(-8px) scale(1.01); box-shadow: 0 18px 40px rgba(0,0,0,0.16); border-color: rgba(67,61,149,0.35); } /* ============================== COUNTER NUMBERS + LABELS ============================== */ .counter-number { font-size: 32px; font-weight: 700; color: var(--primary); margin-bottom: 4px; letter-spacing: 0.03em; display: inline-flex; align-items: center; gap: 4px; animation: counterPulse 2.4s ease-in-out infinite; } .counter-number span.suffix { font-size: 20px; } .counter-label { font-size: 14px; color: #444; text-transform: uppercase; letter-spacing: 0.08em; } /* small accent line under label */ .counter-label::after { content: ""; display: block; width: 24px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--primary), var(--accent)); margin: 6px auto 0; opacity: 0.8; } /* ============================== KEYFRAMES ============================== */ @keyframes counterBgMove { 0% { transform: translate3d(-8%, -4%, 0) scale(1); } 100% { transform: translate3d(6%, 4%, 0) scale(1.05); } } @keyframes counterCardIn { 0% { opacity: 0; transform: translateY(28px) scale(0.96); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* subtle breathing effect for numbers */ @keyframes counterPulse { 0%,100% { transform: scale(1); } 50% { transform: scale(1.05); } } /* ============================== RESPONSIVE ============================== */ @media (max-width: 1024px) { .counter-row { grid-template-columns: repeat(2, minmax(0, 1fr)); } } @media (max-width: 640px) { .counter-row { grid-template-columns: 1fr; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-88f47e2 *//* ========================================== Animated Column Card – "img-box" ========================================== */ .img-box.elementor-column { --primary: #0D47A1; --secondary: #546E7A; --text-dark: #1C1C1C; --accent: #F57C00; position: relative; border-radius: 16px; margin: 10px; overflow: hidden; background: radial-gradient(circle at top left, #e3f2fd 0%, #ffffff 55%); border: 1px solid rgba(13, 71, 161, 0.3); box-shadow: 0 10px 26px rgba(15, 23, 42, 0.14); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease; } /* Hover Card Lift */ .img-box.elementor-column:hover { transform: translateY(-8px); box-shadow: 0 20px 45px rgba(13, 71, 161, 0.4); border-color: rgba(13, 71, 161, 0.8); } /* Inner Padding */ .img-box > .elementor-widget-wrap, .img-box > .elementor-column-wrap { position: relative; padding: 24px 22px; height: 100%; z-index: 1; } /* Background glow effect */ .img-box.elementor-column::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at top right, rgba(245, 124, 0, 0.25), transparent 55%), radial-gradient(circle at bottom left, rgba(13, 71, 161, 0.35), transparent 55%); opacity: 0.5; transform: scale(1.02); transition: opacity 0.45s ease, transform 0.45s ease; pointer-events: none; } .img-box.elementor-column:hover::before { opacity: 0.9; transform: scale(1); } /* Shine sweep */ .img-box.elementor-column::after { content: ""; position: absolute; inset: -40%; background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.3) 45%, transparent 70%); opacity: 0; transform: translateX(-40%); transition: opacity 0.4s ease, transform 0.8s ease; } .img-box.elementor-column:hover::after { opacity: 1; transform: translateX(0); } /* Image animation */ .img-box .elementor-widget-image img { display: block; width: 100%; border-radius: 12px; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.22); transition: transform 0.55s ease, filter 0.55s ease, box-shadow 0.55s ease; } .img-box.elementor-column:hover .elementor-widget-image img { transform: scale(1.06) translateY(-3px); filter: saturate(1.1) contrast(1.03); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.4); } /* Title */ .img-box .elementor-heading-title { margin-top: 16px; margin-bottom: 8px; color: var(--primary); letter-spacing: 0.06em; text-transform: uppercase; transition: color 0.35s ease, letter-spacing 0.35s ease, transform 0.35s ease; } /* Title underline */ .img-box .elementor-heading-title { position: relative; display: inline-block; padding-bottom: 4px; } .img-box .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 40%; border-radius: 999px; background: linear-gradient(90deg, var(--accent), var(--primary)); transition: width 0.35s ease; } .img-box.elementor-column:hover .elementor-heading-title::after { width: 100%; } /* Text */ .img-box .elementor-widget-text-editor { margin-bottom: 12px; } .img-box .elementor-widget-text-editor, .img-box .elementor-widget-text-editor p { color: rgba(28, 28, 28, 0.9); font-size: 0.9rem; line-height: 1.6; transition: color 0.3s ease, transform 0.3s ease, opacity 0.3s ease; } .img-box.elementor-column:hover .elementor-widget-text-editor, .img-box.elementor-column:hover .elementor-widget-text-editor p { color: rgba(28, 28, 28, 1); opacity: 1; transform: translateY(-2px); } /* Spacing */ .img-box .elementor-widget-image { margin-bottom: 10px; } /* Responsive */ @media (max-width: 767px) { .img-box > .elementor-widget-wrap, .img-box > .elementor-column-wrap { padding: 18px 16px; } .img-box .elementor-heading-title { font-size: 0.98rem; } }/* End custom CSS */ /* Start custom CSS for column, class: .elementor-element-81c2440 *//* ========================================== Animated Column Card – "img-box" ========================================== */ .img-box.elementor-column { --primary: #0D47A1; --secondary: #546E7A; --text-dark: #1C1C1C; --accent: #F57C00; position: relative; border-radius: 16px; margin: 10px; overflow: hidden; background: radial-gradient(circle at top left, #e3f2fd 0%, #ffffff 55%); border: 1px solid rgba(13, 71, 161, 0.3); box-shadow: 0 10px 26px rgba(15, 23, 42, 0.14); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.4s ease, background 0.4s ease; } /* Hover Card Lift */ .img-box.elementor-column:hover { transform: translateY(-8px); box-shadow: 0 20px 45px rgba(13, 71, 161, 0.4); border-color: rgba(13, 71, 161, 0.8); } /* Inner Padding */ .img-box > .elementor-widget-wrap, .img-box > .elementor-column-wrap { position: relative; padding: 24px 22px; height: 100%; z-index: 1; } /* Background glow effect */ .img-box.elementor-column::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at top right, rgba(245, 124, 0, 0.25), transparent 55%), radial-gradient(circle at bottom left, rgba(13, 71, 161, 0.35), transparent 55%); opacity: 0.5; transform: scale(1.02); transition: opacity 0.45s ease, transform 0.45s ease; pointer-events: none; } .img-box.elementor-column:hover::before { opacity: 0.9; transform: scale(1); } /* Shine sweep */ .img-box.elementor-column::after { content: ""; position: absolute; inset: -40%; background: linear-gradient(120deg, transparent 0%, rgba(255, 255, 255, 0.3) 45%, transparent 70%); opacity: 0; transform: translateX(-40%); transition: opacity 0.4s ease, transform 0.8s ease; } .img-box.elementor-column:hover::after { opacity: 1; transform: translateX(0); } /* Image animation */ .img-box .elementor-widget-image img { display: block; width: 100%; border-radius: 12px; box-shadow: 0 10px 24px rgba(15, 23, 42, 0.22); transition: transform 0.55s ease, filter 0.55s ease, box-shadow 0.55s ease; } .img-box.elementor-column:hover .elementor-widget-image img { transform: scale(1.06) translateY(-3px); filter: saturate(1.1) contrast(1.03); box-shadow: 0 18px 40px rgba(15, 23, 42, 0.4); } /* Title */ .img-box .elementor-heading-title { margin-top: 16px; margin-bottom: 8px; color: var(--primary); letter-spacing: 0.06em; text-transform: uppercase; transition: color 0.35s ease, letter-spacing 0.35s ease, transform 0.35s ease; } /* Title underline */ .img-box .elementor-heading-title { position: relative; display: inline-block; padding-bottom: 4px; } .img-box .elementor-heading-title::after { content: ""; position: absolute; left: 0; bottom: 0; height: 2px; width: 40%; border-radius: 999px; background: linear-gradient(90deg, var(--accent), var(--primary)); transition: width 0.35s ease; } .img-box.elementor-column:hover .elementor-heading-title::after { width: 100%; } /* Text */ .img-box .elementor-widget-text-editor { margin-bottom: 12px; } .img-box .elementor-widget-text-editor, .img-box .elementor-widget-text-editor p { color: rgba(28, 28, 28, 0.9); font-size: 0.9rem; line-height: 1.6; transition: color 0.3s ease, transform 0.3s ease, opacity 0.3s ease; } .img-box.elementor-column:hover .elementor-widget-text-editor, .img-box.elementor-column:hover .elementor-widget-text-editor p { color: rgba(28, 28, 28, 1); opacity: 1; transform: translateY(-2px); } /* Spacing */ .img-box .elementor-widget-image { margin-bottom: 10px; } /* Responsive */ @media (max-width: 767px) { .img-box > .elementor-widget-wrap, .img-box > .elementor-column-wrap { padding: 18px 16px; } .img-box .elementor-heading-title { font-size: 0.98rem; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-0ceb0ea *//* ======================================== WHO WE SERVE – Image Box Design (New Style) Section Class: who-we-serve Brand Colors: #203297 (blue), #f2191e (red), #aeb0b4 (silver) ======================================== */ .who-we-serve { --ut-blue: #203297; --ut-red: #f2191e; --ut-silver: #aeb0b4; --radius: 18px; position: relative; padding: clamp(px, ,px) 0; background: radial-gradient(circle at top left, rgba(32,50,151,0.07), transparent 55%), radial-gradient(circle at bottom right, rgba(174,176,180,0.16), transparent 60%), #f7f7fb; } /* Section title styling (accent bar) */ .who-we-serve .elementor-widget-heading h2 { position: relative; padding-top: 10px; } .who-we-serve .elementor-widget-heading h2::before { content: ""; display: block; width: 78px; height: 4px; background: linear-gradient(90deg, var(--ut-red), var(--ut-blue)); border-radius: 999px; margin-bottom: 12px; } /* ======================================== Image Box Card Style – New Motion/Tilt ======================================== */ .who-we-serve .elementor-widget-image-box { background: #ffffff; border-radius: var(--radius); padding: 22px 20px 24px; text-align: center; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.35s ease, background 0.35s ease; position: relative; overflow: hidden; z-index: 1; border: 1px solid rgba(32, 50, 151, 0.08); /* slight “pop-in” entry animation */ opacity: 0; transform: translateY(22px) scale(0.97); animation: wwsIn 0.7s ease forwards; } /* Staggered appearance for multiple columns */ .who-we-serve .elementor-column:nth-child(1) .elementor-widget-image-box { animation-delay: 0s; } .who-we-serve .elementor-column:nth-child(2) .elementor-widget-image-box { animation-delay: 0.08s; } .who-we-serve .elementor-column:nth-child(3) .elementor-widget-image-box { animation-delay: 0.16s; } .who-we-serve .elementor-column:nth-child(4) .elementor-widget-image-box { animation-delay: 0.24s; } /* Hover: 3D tilt + subtle scale */ .who-we-serve .elementor-widget-image-box:hover { transform: translateY(-10px) scale(1.02) rotate3d(1, 1, 0, 3deg); box-shadow: 0 18px 40px rgba(32, 50, 151, 0.28); border-color: rgba(32, 50, 151, 0.35); background: radial-gradient(circle at top, rgba(32,50,151,0.06), transparent 65%), #ffffff; } /* Corner ribbon accent */ .who-we-serve .elementor-widget-image-box::before { content: ""; position: absolute; width: 140px; height: 140px; right: -70px; top: -70px; background: radial-gradient(circle at center, var(--ut-red), transparent 65%); opacity: 0.16; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box::after { content: ""; position: absolute; left: -40px; bottom: -40px; width: 140px; height: 140px; background: radial-gradient(circle at center, var(--ut-blue), transparent 65%); opacity: 0.12; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box:hover::before { opacity: 0.25; transform: translate(8px, 4px) scale(1.05); } .who-we-serve .elementor-widget-image-box:hover::after { opacity: 0.22; transform: translate(-6px, -4px) scale(1.06); } /* ======================================== Image Styling (icons/photos) ======================================== */ .who-we-serve .elementor-image-box-img { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 10px; margin-bottom: 10px; background: radial-gradient(circle at 30% 30%, rgba(32,50,151,0.13), transparent 55%); position: relative; overflow: visible; transition: transform 0.4s ease; } /* Circular ring behind image */ .who-we-serve .elementor-image-box-img::before { content: ""; position: absolute; inset: 3px; border-radius: inherit; border: 1px dashed rgba(32,50,151,0.4); opacity: 0; transform: scale(0.8); transition: opacity 0.4s ease, transform 0.4s ease; } /* Icon hover animation: lift + slight rotate */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img { transform: translateY(-4px) rotate(-3deg); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img::before { opacity: 1; transform: scale(1.05); } /* ======================================== Title + Description ======================================== */ .who-we-serve .elementor-image-box-title { font-weight: 700; font-size: 18px; margin-top: 14px; margin-bottom: 6px; color: #121212; letter-spacing: 0.01em; transition: color 0.3s ease, transform 0.3s ease; } .who-we-serve .elementor-image-box-description { font-size: 14px; color: #3c3c3d; line-height: 1.6; margin-top: 4px; transition: opacity 0.3s ease, transform 0.3s ease; } /* Underline accent under title */ .who-we-serve .elementor-image-box-title::after { content: ""; display: block; width: 34px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--ut-blue), var(--ut-silver)); margin: 6px auto 0; transform: scaleX(0.5); opacity: 0.7; transition: transform 0.3s ease, opacity 0.3s ease; } /* Hover text animations */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title { color: var(--ut-blue); transform: translateY(-2px); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title::after { transform: scaleX(1); opacity: 1; } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-description { opacity: 0.95; transform: translateY(-1px); } /* ======================================== KEYFRAMES ======================================== */ @keyframes wwsIn { 0% { opacity: 0; transform: translateY(22px) scale(0.97); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ======================================== Responsive Tweaks ======================================== */ @media (max-width: 1024px) { .who-we-serve .elementor-widget-image-box { padding: 18px 18px 20px; } .who-we-serve .elementor-image-box-title { font-size: 16px; } .who-we-serve .elementor-image-box-description { font-size: 13px; } } @media (max-width: 767px) { .who-we-serve .elementor-widget-image-box { margin-bottom: 20px; border-radius: 14px; } .who-we-serve .elementor-image-box-img { width: 64px !important; height: auto; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-74620d2 *//* ======================================== WHO WE SERVE – Image Box Design (New Style) Section Class: who-we-serve Brand Colors: #203297 (blue), #f2191e (red), #aeb0b4 (silver) ======================================== */ .who-we-serve { --ut-blue: #203297; --ut-red: #f2191e; --ut-silver: #aeb0b4; --radius: 18px; position: relative; padding: clamp(px, ,px) 0; background: radial-gradient(circle at top left, rgba(32,50,151,0.07), transparent 55%), radial-gradient(circle at bottom right, rgba(174,176,180,0.16), transparent 60%), #f7f7fb; } /* Section title styling (accent bar) */ .who-we-serve .elementor-widget-heading h2 { position: relative; padding-top: 10px; } .who-we-serve .elementor-widget-heading h2::before { content: ""; display: block; width: 78px; height: 4px; background: linear-gradient(90deg, var(--ut-red), var(--ut-blue)); border-radius: 999px; margin-bottom: 12px; } /* ======================================== Image Box Card Style – New Motion/Tilt ======================================== */ .who-we-serve .elementor-widget-image-box { background: #ffffff; border-radius: var(--radius); padding: 22px 20px 24px; text-align: center; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.35s ease, background 0.35s ease; position: relative; overflow: hidden; z-index: 1; border: 1px solid rgba(32, 50, 151, 0.08); /* slight “pop-in” entry animation */ opacity: 0; transform: translateY(22px) scale(0.97); animation: wwsIn 0.7s ease forwards; } /* Staggered appearance for multiple columns */ .who-we-serve .elementor-column:nth-child(1) .elementor-widget-image-box { animation-delay: 0s; } .who-we-serve .elementor-column:nth-child(2) .elementor-widget-image-box { animation-delay: 0.08s; } .who-we-serve .elementor-column:nth-child(3) .elementor-widget-image-box { animation-delay: 0.16s; } .who-we-serve .elementor-column:nth-child(4) .elementor-widget-image-box { animation-delay: 0.24s; } /* Hover: 3D tilt + subtle scale */ .who-we-serve .elementor-widget-image-box:hover { transform: translateY(-10px) scale(1.02) rotate3d(1, 1, 0, 3deg); box-shadow: 0 18px 40px rgba(32, 50, 151, 0.28); border-color: rgba(32, 50, 151, 0.35); background: radial-gradient(circle at top, rgba(32,50,151,0.06), transparent 65%), #ffffff; } /* Corner ribbon accent */ .who-we-serve .elementor-widget-image-box::before { content: ""; position: absolute; width: 140px; height: 140px; right: -70px; top: -70px; background: radial-gradient(circle at center, var(--ut-red), transparent 65%); opacity: 0.16; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box::after { content: ""; position: absolute; left: -40px; bottom: -40px; width: 140px; height: 140px; background: radial-gradient(circle at center, var(--ut-blue), transparent 65%); opacity: 0.12; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box:hover::before { opacity: 0.25; transform: translate(8px, 4px) scale(1.05); } .who-we-serve .elementor-widget-image-box:hover::after { opacity: 0.22; transform: translate(-6px, -4px) scale(1.06); } /* ======================================== Image Styling (icons/photos) ======================================== */ .who-we-serve .elementor-image-box-img { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 10px; margin-bottom: 10px; background: radial-gradient(circle at 30% 30%, rgba(32,50,151,0.13), transparent 55%); position: relative; overflow: visible; transition: transform 0.4s ease; } /* Circular ring behind image */ .who-we-serve .elementor-image-box-img::before { content: ""; position: absolute; inset: 3px; border-radius: inherit; border: 1px dashed rgba(32,50,151,0.4); opacity: 0; transform: scale(0.8); transition: opacity 0.4s ease, transform 0.4s ease; } /* Icon hover animation: lift + slight rotate */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img { transform: translateY(-4px) rotate(-3deg); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img::before { opacity: 1; transform: scale(1.05); } /* ======================================== Title + Description ======================================== */ .who-we-serve .elementor-image-box-title { font-weight: 700; font-size: 18px; margin-top: 14px; margin-bottom: 6px; color: #121212; letter-spacing: 0.01em; transition: color 0.3s ease, transform 0.3s ease; } .who-we-serve .elementor-image-box-description { font-size: 14px; color: #3c3c3d; line-height: 1.6; margin-top: 4px; transition: opacity 0.3s ease, transform 0.3s ease; } /* Underline accent under title */ .who-we-serve .elementor-image-box-title::after { content: ""; display: block; width: 34px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--ut-blue), var(--ut-silver)); margin: 6px auto 0; transform: scaleX(0.5); opacity: 0.7; transition: transform 0.3s ease, opacity 0.3s ease; } /* Hover text animations */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title { color: var(--ut-blue); transform: translateY(-2px); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title::after { transform: scaleX(1); opacity: 1; } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-description { opacity: 0.95; transform: translateY(-1px); } /* ======================================== KEYFRAMES ======================================== */ @keyframes wwsIn { 0% { opacity: 0; transform: translateY(22px) scale(0.97); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ======================================== Responsive Tweaks ======================================== */ @media (max-width: 1024px) { .who-we-serve .elementor-widget-image-box { padding: 18px 18px 20px; } .who-we-serve .elementor-image-box-title { font-size: 16px; } .who-we-serve .elementor-image-box-description { font-size: 13px; } } @media (max-width: 767px) { .who-we-serve .elementor-widget-image-box { margin-bottom: 20px; border-radius: 14px; } .who-we-serve .elementor-image-box-img { width: 64px !important; height: auto; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-015d297 *//* ======================================== WHO WE SERVE – Image Box Design (New Style) Section Class: who-we-serve Brand Colors: #203297 (blue), #f2191e (red), #aeb0b4 (silver) ======================================== */ .who-we-serve { --ut-blue: #203297; --ut-red: #f2191e; --ut-silver: #aeb0b4; --radius: 18px; position: relative; padding: clamp(px, ,px) 0; background: radial-gradient(circle at top left, rgba(32,50,151,0.07), transparent 55%), radial-gradient(circle at bottom right, rgba(174,176,180,0.16), transparent 60%), #f7f7fb; } /* Section title styling (accent bar) */ .who-we-serve .elementor-widget-heading h2 { position: relative; padding-top: 10px; } .who-we-serve .elementor-widget-heading h2::before { content: ""; display: block; width: 78px; height: 4px; background: linear-gradient(90deg, var(--ut-red), var(--ut-blue)); border-radius: 999px; margin-bottom: 12px; } /* ======================================== Image Box Card Style – New Motion/Tilt ======================================== */ .who-we-serve .elementor-widget-image-box { background: #ffffff; border-radius: var(--radius); padding: 22px 20px 24px; text-align: center; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.35s ease, background 0.35s ease; position: relative; overflow: hidden; z-index: 1; border: 1px solid rgba(32, 50, 151, 0.08); /* slight “pop-in” entry animation */ opacity: 0; transform: translateY(22px) scale(0.97); animation: wwsIn 0.7s ease forwards; } /* Staggered appearance for multiple columns */ .who-we-serve .elementor-column:nth-child(1) .elementor-widget-image-box { animation-delay: 0s; } .who-we-serve .elementor-column:nth-child(2) .elementor-widget-image-box { animation-delay: 0.08s; } .who-we-serve .elementor-column:nth-child(3) .elementor-widget-image-box { animation-delay: 0.16s; } .who-we-serve .elementor-column:nth-child(4) .elementor-widget-image-box { animation-delay: 0.24s; } /* Hover: 3D tilt + subtle scale */ .who-we-serve .elementor-widget-image-box:hover { transform: translateY(-10px) scale(1.02) rotate3d(1, 1, 0, 3deg); box-shadow: 0 18px 40px rgba(32, 50, 151, 0.28); border-color: rgba(32, 50, 151, 0.35); background: radial-gradient(circle at top, rgba(32,50,151,0.06), transparent 65%), #ffffff; } /* Corner ribbon accent */ .who-we-serve .elementor-widget-image-box::before { content: ""; position: absolute; width: 140px; height: 140px; right: -70px; top: -70px; background: radial-gradient(circle at center, var(--ut-red), transparent 65%); opacity: 0.16; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box::after { content: ""; position: absolute; left: -40px; bottom: -40px; width: 140px; height: 140px; background: radial-gradient(circle at center, var(--ut-blue), transparent 65%); opacity: 0.12; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box:hover::before { opacity: 0.25; transform: translate(8px, 4px) scale(1.05); } .who-we-serve .elementor-widget-image-box:hover::after { opacity: 0.22; transform: translate(-6px, -4px) scale(1.06); } /* ======================================== Image Styling (icons/photos) ======================================== */ .who-we-serve .elementor-image-box-img { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 10px; margin-bottom: 10px; background: radial-gradient(circle at 30% 30%, rgba(32,50,151,0.13), transparent 55%); position: relative; overflow: visible; transition: transform 0.4s ease; } /* Circular ring behind image */ .who-we-serve .elementor-image-box-img::before { content: ""; position: absolute; inset: 3px; border-radius: inherit; border: 1px dashed rgba(32,50,151,0.4); opacity: 0; transform: scale(0.8); transition: opacity 0.4s ease, transform 0.4s ease; } /* Icon hover animation: lift + slight rotate */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img { transform: translateY(-4px) rotate(-3deg); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img::before { opacity: 1; transform: scale(1.05); } /* ======================================== Title + Description ======================================== */ .who-we-serve .elementor-image-box-title { font-weight: 700; font-size: 18px; margin-top: 14px; margin-bottom: 6px; color: #121212; letter-spacing: 0.01em; transition: color 0.3s ease, transform 0.3s ease; } .who-we-serve .elementor-image-box-description { font-size: 14px; color: #3c3c3d; line-height: 1.6; margin-top: 4px; transition: opacity 0.3s ease, transform 0.3s ease; } /* Underline accent under title */ .who-we-serve .elementor-image-box-title::after { content: ""; display: block; width: 34px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--ut-blue), var(--ut-silver)); margin: 6px auto 0; transform: scaleX(0.5); opacity: 0.7; transition: transform 0.3s ease, opacity 0.3s ease; } /* Hover text animations */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title { color: var(--ut-blue); transform: translateY(-2px); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title::after { transform: scaleX(1); opacity: 1; } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-description { opacity: 0.95; transform: translateY(-1px); } /* ======================================== KEYFRAMES ======================================== */ @keyframes wwsIn { 0% { opacity: 0; transform: translateY(22px) scale(0.97); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ======================================== Responsive Tweaks ======================================== */ @media (max-width: 1024px) { .who-we-serve .elementor-widget-image-box { padding: 18px 18px 20px; } .who-we-serve .elementor-image-box-title { font-size: 16px; } .who-we-serve .elementor-image-box-description { font-size: 13px; } } @media (max-width: 767px) { .who-we-serve .elementor-widget-image-box { margin-bottom: 20px; border-radius: 14px; } .who-we-serve .elementor-image-box-img { width: 64px !important; height: auto; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-0361be9 *//* ======================================== WHO WE SERVE – Image Box Design (New Style) Section Class: who-we-serve Brand Colors: #203297 (blue), #f2191e (red), #aeb0b4 (silver) ======================================== */ .who-we-serve { --ut-blue: #203297; --ut-red: #f2191e; --ut-silver: #aeb0b4; --radius: 18px; position: relative; padding: clamp(px, ,px) 0; background: radial-gradient(circle at top left, rgba(32,50,151,0.07), transparent 55%), radial-gradient(circle at bottom right, rgba(174,176,180,0.16), transparent 60%), #f7f7fb; } /* Section title styling (accent bar) */ .who-we-serve .elementor-widget-heading h2 { position: relative; padding-top: 10px; } .who-we-serve .elementor-widget-heading h2::before { content: ""; display: block; width: 78px; height: 4px; background: linear-gradient(90deg, var(--ut-red), var(--ut-blue)); border-radius: 999px; margin-bottom: 12px; } /* ======================================== Image Box Card Style – New Motion/Tilt ======================================== */ .who-we-serve .elementor-widget-image-box { background: #ffffff; border-radius: var(--radius); padding: 22px 20px 24px; text-align: center; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.35s ease, background 0.35s ease; position: relative; overflow: hidden; z-index: 1; border: 1px solid rgba(32, 50, 151, 0.08); /* slight “pop-in” entry animation */ opacity: 0; transform: translateY(22px) scale(0.97); animation: wwsIn 0.7s ease forwards; } /* Staggered appearance for multiple columns */ .who-we-serve .elementor-column:nth-child(1) .elementor-widget-image-box { animation-delay: 0s; } .who-we-serve .elementor-column:nth-child(2) .elementor-widget-image-box { animation-delay: 0.08s; } .who-we-serve .elementor-column:nth-child(3) .elementor-widget-image-box { animation-delay: 0.16s; } .who-we-serve .elementor-column:nth-child(4) .elementor-widget-image-box { animation-delay: 0.24s; } /* Hover: 3D tilt + subtle scale */ .who-we-serve .elementor-widget-image-box:hover { transform: translateY(-10px) scale(1.02) rotate3d(1, 1, 0, 3deg); box-shadow: 0 18px 40px rgba(32, 50, 151, 0.28); border-color: rgba(32, 50, 151, 0.35); background: radial-gradient(circle at top, rgba(32,50,151,0.06), transparent 65%), #ffffff; } /* Corner ribbon accent */ .who-we-serve .elementor-widget-image-box::before { content: ""; position: absolute; width: 140px; height: 140px; right: -70px; top: -70px; background: radial-gradient(circle at center, var(--ut-red), transparent 65%); opacity: 0.16; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box::after { content: ""; position: absolute; left: -40px; bottom: -40px; width: 140px; height: 140px; background: radial-gradient(circle at center, var(--ut-blue), transparent 65%); opacity: 0.12; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box:hover::before { opacity: 0.25; transform: translate(8px, 4px) scale(1.05); } .who-we-serve .elementor-widget-image-box:hover::after { opacity: 0.22; transform: translate(-6px, -4px) scale(1.06); } /* ======================================== Image Styling (icons/photos) ======================================== */ .who-we-serve .elementor-image-box-img { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 10px; margin-bottom: 10px; background: radial-gradient(circle at 30% 30%, rgba(32,50,151,0.13), transparent 55%); position: relative; overflow: visible; transition: transform 0.4s ease; } /* Circular ring behind image */ .who-we-serve .elementor-image-box-img::before { content: ""; position: absolute; inset: 3px; border-radius: inherit; border: 1px dashed rgba(32,50,151,0.4); opacity: 0; transform: scale(0.8); transition: opacity 0.4s ease, transform 0.4s ease; } /* Icon hover animation: lift + slight rotate */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img { transform: translateY(-4px) rotate(-3deg); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img::before { opacity: 1; transform: scale(1.05); } /* ======================================== Title + Description ======================================== */ .who-we-serve .elementor-image-box-title { font-weight: 700; font-size: 18px; margin-top: 14px; margin-bottom: 6px; color: #121212; letter-spacing: 0.01em; transition: color 0.3s ease, transform 0.3s ease; } .who-we-serve .elementor-image-box-description { font-size: 14px; color: #3c3c3d; line-height: 1.6; margin-top: 4px; transition: opacity 0.3s ease, transform 0.3s ease; } /* Underline accent under title */ .who-we-serve .elementor-image-box-title::after { content: ""; display: block; width: 34px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--ut-blue), var(--ut-silver)); margin: 6px auto 0; transform: scaleX(0.5); opacity: 0.7; transition: transform 0.3s ease, opacity 0.3s ease; } /* Hover text animations */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title { color: var(--ut-blue); transform: translateY(-2px); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title::after { transform: scaleX(1); opacity: 1; } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-description { opacity: 0.95; transform: translateY(-1px); } /* ======================================== KEYFRAMES ======================================== */ @keyframes wwsIn { 0% { opacity: 0; transform: translateY(22px) scale(0.97); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ======================================== Responsive Tweaks ======================================== */ @media (max-width: 1024px) { .who-we-serve .elementor-widget-image-box { padding: 18px 18px 20px; } .who-we-serve .elementor-image-box-title { font-size: 16px; } .who-we-serve .elementor-image-box-description { font-size: 13px; } } @media (max-width: 767px) { .who-we-serve .elementor-widget-image-box { margin-bottom: 20px; border-radius: 14px; } .who-we-serve .elementor-image-box-img { width: 64px !important; height: auto; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-cda111c *//* ======================================== WHO WE SERVE – Image Box Design (New Style) Section Class: who-we-serve Brand Colors: #203297 (blue), #f2191e (red), #aeb0b4 (silver) ======================================== */ .who-we-serve { --ut-blue: #203297; --ut-red: #f2191e; --ut-silver: #aeb0b4; --radius: 18px; position: relative; padding: clamp(px, ,px) 0; background: radial-gradient(circle at top left, rgba(32,50,151,0.07), transparent 55%), radial-gradient(circle at bottom right, rgba(174,176,180,0.16), transparent 60%), #f7f7fb; } /* Section title styling (accent bar) */ .who-we-serve .elementor-widget-heading h2 { position: relative; padding-top: 10px; } .who-we-serve .elementor-widget-heading h2::before { content: ""; display: block; width: 78px; height: 4px; background: linear-gradient(90deg, var(--ut-red), var(--ut-blue)); border-radius: 999px; margin-bottom: 12px; } /* ======================================== Image Box Card Style – New Motion/Tilt ======================================== */ .who-we-serve .elementor-widget-image-box { background: #ffffff; border-radius: var(--radius); padding: 22px 20px 24px; text-align: center; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.35s ease, background 0.35s ease; position: relative; overflow: hidden; z-index: 1; border: 1px solid rgba(32, 50, 151, 0.08); /* slight “pop-in” entry animation */ opacity: 0; transform: translateY(22px) scale(0.97); animation: wwsIn 0.7s ease forwards; } /* Staggered appearance for multiple columns */ .who-we-serve .elementor-column:nth-child(1) .elementor-widget-image-box { animation-delay: 0s; } .who-we-serve .elementor-column:nth-child(2) .elementor-widget-image-box { animation-delay: 0.08s; } .who-we-serve .elementor-column:nth-child(3) .elementor-widget-image-box { animation-delay: 0.16s; } .who-we-serve .elementor-column:nth-child(4) .elementor-widget-image-box { animation-delay: 0.24s; } /* Hover: 3D tilt + subtle scale */ .who-we-serve .elementor-widget-image-box:hover { transform: translateY(-10px) scale(1.02) rotate3d(1, 1, 0, 3deg); box-shadow: 0 18px 40px rgba(32, 50, 151, 0.28); border-color: rgba(32, 50, 151, 0.35); background: radial-gradient(circle at top, rgba(32,50,151,0.06), transparent 65%), #ffffff; } /* Corner ribbon accent */ .who-we-serve .elementor-widget-image-box::before { content: ""; position: absolute; width: 140px; height: 140px; right: -70px; top: -70px; background: radial-gradient(circle at center, var(--ut-red), transparent 65%); opacity: 0.16; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box::after { content: ""; position: absolute; left: -40px; bottom: -40px; width: 140px; height: 140px; background: radial-gradient(circle at center, var(--ut-blue), transparent 65%); opacity: 0.12; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box:hover::before { opacity: 0.25; transform: translate(8px, 4px) scale(1.05); } .who-we-serve .elementor-widget-image-box:hover::after { opacity: 0.22; transform: translate(-6px, -4px) scale(1.06); } /* ======================================== Image Styling (icons/photos) ======================================== */ .who-we-serve .elementor-image-box-img { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 10px; margin-bottom: 10px; background: radial-gradient(circle at 30% 30%, rgba(32,50,151,0.13), transparent 55%); position: relative; overflow: visible; transition: transform 0.4s ease; } /* Circular ring behind image */ .who-we-serve .elementor-image-box-img::before { content: ""; position: absolute; inset: 3px; border-radius: inherit; border: 1px dashed rgba(32,50,151,0.4); opacity: 0; transform: scale(0.8); transition: opacity 0.4s ease, transform 0.4s ease; } /* Icon hover animation: lift + slight rotate */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img { transform: translateY(-4px) rotate(-3deg); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img::before { opacity: 1; transform: scale(1.05); } /* ======================================== Title + Description ======================================== */ .who-we-serve .elementor-image-box-title { font-weight: 700; font-size: 18px; margin-top: 14px; margin-bottom: 6px; color: #121212; letter-spacing: 0.01em; transition: color 0.3s ease, transform 0.3s ease; } .who-we-serve .elementor-image-box-description { font-size: 14px; color: #3c3c3d; line-height: 1.6; margin-top: 4px; transition: opacity 0.3s ease, transform 0.3s ease; } /* Underline accent under title */ .who-we-serve .elementor-image-box-title::after { content: ""; display: block; width: 34px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--ut-blue), var(--ut-silver)); margin: 6px auto 0; transform: scaleX(0.5); opacity: 0.7; transition: transform 0.3s ease, opacity 0.3s ease; } /* Hover text animations */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title { color: var(--ut-blue); transform: translateY(-2px); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title::after { transform: scaleX(1); opacity: 1; } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-description { opacity: 0.95; transform: translateY(-1px); } /* ======================================== KEYFRAMES ======================================== */ @keyframes wwsIn { 0% { opacity: 0; transform: translateY(22px) scale(0.97); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ======================================== Responsive Tweaks ======================================== */ @media (max-width: 1024px) { .who-we-serve .elementor-widget-image-box { padding: 18px 18px 20px; } .who-we-serve .elementor-image-box-title { font-size: 16px; } .who-we-serve .elementor-image-box-description { font-size: 13px; } } @media (max-width: 767px) { .who-we-serve .elementor-widget-image-box { margin-bottom: 20px; border-radius: 14px; } .who-we-serve .elementor-image-box-img { width: 64px !important; height: auto; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-af34023 *//* ======================================== WHO WE SERVE – Image Box Design (New Style) Section Class: who-we-serve Brand Colors: #203297 (blue), #f2191e (red), #aeb0b4 (silver) ======================================== */ .who-we-serve { --ut-blue: #203297; --ut-red: #f2191e; --ut-silver: #aeb0b4; --radius: 18px; position: relative; padding: clamp(px, ,px) 0; background: radial-gradient(circle at top left, rgba(32,50,151,0.07), transparent 55%), radial-gradient(circle at bottom right, rgba(174,176,180,0.16), transparent 60%), #f7f7fb; } /* Section title styling (accent bar) */ .who-we-serve .elementor-widget-heading h2 { position: relative; padding-top: 10px; } .who-we-serve .elementor-widget-heading h2::before { content: ""; display: block; width: 78px; height: 4px; background: linear-gradient(90deg, var(--ut-red), var(--ut-blue)); border-radius: 999px; margin-bottom: 12px; } /* ======================================== Image Box Card Style – New Motion/Tilt ======================================== */ .who-we-serve .elementor-widget-image-box { background: #ffffff; border-radius: var(--radius); padding: 22px 20px 24px; text-align: center; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.35s ease, background 0.35s ease; position: relative; overflow: hidden; z-index: 1; border: 1px solid rgba(32, 50, 151, 0.08); /* slight “pop-in” entry animation */ opacity: 0; transform: translateY(22px) scale(0.97); animation: wwsIn 0.7s ease forwards; } /* Staggered appearance for multiple columns */ .who-we-serve .elementor-column:nth-child(1) .elementor-widget-image-box { animation-delay: 0s; } .who-we-serve .elementor-column:nth-child(2) .elementor-widget-image-box { animation-delay: 0.08s; } .who-we-serve .elementor-column:nth-child(3) .elementor-widget-image-box { animation-delay: 0.16s; } .who-we-serve .elementor-column:nth-child(4) .elementor-widget-image-box { animation-delay: 0.24s; } /* Hover: 3D tilt + subtle scale */ .who-we-serve .elementor-widget-image-box:hover { transform: translateY(-10px) scale(1.02) rotate3d(1, 1, 0, 3deg); box-shadow: 0 18px 40px rgba(32, 50, 151, 0.28); border-color: rgba(32, 50, 151, 0.35); background: radial-gradient(circle at top, rgba(32,50,151,0.06), transparent 65%), #ffffff; } /* Corner ribbon accent */ .who-we-serve .elementor-widget-image-box::before { content: ""; position: absolute; width: 140px; height: 140px; right: -70px; top: -70px; background: radial-gradient(circle at center, var(--ut-red), transparent 65%); opacity: 0.16; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box::after { content: ""; position: absolute; left: -40px; bottom: -40px; width: 140px; height: 140px; background: radial-gradient(circle at center, var(--ut-blue), transparent 65%); opacity: 0.12; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box:hover::before { opacity: 0.25; transform: translate(8px, 4px) scale(1.05); } .who-we-serve .elementor-widget-image-box:hover::after { opacity: 0.22; transform: translate(-6px, -4px) scale(1.06); } /* ======================================== Image Styling (icons/photos) ======================================== */ .who-we-serve .elementor-image-box-img { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 10px; margin-bottom: 10px; background: radial-gradient(circle at 30% 30%, rgba(32,50,151,0.13), transparent 55%); position: relative; overflow: visible; transition: transform 0.4s ease; } /* Circular ring behind image */ .who-we-serve .elementor-image-box-img::before { content: ""; position: absolute; inset: 3px; border-radius: inherit; border: 1px dashed rgba(32,50,151,0.4); opacity: 0; transform: scale(0.8); transition: opacity 0.4s ease, transform 0.4s ease; } /* Icon hover animation: lift + slight rotate */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img { transform: translateY(-4px) rotate(-3deg); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img::before { opacity: 1; transform: scale(1.05); } /* ======================================== Title + Description ======================================== */ .who-we-serve .elementor-image-box-title { font-weight: 700; font-size: 18px; margin-top: 14px; margin-bottom: 6px; color: #121212; letter-spacing: 0.01em; transition: color 0.3s ease, transform 0.3s ease; } .who-we-serve .elementor-image-box-description { font-size: 14px; color: #3c3c3d; line-height: 1.6; margin-top: 4px; transition: opacity 0.3s ease, transform 0.3s ease; } /* Underline accent under title */ .who-we-serve .elementor-image-box-title::after { content: ""; display: block; width: 34px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--ut-blue), var(--ut-silver)); margin: 6px auto 0; transform: scaleX(0.5); opacity: 0.7; transition: transform 0.3s ease, opacity 0.3s ease; } /* Hover text animations */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title { color: var(--ut-blue); transform: translateY(-2px); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title::after { transform: scaleX(1); opacity: 1; } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-description { opacity: 0.95; transform: translateY(-1px); } /* ======================================== KEYFRAMES ======================================== */ @keyframes wwsIn { 0% { opacity: 0; transform: translateY(22px) scale(0.97); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ======================================== Responsive Tweaks ======================================== */ @media (max-width: 1024px) { .who-we-serve .elementor-widget-image-box { padding: 18px 18px 20px; } .who-we-serve .elementor-image-box-title { font-size: 16px; } .who-we-serve .elementor-image-box-description { font-size: 13px; } } @media (max-width: 767px) { .who-we-serve .elementor-widget-image-box { margin-bottom: 20px; border-radius: 14px; } .who-we-serve .elementor-image-box-img { width: 64px !important; height: auto; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-b6c0eff *//* ======================================== WHO WE SERVE – Image Box Design (New Style) Section Class: who-we-serve Brand Colors: #203297 (blue), #f2191e (red), #aeb0b4 (silver) ======================================== */ .who-we-serve { --ut-blue: #203297; --ut-red: #f2191e; --ut-silver: #aeb0b4; --radius: 18px; position: relative; padding: clamp(px, ,px) 0; background: radial-gradient(circle at top left, rgba(32,50,151,0.07), transparent 55%), radial-gradient(circle at bottom right, rgba(174,176,180,0.16), transparent 60%), #f7f7fb; } /* Section title styling (accent bar) */ .who-we-serve .elementor-widget-heading h2 { position: relative; padding-top: 10px; } .who-we-serve .elementor-widget-heading h2::before { content: ""; display: block; width: 78px; height: 4px; background: linear-gradient(90deg, var(--ut-red), var(--ut-blue)); border-radius: 999px; margin-bottom: 12px; } /* ======================================== Image Box Card Style – New Motion/Tilt ======================================== */ .who-we-serve .elementor-widget-image-box { background: #ffffff; border-radius: var(--radius); padding: 22px 20px 24px; text-align: center; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.35s ease, background 0.35s ease; position: relative; overflow: hidden; z-index: 1; border: 1px solid rgba(32, 50, 151, 0.08); /* slight “pop-in” entry animation */ opacity: 0; transform: translateY(22px) scale(0.97); animation: wwsIn 0.7s ease forwards; } /* Staggered appearance for multiple columns */ .who-we-serve .elementor-column:nth-child(1) .elementor-widget-image-box { animation-delay: 0s; } .who-we-serve .elementor-column:nth-child(2) .elementor-widget-image-box { animation-delay: 0.08s; } .who-we-serve .elementor-column:nth-child(3) .elementor-widget-image-box { animation-delay: 0.16s; } .who-we-serve .elementor-column:nth-child(4) .elementor-widget-image-box { animation-delay: 0.24s; } /* Hover: 3D tilt + subtle scale */ .who-we-serve .elementor-widget-image-box:hover { transform: translateY(-10px) scale(1.02) rotate3d(1, 1, 0, 3deg); box-shadow: 0 18px 40px rgba(32, 50, 151, 0.28); border-color: rgba(32, 50, 151, 0.35); background: radial-gradient(circle at top, rgba(32,50,151,0.06), transparent 65%), #ffffff; } /* Corner ribbon accent */ .who-we-serve .elementor-widget-image-box::before { content: ""; position: absolute; width: 140px; height: 140px; right: -70px; top: -70px; background: radial-gradient(circle at center, var(--ut-red), transparent 65%); opacity: 0.16; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box::after { content: ""; position: absolute; left: -40px; bottom: -40px; width: 140px; height: 140px; background: radial-gradient(circle at center, var(--ut-blue), transparent 65%); opacity: 0.12; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box:hover::before { opacity: 0.25; transform: translate(8px, 4px) scale(1.05); } .who-we-serve .elementor-widget-image-box:hover::after { opacity: 0.22; transform: translate(-6px, -4px) scale(1.06); } /* ======================================== Image Styling (icons/photos) ======================================== */ .who-we-serve .elementor-image-box-img { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 10px; margin-bottom: 10px; background: radial-gradient(circle at 30% 30%, rgba(32,50,151,0.13), transparent 55%); position: relative; overflow: visible; transition: transform 0.4s ease; } /* Circular ring behind image */ .who-we-serve .elementor-image-box-img::before { content: ""; position: absolute; inset: 3px; border-radius: inherit; border: 1px dashed rgba(32,50,151,0.4); opacity: 0; transform: scale(0.8); transition: opacity 0.4s ease, transform 0.4s ease; } /* Icon hover animation: lift + slight rotate */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img { transform: translateY(-4px) rotate(-3deg); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img::before { opacity: 1; transform: scale(1.05); } /* ======================================== Title + Description ======================================== */ .who-we-serve .elementor-image-box-title { font-weight: 700; font-size: 18px; margin-top: 14px; margin-bottom: 6px; color: #121212; letter-spacing: 0.01em; transition: color 0.3s ease, transform 0.3s ease; } .who-we-serve .elementor-image-box-description { font-size: 14px; color: #3c3c3d; line-height: 1.6; margin-top: 4px; transition: opacity 0.3s ease, transform 0.3s ease; } /* Underline accent under title */ .who-we-serve .elementor-image-box-title::after { content: ""; display: block; width: 34px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--ut-blue), var(--ut-silver)); margin: 6px auto 0; transform: scaleX(0.5); opacity: 0.7; transition: transform 0.3s ease, opacity 0.3s ease; } /* Hover text animations */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title { color: var(--ut-blue); transform: translateY(-2px); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title::after { transform: scaleX(1); opacity: 1; } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-description { opacity: 0.95; transform: translateY(-1px); } /* ======================================== KEYFRAMES ======================================== */ @keyframes wwsIn { 0% { opacity: 0; transform: translateY(22px) scale(0.97); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ======================================== Responsive Tweaks ======================================== */ @media (max-width: 1024px) { .who-we-serve .elementor-widget-image-box { padding: 18px 18px 20px; } .who-we-serve .elementor-image-box-title { font-size: 16px; } .who-we-serve .elementor-image-box-description { font-size: 13px; } } @media (max-width: 767px) { .who-we-serve .elementor-widget-image-box { margin-bottom: 20px; border-radius: 14px; } .who-we-serve .elementor-image-box-img { width: 64px !important; height: auto; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-66ad9f8 *//* ======================================== WHO WE SERVE – Image Box Design (New Style) Section Class: who-we-serve Brand Colors: #203297 (blue), #f2191e (red), #aeb0b4 (silver) ======================================== */ .who-we-serve { --ut-blue: #203297; --ut-red: #f2191e; --ut-silver: #aeb0b4; --radius: 18px; position: relative; padding: clamp(px, ,px) 0; background: radial-gradient(circle at top left, rgba(32,50,151,0.07), transparent 55%), radial-gradient(circle at bottom right, rgba(174,176,180,0.16), transparent 60%), #f7f7fb; } /* Section title styling (accent bar) */ .who-we-serve .elementor-widget-heading h2 { position: relative; padding-top: 10px; } .who-we-serve .elementor-widget-heading h2::before { content: ""; display: block; width: 78px; height: 4px; background: linear-gradient(90deg, var(--ut-red), var(--ut-blue)); border-radius: 999px; margin-bottom: 12px; } /* ======================================== Image Box Card Style – New Motion/Tilt ======================================== */ .who-we-serve .elementor-widget-image-box { background: #ffffff; border-radius: var(--radius); padding: 22px 20px 24px; text-align: center; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.35s ease, background 0.35s ease; position: relative; overflow: hidden; z-index: 1; border: 1px solid rgba(32, 50, 151, 0.08); /* slight “pop-in” entry animation */ opacity: 0; transform: translateY(22px) scale(0.97); animation: wwsIn 0.7s ease forwards; } /* Staggered appearance for multiple columns */ .who-we-serve .elementor-column:nth-child(1) .elementor-widget-image-box { animation-delay: 0s; } .who-we-serve .elementor-column:nth-child(2) .elementor-widget-image-box { animation-delay: 0.08s; } .who-we-serve .elementor-column:nth-child(3) .elementor-widget-image-box { animation-delay: 0.16s; } .who-we-serve .elementor-column:nth-child(4) .elementor-widget-image-box { animation-delay: 0.24s; } /* Hover: 3D tilt + subtle scale */ .who-we-serve .elementor-widget-image-box:hover { transform: translateY(-10px) scale(1.02) rotate3d(1, 1, 0, 3deg); box-shadow: 0 18px 40px rgba(32, 50, 151, 0.28); border-color: rgba(32, 50, 151, 0.35); background: radial-gradient(circle at top, rgba(32,50,151,0.06), transparent 65%), #ffffff; } /* Corner ribbon accent */ .who-we-serve .elementor-widget-image-box::before { content: ""; position: absolute; width: 140px; height: 140px; right: -70px; top: -70px; background: radial-gradient(circle at center, var(--ut-red), transparent 65%); opacity: 0.16; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box::after { content: ""; position: absolute; left: -40px; bottom: -40px; width: 140px; height: 140px; background: radial-gradient(circle at center, var(--ut-blue), transparent 65%); opacity: 0.12; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box:hover::before { opacity: 0.25; transform: translate(8px, 4px) scale(1.05); } .who-we-serve .elementor-widget-image-box:hover::after { opacity: 0.22; transform: translate(-6px, -4px) scale(1.06); } /* ======================================== Image Styling (icons/photos) ======================================== */ .who-we-serve .elementor-image-box-img { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 10px; margin-bottom: 10px; background: radial-gradient(circle at 30% 30%, rgba(32,50,151,0.13), transparent 55%); position: relative; overflow: visible; transition: transform 0.4s ease; } /* Circular ring behind image */ .who-we-serve .elementor-image-box-img::before { content: ""; position: absolute; inset: 3px; border-radius: inherit; border: 1px dashed rgba(32,50,151,0.4); opacity: 0; transform: scale(0.8); transition: opacity 0.4s ease, transform 0.4s ease; } /* Icon hover animation: lift + slight rotate */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img { transform: translateY(-4px) rotate(-3deg); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img::before { opacity: 1; transform: scale(1.05); } /* ======================================== Title + Description ======================================== */ .who-we-serve .elementor-image-box-title { font-weight: 700; font-size: 18px; margin-top: 14px; margin-bottom: 6px; color: #121212; letter-spacing: 0.01em; transition: color 0.3s ease, transform 0.3s ease; } .who-we-serve .elementor-image-box-description { font-size: 14px; color: #3c3c3d; line-height: 1.6; margin-top: 4px; transition: opacity 0.3s ease, transform 0.3s ease; } /* Underline accent under title */ .who-we-serve .elementor-image-box-title::after { content: ""; display: block; width: 34px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--ut-blue), var(--ut-silver)); margin: 6px auto 0; transform: scaleX(0.5); opacity: 0.7; transition: transform 0.3s ease, opacity 0.3s ease; } /* Hover text animations */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title { color: var(--ut-blue); transform: translateY(-2px); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title::after { transform: scaleX(1); opacity: 1; } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-description { opacity: 0.95; transform: translateY(-1px); } /* ======================================== KEYFRAMES ======================================== */ @keyframes wwsIn { 0% { opacity: 0; transform: translateY(22px) scale(0.97); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ======================================== Responsive Tweaks ======================================== */ @media (max-width: 1024px) { .who-we-serve .elementor-widget-image-box { padding: 18px 18px 20px; } .who-we-serve .elementor-image-box-title { font-size: 16px; } .who-we-serve .elementor-image-box-description { font-size: 13px; } } @media (max-width: 767px) { .who-we-serve .elementor-widget-image-box { margin-bottom: 20px; border-radius: 14px; } .who-we-serve .elementor-image-box-img { width: 64px !important; height: auto; } }/* End custom CSS */ /* Start custom CSS for image-box, class: .elementor-element-11dea7e *//* ======================================== WHO WE SERVE – Image Box Design (New Style) Section Class: who-we-serve Brand Colors: #203297 (blue), #f2191e (red), #aeb0b4 (silver) ======================================== */ .who-we-serve { --ut-blue: #203297; --ut-red: #f2191e; --ut-silver: #aeb0b4; --radius: 18px; position: relative; padding: clamp(px, ,px) 0; background: radial-gradient(circle at top left, rgba(32,50,151,0.07), transparent 55%), radial-gradient(circle at bottom right, rgba(174,176,180,0.16), transparent 60%), #f7f7fb; } /* Section title styling (accent bar) */ .who-we-serve .elementor-widget-heading h2 { position: relative; padding-top: 10px; } .who-we-serve .elementor-widget-heading h2::before { content: ""; display: block; width: 78px; height: 4px; background: linear-gradient(90deg, var(--ut-red), var(--ut-blue)); border-radius: 999px; margin-bottom: 12px; } /* ======================================== Image Box Card Style – New Motion/Tilt ======================================== */ .who-we-serve .elementor-widget-image-box { background: #ffffff; border-radius: var(--radius); padding: 22px 20px 24px; text-align: center; box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06); transition: transform 0.4s ease, box-shadow 0.4s ease, border-color 0.35s ease, background 0.35s ease; position: relative; overflow: hidden; z-index: 1; border: 1px solid rgba(32, 50, 151, 0.08); /* slight “pop-in” entry animation */ opacity: 0; transform: translateY(22px) scale(0.97); animation: wwsIn 0.7s ease forwards; } /* Staggered appearance for multiple columns */ .who-we-serve .elementor-column:nth-child(1) .elementor-widget-image-box { animation-delay: 0s; } .who-we-serve .elementor-column:nth-child(2) .elementor-widget-image-box { animation-delay: 0.08s; } .who-we-serve .elementor-column:nth-child(3) .elementor-widget-image-box { animation-delay: 0.16s; } .who-we-serve .elementor-column:nth-child(4) .elementor-widget-image-box { animation-delay: 0.24s; } /* Hover: 3D tilt + subtle scale */ .who-we-serve .elementor-widget-image-box:hover { transform: translateY(-10px) scale(1.02) rotate3d(1, 1, 0, 3deg); box-shadow: 0 18px 40px rgba(32, 50, 151, 0.28); border-color: rgba(32, 50, 151, 0.35); background: radial-gradient(circle at top, rgba(32,50,151,0.06), transparent 65%), #ffffff; } /* Corner ribbon accent */ .who-we-serve .elementor-widget-image-box::before { content: ""; position: absolute; width: 140px; height: 140px; right: -70px; top: -70px; background: radial-gradient(circle at center, var(--ut-red), transparent 65%); opacity: 0.16; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box::after { content: ""; position: absolute; left: -40px; bottom: -40px; width: 140px; height: 140px; background: radial-gradient(circle at center, var(--ut-blue), transparent 65%); opacity: 0.12; transition: opacity 0.35s ease, transform 0.45s ease; } .who-we-serve .elementor-widget-image-box:hover::before { opacity: 0.25; transform: translate(8px, 4px) scale(1.05); } .who-we-serve .elementor-widget-image-box:hover::after { opacity: 0.22; transform: translate(-6px, -4px) scale(1.06); } /* ======================================== Image Styling (icons/photos) ======================================== */ .who-we-serve .elementor-image-box-img { display: inline-flex; align-items: center; justify-content: center; border-radius: 999px; padding: 10px; margin-bottom: 10px; background: radial-gradient(circle at 30% 30%, rgba(32,50,151,0.13), transparent 55%); position: relative; overflow: visible; transition: transform 0.4s ease; } /* Circular ring behind image */ .who-we-serve .elementor-image-box-img::before { content: ""; position: absolute; inset: 3px; border-radius: inherit; border: 1px dashed rgba(32,50,151,0.4); opacity: 0; transform: scale(0.8); transition: opacity 0.4s ease, transform 0.4s ease; } /* Icon hover animation: lift + slight rotate */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img { transform: translateY(-4px) rotate(-3deg); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-img::before { opacity: 1; transform: scale(1.05); } /* ======================================== Title + Description ======================================== */ .who-we-serve .elementor-image-box-title { font-weight: 700; font-size: 18px; margin-top: 14px; margin-bottom: 6px; color: #121212; letter-spacing: 0.01em; transition: color 0.3s ease, transform 0.3s ease; } .who-we-serve .elementor-image-box-description { font-size: 14px; color: #3c3c3d; line-height: 1.6; margin-top: 4px; transition: opacity 0.3s ease, transform 0.3s ease; } /* Underline accent under title */ .who-we-serve .elementor-image-box-title::after { content: ""; display: block; width: 34px; height: 2px; border-radius: 999px; background: linear-gradient(90deg, var(--ut-blue), var(--ut-silver)); margin: 6px auto 0; transform: scaleX(0.5); opacity: 0.7; transition: transform 0.3s ease, opacity 0.3s ease; } /* Hover text animations */ .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title { color: var(--ut-blue); transform: translateY(-2px); } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-title::after { transform: scaleX(1); opacity: 1; } .who-we-serve .elementor-widget-image-box:hover .elementor-image-box-description { opacity: 0.95; transform: translateY(-1px); } /* ======================================== KEYFRAMES ======================================== */ @keyframes wwsIn { 0% { opacity: 0; transform: translateY(22px) scale(0.97); } 100% { opacity: 1; transform: translateY(0) scale(1); } } /* ======================================== Responsive Tweaks ======================================== */ @media (max-width: 1024px) { .who-we-serve .elementor-widget-image-box { padding: 18px 18px 20px; } .who-we-serve .elementor-image-box-title { font-size: 16px; } .who-we-serve .elementor-image-box-description { font-size: 13px; } } @media (max-width: 767px) { .who-we-serve .elementor-widget-image-box { margin-bottom: 20px; border-radius: 14px; } .who-we-serve .elementor-image-box-img { width: 64px !important; height: auto; } }/* End custom CSS */