.elementor-1138 .elementor-element.elementor-element-cc49aac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:2%;--padding-bottom:2%;--padding-left:0%;--padding-right:0%;}.elementor-1138 .elementor-element.elementor-element-cc49aac:not(.elementor-motion-effects-element-type-background), .elementor-1138 .elementor-element.elementor-element-cc49aac > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#090F1E;}.elementor-1138 .elementor-element.elementor-element-dcb27ab{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1138 .elementor-element.elementor-element-a3d5097{--display:flex;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1138 .elementor-element.elementor-element-a3d5097.e-con{--flex-grow:0;--flex-shrink:0;}.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-1138 .elementor-element.elementor-element-a4b186b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -45px;text-align:start;}.elementor-1138 .elementor-element.elementor-element-4ed0419{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-1138 .elementor-element.elementor-element-fc49324 .section-title{text-align:left;}.elementor-1138 .elementor-element.elementor-element-6c86158{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1138 .elementor-element.elementor-element-29c1e4f > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-1138 .elementor-element.elementor-element-c74d735{width:var( --container-widget-width, 35.936% );max-width:35.936%;--container-widget-width:35.936%;--container-widget-flex-grow:0;}.elementor-1138 .elementor-element.elementor-element-c74d735 > .elementor-widget-container{margin:9px 0px 0px 0px;}.elementor-1138 .elementor-element.elementor-element-c74d735.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1138 .elementor-element.elementor-element-c74d735 .dreamit-button .button{text-decoration:none;color:#FFFFFF;border-style:solid;border-width:2px 2px 2px 2px;border-color:#FFFFFF;border-radius:12px 12px 12px 12px;padding:6% 15% 5% 15%;}.elementor-1138 .elementor-element.elementor-element-30ac00e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-1138 .elementor-element.elementor-element-30ac00e:not(.elementor-motion-effects-element-type-background), .elementor-1138 .elementor-element.elementor-element-30ac00e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.byteforceitsolutions.com/byteforcev1/wp-content/uploads/sites/176/2023/08/03_About-Us-1.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1138 .elementor-element.elementor-element-eea05ba{--display:flex;}.elementor-1138 .elementor-element.elementor-element-2f00f2e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1138 .elementor-element.elementor-element-912cfea{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1138 .elementor-element.elementor-element-912cfea.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-1138 .elementor-element.elementor-element-a490c38 .section-title{text-align:center;}.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-1138 .elementor-element.elementor-element-dc59834{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;}.elementor-1138 .elementor-element.elementor-element-dc59834.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1138 .elementor-element.elementor-element-64e5dac{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-1138 .elementor-element.elementor-element-06f0737 .elementor-button{background-color:transparent;font-family:"Noto Color Emoji", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;background-image:linear-gradient(133deg, #C466E2 27%, #5C74CC 61%);border-radius:0px 0px 0px 0px;padding:6% 20% 6% 20%;}.elementor-1138 .elementor-element.elementor-element-06f0737{width:var( --container-widget-width, 20.865% );max-width:20.865%;--container-widget-width:20.865%;--container-widget-flex-grow:0;}.elementor-1138 .elementor-element.elementor-element-06f0737.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1138 .elementor-element.elementor-element-06f0737 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-1138 .elementor-element.elementor-element-72261a8 .elementor-button{background-color:transparent;font-family:"Noto Color Emoji", Sans-serif;font-size:16px;font-weight:600;text-decoration:none;background-image:linear-gradient(133deg, #C466E2 27%, #5C74CC 61%);border-radius:0px 0px 0px 0px;padding:7% 20% 7% 20%;}.elementor-1138 .elementor-element.elementor-element-72261a8{width:var( --container-widget-width, 16.234% );max-width:16.234%;--container-widget-width:16.234%;--container-widget-flex-grow:0;}.elementor-1138 .elementor-element.elementor-element-72261a8.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1138 .elementor-element.elementor-element-72261a8 .elementor-button-content-wrapper{flex-direction:row;}.elementor-1138 .elementor-element.elementor-element-ca2d919{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1138 .elementor-element.elementor-element-5a19e66{--display:flex;}.elementor-1138 .elementor-element.elementor-element-ddeaa99{--display:flex;}.elementor-1138 .elementor-element.elementor-element-181dba9{--display:flex;}.elementor-1138 .elementor-element.elementor-element-10adb94{--display:flex;}.elementor-1138 .elementor-element.elementor-element-23fed74{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1138 .elementor-element.elementor-element-6dc5af7{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1138 .elementor-element.elementor-element-7b689c6{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-1138 .elementor-element.elementor-element-9742599{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-1138 .elementor-element.elementor-element-9742599 .section-title{text-align:center;}.elementor-1138 .elementor-element.elementor-element-9742599 .section-title .title{color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-5cb1371{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1138 .elementor-element.elementor-element-bfd9d39{--display:flex;}.elementor-1138 .elementor-element.elementor-element-e3826af > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-1138 .elementor-element.elementor-element-25cc846{--display:flex;}.elementor-1138 .elementor-element.elementor-element-982bb69 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-1138 .elementor-element.elementor-element-7bcae14{--display:flex;}.elementor-1138 .elementor-element.elementor-element-a08bca7 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-1138 .elementor-element.elementor-element-a08bca7 .service-box .service-box-icon i{height:80px;width:80px;}.elementor-1138 .elementor-element.elementor-element-81072f8{--display:flex;}.elementor-1138 .elementor-element.elementor-element-3aa3de3 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-1138 .elementor-element.elementor-element-3aa3de3 .service-box .service-box-icon i{height:80px;width:80px;}.elementor-1138 .elementor-element.elementor-element-358bf2c{width:var( --container-widget-width, 73.541% );max-width:73.541%;--container-widget-width:73.541%;--container-widget-flex-grow:0;}.elementor-1138 .elementor-element.elementor-element-358bf2c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1138 .elementor-element.elementor-element-a98371d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1138 .elementor-element.elementor-element-a98371d:not(.elementor-motion-effects-element-type-background), .elementor-1138 .elementor-element.elementor-element-a98371d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://demo.byteforceitsolutions.com/byteforcev1/wp-content/uploads/sites/176/2023/08/team-bg.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1138 .elementor-element.elementor-element-6693e28{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-1138 .elementor-element.elementor-element-883e4c8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-1138 .elementor-element.elementor-element-e9f1008{--display:flex;}.elementor-1138 .elementor-element.elementor-element-7c16ce2 .section-title{text-align:center;}.elementor-1138 .elementor-element.elementor-element-4de190d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--flex-wrap:wrap;--margin-top:43px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1138 .elementor-element.elementor-element-bdbf49d{--display:flex;}.elementor-1138 .elementor-element.elementor-element-8b193fa{--display:flex;}.elementor-1138 .elementor-element.elementor-element-8d02cdb{--display:flex;}.elementor-1138 .elementor-element.elementor-element-180c26d{--display:flex;}.elementor-1138 .elementor-element.elementor-element-e925078{--display:flex;}.elementor-1138 .elementor-element.elementor-element-42d79ac{--display:flex;}.elementor-1138 .elementor-element.elementor-element-b19f451{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;border-style:solid;--border-style:solid;border-width:1px 0px 0px 0px;--border-top-width:1px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;border-color:#E7E4E2;--border-color:#E7E4E2;--margin-top:78px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:63px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1138 .elementor-element.elementor-element-02335df{--display:flex;}.elementor-1138 .elementor-element.elementor-element-6eb7f96 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1138 .elementor-element.elementor-element-6eb7f96{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-1138 .elementor-element.elementor-element-6eb7f96 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1138 .elementor-element.elementor-element-b59e0e9 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-1138 .elementor-element.elementor-element-20fba5d{z-index:2;}.elementor-1138 .elementor-element.elementor-element-20fba5d .section-title{text-align:left;}.elementor-1138 .elementor-element.elementor-element-20fba5d .section-title .title{color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-20fba5d .section-title .description{color:#FFFFFF;}.elementor-1138 .elementor-element.elementor-element-f881c34 > .elementor-widget-container{margin:2px 0px 0px 0px;}.elementor-1138 .elementor-element.elementor-element-f881c34 .dreamit-button .button{color:#FFDE5D;}.elementor-1138 .elementor-element.elementor-element-c6cc4a0{width:auto;max-width:auto;top:-17px;}body:not(.rtl) .elementor-1138 .elementor-element.elementor-element-c6cc4a0{left:48px;}body.rtl .elementor-1138 .elementor-element.elementor-element-c6cc4a0{right:48px;}.elementor-1138 .elementor-element.elementor-element-2fb4a2f .icon-box.style-two{text-align:center;}.elementor-1138 .elementor-element.elementor-element-2fb4a2f .icon-box .icon-box-content h4{color:#FFFFFF;margin:22px 0px 15px 0px;font-size:30px;font-weight:500;}.elementor-1138 .elementor-element.elementor-element-2fb4a2f .icon-box-content p{color:#A8A8B3;}body:not(.rtl) .elementor-1138 .elementor-element.elementor-element-80503c7{left:105px;}body.rtl .elementor-1138 .elementor-element.elementor-element-80503c7{right:105px;}.elementor-1138 .elementor-element.elementor-element-80503c7{top:173px;}.elementor-1138 .elementor-element.elementor-element-5bf95be{width:auto;max-width:auto;top:-74px;text-align:start;}body:not(.rtl) .elementor-1138 .elementor-element.elementor-element-5bf95be{left:-259px;}body.rtl .elementor-1138 .elementor-element.elementor-element-5bf95be{right:-259px;}@media(max-width:1024px){.elementor-1138 .elementor-element.elementor-element-a4b186b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-1138 .elementor-element.elementor-element-4ed0419{--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1138 .elementor-element.elementor-element-20fba5d .section-title{text-align:center;}.elementor-1138 .elementor-element.elementor-element-f881c34 .dreamit-button{text-align:center;}}@media(max-width:767px){.elementor-1138 .elementor-element.elementor-element-ec442eb .single-counter{text-align:center;}.elementor-1138 .elementor-element.elementor-element-bc7cc6d .single-counter{text-align:center;}.elementor-1138 .elementor-element.elementor-element-4e92cdb .single-counter{text-align:center;}.elementor-1138 .elementor-element.elementor-element-040c978 .single-counter{text-align:center;}}@media(min-width:768px){.elementor-1138 .elementor-element.elementor-element-a3d5097{--width:39.208%;}.elementor-1138 .elementor-element.elementor-element-4ed0419{--width:60%;}.elementor-1138 .elementor-element.elementor-element-912cfea{--width:100%;}.elementor-1138 .elementor-element.elementor-element-bfd9d39{--width:24%;}.elementor-1138 .elementor-element.elementor-element-25cc846{--width:24%;}.elementor-1138 .elementor-element.elementor-element-7bcae14{--width:24%;}.elementor-1138 .elementor-element.elementor-element-81072f8{--width:24%;}.elementor-1138 .elementor-element.elementor-element-bdbf49d{--width:32%;}.elementor-1138 .elementor-element.elementor-element-8b193fa{--width:32%;}.elementor-1138 .elementor-element.elementor-element-8d02cdb{--width:32%;}.elementor-1138 .elementor-element.elementor-element-180c26d{--width:32%;}.elementor-1138 .elementor-element.elementor-element-e925078{--width:32%;}.elementor-1138 .elementor-element.elementor-element-42d79ac{--width:32%;}.elementor-1138 .elementor-element.elementor-element-781b28b{width:46.794%;}.elementor-1138 .elementor-element.elementor-element-3ec353c{width:28.282%;}.elementor-1138 .elementor-element.elementor-element-93ea32d{width:24.565%;}}@media(max-width:1024px) and (min-width:768px){.elementor-1138 .elementor-element.elementor-element-a3d5097{--width:100%;}.elementor-1138 .elementor-element.elementor-element-4ed0419{--width:100%;}.elementor-1138 .elementor-element.elementor-element-912cfea{--width:100%;}.elementor-1138 .elementor-element.elementor-element-5a19e66{--width:50%;}.elementor-1138 .elementor-element.elementor-element-ddeaa99{--width:50%;}.elementor-1138 .elementor-element.elementor-element-181dba9{--width:50%;}.elementor-1138 .elementor-element.elementor-element-10adb94{--width:50%;}.elementor-1138 .elementor-element.elementor-element-bfd9d39{--width:50%;}.elementor-1138 .elementor-element.elementor-element-25cc846{--width:50%;}.elementor-1138 .elementor-element.elementor-element-7bcae14{--width:50%;}.elementor-1138 .elementor-element.elementor-element-81072f8{--width:50%;}.elementor-1138 .elementor-element.elementor-element-bdbf49d{--width:50%;}.elementor-1138 .elementor-element.elementor-element-8b193fa{--width:50%;}.elementor-1138 .elementor-element.elementor-element-8d02cdb{--width:50%;}.elementor-1138 .elementor-element.elementor-element-180c26d{--width:50%;}.elementor-1138 .elementor-element.elementor-element-e925078{--width:50%;}.elementor-1138 .elementor-element.elementor-element-42d79ac{--width:50%;}.elementor-1138 .elementor-element.elementor-element-781b28b{width:100%;}.elementor-1138 .elementor-element.elementor-element-93ea32d{width:100%;}}@media(min-width:1025px){.elementor-1138 .elementor-element.elementor-element-30ac00e:not(.elementor-motion-effects-element-type-background), .elementor-1138 .elementor-element.elementor-element-30ac00e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}.elementor-1138 .elementor-element.elementor-element-a98371d:not(.elementor-motion-effects-element-type-background), .elementor-1138 .elementor-element.elementor-element-a98371d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for container, class: .elementor-element-dcb27ab *//* ==========================================
   3D ARCHITECT BANNER CORE STYLES
   ========================================== */

