.elementor-3225 .elementor-element.elementor-element-d7339da{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3225 .elementor-element.elementor-element-b0e4f7b .page-heading{font-family:"Arial", Sans-serif;font-size:12px;}.elementor-3225 .elementor-element.elementor-element-b0e4f7b .woocommerce-breadcrumb{fill:#6F6F6F;color:#6F6F6F;}.elementor-3225 .elementor-element.elementor-element-b0e4f7b .woocommerce-breadcrumb a:hover{fill:#6F6F6F;color:#6F6F6F;}.elementor-3225 .elementor-element.elementor-element-b0e4f7b .page-heading .delimeter{fill:#6F6F6F;color:#6F6F6F;}.elementor-3225 .elementor-element.elementor-element-b0e4f7b .page-heading .title{font-family:"Arial", Sans-serif;font-size:12px;fill:#6F6F6F;color:#6F6F6F;}.elementor-3225 .elementor-element.elementor-element-2366077{--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-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-3225 .elementor-element.elementor-element-2cb8417 .elementor-heading-title{font-family:"Oswald", Sans-serif;font-size:36px;font-weight:400;color:#363636;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );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-3225 .elementor-element.elementor-element-11c856a{font-family:"Arial", Sans-serif;font-size:15px;font-weight:400;color:#363636;}.elementor-3225 .elementor-element.elementor-element-68251a1{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-3225 .elementor-element.elementor-element-fd7a6f3{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--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-3225 .elementor-element.elementor-element-f31aff9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-3225 .elementor-element.elementor-element-f31aff9:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-f31aff9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dk-indeklima.dk/wp-content/uploads/2025/03/Design-uden-navn-49.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3225 .elementor-element.elementor-element-f31aff9::before, .elementor-3225 .elementor-element.elementor-element-f31aff9 > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-f31aff9 > .e-con-inner > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-f31aff9 > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-f31aff9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-f31aff9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3225 .elementor-element.elementor-element-72848b5{--spacer-size:70px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-3225 .elementor-element.elementor-element-2deb6a1 img{width:45%;}.elementor-3225 .elementor-element.elementor-element-4224639{--spacer-size:70px;}.elementor-3225 .elementor-element.elementor-element-115fcb7{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-3225 .elementor-element.elementor-element-115fcb7:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-115fcb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dk-indeklima.dk/wp-content/uploads/2025/03/2-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3225 .elementor-element.elementor-element-115fcb7::before, .elementor-3225 .elementor-element.elementor-element-115fcb7 > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-115fcb7 > .e-con-inner > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-115fcb7 > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-115fcb7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-115fcb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3225 .elementor-element.elementor-element-8515f18{--spacer-size:70px;}.elementor-3225 .elementor-element.elementor-element-5295589 img{width:45%;}.elementor-3225 .elementor-element.elementor-element-f3fcb09{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-3225 .elementor-element.elementor-element-f3fcb09:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-f3fcb09 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dk-indeklima.dk/wp-content/uploads/2025/03/3-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3225 .elementor-element.elementor-element-f3fcb09::before, .elementor-3225 .elementor-element.elementor-element-f3fcb09 > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-f3fcb09 > .e-con-inner > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-f3fcb09 > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-f3fcb09 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-f3fcb09 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3225 .elementor-element.elementor-element-d1a5f5b{--spacer-size:70px;}.elementor-3225 .elementor-element.elementor-element-bc2301c img{width:45%;}.elementor-3225 .elementor-element.elementor-element-342e9ce{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-3225 .elementor-element.elementor-element-342e9ce:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-342e9ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dk-indeklima.dk/wp-content/uploads/2025/03/4-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3225 .elementor-element.elementor-element-342e9ce::before, .elementor-3225 .elementor-element.elementor-element-342e9ce > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-342e9ce > .e-con-inner > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-342e9ce > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-342e9ce > .e-con-inner > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-342e9ce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3225 .elementor-element.elementor-element-f846bd1{--spacer-size:70px;}.elementor-3225 .elementor-element.elementor-element-be77505 img{width:45%;}.elementor-3225 .elementor-element.elementor-element-ac4c6bc{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--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-3225 .elementor-element.elementor-element-059e0b6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-3225 .elementor-element.elementor-element-059e0b6:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-059e0b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dk-indeklima.dk/wp-content/uploads/2025/03/6-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3225 .elementor-element.elementor-element-059e0b6::before, .elementor-3225 .elementor-element.elementor-element-059e0b6 > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-059e0b6 > .e-con-inner > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-059e0b6 > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-059e0b6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-059e0b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3225 .elementor-element.elementor-element-562b57f{--spacer-size:70px;}.elementor-3225 .elementor-element.elementor-element-936de31 img{width:45%;}.elementor-3225 .elementor-element.elementor-element-5784b66{--spacer-size:70px;}.elementor-3225 .elementor-element.elementor-element-be2fd17{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-3225 .elementor-element.elementor-element-be2fd17:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-be2fd17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dk-indeklima.dk/wp-content/uploads/2025/03/7-1.png");background-position:0px -16px;background-repeat:no-repeat;background-size:cover;}.elementor-3225 .elementor-element.elementor-element-be2fd17::before, .elementor-3225 .elementor-element.elementor-element-be2fd17 > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-be2fd17 > .e-con-inner > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-be2fd17 > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-be2fd17 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-be2fd17 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3225 .elementor-element.elementor-element-6bfa892{--spacer-size:70px;}.elementor-3225 .elementor-element.elementor-element-540b735 img{width:45%;}.elementor-3225 .elementor-element.elementor-element-1fa6b26{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-3225 .elementor-element.elementor-element-1fa6b26:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-1fa6b26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dk-indeklima.dk/wp-content/uploads/2025/03/8.png");background-position:0px 0px;background-repeat:no-repeat;background-size:cover;}.elementor-3225 .elementor-element.elementor-element-1fa6b26::before, .elementor-3225 .elementor-element.elementor-element-1fa6b26 > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-1fa6b26 > .e-con-inner > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-1fa6b26 > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-1fa6b26 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-1fa6b26 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3225 .elementor-element.elementor-element-297a37d{--spacer-size:70px;}.elementor-3225 .elementor-element.elementor-element-1447da9 img{width:45%;}.elementor-3225 .elementor-element.elementor-element-04925a4{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-3225 .elementor-element.elementor-element-04925a4:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-04925a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dk-indeklima.dk/wp-content/uploads/2025/03/9.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3225 .elementor-element.elementor-element-04925a4::before, .elementor-3225 .elementor-element.elementor-element-04925a4 > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-04925a4 > .e-con-inner > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-04925a4 > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-04925a4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-04925a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3225 .elementor-element.elementor-element-c4f9844{--spacer-size:70px;}.elementor-3225 .elementor-element.elementor-element-2e2f15f img{width:45%;}.elementor-3225 .elementor-element.elementor-element-956bfb6{--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;--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-3225 .elementor-element.elementor-element-54f198c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-3225 .elementor-element.elementor-element-54f198c:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-54f198c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dk-indeklima.dk/wp-content/uploads/2025/03/10.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3225 .elementor-element.elementor-element-54f198c::before, .elementor-3225 .elementor-element.elementor-element-54f198c > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-54f198c > .e-con-inner > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-54f198c > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-54f198c > .e-con-inner > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-54f198c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3225 .elementor-element.elementor-element-4b7b0b1{--spacer-size:70px;}.elementor-3225 .elementor-element.elementor-element-2b24ae6 img{width:45%;}.elementor-3225 .elementor-element.elementor-element-095a556{--spacer-size:70px;}.elementor-3225 .elementor-element.elementor-element-f6c52f8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.5;--border-radius:10px 10px 10px 10px;}.elementor-3225 .elementor-element.elementor-element-f6c52f8:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-f6c52f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://dk-indeklima.dk/wp-content/uploads/2025/03/11.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3225 .elementor-element.elementor-element-f6c52f8::before, .elementor-3225 .elementor-element.elementor-element-f6c52f8 > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-f6c52f8 > .e-con-inner > .elementor-background-video-container::before, .elementor-3225 .elementor-element.elementor-element-f6c52f8 > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-f6c52f8 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3225 .elementor-element.elementor-element-f6c52f8 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3225 .elementor-element.elementor-element-c10d545{--spacer-size:70px;}.elementor-3225 .elementor-element.elementor-element-08e65e7 img{width:45%;}.elementor-3225 .elementor-element.elementor-element-7969d3e{--display:flex;}.elementor-3225 .elementor-element.elementor-element-fd6ae1f{--spacer-size:50px;}body.elementor-page-3225:not(.elementor-motion-effects-element-type-background), body.elementor-page-3225 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EEEEEE;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-3225 .elementor-element.elementor-element-fd7a6f3{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-3225 .elementor-element.elementor-element-ac4c6bc{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-3225 .elementor-element.elementor-element-be2fd17:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-be2fd17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-3225 .elementor-element.elementor-element-1fa6b26:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-1fa6b26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-3225 .elementor-element.elementor-element-956bfb6{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-3225 .elementor-element.elementor-element-f31aff9{--width:48%;}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-3225 .elementor-element.elementor-element-115fcb7{--width:48%;}.elementor-3225 .elementor-element.elementor-element-f3fcb09{--width:48%;}.elementor-3225 .elementor-element.elementor-element-342e9ce{--width:48%;}.elementor-3225 .elementor-element.elementor-element-059e0b6{--width:48%;}.elementor-3225 .elementor-element.elementor-element-be2fd17{--width:48%;}.elementor-3225 .elementor-element.elementor-element-be2fd17:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-be2fd17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-3225 .elementor-element.elementor-element-1fa6b26{--width:48%;}.elementor-3225 .elementor-element.elementor-element-1fa6b26:not(.elementor-motion-effects-element-type-background), .elementor-3225 .elementor-element.elementor-element-1fa6b26 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-3225 .elementor-element.elementor-element-04925a4{--width:48%;}.elementor-3225 .elementor-element.elementor-element-54f198c{--width:48%;}.elementor-3225 .elementor-element.elementor-element-f6c52f8{--width:48%;}}@media(min-width:768px){.elementor-3225 .elementor-element.elementor-element-d7339da{--content-width:1410px;}.elementor-3225 .elementor-element.elementor-element-2366077{--content-width:1410px;}.elementor-3225 .elementor-element.elementor-element-68251a1{--content-width:1410px;}.elementor-3225 .elementor-element.elementor-element-f31aff9{--width:23%;}.elementor-3225 .elementor-element.elementor-element-115fcb7{--width:23%;}.elementor-3225 .elementor-element.elementor-element-f3fcb09{--width:23%;}.elementor-3225 .elementor-element.elementor-element-342e9ce{--width:23%;}.elementor-3225 .elementor-element.elementor-element-059e0b6{--width:23%;}.elementor-3225 .elementor-element.elementor-element-be2fd17{--width:23%;}.elementor-3225 .elementor-element.elementor-element-1fa6b26{--width:23%;}.elementor-3225 .elementor-element.elementor-element-04925a4{--width:23%;}.elementor-3225 .elementor-element.elementor-element-54f198c{--width:23%;}.elementor-3225 .elementor-element.elementor-element-f6c52f8{--width:23%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3225 .elementor-element.elementor-element-f31aff9{--width:23%;}.elementor-3225 .elementor-element.elementor-element-115fcb7{--width:23%;}.elementor-3225 .elementor-element.elementor-element-f3fcb09{--width:23%;}.elementor-3225 .elementor-element.elementor-element-342e9ce{--width:23%;}.elementor-3225 .elementor-element.elementor-element-059e0b6{--width:23%;}.elementor-3225 .elementor-element.elementor-element-be2fd17{--width:23%;}.elementor-3225 .elementor-element.elementor-element-1fa6b26{--width:23%;}.elementor-3225 .elementor-element.elementor-element-04925a4{--width:23%;}.elementor-3225 .elementor-element.elementor-element-54f198c{--width:23%;}.elementor-3225 .elementor-element.elementor-element-f6c52f8{--width:23%;}}/* Start custom CSS for container, class: .elementor-element-f31aff9 *//* DEFAULT STATE (Framed) */
.hover-icon-effect .elementor-icon {
    background-color: transparent !important;
    border-color: white !important;
    position: relative; /* For pseudo-element positioning */
    overflow: hidden; /* Hide overflow for the sliding effect */
}

.hover-icon-effect .elementor-icon i,
.hover-icon-effect .elementor-icon svg {
    color: white !important;
    fill: white !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 2; /* Ensure the icon stays above the sliding background */
}

/* Add a pseudo-element for the sliding background */
.hover-icon-effect .elementor-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start off-screen to the left */
    width: 100%;
    height: 100%;
    background-color: white !important; /* Stacked background color */
    transition: all 0.3s ease !important;
    z-index: 1; /* Place behind the icon */
}

/* HOVER STATE (Stacked) */
.hover-icon-effect:hover .elementor-icon {
    border-color: white !important;
}

.hover-icon-effect:hover .elementor-icon i,
.hover-icon-effect:hover .elementor-icon svg {
    color: #0B3954 !important; /* Icon color on hover */
    fill: #0B3954 !important;
}

/* Slide the background in from left to right on hover */
.hover-icon-effect:hover .elementor-icon::before {
    left: 0; /* Bring the sliding background into view */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-115fcb7 *//* DEFAULT STATE (Framed) */
.hover-icon-effect .elementor-icon {
    background-color: transparent !important;
    border-color: white !important;
    position: relative; /* For pseudo-element positioning */
    overflow: hidden; /* Hide overflow for the sliding effect */
}

.hover-icon-effect .elementor-icon i,
.hover-icon-effect .elementor-icon svg {
    color: white !important;
    fill: white !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 2; /* Ensure the icon stays above the sliding background */
}

/* Add a pseudo-element for the sliding background */
.hover-icon-effect .elementor-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start off-screen to the left */
    width: 100%;
    height: 100%;
    background-color: white !important; /* Stacked background color */
    transition: all 0.3s ease !important;
    z-index: 1; /* Place behind the icon */
}

/* HOVER STATE (Stacked) */
.hover-icon-effect:hover .elementor-icon {
    border-color: white !important;
}

.hover-icon-effect:hover .elementor-icon i,
.hover-icon-effect:hover .elementor-icon svg {
    color: #0B3954 !important; /* Icon color on hover */
    fill: #0B3954 !important;
}

/* Slide the background in from left to right on hover */
.hover-icon-effect:hover .elementor-icon::before {
    left: 0; /* Bring the sliding background into view */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f3fcb09 *//* DEFAULT STATE (Framed) */
.hover-icon-effect .elementor-icon {
    background-color: transparent !important;
    border-color: white !important;
    position: relative; /* For pseudo-element positioning */
    overflow: hidden; /* Hide overflow for the sliding effect */
}

.hover-icon-effect .elementor-icon i,
.hover-icon-effect .elementor-icon svg {
    color: white !important;
    fill: white !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 2; /* Ensure the icon stays above the sliding background */
}

/* Add a pseudo-element for the sliding background */
.hover-icon-effect .elementor-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start off-screen to the left */
    width: 100%;
    height: 100%;
    background-color: white !important; /* Stacked background color */
    transition: all 0.3s ease !important;
    z-index: 1; /* Place behind the icon */
}

/* HOVER STATE (Stacked) */
.hover-icon-effect:hover .elementor-icon {
    border-color: white !important;
}

.hover-icon-effect:hover .elementor-icon i,
.hover-icon-effect:hover .elementor-icon svg {
    color: #0B3954 !important; /* Icon color on hover */
    fill: #0B3954 !important;
}

/* Slide the background in from left to right on hover */
.hover-icon-effect:hover .elementor-icon::before {
    left: 0; /* Bring the sliding background into view */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-342e9ce *//* DEFAULT STATE (Framed) */
.hover-icon-effect .elementor-icon {
    background-color: transparent !important;
    border-color: white !important;
    position: relative; /* For pseudo-element positioning */
    overflow: hidden; /* Hide overflow for the sliding effect */
}

.hover-icon-effect .elementor-icon i,
.hover-icon-effect .elementor-icon svg {
    color: white !important;
    fill: white !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 2; /* Ensure the icon stays above the sliding background */
}

/* Add a pseudo-element for the sliding background */
.hover-icon-effect .elementor-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start off-screen to the left */
    width: 100%;
    height: 100%;
    background-color: white !important; /* Stacked background color */
    transition: all 0.3s ease !important;
    z-index: 1; /* Place behind the icon */
}

/* HOVER STATE (Stacked) */
.hover-icon-effect:hover .elementor-icon {
    border-color: white !important;
}

.hover-icon-effect:hover .elementor-icon i,
.hover-icon-effect:hover .elementor-icon svg {
    color: #0B3954 !important; /* Icon color on hover */
    fill: #0B3954 !important;
}

/* Slide the background in from left to right on hover */
.hover-icon-effect:hover .elementor-icon::before {
    left: 0; /* Bring the sliding background into view */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-059e0b6 *//* DEFAULT STATE (Framed) */
.hover-icon-effect .elementor-icon {
    background-color: transparent !important;
    border-color: white !important;
    position: relative; /* For pseudo-element positioning */
    overflow: hidden; /* Hide overflow for the sliding effect */
}

.hover-icon-effect .elementor-icon i,
.hover-icon-effect .elementor-icon svg {
    color: white !important;
    fill: white !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 2; /* Ensure the icon stays above the sliding background */
}

/* Add a pseudo-element for the sliding background */
.hover-icon-effect .elementor-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start off-screen to the left */
    width: 100%;
    height: 100%;
    background-color: white !important; /* Stacked background color */
    transition: all 0.3s ease !important;
    z-index: 1; /* Place behind the icon */
}

/* HOVER STATE (Stacked) */
.hover-icon-effect:hover .elementor-icon {
    border-color: white !important;
}

.hover-icon-effect:hover .elementor-icon i,
.hover-icon-effect:hover .elementor-icon svg {
    color: #0B3954 !important; /* Icon color on hover */
    fill: #0B3954 !important;
}

/* Slide the background in from left to right on hover */
.hover-icon-effect:hover .elementor-icon::before {
    left: 0; /* Bring the sliding background into view */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-be2fd17 *//* DEFAULT STATE (Framed) */
.hover-icon-effect .elementor-icon {
    background-color: transparent !important;
    border-color: white !important;
    position: relative; /* For pseudo-element positioning */
    overflow: hidden; /* Hide overflow for the sliding effect */
}

.hover-icon-effect .elementor-icon i,
.hover-icon-effect .elementor-icon svg {
    color: white !important;
    fill: white !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 2; /* Ensure the icon stays above the sliding background */
}

/* Add a pseudo-element for the sliding background */
.hover-icon-effect .elementor-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start off-screen to the left */
    width: 100%;
    height: 100%;
    background-color: white !important; /* Stacked background color */
    transition: all 0.3s ease !important;
    z-index: 1; /* Place behind the icon */
}

/* HOVER STATE (Stacked) */
.hover-icon-effect:hover .elementor-icon {
    border-color: white !important;
}

.hover-icon-effect:hover .elementor-icon i,
.hover-icon-effect:hover .elementor-icon svg {
    color: #0B3954 !important; /* Icon color on hover */
    fill: #0B3954 !important;
}

/* Slide the background in from left to right on hover */
.hover-icon-effect:hover .elementor-icon::before {
    left: 0; /* Bring the sliding background into view */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1fa6b26 *//* DEFAULT STATE (Framed) */
.hover-icon-effect .elementor-icon {
    background-color: transparent !important;
    border-color: white !important;
    position: relative; /* For pseudo-element positioning */
    overflow: hidden; /* Hide overflow for the sliding effect */
}

.hover-icon-effect .elementor-icon i,
.hover-icon-effect .elementor-icon svg {
    color: white !important;
    fill: white !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 2; /* Ensure the icon stays above the sliding background */
}

/* Add a pseudo-element for the sliding background */
.hover-icon-effect .elementor-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start off-screen to the left */
    width: 100%;
    height: 100%;
    background-color: white !important; /* Stacked background color */
    transition: all 0.3s ease !important;
    z-index: 1; /* Place behind the icon */
}

/* HOVER STATE (Stacked) */
.hover-icon-effect:hover .elementor-icon {
    border-color: white !important;
}

.hover-icon-effect:hover .elementor-icon i,
.hover-icon-effect:hover .elementor-icon svg {
    color: #0B3954 !important; /* Icon color on hover */
    fill: #0B3954 !important;
}

/* Slide the background in from left to right on hover */
.hover-icon-effect:hover .elementor-icon::before {
    left: 0; /* Bring the sliding background into view */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-04925a4 *//* DEFAULT STATE (Framed) */
.hover-icon-effect .elementor-icon {
    background-color: transparent !important;
    border-color: white !important;
    position: relative; /* For pseudo-element positioning */
    overflow: hidden; /* Hide overflow for the sliding effect */
}

.hover-icon-effect .elementor-icon i,
.hover-icon-effect .elementor-icon svg {
    color: white !important;
    fill: white !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 2; /* Ensure the icon stays above the sliding background */
}

/* Add a pseudo-element for the sliding background */
.hover-icon-effect .elementor-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start off-screen to the left */
    width: 100%;
    height: 100%;
    background-color: white !important; /* Stacked background color */
    transition: all 0.3s ease !important;
    z-index: 1; /* Place behind the icon */
}

/* HOVER STATE (Stacked) */
.hover-icon-effect:hover .elementor-icon {
    border-color: white !important;
}

.hover-icon-effect:hover .elementor-icon i,
.hover-icon-effect:hover .elementor-icon svg {
    color: #0B3954 !important; /* Icon color on hover */
    fill: #0B3954 !important;
}

/* Slide the background in from left to right on hover */
.hover-icon-effect:hover .elementor-icon::before {
    left: 0; /* Bring the sliding background into view */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-54f198c *//* DEFAULT STATE (Framed) */
.hover-icon-effect .elementor-icon {
    background-color: transparent !important;
    border-color: white !important;
    position: relative; /* For pseudo-element positioning */
    overflow: hidden; /* Hide overflow for the sliding effect */
}

.hover-icon-effect .elementor-icon i,
.hover-icon-effect .elementor-icon svg {
    color: white !important;
    fill: white !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 2; /* Ensure the icon stays above the sliding background */
}

/* Add a pseudo-element for the sliding background */
.hover-icon-effect .elementor-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start off-screen to the left */
    width: 100%;
    height: 100%;
    background-color: white !important; /* Stacked background color */
    transition: all 0.3s ease !important;
    z-index: 1; /* Place behind the icon */
}

/* HOVER STATE (Stacked) */
.hover-icon-effect:hover .elementor-icon {
    border-color: white !important;
}

.hover-icon-effect:hover .elementor-icon i,
.hover-icon-effect:hover .elementor-icon svg {
    color: #0B3954 !important; /* Icon color on hover */
    fill: #0B3954 !important;
}

/* Slide the background in from left to right on hover */
.hover-icon-effect:hover .elementor-icon::before {
    left: 0; /* Bring the sliding background into view */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f6c52f8 *//* DEFAULT STATE (Framed) */
.hover-icon-effect .elementor-icon {
    background-color: transparent !important;
    border-color: white !important;
    position: relative; /* For pseudo-element positioning */
    overflow: hidden; /* Hide overflow for the sliding effect */
}

.hover-icon-effect .elementor-icon i,
.hover-icon-effect .elementor-icon svg {
    color: white !important;
    fill: white !important;
    transition: all 0.3s ease !important;
    position: relative;
    z-index: 2; /* Ensure the icon stays above the sliding background */
}

/* Add a pseudo-element for the sliding background */
.hover-icon-effect .elementor-icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start off-screen to the left */
    width: 100%;
    height: 100%;
    background-color: white !important; /* Stacked background color */
    transition: all 0.3s ease !important;
    z-index: 1; /* Place behind the icon */
}

/* HOVER STATE (Stacked) */
.hover-icon-effect:hover .elementor-icon {
    border-color: white !important;
}

.hover-icon-effect:hover .elementor-icon i,
.hover-icon-effect:hover .elementor-icon svg {
    color: #0B3954 !important; /* Icon color on hover */
    fill: #0B3954 !important;
}

/* Slide the background in from left to right on hover */
.hover-icon-effect:hover .elementor-icon::before {
    left: 0; /* Bring the sliding background into view */
}/* End custom CSS */