.elementor-1432 .elementor-element.elementor-element-d1c93e0{--display:flex;--min-height:500px;--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;--justify-content:center;--align-items:center;}.elementor-1432 .elementor-element.elementor-element-d1c93e0:not(.elementor-motion-effects-element-type-background), .elementor-1432 .elementor-element.elementor-element-d1c93e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://insoltechnologies.com/wp-content/uploads/2026/04/DA21-scaled.webp");background-position:center center;background-size:cover;}.elementor-1432 .elementor-element.elementor-element-c3f3aee{--display:flex;--justify-content:center;--border-radius:20px 20px 20px 20px;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-1432 .elementor-element.elementor-element-edc63ae .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:40px;font-weight:700;line-height:45px;color:var( --e-global-color-c64e791 );}.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-1432 .elementor-element.elementor-element-f7b36f2{width:100%;max-width:100%;font-family:"Montserrat", Sans-serif;font-size:17px;font-weight:300;color:var( --e-global-color-c64e791 );}.elementor-1432 .elementor-element.elementor-element-f7b36f2 p{margin-block-end:4px;}.elementor-1432 .elementor-element.elementor-element-2174673{--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;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1432 .elementor-element.elementor-element-46a32c4{--display:flex;}.elementor-1432 .elementor-element.elementor-element-cbace21{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1432 .elementor-element.elementor-element-835524e{--display:flex;--min-height:480px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--overflow:hidden;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1432 .elementor-element.elementor-element-835524e:not(.elementor-motion-effects-element-type-background), .elementor-1432 .elementor-element.elementor-element-835524e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #1616169E 0%, #F2295B00 100%);}.elementor-1432 .elementor-element.elementor-element-835524e::before, .elementor-1432 .elementor-element.elementor-element-835524e > .elementor-background-video-container::before, .elementor-1432 .elementor-element.elementor-element-835524e > .e-con-inner > .elementor-background-video-container::before, .elementor-1432 .elementor-element.elementor-element-835524e > .elementor-background-slideshow::before, .elementor-1432 .elementor-element.elementor-element-835524e > .e-con-inner > .elementor-background-slideshow::before, .elementor-1432 .elementor-element.elementor-element-835524e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://insoltechnologies.com/wp-content/uploads/2026/04/DA15.webp");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-1432 .elementor-element.elementor-element-4e17e8b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1432 .elementor-element.elementor-element-379988e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:800;line-height:31px;color:var( --e-global-color-c64e791 );}.elementor-1432 .elementor-element.elementor-element-70ac9f1{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c64e791 );}.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-1432 .elementor-element.elementor-element-c5aa292 .elementor-button{background-color:var( --e-global-color-4536ff2 );font-family:"Inter", Sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;fill:var( --e-global-color-c64e791 );color:var( --e-global-color-c64e791 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4536ff2 );border-radius:44px 44px 44px 44px;padding:25px 21px 25px 21px;}.elementor-1432 .elementor-element.elementor-element-c5aa292 .elementor-button:hover, .elementor-1432 .elementor-element.elementor-element-c5aa292 .elementor-button:focus{background-color:var( --e-global-color-c64e791 );color:var( --e-global-color-87e8042 );}.elementor-1432 .elementor-element.elementor-element-c5aa292{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;}.elementor-1432 .elementor-element.elementor-element-c5aa292 .elementor-button:hover svg, .elementor-1432 .elementor-element.elementor-element-c5aa292 .elementor-button:focus svg{fill:var( --e-global-color-87e8042 );}.elementor-1432 .elementor-element.elementor-element-d0ac8af{--display:flex;}.elementor-1432 .elementor-element.elementor-element-18d7440{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1432 .elementor-element.elementor-element-a703bf8{--display:flex;--min-height:480px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--overflow:hidden;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1432 .elementor-element.elementor-element-a703bf8:not(.elementor-motion-effects-element-type-background), .elementor-1432 .elementor-element.elementor-element-a703bf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #00112C5E 25%, #F2295B00 100%);}.elementor-1432 .elementor-element.elementor-element-a703bf8::before, .elementor-1432 .elementor-element.elementor-element-a703bf8 > .elementor-background-video-container::before, .elementor-1432 .elementor-element.elementor-element-a703bf8 > .e-con-inner > .elementor-background-video-container::before, .elementor-1432 .elementor-element.elementor-element-a703bf8 > .elementor-background-slideshow::before, .elementor-1432 .elementor-element.elementor-element-a703bf8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1432 .elementor-element.elementor-element-a703bf8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://insoltechnologies.com/wp-content/uploads/2026/04/AD16.webp");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-1432 .elementor-element.elementor-element-1afe9aa{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1432 .elementor-element.elementor-element-1593628 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:800;line-height:31px;color:var( --e-global-color-c64e791 );}.elementor-1432 .elementor-element.elementor-element-7f3e64f{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c64e791 );}.elementor-1432 .elementor-element.elementor-element-2d14987 .elementor-button{background-color:var( --e-global-color-4536ff2 );font-family:"Inter", Sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;fill:var( --e-global-color-c64e791 );color:var( --e-global-color-c64e791 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4536ff2 );border-radius:44px 44px 44px 44px;padding:25px 21px 25px 21px;}.elementor-1432 .elementor-element.elementor-element-2d14987 .elementor-button:hover, .elementor-1432 .elementor-element.elementor-element-2d14987 .elementor-button:focus{background-color:var( --e-global-color-c64e791 );color:var( --e-global-color-87e8042 );}.elementor-1432 .elementor-element.elementor-element-2d14987{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;}.elementor-1432 .elementor-element.elementor-element-2d14987 .elementor-button:hover svg, .elementor-1432 .elementor-element.elementor-element-2d14987 .elementor-button:focus svg{fill:var( --e-global-color-87e8042 );}.elementor-1432 .elementor-element.elementor-element-4904840{--display:flex;--min-height:480px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--overflow:hidden;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1432 .elementor-element.elementor-element-4904840:not(.elementor-motion-effects-element-type-background), .elementor-1432 .elementor-element.elementor-element-4904840 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #1616169E 0%, #F2295B00 100%);}.elementor-1432 .elementor-element.elementor-element-4904840::before, .elementor-1432 .elementor-element.elementor-element-4904840 > .elementor-background-video-container::before, .elementor-1432 .elementor-element.elementor-element-4904840 > .e-con-inner > .elementor-background-video-container::before, .elementor-1432 .elementor-element.elementor-element-4904840 > .elementor-background-slideshow::before, .elementor-1432 .elementor-element.elementor-element-4904840 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1432 .elementor-element.elementor-element-4904840 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://insoltechnologies.com/wp-content/uploads/2026/04/DA15.webp");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-1432 .elementor-element.elementor-element-01a91b2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1432 .elementor-element.elementor-element-6c272e9 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:800;line-height:31px;color:var( --e-global-color-c64e791 );}.elementor-1432 .elementor-element.elementor-element-9f367de{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c64e791 );}.elementor-1432 .elementor-element.elementor-element-9e5a7b2 .elementor-button{background-color:var( --e-global-color-4536ff2 );font-family:"Inter", Sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;fill:var( --e-global-color-c64e791 );color:var( --e-global-color-c64e791 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4536ff2 );border-radius:44px 44px 44px 44px;padding:25px 21px 25px 21px;}.elementor-1432 .elementor-element.elementor-element-9e5a7b2 .elementor-button:hover, .elementor-1432 .elementor-element.elementor-element-9e5a7b2 .elementor-button:focus{background-color:var( --e-global-color-c64e791 );color:var( --e-global-color-87e8042 );}.elementor-1432 .elementor-element.elementor-element-9e5a7b2{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;}.elementor-1432 .elementor-element.elementor-element-9e5a7b2 .elementor-button:hover svg, .elementor-1432 .elementor-element.elementor-element-9e5a7b2 .elementor-button:focus svg{fill:var( --e-global-color-87e8042 );}.elementor-1432 .elementor-element.elementor-element-195b169{--display:flex;}.elementor-1432 .elementor-element.elementor-element-97f1aaf{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1432 .elementor-element.elementor-element-6d838fe{--display:flex;--min-height:480px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--overflow:hidden;--overlay-opacity:1;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-1432 .elementor-element.elementor-element-6d838fe:not(.elementor-motion-effects-element-type-background), .elementor-1432 .elementor-element.elementor-element-6d838fe > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at top center, #1818188F 0%, #F2295B00 100%);}.elementor-1432 .elementor-element.elementor-element-6d838fe::before, .elementor-1432 .elementor-element.elementor-element-6d838fe > .elementor-background-video-container::before, .elementor-1432 .elementor-element.elementor-element-6d838fe > .e-con-inner > .elementor-background-video-container::before, .elementor-1432 .elementor-element.elementor-element-6d838fe > .elementor-background-slideshow::before, .elementor-1432 .elementor-element.elementor-element-6d838fe > .e-con-inner > .elementor-background-slideshow::before, .elementor-1432 .elementor-element.elementor-element-6d838fe > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://insoltechnologies.com/wp-content/uploads/2026/04/DA17.webp");--background-overlay:'';background-position:center center;background-size:cover;}.elementor-1432 .elementor-element.elementor-element-2061437{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1432 .elementor-element.elementor-element-3d52d2e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:25px;font-weight:800;line-height:31px;color:var( --e-global-color-c64e791 );}.elementor-1432 .elementor-element.elementor-element-37aa903{font-family:"Inter", Sans-serif;font-size:16px;font-weight:400;color:var( --e-global-color-c64e791 );}.elementor-1432 .elementor-element.elementor-element-3ffe807 .elementor-button{background-color:var( --e-global-color-4536ff2 );font-family:"Inter", Sans-serif;font-size:15px;font-weight:800;text-transform:uppercase;fill:var( --e-global-color-c64e791 );color:var( --e-global-color-c64e791 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-4536ff2 );border-radius:44px 44px 44px 44px;padding:25px 21px 25px 21px;}.elementor-1432 .elementor-element.elementor-element-3ffe807 .elementor-button:hover, .elementor-1432 .elementor-element.elementor-element-3ffe807 .elementor-button:focus{background-color:var( --e-global-color-c64e791 );color:var( --e-global-color-87e8042 );}.elementor-1432 .elementor-element.elementor-element-3ffe807{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:2;}.elementor-1432 .elementor-element.elementor-element-3ffe807 .elementor-button:hover svg, .elementor-1432 .elementor-element.elementor-element-3ffe807 .elementor-button:focus svg{fill:var( --e-global-color-87e8042 );}.elementor-1432 .elementor-element.elementor-element-dc27d28{--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;margin:70px 0px calc(var(--kit-widget-spacing, 0px) + 70px) 0px;--n-tabs-title-gap:15px;--n-tabs-gap:34px;--n-tabs-title-border-radius:11px 11px 11px 11px;--n-tabs-title-color:var( --e-global-color-87e8042 );}.elementor-1432 .elementor-element.elementor-element-dc27d28 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:var( --e-global-color-c64e791 );}.elementor-1432 .elementor-element.elementor-element-dc27d28.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-4536ff2 );}.elementor-1432 .elementor-element.elementor-element-dc27d28.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1432 .elementor-element.elementor-element-dc27d28.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-4536ff2 );}.elementor-1432 .elementor-element.elementor-element-dc27d28.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:2px 2px 2px 2px;border-color:var( --e-global-color-3d927f7 );}.elementor-1432 .elementor-element.elementor-element-dc27d28.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Inter", Sans-serif;font-weight:500;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1432 .elementor-element.elementor-element-d1c93e0{--min-height:400px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-1432 .elementor-element.elementor-element-c3f3aee{--padding-top:27px;--padding-bottom:27px;--padding-left:27px;--padding-right:27px;}.elementor-1432 .elementor-element.elementor-element-edc63ae .elementor-heading-title{font-size:30px;}.elementor-1432 .elementor-element.elementor-element-2174673{--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}.elementor-1432 .elementor-element.elementor-element-cbace21{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1432 .elementor-element.elementor-element-835524e{--min-height:400px;}.elementor-1432 .elementor-element.elementor-element-379988e .elementor-heading-title{font-size:25px;line-height:1.1em;}.elementor-1432 .elementor-element.elementor-element-18d7440{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1432 .elementor-element.elementor-element-a703bf8{--min-height:400px;}.elementor-1432 .elementor-element.elementor-element-1593628 .elementor-heading-title{font-size:25px;line-height:1.1em;}.elementor-1432 .elementor-element.elementor-element-4904840{--min-height:400px;}.elementor-1432 .elementor-element.elementor-element-6c272e9 .elementor-heading-title{font-size:25px;line-height:1.1em;}.elementor-1432 .elementor-element.elementor-element-97f1aaf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:30px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1432 .elementor-element.elementor-element-6d838fe{--min-height:400px;}.elementor-1432 .elementor-element.elementor-element-3d52d2e .elementor-heading-title{font-size:25px;line-height:1.1em;}.elementor-1432 .elementor-element.elementor-element-dc27d28{margin:50px 0px calc(var(--kit-widget-spacing, 0px) + 50px) 0px;}}@media(max-width:767px){.elementor-1432 .elementor-element.elementor-element-d1c93e0{--min-height:350px;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1432 .elementor-element.elementor-element-c3f3aee{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-1432 .elementor-element.elementor-element-edc63ae .elementor-heading-title{font-size:20px;line-height:1.4em;}.elementor-1432 .elementor-element.elementor-element-f7b36f2{font-size:15px;}.elementor-1432 .elementor-element.elementor-element-f7b36f2 p{margin-block-end:5px;}.elementor-1432 .elementor-element.elementor-element-2174673{--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-1432 .elementor-element.elementor-element-cbace21{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1432 .elementor-element.elementor-element-835524e{--min-height:350px;}.elementor-1432 .elementor-element.elementor-element-379988e .elementor-heading-title{font-size:26px;line-height:1.2em;}.elementor-1432 .elementor-element.elementor-element-c5aa292 .elementor-button{padding:20px 20px 20px 20px;}.elementor-1432 .elementor-element.elementor-element-18d7440{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1432 .elementor-element.elementor-element-a703bf8{--min-height:350px;}.elementor-1432 .elementor-element.elementor-element-1593628 .elementor-heading-title{font-size:26px;line-height:1.2em;}.elementor-1432 .elementor-element.elementor-element-2d14987 .elementor-button{padding:20px 20px 20px 20px;}.elementor-1432 .elementor-element.elementor-element-4904840{--min-height:350px;}.elementor-1432 .elementor-element.elementor-element-6c272e9 .elementor-heading-title{font-size:26px;line-height:1.2em;}.elementor-1432 .elementor-element.elementor-element-9e5a7b2 .elementor-button{padding:20px 20px 20px 20px;}.elementor-1432 .elementor-element.elementor-element-195b169{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1432 .elementor-element.elementor-element-97f1aaf{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1432 .elementor-element.elementor-element-6d838fe{--min-height:350px;}.elementor-1432 .elementor-element.elementor-element-3d52d2e .elementor-heading-title{font-size:26px;line-height:1.2em;}.elementor-1432 .elementor-element.elementor-element-3ffe807 .elementor-button{padding:20px 20px 20px 20px;}}@media(min-width:768px){.elementor-1432 .elementor-element.elementor-element-c3f3aee{--width:84%;}.elementor-1432 .elementor-element.elementor-element-2174673{--content-width:1200px;}}@media(max-width:1024px) and (min-width:768px){.elementor-1432 .elementor-element.elementor-element-c3f3aee{--width:100%;}}@media(min-width:1025px){.elementor-1432 .elementor-element.elementor-element-d1c93e0:not(.elementor-motion-effects-element-type-background), .elementor-1432 .elementor-element.elementor-element-d1c93e0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for container, class: .elementor-element-c3f3aee */.glass-section {
    background: rgba(0, 0, 0, 0.2); /* Halka black background */
    backdrop-filter: blur(20px);    /* Peeche wali image ko blur karne ke liye */
    -webkit-backdrop-filter: blur(20px); /* Safari support ke liye */
    border: 1px solid rgba(255, 255, 255, 0.1); /* Halka sa border chamak ke liye */
    
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835524e *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a703bf8 *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4904840 *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d838fe *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835524e *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a703bf8 *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4904840 *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d838fe *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835524e *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a703bf8 *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4904840 *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d838fe *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-835524e *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a703bf8 *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4904840 *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6d838fe *//* 2. Image Layer (Pseudo Element) */
.agency-card-container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform 0.8s ease, filter 0.8s ease;
    z-index: -1;
}

/* 3. Transparent Overlay (Sirf text ko thora contrast dene ke liye) */
.agency-card-container::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Shuru mein halka gradient taake white text nazar aaye */
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
    z-index: 0;
    transition: all 0.6s ease;
}

/* 4. HOVER: Image-Specific Blur & Zoom */
.agency-card-container:hover::before {
    transform: scale(1.2); /* Zoom thora zyada kiya taake corners cover hon */
    filter: blur(15px) brightness(0.9); /* Image ke asli colors phel jayenge */
}

/* Hover par koi extra color nahi, sirf thora sa andhera taake text uthay */
.agency-card-container:hover::after {
    background: rgba(0, 0, 0, 0.3); 
}

/* 5. TEXT SLIDE EFFECT (Right to Left) */
.agency-card-container .text-hover {
    opacity: 0;
    transform: translateX(40px); 
    transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
    position: relative;
    z-index: 5;
}

.agency-card-container:hover .text-hover {
    opacity: 1;
    transform: translateX(0);
}

/* 6. Static Heading */
.agency-card-container h2, 
.agency-card-container .elementor-heading-title {
    position: relative;
    z-index: 5;
    color: #fff;
    margin-bottom: 10px;
}/* End custom CSS */