/* Parent Container Wrapper */
.elementor-element.elementor-element-fdf7ec7 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 20px 40px;
    background: radial-gradient(circle at 10% 20%, rgba(12, 20, 39, 1) 0%, rgba(5, 9, 18, 1) 90%);
    border-radius: 24px;
    overflow: visible;
    position: relative;
    /* Activates the 3D context for the whole banner */
    perspective: 1500px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Base styling for both columns to support 3D */
.elementor-element-a06ff9d,
.elementor-element-e7cef6a {
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.6s ease;
    transform-style: preserve-3d;
}

/* ------------------------------------------
   LEFT COLUMN - THE 3D ASSET / IMAGE
   ------------------------------------------ */
.elementor-element-a06ff9d {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.elementor-element-a06ff9d img {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.5));
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), filter 0.6s ease;
    /* Pushes the image slightly forward on the Z-axis natively */
    transform: translateZ(30px); 
}

/* ------------------------------------------
   RIGHT COLUMN - ARCHITECT TEXT CARD
   ------------------------------------------ */
.elementor-element-e7cef6a {
    flex: 1.2;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 25px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    /* Pulls the card content forward */
    transform: translateZ(10px);
}

/* Typography & Content Structure */
.elementor-element-e7cef6a .title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
    background: linear-gradient(135deg, #ffffff 30%, #a5b4fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateZ(40px); /* Pops the title out further */
}

.elementor-element-e7cef6a .description {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #94a3b8;
    margin-bottom: 30px;
    transform: translateZ(20px);
}

/* Interactive Call To Action Button */
.elementor-element-26e0d33 .button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 0px 32px;
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 600;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(29, 78, 216, 0.4);
    transition: all 0.3s ease;
    transform: translateZ(50px); /* Highest pop effect */
}

.elementor-element-26e0d33 .button:hover {
    background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);
    box-shadow: 0 15px 30px rgba(29, 78, 216, 0.6);
    transform: translateZ(60px) translateY(-2px);
}

.elementor-element-26e0d33 .button i {
    transition: transform 0.3s ease;
}

.elementor-element-26e0d33 .button:hover i {
    transform: translateX(5px);
}

/* ==========================================
   THE 3D INTERACTIVE HOVER EFFECTS
   ========================================== */

/* Entire container tilts dynamically on hover */
.elementor-element.elementor-element-fdf7ec7:hover {
    border-color: rgba(59, 130, 246, 0.2);
    box-shadow: 0 45px 80px rgba(0, 0, 0, 0.6);
}

/* Image lunges forward smoothly */
.elementor-element.elementor-element-fdf7ec7:hover .elementor-element-a06ff9d {
    transform: rotateY(12px) rotateX(4deg) translateZ(60px) scale(1.05);
}

.elementor-element.elementor-element-fdf7ec7:hover .elementor-element-a06ff9d img {
    filter: drop-shadow(0 30px 45px rgba(0, 0, 0, 0.7));
}

/* Text card angles slightly away into perspective */
.elementor-element.elementor-element-fdf7ec7:hover .elementor-element-e7cef6a {
    transform: rotateY(6px) translateZ(30px);
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
}


/* ==========================================
   RESPONSIVE DESIGN (Down to 425px)
   ========================================== */
@media (max-width: 991px) {
    .elementor-element.elementor-element-fdf7ec7 {
        flex-direction: column;
        gap: 40px;
        padding: 40px 24px;
        perspective: none; /* Flattens heavy 3D on tablets for better performance */
    }
    
    .elementor-element-a06ff9d,
    .elementor-element-e7cef6a {
        transform: none !important;
        flex: none;
        width: 100%;
    }
    
    .elementor-element.elementor-element-fdf7ec7:hover .elementor-element-a06ff9d,
    .elementor-element.elementor-element-fdf7ec7:hover .elementor-element-e7cef6a {
        transform: none !important;
    }
}

@media (max-width: 425px) {
    .elementor-element.elementor-element-fdf7ec7 {
        padding: 30px 16px;
    }
    
    .elementor-element-e7cef6a {
        padding: 25px 20px;
    }
    
    .elementor-element-e7cef6a .title {
        font-size: 1.85rem;
    }
    
    .elementor-element-e7cef6a .description {
        font-size: 0.95rem;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cc49aac */Here is the tailored CSS mapped directly to your new HTML architecture.

A few things were adjusted to accommodate the Elementor nested container layout (`.e-con-inner` and wrapper structures) so that the background and 3D perspectives apply flawlessly without clipping issues.

```css
/* ==========================================
   3D ARCHITECT BANNER CORE STYLES (NEW ARCHITECTURE)
   ========================================== */

/* Outer Parent Container - Background & Basic Shape */
.elementor-element.elementor-element-cc49aac {
    background: radial-gradient(circle at 10% 20%, rgba(12, 20, 39, 1) 0%, rgba(5, 9, 18, 1) 90%);
    border-radius: 24px;
    padding: 60px 40px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.05);
    overflow: visible !important; /* Crucial for 3D depth popped effects */
}

/* Inner Container Wrapper - Sets up Flexbox and the 3D Perspective */
.elementor-element-cc49aac .e-con-inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 40px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    perspective: 1500px; /* Activates the 3D depth context */
    overflow: visible !important;
}

/* Main Inner Flex Row */
.elementor-element-dcb27ab {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 40px;
}

/* Base styling for both sub-columns to support 3D layers */
.elementor-element-a3d5097,
.elementor-element-4ed0419 {
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), box-shadow 0.6s ease;
    transform-style: preserve-3d;
}

/* ------------------------------------------
   LEFT COLUMN - THE 3D IMAGE CONTAINER
   ------------------------------------------ */
.elementor-element-a3d5097 {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.elementor-element-a4b186b img {
    max-width: 100%;
    height: auto;
    filter: drop-shadow(0 15px 25px rgba(0, 0, 0, 0.5));
    transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1), filter 0.6s ease;
    /* Pushes the image slightly forward on the Z-axis */
    transform: translateZ(30px); 
}

/* ------------------------------------------
   RIGHT COLUMN - ARCHITECT TEXT CARD
   ------------------------------------------ */
.elementor-element-4ed0419 {
    flex: 1.2;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    padding: 45px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    /* Pulls the entire text card structure forward */
    transform: translateZ(10px);
}

/* Typography & Content Structure */
.elementor-element-fc49324 .title {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.2;
    color: #ffffff !important;
    margin-bottom: 20px;
    letter-spacing: -0.5px;
    background: linear-gradient(135deg, #ffffff 30%, #a5b4fc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: translateZ(40px); /* Pops the title out further */
}

.elementor-element-fc49324 .description {
    font-size: 1.05rem;
    line-height: 1.7;
    color: #94a3b8 !important;
    margin-bottom: 30px;
    transform: translateZ(20px);
}

/* Interactive Call To Action Button */
.elementor-element-29c1e4f .button {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    padding: 14px 32px;
    background: linear-gradient(135deg, #7c3aed 0%, #4f46e5 100%); /* Purple/indigo mix matching the sample button UI */
    color: #ffffff !important;
    text-decoration: none;
    font-weight: 600;
    border-radius: 12px;
    box-shadow: 0 10px 25px rgba(124, 58, 237, 0.3);
    transition: all 0.3s ease;
    transform: translateZ(50px); /* Highest pop effect */
}

.elementor-element-29c1e4f .button:hover {
    background: linear-gradient(135deg, #a78bfa 0%, #6366f1 100%);
    box-shadow: 0 15px 30px rgba(124, 58, 237, 0.5);
    transform: translateZ(60px) translateY(-2px);
}

.elementor-element-29c1e4f .button i {
    transition: transform 0.3s ease;
}

.elementor-element-29c1e4f .button:hover i {
    transform: translateX(5px);
}


/* ==========================================
   THE 3D INTERACTIVE HOVER EFFECTS
   ========================================== */

/* Entire container tweaks on hover */
.elementor-element.elementor-element-cc49aac:hover {
    border-color: rgba(124, 58, 237, 0.2);
    box-shadow: 0 45px 80px rgba(0, 0, 0, 0.6);
}

/* Image lunges forward smoothly into space */
.elementor-element.elementor-element-cc49aac:hover .elementor-element-a3d5097 {
    transform: rotateY(-12deg) rotateX(4deg) translateZ(60px) scale(1.03);
}

.elementor-element.elementor-element-cc49aac:hover .elementor-element-a4b186b img {
    filter: drop-shadow(0 30px 45px rgba(0, 0, 0, 0.7));
}

/* Text card angles slightly into perspective */
.elementor-element.elementor-element-cc49aac:hover .elementor-element-4ed0419 {
    transform: rotateY(6deg) translateZ(30px);
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
}


/* ==========================================
   RESPONSIVE DESIGN (Down to 425px)
   ========================================== */
@media (max-width: 991px) {
    .elementor-element-cc49aac .e-con-inner,
    .elementor-element-dcb27ab {
        flex-direction: column;
        gap: 35px;
    }
    
    .elementor-element.elementor-element-cc49aac {
        padding: 40px 24px;
    }
    
    .elementor-element-cc49aac .e-con-inner {
        perspective: none; /* Flattens 3D on mobile/tablet platforms for smooth performance */
    }
    
    .elementor-element-a3d5097,
    .elementor-element-4ed0419 {
        transform: none !important;
        width: 100%;
    }
    
    .elementor-element.elementor-element-cc49aac:hover .elementor-element-a3d5097,
    .elementor-element.elementor-element-cc49aac:hover .elementor-element-4ed0419 {
        transform: none !important;
    }
}

@media (max-width: 425px) {
    .elementor-element.elementor-element-cc49aac {
        padding: 30px 16px;
    }
    
    .elementor-element-4ed0419 {
        padding: 25px 20px;
    }
    
    .elementor-element-fc49324 .title {
        font-size: 1.85rem;
    }
    
    .elementor-element-fc49324 .description {
        font-size: 0.95rem;
    }
}

```/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f00f2e */Here is your highly modified, production-ready custom CSS.

To create an authentic, live cyberpunk aesthetic, the heading now uses an active **pure CSS triple-layer digital glitch animation**. It splits your text into rapid chromatic channels that slide and shake on independent offset timelines, mirroring high-end AI tech terminals.

```css
/* ==========================================================================
   1. MIDDLE ALIGNMENT CORE GEOMETRY
   ========================================================================== */
.elementor-element.elementor-element-912cfea {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important; /* Strict Middle Vertical */
    align-items: center !important;    /* Strict Middle Horizontal */
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    box-sizing: border-box !important;
    position: relative !important;
}

/* ==========================================================================
   2. HIGH-IMPACT TYPOGRAPHY & TRIPLE-LAYER LIVE GLITCH HEADING
   ========================================================================== */
.elementor-element.elementor-element-a490c38 {
    width: 100% !important;
    margin-bottom: 25px !important;
}

.elementor-element.elementor-element-a490c38 .title {
    font-size: clamp(2.1rem, 5.5vw, 3.25rem) !important;
    font-weight: 900 !important;
    line-height: 1.15 !important;
    letter-spacing: -0.04em !important;
    text-align: center !important;
    color: #111827 !important;
    position: relative !important;
    display: inline-block !important;
    
    /* Pure CSS Glitch Layers Configuration */
    animation: liveGlitchMain 4s step-end infinite !important;
}

/* Glitch Layer 2 - Chromatic Cyan Strike Wrap */
.elementor-element.elementor-element-a490c38 .title::before {
    content: 'Best Digital Marketing Agency\A For Your Business' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #ffffff !important; /* Matches background canvas to hide overlay artifacts */
    color: #4263BA !important; /* Brand Blue Split */
    clip-path: inset(0 0 0 0);
    text-shadow: -2px 0 #964ACE;
    white-space: pre-wrap !important;
    display: block !important;
    z-index: -1;
    animation: liveGlitchSubUpper 2.5s infinite linear alternate-reverse !important;
}

/* Glitch Layer 3 - Chromatic Magenta / Purple Strike Wrap */
.elementor-element.elementor-element-a490c38 .title::after {
    content: 'Best Digital Marketing Agency\A For Your Business' !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    background: #ffffff !important;
    color: #964ACE !important; /* Accent Purple Split */
    clip-path: inset(0 0 0 0);
    text-shadow: 2px 0 #4263BA;
    white-space: pre-wrap !important;
    display: block !important;
    z-index: -2;
    animation: liveGlitchSubLower 1.5s infinite linear alternate-reverse !important;
}

/* Paragraph Text Blocks */
.elementor-element.elementor-element-dc59834 {
    width: 100% !important;
    max-width:100% !important;
    margin-bottom: 35px !important;
}

.elementor-element.elementor-element-dc59834 p {
    font-size: 1.05rem !important;
    line-height: 1.7 !important;
    color: #4b5563 !important;
    text-align: center !important;
    margin-bottom: 16px !important;
}

/* ==========================================================================
   3. IMPRESSIVE KINETIC BUTTONS (LIVE RADAR REVEAL)
   ========================================================================== */
.elementor-element.elementor-element-64e5dac {
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important; /* Force middle anchor */
    align-items: center !important;
    gap: 20px !important;
    width: 100% !important;
}

/* Primary Button: "Get In Touch" */
.elementor-element.elementor-element-06f0737 .elementor-button {
    background: #4263BA !important; /* Brand Blue */
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    border-radius: 4px !important; /* Sharp technical edge */
    padding: 18px 40px !important;
    position: relative !important;
    overflow: hidden !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    z-index: 1 !important;
    transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), 
                box-shadow 0.2s cubic-bezier(0.25, 1, 0.5, 1), 
                background-color 0.3s ease !important;
}

/* Live Active Radar Sweep */
.elementor-element.elementor-element-06f0737 .elementor-button::before {
    content: '' !important;
    position: absolute !important;
    top: 0; left: -100%; width: 50%; height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent) !important;
    transform: skewX(-30deg) !important;
    animation: liveRadarSweep 2s cubic-bezier(0.4, 0, 0.2, 1) infinite !important;
}

/* Hover Physics */
.elementor-element.elementor-element-06f0737 .elementor-button:hover {
    background-color: #964ACE !important; /* Accent Purple Switch */
    transform: translateY(-5px) scale(1.03) !important;
    box-shadow: -6px 6px 0px #4263BA, /* Solid Asymmetric Block Overlay */
                0 15px 30px rgba(150, 74, 206, 0.3) !important;
}

.elementor-element.elementor-element-06f0737 .elementor-button:hover .e-font-icon-svg {
    animation: liveIconPulse 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) infinite alternate !important;
}

/* Secondary Button: "Call Us" */
.elementor-element.elementor-element-72261a8 .elementor-button {
    background: transparent !important;
    color: #111827 !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    border: 2px solid #111827 !important;
    border-radius: 4px !important;
    padding: 16px 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1), 
                border-color 0.3s ease, 
                color 0.3s ease !important;
}

.elementor-element.elementor-element-72261a8 .elementor-button:hover {
    border-color: #4263BA !important;
    color: #4263BA !important;
    transform: translateY(-3px) scale(1.01) !important;
    background: rgba(66, 99, 186, 0.03) !important;
    box-shadow: 0 10px 20px rgba(66, 99, 186, 0.08) !important;
}

/* ==========================================================================
   4. LIQUID MOBILE BOUNDARY PROTECTION (DOWN TO 325PX SCREENS)
   ========================================================================== */
@media (max-width: 425px) {
    .elementor-element.elementor-element-64e5dac {
        flex-direction: column !important;
        gap: 15px !important;
        width: 100% !important;
    }

    .elementor-element.elementor-element-06f0737,
    .elementor-element.elementor-element-72261a8 {
        width: 100% !important;
        max-width: 340px !important;
    }

    .elementor-element.elementor-element-06f0737 .elementor-button,
    .elementor-element.elementor-element-72261a8 .elementor-button {
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
        padding: 15px 20px !important;
        transform: none !important;
    }
    
    .elementor-element.elementor-element-06f0737 .elementor-button:hover {
        box-shadow: 0 8px 20px rgba(150, 74, 206, 0.2) !important;
    }
    
    /* Scale down glitch text-shadow offsets slightly for smaller displays to protect alignment layout rules */
    .elementor-element.elementor-element-a490c38 .title::before { text-shadow: -1px 0 #964ACE; }
    .elementor-element.elementor-element-a490c38 .title::after { text-shadow: 1px 0 #4263BA; }
}

@media (max-width: 360px) {
    .elementor-element.elementor-element-dc59834 p {
        font-size: 0.95rem !important;
        line-height: 1.6 !important;
    }
    .elementor-element.elementor-element-06f0737 .elementor-button,
    .elementor-element.elementor-element-72261a8 .elementor-button {
        font-size: 0.88rem !important;
    }
}

/* ==========================================================================
   5. LIVE GLITCH AND INDUSTRIAL ANIMATION REGISTRY
   ========================================================================== */
/* Main Heading Text Micro-shaking displacements */
@keyframes liveGlitchMain {
    0%, 100% { transform: translate(0, 0); }
    92% { transform: translate(1px, -1px); }
    94% { transform: translate(-1px, 1px); }
    96% { transform: translate(2px, 0); }
    98% { transform: translate(-1px, -1px); }
}

/* Upper Slice Channel Matrix */
@keyframes liveGlitchSubUpper {
    0% { clip-path: inset(40% 0 61% 0); transform: skew(0.3deg); }
    10% { clip-path: inset(92% 0 1% 0); transform: skew(-0.5deg); }
    20% { clip-path: inset(5% 0 85% 0); transform: skew(0.8deg); }
    30% { clip-path: inset(56% 0 32% 0); transform: skew(-0.2deg); }
    40% { clip-path: inset(12% 0 78% 0); transform: skew(0deg); }
    50% { clip-path: inset(80% 0 5% 0); transform: skew(0.4deg); }
    60% { clip-path: inset(25% 0 61% 0); transform: skew(-0.8deg); }
    70% { clip-path: inset(71% 0 15% 0); transform: skew(0.1deg); }
    80% { clip-path: inset(34% 0 44% 0); transform: skew(0.6deg); }
    90% { clip-path: inset(3% 0 92% 0); transform: skew(-0.4deg); }
    100% { clip-path: inset(45% 0 45% 0); transform: skew(0.2deg); }
}

/* Lower Slice Channel Matrix */
@keyframes liveGlitchSubLower {
    0% { clip-path: inset(15% 0 80% 0); transform: skew(-0.4deg); }
    15% { clip-path: inset(65% 0 25% 0); transform: skew(0.6deg); }
    30% { clip-path: inset(5% 0 90% 0); transform: skew(-0.1deg); }
    45% { clip-path: inset(88% 0 3% 0); transform: skew(0.3deg); }
    60% { clip-path: inset(42% 0 48% 0); transform: skew(-0.7deg); }
    75% { clip-path: inset(20% 0 72% 0); transform: skew(0.5deg); }
    90% { clip-path: inset(74% 0 12% 0); transform: skew(-0.2deg); }
    100% { clip-path: inset(50% 0 35% 0); transform: skew(0.1deg); }
}

/* Active continuous background sweep loop */
@keyframes liveRadarSweep {
    0% { left: -100%; }
    50% { left: 150%; }
    100% { left: 150%; }
}

/* Dynamic button item scaling response */
@keyframes liveIconPulse {
    0% { transform: scale(1) translateY(0); }
    100% { transform: scale(1.2) translateY(-3px); }
}

```/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ca2d919 */.elementor-element.elementor-element-ca2d919 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 50px !important;
    box-sizing: border-box !important;
}

/* Individual Counter Column Structural Alignment */
.elementor-element.elementor-element-5a19e66,
.elementor-element.elementor-element-ddeaa99,
.elementor-element.elementor-element-181dba9,
.elementor-element.elementor-element-10adb94 {
    flex: 1 1 calc(25% - 15px) !important;
    min-width: 220px !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   2. TRANSPARENT BORDERED MODULES & KINETIC TILT STYLING
   ========================================================================== */
.elementor-element.elementor-element-5a19e66 .single-counter,
.elementor-element.elementor-element-ddeaa99 .single-counter,
.elementor-element.elementor-element-181dba9 .single-counter,
.elementor-element.elementor-element-10adb94 .single-counter {
    background: transparent !important; /* Pure transparent structural profile */
    border: 2px solid #e2e8f0 !important; /* Prominent clean industrial border */
    border-radius: 4px !important; /* Ultra-sharp industrial radius */
    padding: 30px 24px !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    width: 100% !important;
    display: block !important;
    text-align: left !important;
    
    /* Kinetic Snap Setup */
    transform-style: preserve-3d !important;
    perspective: 1000px !important;
    transform: rotateX(0deg) rotateY(0deg) scale(1);
    transition: transform 0.25s cubic-bezier(0.25, 1, 0.5, 1), 
                box-shadow 0.25s cubic-bezier(0.25, 1, 0.5, 1), 
                border-color 0.25s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Kinetic Target Focus Lock & Border Strike on Hover */
.elementor-element.elementor-element-5a19e66 .single-counter:hover,
.elementor-element.elementor-element-ddeaa99 .single-counter:hover,
.elementor-element.elementor-element-181dba9 .single-counter:hover,
.elementor-element.elementor-element-10adb94 .single-counter:hover {
    border-color: #964ACE !important; /* Border instantly morphs to Accent Purple */
    transform: rotateX(6deg) rotateY(-4deg) translateY(-2px) scale(1.02) !important;
    box-shadow: -5px 8px 0px #4263BA, /* Solid Flat Overhang Stroke (Brand Blue) */
                0px 10px 25px rgba(66, 99, 186, 0.08) !important; /* Soft depth backdrop glow */
}

/* Industrial Corner Laser Marks (Top Right Accent Decor) */
.elementor-element.elementor-element-5a19e66 .single-counter::before,
.elementor-element.elementor-element-ddeaa99 .single-counter::before,
.elementor-element.elementor-element-181dba9 .single-counter::before,
.elementor-element.elementor-element-10adb94 .single-counter::before {
    content: '' !important;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 12px !important;
    height: 12px !important;
    background: linear-gradient(135deg, transparent 50%, #e2e8f0 50%) !important;
    opacity: 1;
    transition: background 0.3s ease;
}

.elementor-element.elementor-element-5a19e66 .single-counter:hover::before,
.elementor-element.elementor-element-ddeaa99 .single-counter:hover::before,
.elementor-element.elementor-element-181dba9 .single-counter:hover::before,
.elementor-element.elementor-element-10adb94 .single-counter:hover::before {
    background: linear-gradient(135deg, transparent 50%, #B041DA) !important; /* Flips to striking purple hot laser */
}

/* ==========================================================================
   3. DIGITAL INSTRUMENT TYPOGRAPHY (WHITE THEME OVER TRANSPARENT)
   ========================================================================== */
/* Master Metrics Number Wrapper */
.counter-content.counter {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important;
}

/* Counter Digital Values */
.counter-content .count {
    color: #0f172a !important; /* Slate Core */
    font-size: 2.75rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -0.04em !important;
    transform: translateZ(20px) !important; /* 3D layer pop */
}

/* Counter Suffix Modifiers */
.counter-content .suffix {
    color: #4263BA !important; /* Brand Blue */
    font-size: 1.75rem !important;
    font-weight: 700 !important;
    margin-left: 2px !important;
    transform: translateZ(20px) !important;
    animation: transparentPulse 1.8s infinite alternate cubic-bezier(0.45, 0, 0.55, 1);
}

/* Alternate specific colors to differentiate items */
.elementor-element.elementor-element-ddeaa99 .suffix,
.elementor-element.elementor-element-10adb94 .suffix {
    color: #964ACE !important; /* Accent Purple variant metrics */
}

/* Subtext Description Labels */
.counter-content h6 {
    width: 100% !important;
    color: #64748b !important;
    font-size: 0.8rem !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    margin: 12px 0 0 0 !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
    transform: translateZ(10px) !important;
}

/* ==========================================================================
   4. LIQUID LAUNCHPAD RESPONSIVE SYSTEM (DOWN TO 325px ULTRA MOBILE)
   ========================================================================== */
/* Tablet Breakpoint Adjustments */
@media (max-width: 991px) {
    .elementor-element.elementor-element-5a19e66,
    .elementor-element.elementor-element-ddeaa99,
    .elementor-element.elementor-element-181dba9,
    .elementor-element.elementor-element-10adb94 {
        flex: 1 1 calc(50% - 10px) !important;
    }
}

/* Clean Mid-Mobile Transition (425px) */
@media (max-width: 425px) {
    .elementor-element.elementor-element-ca2d919 {
        gap: 15px !important;
    }
    
    .elementor-element.elementor-element-5a19e66,
    .elementor-element.elementor-element-ddeaa99,
    .elementor-element.elementor-element-181dba9,
    .elementor-element.elementor-element-10adb94 {
        flex: 1 1 100% !important;
        min-width: 100% !important;
    }
    
    .elementor-element.elementor-element-5a19e66 .single-counter,
    .elementor-element.elementor-element-ddeaa99 .single-counter,
    .elementor-element.elementor-element-181dba9 .single-counter,
    .elementor-element.elementor-element-10adb94 .single-counter {
        padding: 24px 20px !important;
        transform: none !important; /* Suppress rapid tilt mechanics on mobile swipe interactions */
    }
    
    .elementor-element.elementor-element-5a19e66 .single-counter:hover,
    .elementor-element.elementor-element-ddeaa99 .single-counter:hover,
    .elementor-element.elementor-element-181dba9 .single-counter:hover,
    .elementor-element.elementor-element-10adb94 .single-counter:hover {
        transform: scale(1.01) !important;
        box-shadow: 0px 4px 15px rgba(66, 99, 186, 0.12) !important;
    }
}

/* Micro Device Guard Core (iPhone SE & 325px Scale Overrides) */
@media (max-width: 360px) {
    .elementor-element.elementor-element-5a19e66 .single-counter,
    .elementor-element.elementor-element-ddeaa99 .single-counter,
    .elementor-element.elementor-element-181dba9 .single-counter,
    .elementor-element.elementor-element-10adb94 .single-counter {
        padding: 20px 16px !important;
    }

    .counter-content .count {
        font-size: 2.25rem !important; /* Mitigates horizontal text break failures */
    }

    .counter-content .suffix {
        font-size: 1.4rem !important;
    }
    
    .counter-content h6 {
        font-size: 0.75rem !important;
        letter-spacing: 0.05em !important;
        margin-top: 8px !important;
    }
}

/* ==========================================================================
   5. TIME BOMB GLOW KEYFRAMES (TRANSPARENT OPTIMIZED)
   ========================================================================== */
@keyframes transparentPulse {
    0% {
        opacity: 0.85;
        filter: drop-shadow(0 0 1px rgba(66, 99, 186, 0.3));
    }
    100% {
        opacity: 1;
        filter: drop-shadow(0 0 6px rgba(150, 74, 206, 0.5));
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eea05ba *//* ==========================================================================
   1. HIGH-PERFORMANCE BACKGROUND STAGE REPAIR
   ========================================================================== */
/* The Master Container Class Anchor */
.universal-dots-stage {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important; /* Prevents edge-clip layout faults */
}

/* Enforce background layering transparency rules on Elementor structures */
.universal-dots-stage > .elementor-container,
.universal-dots-stage > .e-con-inner,
.universal-dots-stage > .elementor-widget-wrap {
    position: relative !important;
    z-index: 5 !important; /* Forces your text, cards, and buttons to stay crisp and on top */
    background: transparent !important;
}

/* ==========================================================================
   2. PURE RADIAL GLASS MATRIX LAYER (DIRECT INJECTIONS)
   ========================================================================== */
/* Layer A - Corporate Brand Blue (#4263BA) Particles */
.universal-dots-stage::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    pointer-events: none !important; /* Guarantees clicks pass straight through fields */
    z-index: 0 !important; /* Slips behind front-end container elements but on top of base fill colors */
    opacity: 0.85 !important;
    
    /* Precision digital point metrics array setup */
    background-image: 
        radial-gradient(#4263BA 1.5px, transparent 1.5px),
        radial-gradient(rgba(66, 99, 186, 0.4) 1px, transparent 1px),
        radial-gradient(#4263BA 2px, transparent 2px);
    
    /* Asymmetric grid boundaries to force a completely randomized structural map */
    background-size: 300px 300px, 180px 120px, 420px 420px !important;
    background-position: 12% 18%, 45% 65%, 88% 22% !important;
    
    /* Continuous floating action anchor link */
    animation: liveStageDriftAlpha 20s linear infinite !important;
}

/* Layer B - Corporate Accent Purple (#964ACE) Particles */
.universal-dots-stage::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: 0.75 !important;
    
    background-image: 
        radial-gradient(#964ACE 1px, transparent 1px),
        radial-gradient(rgba(150, 74, 206, 0.5) 2px, transparent 2px),
        radial-gradient(#964ACE 1.5px, transparent 1.5px);
        
    background-size: 260px 260px, 350px 350px, 190px 190px !important;
    background-position: 70% 80%, 15% 40%, 52% 10% !important;
    
    /* Runs on a reverse offset timeline to simulate a 3D dual-layer parallax grid view */
    animation: liveStageDriftBeta 26s linear infinite !important;
}

/* ==========================================================================
   3. MOBILE DENSITY GATES (DOWN TO 325PX VIEWPANE SAFEGUARDS)
   ========================================================================== */
@media (max-width: 768px) {
    .universal-dots-stage::before,
    .universal-dots-stage::after {
        opacity: 0.55 !important; /* Dim visibility slightly to retain elite mobile text legibility */
    }
}

@media (max-width: 425px) {
    /* Slow translation speeds on micro screens to eliminate touch drag screen hitching loops */
    .universal-dots-stage::before {
        animation: liveStageDriftAlpha 35s linear infinite !important;
    }
    .universal-dots-stage::after {
        animation: liveStageDriftBeta 42s linear infinite !important;
    }
}

/* ==========================================================================
   4. DYNAMIC CONTINUOUS DRIFT VECTOR SCHEDULERS
   ========================================================================== */
/* Flight loop coordinates for structural mapping matrix A */
@keyframes liveStageDriftAlpha {
    0% {
        transform: translateY(0) translateX(0) scale(1);
    }
    33% {
        transform: translateY(-20px) translateX(15px) scale(1.01);
        filter: drop-shadow(0 0 3px rgba(66, 99, 186, 0.2)); /* Kinetic lighting burst */
    }
    66% {
        transform: translateY(12px) translateX(-10px) scale(0.99);
        filter: drop-shadow(0 0 0px transparent);
    }
    100% {
        transform: translateY(0) translateX(0) scale(1);
    }
}

/* Flight loop coordinates for reverse mechanical matrix B */
@keyframes liveStageDriftBeta {
    0% {
        transform: translateY(0) translateX(0);
    }
    50% {
        transform: translateY(25px) translateX(-20px);
        filter: drop-shadow(0 0 4px rgba(150, 74, 206, 0.25)); /* Neon pulse bloom shift */
    }
    100% {
        transform: translateY(0) translateX(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-30ac00e *//* ==========================================================================
   1. HIGH-PERFORMANCE BACKGROUND STAGE REPAIR
   ========================================================================== */
/* The Master Container Class Anchor */
.universal-dots-stage {
    position: relative !important;
    z-index: 1 !important;
    overflow: visible !important; /* Prevents edge-clip layout faults */
}

/* Enforce background layering transparency rules on Elementor structures */
.universal-dots-stage > .elementor-container,
.universal-dots-stage > .e-con-inner,
.universal-dots-stage > .elementor-widget-wrap {
    position: relative !important;
    z-index: 5 !important; /* Forces your text, cards, and buttons to stay crisp and on top */
    background: transparent !important;
}

/* ==========================================================================
   2. PURE RADIAL GLASS MATRIX LAYER (DIRECT INJECTIONS)
   ========================================================================== */
/* Layer A - Corporate Brand Blue (#4263BA) Particles */
.universal-dots-stage::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    pointer-events: none !important; /* Guarantees clicks pass straight through fields */
    z-index: 0 !important; /* Slips behind front-end container elements but on top of base fill colors */
    opacity: 0.85 !important;
    
    /* Precision digital point metrics array setup */
    background-image: 
        radial-gradient(#4263BA 1.5px, transparent 1.5px),
        radial-gradient(rgba(66, 99, 186, 0.4) 1px, transparent 1px),
        radial-gradient(#4263BA 2px, transparent 2px);
    
    /* Asymmetric grid boundaries to force a completely randomized structural map */
    background-size: 300px 300px, 180px 120px, 420px 420px !important;
    background-position: 12% 18%, 45% 65%, 88% 22% !important;
    
    /* Continuous floating action anchor link */
    animation: liveStageDriftAlpha 20s linear infinite !important;
}

/* Layer B - Corporate Accent Purple (#964ACE) Particles */
.universal-dots-stage::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    pointer-events: none !important;
    z-index: 0 !important;
    opacity: 0.75 !important;
    
    background-image: 
        radial-gradient(#964ACE 1px, transparent 1px),
        radial-gradient(rgba(150, 74, 206, 0.5) 2px, transparent 2px),
        radial-gradient(#964ACE 1.5px, transparent 1.5px);
        
    background-size: 260px 260px, 350px 350px, 190px 190px !important;
    background-position: 70% 80%, 15% 40%, 52% 10% !important;
    
    /* Runs on a reverse offset timeline to simulate a 3D dual-layer parallax grid view */
    animation: liveStageDriftBeta 26s linear infinite !important;
}

/* ==========================================================================
   3. MOBILE DENSITY GATES (DOWN TO 325PX VIEWPANE SAFEGUARDS)
   ========================================================================== */
@media (max-width: 768px) {
    .universal-dots-stage::before,
    .universal-dots-stage::after {
        opacity: 0.55 !important; /* Dim visibility slightly to retain elite mobile text legibility */
    }
}

@media (max-width: 425px) {
    /* Slow translation speeds on micro screens to eliminate touch drag screen hitching loops */
    .universal-dots-stage::before {
        animation: liveStageDriftAlpha 35s linear infinite !important;
    }
    .universal-dots-stage::after {
        animation: liveStageDriftBeta 42s linear infinite !important;
    }
}

/* ==========================================================================
   4. DYNAMIC CONTINUOUS DRIFT VECTOR SCHEDULERS
   ========================================================================== */
/* Flight loop coordinates for structural mapping matrix A */
@keyframes liveStageDriftAlpha {
    0% {
        transform: translateY(0) translateX(0) scale(1);
    }
    33% {
        transform: translateY(-20px) translateX(15px) scale(1.01);
        filter: drop-shadow(0 0 3px rgba(66, 99, 186, 0.2)); /* Kinetic lighting burst */
    }
    66% {
        transform: translateY(12px) translateX(-10px) scale(0.99);
        filter: drop-shadow(0 0 0px transparent);
    }
    100% {
        transform: translateY(0) translateX(0) scale(1);
    }
}

/* Flight loop coordinates for reverse mechanical matrix B */
@keyframes liveStageDriftBeta {
    0% {
        transform: translateY(0) translateX(0);
    }
    50% {
        transform: translateY(25px) translateX(-20px);
        filter: drop-shadow(0 0 4px rgba(150, 74, 206, 0.25)); /* Neon pulse bloom shift */
    }
    100% {
        transform: translateY(0) translateX(0);
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5cb1371 */.service-box.style5{
    height: 68vh;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-23fed74 *//* ==========================================================================
   1. MASTER WORKSPACE BASE & LAYOUT COMPOSITION
   ========================================================================== */
/* Main Block Frame - Tightened Spacings */
.elementor-element.elementor-element-23fed74 {
    position: relative !important;
    padding: 70px 0 !important;
    background: #ffffff !important; /* Pure Stark White Theme Canvas */
    overflow: visible !important;
    box-sizing: border-box !important;
}

.elementor-element.elementor-element-6dc5af7 {
    display: flex !important;
    flex-direction: column !important;
    gap: 40px !important;
    width: 100% !important;
    max-width: 100% !important;
}

/* Header Text Blocks */
.elementor-element.elementor-element-9742599 .section-title .title {
    font-size: 2.75rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #0f172a !important; /* Deep Slate Core */
    letter-spacing: -0.03em !important;
    margin-bottom: 16px !important;
    text-align: center !important;
}

.elementor-element.elementor-element-9742599 .section-title .description {
    font-size: 1.05rem !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    max-width: 740px !important;
    margin: 0 auto !important;
    text-align: center !important;
}

/* ==========================================================================
   2. FOUR-COLUMN BALANCED CARD GRID MATRIX
   ========================================================================== */
.elementor-element.elementor-element-5cb1371 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    width: 100% !important;
    margin-top: 20px !important;
    box-sizing: border-box !important;
    perspective: 1200px !important; /* 3D context space for kinetic elements */
}

/* Structural Widths Allocation across Columns */
.elementor-element.elementor-element-bfd9d39,
.elementor-element.elementor-element-25cc846,
.elementor-element.elementor-element-7bcae14,
.elementor-element.elementor-element-81072f8 {
    flex: 1 1 calc(25% - 18px) !important;
    min-width: 250px !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   3. STRUCTURAL CARDS WITH INTEGRATED PARALLAX DRIFT
   ========================================================================== */
.elementor-element.elementor-element-e3826af .service-box,
.elementor-element.elementor-element-982bb69 .service-box,
.elementor-element.elementor-element-a08bca7 .service-box,
.elementor-element.elementor-element-3aa3de3 .service-box {
    background: rgba(255, 255, 255, 0.85) !important; /* Transparent profile base */
    border: 2px solid #e2e8f0 !important; /* Premium structural bounding line */
    border-radius: 15px !important; /* Signature 15px corner rules */
    padding: 35px 24px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
    position: relative !important;
    overflow: hidden !important; /* Enforces clip limits over blur pseudo-blocks */
    will-change: transform, box-shadow, border-color;
    
    /* Global Spring Transition for Hover Balance */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
                box-shadow 0.5s cubic-bezier(0.25, 1, 0.5, 1),
                border-color 0.4s ease !important;
}

/*
   ASYMMETRIC CORPORATE PARALLAX DRIFT:
   Simulates multi-layer depth mechanics across spatial timelines.
*/
.elementor-element.elementor-element-e3826af .service-box {
    animation: corporateDriftLow 7s ease-in-out infinite alternate;
}
.elementor-element.elementor-element-982bb69 .service-box {
    animation: corporateDriftHigh 8s ease-in-out infinite alternate-reverse;
}
.elementor-element.elementor-element-a08bca7 .service-box {
    animation: corporateDriftLow 9s ease-in-out infinite alternate-reverse;
}
.elementor-element.elementor-element-3aa3de3 .service-box {
    animation: corporateDriftHigh 6s ease-in-out infinite alternate;
}

/* Focus Overrides - Pauses background drift timeline, forces card forward */
.elementor-element.elementor-element-e3826af .service-box:hover,
.elementor-element.elementor-element-982bb69 .service-box:hover,
.elementor-element.elementor-element-a08bca7 .service-box:hover,
.elementor-element.elementor-element-3aa3de3 .service-box:hover {
    animation-play-state: paused !important;
    border-color: #964ACE !important; /* Accent Purple Strike */
    transform: translateY(-8px) scale(1.02) rotateX(3deg) !important;
    box-shadow: -5px 8px 0px #4263BA, /* Solid Flat Brand Blue Overlay Drop */
                0px 20px 45px rgba(66, 99, 186, 0.1) !important;
}

/* ==========================================================================
   4. ENHANCED BACKDROP WATERMARKS (BIGGER, MORE REVEALING & SCALED HOVER)
   ========================================================================== */
/* Master background pseudo structural setup */
.elementor-widget-service .service-box::after {
    content: '' !important;
    position: absolute !important;
    bottom: -15px !important; /* Pulled further up to show more of the asset */
    right: -15px !important;  /* Pulled further in to increase visibility */
    width: 190px !important;  /* Increased size from 160px for a bolder footprint */
    height: 190px !important; /* Increased size from 160px for a bolder footprint */
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: bottom right !important;
    z-index: 0 !important;
    opacity: 0.35 !important; /* Increased from 0.15 to make it significantly more revealing */
    filter: blur(1px) drop-shadow(0 10px 15px rgba(15, 23, 42, 0.05)) !important; /* Reduced blur to sharpen details */
    transition: opacity 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
                filter 0.4s cubic-bezier(0.25, 1, 0.5, 1), 
                transform 0.5s cubic-bezier(0.25, 1, 0.5, 1) !important;
}

/* Specific background asset assignments matching your titles */
/* Card 1: Chat Bot */
.elementor-element.elementor-element-e3826af .service-box::after {
    background-image: url('https://demo.byteforceitsolutions.com/byteforcev1/wp-content/uploads/sites/176/2026/06/ai-chat-agent-300x300.png') !important;
}

/* Card 2: Automation */
.elementor-element.elementor-element-982bb69 .service-box::after {
    background-image: url('https://demo.byteforceitsolutions.com/byteforcev1/wp-content/uploads/sites/176/2026/06/New-Robo-6.png') !important;
    width: 210px !important; /* Scaled proportionately larger */
    height: 210px !important;
}

/* Card 3: Calling Agent */
.elementor-element.elementor-element-a08bca7 .service-box::after {
    background-image: url('https://demo.byteforceitsolutions.com/byteforcev1/wp-content/uploads/sites/176/2026/06/Firefly_Gemini-Flash_Combine-the-bot-from-Reference-Image-1-_robot-final.png_-with-the-headset--167x300.png') !important;
}

/* Card 4: Image Generator */
.elementor-element.elementor-element-3aa3de3 .service-box::after {
    background-image: url('https://demo.byteforceitsolutions.com/byteforcev1/wp-content/uploads/sites/176/2026/06/Ai-image-generator-model-png-240x300.png') !important;
}

/* Dynamic Hover Micro-Scale & Focus Pop */
.elementor-widget-service .service-box:hover::after {
    opacity: 0.65 !important; /* Vibrant pop on mouse interaction */
    filter: blur(0px) drop-shadow(0 15px 30px rgba(66, 99, 186, 0.2)) !important; /* Crisp edge reveal */
    transform: scale(1.12) translate(-8px, -8px) !important; /* Distinct micro-scaling and parallax pan */
}

/* ==========================================================================
   5. CARD CONTENT TYPOGRAPHY & INNER FOREGROUND ELEMENTS
   ========================================================================== */
/* Shield foreground text layers from background bleed */
.service-box .icon,
.service-box .content {
    position: relative !important;
    z-index: 2 !important;
}

/* Icons Bounding Base */
.service-box .icon {
    width: 65px !important;
    height: 65px !important;
    margin-bottom: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(66, 99, 186, 0.05) !important; /* Corporate light blueprint tint */
    border-radius: 12px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    transition: background 0.3s ease, transform 0.4s ease !important;
}

.service-box .icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

.service-box:hover .icon {
    background: rgba(150, 74, 206, 0.08) !important; /* Morphs to Accent Purple base plate */
    transform: scale(1.08) !important;
}

/* Card Headlines */
.service-box .content .title {
    font-size: 1.3rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.3 !important;
}

/* Card Paragraph Elements */
.service-box .content .description {
    font-size: 0.92rem !important;
    line-height: 1.6 !important;
    color: #64748b !important; /* Highly readable technical corporate gray */
    margin: 0 !important;
}

/* Trust Proof Sub-Banner Area Adjustments */
.elementor-element.elementor-element-358bf2c {
    margin-top: 55px !important;
    padding-top: 24px !important;
    border-top: 1px dashed #e2e8f0 !important;
    width: 100% !important;
}

.elementor-element.elementor-element-6960adf p {
    font-size: 0.88rem !important;
    color: #94a3b8 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.06em !important;
    text-align: center !important;
    font-weight: 600 !important;
    max-width: 620px;
    margin: 0 auto !important;
}

/* ==========================================================================
   6. RESPONSIVE ARCHITECTURE BREAKDOWNS (DOWN TO 325PX IPHONES)
   ========================================================================== */
/* Tablet Interface Rules (2 Column Reflow Matrix) */
@media (max-width: 1024px) {
    .elementor-element.elementor-element-bfd9d39,
    .elementor-element.elementor-element-25cc846,
    .elementor-element.elementor-element-7bcae14,
    .elementor-element.elementor-element-81072f8 {
        flex: 1 1 calc(50% - 12px) !important;
    }
}

/* Small Screens Breakpoint Monitor Rules */
@media (max-width: 768px) {
    .elementor-element.elementor-element-23fed74 {
        padding: 55px 20px !important;
    }
    .elementor-element.elementor-element-9742599 .section-title .title {
        font-size: 2.2rem !important;
    }
}

/* Mobile Layout Safe Transformation Grid */
@media (max-width: 540px) {
    .elementor-element.elementor-element-bfd9d39,
    .elementor-element.elementor-element-25cc846,
    .elementor-element.elementor-element-7bcae14,
    .elementor-element.elementor-element-81072f8 {
        flex: 1 1 100% !important;
        min-width: 100% !important;
    }

    /* Disable floating outer parallax animation loops on mobile viewports for stability */
    .elementor-element.elementor-element-e3826af .service-box,
    .elementor-element.elementor-element-982bb69 .service-box,
    .elementor-element.elementor-element-a08bca7 .service-box,
    .elementor-element.elementor-element-3aa3de3 .service-box {
        animation: none !important;
        padding: 28px 20px !important;
    }
    
    .elementor-element.elementor-element-e3826af .service-box:hover,
    .elementor-element.elementor-element-982bb69 .service-box:hover,
    .elementor-element.elementor-element-a08bca7 .service-box:hover,
    .elementor-element.elementor-element-3aa3de3 .service-box:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0px 8px 24px rgba(66, 99, 186, 0.08) !important;
    }
    
    .elementor-widget-service .service-box::after {
        width: 150px !important;
        height: 150px !important;
    }
}

/* iPhone SE & Ultra-Small Viewports Core (325px Base Overrides) */
@media (max-width: 360px) {
    .elementor-element.elementor-element-23fed74 {
        padding: 45px 10px !important;
    }

    .elementor-element.elementor-element-9742599 .section-title .title {
        font-size: 1.65rem !important;
    }
    
    .elementor-element.elementor-element-9742599 .section-title .description {
        font-size: 0.95rem !important;
        line-height: 1.55 !important;
    }

    .elementor-element.elementor-element-e3826af .service-box,
    .elementor-element.elementor-element-982bb69 .service-box,
    .elementor-element.elementor-element-a08bca7 .service-box,
    .elementor-element.elementor-element-3aa3de3 .service-box {
        padding: 24px 16px !important;
    }

    .service-box .content .title {
        font-size: 1.18rem !important;
    }

    .service-box .content .description {
        font-size: 0.88rem !important;
        line-height: 1.5 !important;
    }
    
    .elementor-widget-service .service-box::after {
        width: 120px !important;
        height: 120px !important;
        bottom: -10px !important;
        right: -10px !important;
    }
}

/* ==========================================================================
   7. PARALLAX DRIFT VECTOR TIMELINES
   ========================================================================== */
@keyframes corporateDriftLow {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-10px); }
}

@keyframes corporateDriftHigh {
    0% { transform: translateY(5px); }
    100% { transform: translateY(-12px); }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a98371d *//* ==========================================================================
   1. MASTER WORKSPACE BASE & STRUCTURE REPAIR
   ========================================================================== */
.elementor-element.elementor-element-a98371d {
    position: relative !important;
    padding: 80px 0 !important;
    background: #ffffff !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Force structural layout rows to use full area constraints */
.elementor-element.elementor-element-6693e28,
.elementor-element.elementor-element-4de190d,
.elementor-element.elementor-element-b19f451 {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   2. TYPOGRAPHY ARCHITECTURE
   ========================================================================== */
.elementor-element.elementor-element-7c16ce2 .section-title .title {
    font-size: 2.75rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #0f172a !important; /* Deep Slate Base */
    letter-spacing: -0.03em !important;
    margin-bottom: 40px !important;
    text-align: center !important;
}

/* ==========================================================================
   3. 3-COLUMN METRIC GRID & TRANSPARENT CARDS WITH PARALLAX DRIFT
   ========================================================================== */
/* Main Grid Layout Container */
.elementor-element.elementor-element-4de190d {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
    justify-content: center !important;
    perspective: 1200px !important;
}

/* Balanced 3-Column Width Calculations */
.elementor-element.elementor-element-bdbf49d,
.elementor-element.elementor-element-8b193fa,
.elementor-element.elementor-element-8d02cdb,
.elementor-element.elementor-element-180c26d,
.elementor-element.elementor-element-e925078,
.elementor-element.elementor-element-42d79ac {
    flex: 1 1 calc(33.333% - 16px) !important;
    min-width: 280px !important;
    box-sizing: border-box !important;
}

/* Transparent Card Profiles */
.elementor-element.elementor-widget-team .team.style1 {
    background: transparent !important;
    border: 2px solid #e2e8f0 !important; /* Prominent clean line */
    border-radius: 15px !important; /* Signature 15px corporate corners */
    padding: 35px 24px !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    box-sizing: border-box !important;
    position: relative !important;
    will-change: transform, box-shadow;
    
    /* Smooth transition snapback */
    transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1),
                box-shadow 0.5s cubic-bezier(0.25, 1, 0.5, 1),
                border-color 0.3s ease !important;
}

/* 
   ASYMMETRIC PARALLAX DRIFT SYSTEM:
   Cards weave gently across alternating vertical offsets
*/
.elementor-element.elementor-element-bdbf49d .team.style1,
.elementor-element.elementor-element-8d02cdb .team.style1,
.elementor-element.elementor-element-e925078 .team.style1 {
    animation: transparentParallaxLow 6s ease-in-out infinite alternate;
}

.elementor-element.elementor-element-8b193fa .team.style1,
.elementor-element.elementor-element-180c26d .team.style1,
.elementor-element.elementor-element-42d79ac .team.style1 {
    animation: transparentParallaxHigh 7s ease-in-out infinite alternate-reverse;
}

/* Target Focus Hover Overrides */
.elementor-element.elementor-widget-team .team.style1:hover {
    animation-play-state: paused !important; /* Freezes scrolling layout floating mechanics */
    border-color: #964ACE !important; /* Accent Purple Strike Line */
    transform: translateY(-8px) scale(1.02) rotateX(3deg) !important;
    box-shadow: -5px 8px 0px #4263BA, /* Flat Brand Blue Overlay Drop */
                0px 15px 30px rgba(66, 99, 186, 0.06) !important;
}

/* ==========================================================================
   4. IMAGE ENGINE & TEXT CONTENT REPAIR inside Cards
   ========================================================================== */
/* Targeted image box overrides */
.elementor-widget-team .team.style1 .image {
    width: 65px !important;
    height: 65px !important;
    margin-bottom: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(66, 99, 186, 0.04) !important; /* Very subtle blue base plate */
    border-radius: 10px !important;
    padding: 12px !important;
    box-sizing: border-box !important;
    transition: background 0.3s ease, transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}

.elementor-widget-team .team.style1 .image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

/* Interactive icon pop out */
.elementor-widget-team .team.style1:hover .image {
    background: rgba(150, 74, 206, 0.07) !important; /* Morphs to Accent Purple base tint */
    transform: scale(1.1) translateZ(15px) !important;
}

/* Card Text Styling */
.elementor-widget-team .team.style1 .bio .name {
    font-size: 1.35rem !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    margin: 0 0 12px 0 !important;
    line-height: 1.3 !important;
    text-align: left !important;
}

.elementor-widget-team .team.style1 .bio .designation {
    font-size: 0.92rem !important;
    line-height: 1.6 !important;
    color: #64748b !important; /* Slate readable paragraph gray */
    font-weight: 400 !important;
    margin: 0 !important;
    text-align: left !important;
}

/* Hide unneeded social icon anchors inside team component block layout */
.elementor-widget-team .team.style1 .social-icon {
    display: none !important;
}

/* ==========================================================================
   5. LOGO BRAND CAROUSEL OPTIMIZATION
   ========================================================================== */
.elementor-element.elementor-element-b19f451 {
    margin-top: 60px !important;
    border-top: 1px solid #e2e8f0 !important;
    padding-top: 40px !important;
}

/* Explicitly hide repetitive automated h3 layout markers inside client logo carousels */
.brand-carousel .brand-item h3 {
    display: none !important;
}

.brand-carousel .brand-item img {
    max-height: 45px !important;
    width: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    filter: grayscale(100%) !important;
    opacity: 0.6 !important;
    transition: filter 0.3s ease, opacity 0.3s ease !important;
}

.brand-carousel .brand-item:hover img {
    filter: grayscale(0%) !important;
    opacity: 1 !important;
}

/* ==========================================================================
   6. RESPONSIVE ARCHITECTURE SAFEGUARDS (DOWN TO 325PX MICRO VIEWPORTS)
   ========================================================================== */
/* Tablet Interface Rules (2 Column Reflow) */
@media (max-width: 1024px) {
    .elementor-element.elementor-element-bdbf49d,
    .elementor-element.elementor-element-8b193fa,
    .elementor-element.elementor-element-8d02cdb,
    .elementor-element.elementor-element-180c26d,
    .elementor-element.elementor-element-e925078,
    .elementor-element.elementor-element-42d79ac {
        flex: 1 1 calc(50% - 12px) !important;
    }
}

/* Small Screens Breakpoint Adjustments */
@media (max-width: 768px) {
    .elementor-element.elementor-element-7c16ce2 .section-title .title {
        font-size: 2.15rem !important;
    }
}

/* Mobile Layout Transformation */
@media (max-width: 600px) {
    .elementor-element.elementor-element-bdbf49d,
    .elementor-element.elementor-element-8b193fa,
    .elementor-element.elementor-element-8d02cdb,
    .elementor-element.elementor-element-180c26d,
    .elementor-element.elementor-element-e925078,
    .elementor-element.elementor-element-42d79ac {
        flex: 1 1 100% !important;
        min-width: 100% !important;
    }

    /* Disable floating background parallax components on mobile to ensure strict touch control stabilization */
    .elementor-element.elementor-widget-team .team.style1 {
        animation: none !important;
        padding: 28px 20px !important;
    }
    
    .elementor-element.elementor-widget-team .team.style1:hover {
        transform: translateY(-4px) !important;
        box-shadow: 0px 8px 24px rgba(66, 99, 186, 0.08) !important;
    }
}

/* Micro Devices and iPhone SE Safetynet (325px Breakpoints) */
@media (max-width: 360px) {
    .elementor-element.elementor-element-a98371d {
        padding: 50px 10px !important;
    }

    .elementor-element.elementor-element-7c16ce2 .section-title .title {
        font-size: 1.7rem !important;
    }

    .elementor-element.elementor-widget-team .team.style1 {
        padding: 24px 16px !important;
    }

    .elementor-widget-team .team.style1 .image {
        width: 55px !important;
        height: 55px !important;
        margin-bottom: 16px !important;
    }

    .elementor-widget-team .team.style1 .bio .name {
        font-size: 1.2rem !important;
    }

    .elementor-widget-team .team.style1 .bio .designation {
        font-size: 0.88rem !important;
        line-height: 1.5 !important;
    }
}

/* ==========================================================================
   7. PARALLAX TIMELINE CODES
   ========================================================================== */
@keyframes transparentParallaxLow {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-10px); }
}

@keyframes transparentParallaxHigh {
    0% { transform: translateY(5px); }
    100% { transform: translateY(-12px); }
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-6eb7f96 */Here is the structural custom CSS for this final Call-to-Action call block section.

It implements a stark white theme layout, clean borders, custom dimensions for your buttons and contact vectors, an asymmetric **3D Parallax Drift** on your floating decorative lines, and complete layout security down to a 325px iPhone view.

```css
/* ==========================================================================
   1. MASTER WORKSPACE BASE & COLLAPSE REPAIR
   ========================================================================== */
/* Main Section Outer Box */
.elementor-element.elementor-element-6eb7f96 {
    position: relative !important;
    padding: 90px 0 !important;
    background: #ffffff !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

/* Master Core Container Flex Correction */
.elementor-element.elementor-element-6eb7f96 .elementor-container,
.elementor-element.elementor-element-b59e0e9 .elementor-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Equalize structural inner column blocks */
.elementor-element.elementor-element-781b28b,
.elementor-element.elementor-element-93ea32d {
    flex: 1 1 calc(50% - 30px) !important;
    min-width: 300px !important;
    box-sizing: border-box !important;
}

/* Hide or shrink the unneeded spacer middle column in desk environments */
.elementor-element.elementor-element-3ec353c {
    flex: 0 0 0px !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ==========================================================================
   2. TYPOGRAPHY ARCHITECTURE
   ========================================================================== */
/* Section Title Elements */
.elementor-element.elementor-element-20fba5d .section-title .title {
    font-size: 2.5rem !important;
    font-weight: 800 !important;
    line-height: 1.2 !important;
    color: #0f172a !important; /* Deep Slate Core */
    letter-spacing: -0.02em !important;
    margin-bottom: 16px !important;
    text-align: left !important;
}

/* Sub-Description Text */
.elementor-element.elementor-element-20fba5d .section-title .description {
    font-size: 1.05rem !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    margin-bottom: 28px !important;
    text-align: left !important;
}

/* ==========================================================================
   3. CORPORATE CALL-TO-ACTION BUTTON
   ========================================================================== */
.elementor-element.elementor-element-f881c34 .dreamit-button .button {
    background-color: #4263BA !important; /* Brand Blue */
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 0.95rem !important;
    letter-spacing: 0.02em !important;
    border-radius: 6px !important; /* Premium structural corner design */
    padding: 16px 36px !important;
    box-shadow: 0 4px 14px rgba(66, 99, 186, 0.2) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 12px !important;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Hover Dynamics */
.elementor-element.elementor-element-f881c34 .dreamit-button .button:hover {
    background-color: #964ACE !important; /* Accent Purple Switch */
    transform: translateY(-3px) !important;
    box-shadow: 0 6px 20px rgba(150, 74, 206, 0.3) !important;
}

/* Kinetic Arrow Nudge keyframe link */
.elementor-element.elementor-element-f881c34 .dreamit-button .button svg {
    width: 16px !important;
    height: 16px !important;
    fill: currentColor !important;
    transition: transform 0.3s ease !important;
}

.elementor-element.elementor-element-f881c34 .dreamit-button .button:hover svg {
    transform: translateX(5px) !important;
}

/* ==========================================================================
   4. TRANSPARENT CONTACT PANEL (RIGHT BLOCK)
   ========================================================================== */
.elementor-element.elementor-element-2fb4a2f .icon-box.style-two {
    background: transparent !important;
    border: 2px solid #e2e8f0 !important; /* Fine industrial layout border line */
    border-radius: 15px !important; /* Signature 15px corporate corners */
    padding: 40px !important;
    display: flex !important;
    align-items: center !important;
    gap: 24px !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 480px !important;
    margin-left: auto !important;
    
    /* Kinetic Response Setup */
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1),
                border-color 0.3s ease !important;
}

/* Kinetic Strike Focus View */
.elementor-element.elementor-element-2fb4a2f .icon-box.style-two:hover {
    border-color: #964ACE !important; /* Accent Purple Strike Line */
    transform: translateY(-6px) scale(1.02) !important;
    box-shadow: -5px 8px 0px #4263BA, /* Flat Brand Blue Overlay Drop */
                0px 15px 30px rgba(66, 99, 186, 0.05) !important;
}

/* Vector Media Elements Protection Inside Card */
.icon-box.style-two .img-icon {
    width: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: rgba(66, 99, 186, 0.05) !important; /* Clean blueprint anchor glow */
    border-radius: 12px !important;
    padding: 14px !important;
    box-sizing: border-box !important;
}

.icon-box.style-two .img-icon img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
}

/* Numeric Text Information Details */
.icon-box-content .title h2 {
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 4px 0 !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace !important; /* Clean structural numerical look */
    letter-spacing: -0.02em !important;
}

.icon-box-content .description p {
    font-size: 0.9rem !important;
    color: #64748b !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    margin: 0 !important;
}

/* ==========================================================================
   5. DECORATIVE PARALLAX DRIFT VECTOR CODES
   ========================================================================= */
/* Main Background Grid Vector Trace (.line.png) */
.elementor-element.elementor-element-5bf95be {
    position: absolute !important;
    bottom: -20px !important;
    left: 10% !important;
    z-index: -1 !important;
    opacity: 0.4;
    animation: driftLineVector 10s ease-in-out infinite alternate !important;
}

/* Micro Elements Anchor Dots (.shap1 & .shap2) */
.elementor-element.elementor-element-c6cc4a0.dance {
    position: absolute !important;
    top: 15% !important;
    left: 45% !important;
    animation: bounceShapeLow 6s ease-in-out infinite alternate !important;
}

.elementor-element.elementor-element-80503c7.dance2 {
    position: absolute !important;
    bottom: 5% !important;
    right: 2% !important;
    animation: driftLineVector 8s ease-in-out infinite alternate-reverse !important;
}

/* ==========================================================================
   6. MICRO-RESPONSIVE ARCHITECTURE BREAKDOWNS (DOWN TO 325PX MICRO CORES)
   ========================================================================== */
/* Tablet Interface Scale Modifications */
@media (max-width: 1024px) {
    .elementor-element.elementor-element-781b28b,
    .elementor-element.elementor-element-93ea32d {
        min-width: 100% !important;
        flex: 1 1 100% !important;
    }
    
    .elementor-element.elementor-element-20fba5d .section-title .title {
        font-size: 2.2rem !important;
        text-align: center !important;
    }
    
    .elementor-element.elementor-element-20fba5d .section-title .description {
        text-align: center !important;
        max-width: 600px;
        margin: 0 auto 20px auto !important;
    }
    
    .elementor-element.elementor-element-f881c34 {
        text-align: center !important;
        margin-bottom: 40px !important;
    }
    
    .elementor-element.elementor-element-2fb4a2f .icon-box.style-two {
        margin: 0 auto !important;
    }
}

/* General Mobile Structural Rules (425px) */
@media (max-width: 520px) {
    .elementor-element.elementor-element-6eb7f96 {
        padding: 60px 15px !important;
    }
    
    .elementor-element.elementor-element-20fba5d .section-title .title {
        font-size: 1.85rem !important;
    }
    
    .elementor-element.elementor-element-2fb4a2f .icon-box.style-two {
        padding: 24px 20px !important;
        flex-direction: column !important;
        text-align: center !important;
        transform: none !important; /* Eradicates gesture jumping errors inside mobile screens */
    }
    
    .elementor-element.elementor-element-2fb4a2f .icon-box.style-two:hover {
        transform: scale(1.01) !important;
        box-shadow: 0px 8px 20px rgba(66, 99, 186, 0.08) !important;
    }
}

/* iPhone SE & Minimal Hardware Guard (325px Base Constraints) */
@media (max-width: 360px) {
    .elementor-element.elementor-element-6eb7f96 {
        padding: 45px 10px !important;
    }

    .elementor-element.elementor-element-20fba5d .section-title .title {
        font-size: 1.55rem !important;
    }
    
    .elementor-element.elementor-element-20fba5d .section-title .description {
        font-size: 0.95rem !important;
        line-height: 1.5 !important;
    }

    .elementor-element.elementor-element-f881c34 .dreamit-button .button {
        padding: 14px 24px !important;
        font-size: 0.9rem !important;
        width: 100% !important;
        justify-content: center !important;
    }
    
    .icon-box-content .title h2 {
        font-size: 1.22rem !important; /* Scale text cleanly to stop multi-line layout overflows */
    }
}

/* ==========================================================================
   7. PARALLAX TIMELINE SYSTEM KEYFRAMES
   ========================================================================== */
@keyframes driftLineVector {
    0% { transform: translateY(0px) translateX(0px) rotate(0deg); }
    100% { transform: translateY(-15px) translateX(10px) rotate(2deg); }
}

@keyframes bounceShapeLow {
    0% { transform: translateY(0px); }
    100% { transform: translateY(-10px); }
}

```/* End custom CSS */